@wikicasa-dev/components 2.0.4 → 2.0.5-0.alpha-1
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 -1
- package/dist/BaseAccordion.js +1 -1
- package/dist/BaseAccordionBtn.js +1 -1
- package/dist/BaseAccordionContent.js +1 -1
- package/dist/BaseAccordionItem.js +1 -1
- package/dist/BaseAlert.js +1 -1
- package/dist/BaseAutocomplete.js +1 -1
- package/dist/BaseBadge.js +1 -1
- package/dist/BaseBreadcrumb.js +1 -1
- package/dist/BaseButton.js +1 -1
- package/dist/BaseCard.js +16 -16
- package/dist/BaseComplexToggle.js +4 -4
- package/dist/BaseDropDown.js +1 -1
- package/dist/BaseFloatingLabel.js +21 -19
- package/dist/BaseIcon.js +4 -4
- package/dist/BaseInput.js +106 -100
- package/dist/BaseModal.js +1 -1
- package/dist/BasePagination.js +1 -1
- package/dist/BasePaper.js +2 -2
- package/dist/BaseShimmerLoader.js +2 -2
- package/dist/BaseSlider.js +173 -222
- package/dist/BaseSnackbar.js +3 -3
- package/dist/BaseTabList.js +1 -1
- package/dist/BaseTabPanel.js +1 -1
- package/dist/BaseTabView.js +1 -1
- package/dist/BaseTextarea.js +16 -15
- package/dist/BaseToggle.js +4 -4
- package/dist/BaseTooltip.js +3 -3
- package/dist/BaseUploadFile.js +1 -1
- package/dist/CheckboxBtn.js +10 -6
- package/dist/CheckboxGroup.js +1 -1
- package/dist/DoughnutChart.js +1 -1
- package/dist/IntersectionObservable.js +1 -1
- package/dist/IntersectionObserver.js +1 -1
- package/dist/LineChart.js +1 -1
- package/dist/RadioButton.js +1 -1
- package/dist/RadioGroup.js +1 -1
- package/dist/SelectItem.js +1 -1
- package/dist/ShimmerMultiLine.js +1 -1
- package/dist/SimpleSlider.js +83 -0
- package/dist/StaticSpinner.js +2 -2
- package/dist/SwiperCarousel.js +1 -1
- package/dist/SwiperSlide.js +2 -2
- package/dist/UIKit/AccessibleSelect.vue.d.ts +49 -103
- package/dist/UIKit/Accordion/BaseAccordion.vue.d.ts +9 -12
- package/dist/UIKit/Accordion/BaseAccordionBtn.vue.d.ts +12 -17
- package/dist/UIKit/Accordion/BaseAccordionContent.vue.d.ts +10 -14
- package/dist/UIKit/Accordion/BaseAccordionItem.vue.d.ts +20 -33
- package/dist/UIKit/BaseAlert.vue.d.ts +8 -8
- package/dist/UIKit/BaseAutocomplete.vue.d.ts +39 -198
- package/dist/UIKit/BaseBadge.vue.d.ts +7 -7
- package/dist/UIKit/BaseBreadcrumb.vue.d.ts +8 -10
- package/dist/UIKit/BaseButton.vue.d.ts +17 -30
- package/dist/UIKit/BaseCard.vue.d.ts +14 -23
- package/dist/UIKit/BaseComplexToggle.vue.d.ts +7 -6
- package/dist/UIKit/BaseDropDown.vue.d.ts +39 -40
- package/dist/UIKit/BaseFloatingLabel.vue.d.ts +8 -13
- package/dist/UIKit/BaseIcon.vue.d.ts +3 -9
- package/dist/UIKit/BaseInput.vue.d.ts +20 -20
- package/dist/UIKit/BaseModal.vue.d.ts +35 -60
- package/dist/UIKit/BasePagination.vue.d.ts +7 -14
- package/dist/UIKit/BaseSelect/SelectItem.vue.d.ts +10 -12
- package/dist/UIKit/BaseSlider.vue.d.ts +20 -175
- package/dist/UIKit/BaseSnackbar.vue.d.ts +7 -14
- package/dist/UIKit/BaseTextarea.vue.d.ts +9 -10
- package/dist/UIKit/BaseToggle.vue.d.ts +6 -5
- package/dist/UIKit/BaseTooltip.vue.d.ts +13 -20
- package/dist/UIKit/BaseUploadFile.vue.d.ts +13 -19
- package/dist/UIKit/Checkbox/CheckboxBtn.vue.d.ts +18 -31
- package/dist/UIKit/Checkbox/CheckboxGroup.vue.d.ts +23 -43
- package/dist/UIKit/Radio/RadioButton.vue.d.ts +7 -11
- package/dist/UIKit/Radio/RadioGroup.vue.d.ts +8 -7
- package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.vue.d.ts +6 -6
- package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.vue.d.ts +54 -8
- package/dist/UIKit/Slider/SimpleSlider.vue.d.ts +19 -0
- package/dist/UIKit/StaticSpinner.vue.d.ts +3 -5
- package/dist/UIKit/Tab/BaseTab.vue.d.ts +8 -10
- package/dist/UIKit/Tab/BaseTabList.vue.d.ts +8 -9
- package/dist/UIKit/Tab/BaseTabPanel.vue.d.ts +9 -11
- package/dist/UIKit/Tab/BaseTabView.vue.d.ts +11 -8
- package/dist/UIKit/types.d.ts +4 -1
- package/dist/assets/BaseAlert.css +1 -1
- package/dist/assets/BaseBadge.css +1 -1
- package/dist/assets/BaseCard.css +1 -1
- package/dist/assets/BaseFloatingLabel.css +1 -1
- package/dist/assets/BaseInput.css +1 -1
- package/dist/assets/BaseSlider.css +1 -1
- package/dist/assets/BaseTextarea.css +1 -1
- package/dist/assets/BaseTooltip.css +1 -1
- package/dist/assets/CheckboxBtn.css +1 -1
- package/dist/assets/SimpleSlider.css +1 -0
- package/dist/assets/SwiperCarousel.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/chart/DoughnutChart.vue.d.ts +3 -5
- package/dist/chart/LineChart.vue.d.ts +16 -6
- package/dist/chart/composables/useChartjsModules.d.ts +1 -1
- package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.aBS46udY.js +246 -0
- package/dist/chunks/{ArrowIcon.CCFMdsq6.js → ArrowIcon.Bq6Xr3uH.js} +1 -1
- package/dist/chunks/{BaseAccordion.vue_vue_type_script_setup_true_lang.R7qkuKlw.js → BaseAccordion.vue_vue_type_script_setup_true_lang.C34SZThb.js} +2 -2
- package/dist/chunks/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DsDqk9iP.js → BaseAccordionBtn.vue_vue_type_script_setup_true_lang.APN3hif2.js} +4 -4
- package/dist/chunks/{BaseAccordionContent.vue_vue_type_script_setup_true_lang.C0aiiljz.js → BaseAccordionContent.vue_vue_type_script_setup_true_lang.Dn4qNu2R.js} +2 -2
- package/dist/chunks/{BaseAccordionItem.vue_vue_type_script_setup_true_lang.Caagpb9M.js → BaseAccordionItem.vue_vue_type_script_setup_true_lang.Dpjir3yq.js} +8 -8
- package/dist/chunks/{BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js → BaseAlert.vue_vue_type_style_index_0_lang.DUWb9d9_.js} +2 -2
- package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.m5rScY4N.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.C64T2OK4.js} +89 -84
- package/dist/chunks/{BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js → BaseBadge.vue_vue_type_style_index_0_lang.D2PAy8_x.js} +2 -2
- package/dist/chunks/{BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BH2c3gOe.js → BaseBreadcrumb.vue_vue_type_script_setup_true_lang.DlSPjwQe.js} +18 -18
- package/dist/chunks/{BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js → BaseButton.vue_vue_type_script_setup_true_lang.ChUdDzP1.js} +4 -4
- package/dist/chunks/{BaseDropDown.vue_vue_type_script_setup_true_lang.BscSQ5bW.js → BaseDropDown.vue_vue_type_script_setup_true_lang.DoEvtblv.js} +59 -46
- package/dist/chunks/BaseModal.vue_vue_type_style_index_0_lang.Cy2ThBHM.js +151 -0
- package/dist/chunks/BasePagination.vue_vue_type_script_setup_true_lang.D_X7MS6X.js +164 -0
- package/dist/chunks/{BaseTabList.vue_vue_type_script_setup_true_lang.CpIiJy6I.js → BaseTabList.vue_vue_type_script_setup_true_lang.CHOGs5d-.js} +3 -3
- package/dist/chunks/{BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js → BaseTabPanel.vue_vue_type_script_setup_true_lang.CVJUssBq.js} +2 -2
- package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CUgJNst9.js +105 -0
- package/dist/chunks/{BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js → BaseUploadFile.vue_vue_type_script_setup_true_lang.Cgu0FMFv.js} +1 -1
- package/dist/chunks/{CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js → CheckboxGroup.vue_vue_type_script_setup_true_lang.CAO5UUO3.js} +37 -37
- package/dist/chunks/{CloseIcon.DIkr4soH.js → CloseIcon.BZ4U3aiI.js} +1 -1
- package/dist/chunks/{DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js → DoughnutChart.vue_vue_type_script_setup_true_lang.B8wxbJBV.js} +3 -3
- package/dist/chunks/{IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js → IntersectionObservable.vue_vue_type_script_setup_true_lang.DC17cx-h.js} +2 -2
- package/dist/chunks/{IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js → IntersectionObserver.vue_vue_type_script_setup_true_lang.BKewKDXG.js} +2 -2
- package/dist/chunks/LineChart.vue_vue_type_script_setup_true_lang.CXNsFiyD.js +42 -0
- package/dist/chunks/ObjectUtils.DwkJjVq1.js +10 -0
- package/dist/chunks/PharmacyIcon.DEQ8mOEJ.js +11 -0
- package/dist/chunks/{RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js → RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js} +2 -2
- package/dist/chunks/{RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js → RadioGroup.vue_vue_type_script_setup_true_lang.CpsMf2PN.js} +6 -6
- package/dist/chunks/{SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js → SelectItem.vue_vue_type_script_setup_true_lang.Drq_K7Vx.js} +2 -2
- package/dist/chunks/{ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DuLXZx8X.js → ShimmerMultiLine.vue_vue_type_script_setup_true_lang.CF7CkxXk.js} +3 -3
- package/dist/chunks/SwiperCarousel.B1KHp8AU.js +744 -0
- package/dist/chunks/{index.D6IWh9UY.js → index.D6tiuZ4-.js} +9 -7
- package/dist/chunks/polyline.DjpLdMaW.js +5256 -0
- package/dist/chunks/{types-B0dZ7OiV.D29wNgoj.js → useBreakpoints.BXk8Xcw3.js} +2854 -874
- package/dist/components/IntersectionObserver/IntersectionObservable.vue.d.ts +10 -9
- package/dist/components/IntersectionObserver/IntersectionObserver.vue.d.ts +5 -2
- package/dist/components/carousel/SwiperCarousel.vue.d.ts +9 -9
- package/dist/components/carousel/SwiperSlide.vue.d.ts +3 -2
- package/dist/index.d.ts +2 -1
- package/dist/index.js +35 -33
- package/dist/useChartjsModules.js +1 -1
- package/package.json +30 -28
- package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.YIp2u7gd.js +0 -231
- package/dist/chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js +0 -142
- package/dist/chunks/BasePagination.vue_vue_type_script_setup_true_lang.DxPb8OYe.js +0 -163
- package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DGeL_YSc.js +0 -95
- package/dist/chunks/LineChart.vue_vue_type_script_setup_true_lang.CNkvmtfq.js +0 -37
- package/dist/chunks/ObjectUtils.BOUbloeg.js +0 -10
- package/dist/chunks/PharmacyIcon.56ql_DYl.js +0 -19
- package/dist/chunks/SwiperCarousel.DWUl3bgn.js +0 -718
- package/dist/chunks/useKeyboardController.CutKeclN.js +0 -41
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/BaseBreadcrumb.js
CHANGED
package/dist/BaseButton.js
CHANGED
package/dist/BaseCard.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { _ as
|
|
3
|
-
import './assets/BaseCard.css';const
|
|
1
|
+
import { defineComponent as m, computed as o, createBlock as p, openBlock as C, resolveDynamicComponent as u, normalizeClass as a, withCtx as f, createElementVNode as d, renderSlot as r } from "vue";
|
|
2
|
+
import { _ as v } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
|
+
import './assets/BaseCard.css';const y = /* @__PURE__ */ m({
|
|
4
4
|
__name: "BaseCard",
|
|
5
5
|
props: {
|
|
6
6
|
type: { default: "" },
|
|
@@ -9,30 +9,30 @@ import './assets/BaseCard.css';const g = /* @__PURE__ */ p({
|
|
|
9
9
|
cardBodyClasses: { default: "" }
|
|
10
10
|
},
|
|
11
11
|
emits: ["click"],
|
|
12
|
-
setup(
|
|
13
|
-
const
|
|
12
|
+
setup(s, { emit: c }) {
|
|
13
|
+
const l = c, n = o(
|
|
14
14
|
() => s.type === "news" ? "news-card" : s.type
|
|
15
|
-
),
|
|
16
|
-
return (e,
|
|
17
|
-
class: a(["card", [
|
|
18
|
-
onClick:
|
|
15
|
+
), i = o(() => s.type ? `${s.type}-img` : "");
|
|
16
|
+
return (e, t) => (C(), p(u(e.rootComponent), {
|
|
17
|
+
class: a(["card", [n.value]]),
|
|
18
|
+
onClick: t[0] || (t[0] = (g) => l("click"))
|
|
19
19
|
}, {
|
|
20
|
-
default:
|
|
21
|
-
|
|
22
|
-
class: a(["card-img", [
|
|
20
|
+
default: f(() => [
|
|
21
|
+
d("div", {
|
|
22
|
+
class: a(["card-img", [i.value, e.cardImgClasses]])
|
|
23
23
|
}, [
|
|
24
|
-
|
|
24
|
+
r(e.$slots, "card-image", {}, void 0, !0)
|
|
25
25
|
], 2),
|
|
26
|
-
|
|
26
|
+
d("div", {
|
|
27
27
|
class: a(["card-body", [e.cardBodyClasses]])
|
|
28
28
|
}, [
|
|
29
|
-
|
|
29
|
+
r(e.$slots, "card-description", {}, void 0, !0)
|
|
30
30
|
], 2)
|
|
31
31
|
]),
|
|
32
32
|
_: 3
|
|
33
33
|
}, 8, ["class"]));
|
|
34
34
|
}
|
|
35
|
-
}), I = /* @__PURE__ */ y
|
|
35
|
+
}), I = /* @__PURE__ */ v(y, [["__scopeId", "data-v-923393ce"]]);
|
|
36
36
|
export {
|
|
37
37
|
I as default
|
|
38
38
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as v, mergeModels as T, useModel as C, computed as c,
|
|
1
|
+
import { defineComponent as v, mergeModels as T, useModel as C, computed as c, createElementBlock as r, openBlock as n, normalizeClass as o, createElementVNode as t, withModifiers as m, renderSlot as f, createCommentVNode as k } from "vue";
|
|
2
2
|
import { _ as y } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
3
|
import './assets/BaseComplexToggle.css';const $ = ["id", "data-cy"], B = ["data-btn-bg-color", "data-cy"], L = ["src", "alt"], M = ["innerHTML"], z = ["data-btn-bg-color", "data-cy"], V = ["src", "alt"], w = ["innerHTML"], H = /* @__PURE__ */ v({
|
|
4
4
|
__name: "BaseComplexToggle",
|
|
@@ -35,7 +35,7 @@ import './assets/BaseComplexToggle.css';const $ = ["id", "data-cy"], B = ["data-
|
|
|
35
35
|
s();
|
|
36
36
|
})();
|
|
37
37
|
const b = (e) => a.value?.label === e.label, d = c(() => b(l.labels.leftToggle)), p = c(() => b(l.labels.rightToggle));
|
|
38
|
-
return (e, i) => (
|
|
38
|
+
return (e, i) => (n(), r("div", {
|
|
39
39
|
id: e.$attrs.id || "",
|
|
40
40
|
"data-cy": e.$attrs["data-cy"] || "",
|
|
41
41
|
class: o(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor, e.size]])
|
|
@@ -51,7 +51,7 @@ import './assets/BaseComplexToggle.css';const $ = ["id", "data-cy"], B = ["data-
|
|
|
51
51
|
onClick: i[0] || (i[0] = m((h) => s(), ["stop"]))
|
|
52
52
|
}, [
|
|
53
53
|
f(e.$slots, "left_icon", {}, () => [
|
|
54
|
-
e.labels.leftToggle.icon ? (
|
|
54
|
+
e.labels.leftToggle.icon ? (n(), r("img", {
|
|
55
55
|
key: 0,
|
|
56
56
|
class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
|
|
57
57
|
src: e.labels.leftToggle.icon.src,
|
|
@@ -76,7 +76,7 @@ import './assets/BaseComplexToggle.css';const $ = ["id", "data-cy"], B = ["data-
|
|
|
76
76
|
onClick: i[1] || (i[1] = m((h) => u(), ["stop"]))
|
|
77
77
|
}, [
|
|
78
78
|
f(e.$slots, "right_icon", {}, () => [
|
|
79
|
-
e.labels.rightToggle.icon ? (
|
|
79
|
+
e.labels.rightToggle.icon ? (n(), r("img", {
|
|
80
80
|
key: 0,
|
|
81
81
|
class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
|
|
82
82
|
src: e.labels.rightToggle.icon.src,
|
package/dist/BaseDropDown.js
CHANGED
|
@@ -1,39 +1,41 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { _ as
|
|
3
|
-
import './assets/BaseFloatingLabel.css';const
|
|
1
|
+
import { defineComponent as n, createElementBlock as l, openBlock as s, withModifiers as r, normalizeClass as t, createElementVNode as d, createCommentVNode as u } from "vue";
|
|
2
|
+
import { _ as k } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
|
+
import './assets/BaseFloatingLabel.css';const b = ["for"], m = ["innerHTML"], p = /* @__PURE__ */ n({
|
|
4
4
|
__name: "BaseFloatingLabel",
|
|
5
5
|
props: {
|
|
6
6
|
labelState: { default: "inline-label" },
|
|
7
7
|
isValid: { default: null },
|
|
8
8
|
labelText: {},
|
|
9
|
-
disabled: { type: [String, Boolean], default: !1 }
|
|
9
|
+
disabled: { type: [String, Boolean], default: !1 },
|
|
10
|
+
labelClasses: {},
|
|
11
|
+
labelTextClasses: {}
|
|
10
12
|
},
|
|
11
13
|
emits: ["click"],
|
|
12
|
-
setup(
|
|
13
|
-
|
|
14
|
+
setup(f, { emit: a }) {
|
|
15
|
+
const o = a;
|
|
16
|
+
return (e, i) => (s(), l("label", {
|
|
14
17
|
for: e.$attrs.for,
|
|
15
|
-
class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
|
|
16
|
-
|
|
17
|
-
{ "uikit-text-w-secondary": e.disabled },
|
|
18
|
-
e.$attrs["label-classes"]
|
|
19
|
-
]]),
|
|
20
|
-
onClick: i[0] || (i[0] = o((f) => e.$emit("click"), ["stop"]))
|
|
18
|
+
class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
|
|
19
|
+
onClick: i[0] || (i[0] = r((c) => o("click"), ["stop"]))
|
|
21
20
|
}, [
|
|
22
|
-
|
|
23
|
-
class: t(["uikit-text uikit-font-medium
|
|
21
|
+
d("span", {
|
|
22
|
+
class: t(["uikit-text uikit-font-medium", [
|
|
23
|
+
e.disabled ? "uikit-text-w-secondary" : "uikit-text-w-black",
|
|
24
|
+
e.labelTextClasses
|
|
25
|
+
]]),
|
|
24
26
|
innerHTML: e.labelText
|
|
25
|
-
}, null, 10,
|
|
26
|
-
e.$attrs.required ? (
|
|
27
|
+
}, null, 10, m),
|
|
28
|
+
e.$attrs.required ? (s(), l("sup", {
|
|
27
29
|
key: 0,
|
|
28
30
|
class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text", [
|
|
29
31
|
{ "uikit-text-w-secondary": e.disabled },
|
|
30
32
|
{ "uikit-text-w-danger": e.isValid === !1 },
|
|
31
33
|
{ "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
|
|
32
34
|
]])
|
|
33
|
-
}, " *", 2)) :
|
|
34
|
-
], 10,
|
|
35
|
+
}, " *", 2)) : u("", !0)
|
|
36
|
+
], 10, b));
|
|
35
37
|
}
|
|
36
|
-
}), y = /* @__PURE__ */
|
|
38
|
+
}), y = /* @__PURE__ */ k(p, [["__scopeId", "data-v-2b36371e"]]);
|
|
37
39
|
export {
|
|
38
40
|
y as default
|
|
39
41
|
};
|
package/dist/BaseIcon.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e,
|
|
1
|
+
import { defineComponent as e, createElementBlock as a, openBlock as i, normalizeStyle as o, normalizeClass as s } from "vue";
|
|
2
2
|
import { _ as l } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
3
|
import './assets/BaseIcon.css';const n = ["id", "alt", "src", "width", "height", "loading"], r = /* @__PURE__ */ e({
|
|
4
4
|
__name: "BaseIcon",
|
|
@@ -11,11 +11,11 @@ import './assets/BaseIcon.css';const n = ["id", "alt", "src", "width", "height",
|
|
|
11
11
|
height: {}
|
|
12
12
|
},
|
|
13
13
|
setup(d) {
|
|
14
|
-
return (t, c) => (
|
|
14
|
+
return (t, c) => (i(), a("img", {
|
|
15
15
|
id: t.$attrs.id,
|
|
16
|
-
class:
|
|
16
|
+
class: s(["uikit-inline-block", t.iconType, t.iconClass]),
|
|
17
17
|
alt: t.altAttribute || t.$attrs.alt,
|
|
18
|
-
style:
|
|
18
|
+
style: o(t.$attrs.style),
|
|
19
19
|
src: t.$attrs.src ? t.$attrs.src : "",
|
|
20
20
|
width: t.width,
|
|
21
21
|
height: t.height,
|
package/dist/BaseInput.js
CHANGED
|
@@ -1,126 +1,131 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import { useFloatingLabel as
|
|
4
|
-
import { _ as
|
|
5
|
-
import './assets/BaseInput.css';const
|
|
1
|
+
import { defineComponent as z, mergeModels as C, useModel as A, ref as m, watch as g, useAttrs as N, createElementBlock as r, openBlock as u, normalizeClass as v, unref as s, renderSlot as p, createElementVNode as h, createBlock as O, createCommentVNode as w, withKeys as j, withModifiers as y, Fragment as T, renderList as B } from "vue";
|
|
2
|
+
import D from "./BaseFloatingLabel.js";
|
|
3
|
+
import { useFloatingLabel as G } from "./useFloatingLabel.js";
|
|
4
|
+
import { _ as J } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
5
|
+
import './assets/BaseInput.css';const Q = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], W = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, X = ["innerHTML"], Y = ["innerHTML"], Z = ["innerHTML"], x = {
|
|
6
6
|
key: 1,
|
|
7
7
|
class: "under-label uikit-absolute uikit-text-12"
|
|
8
|
-
},
|
|
8
|
+
}, U = /* @__PURE__ */ z({
|
|
9
9
|
inheritAttrs: !1,
|
|
10
10
|
__name: "BaseInput",
|
|
11
|
-
props: /* @__PURE__ */
|
|
12
|
-
inputClass: {
|
|
11
|
+
props: /* @__PURE__ */ C({
|
|
12
|
+
inputClass: {},
|
|
13
13
|
labelText: { default: "" },
|
|
14
14
|
feedback: {},
|
|
15
15
|
isValid: { default: null },
|
|
16
16
|
keepFloatingLabel: { type: Boolean, default: !1 },
|
|
17
|
-
formatter: { default: null }
|
|
17
|
+
formatter: { default: null },
|
|
18
|
+
labelClasses: {},
|
|
19
|
+
fieldsetClasses: {},
|
|
20
|
+
labelTextClasses: {},
|
|
21
|
+
withLeftIcon: { type: Boolean, default: () => {
|
|
22
|
+
} },
|
|
23
|
+
withRightIcon: { type: Boolean, default: () => {
|
|
24
|
+
} },
|
|
25
|
+
dataCy: {}
|
|
18
26
|
}, {
|
|
19
27
|
modelValue: { default: "" },
|
|
20
28
|
modelModifiers: {}
|
|
21
29
|
}),
|
|
22
|
-
emits: /* @__PURE__ */
|
|
23
|
-
setup(
|
|
24
|
-
const
|
|
25
|
-
labelState:
|
|
26
|
-
handleFocusIn:
|
|
27
|
-
handleFocusOut:
|
|
28
|
-
setInlineLabel:
|
|
29
|
-
setFloatingLabel:
|
|
30
|
-
} =
|
|
31
|
-
|
|
32
|
-
},
|
|
33
|
-
if (!
|
|
34
|
-
return
|
|
35
|
-
const t = e.length ?
|
|
36
|
-
return i && (i.value = t),
|
|
37
|
-
},
|
|
38
|
-
if (i && (!
|
|
39
|
-
return
|
|
40
|
-
if (!i || !
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
I(
|
|
30
|
+
emits: /* @__PURE__ */ C(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
|
|
31
|
+
setup(l, { expose: M, emit: E }) {
|
|
32
|
+
const o = A(l, "modelValue"), a = m(""), k = E, {
|
|
33
|
+
labelState: d,
|
|
34
|
+
handleFocusIn: H,
|
|
35
|
+
handleFocusOut: $,
|
|
36
|
+
setInlineLabel: I,
|
|
37
|
+
setFloatingLabel: V
|
|
38
|
+
} = G(k), n = m("text"), f = m({}), b = m(null), R = () => {
|
|
39
|
+
l.feedback && (f.value = l.feedback, l.feedback.valid && typeof l.feedback.valid == "string" && (f.value.valid = [l.feedback.valid]), l.feedback.invalid && typeof l.feedback.invalid == "string" && (f.value.invalid = [l.feedback.invalid]));
|
|
40
|
+
}, L = (e, i) => {
|
|
41
|
+
if (!l.formatter || !l.formatter.formatFn)
|
|
42
|
+
return a.value = e, "";
|
|
43
|
+
const t = e.length ? l.formatter.formatFn(e) : e;
|
|
44
|
+
return i && (i.value = t), a.value = t, t;
|
|
45
|
+
}, F = (e, i = !0) => {
|
|
46
|
+
if (i && (!l.formatter || !l.formatter.unFormatFn))
|
|
47
|
+
return o.value = e, e;
|
|
48
|
+
if (!i || !l.formatter || !l.formatter.unFormatFn) return;
|
|
49
|
+
const t = l.formatter.unFormatFn(e);
|
|
50
|
+
return o.value = t ?? "", t;
|
|
51
|
+
}, P = ({ target: e }) => {
|
|
52
|
+
const i = e, t = F(i.value);
|
|
53
|
+
L(
|
|
47
54
|
`${t}`,
|
|
48
|
-
t ===
|
|
55
|
+
t === o.value ? i : void 0
|
|
49
56
|
);
|
|
50
|
-
},
|
|
51
|
-
|
|
52
|
-
},
|
|
57
|
+
}, q = () => {
|
|
58
|
+
o.value = "", I();
|
|
59
|
+
}, K = () => {
|
|
53
60
|
n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
|
|
54
61
|
};
|
|
55
|
-
|
|
56
|
-
() =>
|
|
62
|
+
g(
|
|
63
|
+
() => l.feedback,
|
|
57
64
|
() => {
|
|
58
|
-
|
|
65
|
+
R();
|
|
59
66
|
},
|
|
60
67
|
{
|
|
61
68
|
immediate: !0
|
|
62
69
|
}
|
|
63
|
-
),
|
|
64
|
-
|
|
70
|
+
), g(
|
|
71
|
+
o,
|
|
65
72
|
(e) => {
|
|
66
|
-
|
|
73
|
+
L(
|
|
67
74
|
`${e}`,
|
|
68
|
-
|
|
69
|
-
),
|
|
75
|
+
F(`${e}`, !1) === e ? b.value : void 0
|
|
76
|
+
), a.value != null && a.value.length > 0 && d.value !== "floating-label" ? V() : !a.value && document && document.activeElement !== b.value && I();
|
|
70
77
|
},
|
|
71
78
|
{
|
|
72
79
|
immediate: !0
|
|
73
80
|
}
|
|
74
|
-
),
|
|
75
|
-
() =>
|
|
81
|
+
), g(
|
|
82
|
+
() => l.keepFloatingLabel,
|
|
76
83
|
(e) => {
|
|
77
|
-
e ?
|
|
84
|
+
e ? V() : $(o.value);
|
|
78
85
|
}
|
|
79
86
|
);
|
|
80
|
-
const
|
|
81
|
-
return n.value =
|
|
87
|
+
const S = N();
|
|
88
|
+
return n.value = S.type || "text", M({
|
|
82
89
|
select: () => {
|
|
83
|
-
|
|
90
|
+
b.value?.select();
|
|
84
91
|
}
|
|
85
|
-
}), (e, i) => (
|
|
86
|
-
class:
|
|
92
|
+
}), (e, i) => (u(), r("div", {
|
|
93
|
+
class: v(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
|
|
87
94
|
e.$attrs.class,
|
|
88
95
|
{ "floating-label": e.labelText },
|
|
89
|
-
|
|
96
|
+
s(d) === "floating-label" ? "floating-state" : "inline-state",
|
|
90
97
|
{
|
|
91
|
-
"has-right-icon": e
|
|
98
|
+
"has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
|
|
92
99
|
},
|
|
93
100
|
{
|
|
94
|
-
"has-left-icon": e
|
|
101
|
+
"has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
|
|
95
102
|
},
|
|
96
103
|
{ "is-invalid": e.isValid === !1, "is-valid": e.isValid }
|
|
97
104
|
]])
|
|
98
105
|
}, [
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
handleClean:
|
|
102
|
-
handleShowPasswd:
|
|
106
|
+
p(e.$slots, "leftIcon", {}, void 0, !0),
|
|
107
|
+
p(e.$slots, "righticon", {
|
|
108
|
+
handleClean: q,
|
|
109
|
+
handleShowPasswd: K,
|
|
103
110
|
curType: n.value
|
|
104
111
|
}, void 0, !0),
|
|
105
|
-
|
|
112
|
+
h("input", {
|
|
106
113
|
id: e.$attrs.id,
|
|
107
114
|
ref_key: "baseInputEl",
|
|
108
|
-
ref:
|
|
109
|
-
"data-cy": e
|
|
115
|
+
ref: b,
|
|
116
|
+
"data-cy": e.dataCy,
|
|
110
117
|
name: e.$attrs.name,
|
|
111
|
-
class:
|
|
112
|
-
{ "uikit-text-w-secondary": e.$attrs.disabled },
|
|
118
|
+
class: v(["input-element uikit-peer uikit-relative uikit-ml-[1px] uikit-mt-[6px] uikit-box-border uikit-block uikit-h-[42px] uikit-w-[calc(100%-2px)] uikit-appearance-none uikit-truncate uikit-rounded-[11px] !uikit-border-none uikit-bg-white uikit-bg-no-repeat uikit-px-4 uikit-outline-0 focus:uikit-shadow-none focus:uikit-outline-none disabled:uikit-bg-w-cultured disabled:uikit-text-w-secondary", [
|
|
113
119
|
{
|
|
114
120
|
"is-invalid invalid-bg !uikit-pr-9": e.isValid === !1,
|
|
115
121
|
"is-valid valid-bg !uikit-pr-9": e.isValid
|
|
116
122
|
},
|
|
117
123
|
{
|
|
118
|
-
"uikit-pr-[42px]": e
|
|
124
|
+
"uikit-pr-[42px]": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
|
|
119
125
|
},
|
|
120
126
|
{
|
|
121
|
-
"uikit-pl-[42px]": e
|
|
127
|
+
"uikit-pl-[42px]": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
|
|
122
128
|
},
|
|
123
|
-
e.$attrs.disabled ? "uikit-bg-w-cultured" : "uikit-bg-white",
|
|
124
129
|
e.inputClass
|
|
125
130
|
]]),
|
|
126
131
|
autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
|
|
@@ -134,73 +139,74 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
|
|
|
134
139
|
maxlength: e.$attrs.maxlength,
|
|
135
140
|
inputmode: e.$attrs.inputmode,
|
|
136
141
|
placeholder: e.$attrs.placeholder,
|
|
142
|
+
value: a.value,
|
|
137
143
|
onClick: i[0] || (i[0] = (t) => k("click", t)),
|
|
138
|
-
onFocusin: i[1] || (i[1] =
|
|
139
|
-
onFocusout: i[2] || (i[2] =
|
|
140
|
-
onInput:
|
|
141
|
-
value: l.value,
|
|
144
|
+
onFocusin: i[1] || (i[1] = y(() => e.labelText && s(H)(), ["stop"])),
|
|
145
|
+
onFocusout: i[2] || (i[2] = y((t) => e.labelText && !e.keepFloatingLabel && s($)(a.value), ["stop"])),
|
|
146
|
+
onInput: y(P, ["stop"]),
|
|
142
147
|
onKeydown: [
|
|
143
|
-
i[3] || (i[3] =
|
|
148
|
+
i[3] || (i[3] = j(() => k("keydownEnterPressed"), ["enter"])),
|
|
144
149
|
i[4] || (i[4] = (t) => k("keydown", t))
|
|
145
150
|
],
|
|
146
151
|
onKeyup: i[5] || (i[5] = (t) => k("keyup", t))
|
|
147
|
-
}, null, 42,
|
|
148
|
-
|
|
149
|
-
class:
|
|
152
|
+
}, null, 42, Q),
|
|
153
|
+
h("fieldset", {
|
|
154
|
+
class: v(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
|
|
150
155
|
{
|
|
151
156
|
"is-invalid uikit-border-w-danger": e.isValid === !1,
|
|
152
157
|
"is-valid uikit-border-w-primary": e.isValid,
|
|
153
158
|
"uikit-border-w-secondary": e.isValid === null
|
|
154
159
|
},
|
|
155
160
|
{ "uikit-top-0": !e.labelText },
|
|
156
|
-
e
|
|
161
|
+
e.fieldsetClasses
|
|
157
162
|
]])
|
|
158
163
|
}, [
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
class:
|
|
164
|
+
h("legend", W, [
|
|
165
|
+
h("span", {
|
|
166
|
+
class: v(["visible-label uikit-opacity-0", [
|
|
162
167
|
{ "uikit-mx-5px": e.labelText },
|
|
163
168
|
{
|
|
164
|
-
"uikit-visible uikit-inline-block":
|
|
169
|
+
"uikit-visible uikit-inline-block": s(d) === "floating-label"
|
|
165
170
|
},
|
|
166
171
|
{
|
|
167
|
-
"uikit-invisible uikit-hidden":
|
|
172
|
+
"uikit-invisible uikit-hidden": s(d) === "inline-label"
|
|
168
173
|
}
|
|
169
174
|
]]),
|
|
170
175
|
innerHTML: e.labelText
|
|
171
|
-
}, null, 10,
|
|
176
|
+
}, null, 10, X)
|
|
172
177
|
])
|
|
173
178
|
], 2),
|
|
174
|
-
e.labelText ? (
|
|
179
|
+
e.labelText ? (u(), O(D, {
|
|
175
180
|
key: 0,
|
|
176
181
|
for: e.$attrs.id,
|
|
177
182
|
"label-text": e.labelText,
|
|
178
|
-
"label-state":
|
|
183
|
+
"label-state": s(d),
|
|
179
184
|
"is-valid": e.isValid,
|
|
180
185
|
required: e.$attrs.required,
|
|
181
186
|
disabled: e.$attrs.disabled,
|
|
182
187
|
"label-classes": [
|
|
183
|
-
|
|
184
|
-
e
|
|
185
|
-
]
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
188
|
+
s(d) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
|
|
189
|
+
e.labelClasses
|
|
190
|
+
],
|
|
191
|
+
"label-text-classes": e.labelTextClasses
|
|
192
|
+
}, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : w("", !0),
|
|
193
|
+
p(e.$slots, "feedback", {}, () => [
|
|
194
|
+
e.isValid === !1 ? (u(!0), r(T, { key: 0 }, B(f.value.invalid, (t, c) => (u(), r("div", {
|
|
195
|
+
key: `${e.$attrs.id}_invalid_${c}`,
|
|
190
196
|
class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
|
|
191
197
|
innerHTML: t
|
|
192
|
-
}, null, 8,
|
|
193
|
-
key: `${e.$attrs.id}_valid_${
|
|
198
|
+
}, null, 8, Y))), 128)) : e.isValid === !0 ? (u(!0), r(T, { key: 1 }, B(f.value.valid, (t, c) => (u(), r("div", {
|
|
199
|
+
key: `${e.$attrs.id}_valid_${c}`,
|
|
194
200
|
class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
|
|
195
201
|
innerHTML: t
|
|
196
|
-
}, null, 8,
|
|
202
|
+
}, null, 8, Z))), 128)) : w("", !0)
|
|
197
203
|
], !0),
|
|
198
|
-
e.$slots["under-label"] ? (
|
|
199
|
-
|
|
204
|
+
e.$slots["under-label"] ? (u(), r("div", x, [
|
|
205
|
+
p(e.$slots, "under-label", {}, void 0, !0)
|
|
200
206
|
])) : w("", !0)
|
|
201
207
|
], 2));
|
|
202
208
|
}
|
|
203
|
-
}),
|
|
209
|
+
}), ae = /* @__PURE__ */ J(U, [["__scopeId", "data-v-919095a8"]]);
|
|
204
210
|
export {
|
|
205
|
-
|
|
211
|
+
ae as default
|
|
206
212
|
};
|
package/dist/BaseModal.js
CHANGED
package/dist/BasePagination.js
CHANGED
package/dist/BasePaper.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as o,
|
|
1
|
+
import { defineComponent as o, createElementBlock as t, openBlock as r, renderSlot as s } from "vue";
|
|
2
2
|
import { _ as n } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
3
|
import './assets/BasePaper.css';const a = o({
|
|
4
4
|
name: "BasePaper"
|
|
5
5
|
}), c = { class: "base-paper" };
|
|
6
6
|
function p(e, _, d, f, i, m) {
|
|
7
|
-
return
|
|
7
|
+
return r(), t("div", c, [
|
|
8
8
|
s(e.$slots, "content", {}, void 0, !0)
|
|
9
9
|
]);
|
|
10
10
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as i,
|
|
1
|
+
import { defineComponent as i, createElementBlock as s, openBlock as r, normalizeClass as t, createElementVNode as a, renderSlot as l } from "vue";
|
|
2
2
|
import { _ as o } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
3
|
import './assets/BaseShimmerLoader.css';const m = /* @__PURE__ */ i({
|
|
4
4
|
inheritAttrs: !1,
|
|
@@ -7,7 +7,7 @@ import './assets/BaseShimmerLoader.css';const m = /* @__PURE__ */ i({
|
|
|
7
7
|
shimmerClasses: { default: "" }
|
|
8
8
|
},
|
|
9
9
|
setup(u) {
|
|
10
|
-
return (e, n) => (
|
|
10
|
+
return (e, n) => (r(), s("div", {
|
|
11
11
|
class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class])
|
|
12
12
|
}, [
|
|
13
13
|
a("div", {
|