@wikicasa-dev/components 1.2.25 → 1.2.26
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.cjs +1 -1
- package/dist/AccessibleSelect.js +1 -1
- package/dist/AccessibleSelect.vue_vue_type_script_setup_true_lang-CWGYPn_s.cjs +1 -0
- package/dist/{AccessibleSelect.vue_vue_type_script_setup_true_lang-k0dF89Mx.js → AccessibleSelect.vue_vue_type_script_setup_true_lang-V0XqgKXS.js} +62 -62
- package/dist/BaseAccordionBtn.cjs +1 -1
- package/dist/BaseAccordionBtn.js +1 -1
- package/dist/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang-D9D4w7Mn.cjs → BaseAccordionBtn.vue_vue_type_script_setup_true_lang-BQr2_BlM.cjs} +1 -1
- package/dist/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang-B5N_3-gi.js → BaseAccordionBtn.vue_vue_type_script_setup_true_lang-CzbKLH4-.js} +10 -10
- package/dist/BaseAccordionItem.cjs +1 -1
- package/dist/BaseAccordionItem.js +1 -1
- package/dist/BaseAccordionItem.vue_vue_type_script_setup_true_lang-0R0-KeUL.cjs +1 -0
- package/dist/{BaseAccordionItem.vue_vue_type_script_setup_true_lang-34wcOXN7.js → BaseAccordionItem.vue_vue_type_script_setup_true_lang-CHXsLP6t.js} +42 -42
- package/dist/BaseAlert.cjs +1 -1
- package/dist/BaseAlert.css +1 -0
- package/dist/BaseAlert.js +2 -21
- package/dist/BaseAlert.vue_vue_type_script_setup_true_lang-CwrICy7C.js +23 -0
- package/dist/BaseAlert.vue_vue_type_script_setup_true_lang-EApeOMaK.cjs +1 -0
- package/dist/BaseAutocomplete.cjs +1 -1
- package/dist/BaseAutocomplete.js +1 -1
- package/dist/{BaseAutocomplete.vue_vue_type_script_setup_true_lang-DA6Bh4l4.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang-DO8H2Lnc.js} +1 -1
- package/dist/{BaseAutocomplete.vue_vue_type_script_setup_true_lang-CyfnN6eP.cjs → BaseAutocomplete.vue_vue_type_script_setup_true_lang-Vw4TREJv.cjs} +1 -1
- package/dist/BaseBadge.cjs +1 -1
- package/dist/BaseBadge.css +1 -0
- package/dist/BaseBadge.js +2 -18
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CTjNbikr.js +20 -0
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CoTdlbL5.cjs +1 -0
- package/dist/BaseBtModal.cjs +1 -1
- package/dist/BaseBtModal.css +1 -0
- package/dist/BaseBtModal.js +3 -2
- package/dist/BaseButton.cjs +1 -1
- package/dist/BaseButton.css +1 -0
- package/dist/BaseButton.js +1 -1
- package/dist/BaseButton.vue_vue_type_script_setup_true_lang-C4Jpz6nD.cjs +1 -0
- package/dist/{BaseButton.vue_vue_type_script_setup_true_lang-N-iDFqmD.js → BaseButton.vue_vue_type_script_setup_true_lang-CBdWTtB_.js} +1 -0
- package/dist/BaseCard.cjs +1 -1
- package/dist/BaseCard.css +1 -0
- package/dist/BaseCard.js +9 -8
- package/dist/BaseComplexToggle.cjs +1 -1
- package/dist/BaseComplexToggle.css +1 -0
- package/dist/BaseComplexToggle.js +2 -1
- package/dist/BaseDropDown.cjs +1 -1
- package/dist/BaseDropDown.js +1 -1
- package/dist/{BaseDropDown.vue_vue_type_script_setup_true_lang-BweFMHGP.js → BaseDropDown.vue_vue_type_script_setup_true_lang-6hJBGFOb.js} +1 -1
- package/dist/{BaseDropDown.vue_vue_type_script_setup_true_lang-C-tvIgOk.cjs → BaseDropDown.vue_vue_type_script_setup_true_lang-BHoTtg5-.cjs} +1 -1
- package/dist/BaseFloatingLabel.cjs +1 -1
- package/dist/BaseFloatingLabel.css +1 -0
- package/dist/BaseFloatingLabel.js +9 -8
- package/dist/BaseIcon.cjs +1 -1
- package/dist/BaseIcon.css +1 -0
- package/dist/BaseIcon.js +2 -1
- package/dist/BaseInput.cjs +1 -1
- package/dist/BaseInput.css +1 -0
- package/dist/BaseInput.js +14 -12
- package/dist/BaseNavItem.cjs +1 -1
- package/dist/BaseNavItem.css +1 -0
- package/dist/BaseNavItem.js +1 -0
- package/dist/BasePagination.cjs +1 -1
- package/dist/BasePagination.js +1 -1
- package/dist/BasePaper.cjs +1 -1
- package/dist/BasePaper.css +1 -0
- package/dist/BasePaper.js +1 -0
- package/dist/BaseSlider.cjs +2 -2
- package/dist/BaseSlider.css +1 -0
- package/dist/BaseSlider.js +7 -6
- package/dist/BaseSnackbar.cjs +1 -1
- package/dist/BaseSnackbar.css +1 -0
- package/dist/BaseSnackbar.js +8 -7
- package/dist/BaseTab.cjs +1 -1
- package/dist/BaseTab.js +9 -9
- package/dist/BaseTextarea.cjs +1 -1
- package/dist/BaseTextarea.css +1 -0
- package/dist/BaseTextarea.js +2 -1
- package/dist/BaseToggle.cjs +1 -1
- package/dist/BaseToggle.css +1 -0
- package/dist/BaseToggle.js +4 -3
- package/dist/BaseTooltip.cjs +1 -1
- package/dist/BaseTooltip.css +1 -0
- package/dist/BaseTooltip.js +2 -1
- package/dist/BaseUploadFile.cjs +1 -1
- package/dist/BaseUploadFile.js +2 -2
- package/dist/CheckboxBtn.cjs +1 -1
- package/dist/CheckboxBtn.css +1 -0
- package/dist/CheckboxBtn.js +11 -10
- package/dist/RadioButton.cjs +1 -1
- package/dist/RadioButton.js +1 -1
- package/dist/StaticSpinner.cjs +1 -1
- package/dist/StaticSpinner.css +1 -0
- package/dist/StaticSpinner.js +2 -1
- package/dist/SwiperCarousel.cjs +1 -1
- package/dist/SwiperCarousel.css +1 -0
- package/dist/SwiperCarousel.js +1 -1
- package/dist/{SwiperCarousel.vue_vue_type_style_index_0_lang-wAOLSjLf.js → SwiperCarousel.vue_vue_type_style_index_0_lang-Ck2g-QeX.js} +9 -8
- package/dist/SwiperCarousel.vue_vue_type_style_index_0_lang-Dcp0WsTT.cjs +5 -0
- package/dist/free-mode.css +1 -0
- package/dist/{index-BgbVfPBC.js → index-BYvf5Yfg.js} +2 -2
- package/dist/{index-zWmFcQq_.cjs → index-EIUFf5Sn.cjs} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -0
- package/dist/index.js +12 -11
- package/dist/navigation.css +1 -0
- package/dist/pagination.css +1 -0
- package/package.json +2 -1
- package/dist/AccessibleSelect.vue_vue_type_script_setup_true_lang-Cz_pL6kx.cjs +0 -1
- package/dist/BaseAccordionItem.vue_vue_type_script_setup_true_lang-CkRPO2NI.cjs +0 -1
- package/dist/BaseButton.vue_vue_type_script_setup_true_lang-OKgyG00A.cjs +0 -1
- package/dist/SwiperCarousel.vue_vue_type_style_index_0_lang-i2Sb9Y22.cjs +0 -5
- package/dist/free-mode-Dyvby5gX.cjs +0 -1
- package/dist/free-mode-l0sNRNKZ.js +0 -1
- package/dist/navigation-Dyvby5gX.cjs +0 -1
- package/dist/navigation-l0sNRNKZ.js +0 -1
- package/dist/pagination-Dyvby5gX.cjs +0 -1
- package/dist/pagination-l0sNRNKZ.js +0 -1
- package/dist/style.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./AccessibleSelect.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("./AccessibleSelect.vue_vue_type_script_setup_true_lang-CWGYPn_s.cjs");module.exports=e._sfc_main;
|
package/dist/AccessibleSelect.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),h=require("./useKeyboardController.cjs"),v=require("./ArrowIcon-p3-glcm0.cjs"),w=require("./DefaultValues-S0CTWW-b.cjs"),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;
|
|
@@ -4,14 +4,14 @@ import { A as D } from "./ArrowIcon-BAw-0KtW.js";
|
|
|
4
4
|
import { g as N } from "./DefaultValues-k7iQWtC2.js";
|
|
5
5
|
const S = (n, { attrs: d }) => {
|
|
6
6
|
n = { ...N(), ...n };
|
|
7
|
-
const { width: o, height:
|
|
7
|
+
const { width: o, 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
13
|
width: `${o}`,
|
|
14
|
-
height: `${
|
|
14
|
+
height: `${e}`,
|
|
15
15
|
class: n.class ?? "",
|
|
16
16
|
"aria-hidden": d["aria-hidden"] ?? "true",
|
|
17
17
|
fill: "none",
|
|
@@ -36,7 +36,7 @@ const S = (n, { attrs: d }) => {
|
|
|
36
36
|
})
|
|
37
37
|
]
|
|
38
38
|
);
|
|
39
|
-
}, j = ["id", "innerHTML"], I = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], K = ["innerHTML"], O = { class: "uikit-inline-flex" }, R = ["innerHTML"], U = ["data-cy"], W = ["id", "aria-selected", "onClick", "onMouseover"], G = { class: "uikit-inline-block uikit-cursor-pointer" }, J = ["name", "checked", "onInput"], Q = ["innerHTML"], X = ["id", "arial-live", "innerHTML"], Y = ["id", "arial-live", "innerHTML"],
|
|
39
|
+
}, j = ["id", "innerHTML"], I = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], K = ["innerHTML"], O = { class: "uikit-inline-flex" }, R = ["innerHTML"], U = ["data-cy"], W = ["id", "aria-selected", "onClick", "onMouseover"], G = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, J = ["name", "checked", "onInput"], Q = ["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,57 +53,57 @@ const S = (n, { attrs: d }) => {
|
|
|
53
53
|
},
|
|
54
54
|
emits: ["update:modelValue"],
|
|
55
55
|
setup(n, { emit: d }) {
|
|
56
|
-
const o = n,
|
|
56
|
+
const o = n, e = y(!1), g = y(null), V = T(() => !!o.modelValue.label), L = d, { activeIdx: c, selectedIdx: M } = z({
|
|
57
57
|
optionsLength: o.options.length,
|
|
58
|
-
isDropdownOpen:
|
|
59
|
-
}), v = (
|
|
60
|
-
|
|
58
|
+
isDropdownOpen: e
|
|
59
|
+
}), v = (i) => {
|
|
60
|
+
e.value = !1, L("update:modelValue", i);
|
|
61
61
|
};
|
|
62
|
-
C(M, (
|
|
63
|
-
v(o.options[
|
|
62
|
+
C(M, (i) => {
|
|
63
|
+
v(o.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
|
}), A(() => {
|
|
71
71
|
document && document.removeEventListener("click", w);
|
|
72
|
-
}), (
|
|
72
|
+
}), (i, b) => (l(), s(h, null, [
|
|
73
73
|
t("div", {
|
|
74
|
-
class: a(["uikit-relative uikit-flex uikit-items-center", [
|
|
74
|
+
class: a(["uikit-relative uikit-flex uikit-items-center", [i.label ? "uikit-h-[52px]" : "uikit-h-[42px]", i.$attrs.class]])
|
|
75
75
|
}, [
|
|
76
|
-
|
|
76
|
+
i.label ? (l(), s("label", {
|
|
77
77
|
key: 0,
|
|
78
|
-
id: `${
|
|
79
|
-
class: a(["uikit-absolute uikit-font-medium uikit-transition-all uikit-ease-in-out", [
|
|
78
|
+
id: `${i.namespace}_label`,
|
|
79
|
+
class: a(["uikit-absolute uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
|
|
80
80
|
V.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",
|
|
81
|
-
|
|
81
|
+
i.$attrs["label-classes"]
|
|
82
82
|
]]),
|
|
83
|
-
innerHTML:
|
|
83
|
+
innerHTML: i.label
|
|
84
84
|
}, null, 10, j)) : u("", !0),
|
|
85
|
-
B(
|
|
85
|
+
B(i.$slots, "lefticon"),
|
|
86
86
|
t("button", {
|
|
87
|
-
id: `${
|
|
87
|
+
id: `${i.namespace}_btn`,
|
|
88
88
|
ref_key: "btnEl",
|
|
89
89
|
ref: g,
|
|
90
90
|
type: "button",
|
|
91
|
-
"data-cy":
|
|
92
|
-
class: a(["uikit-peer uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-bg-white uikit-px-4 uikit-text-left focus-visible:uikit-outline-0",
|
|
93
|
-
"aria-required": !!
|
|
91
|
+
"data-cy": i.$attrs["data-cy"],
|
|
92
|
+
class: a(["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"]]),
|
|
93
|
+
"aria-required": !!i.$attrs.required,
|
|
94
94
|
role: "combobox",
|
|
95
95
|
"aria-haspopup": "listbox",
|
|
96
|
-
"aria-controls": `${
|
|
97
|
-
"aria-labelledby": `${
|
|
98
|
-
"aria-expanded":
|
|
99
|
-
"aria-activedescendant": k(c) >= 0 &&
|
|
96
|
+
"aria-controls": `${i.namespace}_dropdown`,
|
|
97
|
+
"aria-labelledby": `${i.namespace}_label ${i.namespace}_btn`,
|
|
98
|
+
"aria-expanded": e.value,
|
|
99
|
+
"aria-activedescendant": k(c) >= 0 && e.value ? `${i.namespace}_element_${i.options[k(c)].label}` : "",
|
|
100
100
|
"aria-invalid": o.isValid === !1,
|
|
101
|
-
"aria-describedby": o.isValid === !1 ? `${
|
|
102
|
-
onClick: b[0] || (b[0] = p((r) =>
|
|
101
|
+
"aria-describedby": o.isValid === !1 ? `${i.namespace}_invalid_msg` : void 0,
|
|
102
|
+
onClick: b[0] || (b[0] = p((r) => e.value = !e.value, ["stop"]))
|
|
103
103
|
}, [
|
|
104
104
|
t("span", {
|
|
105
|
-
class: a(
|
|
106
|
-
innerHTML:
|
|
105
|
+
class: a(i.$attrs["btn-text-classes"]),
|
|
106
|
+
innerHTML: i.modelValue.visibleLabel || i.modelValue.label
|
|
107
107
|
}, null, 10, K),
|
|
108
108
|
t("span", O, [
|
|
109
109
|
o.isValid == !1 ? (l(), E(k(S), {
|
|
@@ -113,54 +113,54 @@ const S = (n, { attrs: d }) => {
|
|
|
113
113
|
height: 20
|
|
114
114
|
})) : u("", !0),
|
|
115
115
|
P(k(D), {
|
|
116
|
-
class: a(["uikit-transition-transform motion-reduce:uikit-transition-none",
|
|
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
|
-
"stroke-color":
|
|
119
|
+
"stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : "#222"
|
|
120
120
|
}, null, 8, ["class", "stroke-color"])
|
|
121
121
|
])
|
|
122
122
|
], 10, I),
|
|
123
123
|
t("fieldset", {
|
|
124
124
|
"aria-hidden": "true",
|
|
125
|
-
class: a(["uikit-pointer-events-none uikit-absolute -uikit-top-[1px] uikit-bottom-0 uikit-left-0 uikit-right-0 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", [
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
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", [
|
|
126
|
+
i.label ? "uikit-h-12" : "uikit-h-[42px]",
|
|
127
|
+
i.$attrs["fieldset-classes"],
|
|
128
|
+
i.isValid ? "uikit-border-w-primary" : i.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary"
|
|
129
129
|
]])
|
|
130
130
|
}, [
|
|
131
|
-
|
|
131
|
+
i.label ? (l(), s("legend", {
|
|
132
132
|
key: 0,
|
|
133
|
-
class: a([
|
|
133
|
+
class: a([i.$attrs["legend-classes"], "uikit-ml-2 uikit-h-3 uikit-px-0"])
|
|
134
134
|
}, [
|
|
135
135
|
t("span", {
|
|
136
|
-
class: a(["uikit-mx-5px",
|
|
137
|
-
innerHTML:
|
|
136
|
+
class: a(["uikit-mx-5px", i.modelValue.label ? "uikit-invisible" : "uikit-hidden"]),
|
|
137
|
+
innerHTML: i.label
|
|
138
138
|
}, null, 10, R)
|
|
139
139
|
], 2)) : u("", !0)
|
|
140
140
|
], 2),
|
|
141
141
|
t("ul", {
|
|
142
|
-
"data-cy":
|
|
142
|
+
"data-cy": i.$attrs["data-cy"] && `${i.$attrs["data-cy"]}_dropdown`,
|
|
143
143
|
role: "listbox",
|
|
144
144
|
tabindex: -1,
|
|
145
145
|
"aria-multiselectable": !1,
|
|
146
|
-
class: a(["uikit-absolute uikit-z-10 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-overflow-y-auto uikit-no-scrollbar", [
|
|
147
|
-
{ "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !
|
|
146
|
+
class: a(["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", [
|
|
147
|
+
{ "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !e.value },
|
|
148
148
|
{
|
|
149
|
-
"uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white":
|
|
149
|
+
"uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": e.value
|
|
150
150
|
},
|
|
151
|
-
{ "uikit-bottom-[55px]":
|
|
152
|
-
{ "uikit-top-[55px]":
|
|
153
|
-
|
|
151
|
+
{ "uikit-bottom-[55px]": i.dropdownPosition === "top" },
|
|
152
|
+
{ "uikit-top-[55px]": i.dropdownPosition === "bottom" },
|
|
153
|
+
i.$attrs["dropdown-classes"]
|
|
154
154
|
]]),
|
|
155
155
|
onClick: b[1] || (b[1] = p(() => {
|
|
156
156
|
}, ["stop"]))
|
|
157
157
|
}, [
|
|
158
|
-
(l(!0), s(h, null, q(
|
|
159
|
-
id: `${
|
|
158
|
+
(l(!0), s(h, null, q(i.options, (r, m) => (l(), s("li", {
|
|
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
|
-
class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured",
|
|
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
164
|
onClick: p(($) => v(r), ["stop"]),
|
|
165
165
|
onMouseover: p(($) => c.value = m, ["stop"])
|
|
166
166
|
}, [
|
|
@@ -168,9 +168,9 @@ const S = (n, { attrs: d }) => {
|
|
|
168
168
|
t("input", {
|
|
169
169
|
tabindex: "-1",
|
|
170
170
|
class: "uikit-appearance-none",
|
|
171
|
-
name: `${
|
|
171
|
+
name: `${i.namespace}_radio`,
|
|
172
172
|
type: "radio",
|
|
173
|
-
checked: r.label ===
|
|
173
|
+
checked: r.label === i.modelValue.label,
|
|
174
174
|
onInput: p(($) => v(r), ["stop"])
|
|
175
175
|
}, null, 40, J),
|
|
176
176
|
t("span", {
|
|
@@ -180,25 +180,25 @@ const S = (n, { attrs: d }) => {
|
|
|
180
180
|
], 42, W))), 128))
|
|
181
181
|
], 10, U)
|
|
182
182
|
], 2),
|
|
183
|
-
|
|
184
|
-
|
|
183
|
+
i.feedback ? (l(), s(h, { key: 0 }, [
|
|
184
|
+
i.feedback.valid ? (l(), s("span", {
|
|
185
185
|
key: 0,
|
|
186
|
-
id: `${
|
|
187
|
-
"arial-live":
|
|
186
|
+
id: `${i.namespace}_valid_msg`,
|
|
187
|
+
"arial-live": i.$attrs["aria-live"],
|
|
188
188
|
class: "uikit-mb-2 uikit-text-sm",
|
|
189
|
-
innerHTML:
|
|
189
|
+
innerHTML: i.isValid ? i.feedback.valid : ""
|
|
190
190
|
}, null, 8, X)) : u("", !0),
|
|
191
|
-
|
|
191
|
+
i.feedback.invalid ? (l(), s("span", {
|
|
192
192
|
key: 1,
|
|
193
|
-
id: `${
|
|
194
|
-
"arial-live":
|
|
193
|
+
id: `${i.namespace}_invalid_msg`,
|
|
194
|
+
"arial-live": i.$attrs["aria-live"],
|
|
195
195
|
class: "uikit-mb-2 uikit-text-sm uikit-text-w-danger",
|
|
196
|
-
innerHTML:
|
|
196
|
+
innerHTML: i.isValid === !1 ? i.feedback.invalid : ""
|
|
197
197
|
}, null, 8, Y)) : u("", !0)
|
|
198
198
|
], 64)) : u("", !0)
|
|
199
199
|
], 64));
|
|
200
200
|
}
|
|
201
201
|
});
|
|
202
202
|
export {
|
|
203
|
-
|
|
203
|
+
ei as _
|
|
204
204
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./BaseAccordionBtn.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("./BaseAccordionBtn.vue_vue_type_script_setup_true_lang-BQr2_BlM.cjs");module.exports=e._sfc_main;
|
package/dist/BaseAccordionBtn.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),s=require("./ArrowIcon-p3-glcm0.cjs"),a=["id"],l=["aria-expanded","aria-controls"],d=e.defineComponent({inheritAttrs:!1,__name:"BaseAccordionBtn",props:{id:{},arrowWidth:{default:12},onContainerClickExpand:{type:Boolean,default:!1},accordionOpen:{type:Boolean,default:!1},toggleAccordion:{}},emits:["click"],setup(c,{emit:
|
|
1
|
+
"use strict";const e=require("vue"),s=require("./ArrowIcon-p3-glcm0.cjs"),a=["id"],l=["aria-expanded","aria-controls"],d=e.defineComponent({inheritAttrs:!1,__name:"BaseAccordionBtn",props:{id:{},arrowWidth:{default:12},onContainerClickExpand:{type:Boolean,default:!1},accordionOpen:{type:Boolean,default:!1},toggleAccordion:{}},emits:["click"],setup(c,{emit:i}){const t=i;return(o,n)=>(e.openBlock(),e.createElementBlock("div",{id:`${o.id}`,class:e.normalizeClass(["uikit-flex uikit-items-center uikit-justify-around",[o.$attrs["btn-wrapper-classes"],o.onContainerClickExpand&&"uikit-cursor-pointer"]]),onClick:n[1]||(n[1]=r=>o.onContainerClickExpand&&o.toggleAccordion())},[e.renderSlot(o.$slots,"custom_content"),e.renderSlot(o.$slots,"custom_btn",{btnId:`btn-${o.id}`,isOpen:o.accordionOpen,toggleAccordion:o.toggleAccordion},()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["uikit-border-0 uikit-bg-transparent",o.$attrs["btn-classes"]]),"aria-expanded":o.accordionOpen,"aria-controls":`accordion-text-${o.id}`,onClick:n[0]||(n[0]=e.withModifiers(r=>{o.toggleAccordion(),t("click")},["prevent","stop"]))},[e.createVNode(e.unref(s.ArrowIcon),{class:e.normalizeClass(["uikit-transition-transform motion-reduce:uikit-transition-none",[o.accordionOpen&&"uikit-rotate-180",o.$attrs["arrow-classes"]]]),width:o.arrowWidth,height:o.arrowWidth},null,8,["class","width","height"])],10,l)])],10,a))}});exports._sfc_main=d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as a, openBlock as d, createElementBlock as l, normalizeClass as
|
|
2
|
-
import { A as
|
|
3
|
-
const f = ["id"], g = ["aria-expanded", "aria-controls"],
|
|
1
|
+
import { defineComponent as a, openBlock as d, createElementBlock as l, normalizeClass as t, renderSlot as n, createElementVNode as c, withModifiers as p, createVNode as u, unref as k } from "vue";
|
|
2
|
+
import { A as m } from "./ArrowIcon-BAw-0KtW.js";
|
|
3
|
+
const f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ a({
|
|
4
4
|
inheritAttrs: !1,
|
|
5
5
|
__name: "BaseAccordionBtn",
|
|
6
6
|
props: {
|
|
@@ -15,29 +15,29 @@ const f = ["id"], g = ["aria-expanded", "aria-controls"], w = /* @__PURE__ */ a(
|
|
|
15
15
|
const r = i;
|
|
16
16
|
return (o, e) => (d(), l("div", {
|
|
17
17
|
id: `${o.id}`,
|
|
18
|
-
class:
|
|
18
|
+
class: t(["uikit-flex uikit-items-center uikit-justify-around", [
|
|
19
19
|
o.$attrs["btn-wrapper-classes"],
|
|
20
20
|
o.onContainerClickExpand && "uikit-cursor-pointer"
|
|
21
21
|
]]),
|
|
22
22
|
onClick: e[1] || (e[1] = (s) => o.onContainerClickExpand && o.toggleAccordion())
|
|
23
23
|
}, [
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
n(o.$slots, "custom_content"),
|
|
25
|
+
n(o.$slots, "custom_btn", {
|
|
26
26
|
btnId: `btn-${o.id}`,
|
|
27
27
|
isOpen: o.accordionOpen,
|
|
28
28
|
toggleAccordion: o.toggleAccordion
|
|
29
29
|
}, () => [
|
|
30
30
|
c("button", {
|
|
31
31
|
type: "button",
|
|
32
|
-
class:
|
|
32
|
+
class: t(["uikit-border-0 uikit-bg-transparent", o.$attrs["btn-classes"]]),
|
|
33
33
|
"aria-expanded": o.accordionOpen,
|
|
34
34
|
"aria-controls": `accordion-text-${o.id}`,
|
|
35
35
|
onClick: e[0] || (e[0] = p((s) => {
|
|
36
36
|
o.toggleAccordion(), r("click");
|
|
37
37
|
}, ["prevent", "stop"]))
|
|
38
38
|
}, [
|
|
39
|
-
u(m
|
|
40
|
-
class:
|
|
39
|
+
u(k(m), {
|
|
40
|
+
class: t(["uikit-transition-transform motion-reduce:uikit-transition-none", [
|
|
41
41
|
o.accordionOpen && "uikit-rotate-180",
|
|
42
42
|
o.$attrs["arrow-classes"]
|
|
43
43
|
]]),
|
|
@@ -50,5 +50,5 @@ const f = ["id"], g = ["aria-expanded", "aria-controls"], w = /* @__PURE__ */ a(
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
export {
|
|
53
|
-
|
|
53
|
+
b as _
|
|
54
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./BaseAccordionItem.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("./BaseAccordionItem.vue_vue_type_script_setup_true_lang-0R0-KeUL.cjs");module.exports=e._sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("vue"),l=require("./ArrowIcon-p3-glcm0.cjs"),d=require("./BaseAccordionContent.vue_vue_type_script_setup_true_lang-U3YQw0dV.cjs"),u=require("./BaseAccordionBtn.vue_vue_type_script_setup_true_lang-BQr2_BlM.cjs"),p={key:0},m=["id","data-cy","aria-expanded","aria-controls"],k=["itemprop","innerHTML"],w=t.defineComponent({inheritAttrs:!1,__name:"BaseAccordionItem",props:{title:{},id:{},active:{type:Boolean,default:!1},arrowWidth:{default:12},onContainerClickExpand:{type:Boolean,default:!1}},emits:["click","accordionOpened","accordionClosed","update:accordionState"],setup(r,{emit:c}){const s=c,o=t.ref(!1),n=r;t.watch(o,e=>{s(e?"accordionOpened":"accordionClosed",n),s("update:accordionState",e),o.value=e}),t.watch(()=>n.active,e=>{o.value=e},{immediate:!0});const a=()=>{o.value=!o.value};return(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(e.$attrs["root-classes"])},[!e.$slots.custom_content&&!e.$slots.custom_btn&&!e.$slots.custom_accordion?(t.openBlock(),t.createElementBlock("h2",p,[t.createElementVNode("button",{id:`accordion-title-${e.id}`,type:"button",class:t.normalizeClass(["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",e.$attrs["btn-classes"]]),"data-cy":e.$attrs["data-cy"],"aria-expanded":o.value,"aria-controls":`accordion-text-${e.id}`,onClick:i[0]||(i[0]=t.withModifiers($=>{a(),s("click")},["prevent","stop"]))},[t.createElementVNode("span",{itemprop:e.$attrs.itemprop,innerHTML:e.title},null,8,k),t.createVNode(t.unref(l.ArrowIcon),{class:t.normalizeClass(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none",[o.value&&"uikit-rotate-180",e.$attrs["arrow-classes"]]]),"arrow-classes":e.$attrs["arrow-classes"],width:e.arrowWidth,height:e.arrowWidth},null,8,["class","arrow-classes","width","height"])],10,m)])):(e.$slots.custom_content||e.$slots.custom_btn)&&!e.$slots.custom_accordion?(t.openBlock(),t.createBlock(u._sfc_main,{key:1,id:e.id,"btn-wrapper-classes":e.$attrs["btn-wrapper-classes"],"btn-classes":e.$attrs["btn-classes"],"arrow-classes":e.$attrs["arrow-classes"],"toggle-accordion":a,"on-container-click-expand":e.onContainerClickExpand},{custom_content:t.withCtx(()=>[t.renderSlot(e.$slots,"custom_content")]),custom_btn:t.withCtx(()=>[t.renderSlot(e.$slots,"custom_btn",{btnId:`btn-${e.id}`,isOpen:o.value,toggleAccordion:a})]),_:3},8,["id","btn-wrapper-classes","btn-classes","arrow-classes","on-container-click-expand"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"custom_accordion",{id:e.id,isOpen:o.value,toggleAccordion:a},()=>[t.createVNode(d._sfc_main,{id:e.id,"accordion-open":o.value,"accordion-open-classes":e.$attrs["accordion-open-classes"],"accordion-close-classes":e.$attrs["accordion-close-classes"],"accordion-classes":e.$attrs["accordion-classes"]},{custom_accordion_content:t.withCtx(()=>[t.renderSlot(e.$slots,"custom_accordion_content",{isOpen:o.value})]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{isOpen:o.value})]),_:3},8,["id","accordion-open","accordion-open-classes","accordion-close-classes","accordion-classes"])])],2))}});exports._sfc_main=w;
|
|
@@ -1,7 +1,7 @@
|
|
|
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
2
|
import { A as y } from "./ArrowIcon-BAw-0KtW.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-
|
|
4
|
+
import { _ as O } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang-CzbKLH4-.js";
|
|
5
5
|
const B = { key: 0 }, A = ["id", "data-cy", "aria-expanded", "aria-controls"], E = ["itemprop", "innerHTML"], W = /* @__PURE__ */ f({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "BaseAccordionItem",
|
|
@@ -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 = $, s = w(!1), n = k;
|
|
18
|
+
d(s, (o) => {
|
|
19
|
+
t(o ? "accordionOpened" : "accordionClosed", n), t("update:accordionState", o), s.value = o;
|
|
20
20
|
}), d(
|
|
21
21
|
() => n.active,
|
|
22
|
-
(
|
|
23
|
-
|
|
22
|
+
(o) => {
|
|
23
|
+
s.value = o;
|
|
24
24
|
},
|
|
25
25
|
{ immediate: !0 }
|
|
26
26
|
);
|
|
27
27
|
const a = () => {
|
|
28
|
-
|
|
28
|
+
s.value = !s.value;
|
|
29
29
|
};
|
|
30
|
-
return (
|
|
31
|
-
class: c(
|
|
30
|
+
return (o, l) => (r(), u("div", {
|
|
31
|
+
class: c(o.$attrs["root-classes"])
|
|
32
32
|
}, [
|
|
33
|
-
!
|
|
33
|
+
!o.$slots.custom_content && !o.$slots.custom_btn && !o.$slots.custom_accordion ? (r(), u("h2", B, [
|
|
34
34
|
p("button", {
|
|
35
|
-
id: `accordion-title-${
|
|
35
|
+
id: `accordion-title-${o.id}`,
|
|
36
36
|
type: "button",
|
|
37
|
-
class: c(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between 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-${
|
|
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", o.$attrs["btn-classes"]]),
|
|
38
|
+
"data-cy": o.$attrs["data-cy"],
|
|
39
|
+
"aria-expanded": s.value,
|
|
40
|
+
"aria-controls": `accordion-text-${o.id}`,
|
|
41
41
|
onClick: l[0] || (l[0] = b((I) => {
|
|
42
42
|
a(), t("click");
|
|
43
43
|
}, ["prevent", "stop"]))
|
|
44
44
|
}, [
|
|
45
45
|
p("span", {
|
|
46
|
-
itemprop:
|
|
47
|
-
innerHTML:
|
|
46
|
+
itemprop: o.$attrs.itemprop,
|
|
47
|
+
innerHTML: o.title
|
|
48
48
|
}, null, 8, E),
|
|
49
49
|
m(h(y), {
|
|
50
50
|
class: c(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
s.value && "uikit-rotate-180",
|
|
52
|
+
o.$attrs["arrow-classes"]
|
|
53
53
|
]]),
|
|
54
|
-
"arrow-classes":
|
|
55
|
-
width:
|
|
56
|
-
height:
|
|
54
|
+
"arrow-classes": o.$attrs["arrow-classes"],
|
|
55
|
+
width: o.arrowWidth,
|
|
56
|
+
height: o.arrowWidth
|
|
57
57
|
}, null, 8, ["class", "arrow-classes", "width", "height"])
|
|
58
58
|
], 10, A)
|
|
59
|
-
])) : (
|
|
59
|
+
])) : (o.$slots.custom_content || o.$slots.custom_btn) && !o.$slots.custom_accordion ? (r(), v(O, {
|
|
60
60
|
key: 1,
|
|
61
|
-
id:
|
|
62
|
-
"btn-wrapper-classes":
|
|
63
|
-
"btn-classes":
|
|
64
|
-
"arrow-classes":
|
|
61
|
+
id: o.id,
|
|
62
|
+
"btn-wrapper-classes": o.$attrs["btn-wrapper-classes"],
|
|
63
|
+
"btn-classes": o.$attrs["btn-classes"],
|
|
64
|
+
"arrow-classes": o.$attrs["arrow-classes"],
|
|
65
65
|
"toggle-accordion": a,
|
|
66
|
-
"on-container-click-expand":
|
|
66
|
+
"on-container-click-expand": o.onContainerClickExpand
|
|
67
67
|
}, {
|
|
68
68
|
custom_content: i(() => [
|
|
69
|
-
e(
|
|
69
|
+
e(o.$slots, "custom_content")
|
|
70
70
|
]),
|
|
71
71
|
custom_btn: i(() => [
|
|
72
|
-
e(
|
|
73
|
-
btnId: `btn-${
|
|
74
|
-
isOpen:
|
|
72
|
+
e(o.$slots, "custom_btn", {
|
|
73
|
+
btnId: `btn-${o.id}`,
|
|
74
|
+
isOpen: s.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(o.$slots, "custom_accordion", {
|
|
81
|
+
id: o.id,
|
|
82
|
+
isOpen: s.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: o.id,
|
|
87
|
+
"accordion-open": s.value,
|
|
88
|
+
"accordion-open-classes": o.$attrs["accordion-open-classes"],
|
|
89
|
+
"accordion-close-classes": o.$attrs["accordion-close-classes"],
|
|
90
|
+
"accordion-classes": o.$attrs["accordion-classes"]
|
|
91
91
|
}, {
|
|
92
92
|
custom_accordion_content: i(() => [
|
|
93
|
-
e(
|
|
93
|
+
e(o.$slots, "custom_accordion_content", { isOpen: s.value })
|
|
94
94
|
]),
|
|
95
95
|
default: i(() => [
|
|
96
|
-
e(
|
|
96
|
+
e(o.$slots, "default", { isOpen: s.value })
|
|
97
97
|
]),
|
|
98
98
|
_: 3
|
|
99
99
|
}, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-classes"])
|
package/dist/BaseAlert.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("
|
|
1
|
+
"use strict";const e=require("./BaseAlert.vue_vue_type_script_setup_true_lang-EApeOMaK.cjs");module.exports=e._sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.uikit-alert{margin-bottom:1rem;border-radius:12px;padding:1rem;font-weight:500}.uikit-alert.uikit-alert-w-primary{--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity))}.uikit-alert.uikit-alert-w-danger{--tw-bg-opacity: 1;background-color:rgb(255 244 244 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(250 79 100 / var(--tw-text-opacity))}
|
package/dist/BaseAlert.js
CHANGED
|
@@ -1,23 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
-
const i = ["id"], p = /* @__PURE__ */ t({
|
|
4
|
-
__name: "BaseAlert",
|
|
5
|
-
props: {
|
|
6
|
-
text: { default: "" },
|
|
7
|
-
alrtClass: { default: "" }
|
|
8
|
-
},
|
|
9
|
-
setup(_) {
|
|
10
|
-
return (e, c) => (r(), a("div", {
|
|
11
|
-
id: e.$attrs.id,
|
|
12
|
-
class: s(["uikit-alert", e.alrtClass]),
|
|
13
|
-
role: "alert"
|
|
14
|
-
}, [
|
|
15
|
-
o(e.$slots, "default", {}, () => [
|
|
16
|
-
l(n(e.text), 1)
|
|
17
|
-
], !0)
|
|
18
|
-
], 10, i));
|
|
19
|
-
}
|
|
20
|
-
}), u = /* @__PURE__ */ d(p, [["__scopeId", "data-v-593b3e6f"]]);
|
|
1
|
+
import { _ as f } from "./BaseAlert.vue_vue_type_script_setup_true_lang-CwrICy7C.js";
|
|
21
2
|
export {
|
|
22
|
-
|
|
3
|
+
f as default
|
|
23
4
|
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import './BaseAlert.css';
|
|
2
|
+
import { defineComponent as t, openBlock as r, createElementBlock as a, normalizeClass as s, renderSlot as l, createTextVNode as o, toDisplayString as n } from "vue";
|
|
3
|
+
const i = ["id"], m = /* @__PURE__ */ t({
|
|
4
|
+
__name: "BaseAlert",
|
|
5
|
+
props: {
|
|
6
|
+
text: { default: "" },
|
|
7
|
+
alrtClass: { default: "" }
|
|
8
|
+
},
|
|
9
|
+
setup(d) {
|
|
10
|
+
return (e, p) => (r(), a("div", {
|
|
11
|
+
id: e.$attrs.id,
|
|
12
|
+
class: s(["uikit-alert", e.alrtClass]),
|
|
13
|
+
role: "alert"
|
|
14
|
+
}, [
|
|
15
|
+
l(e.$slots, "default", {}, () => [
|
|
16
|
+
o(n(e.text), 1)
|
|
17
|
+
])
|
|
18
|
+
], 10, i));
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
export {
|
|
22
|
+
m as _
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require('./BaseAlert.css');"use strict";const e=require("vue"),s=["id"],r=e.defineComponent({__name:"BaseAlert",props:{text:{default:""},alrtClass:{default:""}},setup(a){return(t,l)=>(e.openBlock(),e.createElementBlock("div",{id:t.$attrs.id,class:e.normalizeClass(["uikit-alert",t.alrtClass]),role:"alert"},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],10,s))}});exports._sfc_main=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./BaseAutocomplete.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("./BaseAutocomplete.vue_vue_type_script_setup_true_lang-Vw4TREJv.cjs");module.exports=e._sfc_main;
|
package/dist/BaseAutocomplete.js
CHANGED
|
@@ -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-6hJBGFOb.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";
|