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