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