@wikicasa-dev/components 1.2.30 → 1.2.32
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 -10
- 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/BaseTooltip.js
CHANGED
|
@@ -1 +1,54 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/BaseTooltip.css';
|
|
2
|
+
import { defineComponent as a, openBlock as o, createElementBlock as s, normalizeClass as t, renderSlot as r, createElementVNode as l, createCommentVNode as i } from "vue";
|
|
3
|
+
import { _ as n } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
4
|
+
const p = a({
|
|
5
|
+
name: "BaseTooltip",
|
|
6
|
+
inheritAttrs: !1,
|
|
7
|
+
props: {
|
|
8
|
+
theme: {
|
|
9
|
+
type: Object,
|
|
10
|
+
default() {
|
|
11
|
+
return {
|
|
12
|
+
color: "blue",
|
|
13
|
+
size: "sm"
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
direction: {
|
|
18
|
+
type: String,
|
|
19
|
+
default: "top"
|
|
20
|
+
},
|
|
21
|
+
customTooltipClass: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: ""
|
|
24
|
+
},
|
|
25
|
+
showTooltipContentManually: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: !0
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
function d(e, c, m, u, f, h) {
|
|
32
|
+
return o(), s("div", {
|
|
33
|
+
class: t(["base-tooltip", e.$attrs.class])
|
|
34
|
+
}, [
|
|
35
|
+
r(e.$slots, "trigger", {}, void 0, !0),
|
|
36
|
+
l("div", {
|
|
37
|
+
class: t(["bg-transparent", [
|
|
38
|
+
e.theme.size,
|
|
39
|
+
`${e.customTooltipClass ? e.customTooltipClass : "tooltip-content-wrapper"}`
|
|
40
|
+
]])
|
|
41
|
+
}, [
|
|
42
|
+
e.showTooltipContentManually ? (o(), s("div", {
|
|
43
|
+
key: 0,
|
|
44
|
+
class: t(["tooltip-content uikit-shadow-lg uikit-shadow-w-primary/10", ["base-tooltip-arrow", e.direction, e.theme.color, e.theme.size]])
|
|
45
|
+
}, [
|
|
46
|
+
r(e.$slots, "content", {}, void 0, !0)
|
|
47
|
+
], 2)) : i("", !0)
|
|
48
|
+
], 2)
|
|
49
|
+
], 2);
|
|
50
|
+
}
|
|
51
|
+
const $ = /* @__PURE__ */ n(p, [["render", d], ["__scopeId", "data-v-5d6f1c73"]]);
|
|
52
|
+
export {
|
|
53
|
+
$ as default
|
|
54
|
+
};
|
package/dist/BaseUploadFile.js
CHANGED
|
@@ -1 +1,70 @@
|
|
|
1
|
-
|
|
1
|
+
import s from "./BaseFloatingLabel.js";
|
|
2
|
+
import { defineComponent as u, resolveComponent as r, openBlock as l, createElementBlock as d, normalizeClass as a, createElementVNode as t, createBlock as p, createCommentVNode as k, renderSlot as c } from "vue";
|
|
3
|
+
import { _ as f } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
4
|
+
const m = u({
|
|
5
|
+
name: "BaseUploadFile",
|
|
6
|
+
components: {
|
|
7
|
+
BaseFloatingLabel: s
|
|
8
|
+
},
|
|
9
|
+
inheritAttrs: !1,
|
|
10
|
+
props: {
|
|
11
|
+
withMargin: { type: Boolean, default: !0 },
|
|
12
|
+
labelText: { type: String, default: "" },
|
|
13
|
+
clear: { type: Boolean, default: !1 }
|
|
14
|
+
},
|
|
15
|
+
emits: ["cleared", "uploaded"],
|
|
16
|
+
data() {
|
|
17
|
+
return {
|
|
18
|
+
filename: ""
|
|
19
|
+
};
|
|
20
|
+
},
|
|
21
|
+
watch: {
|
|
22
|
+
clear(e) {
|
|
23
|
+
e && (this.filename = "", this.$emit("cleared"));
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
methods: {
|
|
27
|
+
handleInput({ target: e }) {
|
|
28
|
+
if (!e)
|
|
29
|
+
return;
|
|
30
|
+
const i = e.files;
|
|
31
|
+
i?.length && (this.filename = i[0].name, this.$emit("uploaded", i[0]));
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}), h = { class: "uikit-pointer-events-none uikit-absolute -uikit-top-5px uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-[47px] uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-dashed uikit-border-w-secondary uikit-px-2 uikit-py-0 uikit-text-start" }, b = { class: "uikit-invisible uikit-float-none 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" }, w = ["innerHTML"], $ = { class: "upload-file-input uikit-flex uikit-h-[42px] uikit-w-full uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-xs uikit-bg-w-lavender uikit-text-sm" }, g = ["id", "multiple", "accept"];
|
|
35
|
+
function B(e, i, v, x, y, F) {
|
|
36
|
+
const n = r("BaseFloatingLabel");
|
|
37
|
+
return l(), d("div", {
|
|
38
|
+
class: a(["base-upload-file-wrapper uikit-relative", [{ "mt-10": e.withMargin }, e.$attrs.class]])
|
|
39
|
+
}, [
|
|
40
|
+
t("fieldset", h, [
|
|
41
|
+
t("legend", b, [
|
|
42
|
+
t("span", {
|
|
43
|
+
class: "uikit-visible uikit-inline-block uikit-px-5px uikit-opacity-0",
|
|
44
|
+
innerHTML: e.labelText
|
|
45
|
+
}, null, 8, w)
|
|
46
|
+
])
|
|
47
|
+
]),
|
|
48
|
+
e.labelText ? (l(), p(n, {
|
|
49
|
+
key: 0,
|
|
50
|
+
class: a(e.$attrs["floating-label-classes"]),
|
|
51
|
+
"label-text": e.labelText,
|
|
52
|
+
"label-state": "floating-label"
|
|
53
|
+
}, null, 8, ["class", "label-text"])) : k("", !0),
|
|
54
|
+
t("label", $, [
|
|
55
|
+
t("input", {
|
|
56
|
+
id: e.$attrs.id,
|
|
57
|
+
multiple: e.$attrs.multiple,
|
|
58
|
+
type: "file",
|
|
59
|
+
class: "uikit-hidden",
|
|
60
|
+
accept: e.$attrs.accept,
|
|
61
|
+
onInput: i[0] || (i[0] = (...o) => e.handleInput && e.handleInput(...o))
|
|
62
|
+
}, null, 40, g),
|
|
63
|
+
c(e.$slots, "label", { filename: e.filename })
|
|
64
|
+
])
|
|
65
|
+
], 2);
|
|
66
|
+
}
|
|
67
|
+
const C = /* @__PURE__ */ f(m, [["render", B]]);
|
|
68
|
+
export {
|
|
69
|
+
C as default
|
|
70
|
+
};
|
package/dist/CheckboxBtn.js
CHANGED
|
@@ -1 +1,75 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/CheckboxBtn.css';
|
|
2
|
+
import { defineComponent as f, openBlock as o, createElementBlock as r, normalizeClass as a, withModifiers as d, createElementVNode as n, renderSlot as b, toDisplayString as m, createCommentVNode as h } from "vue";
|
|
3
|
+
import { _ as g } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
4
|
+
const C = ["id"], V = ["id", "data-cy", "checked", "disabled"], y = ["for"], v = /* @__PURE__ */ f({
|
|
5
|
+
__name: "CheckboxBtn",
|
|
6
|
+
props: {
|
|
7
|
+
id: {},
|
|
8
|
+
inputClass: { default: "" },
|
|
9
|
+
inline: { type: Boolean, default: !1 },
|
|
10
|
+
label: { default: "" },
|
|
11
|
+
labelClass: { default: "" },
|
|
12
|
+
isValid: { default: null },
|
|
13
|
+
modelValue: { type: Boolean, default: !1 },
|
|
14
|
+
containerId: { default: "" },
|
|
15
|
+
containerClass: { default: "" },
|
|
16
|
+
handleLabelClick: { type: Boolean, default: !0 }
|
|
17
|
+
},
|
|
18
|
+
emits: ["click", "change", "update:modelValue"],
|
|
19
|
+
setup(s, { emit: u }) {
|
|
20
|
+
const i = s, t = u, k = () => {
|
|
21
|
+
t("change", {
|
|
22
|
+
id: i.id,
|
|
23
|
+
label: i.label,
|
|
24
|
+
checked: !i.modelValue
|
|
25
|
+
}), t("update:modelValue", !i.modelValue);
|
|
26
|
+
}, c = () => {
|
|
27
|
+
t("click"), i.handleLabelClick && (t("change", {
|
|
28
|
+
id: i.id,
|
|
29
|
+
label: i.label,
|
|
30
|
+
checked: !i.modelValue
|
|
31
|
+
}), t("update:modelValue", !i.modelValue));
|
|
32
|
+
};
|
|
33
|
+
return (e, l) => (o(), r("div", {
|
|
34
|
+
id: e.containerId,
|
|
35
|
+
class: a(["uikit-group uikit-relative uikit-block uikit-pl-25px hover:uikit-cursor-pointer", [
|
|
36
|
+
{ "uikit-mr-4 uikit-inline-flex uikit-items-center": e.inline },
|
|
37
|
+
{ "uikit-py-10px": !e.inline && !e.$attrs["wrapper-margin-y"] },
|
|
38
|
+
e.$attrs["wrapper-margin-y"],
|
|
39
|
+
e.containerClass
|
|
40
|
+
]]),
|
|
41
|
+
onClick: d(c, ["stop", "prevent"])
|
|
42
|
+
}, [
|
|
43
|
+
n("input", {
|
|
44
|
+
id: `${e.id}`,
|
|
45
|
+
ref: "checkbox",
|
|
46
|
+
"data-cy": e.$attrs["data-cy"],
|
|
47
|
+
class: a(["uikit-absolute uikit-left-0 uikit-h-4 uikit-w-4 uikit-appearance-none uikit-rounded-3xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white checked:uikit-bg-center checked:uikit-bg-no-repeat group-hover:uikit-cursor-pointer", [
|
|
48
|
+
{ "!uikit-border-w-danger": e.isValid === !1 },
|
|
49
|
+
e.inputClass,
|
|
50
|
+
e.isValid === !1 ? "checked-bg-invalid" : "checked-bg"
|
|
51
|
+
]]),
|
|
52
|
+
type: "checkbox",
|
|
53
|
+
checked: e.$attrs.checked || e.modelValue,
|
|
54
|
+
disabled: e.$attrs.disabled,
|
|
55
|
+
onChange: l[0] || (l[0] = d((p) => k(), ["stop", "prevent"])),
|
|
56
|
+
onClick: l[1] || (l[1] = d((p) => t("click"), ["stop"]))
|
|
57
|
+
}, null, 42, V),
|
|
58
|
+
b(e.$slots, "label", {}, () => [
|
|
59
|
+
n("label", {
|
|
60
|
+
class: a(["uikit-pl-10px uikit-text-sm group-hover:uikit-cursor-pointer", [e.labelClass, { "uikit-text-w-danger": e.isValid === !1 }]]),
|
|
61
|
+
for: `${e.id}`
|
|
62
|
+
}, m(e.label), 11, y),
|
|
63
|
+
e.$attrs.required ? (o(), r("span", {
|
|
64
|
+
key: 0,
|
|
65
|
+
class: a(["required after:uikit-content-['*']", [
|
|
66
|
+
e.isValid !== !1 ? "after:uikit-text-w-primary" : "after:uikit-text-w-danger"
|
|
67
|
+
]])
|
|
68
|
+
}, null, 2)) : h("", !0)
|
|
69
|
+
], !0)
|
|
70
|
+
], 10, C));
|
|
71
|
+
}
|
|
72
|
+
}), B = /* @__PURE__ */ g(v, [["__scopeId", "data-v-d7455d95"]]);
|
|
73
|
+
export {
|
|
74
|
+
B as default
|
|
75
|
+
};
|
package/dist/CheckboxGroup.js
CHANGED
|
@@ -1 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { _ as f } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
|
|
2
|
+
export {
|
|
3
|
+
f as default
|
|
4
|
+
};
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { _ as f } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.Bo-O96cp.js";
|
|
2
|
+
export {
|
|
3
|
+
f as default
|
|
4
|
+
};
|
package/dist/RadioButton.js
CHANGED
|
@@ -1 +1,59 @@
|
|
|
1
|
-
|
|
1
|
+
import { defineComponent as r, openBlock as a, createElementBlock as l, normalizeClass as n, withModifiers as o, createElementVNode as s, createTextVNode as d, toDisplayString as u } from "vue";
|
|
2
|
+
import { _ as k } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
|
+
const h = r({
|
|
4
|
+
name: "RadioButton",
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
props: {
|
|
7
|
+
label: { type: [String, Boolean], required: !0 },
|
|
8
|
+
isChecked: { type: Boolean }
|
|
9
|
+
},
|
|
10
|
+
emits: ["change"],
|
|
11
|
+
methods: {
|
|
12
|
+
emitChange() {
|
|
13
|
+
this.$emit("change", {
|
|
14
|
+
id: this.$attrs.id,
|
|
15
|
+
label: this.label,
|
|
16
|
+
name: this.$attrs.name
|
|
17
|
+
});
|
|
18
|
+
},
|
|
19
|
+
handleClick() {
|
|
20
|
+
const i = this.$refs.checkbox;
|
|
21
|
+
i.checked = !i.checked, this.emitChange();
|
|
22
|
+
},
|
|
23
|
+
handleOnInput() {
|
|
24
|
+
this.emitChange();
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}), c = ["id", "value", "name", "checked"], m = ["for"];
|
|
28
|
+
function p(i, e, b, f, C, $) {
|
|
29
|
+
return a(), l("div", {
|
|
30
|
+
class: n([i.$attrs.class, "uikit-mb-4 uikit-mr-4 uikit-inline-block"]),
|
|
31
|
+
onClick: e[1] || (e[1] = o((...t) => i.handleClick && i.handleClick(...t), ["stop"]))
|
|
32
|
+
}, [
|
|
33
|
+
s("input", {
|
|
34
|
+
id: i.$attrs.id,
|
|
35
|
+
ref: "checkbox",
|
|
36
|
+
type: "radio",
|
|
37
|
+
class: "uikit-hidden",
|
|
38
|
+
value: i.label,
|
|
39
|
+
name: i.$attrs.name,
|
|
40
|
+
checked: i.isChecked,
|
|
41
|
+
onChange: e[0] || (e[0] = o((...t) => i.handleOnInput && i.handleOnInput(...t), ["stop"]))
|
|
42
|
+
}, null, 40, c),
|
|
43
|
+
s("label", {
|
|
44
|
+
class: n([i.$attrs["label-classes"], "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
|
|
45
|
+
for: i.$attrs.id
|
|
46
|
+
}, [
|
|
47
|
+
s("span", {
|
|
48
|
+
class: n(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200", {
|
|
49
|
+
"uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": i.isChecked
|
|
50
|
+
}])
|
|
51
|
+
}, null, 2),
|
|
52
|
+
d(" " + u(i.label), 1)
|
|
53
|
+
], 10, m)
|
|
54
|
+
], 2);
|
|
55
|
+
}
|
|
56
|
+
const y = /* @__PURE__ */ k(h, [["render", p]]);
|
|
57
|
+
export {
|
|
58
|
+
y as default
|
|
59
|
+
};
|
package/dist/RadioGroup.js
CHANGED
|
@@ -1 +1,66 @@
|
|
|
1
|
-
|
|
1
|
+
import n from "./RadioButton.js";
|
|
2
|
+
import { defineComponent as o, resolveComponent as r, openBlock as a, createElementBlock as l, normalizeClass as d, renderSlot as u, Fragment as c, renderList as h, createBlock as p } from "vue";
|
|
3
|
+
import { _ as m } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
4
|
+
const f = o({
|
|
5
|
+
name: "RadioGroup",
|
|
6
|
+
components: { RadioButton: n },
|
|
7
|
+
inheritAttrs: !1,
|
|
8
|
+
props: {
|
|
9
|
+
initialValue: { type: Object },
|
|
10
|
+
radioValues: {
|
|
11
|
+
type: Array
|
|
12
|
+
},
|
|
13
|
+
resetRadio: { type: Boolean, default: !1 }
|
|
14
|
+
},
|
|
15
|
+
emits: ["resetted", "update:modelValue"],
|
|
16
|
+
data() {
|
|
17
|
+
return {
|
|
18
|
+
selectedValue: null
|
|
19
|
+
};
|
|
20
|
+
},
|
|
21
|
+
watch: {
|
|
22
|
+
resetRadio(e) {
|
|
23
|
+
e && (this.reset(), this.$emit("resetted"));
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
created() {
|
|
27
|
+
this.initialValue && this.handleChange(this.initialValue);
|
|
28
|
+
},
|
|
29
|
+
methods: {
|
|
30
|
+
handleChange(e) {
|
|
31
|
+
this.selectedValue = e, this.$emit("update:modelValue", e);
|
|
32
|
+
},
|
|
33
|
+
reset() {
|
|
34
|
+
this.selectedValue = null;
|
|
35
|
+
},
|
|
36
|
+
isActive(e) {
|
|
37
|
+
return this.selectedValue ? this.selectedValue.id === e.id : !1;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}), V = ["data-cy"];
|
|
41
|
+
function C(e, $, b, g, y, k) {
|
|
42
|
+
const s = r("radio-button");
|
|
43
|
+
return a(), l("div", {
|
|
44
|
+
class: d(["radio-group-container", e.$attrs.class || ""]),
|
|
45
|
+
"data-cy": e.$attrs["data-cy"] || ""
|
|
46
|
+
}, [
|
|
47
|
+
u(e.$slots, "radio_element", {
|
|
48
|
+
handleClick: e.handleChange,
|
|
49
|
+
activeValue: e.selectedValue,
|
|
50
|
+
reset: e.reset,
|
|
51
|
+
isActive: e.isActive
|
|
52
|
+
}, () => [
|
|
53
|
+
(a(!0), l(c, null, h(e.radioValues, (t, i) => (a(), p(s, {
|
|
54
|
+
id: t.id,
|
|
55
|
+
key: i,
|
|
56
|
+
label: `${t.label}`,
|
|
57
|
+
"is-checked": t.label === e.selectedValue?.label,
|
|
58
|
+
onChange: e.handleChange
|
|
59
|
+
}, null, 8, ["id", "label", "is-checked", "onChange"]))), 128))
|
|
60
|
+
])
|
|
61
|
+
], 10, V);
|
|
62
|
+
}
|
|
63
|
+
const R = /* @__PURE__ */ m(f, [["render", C]]);
|
|
64
|
+
export {
|
|
65
|
+
R as default
|
|
66
|
+
};
|
package/dist/SelectItem.js
CHANGED
package/dist/StaticSpinner.js
CHANGED
|
@@ -1 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/StaticSpinner.css';
|
|
2
|
+
import { defineComponent as o, openBlock as e, createElementBlock as i, normalizeClass as s, createElementVNode as c } from "vue";
|
|
3
|
+
import { _ as n } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
4
|
+
const r = {
|
|
5
|
+
viewBox: "0 0 128 128",
|
|
6
|
+
class: "icon-spin uikit-h-6 uikit-w-6"
|
|
7
|
+
}, a = ["stroke-width"], l = /* @__PURE__ */ o({
|
|
8
|
+
__name: "StaticSpinner",
|
|
9
|
+
props: {
|
|
10
|
+
thickness: { default: 9 },
|
|
11
|
+
color: { default: "uikit-stroke-white" }
|
|
12
|
+
},
|
|
13
|
+
setup(p) {
|
|
14
|
+
return (t, u) => (e(), i("div", {
|
|
15
|
+
class: s(["uikit-m-auto uikit-flex uikit-items-center uikit-justify-center", t.color])
|
|
16
|
+
}, [
|
|
17
|
+
(e(), i("svg", r, [
|
|
18
|
+
c("circle", {
|
|
19
|
+
class: "path",
|
|
20
|
+
cx: "64",
|
|
21
|
+
cy: "64",
|
|
22
|
+
r: "42",
|
|
23
|
+
fill: "none",
|
|
24
|
+
"stroke-width": t.thickness
|
|
25
|
+
}, null, 8, a)
|
|
26
|
+
]))
|
|
27
|
+
], 2));
|
|
28
|
+
}
|
|
29
|
+
}), d = /* @__PURE__ */ n(l, [["__scopeId", "data-v-bc650113"]]);
|
|
30
|
+
export {
|
|
31
|
+
d as default
|
|
32
|
+
};
|
package/dist/SwiperCarousel.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -1 +1,67 @@
|
|
|
1
|
-
|
|
1
|
+
import './assets/index.css';
|
|
2
|
+
import { _ as a } from "./chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.CoE2D2rV.js";
|
|
3
|
+
import { _ as t } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DBI-gxoJ.js";
|
|
4
|
+
import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js";
|
|
5
|
+
import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Dlyi71Ul.js";
|
|
6
|
+
import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
|
|
7
|
+
import { default as d } from "./CheckboxBtn.js";
|
|
8
|
+
import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C5jcwwv6.js";
|
|
9
|
+
import { default as i } from "./RadioButton.js";
|
|
10
|
+
import { default as b } from "./RadioGroup.js";
|
|
11
|
+
import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BYoss5rN.js";
|
|
12
|
+
import { _ as C } from "./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js";
|
|
13
|
+
import { _ as S } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.BoWyUvIn.js";
|
|
14
|
+
import { _ as h } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
|
|
15
|
+
import { _ as w } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.DZLJGoNO.js";
|
|
16
|
+
import { default as F } from "./BaseCard.js";
|
|
17
|
+
import { default as O } from "./BaseComplexToggle.js";
|
|
18
|
+
import { _ as R } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.dYLwFJCe.js";
|
|
19
|
+
import { default as N } from "./BaseFloatingLabel.js";
|
|
20
|
+
import { default as j } from "./BaseIcon.js";
|
|
21
|
+
import { default as y } from "./BaseInput.js";
|
|
22
|
+
import { default as E } from "./BaseNavItem.js";
|
|
23
|
+
import { default as J } from "./BasePagination.js";
|
|
24
|
+
import { default as M } from "./BasePaper.js";
|
|
25
|
+
import { default as V } from "./BaseSlider.js";
|
|
26
|
+
import { default as X } from "./BaseTab.js";
|
|
27
|
+
import { default as Z } from "./BaseTextarea.js";
|
|
28
|
+
import { default as ee } from "./BaseToggle.js";
|
|
29
|
+
import { default as ae } from "./BaseTooltip.js";
|
|
30
|
+
import { default as te } from "./BaseUploadFile.js";
|
|
31
|
+
import { _ as fe } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
|
|
32
|
+
import { _ as me } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.Bo-O96cp.js";
|
|
33
|
+
import { _ as le } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.CbGACfP1.js";
|
|
34
|
+
export {
|
|
35
|
+
A as AccessibleSelect,
|
|
36
|
+
a as BaseAccordion,
|
|
37
|
+
t as BaseAccordionBtn,
|
|
38
|
+
f as BaseAccordionContent,
|
|
39
|
+
m as BaseAccordionItem,
|
|
40
|
+
C as BaseAlert,
|
|
41
|
+
S as BaseAutocomplete,
|
|
42
|
+
h as BaseBadge,
|
|
43
|
+
w as BaseButton,
|
|
44
|
+
F as BaseCard,
|
|
45
|
+
O as BaseComplexToggle,
|
|
46
|
+
R as BaseDropDown,
|
|
47
|
+
N as BaseFloatingLabel,
|
|
48
|
+
j as BaseIcon,
|
|
49
|
+
y as BaseInput,
|
|
50
|
+
E as BaseNavItem,
|
|
51
|
+
J as BasePagination,
|
|
52
|
+
M as BasePaper,
|
|
53
|
+
V as BaseSlider,
|
|
54
|
+
X as BaseTab,
|
|
55
|
+
Z as BaseTextarea,
|
|
56
|
+
ee as BaseToggle,
|
|
57
|
+
ae as BaseTooltip,
|
|
58
|
+
te as BaseUploadFile,
|
|
59
|
+
d as CheckboxBtn,
|
|
60
|
+
n as CheckboxGroup,
|
|
61
|
+
fe as IntersectionObservable,
|
|
62
|
+
me as IntersectionObserver,
|
|
63
|
+
i as RadioButton,
|
|
64
|
+
b as RadioGroup,
|
|
65
|
+
l as SelectItem,
|
|
66
|
+
le as SwiperCarousel
|
|
67
|
+
};
|
package/dist/useBreakpoints.js
CHANGED
|
@@ -1 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
import { reactive as s, onBeforeMount as o, onUnmounted as t, toRefs as r } from "vue";
|
|
2
|
+
var i = /* @__PURE__ */ ((e) => (e[e.SMALL = 576] = "SMALL", e[e.MEDIUM = 768] = "MEDIUM", e[e.LARGE = 992] = "LARGE", e[e.EXTRA_LARGE = 1200] = "EXTRA_LARGE", e))(i || {});
|
|
3
|
+
function d() {
|
|
4
|
+
const e = s({
|
|
5
|
+
isDesktopMode: !1,
|
|
6
|
+
isSmall: !1,
|
|
7
|
+
isLarge: !1,
|
|
8
|
+
isMedium: !1,
|
|
9
|
+
isExtraLarge: !1
|
|
10
|
+
}), n = () => {
|
|
11
|
+
e.isDesktopMode = window.innerWidth > i.SMALL, e.isSmall = window.innerWidth <= i.SMALL, e.isMedium = window.innerWidth > i.SMALL, e.isLarge = window.innerWidth > i.MEDIUM, e.isExtraLarge = window.innerWidth > i.LARGE;
|
|
12
|
+
};
|
|
13
|
+
return o(() => {
|
|
14
|
+
n(), window.addEventListener("resize", n);
|
|
15
|
+
}), t(() => {
|
|
16
|
+
window.removeEventListener("resize", n);
|
|
17
|
+
}), r(e);
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
d as useBreakpoints
|
|
21
|
+
};
|
package/dist/useFloatingLabel.js
CHANGED
|
@@ -1 +1,33 @@
|
|
|
1
|
-
|
|
1
|
+
import { ref as b } from "vue";
|
|
2
|
+
function r(n) {
|
|
3
|
+
const e = b("inline-label");
|
|
4
|
+
function i(l) {
|
|
5
|
+
l != null && `${l}`.length > 0 && (e.value = "floating-label");
|
|
6
|
+
}
|
|
7
|
+
const o = (l = !0) => {
|
|
8
|
+
e.value !== "floating-label" && l && (e.value = "floating-label"), n("focusin");
|
|
9
|
+
};
|
|
10
|
+
function u(l, f = !1, s = !0) {
|
|
11
|
+
if (l != null && `${l}`.trim().length > 0 || !f && !s) {
|
|
12
|
+
a(), n("focusout");
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
t();
|
|
16
|
+
}
|
|
17
|
+
const t = () => {
|
|
18
|
+
e.value = "inline-label";
|
|
19
|
+
}, a = () => {
|
|
20
|
+
e.value = "floating-label";
|
|
21
|
+
};
|
|
22
|
+
return {
|
|
23
|
+
labelState: e,
|
|
24
|
+
setInitialLabelState: i,
|
|
25
|
+
handleFocusIn: o,
|
|
26
|
+
handleFocusOut: u,
|
|
27
|
+
setInlineLabel: t,
|
|
28
|
+
setFloatingLabel: a
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
export {
|
|
32
|
+
r as useFloatingLabel
|
|
33
|
+
};
|
|
@@ -1 +1,41 @@
|
|
|
1
|
-
|
|
1
|
+
import { ref as k, onMounted as p, onUnmounted as K, unref as m } from "vue";
|
|
2
|
+
const Y = (l) => {
|
|
3
|
+
const { isDropdownOpen: o, disableSpaceHandler: _ } = l, n = k(-1), t = k(-1), u = (e) => {
|
|
4
|
+
const r = "ArrowUp", c = "ArrowDown", E = "Enter", d = "Escape", s = " ", v = "PageUp", i = "Home", y = "PageDown", f = "End";
|
|
5
|
+
if (!o.value || ![
|
|
6
|
+
r,
|
|
7
|
+
c,
|
|
8
|
+
E,
|
|
9
|
+
d,
|
|
10
|
+
s,
|
|
11
|
+
v,
|
|
12
|
+
i,
|
|
13
|
+
y,
|
|
14
|
+
f
|
|
15
|
+
].includes(e.key))
|
|
16
|
+
return;
|
|
17
|
+
const a = m(l.optionsLength);
|
|
18
|
+
if (e.key === r)
|
|
19
|
+
n.value = n.value === 0 ? a - 1 : n.value - 1;
|
|
20
|
+
else if (e.key === c)
|
|
21
|
+
n.value = (n.value + 1) % a;
|
|
22
|
+
else if (e.key === E || e.key === s) {
|
|
23
|
+
if (e.key === s && _)
|
|
24
|
+
return;
|
|
25
|
+
t.value = n.value, o.value = !1;
|
|
26
|
+
} else
|
|
27
|
+
e.key === d ? (n.value = t.value, o.value = !1) : e.key === v || e.key === i ? n.value = 0 : (e.key === y || e.key === f) && (n.value = a - 1);
|
|
28
|
+
e.stopPropagation(), e.preventDefault();
|
|
29
|
+
};
|
|
30
|
+
return p(() => {
|
|
31
|
+
document && document.addEventListener("keydown", u);
|
|
32
|
+
}), K(() => {
|
|
33
|
+
document && document.removeEventListener("keydown", u);
|
|
34
|
+
}), {
|
|
35
|
+
activeIdx: n,
|
|
36
|
+
selectedIdx: t
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export {
|
|
40
|
+
Y as useKeyboardController
|
|
41
|
+
};
|
package/package.json
CHANGED
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wikicasa-dev/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.32",
|
|
4
4
|
"description": "Wikicasa frontend components",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"main": "./dist/index.
|
|
7
|
-
"
|
|
8
|
-
"exports": {
|
|
9
|
-
".": {
|
|
10
|
-
"types": "./dist/lib/index.d.ts",
|
|
11
|
-
"import": "./dist/index.js",
|
|
12
|
-
"require": "./dist/index.cjs"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"types": "./dist/lib/index.d.ts",
|
|
15
8
|
"files": [
|
|
16
9
|
"dist"
|
|
17
10
|
],
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),h=require("../useKeyboardController.js"),v=require("./ArrowIcon.BkjChBnb.js"),w=require("./DefaultValues.S0CTWW-b.js"),V=(l,{attrs:n})=>{l={...w.getDefaultSvgPropsValues(),...l};const{width:a,height:t}=l;return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 11.175 13.409",width:`${a}`,height:`${t}`,class:l.class??"","aria-hidden":n["aria-hidden"]??"true",fill:"none",stroke:n["stroke-color"]??"#FA4F64"},[e.h("circle",{cx:6,cy:6,r:4.5}),e.h("path",{"stroke-linejoin":"round",d:"M5.8 3.6h.4L6 6.5z"}),e.h("circle",{cx:6,cy:8.2,r:.6,fill:n["stroke-color"]??"#FA4F64",stroke:"none"})])},$=["id","innerHTML"],y=["id","data-cy","aria-required","aria-controls","aria-labelledby","aria-expanded","aria-activedescendant","aria-invalid","aria-describedby"],g=["innerHTML"],C={class:"uikit-inline-flex"},B=["innerHTML"],E=["data-cy"],M=["id","aria-selected","onClick","onMouseover"],L={class:"uikit-inline-block uikit-cursor-pointer uikit-text-sm"},N=["name","checked","onInput"],z=["innerHTML"],H=["id","arial-live","innerHTML"],T=["id","arial-live","innerHTML"],F=e.defineComponent({inheritAttrs:!1,__name:"AccessibleSelect",props:{label:{default:""},dropdownPosition:{default:"bottom"},namespace:{},options:{},modelValue:{default:()=>({id:"",label:""})},isValid:{type:[Boolean,null],default:null},feedback:{}},emits:["update:modelValue"],setup(l,{emit:n}){const a=l,t=e.ref(!1),m=e.ref(null),p=e.computed(()=>!!a.modelValue.label),b=n,{activeIdx:s,selectedIdx:f}=h.useKeyboardController({optionsLength:a.options.length,isDropdownOpen:t}),d=i=>{t.value=!1,b("update:modelValue",i)};e.watch(f,i=>{d(a.options[i]),t.value=!1});const k=()=>{t.value=!1};return e.onMounted(()=>{document&&document.addEventListener("click",k)}),e.onUnmounted(()=>{document&&document.removeEventListener("click",k)}),(i,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["uikit-relative uikit-flex uikit-items-center",[i.label?"uikit-h-[52px]":"uikit-h-[42px]",i.$attrs.class]])},[i.label?(e.openBlock(),e.createElementBlock("label",{key:0,id:`${i.namespace}_label`,class:e.normalizeClass(["uikit-absolute uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out",[p.value?"as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black":"as-inline uikit-left-4 uikit-top-4 uikit-text-w-gray",i.$attrs["label-classes"]]]),innerHTML:i.label},null,10,$)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"lefticon"),e.createElementVNode("button",{id:`${i.namespace}_btn`,ref_key:"btnEl",ref:m,type:"button","data-cy":i.$attrs["data-cy"],class:e.normalizeClass(["uikit-peer uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-white uikit-px-4 uikit-text-left focus-visible:uikit-outline-0",i.$attrs["btn-classes"]]),"aria-required":!!i.$attrs.required,role:"combobox","aria-haspopup":"listbox","aria-controls":`${i.namespace}_dropdown`,"aria-labelledby":`${i.namespace}_label ${i.namespace}_btn`,"aria-expanded":t.value,"aria-activedescendant":e.unref(s)>=0&&t.value?`${i.namespace}_element_${i.options[e.unref(s)].label}`:"","aria-invalid":a.isValid===!1,"aria-describedby":a.isValid===!1?`${i.namespace}_invalid_msg`:void 0,onClick:r[0]||(r[0]=e.withModifiers(o=>t.value=!t.value,["stop"]))},[e.createElementVNode("span",{class:e.normalizeClass(i.$attrs["btn-text-classes"]),innerHTML:i.modelValue.visibleLabel||i.modelValue.label},null,10,g),e.createElementVNode("span",C,[a.isValid==!1?(e.openBlock(),e.createBlock(e.unref(V),{key:0,class:"uikit-mr-1",width:20,height:20})):e.createCommentVNode("",!0),e.createVNode(e.unref(v.ArrowIcon),{class:e.normalizeClass(["uikit-transition-transform motion-reduce:uikit-transition-none",t.value&&"uikit-rotate-180"]),width:18,height:18,"stroke-color":i.isValid?"#2B5DFF":i.isValid===!1?"#FA4F64":"#222"},null,8,["class","stroke-color"])])],10,y),e.createElementVNode("fieldset",{"aria-hidden":"true",class:e.normalizeClass(["uikit-pointer-events-none uikit-absolute -uikit-top-[1px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-box-border uikit-cursor-pointer uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger",[i.label?"uikit-h-12":"uikit-h-[42px]",i.$attrs["fieldset-classes"],i.isValid?"uikit-border-w-primary":i.isValid===!1?"uikit-border-w-danger":"uikit-border-w-secondary"]])},[i.label?(e.openBlock(),e.createElementBlock("legend",{key:0,class:e.normalizeClass([i.$attrs["legend-classes"],"uikit-ml-2 uikit-h-3 uikit-px-0"])},[e.createElementVNode("span",{class:e.normalizeClass(["uikit-mx-5px",i.modelValue.label?"uikit-invisible":"uikit-hidden"]),innerHTML:i.label},null,10,B)],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("ul",{"data-cy":i.$attrs["data-cy"]&&`${i.$attrs["data-cy"]}_dropdown`,role:"listbox",tabindex:-1,"aria-multiselectable":!1,class:e.normalizeClass(["uikit-absolute uikit-z-10 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar",[{"uikit-h-0 uikit-w-0 uikit-overflow-hidden":!t.value},{"uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white":t.value},{"uikit-bottom-[55px]":i.dropdownPosition==="top"},{"uikit-top-[55px]":i.dropdownPosition==="bottom"},i.$attrs["dropdown-classes"]]]),onClick:r[1]||(r[1]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.options,(o,u)=>(e.openBlock(),e.createElementBlock("li",{id:`${i.namespace}_element_${i.options[u].label}`,key:`${o.label}_${u}`,role:"option","aria-selected":e.unref(s)===u,class:e.normalizeClass(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured",i.$attrs["dropdown-item-classes"]]),onClick:e.withModifiers(c=>d(o),["stop"]),onMouseover:e.withModifiers(c=>s.value=u,["stop"])},[e.createElementVNode("label",L,[e.createElementVNode("input",{tabindex:"-1",class:"uikit-appearance-none",name:`${i.namespace}_radio`,type:"radio",checked:o.label===i.modelValue.label,onInput:e.withModifiers(c=>d(o),["stop"])},null,40,N),e.createElementVNode("span",{innerHTML:o.label},null,8,z)])],42,M))),128))],10,E)],2),i.feedback?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.feedback.valid?(e.openBlock(),e.createElementBlock("span",{key:0,id:`${i.namespace}_valid_msg`,"arial-live":i.$attrs["aria-live"],class:"uikit-mb-2 uikit-text-sm",innerHTML:i.isValid?i.feedback.valid:""},null,8,H)):e.createCommentVNode("",!0),i.feedback.invalid?(e.openBlock(),e.createElementBlock("span",{key:1,id:`${i.namespace}_invalid_msg`,"arial-live":i.$attrs["aria-live"],class:"uikit-mb-2 uikit-text-sm uikit-text-w-danger",innerHTML:i.isValid===!1?i.feedback.invalid:""},null,8,T)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))}});exports._sfc_main=F;
|