{"version":3,"sources":["webpack:///./src/views/components/extra-components/imageeditor/ImageEditor.vue?57a8","webpack:///src/views/components/extra-components/imageeditor/ImageEditor.vue","webpack:///./src/views/components/extra-components/imageeditor/ImageEditor.vue?d3d6","webpack:///./src/views/components/extra-components/imageeditor/ImageEditor.vue?c71a","webpack:///./src/views/SideBarGuide.vue?3cb7","webpack:///src/views/SideBarGuide.vue","webpack:///./src/views/SideBarGuide.vue?d0d7","webpack:///./src/views/SideBarGuide.vue?2bcb","webpack:///./node_modules/core-js/modules/_array-fill.js","webpack:///./node_modules/core-js/modules/es6.array.fill.js","webpack:///./src/views/components/extra-components/imageeditor/ImageEditor.vue?f291","webpack:///./src/views/SideBarGuide.vue?9a5f","webpack:///./src/TCVelikBrowserClient/TCVelikBrowserClient.js","webpack:///./node_modules/@babel/runtime/helpers/builtin/es6/objectSpread.js","webpack:///./node_modules/core-js/modules/es6.string.starts-with.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","class","title","on","click","$event","startCropping","changeToActive","staticStyle","width","src","alt","startBlurring","startDrawingRect","startDrawingArrow","directives","name","rawName","value","expression","type","domProps","input","target","composing","fontColor","removeAcive","change","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","fontFace","multiple","_v","min","max","lineWidth","startAddingText","undo","removeActive","redo","EmitSave","ref","mousedown","onMouseDown","mousemove","onMouseMove","mouseup","onMouseUp","wheel","onWheel","display","position","border","background-color","z-index","placeholder","blur","commitText","keydown","indexOf","_k","keyCode","key","text","staticRenderFns","ImageEditorvue_type_script_lang_js_","Object","defineProperty","props","base64Image","String","required","Closing","Boolean","data","ctx","image","Image","startX","startY","endX","endY","isCropping","isDrawingRect","isDrawingArrow","isAddingText","isBlurring","lastSavedStep","activeFunction","drawing","snapshot","scale","originX","originY","history","historyStep","watch","newValue","oldValue","alert","mounted","_mounted","asyncToGenerator","regeneratorRuntime","mark","_callee","base64","wrap","_context","prev","next","mapKeyboardShortcuts","$refs","canvas","getContext","startsWith","loadImage","convertImageUrlToBase64","sent","stop","apply","arguments","methods","instance","document","addEventListener","event","ctrlKey","preventDefault","_this","onload","height","drawImage","saveState","_convertImageUrlToBase","_callee2","url","response","blob","_context2","fetch","abrupt","Promise","resolve","reader","FileReader","onloadend","result","readAsDataURL","_x","length","slice","push","toDataURL","isChanged","$emit","restoreState","step","_this2","canvasPic","clearRect","onImageUpload","_this3","e","files","style","cursor","setActiveFunction","offsetX","offsetY","getImageData","putImageData","strokeStyle","strokeRect","drawArrow","setLineDash","croppedImage","Math","_width","abs","_height","applyBlur","textInput","left","concat","top","focus","active_function","element","active_element","getElementById","hasAttribute","removeAttribute","setAttribute","_unused","_element","invalidateActiveFunction","fillStyle","font","fillText","fromx","fromy","tox","toy","triangleAreaFactor","base","sharpnessFactor","angle","atan2","arrowBaseX","cos","arrowBaseY","sin","beginPath","moveTo","lineTo","stroke","closePath","fill","x","y","blurRadius","expandedX","expandedY","expandedWidth","expandedHeight","tmpCanvas","createElement","tmpCtx","expandedImageData","blurredData","delta","deltaY","mouseX","mouseY","save","translate","restore","newImage","actionVariableName","_base64Image","_callee3","_context3","_x2","imageeditor_ImageEditorvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","icon","CurrentOnboarding","_s","_e","description","active","InAddingCommentToStepMode","update:active","label-placeholder","model","callback","$$v","stepComment","AddCommentToStep","SideBarGuidevue_type_script_lang_js_","ShareType","InImageZoom","CurrentZoomImage","CurrentImgDOM","InputEmail","onboardingLink","password","tempStepId","selectedSpace","IsLoading","imageChanged","AfterShare","Spaces","onboardingSpaces","InShareOnboardingMode","InAddOnboardingToSpaceMode","InEmailInputMode","InAuthorizationMode","CanShareOnboarding","GuestUserActions","PDFDownloadRequestInProgress","shareReq","onboardingId","email","computed","isInRecording","window","body","getAttribute","msg","MarkStepAsComplete","LoadOnboarding","itemId","$router","currentRoute","params","onboardingid","query","variables","req","TCVelikClient","PostRelative","headers","Content-Type","Accept","then","onboardings","contentholder","innerHTML","rawContent","AddStepFunctions","localStorage","getItem","JSON","parse","accountsService","getUserFromLocalStorage","User","Email","$nextTick","step1","querySelector","open","href","querySelectorAll","forEach","classList","add","dataset","parentNode","overflow","isDragging","currentX","currentY","zoomSpeed","transform","clientX","clientY","tools","stepTools","titleContainer","appendChild","remove","right","errors","spans","span","index","OpenAddCommentToStepMenu","FindElement","ShowScreenshot","StepId","currentTarget","stepWrapper","scrollIntoView","behavior","block","MarkOnboardingDoneIfNeeded","catch","err","$vs","notify","color","iconPack","allSteps","allCompleted","MarkAsCompletedForUser","stepId","_parentStep$querySele","parentStep","closest","parentStepJson","innerText","TCVelikBrowserClient","sendMessage","action","selectorInfo","internalStepId","error","parentStepScreenshot","HasImageChanges","comment","components","ImageEditor","FeatherIcon","views_SideBarGuidevue_type_script_lang_js_","toObject","__webpack_require__","toAbsoluteIndex","toLength","module","exports","O","aLen","undefined","end","endPos","$export","P","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageEditor_vue_vue_type_style_index_0_id_4be6b770_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageEditor_vue_vue_type_style_index_0_id_4be6b770_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBarGuide_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SideBarGuide_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","timeout","G_devops_DeploymentAgents_work_12_s_TCVelikNano_ClientApp_node_modules_babel_runtime_helpers_builtin_es6_classCallCheck__WEBPACK_IMPORTED_MODULE_1__","activeRequests","requestCounter","initMessageListener","origin","requestId","message","targetOrigin","reject","parent","postMessage","G_devops_DeploymentAgents_work_12_s_TCVelikNano_ClientApp_node_modules_babel_runtime_helpers_builtin_es6_objectSpread__WEBPACK_IMPORTED_MODULE_0__","setTimeout","Error","newTimeout","d","_objectSpread","_defineProperty__WEBPACK_IMPORTED_MODULE_0__","i","source","ownKeys","keys","getOwnPropertySymbols","sym","getOwnPropertyDescriptor","enumerable","context","STARTS_WITH","$startsWith","F","searchString","that","search"],"mappings":"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","file":"js/chunk-03e6270c.42b7b778.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"editor-toolbar\",attrs:{\"id\":\"toolbar\"}},[_c('button',{class:'tt-tool ',attrs:{\"title\":\"Crop\"},on:{\"click\":function($event){_vm.startCropping();_vm.changeToActive($event)}}},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":\"/images/icons/image-editor/crop-line.svg\",\"alt\":\"SVG Image\"}})]),_c('button',{class:'tt-tool ',attrs:{\"title\":\"Blur\"},on:{\"click\":function($event){_vm.startBlurring();_vm.changeToActive($event)}}},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":\"/images/icons/image-editor/drop-line.svg\",\"alt\":\"SVG Image\"}})]),_c('button',{class:'tt-tool ',attrs:{\"title\":\"Draw rectangle\"},on:{\"click\":function($event){_vm.startDrawingRect();_vm.changeToActive($event)}}},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":\"/images/icons/image-editor/rectangle-line.svg\",\"alt\":\"SVG Image\"}})]),_c('button',{class:'tt-tool ',attrs:{\"title\":\"Draw arrow\"},on:{\"click\":function($event){_vm.startDrawingArrow();_vm.changeToActive($event)}}},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":\"/images/icons/image-editor/arrow-right-line.svg\",\"alt\":\"SVG Image\"}})]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.fontColor),expression:\"fontColor\"}],class:'tt-tool ',attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.fontColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.fontColor=$event.target.value}}}),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.fontFace),expression:\"fontFace\"}],class:'tt-font ',on:{\"click\":function($event){return _vm.removeAcive()},\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.fontFace=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"Arial\"}},[_vm._v(\"Arial\")]),_c('option',{attrs:{\"value\":\"Verdana\"}},[_vm._v(\"Verdana\")]),_c('option',{attrs:{\"value\":\"Times New Roman\"}},[_vm._v(\"Times New Roman\")])]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.lineWidth),expression:\"lineWidth\"}],class:'tt-text ',staticStyle:{\"width\":\"50px\"},attrs:{\"type\":\"number\",\"min\":\"1\",\"max\":\"10\"},domProps:{\"value\":(_vm.lineWidth)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.lineWidth=$event.target.value}}}),_c('button',{class:'tt-text ',on:{\"click\":function($event){_vm.startAddingText();_vm.changeToActive($event)}}},[_vm._v(\"Add Text\")]),_c('button',{class:'tt-tool ',attrs:{\"title\":\"Undo(CTRL + Z)\"},on:{\"click\":function($event){_vm.undo();_vm.removeActive()}}},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":\"/images/icons/image-editor/arrow-go-back-line.svg\",\"alt\":\"SVG Image\"}})]),_c('button',{class:'tt-tool ',attrs:{\"title\":\"Redo(CTRL + Y)\"},on:{\"click\":function($event){_vm.redo();_vm.removeActive()}}},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":\"/images/icons/image-editor/arrow-go-forward-line.svg\",\"alt\":\"SVG Image\"}})]),_c('button',{class:'tt-tool ',attrs:{\"title\":\"Save(CTRL + S)\"},on:{\"click\":function($event){_vm.EmitSave();_vm.removeActive()}}},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":\"/images/icons/image-editor/save-3-line.svg\",\"alt\":\"SVG Image\"}})])]),_c('canvas',{ref:\"canvas\",attrs:{\"id\":\"canvas\"},on:{\"mousedown\":_vm.onMouseDown,\"mousemove\":_vm.onMouseMove,\"mouseup\":_vm.onMouseUp,\"wheel\":_vm.onWheel}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.text),expression:\"text\"}],ref:\"textInput\",staticStyle:{\"display\":\"none\",\"position\":\"absolute\",\"border\":\"1px solid #000\",\"background-color\":\"#fff\",\"z-index\":\"10\"},attrs:{\"type\":\"text\",\"placeholder\":\"Enter text\"},domProps:{\"value\":(_vm.text)},on:{\"blur\":_vm.commitText,\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.commitText($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.text=$event.target.value}}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div id=\"toolbar\" class=\"editor-toolbar\">\r\n      <!--<input  src=\"/images/icons/image-editor/folder-open-line.svg\" type=\"file\" id=\"uploadImage\" accept=\"image/*\" @change=\"onImageUpload\">-->\r\n      <!--<button @click=\"startCropping\">Crop</button>-->\r\n      <button :class=\"'tt-tool '\" title=\"Crop\" @click=\"startCropping();changeToActive($event)\">\r\n        <img style=\"width:24px;\" src=\"/images/icons/image-editor/crop-line.svg\" alt=\"SVG Image\" />\r\n      </button>\r\n      <button :class=\"'tt-tool '\" title=\"Blur\" @click=\"startBlurring();changeToActive($event)\">\r\n        <img style=\"width:24px;\" src=\"/images/icons/image-editor/drop-line.svg\" alt=\"SVG Image\" />\r\n      </button>\r\n      <button :class=\"'tt-tool '\" title=\"Draw rectangle\" @click=\"startDrawingRect();changeToActive($event)\">\r\n        <img style=\"width:24px;\" src=\"/images/icons/image-editor/rectangle-line.svg\" alt=\"SVG Image\" />\r\n      </button>\r\n      <button :class=\"'tt-tool '\" title=\"Draw arrow\" @click=\"startDrawingArrow();changeToActive($event)\">\r\n        <img style=\"width:24px;\" src=\"/images/icons/image-editor/arrow-right-line.svg\" alt=\"SVG Image\" />\r\n      </button>\r\n\r\n      <input :class=\"'tt-tool '\" type=\"color\" v-model=\"fontColor\">\r\n      <select @click=\"removeAcive()\" :class=\"'tt-font '\" v-model=\"fontFace\">\r\n        <option value=\"Arial\">Arial</option>\r\n        <option value=\"Verdana\">Verdana</option>\r\n        <option value=\"Times New Roman\">Times New Roman</option>\r\n      </select>\r\n      <input :class=\"'tt-text '\" type=\"number\" v-model=\"lineWidth\" min=\"1\" max=\"10\" style=\"width: 50px;\">\r\n      <button :class=\"'tt-text '\" @click=\"startAddingText();changeToActive($event)\">Add Text</button>\r\n      <button :class=\"'tt-tool '\" title=\"Undo(CTRL + Z)\" @click=\"undo();removeActive()\">\r\n        <img style=\"width:24px;\" src=\"/images/icons/image-editor/arrow-go-back-line.svg\" alt=\"SVG Image\" />\r\n      </button>\r\n      <button :class=\"'tt-tool '\" title=\"Redo(CTRL + Y)\" @click=\"redo();removeActive()\"><img style=\"width:24px;\" src=\"/images/icons/image-editor/arrow-go-forward-line.svg\" alt=\"SVG Image\" /></button>\r\n\r\n      <button title=\"Save(CTRL + S)\" :class=\"'tt-tool '\" @click=\"EmitSave();removeActive()\">\r\n        <img style=\"width:24px;\" src=\"/images/icons/image-editor/save-3-line.svg\" alt=\"SVG Image\" />\r\n      </button>\r\n    </div>\r\n    <canvas id=\"canvas\" ref=\"canvas\" @mousedown=\"onMouseDown\" @mousemove=\"onMouseMove\" @mouseup=\"onMouseUp\" @wheel=\"onWheel\"></canvas>\r\n    <input type=\"text\" ref=\"textInput\" v-model=\"text\" placeholder=\"Enter text\" @blur=\"commitText\" @keydown.enter=\"commitText\" style=\"display: none; position: absolute; border: 1px solid #000; background-color: #fff; z-index: 10;\">\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: {\r\n      base64Image: {\r\n        type: String,\r\n        required: true\r\n      },\r\n      Closing: {\r\n        type: Boolean\r\n      }\r\n    },\r\n\r\n    data() {\r\n      return {\r\n        ctx: null,\r\n        image: new Image(),\r\n        startX: 0,\r\n        startY: 0,\r\n        endX: 0,\r\n        endY: 0,\r\n        isCropping: false,\r\n        isDrawingRect: false,\r\n        isDrawingArrow: false,\r\n        isAddingText: false,\r\n        isBlurring: false,\r\n        lastSavedStep: 0,\r\n        activeFunction: \"\",\r\n        drawing: false,\r\n        snapshot: null,\r\n        scale: 1,\r\n        originX: 0,\r\n        originY: 0,\r\n        history: [],\r\n        historyStep: -1,\r\n        fontColor: \"#ff1a1a\",\r\n        fontFace: \"Arial\",\r\n        lineWidth: 3,\r\n        text: \"\"\r\n      };\r\n    },\r\n    watch: {\r\n      watch: {\r\n        Closing(newValue, oldValue) {\r\n          alert(\"2\");\r\n        },\r\n      }\r\n    },\r\n    async mounted() {\r\n      this.mapKeyboardShortcuts()\r\n      this.ctx = this.$refs.canvas.getContext(\"2d\");\r\n      if (this.base64Image.startsWith(\"data:image\")) {\r\n        // Source is already base64\r\n        this.loadImage(this.base64Image);\r\n      } else {\r\n        // Assume source is a URL, convert to base64\r\n        const base64 = await this.convertImageUrlToBase64(this.base64Image);\r\n        this.loadImage(base64);\r\n      }\r\n    },\r\n    methods: {\r\n      mapKeyboardShortcuts() {\r\n        var instance = this;\r\n        document.addEventListener('keydown', function (event) {\r\n          if (event.ctrlKey) {\r\n            switch (event.key) {\r\n              case 's':\r\n                event.preventDefault();\r\n                instance.EmitSave();\r\n                instance.removeActive()\r\n                break;\r\n              case 'y':\r\n                event.preventDefault();\r\n                instance.redo();\r\n                instance.removeActive()\r\n                break;\r\n              case 'z':\r\n                event.preventDefault();\r\n                instance.undo();\r\n                instance.removeActive()\r\n                break;\r\n            }\r\n          }\r\n        });\r\n      },\r\n\r\n      loadImage(base64) {\r\n\r\n        this.image.src = base64;\r\n        this.image.onload = () => {\r\n          this.$refs.canvas.width = this.image.width;\r\n          this.$refs.canvas.height = this.image.height;\r\n          this.ctx.drawImage(this.image, 0, 0);\r\n          this.saveState();\r\n        };\r\n      },\r\n      async convertImageUrlToBase64(url) {\r\n        const response = await fetch(url);\r\n        const blob = await response.blob();\r\n        return new Promise((resolve) => {\r\n          const reader = new FileReader();\r\n          reader.onloadend = () => resolve(reader.result);\r\n          reader.readAsDataURL(blob);\r\n        });\r\n      },\r\n\r\n      saveState() {\r\n        if (this.historyStep < this.history.length - 1) {\r\n          this.history = this.history.slice(0, this.historyStep + 1);\r\n        }\r\n        this.history.push(this.$refs.canvas.toDataURL());\r\n        this.historyStep++;\r\n        var isChanged = this.lastSavedStep != this.historyStep && (this.historyStep > 0 || this.lastSavedStep > 0)\r\n        this.$emit(\"StateChanged\", isChanged);\r\n\r\n      },\r\n      restoreState(step) {\r\n        const canvasPic = new Image();\r\n        canvasPic.src = this.history[step];\r\n        canvasPic.onload = () => {\r\n          this.ctx.clearRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);\r\n          this.ctx.drawImage(canvasPic, 0, 0);\r\n        };\r\n      },\r\n      onImageUpload(event) {\r\n        const reader = new FileReader();\r\n        reader.onload = (e) => {\r\n          this.loadImage(e.target.result);\r\n        };\r\n        reader.readAsDataURL(event.target.files[0]);\r\n      },\r\n      startCropping() {\r\n        this.isCropping = true;\r\n        this.$refs.canvas.style.cursor = \"crosshair\";\r\n        this.setActiveFunction(\"isCropping\");\r\n      },\r\n      startDrawingRect() {\r\n        this.isDrawingRect = true;\r\n        this.$refs.canvas.style.cursor = \"crosshair\";\r\n        this.setActiveFunction(\"isDrawingRect\");\r\n      },\r\n      startDrawingArrow() {\r\n        this.isDrawingArrow = true;\r\n        this.$refs.canvas.style.cursor = \"crosshair\";\r\n        this.setActiveFunction(\"isDrawingArrow\");\r\n      },\r\n      startBlurring() {\r\n        this.isBlurring = true;\r\n        this.$refs.canvas.style.cursor = \"crosshair\";\r\n        this.setActiveFunction(\"isBlurring\");\r\n      },\r\n      startAddingText() {\r\n        this.isAddingText = true;\r\n        this.$refs.canvas.style.cursor = \"text\";\r\n        this.setActiveFunction(\"isAddingText\");\r\n      },\r\n      onMouseDown(e) {\r\n        if (this.isCropping || this.isDrawingRect || this.isDrawingArrow || this.isAddingText || this.isBlurring) {\r\n          this.startX = e.offsetX;\r\n          this.startY = e.offsetY;\r\n          if (this.isDrawingRect || this.isDrawingArrow || this.isCropping || this.isBlurring) {\r\n            this.drawing = true;\r\n            this.snapshot = this.ctx.getImageData(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);\r\n          }\r\n        }\r\n      },\r\n      onMouseMove(e) {\r\n        if (this.drawing) {\r\n          this.ctx.putImageData(this.snapshot, 0, 0);\r\n          this.endX = e.offsetX;\r\n          this.endY = e.offsetY;\r\n          this.ctx.strokeStyle = this.fontColor;\r\n          this.ctx.lineWidth = this.lineWidth;\r\n          if (this.isDrawingRect) {\r\n            this.ctx.strokeRect(this.startX, this.startY, this.endX - this.startX, this.endY - this.startY);\r\n          } else if (this.isDrawingArrow) {\r\n            this.drawArrow(this.ctx, this.startX, this.startY, this.endX, this.endY);\r\n          } else if (this.isCropping || this.isBlurring) {\r\n            this.ctx.setLineDash([5, 5]);\r\n            this.ctx.strokeRect(this.startX, this.startY, this.endX - this.startX, this.endY - this.startY);\r\n            this.ctx.setLineDash([]);\r\n          }\r\n        }\r\n      },\r\n      onMouseUp(e) {\r\n        if (this.isCropping || this.isBlurring) {\r\n          this.ctx.putImageData(this.snapshot, 0, 0); // Restore the snapshot to remove the drawn rectangle\r\n        }\r\n\r\n        if (this.isCropping) {\r\n          this.endX = e.offsetX;\r\n          this.endY = e.offsetY;\r\n          const width = this.endX - this.startX;\r\n          const height = this.endY - this.startY;\r\n          const croppedImage = this.ctx.getImageData(this.startX, this.startY, width, height);\r\n          this.$refs.canvas.width = width;\r\n          this.$refs.canvas.height = height;\r\n          this.ctx.putImageData(croppedImage, 0, 0);\r\n\r\n          this.saveState();\r\n          this.drawing = false;\r\n        } else if (this.isBlurring) {\r\n          const startX = Math.min(this.startX, e.offsetX);\r\n          const startY = Math.min(this.startY, e.offsetY);\r\n          const width = Math.abs(this.endX - this.startX);\r\n          const height = Math.abs(this.endY - this.startY); this.applyBlur(startX, startY, width, height);\r\n          this.saveState();\r\n          this.drawing = false;\r\n        } else if (this.drawing) {\r\n          this.endX = e.offsetX;\r\n          this.endY = e.offsetY;\r\n          this.ctx.strokeStyle = this.fontColor;\r\n          this.ctx.lineWidth = this.lineWidth;\r\n          if (this.isDrawingRect) {\r\n            this.ctx.strokeRect(this.startX, this.startY, this.endX - this.startX, this.endY - this.startY);\r\n\r\n          } else if (this.isDrawingArrow) {\r\n            this.drawArrow(this.ctx, this.startX, this.startY, this.endX, this.endY);\r\n          }\r\n          this.drawing = false;\r\n          this.saveState();\r\n        } else if (this.isAddingText) {\r\n          this.$refs.textInput.style.left = `${this.startX}px`;\r\n          this.$refs.textInput.style.top = `${this.startY}px`;\r\n          this.$refs.textInput.style.display = \"block\";\r\n          this.$refs.textInput.focus();\r\n        }\r\n      },\r\n      changeToActive(event, active_function) {\r\n        try {\r\n          const element = event.target\r\n          const active_element = document.getElementById('toggled');\r\n          if (element.hasAttribute(\"id\")) {\r\n            this.removeActive();\r\n            return;\r\n          }\r\n          active_element.removeAttribute(\"id\")\r\n          element.setAttribute(\"id\", \"toggled\");\r\n        }\r\n        catch {\r\n          const element = event.target\r\n          element.setAttribute(\"id\", \"toggled\");\r\n        }\r\n      },\r\n      removeActive() {\r\n        if (document.getElementById('toggled') != null) {\r\n          document.getElementById('toggled').removeAttribute(\"id\");\r\n          this.invalidateActiveFunction()\r\n        }\r\n      },\r\n      invalidateActiveFunction() {\r\n        this.setActiveFunction()\r\n        this.$refs.canvas.style.cursor = \"default\";\r\n      },\r\n\r\n      commitText() {\r\n        if (this.text) {\r\n          this.ctx.fillStyle = this.fontColor;\r\n          this.ctx.font = `20px ${this.fontFace}`;\r\n          this.ctx.fillText(this.text, this.startX, this.startY);\r\n          this.saveState();\r\n        }\r\n        this.text = \"\";\r\n        this.$refs.textInput.style.display = \"none\";\r\n\r\n      },\r\n      drawArrow(ctx, fromx, fromy, tox, toy) {\r\n        const lineWidth = ctx.lineWidth;\r\n        const triangleAreaFactor = 5; // Factor for the area of the triangle\r\n        const height = lineWidth * 2; // Height of the triangle (proportional to the line width)\r\n        const base = (triangleAreaFactor * lineWidth); // Calculate the narrow base width\r\n\r\n        const sharpnessFactor = 2; // This factor controls the sharpness of the arrowhead\r\n\r\n        // Calculate the angle of the line\r\n        const angle = Math.atan2(toy - fromy, tox - fromx);\r\n\r\n        // Calculate where the arrow shaft ends (base of the triangle)\r\n        const arrowBaseX = tox - height * sharpnessFactor * Math.cos(angle);\r\n        const arrowBaseY = toy - height * sharpnessFactor * Math.sin(angle);\r\n\r\n        // 1. Draw the arrow shaft (from the start to the base of the triangle)\r\n        ctx.beginPath();\r\n        ctx.moveTo(fromx, fromy);\r\n        ctx.lineTo(arrowBaseX, arrowBaseY);\r\n        ctx.stroke();\r\n\r\n        // 2. Draw the arrowhead (tip)\r\n        ctx.beginPath();\r\n        ctx.moveTo(tox, toy); // Tip of the arrowhead\r\n\r\n        // Left side of the arrowhead (wider side)\r\n        ctx.lineTo(\r\n          tox - height * sharpnessFactor * Math.cos(angle) - (base / 2) * Math.sin(angle),\r\n          toy - height * sharpnessFactor * Math.sin(angle) + (base / 2) * Math.cos(angle)\r\n        );\r\n\r\n        // Right side of the arrowhead (wider side)\r\n        ctx.lineTo(\r\n          tox - height * sharpnessFactor * Math.cos(angle) + (base / 2) * Math.sin(angle),\r\n          toy - height * sharpnessFactor * Math.sin(angle) - (base / 2) * Math.cos(angle)\r\n        );\r\n\r\n        // Close the triangle (back to the tip of the arrow)\r\n        ctx.closePath();\r\n\r\n        // Set the fill color for the arrowhead\r\n        ctx.fillStyle = ctx.strokeStyle; // Ensure arrowhead color matches the shaft\r\n        ctx.fill();\r\n\r\n      },\r\n      applyBlur(x, y, width, height) {\r\n        const blurRadius = 10; // Blur radius\r\n\r\n        // Get the image data for the selected region with padding around the edges\r\n        const expandedX = x - blurRadius;\r\n        const expandedY = y - blurRadius;\r\n        const expandedWidth = width + 5 * blurRadius;\r\n        const expandedHeight = height + 5 * blurRadius;\r\n\r\n        // Create a temporary canvas large enough to handle the expanded region\r\n        const tmpCanvas = document.createElement(\"canvas\");\r\n        tmpCanvas.width = expandedWidth;\r\n        tmpCanvas.height = expandedHeight;\r\n        const tmpCtx = tmpCanvas.getContext(\"2d\");\r\n\r\n        // Get the expanded region from the original canvas\r\n        const expandedImageData = this.ctx.getImageData(expandedX, expandedY, expandedWidth, expandedHeight);\r\n\r\n        // Put the expanded image data into the temporary canvas\r\n        tmpCtx.putImageData(expandedImageData, 0, 0);\r\n\r\n        // Apply the blur filter\r\n        tmpCtx.filter = `blur(${blurRadius}px)`;\r\n        tmpCtx.drawImage(tmpCanvas, 0, 0);  // Apply the blur by redrawing the image onto itself\r\n\r\n        // Get the blurred image data, but only the region corresponding to the original selection\r\n        const blurredData = tmpCtx.getImageData(blurRadius, blurRadius, width, height);\r\n\r\n        // Put the blurred image data back onto the main canvas in the correct position\r\n        this.ctx.putImageData(blurredData, x, y);\r\n\r\n      },\r\n      undo() {\r\n        if (this.historyStep > 0) {\r\n          this.historyStep--;\r\n          this.restoreState(this.historyStep);\r\n          var isChanged = this.lastSavedStep != this.historyStep && (this.historyStep > 0 || this.lastSavedStep > 0)\r\n          this.$emit(\"StateChanged\", isChanged);\r\n        }\r\n      },\r\n      redo() {\r\n        if (this.historyStep < this.history.length - 1) {\r\n          this.historyStep++;\r\n          this.restoreState(this.historyStep);\r\n          var isChanged = this.lastSavedStep != this.historyStep && (this.historyStep > 0 || this.lastSavedStep > 0)\r\n          this.$emit(\"StateChanged\", isChanged);\r\n        }\r\n      },\r\n      onWheel(e) {\r\n        if (e.ctrlKey) {\r\n          e.preventDefault();\r\n          const delta = e.deltaY > 0 ? -0.1 : 0.1;\r\n          const mouseX = e.offsetX;\r\n          const mouseY = e.offsetY;\r\n\r\n          this.scale *= 1 + delta;\r\n          this.originX = mouseX - (mouseX - this.originX) * (1 + delta);\r\n          this.originY = mouseY - (mouseY - this.originY) * (1 + delta);\r\n\r\n          this.ctx.clearRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);\r\n\r\n          this.ctx.save();\r\n          this.ctx.translate(this.originX, this.originY);\r\n          this.ctx.scale(this.scale, this.scale);\r\n          this.ctx.drawImage(this.image, 0, 0);\r\n          this.ctx.restore();\r\n        }\r\n      },\r\n      EmitSave() {\r\n        this.lastSavedStep = this.historyStep;\r\n        var newImage = this.$refs.canvas.toDataURL();\r\n        this.$emit(\"ImageSave\", newImage);\r\n      },\r\n\r\n      setActiveFunction(actionVariableName) {\r\n        if (this.activeFunction != \"\") this[this.activeFunction] = false;\r\n        this.activeFunction = actionVariableName;\r\n      }\r\n\r\n    },\r\n    watch: {\r\n      async base64Image(newValue) {\r\n        if (newValue.startsWith(\"data:image\")) {\r\n          // Source is already base64\r\n          this.loadImage(newValue);\r\n        } else {\r\n          // Assume source is a URL, convert to base64\r\n          const base64 = await this.convertImageUrlToBase64(newValue);\r\n          this.loadImage(base64);\r\n        }\r\n      }\r\n    }\r\n  };\r\n</script>\r\n\r\n<style scoped>\r\n  canvas {\r\n    border: 1px solid #000;\r\n  }\r\n\r\n  #toolbar {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background-color: #fff;\r\n    z-index: 1000; /* Ensure it's above other elements */\r\n    box-shadow: 0px 4px 2px -2px gray;\r\n  }\r\n\r\n  .no-border {\r\n    display: none;\r\n  }\r\n\r\n  .tt-tool {\r\n    width: 32px;\r\n    height: 32px;\r\n    display: inline-block;\r\n    margin-right: 10px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    /*padding: 3px;*/\r\n    border-radius: 5px;\r\n    border: 1px solid grey;\r\n    background: #fff;\r\n    color: #000;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    margin-right: 3px;\r\n    min-width: 33px;\r\n    height: 33px !important;\r\n    vertical-align: top;\r\n  }\r\n\r\n    .tt-tool.toggled {\r\n      background: #efefef;\r\n      border: 1px solid gray;\r\n      background: #efefef;\r\n      border-radius: 5px;\r\n    }\r\n\r\n  #toggled {\r\n    border: 1px solid gray;\r\n    background: #efefef;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .tt-font {\r\n    width: 152px;\r\n    height: 32px;\r\n    display: inline-block;\r\n    margin-right: 10px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    padding: 3px;\r\n    border-radius: 5px;\r\n    border: 1px solid grey;\r\n    background: #fff;\r\n    color: #000;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    margin-right: 3px;\r\n    min-width: 33px;\r\n    height: 33px !important;\r\n    vertical-align: top;\r\n  }\r\n\r\n  .tt-text {\r\n    width: 96px;\r\n    height: 32px;\r\n    display: inline-block;\r\n    margin-right: 10px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    padding: 3px;\r\n    border-radius: 5px;\r\n    border: 1px solid grey;\r\n    background: #fff;\r\n    color: #000;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    margin-right: 3px;\r\n    min-width: 33px;\r\n    height: 33px !important;\r\n    vertical-align: top;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageEditor.vue?vue&type=template&id=4be6b770&scoped=true&\"\nimport script from \"./ImageEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageEditor.vue?vue&type=style&index=0&id=4be6b770&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4be6b770\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-container\"},[_c('div',{ref:\"stepTools\",staticClass:\"tools invisible\"},[_c('FeatherIcon',{staticClass:\"tool text-success\",staticStyle:{\"position\":\"unset\"},attrs:{\"title\":\"Complete step\",\"icon\":\"CheckCircleIcon\"}}),_c('FeatherIcon',{staticClass:\"tool text-danger\",staticStyle:{\"position\":\"unset\"},attrs:{\"title\":\"Flag step\",\"icon\":\"FlagIcon\"}}),_c('FeatherIcon',{staticClass:\"tool text-primary\",staticStyle:{\"position\":\"unset\"},attrs:{\"title\":\"Find Element\",\"icon\":\"CrosshairIcon\"}}),_c('FeatherIcon',{staticClass:\"tool text-primary\",staticStyle:{\"position\":\"unset\"},attrs:{\"title\":\"Show Screen\",\"icon\":\"MonitorIcon\"}})],1),_c('div',{staticClass:\"full-height\"},[(_vm.CurrentOnboarding && _vm.CurrentOnboarding.name)?_c('h1',{staticClass:\"title\"},[_vm._v(\"\\n      \"+_vm._s(_vm.CurrentOnboarding.name)+\"\\n    \")]):_vm._e(),(_vm.CurrentOnboarding && _vm.CurrentOnboarding.description)?_c('div',{staticClass:\"description\"},[_vm._v(\"\\n      \"+_vm._s(_vm.CurrentOnboarding.description)+\"\\n    \")]):_vm._e(),_c('div',{ref:\"contentholder\",staticClass:\"print-content\"}),(_vm.InAddingCommentToStepMode)?_c('vs-popup',{attrs:{\"title\":\"Add comment to step\",\"active\":_vm.InAddingCommentToStepMode},on:{\"update:active\":function($event){_vm.InAddingCommentToStepMode=$event}}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-base\"},[_vm._v(\"\\n          Comment:\\n          \"),_c('vs-input',{staticClass:\"vx-col w-1/1 lg:w-1/1\",staticStyle:{\"width\":\"100%\"},attrs:{\"label-placeholder\":\"Comment:\"},model:{value:(_vm.stepComment),callback:function ($$v) {_vm.stepComment=$$v},expression:\"stepComment\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vs-button',{on:{\"click\":function($event){return _vm.AddCommentToStep(_vm.stepComment)}}},[_vm._v(\"Add\")])],1)])]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page-container\">\r\n    <div class=\"tools invisible\" ref=\"stepTools\">\r\n      <FeatherIcon title=\"Complete step\" icon=\"CheckCircleIcon\" class=\"tool text-success\" style=\"position:unset;\"></FeatherIcon>\r\n      <FeatherIcon title=\"Flag step\" icon=\"FlagIcon\" class=\"tool text-danger\" style=\"position:unset;\"></FeatherIcon>\r\n      <FeatherIcon title=\"Find Element\" icon=\"CrosshairIcon\" class=\"tool text-primary\" style=\"position:unset;\"></FeatherIcon>\r\n      <FeatherIcon title=\"Show Screen\" icon=\"MonitorIcon\" class=\"tool text-primary\" style=\"position:unset;\"></FeatherIcon>\r\n    </div>\r\n    <div class=\"full-height\">\r\n      <h1 v-if=\"CurrentOnboarding && CurrentOnboarding.name\" class=\"title\">\r\n        {{CurrentOnboarding.name}}\r\n      </h1>\r\n      <div v-if=\"CurrentOnboarding && CurrentOnboarding.description\" class=\"description\">\r\n        {{CurrentOnboarding.description}}\r\n      </div>\r\n      <div class=\"print-content\" ref=\"contentholder\">\r\n\r\n      </div>\r\n      <vs-popup title=\"Add comment to step\" :active.sync=\"InAddingCommentToStepMode\" v-if=\"InAddingCommentToStepMode\">\r\n        <div class=\"vx-row\">\r\n          <div class=\"vx-col w-full mb-base\">\r\n            Comment:\r\n            <vs-input class=\"vx-col w-1/1 lg:w-1/1\" style=\"width:100%;\"\r\n                      label-placeholder=\"Comment:\"\r\n                      v-model=\"stepComment\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"vx-row\">\r\n          <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n            <vs-button @click=\"AddCommentToStep(stepComment)\">Add</vs-button>\r\n          </div>\r\n        </div>\r\n      </vs-popup>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n\r\n  import TCVelikClient from '@/TCVelikClient/TCVelikClient';\r\n  import TCVelikBrowserClient from '@/TCVelikBrowserClient/TCVelikBrowserClient';\r\n  import accountsService from '../accounts/accountsService';\r\n  import ImageEditor from '@/views/components/extra-components/imageeditor/ImageEditor.vue';\r\n  import FeatherIcon from \"@/components/FeatherIcon.vue\";\r\n\r\n  export default {\r\n    data() {\r\n      return {\r\n        ShareType: \"0\",\r\n        InImageZoom: false,\r\n        CurrentZoomImage: '',\r\n        CurrentImgDOM: null,\r\n        InputEmail: \"\",\r\n        onboardingLink: \"\",\r\n        password: \"\",\r\n        tempStepId: \"\",\r\n        stepComment: \"\",\r\n        selectedSpace: \"\",\r\n        IsLoading: true,\r\n        imageChanged: false,\r\n        AfterShare: false,\r\n        CurrentOnboarding: null,\r\n        Spaces: null,\r\n        onboardingSpaces: null,\r\n        InShareOnboardingMode: false,\r\n        InAddOnboardingToSpaceMode: false,\r\n        InAddingCommentToStepMode: false,\r\n        InEmailInputMode: false,\r\n        InAuthorizationMode: false,\r\n        CanShareOnboarding: false,\r\n        GuestUserActions: false,\r\n        PDFDownloadRequestInProgress: false,\r\n        shareReq: {\r\n          onboardingId: this.CurrentOnboarding ? this.CurrentOnboarding.id : 0,\r\n          email: '',\r\n        },\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      isInRecording() {\r\n        return window.document.body.getAttribute(\"notcv\") == \"true\";\r\n      }\r\n    },\r\n\r\n    mounted() {\r\n      var instance = this;\r\n      window.addEventListener(\"message\", function (msg) {\r\n        if (msg && msg.data && msg.data.type == \"StepCompleted\") {\r\n          instance.MarkStepAsComplete(null, msg.data.data);\r\n        }\r\n      });\r\n      document.body.style = 'padding:0px;';\r\n      this.LoadOnboarding();\r\n    },\r\n    methods: {\r\n      LoadOnboarding() {\r\n        var itemId = this.$router.currentRoute.params.onboardingid * 1;\r\n        var instance = this;\r\n        const query = `\r\n                          query GetOnboardings($id: Int) {\r\n                            onboardings(where: { id: {\r\n                                  eq: $id\r\n                              } }) {\r\n                                  id\r\n                                  name\r\n                                  description\r\n                                  rawContent\r\n                              }\r\n                          }\r\n                        `;\r\n\r\n        const variables = {\r\n          id: itemId\r\n        };\r\n\r\n        const req = {\r\n          query,\r\n          variables\r\n        };\r\n\r\n        TCVelikClient.PostRelative(\"/api/graphql\", req, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (response && response.data && response.data.data && response.data.data.onboardings) {\r\n            instance.$refs.contentholder.innerHTML = response.data.data.onboardings[0].rawContent;\r\n            instance.shareReq.CurrentOnboarding = response.data.data.onboardings[0];\r\n            instance.CurrentOnboarding = response.data.data.onboardings[0];\r\n            instance.AddStepFunctions();\r\n            document.title = instance.CurrentOnboarding.name;\r\n            instance.IsLoading = false;\r\n\r\n            var email = localStorage.getItem(\"pinUserEmail\"); // if User with pin.\r\n            if (!email || email.length == 0) {\r\n              var email = JSON.parse(accountsService.getUserFromLocalStorage()).User.Email;\r\n            }\r\n\r\n            TCVelikClient.PostRelative(\"/api/analytics/OpenedOnboarding?OnboardingId=\" + itemId + \"&OnboardingType=0\" + \"&UserEmail=\" + email);\r\n\r\n            instance.$nextTick(function () {\r\n\r\n              if (this.isInRecording) {\r\n                var step1 = document.querySelector(\"[data-type='draggable-item'] p a\");\r\n                window.open(step1.href);\r\n              }\r\n\r\n              document.querySelectorAll(\"[data-type='draggable-item'] img\")\r\n                .forEach(function (image) {\r\n                  image.classList.add(\"pointer\");\r\n                  image.dataset[\"url\"] = image.src;\r\n                  image.parentNode.style.overflow = \"hidden\";\r\n\r\n                  let scale = 1;\r\n                  let isDragging = false;\r\n                  let startX, startY, currentX = 0, currentY = 0;\r\n\r\n                  // Zoom on scroll with CTRL\r\n                  image.addEventListener('wheel', function (e) {\r\n                    if (e.ctrlKey) {\r\n                      e.preventDefault(); // Prevent the default zoom behavior\r\n\r\n                      // Zoom in or out\r\n                      const zoomSpeed = 0.3;\r\n                      if (e.deltaY < 0) {\r\n                        scale += zoomSpeed; // Zoom in\r\n                      } else {\r\n                        scale = Math.max(1, scale - zoomSpeed); // Zoom out, with minimum scale of 1\r\n                      }\r\n\r\n                      // Apply the scale\r\n                      image.style.transform = `scale(${scale}) translate(${currentX}px, ${currentY}px)`;\r\n                    }\r\n                  });\r\n\r\n                  // Panning the image on mouse drag\r\n                  image.addEventListener('mousedown', function (e) {\r\n                    e.preventDefault();\r\n                    isDragging = true;\r\n                    startX = e.clientX - currentX;\r\n                    startY = e.clientY - currentY;\r\n                    image.style.cursor = 'grabbing'; // Change cursor to indicate dragging\r\n                  });\r\n\r\n                  document.addEventListener('mousemove', function (e) {\r\n                    if (isDragging) {\r\n                      e.preventDefault();\r\n                      currentX = e.clientX - startX;\r\n                      currentY = e.clientY - startY;\r\n\r\n                      // Apply the translation and maintain the zoom scale\r\n                      image.style.transform = `scale(${scale}) translate(${currentX}px, ${currentY}px)`;\r\n                    }\r\n                  });\r\n\r\n                  document.addEventListener('mouseup', function () {\r\n                    if (isDragging) {\r\n                      isDragging = false;\r\n                      image.style.cursor = 'grab'; // Reset cursor after dragging\r\n                    }\r\n                  });\r\n\r\n                  // Reset cursor when mouse leaves the image\r\n                  image.addEventListener('mouseleave', function () {\r\n                    if (isDragging) {\r\n                      e.preventDefault();\r\n                      isDragging = false;\r\n                      image.style.cursor = 'grab';\r\n                    }\r\n                  });\r\n\r\n                  document.addEventListener('mousemove', function (e) {\r\n                    if (isDragging) {\r\n                      currentX = e.clientX - startX;\r\n                      currentY = e.clientY - startY;\r\n\r\n                      // Apply the translation and maintain the zoom scale\r\n                      image.style.transform = `scale(${scale}) translate(${currentX}px, ${currentY}px)`;\r\n                    }\r\n                  });\r\n\r\n                  document.addEventListener('mouseup', function (e) {\r\n                    isDragging = false;\r\n                  });\r\n\r\n                });\r\n\r\n              var tools = this.$refs.stepTools;\r\n\r\n              instance.AddStepFunctions();\r\n\r\n              document.querySelectorAll(\"[data-type='draggable-item'] p:first-of-type\")\r\n                .forEach(function (titleContainer) {\r\n                  titleContainer.addEventListener(\"mouseover\", function () {\r\n                    this.appendChild(tools);\r\n                    tools.classList.remove(\"invisible\");\r\n                    tools.style.top = '2px';\r\n                    tools.style.right = '5px';\r\n                  });\r\n                  titleContainer.addEventListener(\"mouseout\", function () {\r\n                    tools.classList.add(\"invisible\");\r\n                  })\r\n                });\r\n            });\r\n          }\r\n          else if (response && response.data && response.data.errors) {\r\n            alert('There were some errors saving :(');\r\n          }\r\n        });\r\n      },\r\n\r\n      AddStepFunctions() {\r\n        const spans = document.querySelectorAll(\"span.tool\");\r\n        spans.forEach((span, index) => {\r\n          if (index === 0) {\r\n            span.addEventListener('click', this.MarkStepAsComplete);\r\n          } else if (index === 1) {\r\n            span.addEventListener('click', this.OpenAddCommentToStepMenu);\r\n          } else if (index === 2) {\r\n            span.addEventListener('click', this.FindElement);\r\n          } else if (index === 3) {\r\n            span.addEventListener('click', this.ShowScreenshot);\r\n          }\r\n        });\r\n\r\n      },\r\n\r\n      MarkStepAsComplete($event, StepId) {\r\n        if ($event != null) {\r\n          var span = $event.currentTarget;\r\n          var stepWrapper = span.parentNode.parentNode.parentNode;\r\n          StepId = stepWrapper.getAttribute(\"data-step-id\");\r\n        }\r\n\r\n        if (stepWrapper == null && StepId && StepId.length > 0) {\r\n          stepWrapper = document.querySelector(\"[data-step-id='\" + StepId + \"']\");\r\n        }\r\n\r\n        var instance = this;\r\n        var email = localStorage.getItem(\"pinUserEmail\"); // if User with pin.\r\n\r\n        stepWrapper.querySelector(\"p:first-of-type\").classList.add(\"bg-success\");\r\n        stepWrapper.classList.add(\"step-completed\");\r\n\r\n        if (!email || email.length == 0) {\r\n          email = JSON.parse(accountsService.getUserFromLocalStorage()).User.Email;\r\n        }\r\n\r\n        TCVelikClient.PostRelative(\"/api/analytics/OnboardingStep/?OnboardingId=\" + this.CurrentOnboarding.id + \"&StepId=\" + StepId + \"&FeedbackType=\" + 0 + \"&UserEmail=\" + email).then(function (response) {\r\n          if (response) {\r\n            //instance.$vs.notify({\r\n            //  title: \"Successfully completed step!\",\r\n            //  color: \"success\",\r\n            //  iconPack: \"feather\",\r\n            //  position: \"bottom-center\",\r\n            //  icon: \"icon-check-circle\",\r\n            //});\r\n\r\n            stepWrapper.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n            instance.MarkOnboardingDoneIfNeeded();\r\n\r\n          }\r\n        }).catch(err => {\r\n          instance.$vs.notify({\r\n            title: \"There was a problem completing this step.\",\r\n            color: \"failure\",\r\n            iconPack: \"feather\",\r\n            position: \"top-center\",\r\n            icon: \"icon-check-circle\",\r\n          });\r\n        });\r\n      },\r\n\r\n      MarkOnboardingDoneIfNeeded() {\r\n        var instance = this;\r\n        var allSteps = document.querySelectorAll(\"[data-step-id]\"); \r\n        var allCompleted = document.querySelectorAll(\"[data-step-id].step-completed\");\r\n        if (allCompleted.length == allSteps.length) {\r\n          instance.MarkAsCompletedForUser();\r\n        }\r\n      },\r\n\r\n      OpenAddCommentToStepMenu($event) {\r\n        var span = $event.currentTarget;\r\n        var stepId = span.parentNode.parentNode.parentNode.getAttribute(\"data-step-id\");\r\n        this.tempStepId = stepId\r\n        this.InAddingCommentToStepMode = true;\r\n      },\r\n\r\n      FindElement($event) {\r\n        var parentStep = $event.target.closest(\"[data-type='draggable-item'\");\r\n        var parentStepJson = parentStep.querySelector(\"p:last-of-type\")?.innerText;\r\n        var stepId = parentStep.dataset[\"stepId\"];\r\n\r\n        TCVelikBrowserClient.sendMessage({\r\n          action: \"FindElement\",\r\n          selectorInfo: parentStepJson,\r\n          internalStepId: stepId\r\n        }).then(function (response) {\r\n\r\n        }).catch(error => {\r\n\r\n        });\r\n      },\r\n\r\n      ShowScreenshot($event) {\r\n        debugger;\r\n        var parentStep = $event.target.closest(\"[data-type='draggable-item'\");\r\n        var parentStepScreenshot = parentStep.querySelector(\"img\");\r\n        var src = parentStepScreenshot.src;\r\n\r\n        TCVelikBrowserClient.sendMessage({\r\n          action: \"ShowScreenShot\",\r\n          src: src,\r\n        }).then(function (response) {\r\n\r\n        }).catch(error => {\r\n\r\n        });\r\n      },\r\n\r\n      HasImageChanges(isChanged) {\r\n        this.imageChanged = isChanged;\r\n      },\r\n\r\n      AddCommentToStep(comment) {\r\n        var instance = this;\r\n        var email = localStorage.getItem(\"pinUserEmail\"); // if User with pin.\r\n        if (!email || email.length == 0) {\r\n          email = JSON.parse(accountsService.getUserFromLocalStorage()).User.Email;\r\n        }\r\n        TCVelikClient.PostRelative(\"/api/analytics/OnboardingStep/?OnboardingId=\" + this.CurrentOnboarding.id + \"&StepId=\" + instance.tempStepId + \"&FeedbackType=\" + 1 + \"&Reason=\" + comment + \"&UserEmail=\" + email).then(function (response) {\r\n          if (response) {\r\n            instance.tempStepId = \"\";\r\n            instance.$vs.notify({\r\n              title: \"Added comment.\",\r\n              color: \"success\",\r\n              iconPack: \"feather\",\r\n              position: \"top-center\",\r\n              icon: \"icon-check-circle\",\r\n            });\r\n          }\r\n        }).catch(err => {\r\n          instance.$vs.notify({\r\n            title: \"There was a problem adding the comment.\",\r\n            color: \"failure\",\r\n            iconPack: \"feather\",\r\n            position: \"top-center\",\r\n            icon: \"icon-check-circle\",\r\n          });\r\n        });\r\n      },\r\n\r\n      MarkAsCompletedForUser() {\r\n        var instance = this;\r\n        var email = localStorage.getItem(\"pinUserEmail\"); // if User with pin.\r\n        if (!email || email.length == 0) {\r\n          var email = JSON.parse(accountsService.getUserFromLocalStorage()).User.Email;\r\n        }\r\n\r\n        TCVelikClient.PostRelative(\"/api/analytics/OpenedOnboarding?OnboardingId=\" + this.CurrentOnboarding.id + \"&OnboardingType=1\" + \"&UserEmail=\" + email).then(function (response) {\r\n          if (response) {\r\n            instance.$vs.notify({\r\n              title: \"Successfully completed onboarding!\",\r\n              color: \"success\",\r\n              iconPack: \"feather\",\r\n              position: \"top-center\",\r\n              icon: \"icon-check-circle\",\r\n            });\r\n          }\r\n        }).catch(err => {\r\n          instance.$vs.notify({\r\n            title: \"There was a problem saving your onboarding.\",\r\n            color: \"failure\",\r\n            iconPack: \"feather\",\r\n            position: \"top-center\",\r\n            icon: \"icon-check-circle\",\r\n          });\r\n        });\r\n      },\r\n\r\n    },\r\n    components: {\r\n      ImageEditor,\r\n      FeatherIcon\r\n    }\r\n  }\r\n</script>\r\n<style>\r\n  body {\r\n    background: #fff;\r\n    padding: 20px;\r\n  }\r\n  /*\r\n  .print-content {\r\n    height: 500px;\r\n  }*/\r\n\r\n  .step-completed {\r\n      background:none !important;\r\n  }\r\n\r\n  .onboarding-recorder.email .vs-collapse-item {\r\n    background: white !important;\r\n  }\r\n\r\n  .disabled-class {\r\n    pointer-events: none;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .pointer {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .side-kick {\r\n    position: absolute;\r\n    left: 108px;\r\n    transform: rotate(-90deg);\r\n    top: 90px;\r\n  }\r\n\r\n    .side-kick img {\r\n      float: left;\r\n      margin-right: 10px;\r\n      width: 40px;\r\n    }\r\n\r\n  @media only screen and (max-width: 1200px) {\r\n    .side-kick {\r\n      padding: 10px;\r\n      width: 200px;\r\n      position: absolute;\r\n      /*transform: rotate(0deg);*/\r\n      left: -20px;\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    .side-kick {\r\n      padding: 10px;\r\n      width: 200px;\r\n      position: absolute;\r\n      left: -20px;\r\n    }\r\n  }\r\n\r\n  .onboarding-recorder.email .vs-collapse-item--header {\r\n    /*font-size: 20px;\r\n    color: black;\r\n    margin-bottom: 10px !important;\r\n    margin-top: 10px !important;*/\r\n    background: white !important;\r\n  }\r\n\r\n  .onboarding-recorder.email .step-tools {\r\n    display: none !important;\r\n  }\r\n\r\n  .onboarding-recorder.email .icon-header {\r\n    display: none !important;\r\n  }\r\n\r\n  .onboarding-recorder.email .screenshot {\r\n    max-width: 300px !important;\r\n  }\r\n\r\n  .pointer {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .commands {\r\n    position: fixed;\r\n    bottom: 0px;\r\n  }\r\n\r\n  .full-height {\r\n    height: 100%;\r\n  }\r\n\r\n  img.screenshot {\r\n    max-width: 80%;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .onboarding-recorder .vs-collapse-item--header {\r\n    background: #efefef;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .delete-button {\r\n    background: url('/images/icons/tiptap/delete.svg');\r\n    width: 24px !important;\r\n    height: 24px !important;\r\n    min-height: 24px;\r\n    min-width: 24px;\r\n    background-repeat: no-repeat;\r\n    cursor: pointer;\r\n  }\r\n\r\n  [data-type='draggable-item'] {\r\n    padding: 0.5rem;\r\n    margin: 0.5rem 0;\r\n    border-radius: 0.5rem;\r\n    /*background: #fde2ff !important;*/\r\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.1),;\r\n    background: linear-gradient(181deg, #efefef, #cdcdcd);\r\n  }\r\n\r\n    [data-type='draggable-item'].step-completed p:first-of-type {\r\n      display: block !important;\r\n      color:white;\r\n    }\r\n\r\n    [data-type='draggable-item'].step-completed p:first-of-type a {\r\n      color: white;\r\n    }\r\n\r\n    [data-type='draggable-item'].step-completed p {\r\n        display:none;\r\n    }\r\n\r\n    [data-type=draggable-item] p:first-of-type {\r\n      padding: 10px;\r\n      border: 1px solid #efefef;\r\n      background: #efefef;\r\n      border-radius: 12px;\r\n    }\r\n\r\n  [data-type='draggable-item'] img {\r\n    margin-top: 20px;\r\n    max-width: 100%;\r\n  }\r\n\r\n  [data-type='draggable-item'].collapsed {\r\n    max-height: 3rem !important;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .full-height ol {\r\n    padding: 10px;\r\n    margin-left: 20px;\r\n    font-size: 20px;\r\n  }\r\n\r\n    .full-height ol li {\r\n    }\r\n\r\n  [data-type='draggable-item'] p:first-of-type('p') {\r\n    font-size: 40px;\r\n  }\r\n\r\n  .layout--full-page {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .drag-handle {\r\n    flex: 0 0 auto;\r\n    position: relative;\r\n    width: 1rem;\r\n    height: 1rem;\r\n    top: 0.5rem;\r\n    margin-right: 0.5rem;\r\n    cursor: grab;\r\n    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 16\"><path fill=\"gray\" fill-opacity=\"0.2\" d=\"M4 14c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zM2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6C.9 0 0 .9 0 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" /></svg>');\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n    background-position: center;\r\n  }\r\n\r\n  .tt-select {\r\n    width: auto;\r\n    height: 32px;\r\n    display: inline-block;\r\n    margin-right: 10px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    padding: 3px;\r\n    border-radius: 5px;\r\n    border: 1px solid grey;\r\n    background: #fff;\r\n    color: #000;\r\n    cursor: pointer;\r\n    margin-right: 3px;\r\n    min-width: 33px;\r\n    height: 33px !important;\r\n    margin-top: 10px\r\n  }\r\n\r\n  .content {\r\n    flex: 1 1 auto;\r\n  }\r\n\r\n  p {\r\n    font-size: 20px;\r\n  }\r\n\r\n  h1 {\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n    h1.title {\r\n      font-size: 40px;\r\n      font-weight: 900;\r\n    }\r\n\r\n  div.description {\r\n    font-size: 20px;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  [data-type='draggable-item'] p:last-child {\r\n    display: none;\r\n  }\r\n\r\n  [data-type='draggable-item'] p:first-of-type {\r\n    position: relative;\r\n  }\r\n\r\n  .tools {\r\n    position: absolute;\r\n    background:#efefef !important;\r\n    border:1px solid silver;\r\n    border-radius:3px;\r\n    padding-right:5px;\r\n  }\r\n\r\n    .tools .tool {\r\n      margin-left: 12px;\r\n      margin-top: 12px;\r\n      cursor: pointer;\r\n      margin-right: 5px;\r\n    }\r\n\r\n  @media print {\r\n    .pdf-hide {\r\n      display: none;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SideBarGuide.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SideBarGuide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SideBarGuide.vue?vue&type=template&id=8a7798ba&\"\nimport script from \"./SideBarGuide.vue?vue&type=script&lang=js&\"\nexport * from \"./SideBarGuide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SideBarGuide.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\n'use strict';\nvar toObject = require('./_to-object');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nvar toLength = require('./_to-length');\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var aLen = arguments.length;\n  var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);\n  var end = aLen > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\nvar $export = require('./_export');\n\n$export($export.P, 'Array', { fill: require('./_array-fill') });\n\nrequire('./_add-to-unscopables')('fill');\n","import mod from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageEditor.vue?vue&type=style&index=0&id=4be6b770&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageEditor.vue?vue&type=style&index=0&id=4be6b770&scoped=true&lang=css&\"","import mod from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SideBarGuide.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SideBarGuide.vue?vue&type=style&index=0&lang=css&\"","// Define the TCVelikBrowserClient class\r\nclass TCVelikBrowserClient {\r\n  constructor(timeout = 5000) {\r\n    // Default timeout for the message response (5 seconds)\r\n    this.timeout = timeout;\r\n\r\n    // Track active requests to correlate responses\r\n    this.activeRequests = {};\r\n    this.requestCounter = 0;\r\n\r\n    // Initialize the message listener to receive responses\r\n    this.initMessageListener();\r\n  }\r\n\r\n  // Initialize the listener for receiving messages from the parent (or iframe)\r\n  initMessageListener() {\r\n    window.addEventListener('message', (event) => {\r\n      const origin = event.origin;\r\n\r\n      // TODO: take care of the security later.\r\n\r\n      //if (origin !== 'chrome-extension://YOUR_EXTENSION_ID' && origin !== 'https://your-cloud-domain.com') {\r\n      //  console.warn('Received message from untrusted origin:', origin);\r\n      //  return;\r\n      //}\r\n\r\n      const data = event.data;\r\n\r\n      if (data && data.type === 'responseFromParent' && this.activeRequests[data.requestId]) {\r\n        // Resolve the corresponding promise with the response\r\n        const { resolve } = this.activeRequests[data.requestId];\r\n        resolve(data.response);\r\n\r\n        // Clean up the active request\r\n        delete this.activeRequests[data.requestId];\r\n      }\r\n    });\r\n  }\r\n\r\n  // Send a message to the parent and return a promise that resolves when the response is received\r\n  sendMessage(message, targetOrigin = '*') {\r\n    return new Promise((resolve, reject) => {\r\n      // Create a unique requestId for tracking the response\r\n      const requestId = `request_${this.requestCounter++}`;\r\n\r\n      // Store the resolve and reject functions for later use\r\n      this.activeRequests[requestId] = { resolve, reject };\r\n\r\n      // Send the message with the unique requestId\r\n      window.parent.postMessage(\r\n        { ...message, requestId, type: 'requestFromChild' },\r\n        targetOrigin\r\n      );\r\n\r\n      // Set a timeout to reject the promise if no response is received in time\r\n      setTimeout(() => {\r\n        if (this.activeRequests[requestId]) {\r\n          reject(new Error('No response received within timeout period'));\r\n          delete this.activeRequests[requestId];\r\n        }\r\n      }, this.timeout);\r\n    });\r\n  }\r\n\r\n  // Optionally set a new default timeout for message responses\r\n  setTimeout(newTimeout) {\r\n    this.timeout = newTimeout;\r\n  }\r\n}\r\n\r\nexport default new TCVelikBrowserClient();\r\n","import defineProperty from \"./defineProperty\";\nexport default function _objectSpread(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {};\n    var ownKeys = Object.keys(source);\n\n    if (typeof Object.getOwnPropertySymbols === 'function') {\n      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n      }));\n    }\n\n    ownKeys.forEach(function (key) {\n      defineProperty(target, key, source[key]);\n    });\n  }\n\n  return target;\n}","// 21.1.3.18 String.prototype.startsWith(searchString [, position ])\n'use strict';\nvar $export = require('./_export');\nvar toLength = require('./_to-length');\nvar context = require('./_string-context');\nvar STARTS_WITH = 'startsWith';\nvar $startsWith = ''[STARTS_WITH];\n\n$export($export.P + $export.F * require('./_fails-is-regexp')(STARTS_WITH), 'String', {\n  startsWith: function startsWith(searchString /* , position = 0 */) {\n    var that = context(this, searchString, STARTS_WITH);\n    var index = toLength(Math.min(arguments.length > 1 ? arguments[1] : undefined, that.length));\n    var search = String(searchString);\n    return $startsWith\n      ? $startsWith.call(that, search, index)\n      : that.slice(index, index + search.length) === search;\n  }\n});\n"],"sourceRoot":""}