toggle-components-library 1.37.0-beta.6 → 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=521e5ac4&
48724
- var ToggleBreadCrumbvue_type_template_id_521e5ac4_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,27 +48729,7 @@ var ToggleBreadCrumbvue_type_template_id_521e5ac4_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
- on: {
48740
- "input": _vm.handleInput,
48741
- "keypress": _vm.handleKeypress,
48742
- "keydown": function ($event) {
48743
- if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
48744
- $event.preventDefault();
48745
- return _vm.handleEnterKey.apply(null, arguments);
48746
- },
48747
- "paste": function ($event) {
48748
- $event.preventDefault();
48749
- return _vm.handlePaste.apply(null, arguments);
48750
- }
48751
- }
48752
- }, [_vm._v(_vm._s(crumb.name))])] : [crumb.link && !_vm.isNuxt ? _c('router-link', {
48732
+ }, [crumb.link && !_vm.isNuxt ? _c('router-link', {
48753
48733
  staticClass: "back-product",
48754
48734
  attrs: {
48755
48735
  "to": {
@@ -48767,15 +48747,16 @@ var ToggleBreadCrumbvue_type_template_id_521e5ac4_render = function render() {
48767
48747
  staticClass: "toggle-breadcrumb-arrow-right"
48768
48748
  }) : _vm._e(), !crumb.link ? _c('h1', {
48769
48749
  staticClass: "toggle-breadcrumb-h1"
48770
- }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()]], 2);
48750
+ }, [_vm._v(_vm._s(crumb.name))]) : _vm._e()], 1);
48771
48751
  }), 0) : _vm._e();
48772
48752
  };
48773
- var ToggleBreadCrumbvue_type_template_id_521e5ac4_staticRenderFns = [];
48753
+ var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
48774
48754
 
48775
- // CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=521e5ac4&
48755
+ // CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=b829739a&
48776
48756
 
48777
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&
48778
48758
  /* harmony default export */ var ToggleBreadCrumbvue_type_script_lang_js_ = ({
48759
+ mixins: [],
48779
48760
  props: {
48780
48761
  isNuxt: {
48781
48762
  type: Boolean,
@@ -48784,106 +48765,15 @@ var ToggleBreadCrumbvue_type_template_id_521e5ac4_staticRenderFns = [];
48784
48765
  breadcrumb: {
48785
48766
  type: Array,
48786
48767
  required: false
48787
- },
48788
- editable: {
48789
- type: Boolean,
48790
- default: false,
48791
- required: false
48792
- },
48793
- maxChars: {
48794
- type: Number,
48795
- default: 50,
48796
- required: false
48797
48768
  }
48798
48769
  },
48799
- data() {
48800
- return {
48801
- lastValidContent: ''
48802
- };
48770
+ data: function () {
48771
+ return {};
48803
48772
  },
48804
48773
  computed: {
48805
48774
  breadcrumb_computed() {
48806
48775
  return this.isNuxt ? this.breadcrumb : this.$route.meta.breadcrumb;
48807
48776
  }
48808
- },
48809
- mounted() {
48810
- this.updateContent();
48811
- },
48812
- methods: {
48813
- updateContent() {
48814
- var _this$breadcrumb_comp;
48815
- if (this.$refs.editableSpan && (_this$breadcrumb_comp = this.breadcrumb_computed) !== null && _this$breadcrumb_comp !== void 0 && _this$breadcrumb_comp.length) {
48816
- const lastCrumb = this.breadcrumb_computed[this.breadcrumb_computed.length - 1];
48817
- if (this.$refs.editableSpan.textContent !== lastCrumb.name) {
48818
- this.$refs.editableSpan.textContent = lastCrumb.name;
48819
- this.lastValidContent = lastCrumb.name;
48820
- }
48821
- }
48822
- },
48823
- handleKeypress(event) {
48824
- if (event.key.length !== 1) return;
48825
- const currentLength = this.$refs.editableSpan.textContent.length;
48826
- const selection = window.getSelection();
48827
- const selectedLength = selection.toString().length;
48828
- if (currentLength - selectedLength >= this.maxChars) {
48829
- event.preventDefault();
48830
- return false;
48831
- }
48832
- },
48833
- handleInput(event) {
48834
- const newText = event.target.textContent;
48835
- if (newText.length <= this.maxChars) {
48836
- this.lastValidContent = newText;
48837
- this.$emit('update:lastCrumb', newText);
48838
- } else {
48839
- // Get cursor position before restoring text
48840
- const selection = window.getSelection();
48841
- const cursorPosition = selection.getRangeAt(0).startOffset;
48842
-
48843
- // Restore previous content
48844
- event.target.textContent = this.lastValidContent;
48845
-
48846
- // Restore cursor position
48847
- const range = document.createRange();
48848
- const textNode = event.target.firstChild;
48849
- if (textNode) {
48850
- range.setStart(textNode, Math.min(cursorPosition, this.lastValidContent.length));
48851
- range.collapse(true);
48852
- selection.removeAllRanges();
48853
- selection.addRange(range);
48854
- }
48855
- }
48856
- },
48857
- handlePaste(event) {
48858
- event.preventDefault();
48859
- const text = (event.clipboardData || window.clipboardData).getData('text');
48860
- const cleanText = text.replace(/[\r\n\s]+/g, ' ').trim();
48861
- const selection = window.getSelection();
48862
- const range = selection.getRangeAt(0);
48863
- const currentLength = this.$refs.editableSpan.textContent.length;
48864
- const selectionLength = selection.toString().length;
48865
- const availableSpace = this.maxChars - (currentLength - selectionLength);
48866
- if (availableSpace > 0) {
48867
- const truncatedText = cleanText.slice(0, availableSpace);
48868
- range.deleteContents();
48869
- range.insertNode(document.createTextNode(truncatedText));
48870
- range.collapse(false);
48871
- this.lastValidContent = this.$refs.editableSpan.textContent;
48872
- this.$emit('update:lastCrumb', this.lastValidContent);
48873
- }
48874
- },
48875
- handleEnterKey(event) {
48876
- event.preventDefault();
48877
- event.target.blur();
48878
- }
48879
- },
48880
- watch: {
48881
- 'breadcrumb_computed': {
48882
- handler() {
48883
- this.$nextTick(this.updateContent);
48884
- },
48885
- deep: true
48886
- }
48887
48777
  }
48888
48778
  });
48889
48779
  // CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=script&lang=js&
@@ -48898,8 +48788,8 @@ var ToggleBreadCrumbvue_type_template_id_521e5ac4_staticRenderFns = [];
48898
48788
 
48899
48789
  var ToggleBreadCrumb_component = normalizeComponent(
48900
48790
  breadcrumb_ToggleBreadCrumbvue_type_script_lang_js_,
48901
- ToggleBreadCrumbvue_type_template_id_521e5ac4_render,
48902
- ToggleBreadCrumbvue_type_template_id_521e5ac4_staticRenderFns,
48791
+ ToggleBreadCrumbvue_type_template_id_b829739a_render,
48792
+ ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns,
48903
48793
  false,
48904
48794
  null,
48905
48795
  null,