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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -48720,8 +48720,8 @@ var TogglePodiumBadge_component = normalizeComponent(
48720
48720
  )
48721
48721
 
48722
48722
  /* harmony default export */ var TogglePodiumBadge = (TogglePodiumBadge_component.exports);
48723
- // 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&
48724
- var ToggleBreadCrumbvue_type_template_id_93f64828_render = function render() {
48723
+ // 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=b829739a&
48724
+ var ToggleBreadCrumbvue_type_template_id_b829739a_render = function render() {
48725
48725
  var _vm = this,
48726
48726
  _c = _vm._self._c;
48727
48727
  return _vm.breadcrumb_computed ? _c('div', {
@@ -48729,31 +48729,7 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_render = function render() {
48729
48729
  }, _vm._l(_vm.breadcrumb_computed, function (crumb, index) {
48730
48730
  return _c('div', {
48731
48731
  key: index
48732
- }, [index === _vm.breadcrumb_computed.length - 1 && _vm.editable ? [_c('span', {
48733
- ref: "editableSpan",
48734
- refInFor: true,
48735
- staticClass: "toggle-breadcrumb-editable-input",
48736
- attrs: {
48737
- "contenteditable": "true"
48738
- },
48739
- domProps: {
48740
- "textContent": _vm._s(_vm.initialContent)
48741
- },
48742
- on: {
48743
- "input": function ($event) {
48744
- return _vm.updateContent($event);
48745
- },
48746
- "keydown": function ($event) {
48747
- if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
48748
- $event.preventDefault();
48749
- return _vm.handleEnterKey.apply(null, arguments);
48750
- },
48751
- "paste": function ($event) {
48752
- $event.preventDefault();
48753
- return _vm.handlePaste.apply(null, arguments);
48754
- }
48755
- }
48756
- })] : [crumb.link && !_vm.isNuxt ? _c('router-link', {
48732
+ }, [crumb.link && !_vm.isNuxt ? _c('router-link', {
48757
48733
  staticClass: "back-product",
48758
48734
  attrs: {
48759
48735
  "to": {
@@ -48771,12 +48747,12 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_render = function render() {
48771
48747
  staticClass: "toggle-breadcrumb-arrow-right"
48772
48748
  }) : _vm._e(), !crumb.link ? _c('h1', {
48773
48749
  staticClass: "toggle-breadcrumb-h1"
48774
- }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()]], 2);
48750
+ }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()], 1);
48775
48751
  }), 0) : _vm._e();
48776
48752
  };
48777
- var ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns = [];
48753
+ var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
48778
48754
 
48779
- // CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=93f64828&
48755
+ // CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=b829739a&
48780
48756
 
48781
48757
  // 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&
48782
48758
  /* harmony default export */ var ToggleBreadCrumbvue_type_script_lang_js_ = ({
@@ -48789,108 +48765,15 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns = [];
48789
48765
  breadcrumb: {
48790
48766
  type: Array,
48791
48767
  required: false
48792
- },
48793
- editable: {
48794
- type: Boolean,
48795
- default: false,
48796
- required: false
48797
- },
48798
- maxChars: {
48799
- type: Number,
48800
- default: 50,
48801
- required: false
48802
48768
  }
48803
48769
  },
48804
- data() {
48805
- return {
48806
- content: '',
48807
- initialContent: '',
48808
- lastSelection: null
48809
- };
48770
+ data: function () {
48771
+ return {};
48810
48772
  },
48811
48773
  computed: {
48812
48774
  breadcrumb_computed() {
48813
48775
  return this.isNuxt ? this.breadcrumb : this.$route.meta.breadcrumb;
48814
48776
  }
48815
- },
48816
- mounted() {
48817
- if (this.breadcrumb_computed && this.breadcrumb_computed.length > 0) {
48818
- const lastCrumb = this.breadcrumb_computed[this.breadcrumb_computed.length - 1];
48819
- this.content = lastCrumb.name;
48820
- this.initialContent = lastCrumb.name;
48821
- }
48822
- },
48823
- methods: {
48824
- saveSelection() {
48825
- if (window.getSelection) {
48826
- const sel = window.getSelection();
48827
- if (sel.getRangeAt && sel.rangeCount) {
48828
- const range = sel.getRangeAt(0);
48829
- this.lastSelection = {
48830
- start: range.startOffset,
48831
- end: range.endOffset
48832
- };
48833
- }
48834
- }
48835
- },
48836
- restoreSelection() {
48837
- if (!this.lastSelection || !this.$refs.editableSpan) return;
48838
- const el = this.$refs.editableSpan;
48839
- if (!el.firstChild && typeof el.textContent === 'string') {
48840
- el.textContent = this.content || '';
48841
- }
48842
- try {
48843
- const range = document.createRange();
48844
- const sel = window.getSelection();
48845
- const textNode = el.firstChild || el;
48846
-
48847
- // Ensure we don't exceed the text length
48848
- const start = Math.min(this.lastSelection.start, textNode.length);
48849
- const end = Math.min(this.lastSelection.end, textNode.length);
48850
- range.setStart(textNode, start);
48851
- range.setEnd(textNode, end);
48852
- sel.removeAllRanges();
48853
- sel.addRange(range);
48854
- } catch (e) {
48855
- console.warn('Failed to restore selection:', e);
48856
- }
48857
- },
48858
- handlePaste(event) {
48859
- const text = (event.clipboardData || window.clipboardData).getData('text');
48860
- const cleanText = text.replace(/[\r\n\s]+/g, ' ').trim();
48861
- this.saveSelection();
48862
- const selection = window.getSelection();
48863
- const selectionLength = selection.toString().length;
48864
- const currentLength = this.content.length;
48865
- if (currentLength - selectionLength + cleanText.length <= this.maxChars && selection.rangeCount) {
48866
- const range = selection.getRangeAt(0);
48867
- range.deleteContents();
48868
- range.insertNode(document.createTextNode(cleanText));
48869
- range.collapse(false);
48870
- selection.removeAllRanges();
48871
- selection.addRange(range);
48872
- this.content = event.target.innerText;
48873
- this.$emit('update:lastCrumb', this.content);
48874
- }
48875
- },
48876
- handleEnterKey(event) {
48877
- event.preventDefault();
48878
- event.target.blur();
48879
- },
48880
- updateContent(event) {
48881
- this.saveSelection();
48882
- const newText = event.target.innerText;
48883
- if (newText.length > this.maxChars) {
48884
- event.target.innerText = this.content;
48885
- this.restoreSelection();
48886
- } else {
48887
- this.content = newText;
48888
- this.$emit('update:lastCrumb', this.content);
48889
- this.$nextTick(() => {
48890
- this.restoreSelection();
48891
- });
48892
- }
48893
- }
48894
48777
  }
48895
48778
  });
48896
48779
  // CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=script&lang=js&
@@ -48905,8 +48788,8 @@ var ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns = [];
48905
48788
 
48906
48789
  var ToggleBreadCrumb_component = normalizeComponent(
48907
48790
  breadcrumb_ToggleBreadCrumbvue_type_script_lang_js_,
48908
- ToggleBreadCrumbvue_type_template_id_93f64828_render,
48909
- ToggleBreadCrumbvue_type_template_id_93f64828_staticRenderFns,
48791
+ ToggleBreadCrumbvue_type_template_id_b829739a_render,
48792
+ ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns,
48910
48793
  false,
48911
48794
  null,
48912
48795
  null,