@wikicasa-dev/components 1.2.30 → 1.2.31
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 +4 -1
- package/dist/BaseAccordion.js +4 -1
- package/dist/BaseAccordionBtn.js +4 -1
- package/dist/BaseAccordionContent.js +4 -1
- package/dist/BaseAccordionItem.js +4 -1
- package/dist/BaseAlert.js +4 -1
- package/dist/BaseAutocomplete.js +4 -1
- package/dist/BaseBadge.js +4 -1
- package/dist/BaseBtModal.js +188 -1
- package/dist/BaseButton.js +4 -1
- package/dist/BaseCard.js +34 -1
- package/dist/BaseComplexToggle.js +140 -1
- package/dist/BaseDropDown.js +4 -1
- package/dist/BaseFloatingLabel.js +49 -1
- package/dist/BaseIcon.js +41 -1
- package/dist/BaseInput.js +278 -1
- package/dist/BaseNavItem.js +59 -1
- package/dist/BasePagination.js +164 -1
- package/dist/BasePaper.js +15 -1
- package/dist/BaseSlider.js +261 -7
- package/dist/BaseSnackbar.js +80 -1
- package/dist/BaseTab.js +78 -1
- package/dist/BaseTextarea.js +143 -1
- package/dist/BaseToggle.js +45 -1
- package/dist/BaseTooltip.js +54 -1
- package/dist/BaseUploadFile.js +70 -1
- package/dist/CheckboxBtn.js +75 -1
- package/dist/CheckboxGroup.js +4 -1
- package/dist/IntersectionObservable.js +4 -1
- package/dist/IntersectionObserver.js +4 -1
- package/dist/RadioButton.js +59 -1
- package/dist/RadioGroup.js +66 -1
- package/dist/SelectItem.js +4 -1
- package/dist/StaticSpinner.js +32 -1
- package/dist/SwiperCarousel.js +4 -1
- package/dist/index.js +67 -1
- package/dist/useBreakpoints.js +21 -1
- package/dist/useFloatingLabel.js +33 -1
- package/dist/useKeyboardController.js +41 -1
- package/package.json +3 -3
- package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BsiqDUGT.js +0 -1
- package/dist/chunks/ArrowIcon.BkjChBnb.js +0 -1
- package/dist/chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.f0Al20X4.js +0 -1
- package/dist/chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.C_HkVDZJ.js +0 -1
- package/dist/chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.U3YQw0dV.js +0 -1
- package/dist/chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.BiU7T1M1.js +0 -1
- package/dist/chunks/BaseAlert.vue_vue_type_script_setup_true_lang.CjFsLhwr.js +0 -1
- package/dist/chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D8WvGQMa.js +0 -1
- package/dist/chunks/BaseBadge.vue_vue_type_style_index_0_lang.DjrBMyt7.js +0 -1
- package/dist/chunks/BaseButton.vue_vue_type_script_setup_true_lang.Ns4H_IBk.js +0 -1
- package/dist/chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.fEH9G16N.js +0 -1
- package/dist/chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JeL27AzP.js +0 -1
- package/dist/chunks/CloseIcon.ClSHNHpF.js +0 -1
- package/dist/chunks/DefaultValues.S0CTWW-b.js +0 -1
- package/dist/chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BPatqpa3.js +0 -1
- package/dist/chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.DYKR3Sel.js +0 -1
- package/dist/chunks/ObjectUtils.C5gq8MtL.js +0 -1
- package/dist/chunks/SelectItem.vue_vue_type_script_setup_true_lang.3ie26G8n.js +0 -1
- package/dist/chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.CPn3IY_R.js +0 -5
- package/dist/chunks/_plugin-vue_export-helper.BHFhmbuH.js +0 -1
- package/dist/chunks/autoplay.Dyvby5gX.js +0 -1
- package/dist/chunks/controller.Dyvby5gX.js +0 -1
- package/dist/chunks/index.-WuGFU0l.js +0 -1
- package/dist/chunks/js.cookie.BMVAK0Pe.js +0 -1
- package/dist/chunks/thumbs.Dyvby5gX.js +0 -1
package/dist/AccessibleSelect.js
CHANGED
package/dist/BaseAccordion.js
CHANGED
package/dist/BaseAccordionBtn.js
CHANGED
|
@@ -1 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js";
|
|
2
|
+
export {
|
|
3
|
+
f as default
|
|
4
|
+
};
|
package/dist/BaseAlert.js
CHANGED
package/dist/BaseAutocomplete.js
CHANGED
package/dist/BaseBadge.js
CHANGED
package/dist/BaseBtModal.js
CHANGED
|
@@ -1 +1,188 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/BaseBtModal.css';
|
|
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 "./chunks/js.cookie.BaTT4o7s.js";
|
|
4
|
+
import { _ as M } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.DZLJGoNO.js";
|
|
5
|
+
import { C as v } from "./chunks/CloseIcon.BiYjxFIs.js";
|
|
6
|
+
import { useBreakpoints as g } from "./useBreakpoints.js";
|
|
7
|
+
import { _ as x } from "./chunks/_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
|
+
};
|
package/dist/BaseButton.js
CHANGED
package/dist/BaseCard.js
CHANGED
|
@@ -1 +1,34 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/BaseCard.css';
|
|
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 "./chunks/_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 +1,140 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/BaseComplexToggle.css';
|
|
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 "./chunks/_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
|
+
};
|
package/dist/BaseDropDown.js
CHANGED
|
@@ -1 +1,49 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/BaseFloatingLabel.css';
|
|
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 "./chunks/_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
|
+
};
|
package/dist/BaseIcon.js
CHANGED
|
@@ -1 +1,41 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/BaseIcon.css';
|
|
2
|
+
import { defineComponent as e, openBlock as a, createElementBlock as i, normalizeClass as n, normalizeStyle as o } from "vue";
|
|
3
|
+
import { _ as s } from "./chunks/_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
|
+
};
|