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.
- package/dist/toggle-components-library.common.js +10 -127
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.css +1 -1
- package/dist/toggle-components-library.umd.js +10 -127
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +110 -110
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/breadcrumb/ToggleBreadCrumb.vue +14 -127
- package/src/sass/includes/_as_breadcrumb.scss +0 -42
- package/dist/img/edit-icon.9a5af324.svg +0 -1
|
@@ -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=
|
|
48724
|
-
var
|
|
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
|
-
}, [
|
|
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()]
|
|
48750
|
+
}, [_vm._v(_vm._s(crumb.name))]) : _vm._e()], 1);
|
|
48775
48751
|
}), 0) : _vm._e();
|
|
48776
48752
|
};
|
|
48777
|
-
var
|
|
48753
|
+
var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
|
|
48778
48754
|
|
|
48779
|
-
// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=
|
|
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
|
-
|
|
48909
|
-
|
|
48791
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_render,
|
|
48792
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns,
|
|
48910
48793
|
false,
|
|
48911
48794
|
null,
|
|
48912
48795
|
null,
|