@wikicasa-dev/components 1.2.30 → 1.2.32

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