toggle-components-library 1.37.0-beta.1 → 1.37.0-beta.3

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=ca26eb0c&
-var ToggleBreadCrumbvue_type_template_id_ca26eb0c_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=4c1ca076&
+var ToggleBreadCrumbvue_type_template_id_4c1ca076_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.breadcrumb_computed ? _c('div', {
@@ -48738,30 +48738,26 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_render = function render() {
   }, _vm._l(_vm.breadcrumb_computed, function (crumb, index) {
     return _c('div', {
       key: index
-    }, [index === _vm.breadcrumb_computed.length - 1 && _vm.editable ? [_c('input', {
-      directives: [{
-        name: "model",
-        rawName: "v-model",
-        value: crumb.name,
-        expression: "crumb.name"
-      }],
+    }, [index === _vm.breadcrumb_computed.length - 1 && _vm.editable ? [_c('span', {
       staticClass: "toggle-breadcrumb-editable-input",
       attrs: {
-        "maxlength": "50"
-      },
-      domProps: {
-        "value": crumb.name
+        "contenteditable": "true"
       },
       on: {
-        "input": [function ($event) {
-          if ($event.target.composing) return;
-          _vm.$set(crumb, "name", $event.target.value);
-        }, function ($event) {
-          _vm.autoResizeInput($event.target);
-          _vm.updateContent($event);
-        }]
+        "input": function ($event) {
+          return _vm.updateContent($event);
+        },
+        "keydown": function ($event) {
+          if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+          $event.preventDefault();
+          return _vm.handleEnterKey.apply(null, arguments);
+        },
+        "paste": function ($event) {
+          $event.preventDefault();
+          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": {
@@ -48782,9 +48778,9 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_render = function render() {
     }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()]], 2);
   }), 0) : _vm._e();
 };
-var ToggleBreadCrumbvue_type_template_id_ca26eb0c_staticRenderFns = [];
+var ToggleBreadCrumbvue_type_template_id_4c1ca076_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=ca26eb0c&
+// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=4c1ca076&
 
 // 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_ = ({
@@ -48800,11 +48796,19 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_staticRenderFns = [];
     },
     editable: {
       type: Boolean,
-      default: false
+      default: false,
+      required: false
+    },
+    maxChars: {
+      type: Number,
+      default: 50,
+      required: false
     }
   },
   data: function () {
-    return {};
+    return {
+      content: ''
+    };
   },
   computed: {
     breadcrumb_computed() {
@@ -48812,12 +48816,47 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_staticRenderFns = [];
     }
   },
   methods: {
-    autoResizeInput(input) {
-      input.style.width = input.value.length * 11 + "px";
+    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
+      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);
+      }
+    },
+    handleEnterKey(event) {
+      event.preventDefault();
+      event.target.blur();
     },
     updateContent(event) {
-      const newContent = event.target.value;
-      this.$emit('update:lastCrumb', newContent);
+      // Limit the input to 50 characters
+      if (event.target.innerText.length >= this.maxChars) {
+        event.target.innerText = this.content;
+
+        // Move the cursor to the end of the input
+        document.getSelection().modify("move", "forward", "documentboundary");
+      } else {
+        this.content = event.target.innerText;
+        this.$emit('update:lastCrumb', this.content);
+      }
     }
   }
 });
@@ -48833,8 +48872,8 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_staticRenderFns = [];
 
 var ToggleBreadCrumb_component = normalizeComponent(
   breadcrumb_ToggleBreadCrumbvue_type_script_lang_js_,
-  ToggleBreadCrumbvue_type_template_id_ca26eb0c_render,
-  ToggleBreadCrumbvue_type_template_id_ca26eb0c_staticRenderFns,
+  ToggleBreadCrumbvue_type_template_id_4c1ca076_render,
+  ToggleBreadCrumbvue_type_template_id_4c1ca076_staticRenderFns,
   false,
   null,
   null,