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