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
|
@@ -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=
|
|
48733
|
-
var
|
|
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
|
-
}, [
|
|
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()]
|
|
48759
|
+
}, [_vm._v(_vm._s(crumb.name))]) : _vm._e()], 1);
|
|
48784
48760
|
}), 0) : _vm._e();
|
|
48785
48761
|
};
|
|
48786
|
-
var
|
|
48762
|
+
var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
|
|
48787
48763
|
|
|
48788
|
-
// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=
|
|
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
|
-
|
|
48918
|
-
|
|
48800
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_render,
|
|
48801
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns,
|
|
48919
48802
|
false,
|
|
48920
48803
|
null,
|
|
48921
48804
|
null,
|