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.
- package/dist/toggle-components-library.common.js +11 -121
- 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 +11 -121
- 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 -121
- 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,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
|
-
}, [
|
|
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()]
|
|
48750
|
+
}, [_vm._v(_vm._s(crumb.name))]) : _vm._e()], 1);
|
|
48771
48751
|
}), 0) : _vm._e();
|
|
48772
48752
|
};
|
|
48773
|
-
var
|
|
48753
|
+
var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
|
|
48774
48754
|
|
|
48775
|
-
// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=
|
|
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
|
-
|
|
48902
|
-
|
|
48791
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_render,
|
|
48792
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns,
|
|
48903
48793
|
false,
|
|
48904
48794
|
null,
|
|
48905
48795
|
null,
|