@wikicasa-dev/components 1.2.28 → 1.2.30
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/AccessibleSelect.js +1 -4
- package/dist/BaseAccordion.js +1 -4
- package/dist/BaseAccordionBtn.js +1 -4
- package/dist/BaseAccordionContent.js +1 -4
- package/dist/BaseAccordionItem.js +1 -4
- package/dist/BaseAlert.js +1 -4
- package/dist/BaseAutocomplete.js +1 -4
- package/dist/BaseBadge.js +1 -4
- package/dist/BaseBtModal.js +1 -188
- package/dist/BaseButton.js +1 -4
- package/dist/BaseCard.js +1 -34
- package/dist/BaseComplexToggle.js +1 -140
- package/dist/BaseDropDown.js +1 -4
- package/dist/BaseFloatingLabel.js +1 -49
- package/dist/BaseIcon.js +1 -41
- package/dist/BaseInput.js +1 -278
- package/dist/BaseNavItem.js +1 -59
- package/dist/BasePagination.js +1 -164
- package/dist/BasePaper.js +1 -15
- package/dist/BaseSlider.js +7 -261
- package/dist/BaseSnackbar.js +1 -80
- package/dist/BaseTab.js +1 -78
- package/dist/BaseTextarea.js +1 -143
- package/dist/BaseToggle.js +1 -45
- package/dist/BaseTooltip.js +1 -54
- package/dist/BaseUploadFile.js +1 -70
- package/dist/CheckboxBtn.js +1 -75
- package/dist/CheckboxGroup.js +1 -4
- package/dist/IntersectionObservable.js +1 -4
- package/dist/IntersectionObserver.js +1 -4
- package/dist/RadioButton.js +1 -59
- package/dist/RadioGroup.js +1 -66
- package/dist/SelectItem.js +1 -4
- package/dist/StaticSpinner.js +1 -32
- package/dist/SwiperCarousel.js +1 -4
- package/dist/{AccessibleSelect.vue_vue_type_script_setup_true_lang-V0XqgKXS.js → chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BYoss5rN.js} +3 -3
- package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BsiqDUGT.js +1 -0
- package/dist/chunks/ArrowIcon.BkjChBnb.js +1 -0
- package/dist/{ArrowIcon-BAw-0KtW.js → chunks/ArrowIcon.Dok-D5yM.js} +1 -1
- package/dist/chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.C_HkVDZJ.js +1 -0
- package/dist/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang-CzbKLH4-.js → chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DBI-gxoJ.js} +1 -1
- package/dist/chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.BiU7T1M1.js +1 -0
- package/dist/{BaseAccordionItem.vue_vue_type_script_setup_true_lang-CHXsLP6t.js → chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Dlyi71Ul.js} +3 -3
- package/dist/chunks/BaseAlert.vue_vue_type_script_setup_true_lang.CjFsLhwr.js +1 -0
- package/dist/{BaseAlert.vue_vue_type_script_setup_true_lang-CwrICy7C.js → chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js} +1 -1
- package/dist/{BaseAutocomplete.vue_vue_type_script_setup_true_lang-DO8H2Lnc.js → chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.BoWyUvIn.js} +5 -5
- package/dist/chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D8WvGQMa.js +1 -0
- package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-CTjNbikr.js → chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js} +1 -1
- package/dist/chunks/BaseBadge.vue_vue_type_style_index_0_lang.DjrBMyt7.js +1 -0
- package/dist/{BaseButton.vue_vue_type_script_setup_true_lang-CBdWTtB_.js → chunks/BaseButton.vue_vue_type_script_setup_true_lang.DZLJGoNO.js} +3 -3
- package/dist/chunks/BaseButton.vue_vue_type_script_setup_true_lang.Ns4H_IBk.js +1 -0
- package/dist/{BaseDropDown.vue_vue_type_script_setup_true_lang-6hJBGFOb.js → chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.dYLwFJCe.js} +2 -2
- package/dist/chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.fEH9G16N.js +1 -0
- package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-DiWa7fxD.js → chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C5jcwwv6.js} +3 -3
- package/dist/chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JeL27AzP.js +1 -0
- package/dist/{CloseIcon-o6CokGLA.js → chunks/CloseIcon.BiYjxFIs.js} +1 -1
- package/dist/chunks/CloseIcon.ClSHNHpF.js +1 -0
- package/dist/chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.CPn3IY_R.js +5 -0
- package/dist/{SwiperCarousel.vue_vue_type_style_index_0_lang-Ck2g-QeX.js → chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.CbGACfP1.js} +12 -12
- package/dist/{index-BYvf5Yfg.js → chunks/index.-NHoDoWD.js} +2 -2
- package/dist/chunks/index.-WuGFU0l.js +1 -0
- package/dist/index.js +1 -67
- package/dist/useBreakpoints.js +1 -21
- package/dist/useFloatingLabel.js +1 -33
- package/dist/useKeyboardController.js +1 -41
- package/package.json +1 -1
- package/dist/AccessibleSelect.cjs +0 -1
- package/dist/AccessibleSelect.vue_vue_type_script_setup_true_lang-CWGYPn_s.cjs +0 -1
- package/dist/ArrowIcon-p3-glcm0.cjs +0 -1
- package/dist/BaseAccordion.cjs +0 -1
- package/dist/BaseAccordionBtn.cjs +0 -1
- package/dist/BaseAccordionBtn.vue_vue_type_script_setup_true_lang-BQr2_BlM.cjs +0 -1
- package/dist/BaseAccordionContent.cjs +0 -1
- package/dist/BaseAccordionItem.cjs +0 -1
- package/dist/BaseAccordionItem.vue_vue_type_script_setup_true_lang-0R0-KeUL.cjs +0 -1
- package/dist/BaseAlert.cjs +0 -1
- package/dist/BaseAlert.vue_vue_type_script_setup_true_lang-EApeOMaK.cjs +0 -1
- package/dist/BaseAutocomplete.cjs +0 -1
- package/dist/BaseAutocomplete.vue_vue_type_script_setup_true_lang-Vw4TREJv.cjs +0 -1
- package/dist/BaseBadge.cjs +0 -1
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CoTdlbL5.cjs +0 -1
- package/dist/BaseBtModal.cjs +0 -1
- package/dist/BaseButton.cjs +0 -1
- package/dist/BaseButton.vue_vue_type_script_setup_true_lang-C4Jpz6nD.cjs +0 -1
- package/dist/BaseCard.cjs +0 -1
- package/dist/BaseComplexToggle.cjs +0 -1
- package/dist/BaseDropDown.cjs +0 -1
- package/dist/BaseDropDown.vue_vue_type_script_setup_true_lang-BHoTtg5-.cjs +0 -1
- package/dist/BaseFloatingLabel.cjs +0 -1
- package/dist/BaseIcon.cjs +0 -1
- package/dist/BaseInput.cjs +0 -1
- package/dist/BaseNavItem.cjs +0 -1
- package/dist/BasePagination.cjs +0 -1
- package/dist/BasePaper.cjs +0 -1
- package/dist/BaseSlider.cjs +0 -8
- package/dist/BaseSnackbar.cjs +0 -1
- package/dist/BaseTab.cjs +0 -1
- package/dist/BaseTextarea.cjs +0 -1
- package/dist/BaseToggle.cjs +0 -1
- package/dist/BaseTooltip.cjs +0 -1
- package/dist/BaseUploadFile.cjs +0 -1
- package/dist/CheckboxBtn.cjs +0 -1
- package/dist/CheckboxGroup.cjs +0 -1
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-Dq_WMwsx.cjs +0 -1
- package/dist/CloseIcon-B0iqXdWk.cjs +0 -1
- package/dist/IntersectionObservable.cjs +0 -1
- package/dist/IntersectionObserver.cjs +0 -1
- package/dist/RadioButton.cjs +0 -1
- package/dist/RadioGroup.cjs +0 -1
- package/dist/SelectItem.cjs +0 -1
- package/dist/StaticSpinner.cjs +0 -1
- package/dist/SwiperCarousel.cjs +0 -1
- package/dist/SwiperCarousel.vue_vue_type_style_index_0_lang-Dcp0WsTT.cjs +0 -5
- package/dist/index-EIUFf5Sn.cjs +0 -1
- package/dist/index.cjs +0 -1
- package/dist/useBreakpoints.cjs +0 -1
- package/dist/useFloatingLabel.cjs +0 -1
- package/dist/useKeyboardController.cjs +0 -1
- /package/dist/{BaseAlert.css → assets/BaseAlert.css} +0 -0
- /package/dist/{BaseBadge.css → assets/BaseBadge.css} +0 -0
- /package/dist/{BaseBtModal.css → assets/BaseBtModal.css} +0 -0
- /package/dist/{BaseButton.css → assets/BaseButton.css} +0 -0
- /package/dist/{BaseCard.css → assets/BaseCard.css} +0 -0
- /package/dist/{BaseComplexToggle.css → assets/BaseComplexToggle.css} +0 -0
- /package/dist/{BaseFloatingLabel.css → assets/BaseFloatingLabel.css} +0 -0
- /package/dist/{BaseIcon.css → assets/BaseIcon.css} +0 -0
- /package/dist/{BaseInput.css → assets/BaseInput.css} +0 -0
- /package/dist/{BaseNavItem.css → assets/BaseNavItem.css} +0 -0
- /package/dist/{BasePaper.css → assets/BasePaper.css} +0 -0
- /package/dist/{BaseSlider.css → assets/BaseSlider.css} +0 -0
- /package/dist/{BaseSnackbar.css → assets/BaseSnackbar.css} +0 -0
- /package/dist/{BaseTextarea.css → assets/BaseTextarea.css} +0 -0
- /package/dist/{BaseToggle.css → assets/BaseToggle.css} +0 -0
- /package/dist/{BaseTooltip.css → assets/BaseTooltip.css} +0 -0
- /package/dist/{CheckboxBtn.css → assets/CheckboxBtn.css} +0 -0
- /package/dist/{StaticSpinner.css → assets/StaticSpinner.css} +0 -0
- /package/dist/{SwiperCarousel.css → assets/SwiperCarousel.css} +0 -0
- /package/dist/{free-mode.css → assets/free-mode.css} +0 -0
- /package/dist/{index.css → assets/index.css} +0 -0
- /package/dist/{navigation.css → assets/navigation.css} +0 -0
- /package/dist/{pagination.css → assets/pagination.css} +0 -0
- /package/dist/{BaseAccordion.vue_vue_type_script_setup_true_lang-CoE2D2rV.js → chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.CoE2D2rV.js} +0 -0
- /package/dist/{BaseAccordion.vue_vue_type_script_setup_true_lang-f0Al20X4.cjs → chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.f0Al20X4.js} +0 -0
- /package/dist/{BaseAccordionContent.vue_vue_type_script_setup_true_lang-N7oILwdv.js → chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js} +0 -0
- /package/dist/{BaseAccordionContent.vue_vue_type_script_setup_true_lang-U3YQw0dV.cjs → chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.U3YQw0dV.js} +0 -0
- /package/dist/{DefaultValues-S0CTWW-b.cjs → chunks/DefaultValues.S0CTWW-b.js} +0 -0
- /package/dist/{DefaultValues-k7iQWtC2.js → chunks/DefaultValues.k7iQWtC2.js} +0 -0
- /package/dist/{IntersectionObservable.vue_vue_type_script_setup_true_lang-BBMxY-re.js → chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js} +0 -0
- /package/dist/{IntersectionObservable.vue_vue_type_script_setup_true_lang-BPatqpa3.cjs → chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BPatqpa3.js} +0 -0
- /package/dist/{IntersectionObserver.vue_vue_type_script_setup_true_lang-Bo-O96cp.js → chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.Bo-O96cp.js} +0 -0
- /package/dist/{IntersectionObserver.vue_vue_type_script_setup_true_lang-DYKR3Sel.cjs → chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.DYKR3Sel.js} +0 -0
- /package/dist/{ObjectUtils-B1Dk4qsM.js → chunks/ObjectUtils.B1Dk4qsM.js} +0 -0
- /package/dist/{ObjectUtils-C5gq8MtL.cjs → chunks/ObjectUtils.C5gq8MtL.js} +0 -0
- /package/dist/{SelectItem.vue_vue_type_script_setup_true_lang-3ie26G8n.cjs → chunks/SelectItem.vue_vue_type_script_setup_true_lang.3ie26G8n.js} +0 -0
- /package/dist/{SelectItem.vue_vue_type_script_setup_true_lang-BOLdDTLM.js → chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js} +0 -0
- /package/dist/{_plugin-vue_export-helper-BHFhmbuH.cjs → chunks/_plugin-vue_export-helper.BHFhmbuH.js} +0 -0
- /package/dist/{_plugin-vue_export-helper-CHgC5LLL.js → chunks/_plugin-vue_export-helper.CHgC5LLL.js} +0 -0
- /package/dist/{autoplay-Dyvby5gX.cjs → chunks/autoplay.Dyvby5gX.js} +0 -0
- /package/dist/{autoplay-l0sNRNKZ.js → chunks/autoplay.l0sNRNKZ.js} +0 -0
- /package/dist/{controller-Dyvby5gX.cjs → chunks/controller.Dyvby5gX.js} +0 -0
- /package/dist/{controller-l0sNRNKZ.js → chunks/controller.l0sNRNKZ.js} +0 -0
- /package/dist/{js.cookie-BMVAK0Pe.cjs → chunks/js.cookie.BMVAK0Pe.js} +0 -0
- /package/dist/{js.cookie-BaTT4o7s.js → chunks/js.cookie.BaTT4o7s.js} +0 -0
- /package/dist/{thumbs-Dyvby5gX.cjs → chunks/thumbs.Dyvby5gX.js} +0 -0
- /package/dist/{thumbs-l0sNRNKZ.js → chunks/thumbs.l0sNRNKZ.js} +0 -0
package/dist/AccessibleSelect.js
CHANGED
package/dist/BaseAccordion.js
CHANGED
package/dist/BaseAccordionBtn.js
CHANGED
package/dist/BaseAlert.js
CHANGED
package/dist/BaseAutocomplete.js
CHANGED
package/dist/BaseBadge.js
CHANGED
package/dist/BaseBtModal.js
CHANGED
|
@@ -1,188 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { defineComponent as b, resolveComponent as n, openBlock as d, createBlock as r, Teleport as f, createElementVNode as e, normalizeClass as o, withModifiers as h, withCtx as y, createVNode as C, createCommentVNode as c, renderSlot as a, createElementBlock as w } from "vue";
|
|
3
|
-
import "./js.cookie-BaTT4o7s.js";
|
|
4
|
-
import { _ as M } from "./BaseButton.vue_vue_type_script_setup_true_lang-CBdWTtB_.js";
|
|
5
|
-
import { C as v } from "./CloseIcon-o6CokGLA.js";
|
|
6
|
-
import { useBreakpoints as g } from "./useBreakpoints.js";
|
|
7
|
-
import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
8
|
-
const B = (t, i) => new Promise((s, l) => {
|
|
9
|
-
setTimeout(() => {
|
|
10
|
-
try {
|
|
11
|
-
t && t(), s();
|
|
12
|
-
} catch {
|
|
13
|
-
l();
|
|
14
|
-
}
|
|
15
|
-
}, i);
|
|
16
|
-
}), E = [
|
|
17
|
-
"modal-sm",
|
|
18
|
-
"modal-md",
|
|
19
|
-
"modal-lg",
|
|
20
|
-
"modal-xl",
|
|
21
|
-
"modal-xxl",
|
|
22
|
-
"modal-desktop"
|
|
23
|
-
], $ = b({
|
|
24
|
-
components: { BaseButton: M, CloseIcon: v },
|
|
25
|
-
props: {
|
|
26
|
-
id: { type: String, default: "base-bt-modal" },
|
|
27
|
-
size: {
|
|
28
|
-
type: String,
|
|
29
|
-
default: "modal-md"
|
|
30
|
-
},
|
|
31
|
-
customBackdropClasses: { type: String, default: "" },
|
|
32
|
-
customModalClasses: { type: String, default: "" },
|
|
33
|
-
customModalDialogClasses: { type: String, default: "" },
|
|
34
|
-
customModalContentClasses: { type: String, default: "" },
|
|
35
|
-
customModalHeaderClasses: { type: [String, Array], default: "" },
|
|
36
|
-
customModalBodyClasses: { type: String, default: "" },
|
|
37
|
-
customModalFooterClasses: { type: String, default: "" },
|
|
38
|
-
withCustomFooter: { type: Boolean, default: !1 },
|
|
39
|
-
withCloseIcon: { type: Boolean, default: !0 },
|
|
40
|
-
showModal: { type: Boolean, required: !0 },
|
|
41
|
-
closeIcon: { type: String, default: "" },
|
|
42
|
-
headerTitle: { type: String, default: "" },
|
|
43
|
-
autoClose: { type: Number },
|
|
44
|
-
fullHeight: { type: Boolean, default: !1 },
|
|
45
|
-
closeOnClickOut: { type: Boolean, default: !0 }
|
|
46
|
-
},
|
|
47
|
-
emits: ["closed", "opened"],
|
|
48
|
-
setup() {
|
|
49
|
-
const { isSmall: t } = g();
|
|
50
|
-
return { isMobile: t };
|
|
51
|
-
},
|
|
52
|
-
data() {
|
|
53
|
-
return {
|
|
54
|
-
baseModalMaxWidthClass: ""
|
|
55
|
-
};
|
|
56
|
-
},
|
|
57
|
-
computed: {
|
|
58
|
-
backdropEl() {
|
|
59
|
-
return this.$refs.backdropEl;
|
|
60
|
-
},
|
|
61
|
-
modalEl() {
|
|
62
|
-
return this.$refs.modalEl;
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
watch: {
|
|
66
|
-
showModal(t) {
|
|
67
|
-
t || this.closeModal();
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
created() {
|
|
71
|
-
document && document.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px");
|
|
72
|
-
},
|
|
73
|
-
unmounted() {
|
|
74
|
-
document && document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px");
|
|
75
|
-
},
|
|
76
|
-
mounted() {
|
|
77
|
-
this.openModal();
|
|
78
|
-
const t = (i) => {
|
|
79
|
-
i.key === "Escape" && (this.closeModal(), document && document.body?.removeEventListener("keydown", t));
|
|
80
|
-
};
|
|
81
|
-
document && document.body?.addEventListener("keydown", t);
|
|
82
|
-
},
|
|
83
|
-
methods: {
|
|
84
|
-
/** Opens the modal with a transition */
|
|
85
|
-
async openModal() {
|
|
86
|
-
const t = this.backdropEl, i = this.modalEl;
|
|
87
|
-
t?.classList.add("uikit-flex", "colored-backdrop");
|
|
88
|
-
let s = this.customModalDialogClasses || "";
|
|
89
|
-
s += ` ${this.size}`;
|
|
90
|
-
const l = s.split(" ").find((u) => E.includes(u));
|
|
91
|
-
i?.classList.add("show", `base-${l}`), this.autoClose !== void 0 && setTimeout(() => {
|
|
92
|
-
this.closeModal();
|
|
93
|
-
}, this.autoClose);
|
|
94
|
-
},
|
|
95
|
-
async closeOnBackdropClick({ target: t }) {
|
|
96
|
-
!this.closeOnClickOut || this.isMobile && !t.classList.contains("bbt-modal-wrapper") || //In mobile mode, the wrapper will be touched
|
|
97
|
-
!this.isMobile && !t.classList.contains("bbt-backdrop") || await this.closeModal();
|
|
98
|
-
},
|
|
99
|
-
/** Closes the modal with a transition */
|
|
100
|
-
async closeModal() {
|
|
101
|
-
this.backdropEl.classList.remove("colored-backdrop"), this.backdropEl.classList.add("uikit-flex", "uikit-bg-transparent"), this.modalEl.classList.remove("show"), this.modalEl.classList.add("closed", "uikit-overflow-hidden"), document && document.body.classList.remove("no-scrolling"), await B(() => {
|
|
102
|
-
this.$emit("closed");
|
|
103
|
-
}, 250);
|
|
104
|
-
},
|
|
105
|
-
async onClosed() {
|
|
106
|
-
await this.closeModal(), this.$emit("closed");
|
|
107
|
-
},
|
|
108
|
-
async onOpened() {
|
|
109
|
-
await this.openModal(), this.$emit("opened");
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}), L = ["id", "data-cy"], S = ["innerHTML"];
|
|
113
|
-
function O(t, i, s, l, u, H) {
|
|
114
|
-
const m = n("close-icon"), k = n("base-button");
|
|
115
|
-
return d(), r(f, { to: "body" }, [
|
|
116
|
-
e("div", {
|
|
117
|
-
ref: "backdropEl",
|
|
118
|
-
class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-start-0 uikit-top-0 uikit-flex uikit-h-full uikit-w-full uikit-items-start uikit-justify-center uikit-overflow-y-auto uikit-px-0 uikit-pt-0 sm:uikit-px-5 sm:uikit-pt-[30px]", [t.customBackdropClasses]]),
|
|
119
|
-
style: { "z-index": "1062" },
|
|
120
|
-
onClick: i[0] || (i[0] = (...p) => t.closeOnBackdropClick && t.closeOnBackdropClick(...p))
|
|
121
|
-
}, [
|
|
122
|
-
e("dialog", {
|
|
123
|
-
id: t.id,
|
|
124
|
-
ref: "modalEl",
|
|
125
|
-
"data-cy": t.$attrs["data-cy"],
|
|
126
|
-
class: o(["custom-modal safe-bottom base-bt-modal transition-y !uikit-relative uikit-m-0 uikit-block uikit-h-full uikit-w-full uikit-overflow-x-hidden uikit-overflow-y-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-p-0 uikit-no-scrollbar max-sm:uikit-fixed max-sm:uikit-w-full max-sm:uikit-max-w-full max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none max-sm:uikit-border-0 sm:uikit-h-auto", [t.customModalClasses]])
|
|
127
|
-
}, [
|
|
128
|
-
e("div", {
|
|
129
|
-
class: o(["bbt-modal-wrapper uikit-relative uikit-h-full", [t.customModalDialogClasses]])
|
|
130
|
-
}, [
|
|
131
|
-
e("div", {
|
|
132
|
-
class: o(["uikit-modal-content uikit-fixed uikit-bottom-0 uikit-h-auto uikit-max-h-[90%] uikit-w-full uikit-overflow-x-hidden uikit-rounded uikit-bg-white uikit-py-0 uikit-no-scrollbar max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-relative sm:uikit-flex sm:uikit-flex-col sm:uikit-overflow-y-auto sm:uikit-py-0 sm:uikit-shadow-[0_3px_6px_#00000029]", [
|
|
133
|
-
t.customModalContentClasses,
|
|
134
|
-
"transition-y",
|
|
135
|
-
{ "full-height-mobile": t.fullHeight }
|
|
136
|
-
]])
|
|
137
|
-
}, [
|
|
138
|
-
e("div", {
|
|
139
|
-
class: o(["default-header uikit-border-0 uikit-px-4 sm:uikit-px-6", [t.customModalHeaderClasses]])
|
|
140
|
-
}, [
|
|
141
|
-
t.withCloseIcon ? (d(), r(k, {
|
|
142
|
-
key: 0,
|
|
143
|
-
id: "close-icon-btn",
|
|
144
|
-
"data-cy": "bbt-default-close-icon-btn",
|
|
145
|
-
class: o(["uikit-z-10 uikit-bg-transparent", t.$attrs["close-icon-btn-classes"]]),
|
|
146
|
-
type: "button",
|
|
147
|
-
"aria-label": "Close",
|
|
148
|
-
"is-empty": !0,
|
|
149
|
-
onClick: h(t.closeModal, ["prevent", "stop"])
|
|
150
|
-
}, {
|
|
151
|
-
default: y(() => [
|
|
152
|
-
C(m, {
|
|
153
|
-
class: "bbt-close-icon uikit-p-5px",
|
|
154
|
-
width: 30,
|
|
155
|
-
height: 30
|
|
156
|
-
})
|
|
157
|
-
]),
|
|
158
|
-
_: 1
|
|
159
|
-
}, 8, ["class", "onClick"])) : c("", !0),
|
|
160
|
-
a(t.$slots, "header", { closeModal: t.closeModal }, () => [
|
|
161
|
-
e("span", {
|
|
162
|
-
class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", t.$attrs["title-classes"]]),
|
|
163
|
-
innerHTML: t.headerTitle
|
|
164
|
-
}, null, 10, S)
|
|
165
|
-
], !0)
|
|
166
|
-
], 2),
|
|
167
|
-
e("div", {
|
|
168
|
-
class: o(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [t.customModalBodyClasses]])
|
|
169
|
-
}, [
|
|
170
|
-
a(t.$slots, "body", {}, void 0, !0)
|
|
171
|
-
], 2),
|
|
172
|
-
t.withCustomFooter ? (d(), w("div", {
|
|
173
|
-
key: 0,
|
|
174
|
-
class: o(["uikit-bbt-footer uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", t.customModalFooterClasses])
|
|
175
|
-
}, [
|
|
176
|
-
a(t.$slots, "footer", { closeModal: t.closeModal }, void 0, !0)
|
|
177
|
-
], 2)) : c("", !0)
|
|
178
|
-
], 2)
|
|
179
|
-
], 2),
|
|
180
|
-
a(t.$slots, "fixed-bottom", {}, void 0, !0)
|
|
181
|
-
], 10, L)
|
|
182
|
-
], 2)
|
|
183
|
-
]);
|
|
184
|
-
}
|
|
185
|
-
const V = /* @__PURE__ */ x($, [["render", O], ["__scopeId", "data-v-0cddde3c"]]);
|
|
186
|
-
export {
|
|
187
|
-
V as default
|
|
188
|
-
};
|
|
1
|
+
require('./assets/BaseBtModal.css');"use strict";const t=require("vue");require("./chunks/js.cookie.BMVAK0Pe.js");const u=require("./chunks/BaseButton.vue_vue_type_script_setup_true_lang.Ns4H_IBk.js"),r=require("./chunks/CloseIcon.ClSHNHpF.js"),c=require("./useBreakpoints.js"),m=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),k=(e,o)=>new Promise((i,s)=>{setTimeout(()=>{try{e&&e(),i()}catch{s()}},o)}),p=["modal-sm","modal-md","modal-lg","modal-xl","modal-xxl","modal-desktop"],b=t.defineComponent({components:{BaseButton:u._sfc_main,CloseIcon:r.CloseIcon},props:{id:{type:String,default:"base-bt-modal"},size:{type:String,default:"modal-md"},customBackdropClasses:{type:String,default:""},customModalClasses:{type:String,default:""},customModalDialogClasses:{type:String,default:""},customModalContentClasses:{type:String,default:""},customModalHeaderClasses:{type:[String,Array],default:""},customModalBodyClasses:{type:String,default:""},customModalFooterClasses:{type:String,default:""},withCustomFooter:{type:Boolean,default:!1},withCloseIcon:{type:Boolean,default:!0},showModal:{type:Boolean,required:!0},closeIcon:{type:String,default:""},headerTitle:{type:String,default:""},autoClose:{type:Number},fullHeight:{type:Boolean,default:!1},closeOnClickOut:{type:Boolean,default:!0}},emits:["closed","opened"],setup(){const{isSmall:e}=c.useBreakpoints();return{isMobile:e}},data(){return{baseModalMaxWidthClass:""}},computed:{backdropEl(){return this.$refs.backdropEl},modalEl(){return this.$refs.modalEl}},watch:{showModal(e){e||this.closeModal()}},created(){document&&document.body.classList.add("uikit-no-scrolling","sm:uikit-pr-15px")},unmounted(){document&&document.body.classList.remove("uikit-no-scrolling","sm:uikit-pr-15px")},mounted(){this.openModal();const e=o=>{o.key==="Escape"&&(this.closeModal(),document&&document.body?.removeEventListener("keydown",e))};document&&document.body?.addEventListener("keydown",e)},methods:{async openModal(){const e=this.backdropEl,o=this.modalEl;e?.classList.add("uikit-flex","colored-backdrop");let i=this.customModalDialogClasses||"";i+=` ${this.size}`;const s=i.split(" ").find(l=>p.includes(l));o?.classList.add("show",`base-${s}`),this.autoClose!==void 0&&setTimeout(()=>{this.closeModal()},this.autoClose)},async closeOnBackdropClick({target:e}){!this.closeOnClickOut||this.isMobile&&!e.classList.contains("bbt-modal-wrapper")||!this.isMobile&&!e.classList.contains("bbt-backdrop")||await this.closeModal()},async closeModal(){this.backdropEl.classList.remove("colored-backdrop"),this.backdropEl.classList.add("uikit-flex","uikit-bg-transparent"),this.modalEl.classList.remove("show"),this.modalEl.classList.add("closed","uikit-overflow-hidden"),document&&document.body.classList.remove("no-scrolling"),await k(()=>{this.$emit("closed")},250)},async onClosed(){await this.closeModal(),this.$emit("closed")},async onOpened(){await this.openModal(),this.$emit("opened")}}}),f=["id","data-cy"],h=["innerHTML"];function y(e,o,i,s,l,w){const a=t.resolveComponent("close-icon"),d=t.resolveComponent("base-button");return t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createElementVNode("div",{ref:"backdropEl",class:t.normalizeClass(["bbt-backdrop uikit-fixed uikit-left-0 uikit-start-0 uikit-top-0 uikit-flex uikit-h-full uikit-w-full uikit-items-start uikit-justify-center uikit-overflow-y-auto uikit-px-0 uikit-pt-0 sm:uikit-px-5 sm:uikit-pt-[30px]",[e.customBackdropClasses]]),style:{"z-index":"1062"},onClick:o[0]||(o[0]=(...n)=>e.closeOnBackdropClick&&e.closeOnBackdropClick(...n))},[t.createElementVNode("dialog",{id:e.id,ref:"modalEl","data-cy":e.$attrs["data-cy"],class:t.normalizeClass(["custom-modal safe-bottom base-bt-modal transition-y !uikit-relative uikit-m-0 uikit-block uikit-h-full uikit-w-full uikit-overflow-x-hidden uikit-overflow-y-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-p-0 uikit-no-scrollbar max-sm:uikit-fixed max-sm:uikit-w-full max-sm:uikit-max-w-full max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none max-sm:uikit-border-0 sm:uikit-h-auto",[e.customModalClasses]])},[t.createElementVNode("div",{class:t.normalizeClass(["bbt-modal-wrapper uikit-relative uikit-h-full",[e.customModalDialogClasses]])},[t.createElementVNode("div",{class:t.normalizeClass(["uikit-modal-content uikit-fixed uikit-bottom-0 uikit-h-auto uikit-max-h-[90%] uikit-w-full uikit-overflow-x-hidden uikit-rounded uikit-bg-white uikit-py-0 uikit-no-scrollbar max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-relative sm:uikit-flex sm:uikit-flex-col sm:uikit-overflow-y-auto sm:uikit-py-0 sm:uikit-shadow-[0_3px_6px_#00000029]",[e.customModalContentClasses,"transition-y",{"full-height-mobile":e.fullHeight}]])},[t.createElementVNode("div",{class:t.normalizeClass(["default-header uikit-border-0 uikit-px-4 sm:uikit-px-6",[e.customModalHeaderClasses]])},[e.withCloseIcon?(t.openBlock(),t.createBlock(d,{key:0,id:"close-icon-btn","data-cy":"bbt-default-close-icon-btn",class:t.normalizeClass(["uikit-z-10 uikit-bg-transparent",e.$attrs["close-icon-btn-classes"]]),type:"button","aria-label":"Close","is-empty":!0,onClick:t.withModifiers(e.closeModal,["prevent","stop"])},{default:t.withCtx(()=>[t.createVNode(a,{class:"bbt-close-icon uikit-p-5px",width:30,height:30})]),_:1},8,["class","onClick"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"header",{closeModal:e.closeModal},()=>[t.createElementVNode("span",{class:t.normalizeClass(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22",e.$attrs["title-classes"]]),innerHTML:e.headerTitle},null,10,h)],!0)],2),t.createElementVNode("div",{class:t.normalizeClass(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px",[e.customModalBodyClasses]])},[t.renderSlot(e.$slots,"body",{},void 0,!0)],2),e.withCustomFooter?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["uikit-bbt-footer uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6",e.customModalFooterClasses])},[t.renderSlot(e.$slots,"footer",{closeModal:e.closeModal},void 0,!0)],2)):t.createCommentVNode("",!0)],2)],2),t.renderSlot(e.$slots,"fixed-bottom",{},void 0,!0)],10,f)],2)])}const C=m._export_sfc(b,[["render",y],["__scopeId","data-v-0cddde3c"]]);module.exports=C;
|
package/dist/BaseButton.js
CHANGED
package/dist/BaseCard.js
CHANGED
|
@@ -1,34 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { defineComponent as m, computed as r, openBlock as u, createElementBlock as f, normalizeClass as t, createElementVNode as o, renderSlot as c } from "vue";
|
|
3
|
-
import { _ as v } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const y = /* @__PURE__ */ m({
|
|
5
|
-
inheritAttrs: !1,
|
|
6
|
-
__name: "BaseCard",
|
|
7
|
-
props: {
|
|
8
|
-
type: { default: "" }
|
|
9
|
-
},
|
|
10
|
-
emits: ["click"],
|
|
11
|
-
setup(d, { emit: l }) {
|
|
12
|
-
const i = l, s = d, n = r(
|
|
13
|
-
() => s.type === "news" ? "news-card" : s.type
|
|
14
|
-
), p = r(() => s.type ? `${s.type}-img` : "");
|
|
15
|
-
return (e, a) => (u(), f("div", {
|
|
16
|
-
class: t(["card", [n.value, e.$attrs.class]]),
|
|
17
|
-
onClick: a[0] || (a[0] = (C) => i("click"))
|
|
18
|
-
}, [
|
|
19
|
-
o("div", {
|
|
20
|
-
class: t(["card-img", [p.value, e.$attrs["card-img-classes"]]])
|
|
21
|
-
}, [
|
|
22
|
-
c(e.$slots, "card-image", {}, void 0, !0)
|
|
23
|
-
], 2),
|
|
24
|
-
o("div", {
|
|
25
|
-
class: t(["card-body", [e.$attrs["card-body-classes"]]])
|
|
26
|
-
}, [
|
|
27
|
-
c(e.$slots, "card-description", {}, void 0, !0)
|
|
28
|
-
], 2)
|
|
29
|
-
], 2));
|
|
30
|
-
}
|
|
31
|
-
}), k = /* @__PURE__ */ v(y, [["__scopeId", "data-v-ee64f70b"]]);
|
|
32
|
-
export {
|
|
33
|
-
k as default
|
|
34
|
-
};
|
|
1
|
+
require('./assets/BaseCard.css');"use strict";const e=require("vue"),d=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),i=e.defineComponent({inheritAttrs:!1,__name:"BaseCard",props:{type:{default:""}},emits:["click"],setup(a,{emit:o}){const c=o,t=a,l=e.computed(()=>t.type==="news"?"news-card":t.type),n=e.computed(()=>t.type?`${t.type}-img`:"");return(s,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card",[l.value,s.$attrs.class]]),onClick:r[0]||(r[0]=m=>c("click"))},[e.createElementVNode("div",{class:e.normalizeClass(["card-img",[n.value,s.$attrs["card-img-classes"]]])},[e.renderSlot(s.$slots,"card-image",{},void 0,!0)],2),e.createElementVNode("div",{class:e.normalizeClass(["card-body",[s.$attrs["card-body-classes"]]])},[e.renderSlot(s.$slots,"card-description",{},void 0,!0)],2)],2))}}),p=d._export_sfc(i,[["__scopeId","data-v-ee64f70b"]]);module.exports=p;
|
|
@@ -1,140 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { defineComponent as n, openBlock as l, createElementBlock as o, normalizeClass as a, createElementVNode as t, withModifiers as s, createCommentVNode as r } from "vue";
|
|
3
|
-
import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const c = n({
|
|
5
|
-
name: "BaseComplexToggle",
|
|
6
|
-
props: {
|
|
7
|
-
labels: {
|
|
8
|
-
type: Object,
|
|
9
|
-
required: !0
|
|
10
|
-
},
|
|
11
|
-
modelValue: { type: String, default: "" },
|
|
12
|
-
type: { type: String, default: "full" },
|
|
13
|
-
mode: { type: String, default: "" },
|
|
14
|
-
btnBgColor: {
|
|
15
|
-
type: String,
|
|
16
|
-
default: "uikit-bg-w-lavender-bordered"
|
|
17
|
-
},
|
|
18
|
-
borderContainerColor: {
|
|
19
|
-
type: String || "uikit-border-w-secondary",
|
|
20
|
-
default: "uikit-border-w-secondary"
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
emits: ["update:modelValue"],
|
|
24
|
-
data() {
|
|
25
|
-
return {
|
|
26
|
-
texActiveToggleColor: "uikit-text-white"
|
|
27
|
-
};
|
|
28
|
-
},
|
|
29
|
-
computed: {
|
|
30
|
-
leftBtn() {
|
|
31
|
-
return this.$refs.leftBtn;
|
|
32
|
-
},
|
|
33
|
-
rightBtn() {
|
|
34
|
-
return this.$refs.rightBtn;
|
|
35
|
-
},
|
|
36
|
-
dynamicBg() {
|
|
37
|
-
return this.$refs.dynamicBg;
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
created() {
|
|
41
|
-
[
|
|
42
|
-
"uikit-bg-w-cultured-bordered",
|
|
43
|
-
"uikit-bg-w-gray",
|
|
44
|
-
"uikit-bg-w-warning",
|
|
45
|
-
"uikit-bg-w-lavender-bordered"
|
|
46
|
-
].includes(this.btnBgColor) && (this.texActiveToggleColor = "uikit-text-w-black");
|
|
47
|
-
},
|
|
48
|
-
mounted() {
|
|
49
|
-
this.btnBgColor && (this.labels.leftToggle.checked ? (this.moveDynamicBgToLeft(), this.emitLeftLabel()) : this.labels.rightToggle.checked && (this.moveDynamicBgToRight(), this.emitRightLabel()));
|
|
50
|
-
},
|
|
51
|
-
methods: {
|
|
52
|
-
handleToggle(e) {
|
|
53
|
-
!this.leftBtn || !this.rightBtn || (e === "left-btn" ? (this.moveDynamicBgToLeft(), this.$emit("update:modelValue", this.labels.leftToggle.label)) : (this.moveDynamicBgToRight(), this.$emit("update:modelValue", this.labels.rightToggle.label)));
|
|
54
|
-
},
|
|
55
|
-
moveDynamicBgToLeft() {
|
|
56
|
-
this.dynamicBg?.classList.remove("translateX-right"), this.dynamicBg?.classList.add("translateX-left"), this.leftBtn?.classList.add(
|
|
57
|
-
"base-complex-toggle-active",
|
|
58
|
-
this.texActiveToggleColor
|
|
59
|
-
), this.rightBtn?.classList.remove(
|
|
60
|
-
"base-complex-toggle-active",
|
|
61
|
-
this.texActiveToggleColor
|
|
62
|
-
);
|
|
63
|
-
},
|
|
64
|
-
moveDynamicBgToRight() {
|
|
65
|
-
this.dynamicBg?.classList.remove("translateX-left"), this.dynamicBg?.classList.add("translateX-right"), this.rightBtn?.classList.add(
|
|
66
|
-
"base-complex-toggle-active",
|
|
67
|
-
this.texActiveToggleColor
|
|
68
|
-
), this.leftBtn?.classList.remove(
|
|
69
|
-
"base-complex-toggle-active",
|
|
70
|
-
this.texActiveToggleColor
|
|
71
|
-
);
|
|
72
|
-
},
|
|
73
|
-
emitLeftLabel() {
|
|
74
|
-
this.$emit("update:modelValue", this.labels.leftToggle.label);
|
|
75
|
-
},
|
|
76
|
-
emitRightLabel() {
|
|
77
|
-
this.$emit("update:modelValue", this.labels.rightToggle.label);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}), u = ["id", "data-cy"], h = ["data-cy"], b = ["src", "alt"], m = ["innerHTML"], f = ["data-cy"], p = ["src", "alt"], k = ["innerHTML"];
|
|
81
|
-
function T(e, i, v, y, B, L) {
|
|
82
|
-
return l(), o("div", {
|
|
83
|
-
id: e.$attrs.id || "",
|
|
84
|
-
"data-cy": e.$attrs["data-cy"] || "",
|
|
85
|
-
class: a(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor]])
|
|
86
|
-
}, [
|
|
87
|
-
t("div", {
|
|
88
|
-
ref: "leftBtn",
|
|
89
|
-
"data-cy": `bct-left-btn${e.labels.leftToggle.label ? `-${e.labels.leftToggle.label}` : ""}`,
|
|
90
|
-
class: "left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer",
|
|
91
|
-
onClick: i[0] || (i[0] = s((g) => e.handleToggle("left-btn"), ["stop"]))
|
|
92
|
-
}, [
|
|
93
|
-
e.labels.leftToggle.icon ? (l(), o("img", {
|
|
94
|
-
key: 0,
|
|
95
|
-
class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
|
|
96
|
-
src: e.labels.leftToggle.icon.src,
|
|
97
|
-
alt: e.labels.leftToggle.icon.alt,
|
|
98
|
-
width: "15",
|
|
99
|
-
height: "15"
|
|
100
|
-
}, null, 8, b)) : r("", !0),
|
|
101
|
-
t("span", {
|
|
102
|
-
ref: "leftToggleLabel",
|
|
103
|
-
class: "base-complex-toggle-label uikit-relative uikit-z-10",
|
|
104
|
-
innerHTML: e.labels.leftToggle.label
|
|
105
|
-
}, null, 8, m)
|
|
106
|
-
], 8, h),
|
|
107
|
-
t("div", {
|
|
108
|
-
ref: "rightBtn",
|
|
109
|
-
"data-cy": `bct-right-btn${e.labels.rightToggle.label ? `-${e.labels.rightToggle.label}` : ""}`,
|
|
110
|
-
class: "right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer",
|
|
111
|
-
onClick: i[1] || (i[1] = s((g) => e.handleToggle("right-btn"), ["stop"]))
|
|
112
|
-
}, [
|
|
113
|
-
e.labels.rightToggle.icon ? (l(), o("img", {
|
|
114
|
-
key: 0,
|
|
115
|
-
class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
|
|
116
|
-
src: e.labels.rightToggle.icon.src,
|
|
117
|
-
alt: e.labels.rightToggle.icon.alt,
|
|
118
|
-
width: "15",
|
|
119
|
-
height: "15"
|
|
120
|
-
}, null, 8, p)) : r("", !0),
|
|
121
|
-
t("span", {
|
|
122
|
-
ref: "rightToggleLabel",
|
|
123
|
-
class: "base-complex-toggle-label uikit-relative uikit-z-10",
|
|
124
|
-
innerHTML: e.labels.rightToggle.label
|
|
125
|
-
}, null, 8, k)
|
|
126
|
-
], 8, f),
|
|
127
|
-
t("div", {
|
|
128
|
-
ref: "dynamicBg",
|
|
129
|
-
class: a(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out", [
|
|
130
|
-
e.type === "full" ? "base-complex-toggle-active-bg" : "base-complex-toggle-active-padded-bg",
|
|
131
|
-
e.btnBgColor,
|
|
132
|
-
e.mode
|
|
133
|
-
]])
|
|
134
|
-
}, null, 2)
|
|
135
|
-
], 10, u);
|
|
136
|
-
}
|
|
137
|
-
const w = /* @__PURE__ */ d(c, [["render", T], ["__scopeId", "data-v-f02f3790"]]);
|
|
138
|
-
export {
|
|
139
|
-
w as default
|
|
140
|
-
};
|
|
1
|
+
require('./assets/BaseComplexToggle.css');"use strict";const t=require("vue"),o=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),a=t.defineComponent({name:"BaseComplexToggle",props:{labels:{type:Object,required:!0},modelValue:{type:String,default:""},type:{type:String,default:"full"},mode:{type:String,default:""},btnBgColor:{type:String,default:"uikit-bg-w-lavender-bordered"},borderContainerColor:{type:String||"uikit-border-w-secondary",default:"uikit-border-w-secondary"}},emits:["update:modelValue"],data(){return{texActiveToggleColor:"uikit-text-white"}},computed:{leftBtn(){return this.$refs.leftBtn},rightBtn(){return this.$refs.rightBtn},dynamicBg(){return this.$refs.dynamicBg}},created(){["uikit-bg-w-cultured-bordered","uikit-bg-w-gray","uikit-bg-w-warning","uikit-bg-w-lavender-bordered"].includes(this.btnBgColor)&&(this.texActiveToggleColor="uikit-text-w-black")},mounted(){this.btnBgColor&&(this.labels.leftToggle.checked?(this.moveDynamicBgToLeft(),this.emitLeftLabel()):this.labels.rightToggle.checked&&(this.moveDynamicBgToRight(),this.emitRightLabel()))},methods:{handleToggle(e){!this.leftBtn||!this.rightBtn||(e==="left-btn"?(this.moveDynamicBgToLeft(),this.$emit("update:modelValue",this.labels.leftToggle.label)):(this.moveDynamicBgToRight(),this.$emit("update:modelValue",this.labels.rightToggle.label)))},moveDynamicBgToLeft(){this.dynamicBg?.classList.remove("translateX-right"),this.dynamicBg?.classList.add("translateX-left"),this.leftBtn?.classList.add("base-complex-toggle-active",this.texActiveToggleColor),this.rightBtn?.classList.remove("base-complex-toggle-active",this.texActiveToggleColor)},moveDynamicBgToRight(){this.dynamicBg?.classList.remove("translateX-left"),this.dynamicBg?.classList.add("translateX-right"),this.rightBtn?.classList.add("base-complex-toggle-active",this.texActiveToggleColor),this.leftBtn?.classList.remove("base-complex-toggle-active",this.texActiveToggleColor)},emitLeftLabel(){this.$emit("update:modelValue",this.labels.leftToggle.label)},emitRightLabel(){this.$emit("update:modelValue",this.labels.rightToggle.label)}}}),s=["id","data-cy"],r=["data-cy"],g=["src","alt"],n=["innerHTML"],c=["data-cy"],d=["src","alt"],u=["innerHTML"];function h(e,l,b,f,p,k){return t.openBlock(),t.createElementBlock("div",{id:e.$attrs.id||"","data-cy":e.$attrs["data-cy"]||"",class:t.normalizeClass(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0",[e.mode,e.borderContainerColor]])},[t.createElementVNode("div",{ref:"leftBtn","data-cy":`bct-left-btn${e.labels.leftToggle.label?`-${e.labels.leftToggle.label}`:""}`,class:"left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer",onClick:l[0]||(l[0]=t.withModifiers(i=>e.handleToggle("left-btn"),["stop"]))},[e.labels.leftToggle.icon?(t.openBlock(),t.createElementBlock("img",{key:0,class:"base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",src:e.labels.leftToggle.icon.src,alt:e.labels.leftToggle.icon.alt,width:"15",height:"15"},null,8,g)):t.createCommentVNode("",!0),t.createElementVNode("span",{ref:"leftToggleLabel",class:"base-complex-toggle-label uikit-relative uikit-z-10",innerHTML:e.labels.leftToggle.label},null,8,n)],8,r),t.createElementVNode("div",{ref:"rightBtn","data-cy":`bct-right-btn${e.labels.rightToggle.label?`-${e.labels.rightToggle.label}`:""}`,class:"right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer",onClick:l[1]||(l[1]=t.withModifiers(i=>e.handleToggle("right-btn"),["stop"]))},[e.labels.rightToggle.icon?(t.openBlock(),t.createElementBlock("img",{key:0,class:"base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",src:e.labels.rightToggle.icon.src,alt:e.labels.rightToggle.icon.alt,width:"15",height:"15"},null,8,d)):t.createCommentVNode("",!0),t.createElementVNode("span",{ref:"rightToggleLabel",class:"base-complex-toggle-label uikit-relative uikit-z-10",innerHTML:e.labels.rightToggle.label},null,8,u)],8,c),t.createElementVNode("div",{ref:"dynamicBg",class:t.normalizeClass(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out",[e.type==="full"?"base-complex-toggle-active-bg":"base-complex-toggle-active-padded-bg",e.btnBgColor,e.mode]])},null,2)],10,s)}const m=o._export_sfc(a,[["render",h],["__scopeId","data-v-f02f3790"]]);module.exports=m;
|
package/dist/BaseDropDown.js
CHANGED
|
@@ -1,49 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { defineComponent as s, openBlock as a, createElementBlock as l, normalizeClass as t, withModifiers as o, createElementVNode as n, createCommentVNode as r } from "vue";
|
|
3
|
-
import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const d = s({
|
|
5
|
-
name: "BaseFloatingLabel",
|
|
6
|
-
props: {
|
|
7
|
-
labelState: {
|
|
8
|
-
type: String,
|
|
9
|
-
default: () => "inline-label"
|
|
10
|
-
},
|
|
11
|
-
isValid: {
|
|
12
|
-
type: Boolean,
|
|
13
|
-
default: () => null
|
|
14
|
-
},
|
|
15
|
-
labelText: {
|
|
16
|
-
type: String,
|
|
17
|
-
required: !0
|
|
18
|
-
},
|
|
19
|
-
disabled: {
|
|
20
|
-
type: [String, Boolean],
|
|
21
|
-
default: !1
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
emits: ["click"]
|
|
25
|
-
}), p = ["for"], k = ["innerHTML"];
|
|
26
|
-
function m(e, i, c, f, b, y) {
|
|
27
|
-
return a(), l("label", {
|
|
28
|
-
for: e.$attrs.for,
|
|
29
|
-
class: t(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
|
|
30
|
-
e.labelState,
|
|
31
|
-
{ "uikit-text-w-secondary": e.disabled },
|
|
32
|
-
e.$attrs["label-classes"]
|
|
33
|
-
]]),
|
|
34
|
-
onClick: i[0] || (i[0] = o(($) => e.$emit("click"), ["stop"]))
|
|
35
|
-
}, [
|
|
36
|
-
n("span", {
|
|
37
|
-
class: t(["uikit-text uikit-font-medium uikit-text-w-black", { "!uikit-text-w-secondary": e.disabled }]),
|
|
38
|
-
innerHTML: e.labelText
|
|
39
|
-
}, null, 10, k),
|
|
40
|
-
e.$attrs.required ? (a(), l("sup", {
|
|
41
|
-
key: 0,
|
|
42
|
-
class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text uikit-text-w-primary", { "uikit-text-w-secondary": e.disabled }])
|
|
43
|
-
}, " *", 2)) : r("", !0)
|
|
44
|
-
], 10, p);
|
|
45
|
-
}
|
|
46
|
-
const g = /* @__PURE__ */ u(d, [["render", m], ["__scopeId", "data-v-bc398569"]]);
|
|
47
|
-
export {
|
|
48
|
-
g as default
|
|
49
|
-
};
|
|
1
|
+
require('./assets/BaseFloatingLabel.css');"use strict";const e=require("vue"),l=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),a=e.defineComponent({name:"BaseFloatingLabel",props:{labelState:{type:String,default:()=>"inline-label"},isValid:{type:Boolean,default:()=>null},labelText:{type:String,required:!0},disabled:{type:[String,Boolean],default:!1}},emits:["click"]}),s=["for"],o=["innerHTML"];function n(t,i,u,d,p,c){return e.openBlock(),e.createElementBlock("label",{for:t.$attrs.for,class:e.normalizeClass(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm",[t.labelState,{"uikit-text-w-secondary":t.disabled},t.$attrs["label-classes"]]]),onClick:i[0]||(i[0]=e.withModifiers(k=>t.$emit("click"),["stop"]))},[e.createElementVNode("span",{class:e.normalizeClass(["uikit-text uikit-font-medium uikit-text-w-black",{"!uikit-text-w-secondary":t.disabled}]),innerHTML:t.labelText},null,10,o),t.$attrs.required?(e.openBlock(),e.createElementBlock("sup",{key:0,class:e.normalizeClass(["uikit-absolute -uikit-top-[0.3rem] uikit-text uikit-text-w-primary",{"uikit-text-w-secondary":t.disabled}])}," *",2)):e.createCommentVNode("",!0)],10,s)}const r=l._export_sfc(a,[["render",n],["__scopeId","data-v-bc398569"]]);module.exports=r;
|
package/dist/BaseIcon.js
CHANGED
|
@@ -1,41 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { defineComponent as e, openBlock as a, createElementBlock as i, normalizeClass as n, normalizeStyle as o } from "vue";
|
|
3
|
-
import { _ as s } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const r = e({
|
|
5
|
-
name: "BaseIcon",
|
|
6
|
-
props: {
|
|
7
|
-
lazyLoading: { type: Boolean, default: !1 },
|
|
8
|
-
altAttribute: {
|
|
9
|
-
type: String,
|
|
10
|
-
default: ""
|
|
11
|
-
},
|
|
12
|
-
iconName: {
|
|
13
|
-
type: String,
|
|
14
|
-
default: ""
|
|
15
|
-
},
|
|
16
|
-
iconType: {
|
|
17
|
-
type: String,
|
|
18
|
-
default: "icon-md"
|
|
19
|
-
},
|
|
20
|
-
iconClass: {
|
|
21
|
-
type: String,
|
|
22
|
-
default: "uikit-mr-5px"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}), l = ["id", "alt", "src", "width", "height", "loading"];
|
|
26
|
-
function d(t, p, c, f, m, u) {
|
|
27
|
-
return a(), i("img", {
|
|
28
|
-
id: t.$attrs.id,
|
|
29
|
-
class: n(["uikit-inline-block", t.iconType, t.iconClass]),
|
|
30
|
-
alt: t.altAttribute || t.$attrs.alt,
|
|
31
|
-
style: o(t.$attrs.style),
|
|
32
|
-
src: t.$attrs.src ? t.$attrs.src : "",
|
|
33
|
-
width: t.$attrs.width,
|
|
34
|
-
height: t.$attrs.height,
|
|
35
|
-
loading: t.lazyLoading ? "lazy" : "eager"
|
|
36
|
-
}, null, 14, l);
|
|
37
|
-
}
|
|
38
|
-
const h = /* @__PURE__ */ s(r, [["render", d], ["__scopeId", "data-v-8b2e5b08"]]);
|
|
39
|
-
export {
|
|
40
|
-
h as default
|
|
41
|
-
};
|
|
1
|
+
require('./assets/BaseIcon.css');"use strict";const t=require("vue"),a=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),i=t.defineComponent({name:"BaseIcon",props:{lazyLoading:{type:Boolean,default:!1},altAttribute:{type:String,default:""},iconName:{type:String,default:""},iconType:{type:String,default:"icon-md"},iconClass:{type:String,default:"uikit-mr-5px"}}}),n=["id","alt","src","width","height","loading"];function s(e,o,l,d,p,c){return t.openBlock(),t.createElementBlock("img",{id:e.$attrs.id,class:t.normalizeClass(["uikit-inline-block",e.iconType,e.iconClass]),alt:e.altAttribute||e.$attrs.alt,style:t.normalizeStyle(e.$attrs.style),src:e.$attrs.src?e.$attrs.src:"",width:e.$attrs.width,height:e.$attrs.height,loading:e.lazyLoading?"lazy":"eager"},null,14,n)}const r=a._export_sfc(i,[["render",s],["__scopeId","data-v-8b2e5b08"]]);module.exports=r;
|