toggle-components-library 1.37.0-beta.4 → 1.37.0-beta.5

package/dist/toggle-components-library.common.js

@@ -48720,8 +48720,8 @@ var TogglePodiumBadge_component = normalizeComponent(
 )
 
 /* harmony default export */ var TogglePodiumBadge = (TogglePodiumBadge_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a48609c2-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=d98b2612&
-var ToggleBreadCrumbvue_type_template_id_d98b2612_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a48609c2-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=93f64828&
+var ToggleBreadCrumbvue_type_template_id_93f64828_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.breadcrumb_computed ? _c('div', {
@@ -48730,10 +48730,15 @@ var ToggleBreadCrumbvue_type_template_id_d98b2612_render = function render() {
     return _c('div', {
       key: index
     }, [index === _vm.breadcrumb_computed.length - 1 && _vm.editable ? [_c('span', {
+      ref: "editableSpan",
+      refInFor: true,
       staticClass: "toggle-breadcrumb-editable-input",
       attrs: {
         "contenteditable": "true"
       },
+      domProps: {
+        "textContent": _vm._s(_vm.initialContent)
+      },
       on: {
         "input": function ($event) {
           return _vm.updateContent($event);
@@ -48748,7 +48753,7 @@ var ToggleBreadCrumbvue_type_template_id_d98b2612_render = function render() {
           return _vm.handlePaste.apply(null, arguments);
         }
       }
-    }, [_vm._v(_vm._s(crumb.name))])] : [crumb.link && !_vm.isNuxt ? _c('router-link', {
+    })] : [crumb.link && !_vm.isNuxt ? _c('router-link', {
       staticClass: "back-product",
       attrs: {
         "to": {
@@ -48769,9 +48774,9 @@ var ToggleBreadCrumbvue_type_template_id_d98b2612_render = function render() {
     }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()]], 2);
   }), 0) : _vm._e();
 };
-var ToggleBreadCrumbvue_type_template_id_d98b2612_staticRenderFns = [];
+var ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=d98b2612&
+// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=93f64828&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=script&lang=js&
 /* harmony default export */ var ToggleBreadCrumbvue_type_script_lang_js_ = ({
@@ -48796,9 +48801,11 @@ var ToggleBreadCrumbvue_type_template_id_d98b2612_staticRenderFns = [];
       required: false
     }
   },
-  data: function () {
+  data() {
     return {
-      content: ''
+      content: '',
+      initialContent: '',
+      lastSelection: null
     };
   },
   computed: {
@@ -48806,29 +48813,62 @@ var ToggleBreadCrumbvue_type_template_id_d98b2612_staticRenderFns = [];
       return this.isNuxt ? this.breadcrumb : this.$route.meta.breadcrumb;
     }
   },
+  mounted() {
+    if (this.breadcrumb_computed && this.breadcrumb_computed.length > 0) {
+      const lastCrumb = this.breadcrumb_computed[this.breadcrumb_computed.length - 1];
+      this.content = lastCrumb.name;
+      this.initialContent = lastCrumb.name;
+    }
+  },
   methods: {
+    saveSelection() {
+      if (window.getSelection) {
+        const sel = window.getSelection();
+        if (sel.getRangeAt && sel.rangeCount) {
+          const range = sel.getRangeAt(0);
+          this.lastSelection = {
+            start: range.startOffset,
+            end: range.endOffset
+          };
+        }
+      }
+    },
+    restoreSelection() {
+      if (!this.lastSelection || !this.$refs.editableSpan) return;
+      const el = this.$refs.editableSpan;
+      if (!el.firstChild && typeof el.textContent === 'string') {
+        el.textContent = this.content || '';
+      }
+      try {
+        const range = document.createRange();
+        const sel = window.getSelection();
+        const textNode = el.firstChild || el;
+
+        // Ensure we don't exceed the text length
+        const start = Math.min(this.lastSelection.start, textNode.length);
+        const end = Math.min(this.lastSelection.end, textNode.length);
+        range.setStart(textNode, start);
+        range.setEnd(textNode, end);
+        sel.removeAllRanges();
+        sel.addRange(range);
+      } catch (e) {
+        console.warn('Failed to restore selection:', e);
+      }
+    },
     handlePaste(event) {
-      // Get plain text from clipboard and clean it
       const text = (event.clipboardData || window.clipboardData).getData('text');
       const cleanText = text.replace(/[\r\n\s]+/g, ' ').trim();
-
-      // Get current selection information
+      this.saveSelection();
       const selection = window.getSelection();
       const selectionLength = selection.toString().length;
       const currentLength = this.content.length;
-
-      // Check if adding the pasted text would exceed maxChars
       if (currentLength - selectionLength + cleanText.length <= this.maxChars && selection.rangeCount) {
         const range = selection.getRangeAt(0);
         range.deleteContents();
         range.insertNode(document.createTextNode(cleanText));
-
-        // Move cursor to end of inserted text
         range.collapse(false);
         selection.removeAllRanges();
         selection.addRange(range);
-
-        // Update content
         this.content = event.target.innerText;
         this.$emit('update:lastCrumb', this.content);
       }
@@ -48838,27 +48878,17 @@ var ToggleBreadCrumbvue_type_template_id_d98b2612_staticRenderFns = [];
       event.target.blur();
     },
     updateContent(event) {
+      this.saveSelection();
       const newText = event.target.innerText;
-
-      // If text exceeds maxChars, prevent the change
       if (newText.length > this.maxChars) {
-        // Save current selection
-        const selection = window.getSelection();
-        const range = selection.getRangeAt(0);
-        const cursorOffset = range.startOffset;
-
-        // Restore previous content
         event.target.innerText = this.content;
-
-        // Restore cursor position
-        const newRange = document.createRange();
-        newRange.setStart(event.target.firstChild || event.target, Math.min(cursorOffset, this.content.length));
-        newRange.collapse(true);
-        selection.removeAllRanges();
-        selection.addRange(newRange);
+        this.restoreSelection();
       } else {
         this.content = newText;
         this.$emit('update:lastCrumb', this.content);
+        this.$nextTick(() => {
+          this.restoreSelection();
+        });
       }
     }
   }
@@ -48875,8 +48905,8 @@ var ToggleBreadCrumbvue_type_template_id_d98b2612_staticRenderFns = [];
 
 var ToggleBreadCrumb_component = normalizeComponent(
   breadcrumb_ToggleBreadCrumbvue_type_script_lang_js_,
-  ToggleBreadCrumbvue_type_template_id_d98b2612_render,
-  ToggleBreadCrumbvue_type_template_id_d98b2612_staticRenderFns,
+  ToggleBreadCrumbvue_type_template_id_93f64828_render,
+  ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns,
   false,
   null,
   null,