@wikicasa-dev/components 1.2.36 → 1.2.37
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/BaseAccordionBtn.js +1 -1
- package/dist/BaseAccordionItem.js +1 -1
- package/dist/BaseAutocomplete.js +1 -1
- package/dist/BaseBtModal.js +2 -2
- package/dist/BaseDropDown.js +1 -1
- package/dist/BaseSnackbar.js +11 -11
- package/dist/{lib/UIKit → UIKit}/BaseInput.vue.d.ts +1 -1
- package/dist/assets/BaseBtModal.css +1 -1
- package/dist/assets/BaseSnackbar.css +1 -1
- package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang.BYoss5rN.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.CJSkDBar.js} +38 -38
- package/dist/chunks/ArrowIcon.CklBXJPN.js +28 -0
- package/dist/chunks/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DBI-gxoJ.js → BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CrVwjQqr.js} +6 -6
- package/dist/chunks/{BaseAccordionItem.vue_vue_type_script_setup_true_lang.Dlyi71Ul.js → BaseAccordionItem.vue_vue_type_script_setup_true_lang.B-9N3uRl.js} +48 -48
- package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.CGXjTuiA.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.DkNApxB4.js} +1 -1
- package/dist/chunks/{BaseDropDown.vue_vue_type_script_setup_true_lang.Dmvi3vJc.js → BaseDropDown.vue_vue_type_script_setup_true_lang.D9uxpIpT.js} +7 -7
- package/dist/chunks/CloseIcon.DiRdm5zi.js +38 -0
- package/dist/chunks/{DefaultValues.k7iQWtC2.js → DefaultValues-k7iQWtC2.CPFgoBrE.js} +1 -1
- package/dist/composables/useValidator.d.ts +9 -0
- package/dist/{lib/index.d.ts → index.d.ts} +2 -1
- package/dist/index.js +22 -20
- package/dist/useValidator.js +8 -0
- package/package.json +2 -1
- package/dist/chunks/ArrowIcon.Dok-D5yM.js +0 -28
- package/dist/chunks/CloseIcon.BiYjxFIs.js +0 -38
- /package/dist/{lib/UIKit → UIKit}/AccessibleSelect.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/Accordion/BaseAccordion.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/Accordion/BaseAccordionBtn.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/Accordion/BaseAccordionContent.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/Accordion/BaseAccordionItem.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseAlert.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseAutocomplete.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseBadge.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseBtModal.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseButton.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseCard.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseComplexToggle.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseDropDown.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseFloatingLabel.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseIcon.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseNavItem.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BasePagination.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BasePaper.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseSelect/SelectItem.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseSlider.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseSnackbar.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseTab.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseTextarea.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseToggle.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseTooltip.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/BaseUploadFile.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/Checkbox/CheckboxBtn.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/Checkbox/CheckboxGroup.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/Radio/RadioButton.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/Radio/RadioGroup.vue.d.ts +0 -0
- /package/dist/{lib/UIKit → UIKit}/StaticSpinner.vue.d.ts +0 -0
- /package/dist/{lib/components → components}/IntersectionObserver/IntersectionObservable.vue.d.ts +0 -0
- /package/dist/{lib/components → components}/IntersectionObserver/IntersectionObserver.vue.d.ts +0 -0
- /package/dist/{lib/components → components}/carousel/SwiperCarousel.vue.d.ts +0 -0
- /package/dist/{lib/composables → composables}/useBreakpoints.d.ts +0 -0
- /package/dist/{lib/composables → composables}/useFloatingLabel.d.ts +0 -0
- /package/dist/{lib/composables → composables}/useKeyboardController.d.ts +0 -0
package/dist/AccessibleSelect.js
CHANGED
package/dist/BaseAccordionBtn.js
CHANGED
package/dist/BaseAutocomplete.js
CHANGED
package/dist/BaseBtModal.js
CHANGED
|
@@ -2,7 +2,7 @@ import './assets/BaseBtModal.css';
|
|
|
2
2
|
import { defineComponent as b, resolveComponent as n, openBlock as d, createBlock as r, Teleport as f, createElementVNode as e, normalizeClass as o, withModifiers as h, withCtx as y, createVNode as C, createCommentVNode as c, renderSlot as a, createElementBlock as w } from "vue";
|
|
3
3
|
import "./chunks/js.cookie.BaTT4o7s.js";
|
|
4
4
|
import { _ as M } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
|
|
5
|
-
import {
|
|
5
|
+
import { l as v } from "./chunks/CloseIcon.DiRdm5zi.js";
|
|
6
6
|
import { useBreakpoints as g } from "./useBreakpoints.js";
|
|
7
7
|
import { _ as x } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
8
8
|
const B = (t, i) => new Promise((s, l) => {
|
|
@@ -182,7 +182,7 @@ function O(t, i, s, l, u, H) {
|
|
|
182
182
|
], 2)
|
|
183
183
|
]);
|
|
184
184
|
}
|
|
185
|
-
const V = /* @__PURE__ */ x($, [["render", O], ["__scopeId", "data-v-
|
|
185
|
+
const V = /* @__PURE__ */ x($, [["render", O], ["__scopeId", "data-v-491c7591"]]);
|
|
186
186
|
export {
|
|
187
187
|
V as default
|
|
188
188
|
};
|
package/dist/BaseDropDown.js
CHANGED
package/dist/BaseSnackbar.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './assets/BaseSnackbar.css';
|
|
2
2
|
import { defineComponent as b, ref as u, onBeforeMount as f, openBlock as i, createElementBlock as e, createElementVNode as o, normalizeClass as h, withModifiers as l, createCommentVNode as a, createVNode as y, unref as x } from "vue";
|
|
3
|
-
import {
|
|
3
|
+
import { l as _ } from "./chunks/CloseIcon.DiRdm5zi.js";
|
|
4
4
|
import { _ as v } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
5
|
-
const
|
|
5
|
+
const g = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-10px uikit-z-[2000] max-sm:uikit-left-0 max-sm:uikit-w-full" }, C = ["data-cy"], w = ["src", "alt"], L = {
|
|
6
6
|
key: 1,
|
|
7
7
|
class: "snackbar-type-icon uikit-bg-contain uikit-bg-no-repeat"
|
|
8
8
|
}, M = { class: "snackbar-text uikit-px-4 uikit-py-0 uikit-text uikit-font-regular max-sm:uikit-max-w-[80%] max-sm:uikit-pr-0 sm:uikit-text-16" }, T = ["innerHTML"], B = ["innerHTML"], S = /* @__PURE__ */ b({
|
|
@@ -18,22 +18,22 @@ const C = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-
|
|
|
18
18
|
},
|
|
19
19
|
emits: ["snackbar-hidden"],
|
|
20
20
|
setup(k, { emit: m }) {
|
|
21
|
-
const s = k, d = m, n = u(null),
|
|
21
|
+
const s = k, d = m, n = u(null), r = u(null), p = () => {
|
|
22
22
|
n.value && n.value();
|
|
23
|
-
},
|
|
24
|
-
const t =
|
|
23
|
+
}, c = () => {
|
|
24
|
+
const t = r.value;
|
|
25
25
|
t && (t.classList.remove("snackbar-active"), t.classList.add("snackbar-hidden"), setTimeout(() => {
|
|
26
26
|
d("snackbar-hidden");
|
|
27
27
|
}, 300));
|
|
28
28
|
};
|
|
29
29
|
return f(() => {
|
|
30
30
|
s.cb && (n.value = s.cb), setTimeout(() => {
|
|
31
|
-
|
|
31
|
+
c();
|
|
32
32
|
}, s.timeout);
|
|
33
|
-
}), (t, H) => (i(), e("div",
|
|
33
|
+
}), (t, H) => (i(), e("div", g, [
|
|
34
34
|
o("div", {
|
|
35
35
|
ref_key: "snackbar",
|
|
36
|
-
ref:
|
|
36
|
+
ref: r,
|
|
37
37
|
"data-cy": t.$attrs["data-cy"],
|
|
38
38
|
class: h(["snackbar snackbar-active uikit-flex uikit-items-center uikit-rounded-[5px] uikit-px-4 uikit-py-10px uikit-font-medium uikit-shadow hover:uikit-cursor-pointer max-sm:uikit-relative max-sm:uikit-mx-10px max-sm:uikit-my-0", t.type]),
|
|
39
39
|
onClick: l(p, ["stop"])
|
|
@@ -62,7 +62,7 @@ const C = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-
|
|
|
62
62
|
type: "button",
|
|
63
63
|
"data-cy": "base-snackbar-close-btn",
|
|
64
64
|
class: "uikit-bg-transparent max-sm:uikit-absolute max-sm:uikit-right-5",
|
|
65
|
-
onClick: l(
|
|
65
|
+
onClick: l(c, ["stop"])
|
|
66
66
|
}, [
|
|
67
67
|
y(x(_), {
|
|
68
68
|
class: "snackbar-close-icon",
|
|
@@ -71,10 +71,10 @@ const C = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-
|
|
|
71
71
|
"stroke-color": "#000"
|
|
72
72
|
})
|
|
73
73
|
])
|
|
74
|
-
], 10,
|
|
74
|
+
], 10, C)
|
|
75
75
|
]));
|
|
76
76
|
}
|
|
77
|
-
}), z = /* @__PURE__ */ v(S, [["__scopeId", "data-v-
|
|
77
|
+
}), z = /* @__PURE__ */ v(S, [["__scopeId", "data-v-1288e108"]]);
|
|
78
78
|
export {
|
|
79
79
|
z as default
|
|
80
80
|
};
|
|
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
72
72
|
handleClick(e: Event): void;
|
|
73
73
|
handleClean(): void;
|
|
74
74
|
handleShowPasswd(): void;
|
|
75
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:modelValue" | "focusout" | "focusin" | "keydown" | "keydown
|
|
75
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:modelValue" | "focusout" | "focusin" | "keydown-enter-pressed" | "keydown")[], "click" | "update:modelValue" | "focusout" | "focusin" | "keydown-enter-pressed" | "keydown", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
76
76
|
inputClass: {
|
|
77
77
|
type: (ArrayConstructor | StringConstructor)[];
|
|
78
78
|
required: false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.custom-modal[data-v-
|
|
1
|
+
.custom-modal[data-v-491c7591]{--modal-max-height: 690px;--modal-width-sm: 496px;--modal-width-md: 592px;--modal-width-lg: 670px;--modal-max-width: var(--modal-width-sm);max-width:var(--modal-max-width)}.base-modal-md[data-v-491c7591]{--modal-max-width: var(--modal-width-md)}.base-modal-lg[data-v-491c7591]{--modal-max-width: var(--modal-width-lg)}.base-modal-sm[data-v-491c7591],.base-modal-md[data-v-491c7591],.base-modal-lg[data-v-491c7591]{max-height:var(--modal-max-height)}@media not all and (min-width: 576px){.base-modal-sm[data-v-491c7591],.base-modal-md[data-v-491c7591],.base-modal-lg[data-v-491c7591]{max-height:none;max-width:none}}@media screen and (max-width: 576px){.base-modal-sm[data-v-491c7591],.base-modal-md[data-v-491c7591],.base-modal-lg[data-v-491c7591]{width:100%!important}}.base-modal-xxl[data-v-491c7591]{max-width:1500px}.base-modal-full[data-v-491c7591]{width:100%}.default-header[data-v-491c7591]{justify-content:space-between;padding-top:25px}.colored-backdrop[data-v-491c7591]{animation:backdrop-opacity-491c7591 .3s ease-out 0s backwards;background-color:#b4c2f0b3}.custom-modal[data-v-491c7591]{will-change:transform}@media (min-width: 576px){.custom-modal.show.transition-y[data-v-491c7591]{animation:slide-down-491c7591 .5s ease-out 0s backwards}}@media not all and (min-width: 576px){.custom-modal.show .uikit-modal-content.transition-y[data-v-491c7591]{animation:slide-up-491c7591 .5s ease-out 0s backwards}}.custom-modal.closed[data-v-491c7591]{overflow-y:hidden!important}@media (min-width: 576px){.custom-modal.closed.transition-y[data-v-491c7591]{animation:slide-down-back-491c7591 .25s both}}@media not all and (min-width: 576px){.custom-modal.closed .uikit-modal-content.transition-y[data-v-491c7591]{animation:slide-up-back-491c7591 .25s both}}[data-v-491c7591] #close-icon-btn{position:absolute;right:15px;top:15px}@media not all and (min-width: 576px){.full-height-mobile[data-v-491c7591]{height:95%;max-height:none}}@keyframes slide-up-491c7591{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-up-back-491c7591{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-down-491c7591{0%{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down-back-491c7591{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes backdrop-opacity-491c7591{0%{opacity:0}to{opacity:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.snackbar-container[data-v-
|
|
1
|
+
.snackbar-container[data-v-1288e108]{--icon-size: 25px}.snackbar-container .snackbar[data-v-1288e108]{--snackbar-error-bg-color: #fff4f4;--snackbar-error-color: #FA4F64;--snackbar-error-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FA4F64' viewBox='0 0 24 24'%3E%3Cpath d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E");--snackbar-warning-bg-color: rgb(255, 244, 229);--snackbar-warning-color: #ffa726;--snackbar-warning-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' aria-hidden='true' class='iconify iconify--emojione-monotone' viewBox='0 0 64 64' fill='%23ffa726'%3E%3Cpath d='M61.428 56.709 34.693 4.182C33.953 2.727 32.977 2 32 2s-1.953.728-2.693 2.183L2.572 56.709C1.09 59.621 2.588 62 5.9 62h52.197c3.313 0 4.813-2.379 3.331-5.291m-1.555 2.664c-.24.393-.904.627-1.775.627H5.9c-.87 0-1.534-.232-1.774-.625-.228-.373-.143-1.029.229-1.758L31.089 5.089c.431-.845.828-1.075.911-1.089.083.015.48.244.911 1.09l26.734 52.528c.371.728.457 1.384.228 1.755'/%3E%3Cpath d='M30.551 42.051c.275 1.84 2.623 1.84 2.898 0l2.748-18.464c.506-7.199-8.904-7.199-8.396 0l2.75 18.464'/%3E%3Cellipse cx='32' cy='49.605' rx='4.219' ry='4.207'/%3E%3C/svg%3E");--snackbar-info-bg-color: #2B5DFF;--snackbar-info-color: #fff;--snackbar-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23fff' version='1.1' id='Capa_1' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M165,0C74.019,0,0,74.02,0,165.001C0,255.982,74.019,330,165,330s165-74.018,165-164.999C330,74.02,255.981,0,165,0z M165,300c-74.44,0-135-60.56-135-134.999C30,90.562,90.56,30,165,30s135,60.562,135,135.001C300,239.44,239.439,300,165,300z'/%3E%3Cpath d='M164.998,70c-11.026,0-19.996,8.976-19.996,20.009c0,11.023,8.97,19.991,19.996,19.991 c11.026,0,19.996-8.968,19.996-19.991C184.994,78.976,176.024,70,164.998,70z'/%3E%3Cpath d='M165,140c-8.284,0-15,6.716-15,15v90c0,8.284,6.716,15,15,15c8.284,0,15-6.716,15-15v-90C180,146.716,173.284,140,165,140z '/%3E%3C/g%3E%3C/svg%3E");--snackbar-success-bg-color: #E9EFFE;--snackbar-success-color: #2B5DFF;--snackbar-success-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 43.121 62.779 c -0.046 0 -0.093 -0.001 -0.14 -0.002 c -1.375 -0.039 -2.672 -0.642 -3.588 -1.666 L 26.376 46.546 c -1.84 -2.059 -1.663 -5.22 0.396 -7.06 c 2.059 -1.842 5.22 -1.663 7.06 0.396 l 9.492 10.621 l 31.347 -31.346 c 1.951 -1.952 5.119 -1.952 7.07 0 c 1.953 1.953 1.953 5.119 0 7.071 L 46.656 61.314 C 45.717 62.254 44.445 62.779 43.121 62.779 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: %232B5DFF; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 45 90 C 20.187 90 0 69.813 0 45 C 0 20.187 20.187 0 45 0 c 8.231 0 16.286 2.244 23.292 6.491 c 2.362 1.431 3.116 4.505 1.686 6.867 c -1.432 2.362 -4.506 3.117 -6.868 1.685 C 57.666 11.744 51.403 10 45 10 c -19.299 0 -35 15.701 -35 35 s 15.701 35 35 35 s 35 -15.701 35 -35 c 0 -1.487 -0.095 -2.987 -0.28 -4.458 c -0.348 -2.74 1.592 -5.242 4.332 -5.589 c 2.74 -0.349 5.241 1.593 5.588 4.332 C 89.879 41.172 90 43.094 90 45 C 90 69.813 69.813 90 45 90 z'%0Astyle='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: %232B5DFF; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");--snackbar-bg-color: var(--snackbar-error-bg-color);--snackbar-color: var(--snackbar-error-color);--snackbar-icon: var(--snackbar-error-icon);--snackbar-close-icon-color: brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(2855%) hue-rotate(325deg) brightness(103%) contrast(96%);background-color:var(--snackbar-bg-color);color:var(--snackbar-color)}.snackbar-container .snackbar .snackbar-close-icon[data-v-1288e108]{filter:var(--snackbar-close-icon-color)}.snackbar-container .snackbar.snackbar-active[data-v-1288e108]{animation:pop-1288e108 .25s,fade-in-1288e108 .25s}.snackbar-container .snackbar.snackbar-hidden[data-v-1288e108]{animation:shrink-1288e108 .25s,fade-out-1288e108 .25s forwards}.snackbar-container .snackbar span[data-v-1288e108]{width:var(--icon-size);height:var(--icon-size)}.snackbar-container .snackbar span.snackbar-type-icon[data-v-1288e108]{background-image:var(--snackbar-icon)}.snackbar-container .snackbar.warning[data-v-1288e108]{--snackbar-bg-color: var(--snackbar-warning-bg-color);--snackbar-color: var(--snackbar-warning-color)}.snackbar-container .snackbar.warning span.snackbar-type-icon[data-v-1288e108]{--snackbar-icon: var(--snackbar-warning-icon)}.snackbar-container .snackbar.warning .snackbar-close-icon[data-v-1288e108]{--snackbar-close-icon-color: brightness(0) saturate(100%) invert(80%) sepia(44%) saturate(2971%) hue-rotate(337deg) brightness(100%) contrast(103%)}.snackbar-container .snackbar.info[data-v-1288e108]{--snackbar-bg-color: var(--snackbar-info-bg-color);--snackbar-color: var(--snackbar-info-color)}.snackbar-container .snackbar.info span.snackbar-type-icon[data-v-1288e108]{--snackbar-icon: var(--snackbar-info-icon)}.snackbar-container .snackbar.info .snackbar-close-icon[data-v-1288e108]{--snackbar-close-icon-color: brightness(0) saturate(100%) invert(100%) sepia(79%) saturate(0%) hue-rotate(242deg) brightness(111%) contrast(101%)}.snackbar-container .snackbar.success[data-v-1288e108]{--snackbar-bg-color: var(--snackbar-success-bg-color);--snackbar-color: var(--snackbar-success-color)}.snackbar-container .snackbar.success span.snackbar-type-icon[data-v-1288e108]{--snackbar-icon: var(--snackbar-success-icon)}.snackbar-container .snackbar.success .snackbar-close-icon[data-v-1288e108]{--snackbar-close-icon-color: brightness(0) saturate(100%) invert(27%) sepia(77%) saturate(3033%) hue-rotate(222deg) brightness(100%) contrast(102%)}@keyframes pop-1288e108{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes shrink-1288e108{0%{transform:scale(1)}to{transform:scale(.5)}}@keyframes fade-in-1288e108{0%{opacity:0}to{opacity:1}}@keyframes fade-out-1288e108{0%{opacity:1}to{opacity:0}}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { h as f, defineComponent as H, ref as y, computed as T, watch as C, onMounted as F, onUnmounted as
|
|
2
|
-
import { useKeyboardController as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
const
|
|
6
|
-
n = { ...
|
|
7
|
-
const { width:
|
|
1
|
+
import { h as f, defineComponent as H, ref as y, computed as T, watch as C, onMounted as F, onUnmounted as B, openBlock as l, createElementBlock as o, Fragment as v, createElementVNode as t, normalizeClass as a, createCommentVNode as u, renderSlot as E, unref as k, withModifiers as p, createBlock as A, createVNode as q, renderList as z } from "vue";
|
|
2
|
+
import { useKeyboardController as N } from "../useKeyboardController.js";
|
|
3
|
+
import { d as P } from "./ArrowIcon.CklBXJPN.js";
|
|
4
|
+
import { o as j } from "./DefaultValues-k7iQWtC2.CPFgoBrE.js";
|
|
5
|
+
const D = (n, { attrs: d }) => {
|
|
6
|
+
n = { ...j(), ...n };
|
|
7
|
+
const { width: s, height: e } = n;
|
|
8
8
|
return f(
|
|
9
9
|
"svg",
|
|
10
10
|
{
|
|
11
11
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12
12
|
viewBox: "0 0 11.175 13.409",
|
|
13
|
-
width: `${
|
|
13
|
+
width: `${s}`,
|
|
14
14
|
height: `${e}`,
|
|
15
15
|
class: n.class ?? "",
|
|
16
16
|
"aria-hidden": d["aria-hidden"] ?? "true",
|
|
@@ -36,7 +36,7 @@ const S = (n, { attrs: d }) => {
|
|
|
36
36
|
})
|
|
37
37
|
]
|
|
38
38
|
);
|
|
39
|
-
},
|
|
39
|
+
}, S = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], O = ["innerHTML"], U = { class: "uikit-inline-flex" }, G = ["innerHTML"], I = ["data-cy"], J = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, R = ["name", "checked", "onInput"], W = ["innerHTML"], X = ["id", "arial-live", "innerHTML"], Y = ["id", "arial-live", "innerHTML"], ei = /* @__PURE__ */ H({
|
|
40
40
|
inheritAttrs: !1,
|
|
41
41
|
__name: "AccessibleSelect",
|
|
42
42
|
props: {
|
|
@@ -53,27 +53,27 @@ const S = (n, { attrs: d }) => {
|
|
|
53
53
|
},
|
|
54
54
|
emits: ["update:modelValue"],
|
|
55
55
|
setup(n, { emit: d }) {
|
|
56
|
-
const
|
|
57
|
-
optionsLength:
|
|
56
|
+
const s = n, e = y(!1), g = y(null), V = T(() => !!s.modelValue.label), L = d, { activeIdx: c, selectedIdx: M } = N({
|
|
57
|
+
optionsLength: s.options.length,
|
|
58
58
|
isDropdownOpen: e
|
|
59
|
-
}),
|
|
59
|
+
}), h = (i) => {
|
|
60
60
|
e.value = !1, L("update:modelValue", i);
|
|
61
61
|
};
|
|
62
62
|
C(M, (i) => {
|
|
63
|
-
|
|
63
|
+
h(s.options[i]), e.value = !1;
|
|
64
64
|
});
|
|
65
65
|
const w = () => {
|
|
66
66
|
e.value = !1;
|
|
67
67
|
};
|
|
68
68
|
return F(() => {
|
|
69
69
|
document && document.addEventListener("click", w);
|
|
70
|
-
}),
|
|
70
|
+
}), B(() => {
|
|
71
71
|
document && document.removeEventListener("click", w);
|
|
72
|
-
}), (i, b) => (l(),
|
|
72
|
+
}), (i, b) => (l(), o(v, null, [
|
|
73
73
|
t("div", {
|
|
74
74
|
class: a(["uikit-relative uikit-flex uikit-items-center", [i.label ? "uikit-h-[52px]" : "uikit-h-[42px]", i.$attrs.class]])
|
|
75
75
|
}, [
|
|
76
|
-
i.label ? (l(),
|
|
76
|
+
i.label ? (l(), o("label", {
|
|
77
77
|
key: 0,
|
|
78
78
|
id: `${i.namespace}_label`,
|
|
79
79
|
class: a(["uikit-absolute uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
|
|
@@ -81,8 +81,8 @@ const S = (n, { attrs: d }) => {
|
|
|
81
81
|
i.$attrs["label-classes"]
|
|
82
82
|
]]),
|
|
83
83
|
innerHTML: i.label
|
|
84
|
-
}, null, 10,
|
|
85
|
-
|
|
84
|
+
}, null, 10, S)) : u("", !0),
|
|
85
|
+
E(i.$slots, "lefticon"),
|
|
86
86
|
t("button", {
|
|
87
87
|
id: `${i.namespace}_btn`,
|
|
88
88
|
ref_key: "btnEl",
|
|
@@ -97,29 +97,29 @@ const S = (n, { attrs: d }) => {
|
|
|
97
97
|
"aria-labelledby": `${i.namespace}_label ${i.namespace}_btn`,
|
|
98
98
|
"aria-expanded": e.value,
|
|
99
99
|
"aria-activedescendant": k(c) >= 0 && e.value ? `${i.namespace}_element_${i.options[k(c)].label}` : "",
|
|
100
|
-
"aria-invalid":
|
|
101
|
-
"aria-describedby":
|
|
100
|
+
"aria-invalid": s.isValid === !1,
|
|
101
|
+
"aria-describedby": s.isValid === !1 ? `${i.namespace}_invalid_msg` : void 0,
|
|
102
102
|
onClick: b[0] || (b[0] = p((r) => e.value = !e.value, ["stop"]))
|
|
103
103
|
}, [
|
|
104
104
|
t("span", {
|
|
105
105
|
class: a(i.$attrs["btn-text-classes"]),
|
|
106
106
|
innerHTML: i.modelValue.visibleLabel || i.modelValue.label
|
|
107
|
-
}, null, 10,
|
|
108
|
-
t("span",
|
|
109
|
-
|
|
107
|
+
}, null, 10, O),
|
|
108
|
+
t("span", U, [
|
|
109
|
+
s.isValid == !1 ? (l(), A(k(D), {
|
|
110
110
|
key: 0,
|
|
111
111
|
class: "uikit-mr-1",
|
|
112
112
|
width: 20,
|
|
113
113
|
height: 20
|
|
114
114
|
})) : u("", !0),
|
|
115
|
-
|
|
115
|
+
q(k(P), {
|
|
116
116
|
class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", e.value && "uikit-rotate-180"]),
|
|
117
117
|
width: 18,
|
|
118
118
|
height: 18,
|
|
119
119
|
"stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : "#222"
|
|
120
120
|
}, null, 8, ["class", "stroke-color"])
|
|
121
121
|
])
|
|
122
|
-
], 10,
|
|
122
|
+
], 10, K),
|
|
123
123
|
t("fieldset", {
|
|
124
124
|
"aria-hidden": "true",
|
|
125
125
|
class: a(["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", [
|
|
@@ -128,14 +128,14 @@ const S = (n, { attrs: d }) => {
|
|
|
128
128
|
i.isValid ? "uikit-border-w-primary" : i.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary"
|
|
129
129
|
]])
|
|
130
130
|
}, [
|
|
131
|
-
i.label ? (l(),
|
|
131
|
+
i.label ? (l(), o("legend", {
|
|
132
132
|
key: 0,
|
|
133
133
|
class: a([i.$attrs["legend-classes"], "uikit-ml-2 uikit-h-3 uikit-px-0"])
|
|
134
134
|
}, [
|
|
135
135
|
t("span", {
|
|
136
136
|
class: a(["uikit-mx-5px", i.modelValue.label ? "uikit-invisible" : "uikit-hidden"]),
|
|
137
137
|
innerHTML: i.label
|
|
138
|
-
}, null, 10,
|
|
138
|
+
}, null, 10, G)
|
|
139
139
|
], 2)) : u("", !0)
|
|
140
140
|
], 2),
|
|
141
141
|
t("ul", {
|
|
@@ -155,40 +155,40 @@ const S = (n, { attrs: d }) => {
|
|
|
155
155
|
onClick: b[1] || (b[1] = p(() => {
|
|
156
156
|
}, ["stop"]))
|
|
157
157
|
}, [
|
|
158
|
-
(l(!0),
|
|
158
|
+
(l(!0), o(v, null, z(i.options, (r, m) => (l(), o("li", {
|
|
159
159
|
id: `${i.namespace}_element_${i.options[m].label}`,
|
|
160
160
|
key: `${r.label}_${m}`,
|
|
161
161
|
role: "option",
|
|
162
162
|
"aria-selected": k(c) === m,
|
|
163
163
|
class: a(["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"]]),
|
|
164
|
-
onClick: p(($) =>
|
|
164
|
+
onClick: p(($) => h(r), ["stop"]),
|
|
165
165
|
onMouseover: p(($) => c.value = m, ["stop"])
|
|
166
166
|
}, [
|
|
167
|
-
t("label",
|
|
167
|
+
t("label", Q, [
|
|
168
168
|
t("input", {
|
|
169
169
|
tabindex: "-1",
|
|
170
170
|
class: "uikit-appearance-none",
|
|
171
171
|
name: `${i.namespace}_radio`,
|
|
172
172
|
type: "radio",
|
|
173
173
|
checked: r.label === i.modelValue.label,
|
|
174
|
-
onInput: p(($) =>
|
|
175
|
-
}, null, 40,
|
|
174
|
+
onInput: p(($) => h(r), ["stop"])
|
|
175
|
+
}, null, 40, R),
|
|
176
176
|
t("span", {
|
|
177
177
|
innerHTML: r.label
|
|
178
|
-
}, null, 8,
|
|
178
|
+
}, null, 8, W)
|
|
179
179
|
])
|
|
180
|
-
], 42,
|
|
181
|
-
], 10,
|
|
180
|
+
], 42, J))), 128))
|
|
181
|
+
], 10, I)
|
|
182
182
|
], 2),
|
|
183
|
-
i.feedback ? (l(),
|
|
184
|
-
i.feedback.valid ? (l(),
|
|
183
|
+
i.feedback ? (l(), o(v, { key: 0 }, [
|
|
184
|
+
i.feedback.valid ? (l(), o("span", {
|
|
185
185
|
key: 0,
|
|
186
186
|
id: `${i.namespace}_valid_msg`,
|
|
187
187
|
"arial-live": i.$attrs["aria-live"],
|
|
188
188
|
class: "uikit-mb-2 uikit-text-sm",
|
|
189
189
|
innerHTML: i.isValid ? i.feedback.valid : ""
|
|
190
190
|
}, null, 8, X)) : u("", !0),
|
|
191
|
-
i.feedback.invalid ? (l(),
|
|
191
|
+
i.feedback.invalid ? (l(), o("span", {
|
|
192
192
|
key: 1,
|
|
193
193
|
id: `${i.namespace}_invalid_msg`,
|
|
194
194
|
"arial-live": i.$attrs["aria-live"],
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { h as o } from "vue";
|
|
2
|
+
import { o as e } from "./DefaultValues-k7iQWtC2.CPFgoBrE.js";
|
|
3
|
+
const d = (t, { attrs: r }) => {
|
|
4
|
+
t = { ...e(), ...t };
|
|
5
|
+
const { width: i, height: s } = t;
|
|
6
|
+
return o(
|
|
7
|
+
"svg",
|
|
8
|
+
{
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
viewBox: "0 0 20.243 11.621",
|
|
11
|
+
width: `${i}`,
|
|
12
|
+
height: `${s}`,
|
|
13
|
+
class: t.class ?? "",
|
|
14
|
+
"aria-hidden": r["aria-hidden"] ?? "true"
|
|
15
|
+
},
|
|
16
|
+
o("path", {
|
|
17
|
+
fill: "none",
|
|
18
|
+
stroke: `${r["stroke-color"] ?? "#222"}`,
|
|
19
|
+
"stroke-linecap": "round",
|
|
20
|
+
"stroke-linejoin": "round",
|
|
21
|
+
"stroke-width": `${r["stroke-width"] ?? "3"}`,
|
|
22
|
+
d: "m18.121 2.121-8 8-8-8"
|
|
23
|
+
})
|
|
24
|
+
);
|
|
25
|
+
};
|
|
26
|
+
export {
|
|
27
|
+
d
|
|
28
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as a, openBlock as d, createElementBlock as l, normalizeClass as t, renderSlot as
|
|
2
|
-
import {
|
|
1
|
+
import { defineComponent as a, openBlock as d, createElementBlock as l, normalizeClass as t, renderSlot as i, createElementVNode as c, withModifiers as p, createVNode as u, unref as k } from "vue";
|
|
2
|
+
import { d as m } from "./ArrowIcon.CklBXJPN.js";
|
|
3
3
|
const f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ a({
|
|
4
4
|
inheritAttrs: !1,
|
|
5
5
|
__name: "BaseAccordionBtn",
|
|
@@ -11,8 +11,8 @@ const f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ a(
|
|
|
11
11
|
toggleAccordion: {}
|
|
12
12
|
},
|
|
13
13
|
emits: ["click"],
|
|
14
|
-
setup(h, { emit:
|
|
15
|
-
const r =
|
|
14
|
+
setup(h, { emit: n }) {
|
|
15
|
+
const r = n;
|
|
16
16
|
return (o, e) => (d(), l("div", {
|
|
17
17
|
id: `${o.id}`,
|
|
18
18
|
class: t(["uikit-flex uikit-items-center uikit-justify-around", [
|
|
@@ -21,8 +21,8 @@ const f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ a(
|
|
|
21
21
|
]]),
|
|
22
22
|
onClick: e[1] || (e[1] = (s) => o.onContainerClickExpand && o.toggleAccordion())
|
|
23
23
|
}, [
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
i(o.$slots, "custom_content"),
|
|
25
|
+
i(o.$slots, "custom_btn", {
|
|
26
26
|
btnId: `btn-${o.id}`,
|
|
27
27
|
isOpen: o.accordionOpen,
|
|
28
28
|
toggleAccordion: o.toggleAccordion
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as f, ref as w, watch as d, openBlock as r, createElementBlock as u, normalizeClass as c, createElementVNode as p, withModifiers as b, createVNode as m, unref as h, createBlock as v, withCtx as i, renderSlot as e, createCommentVNode as C } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { d as y } from "./ArrowIcon.CklBXJPN.js";
|
|
3
3
|
import { _ as g } from "./BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js";
|
|
4
|
-
import { _ as O } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang.
|
|
5
|
-
const B = { key: 0 },
|
|
4
|
+
import { _ as O } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CrVwjQqr.js";
|
|
5
|
+
const B = { key: 0 }, E = ["id", "data-cy", "aria-expanded", "aria-controls"], A = ["itemprop", "innerHTML"], H = /* @__PURE__ */ f({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "BaseAccordionItem",
|
|
8
8
|
props: {
|
|
@@ -14,86 +14,86 @@ const B = { key: 0 }, A = ["id", "data-cy", "aria-expanded", "aria-controls"], E
|
|
|
14
14
|
},
|
|
15
15
|
emits: ["click", "accordionOpened", "accordionClosed", "update:accordionState"],
|
|
16
16
|
setup(k, { emit: $ }) {
|
|
17
|
-
const t = $,
|
|
18
|
-
d(
|
|
19
|
-
t(
|
|
17
|
+
const t = $, o = w(!1), n = k;
|
|
18
|
+
d(o, (s) => {
|
|
19
|
+
t(s ? "accordionOpened" : "accordionClosed", n), t("update:accordionState", s), o.value = s;
|
|
20
20
|
}), d(
|
|
21
21
|
() => n.active,
|
|
22
|
-
(
|
|
23
|
-
|
|
22
|
+
(s) => {
|
|
23
|
+
o.value = s;
|
|
24
24
|
},
|
|
25
25
|
{ immediate: !0 }
|
|
26
26
|
);
|
|
27
27
|
const a = () => {
|
|
28
|
-
|
|
28
|
+
o.value = !o.value;
|
|
29
29
|
};
|
|
30
|
-
return (
|
|
31
|
-
class: c(
|
|
30
|
+
return (s, l) => (r(), u("div", {
|
|
31
|
+
class: c(s.$attrs["root-classes"])
|
|
32
32
|
}, [
|
|
33
|
-
!
|
|
33
|
+
!s.$slots.custom_content && !s.$slots.custom_btn && !s.$slots.custom_accordion ? (r(), u("h2", B, [
|
|
34
34
|
p("button", {
|
|
35
|
-
id: `accordion-title-${
|
|
35
|
+
id: `accordion-title-${s.id}`,
|
|
36
36
|
type: "button",
|
|
37
|
-
class: c(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-white uikit-px-5 uikit-py-4 uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured",
|
|
38
|
-
"data-cy":
|
|
39
|
-
"aria-expanded":
|
|
40
|
-
"aria-controls": `accordion-text-${
|
|
41
|
-
onClick: l[0] || (l[0] = b((
|
|
37
|
+
class: c(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-white uikit-px-5 uikit-py-4 uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured", s.$attrs["btn-classes"]]),
|
|
38
|
+
"data-cy": s.$attrs["data-cy"],
|
|
39
|
+
"aria-expanded": o.value,
|
|
40
|
+
"aria-controls": `accordion-text-${s.id}`,
|
|
41
|
+
onClick: l[0] || (l[0] = b((M) => {
|
|
42
42
|
a(), t("click");
|
|
43
43
|
}, ["prevent", "stop"]))
|
|
44
44
|
}, [
|
|
45
45
|
p("span", {
|
|
46
|
-
itemprop:
|
|
47
|
-
innerHTML:
|
|
48
|
-
}, null, 8,
|
|
46
|
+
itemprop: s.$attrs.itemprop,
|
|
47
|
+
innerHTML: s.title
|
|
48
|
+
}, null, 8, A),
|
|
49
49
|
m(h(y), {
|
|
50
50
|
class: c(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
o.value && "uikit-rotate-180",
|
|
52
|
+
s.$attrs["arrow-classes"]
|
|
53
53
|
]]),
|
|
54
|
-
"arrow-classes":
|
|
55
|
-
width:
|
|
56
|
-
height:
|
|
54
|
+
"arrow-classes": s.$attrs["arrow-classes"],
|
|
55
|
+
width: s.arrowWidth,
|
|
56
|
+
height: s.arrowWidth
|
|
57
57
|
}, null, 8, ["class", "arrow-classes", "width", "height"])
|
|
58
|
-
], 10,
|
|
59
|
-
])) : (
|
|
58
|
+
], 10, E)
|
|
59
|
+
])) : (s.$slots.custom_content || s.$slots.custom_btn) && !s.$slots.custom_accordion ? (r(), v(O, {
|
|
60
60
|
key: 1,
|
|
61
|
-
id:
|
|
62
|
-
"btn-wrapper-classes":
|
|
63
|
-
"btn-classes":
|
|
64
|
-
"arrow-classes":
|
|
61
|
+
id: s.id,
|
|
62
|
+
"btn-wrapper-classes": s.$attrs["btn-wrapper-classes"],
|
|
63
|
+
"btn-classes": s.$attrs["btn-classes"],
|
|
64
|
+
"arrow-classes": s.$attrs["arrow-classes"],
|
|
65
65
|
"toggle-accordion": a,
|
|
66
|
-
"on-container-click-expand":
|
|
66
|
+
"on-container-click-expand": s.onContainerClickExpand
|
|
67
67
|
}, {
|
|
68
68
|
custom_content: i(() => [
|
|
69
|
-
e(
|
|
69
|
+
e(s.$slots, "custom_content")
|
|
70
70
|
]),
|
|
71
71
|
custom_btn: i(() => [
|
|
72
|
-
e(
|
|
73
|
-
btnId: `btn-${
|
|
74
|
-
isOpen:
|
|
72
|
+
e(s.$slots, "custom_btn", {
|
|
73
|
+
btnId: `btn-${s.id}`,
|
|
74
|
+
isOpen: o.value,
|
|
75
75
|
toggleAccordion: a
|
|
76
76
|
})
|
|
77
77
|
]),
|
|
78
78
|
_: 3
|
|
79
79
|
}, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-classes", "on-container-click-expand"])) : C("", !0),
|
|
80
|
-
e(
|
|
81
|
-
id:
|
|
82
|
-
isOpen:
|
|
80
|
+
e(s.$slots, "custom_accordion", {
|
|
81
|
+
id: s.id,
|
|
82
|
+
isOpen: o.value,
|
|
83
83
|
toggleAccordion: a
|
|
84
84
|
}, () => [
|
|
85
85
|
m(g, {
|
|
86
|
-
id:
|
|
87
|
-
"accordion-open":
|
|
88
|
-
"accordion-open-classes":
|
|
89
|
-
"accordion-close-classes":
|
|
90
|
-
"accordion-classes":
|
|
86
|
+
id: s.id,
|
|
87
|
+
"accordion-open": o.value,
|
|
88
|
+
"accordion-open-classes": s.$attrs["accordion-open-classes"],
|
|
89
|
+
"accordion-close-classes": s.$attrs["accordion-close-classes"],
|
|
90
|
+
"accordion-classes": s.$attrs["accordion-classes"]
|
|
91
91
|
}, {
|
|
92
92
|
custom_accordion_content: i(() => [
|
|
93
|
-
e(
|
|
93
|
+
e(s.$slots, "custom_accordion_content", { isOpen: o.value })
|
|
94
94
|
]),
|
|
95
95
|
default: i(() => [
|
|
96
|
-
e(
|
|
96
|
+
e(s.$slots, "default", { isOpen: o.value })
|
|
97
97
|
]),
|
|
98
98
|
_: 3
|
|
99
99
|
}, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-classes"])
|
|
@@ -102,5 +102,5 @@ const B = { key: 0 }, A = ["id", "data-cy", "aria-expanded", "aria-controls"], E
|
|
|
102
102
|
}
|
|
103
103
|
});
|
|
104
104
|
export {
|
|
105
|
-
|
|
105
|
+
H as _
|
|
106
106
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as z, mergeModels as V, useModel as E, ref as s, computed as f, onBeforeMount as N, watch as C, openBlock as g, createBlock as S, normalizeClass as U, withCtx as b, createVNode as A, renderSlot as B, createElementBlock as F, Fragment as K, renderList as P, unref as W, createElementVNode as j } from "vue";
|
|
2
2
|
import q from "../BaseInput.js";
|
|
3
|
-
import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.
|
|
3
|
+
import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.D9uxpIpT.js";
|
|
4
4
|
import "./js.cookie.BaTT4o7s.js";
|
|
5
5
|
import { _ as J } from "./SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
|
|
6
6
|
import { useKeyboardController as Q } from "../useKeyboardController.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as w, ref as b, watch as r, onBeforeMount as h, onUnmounted as v, openBlock as n, createElementBlock as C, normalizeClass as i, withModifiers as u, renderSlot as c, createVNode as y, withCtx as p, createElementVNode as $, createBlock as k, unref as B, createCommentVNode as g, resolveDynamicComponent as D } from "vue";
|
|
2
|
-
import { _ as
|
|
3
|
-
import {
|
|
4
|
-
const
|
|
2
|
+
import { _ as E } from "./BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
|
|
3
|
+
import { d as L } from "./ArrowIcon.CklBXJPN.js";
|
|
4
|
+
const S = ["innerHTML"], M = /* @__PURE__ */ w({
|
|
5
5
|
inheritAttrs: !1,
|
|
6
6
|
__name: "BaseDropDown",
|
|
7
7
|
props: {
|
|
@@ -47,7 +47,7 @@ const L = ["innerHTML"], M = /* @__PURE__ */ w({
|
|
|
47
47
|
o.closeWhenClickedOutside && document && document.body.removeEventListener("click", s);
|
|
48
48
|
}), (e, a) => (n(), C("div", {
|
|
49
49
|
class: i(["uikit-relative uikit-block", e.$attrs.class]),
|
|
50
|
-
onClick: a[1] || (a[1] = u((
|
|
50
|
+
onClick: a[1] || (a[1] = u((W) => {
|
|
51
51
|
l("click"), d();
|
|
52
52
|
}, ["stop"]))
|
|
53
53
|
}, [
|
|
@@ -55,7 +55,7 @@ const L = ["innerHTML"], M = /* @__PURE__ */ w({
|
|
|
55
55
|
toggleDropdown: d,
|
|
56
56
|
isOpen: t.value
|
|
57
57
|
}, () => [
|
|
58
|
-
y(
|
|
58
|
+
y(E, {
|
|
59
59
|
id: e.id,
|
|
60
60
|
type: "button",
|
|
61
61
|
"data-cy": e.$attrs["data-cy"],
|
|
@@ -72,8 +72,8 @@ const L = ["innerHTML"], M = /* @__PURE__ */ w({
|
|
|
72
72
|
$("span", {
|
|
73
73
|
class: i(["uikit-mr-5px", e.labelClasses]),
|
|
74
74
|
innerHTML: e.btnLabel
|
|
75
|
-
}, null, 10,
|
|
76
|
-
e.withArrowIcon ? (n(), k(B(
|
|
75
|
+
}, null, 10, S),
|
|
76
|
+
e.withArrowIcon ? (n(), k(B(L), {
|
|
77
77
|
key: 0,
|
|
78
78
|
class: i(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.value && "uikit-rotate-180"]),
|
|
79
79
|
width: e.arrowWidth,
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { h as o } from "vue";
|
|
2
|
+
import { o as e } from "./DefaultValues-k7iQWtC2.CPFgoBrE.js";
|
|
3
|
+
const d = (r, { attrs: t }) => {
|
|
4
|
+
r = { ...e(), ...r };
|
|
5
|
+
const { width: i, height: s } = r;
|
|
6
|
+
return o(
|
|
7
|
+
"svg",
|
|
8
|
+
{
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
viewBox: "0 0 18.558 18.558",
|
|
11
|
+
width: `${i}`,
|
|
12
|
+
height: `${s}`,
|
|
13
|
+
class: r.class ?? "",
|
|
14
|
+
"aria-hidden": t["aria-hidden"] ?? "true"
|
|
15
|
+
},
|
|
16
|
+
o(
|
|
17
|
+
"g",
|
|
18
|
+
{
|
|
19
|
+
fill: "none",
|
|
20
|
+
stroke: `${t["stroke-color"] ?? "#222"}`,
|
|
21
|
+
"stroke-linecap": `${t["stroke-linecap"] ?? "round"}`,
|
|
22
|
+
"stroke-linejoin": `${t["stroke-linejoin"] ?? "round"}`,
|
|
23
|
+
"stroke-width": `${t["stroke-width"] ?? "3"}`
|
|
24
|
+
},
|
|
25
|
+
[
|
|
26
|
+
o("path", {
|
|
27
|
+
d: "m2.121 2.121 14.316 14.316"
|
|
28
|
+
}),
|
|
29
|
+
o("path", {
|
|
30
|
+
d: "M2.121 16.437 16.244 2.121"
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
)
|
|
34
|
+
);
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
d as l
|
|
38
|
+
};
|
|
@@ -30,4 +30,5 @@ import BaseUploadFile from './UIKit/BaseUploadFile.vue';
|
|
|
30
30
|
import IntersectionObservable from './components/IntersectionObserver/IntersectionObservable.vue';
|
|
31
31
|
import IntersectionObserver from './components/IntersectionObserver/IntersectionObserver.vue';
|
|
32
32
|
import SwiperCarousel from './components/carousel/SwiperCarousel.vue';
|
|
33
|
-
|
|
33
|
+
import { useValidator } from './composables/useValidator';
|
|
34
|
+
export { BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BaseNavItem, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, IntersectionObservable, IntersectionObserver, useValidator, };
|
package/dist/index.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import './assets/index.css';
|
|
2
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.
|
|
3
|
+
import { _ as t } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CrVwjQqr.js";
|
|
4
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.
|
|
5
|
+
import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.B-9N3uRl.js";
|
|
6
6
|
import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
|
|
7
|
-
import { default as
|
|
7
|
+
import { default as B } from "./CheckboxBtn.js";
|
|
8
8
|
import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C5jcwwv6.js";
|
|
9
9
|
import { default as i } from "./RadioButton.js";
|
|
10
10
|
import { default as b } from "./RadioGroup.js";
|
|
11
|
-
import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.
|
|
11
|
+
import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CJSkDBar.js";
|
|
12
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.
|
|
13
|
+
import { _ as S } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DkNApxB4.js";
|
|
14
14
|
import { _ as h } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
|
|
15
15
|
import { _ as w } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
|
|
16
16
|
import { default as F } from "./BaseCard.js";
|
|
17
17
|
import { default as O } from "./BaseComplexToggle.js";
|
|
18
|
-
import { _ as R } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.
|
|
18
|
+
import { _ as R } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.D9uxpIpT.js";
|
|
19
19
|
import { default as N } from "./BaseFloatingLabel.js";
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
20
|
+
import { default as V } from "./BaseIcon.js";
|
|
21
|
+
import { default as q } from "./BaseInput.js";
|
|
22
|
+
import { default as z } from "./BaseNavItem.js";
|
|
23
|
+
import { default as H } from "./BasePagination.js";
|
|
24
|
+
import { default as K } from "./BasePaper.js";
|
|
25
|
+
import { default as Q } from "./BaseSlider.js";
|
|
26
26
|
import { default as X } from "./BaseTab.js";
|
|
27
27
|
import { default as Z } from "./BaseTextarea.js";
|
|
28
28
|
import { default as ee } from "./BaseToggle.js";
|
|
@@ -31,6 +31,7 @@ import { default as te } from "./BaseUploadFile.js";
|
|
|
31
31
|
import { _ as fe } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
|
|
32
32
|
import { _ as me } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
|
|
33
33
|
import { _ as le } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.BHI3p0bd.js";
|
|
34
|
+
import { useValidator as Be } from "./useValidator.js";
|
|
34
35
|
export {
|
|
35
36
|
A as AccessibleSelect,
|
|
36
37
|
a as BaseAccordion,
|
|
@@ -45,23 +46,24 @@ export {
|
|
|
45
46
|
O as BaseComplexToggle,
|
|
46
47
|
R as BaseDropDown,
|
|
47
48
|
N as BaseFloatingLabel,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
V as BaseIcon,
|
|
50
|
+
q as BaseInput,
|
|
51
|
+
z as BaseNavItem,
|
|
52
|
+
H as BasePagination,
|
|
53
|
+
K as BasePaper,
|
|
54
|
+
Q as BaseSlider,
|
|
54
55
|
X as BaseTab,
|
|
55
56
|
Z as BaseTextarea,
|
|
56
57
|
ee as BaseToggle,
|
|
57
58
|
ae as BaseTooltip,
|
|
58
59
|
te as BaseUploadFile,
|
|
59
|
-
|
|
60
|
+
B as CheckboxBtn,
|
|
60
61
|
n as CheckboxGroup,
|
|
61
62
|
fe as IntersectionObservable,
|
|
62
63
|
me as IntersectionObserver,
|
|
63
64
|
i as RadioButton,
|
|
64
65
|
b as RadioGroup,
|
|
65
66
|
l as SelectItem,
|
|
66
|
-
le as SwiperCarousel
|
|
67
|
+
le as SwiperCarousel,
|
|
68
|
+
Be as useValidator
|
|
67
69
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wikicasa-dev/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.37",
|
|
4
4
|
"description": "Wikicasa frontend components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
47
47
|
"@wikicasa-dev/types": "^0.9.2",
|
|
48
48
|
"@wikicasa-dev/utilities": "^0.2.1",
|
|
49
|
+
"@wikicasa-dev/svg-icons": "^0.0.1",
|
|
49
50
|
"autoprefixer": "^10.4.15",
|
|
50
51
|
"chromatic": "^11.2.0",
|
|
51
52
|
"eslint": "^8.57.0",
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { h as t } from "vue";
|
|
2
|
-
import { g as n } from "./DefaultValues.k7iQWtC2.js";
|
|
3
|
-
const d = (o, { attrs: e }) => {
|
|
4
|
-
o = { ...n(), ...o };
|
|
5
|
-
const { width: r, height: i } = o;
|
|
6
|
-
return t(
|
|
7
|
-
"svg",
|
|
8
|
-
{
|
|
9
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
-
viewBox: "0 0 20.243 11.621",
|
|
11
|
-
width: `${r}`,
|
|
12
|
-
height: `${i}`,
|
|
13
|
-
class: o.class ?? "",
|
|
14
|
-
"aria-hidden": e["aria-hidden"] ?? "true"
|
|
15
|
-
},
|
|
16
|
-
t("path", {
|
|
17
|
-
fill: "none",
|
|
18
|
-
stroke: `${e["stroke-color"] ?? "#222"}`,
|
|
19
|
-
"stroke-linecap": "round",
|
|
20
|
-
"stroke-linejoin": "round",
|
|
21
|
-
"stroke-width": `${e["stroke-width"] ?? "3"}`,
|
|
22
|
-
d: "m18.121 2.121-8 8-8-8"
|
|
23
|
-
})
|
|
24
|
-
);
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
d as A
|
|
28
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { h as i } from "vue";
|
|
2
|
-
import { g as r } from "./DefaultValues.k7iQWtC2.js";
|
|
3
|
-
const l = (o, { attrs: e }) => {
|
|
4
|
-
o = { ...r(), ...o };
|
|
5
|
-
const { width: t, height: n } = o;
|
|
6
|
-
return i(
|
|
7
|
-
"svg",
|
|
8
|
-
{
|
|
9
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
-
viewBox: "0 0 18.558 18.558",
|
|
11
|
-
width: `${t}`,
|
|
12
|
-
height: `${n}`,
|
|
13
|
-
class: o.class ?? "",
|
|
14
|
-
"aria-hidden": e["aria-hidden"] ?? "true"
|
|
15
|
-
},
|
|
16
|
-
i(
|
|
17
|
-
"g",
|
|
18
|
-
{
|
|
19
|
-
fill: "none",
|
|
20
|
-
stroke: `${e["stroke-color"] ?? "#222"}`,
|
|
21
|
-
"stroke-linecap": `${e["stroke-linecap"] ?? "round"}`,
|
|
22
|
-
"stroke-linejoin": `${e["stroke-linejoin"] ?? "round"}`,
|
|
23
|
-
"stroke-width": `${e["stroke-width"] ?? "3"}`
|
|
24
|
-
},
|
|
25
|
-
[
|
|
26
|
-
i("path", {
|
|
27
|
-
d: "m2.121 2.121 14.316 14.316"
|
|
28
|
-
}),
|
|
29
|
-
i("path", {
|
|
30
|
-
d: "M2.121 16.437 16.244 2.121"
|
|
31
|
-
})
|
|
32
|
-
]
|
|
33
|
-
)
|
|
34
|
-
);
|
|
35
|
-
};
|
|
36
|
-
export {
|
|
37
|
-
l as C
|
|
38
|
-
};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/{lib/components → components}/IntersectionObserver/IntersectionObservable.vue.d.ts
RENAMED
|
File without changes
|
/package/dist/{lib/components → components}/IntersectionObserver/IntersectionObserver.vue.d.ts
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|