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
|
@@ -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,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
|
-
}, [
|
|
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()]
|
|
48759
|
+
}, [_vm._v(_vm._s(crumb.name))]) : _vm._e()], 1);
|
|
48780
48760
|
}), 0) : _vm._e();
|
|
48781
48761
|
};
|
|
48782
|
-
var
|
|
48762
|
+
var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
|
|
48783
48763
|
|
|
48784
|
-
// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=
|
|
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
|
-
|
|
48911
|
-
|
|
48800
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_render,
|
|
48801
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns,
|
|
48912
48802
|
false,
|
|
48913
48803
|
null,
|
|
48914
48804
|
null,
|