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

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

@@ -48729,8 +48729,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=93f64828&
-var ToggleBreadCrumbvue_type_template_id_93f64828_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=521e5ac4&
+var ToggleBreadCrumbvue_type_template_id_521e5ac4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.breadcrumb_computed ? _c('div', {
@@ -48745,13 +48745,9 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_render = function render() {
       attrs: {
         "contenteditable": "true"
       },
-      domProps: {
-        "textContent": _vm._s(_vm.initialContent)
-      },
       on: {
-        "input": function ($event) {
-          return _vm.updateContent($event);
-        },
+        "input": _vm.handleInput,
+        "keypress": _vm.handleKeypress,
         "keydown": function ($event) {
           if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
           $event.preventDefault();
@@ -48762,7 +48758,7 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_render = function render() {
           return _vm.handlePaste.apply(null, arguments);
         }
       }
-    })] : [crumb.link && !_vm.isNuxt ? _c('router-link', {
+    }, [_vm._v(_vm._s(crumb.name))])] : [crumb.link && !_vm.isNuxt ? _c('router-link', {
       staticClass: "back-product",
       attrs: {
         "to": {
@@ -48783,13 +48779,12 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_render = function render() {
     }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()]], 2);
   }), 0) : _vm._e();
 };
-var ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns = [];
+var ToggleBreadCrumbvue_type_template_id_521e5ac4_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=93f64828&
+// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=521e5ac4&
 
 // 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_ = ({
-  mixins: [],
   props: {
     isNuxt: {
       type: Boolean,
@@ -48812,9 +48807,7 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns = [];
   },
   data() {
     return {
-      content: '',
-      initialContent: '',
-      lastSelection: null
+      lastValidContent: ''
     };
   },
   computed: {
@@ -48823,82 +48816,82 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns = [];
     }
   },
   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;
-    }
+    this.updateContent();
   },
   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
-          };
+    updateContent() {
+      var _this$breadcrumb_comp;
+      if (this.$refs.editableSpan && (_this$breadcrumb_comp = this.breadcrumb_computed) !== null && _this$breadcrumb_comp !== void 0 && _this$breadcrumb_comp.length) {
+        const lastCrumb = this.breadcrumb_computed[this.breadcrumb_computed.length - 1];
+        if (this.$refs.editableSpan.textContent !== lastCrumb.name) {
+          this.$refs.editableSpan.textContent = lastCrumb.name;
+          this.lastValidContent = lastCrumb.name;
         }
       }
     },
-    restoreSelection() {
-      if (!this.lastSelection || !this.$refs.editableSpan) return;
-      const el = this.$refs.editableSpan;
-      if (!el.firstChild && typeof el.textContent === 'string') {
-        el.textContent = this.content || '';
+    handleKeypress(event) {
+      if (event.key.length !== 1) return;
+      const currentLength = this.$refs.editableSpan.textContent.length;
+      const selection = window.getSelection();
+      const selectedLength = selection.toString().length;
+      if (currentLength - selectedLength >= this.maxChars) {
+        event.preventDefault();
+        return false;
       }
-      try {
-        const range = document.createRange();
-        const sel = window.getSelection();
-        const textNode = el.firstChild || el;
+    },
+    handleInput(event) {
+      const newText = event.target.textContent;
+      if (newText.length <= this.maxChars) {
+        this.lastValidContent = newText;
+        this.$emit('update:lastCrumb', newText);
+      } else {
+        // Get cursor position before restoring text
+        const selection = window.getSelection();
+        const cursorPosition = selection.getRangeAt(0).startOffset;
+
+        // Restore previous content
+        event.target.textContent = this.lastValidContent;
 
-        // 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);
+        // Restore cursor position
+        const range = document.createRange();
+        const textNode = event.target.firstChild;
+        if (textNode) {
+          range.setStart(textNode, Math.min(cursorPosition, this.lastValidContent.length));
+          range.collapse(true);
+          selection.removeAllRanges();
+          selection.addRange(range);
+        }
       }
     },
     handlePaste(event) {
+      event.preventDefault();
       const text = (event.clipboardData || window.clipboardData).getData('text');
       const cleanText = text.replace(/[\r\n\s]+/g, ' ').trim();
-      this.saveSelection();
       const selection = window.getSelection();
+      const range = selection.getRangeAt(0);
+      const currentLength = this.$refs.editableSpan.textContent.length;
       const selectionLength = selection.toString().length;
-      const currentLength = this.content.length;
-      if (currentLength - selectionLength + cleanText.length <= this.maxChars && selection.rangeCount) {
-        const range = selection.getRangeAt(0);
+      const availableSpace = this.maxChars - (currentLength - selectionLength);
+      if (availableSpace > 0) {
+        const truncatedText = cleanText.slice(0, availableSpace);
         range.deleteContents();
-        range.insertNode(document.createTextNode(cleanText));
+        range.insertNode(document.createTextNode(truncatedText));
         range.collapse(false);
-        selection.removeAllRanges();
-        selection.addRange(range);
-        this.content = event.target.innerText;
-        this.$emit('update:lastCrumb', this.content);
+        this.lastValidContent = this.$refs.editableSpan.textContent;
+        this.$emit('update:lastCrumb', this.lastValidContent);
       }
     },
     handleEnterKey(event) {
       event.preventDefault();
       event.target.blur();
-    },
-    updateContent(event) {
-      this.saveSelection();
-      const newText = event.target.innerText;
-      if (newText.length > this.maxChars) {
-        event.target.innerText = this.content;
-        this.restoreSelection();
-      } else {
-        this.content = newText;
-        this.$emit('update:lastCrumb', this.content);
-        this.$nextTick(() => {
-          this.restoreSelection();
-        });
-      }
+    }
+  },
+  watch: {
+    'breadcrumb_computed': {
+      handler() {
+        this.$nextTick(this.updateContent);
+      },
+      deep: true
     }
   }
 });
@@ -48914,8 +48907,8 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns = [];
 
 var ToggleBreadCrumb_component = normalizeComponent(
   breadcrumb_ToggleBreadCrumbvue_type_script_lang_js_,
-  ToggleBreadCrumbvue_type_template_id_93f64828_render,
-  ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns,
+  ToggleBreadCrumbvue_type_template_id_521e5ac4_render,
+  ToggleBreadCrumbvue_type_template_id_521e5ac4_staticRenderFns,
   false,
   null,
   null,