@wikicasa-dev/components 2.2.8-alpha.7 → 2.2.9-alpha.0

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 (27) hide show
  1. package/dist/Swiper/autoplay.js +1 -1
  2. package/dist/Swiper/controller.js +1 -1
  3. package/dist/Swiper/keyboard.js +1 -1
  4. package/dist/Swiper/thumbs.js +1 -1
  5. package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts +26 -13
  6. package/dist/UIKit/BaseAutocomplete.d.ts +7 -7
  7. package/dist/UIKit/BaseDropDown.d.ts +3 -0
  8. package/dist/UIKit/BaseFloatingLabel.js +4 -4
  9. package/dist/UIKit/BaseModal.d.ts +4 -0
  10. package/dist/UIKit/Checkbox/CheckboxBtn.d.ts +34 -38
  11. package/dist/UIKit/Checkbox/CheckboxBtn.js +3 -2
  12. package/dist/UIKit/Checkbox/CheckboxGroup.d.ts +6 -9
  13. package/dist/assets/BaseFloatingLabel.css +1 -1
  14. package/dist/assets/CheckboxBtn.css +1 -0
  15. package/dist/assets/tailwind.css +1 -1
  16. package/dist/components/carousel/SwiperCarousel.d.ts +8 -8
  17. package/dist/index.js +84 -83
  18. package/dist/packages/components/lib/UIKit/AccessibleSelect.vue.js +30 -31
  19. package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js +98 -76
  20. package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js +1 -4
  21. package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js +101 -96
  22. package/dist/packages/components/lib/UIKit/BaseFloatingLabel.vue.js +8 -8
  23. package/dist/packages/components/lib/UIKit/BaseModal.vue.js +11 -10
  24. package/dist/packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js +3 -3
  25. package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js +42 -39
  26. package/package.json +3 -3
  27. /package/dist/assets/{swiper-controller.css → swiper-thumbs.css} +0 -0
@@ -298,7 +298,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
298
298
  [width: number]: SwiperOptions;
299
299
  [ratio: string]: SwiperOptions;
300
300
  } | undefined;
301
- breakpointsBase?: {
301
+ breakpointsBase?: "container" | {
302
302
  readonly [x: number]: string;
303
303
  toString: () => string;
304
304
  charAt: (pos: number) => string;
@@ -395,7 +395,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
395
395
  isWellFormed: () => boolean;
396
396
  toWellFormed: () => string;
397
397
  [Symbol.iterator]: () => StringIterator<string>;
398
- } | "container" | "window" | undefined;
398
+ } | "window" | undefined;
399
399
  observer?: boolean | undefined;
400
400
  observeSlideChildren?: boolean | undefined;
401
401
  observeParents?: boolean | undefined;
@@ -513,7 +513,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
513
513
  releaseOnEdges?: boolean | undefined;
514
514
  invert?: boolean | undefined;
515
515
  sensitivity?: number | undefined;
516
- eventsTarget?: HTMLElement | {
516
+ eventsTarget?: HTMLElement | "container" | {
517
517
  readonly [x: number]: string;
518
518
  toString: () => string;
519
519
  charAt: (pos: number) => string;
@@ -610,7 +610,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
610
610
  isWellFormed: () => boolean;
611
611
  toWellFormed: () => string;
612
612
  [Symbol.iterator]: () => StringIterator<string>;
613
- } | "container" | "wrapper" | undefined;
613
+ } | "wrapper" | undefined;
614
614
  thresholdDelta?: number | null | undefined;
615
615
  thresholdTime?: number | null | undefined;
616
616
  noMousewheelClass?: string | undefined;
@@ -1372,7 +1372,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
1372
1372
  [width: number]: SwiperOptions;
1373
1373
  [ratio: string]: SwiperOptions;
1374
1374
  } | undefined;
1375
- breakpointsBase?: {
1375
+ breakpointsBase?: "container" | {
1376
1376
  readonly [x: number]: string;
1377
1377
  toString: () => string;
1378
1378
  charAt: (pos: number) => string;
@@ -1469,7 +1469,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
1469
1469
  isWellFormed: () => boolean;
1470
1470
  toWellFormed: () => string;
1471
1471
  [Symbol.iterator]: () => StringIterator<string>;
1472
- } | "container" | "window" | undefined;
1472
+ } | "window" | undefined;
1473
1473
  observer?: boolean | undefined;
1474
1474
  observeSlideChildren?: boolean | undefined;
1475
1475
  observeParents?: boolean | undefined;
@@ -1587,7 +1587,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
1587
1587
  releaseOnEdges?: boolean | undefined;
1588
1588
  invert?: boolean | undefined;
1589
1589
  sensitivity?: number | undefined;
1590
- eventsTarget?: HTMLElement | {
1590
+ eventsTarget?: HTMLElement | "container" | {
1591
1591
  readonly [x: number]: string;
1592
1592
  toString: () => string;
1593
1593
  charAt: (pos: number) => string;
@@ -1684,7 +1684,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
1684
1684
  isWellFormed: () => boolean;
1685
1685
  toWellFormed: () => string;
1686
1686
  [Symbol.iterator]: () => StringIterator<string>;
1687
- } | "container" | "wrapper" | undefined;
1687
+ } | "wrapper" | undefined;
1688
1688
  thresholdDelta?: number | null | undefined;
1689
1689
  thresholdTime?: number | null | undefined;
1690
1690
  noMousewheelClass?: string | undefined;
package/dist/index.js CHANGED
@@ -1,92 +1,93 @@
1
- import { default as d } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
- import { default as x } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
3
- import { default as B } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
4
- import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
5
- import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/BaseAccordionItem.css';/* empty css */
6
- import { default as b } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
7
- import { default as g } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
8
- import { default as h } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
9
- import { default as I } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
10
- import { default as L } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
11
- import { default as D } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
12
- import { default as F } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
13
- import { default as M } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
14
- import { default as R } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
1
+ import { default as u } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
+ import { default as i } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
3
+ import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
4
+ import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
5
+ import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css */
6
+ import { default as C } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
7
+ import { default as A } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
8
+ /* empty css */
9
+ import { default as T } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
10
+ import { default as w } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
11
+ import { default as k } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
12
+ import { default as v } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
13
+ import { default as G } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
14
+ import { default as O } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
15
+ import { default as P } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
15
16
  /* empty css */
16
- import { default as U } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
17
+ import { default as V } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
17
18
  /* empty css */
18
- import { default as j } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
19
+ import { default as q } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
19
20
  /* empty css */
20
- import { default as y } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
21
+ import { default as z } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
21
22
  /* empty css */
22
- import { default as E } from "./packages/components/lib/UIKit/BaseButton.vue.js";
23
- import { default as J } from "./UIKit/BaseCard.js";
24
- import { default as N } from "./UIKit/BaseComplexToggle.js";
25
- import { default as W } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
23
+ import { default as H } from "./packages/components/lib/UIKit/BaseButton.vue.js";
24
+ import { default as K } from "./UIKit/BaseCard.js";
25
+ import { default as Q } from "./UIKit/BaseComplexToggle.js";
26
+ import { default as X } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
26
27
  /* empty css */
27
- import { default as Y } from "./UIKit/BaseFloatingLabel.js";
28
- import { default as _ } from "./UIKit/BaseInput.js";
29
- import { default as ee } from "./packages/components/lib/UIKit/BasePagination.vue.js";
30
- import { default as oe } from "./UIKit/BaseSlider.js";
31
- import { default as re } from "./UIKit/BaseTextarea.js";
32
- import { default as se } from "./UIKit/BaseToggle.js";
33
- import { default as pe } from "./UIKit/BaseTooltip.js";
34
- import { default as de } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
35
- import { default as xe } from "./packages/components/lib/UIKit/BaseModal.vue.js";
28
+ import { default as Z } from "./UIKit/BaseFloatingLabel.js";
29
+ import { default as $ } from "./UIKit/BaseInput.js";
30
+ import { default as ae } from "./packages/components/lib/UIKit/BasePagination.vue.js";
31
+ import { default as te } from "./UIKit/BaseSlider.js";
32
+ import { default as fe } from "./UIKit/BaseTextarea.js";
33
+ import { default as le } from "./UIKit/BaseToggle.js";
34
+ import { default as me } from "./UIKit/BaseTooltip.js";
35
+ import { default as ue } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
36
+ import { default as ie } from "./packages/components/lib/UIKit/BaseModal.vue.js";
36
37
  /* empty css */
37
- import { default as Be } from "./UIKit/StaticSpinner.js";
38
- import { default as ce } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
39
- import { default as be } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
40
- import { default as ge } from "./packages/components/lib/chart/DoughnutChart.vue.js";
41
- import { default as he } from "./packages/components/lib/chart/LineChart.vue.js";
42
- import { default as Ie } from "./UIKit/Slider/SimpleSlider.js";
43
- import { default as Le } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
38
+ import { default as ne } from "./UIKit/StaticSpinner.js";
39
+ import { default as Se } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
40
+ import { default as Ce } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
41
+ import { default as Ae } from "./packages/components/lib/chart/DoughnutChart.vue.js";
42
+ import { default as Te } from "./packages/components/lib/chart/LineChart.vue.js";
43
+ import { default as we } from "./UIKit/Slider/SimpleSlider.js";
44
+ import { default as ke } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
44
45
  /* empty css */
45
- import { default as De } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
46
- import { default as Fe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
47
- import { default as Me } from "./components/carousel/SwiperCarousel.js";
48
- import { default as Re } from "./components/carousel/SwiperSlide.js";
49
- import { default as Ue } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
46
+ import { default as ve } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
47
+ import { default as Ge } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
48
+ import { default as Oe } from "./components/carousel/SwiperCarousel.js";
49
+ import { default as Pe } from "./components/carousel/SwiperSlide.js";
50
+ import { default as Ve } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
50
51
  export {
51
- M as AccessibleSelect,
52
- d as BaseAccordion,
53
- x as BaseAccordionBtn,
54
- B as BaseAccordionContent,
55
- c as BaseAccordionItem,
56
- R as BaseAlert,
57
- U as BaseAutocomplete,
58
- y as BaseBadge,
59
- Ue as BaseBreadcrumb,
60
- E as BaseButton,
61
- J as BaseCard,
62
- N as BaseComplexToggle,
63
- W as BaseDropDown,
64
- Y as BaseFloatingLabel,
65
- _ as BaseInput,
66
- xe as BaseModal,
67
- ee as BasePagination,
68
- ce as BaseShimmerLoader,
69
- oe as BaseSlider,
70
- Le as BaseSnackbar,
71
- L as BaseTab,
72
- I as BaseTabView,
73
- re as BaseTextarea,
74
- se as BaseToggle,
75
- pe as BaseTooltip,
76
- de as BaseUploadFile,
77
- g as CheckboxBtn,
78
- h as CheckboxGroup,
79
- j as ClearableAutocomplete,
80
- ge as DoughnutChart,
81
- De as IntersectionObservable,
82
- Fe as IntersectionObserver,
83
- he as LineChart,
84
- D as RadioButton,
85
- F as RadioGroup,
86
- b as SelectItem,
87
- be as ShimmerMultiLine,
88
- Ie as SimpleSlider,
89
- Be as StaticSpinner,
90
- Me as SwiperCarousel,
91
- Re as SwiperSlide
52
+ O as AccessibleSelect,
53
+ u as BaseAccordion,
54
+ i as BaseAccordionBtn,
55
+ n as BaseAccordionContent,
56
+ S as BaseAccordionItem,
57
+ P as BaseAlert,
58
+ V as BaseAutocomplete,
59
+ z as BaseBadge,
60
+ Ve as BaseBreadcrumb,
61
+ H as BaseButton,
62
+ K as BaseCard,
63
+ Q as BaseComplexToggle,
64
+ X as BaseDropDown,
65
+ Z as BaseFloatingLabel,
66
+ $ as BaseInput,
67
+ ie as BaseModal,
68
+ ae as BasePagination,
69
+ Se as BaseShimmerLoader,
70
+ te as BaseSlider,
71
+ ke as BaseSnackbar,
72
+ k as BaseTab,
73
+ w as BaseTabView,
74
+ fe as BaseTextarea,
75
+ le as BaseToggle,
76
+ me as BaseTooltip,
77
+ ue as BaseUploadFile,
78
+ A as CheckboxBtn,
79
+ T as CheckboxGroup,
80
+ q as ClearableAutocomplete,
81
+ Ae as DoughnutChart,
82
+ ve as IntersectionObservable,
83
+ Ge as IntersectionObserver,
84
+ Te as LineChart,
85
+ v as RadioButton,
86
+ G as RadioGroup,
87
+ C as SelectItem,
88
+ Ce as ShimmerMultiLine,
89
+ we as SimpleSlider,
90
+ ne as StaticSpinner,
91
+ Oe as SwiperCarousel,
92
+ Pe as SwiperSlide
92
93
  };
@@ -1,7 +1,7 @@
1
- import { defineComponent as D, mergeModels as $, useModel as p, useId as F, computed as M, ref as V, watch as y, onMounted as E, onUnmounted as P, createElementBlock as u, openBlock as n, normalizeClass as a, createElementVNode as o, createCommentVNode as r, withModifiers as c, renderSlot as z, unref as b, createBlock as A, createVNode as N, Fragment as L, renderList as O } from "vue";
2
- import { useKeyboardController as S } from "@wikicasa-dev/vue-composables";
3
- import { WarningIconRounded as q, ArrowIcon as j } from "@wikicasa-dev/svg-icons";
4
- const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], U = ["innerHTML"], W = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, G = ["innerHTML"], J = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], X = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Y = ["name", "checked", "onInput"], Z = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ee = ["id", "arial-live", "innerHTML"], ae = /* @__PURE__ */ D({
1
+ import { defineComponent as H, mergeModels as $, useModel as p, useId as I, computed as M, ref as D, watch as h, onMounted as F, onUnmounted as P, createElementBlock as u, openBlock as n, normalizeClass as a, createElementVNode as o, createCommentVNode as r, withModifiers as c, renderSlot as z, unref as b, createBlock as A, createVNode as E, Fragment as V, renderList as N } from "vue";
2
+ import { useKeyboardController as O } from "@wikicasa-dev/vue-composables";
3
+ import { WarningIconRounded as S, ArrowIcon as q } from "@wikicasa-dev/svg-icons";
4
+ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], R = ["innerHTML"], U = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, W = ["innerHTML"], G = ["data-cy"], J = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, X = ["name", "checked", "onInput"], Y = ["innerHTML"], Z = ["id", "arial-live", "innerHTML"], _ = ["id", "arial-live", "innerHTML"], le = /* @__PURE__ */ H({
5
5
  inheritAttrs: !1,
6
6
  __name: "AccessibleSelect",
7
7
  props: /* @__PURE__ */ $({
@@ -32,24 +32,24 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
32
32
  toggleDropdownModifiers: {}
33
33
  }),
34
34
  emits: /* @__PURE__ */ $(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
35
- setup(e, { emit: T }) {
36
- const h = T, k = p(e, "modelValue"), g = p(e, "toggleDropdown"), B = F(), l = M(() => e.namespace || B), t = V(!1), H = V(null), m = M(() => !!k.value.label), { activeIdx: v, selectedIdx: I } = S({
35
+ setup(e, { emit: L }) {
36
+ const y = L, k = p(e, "modelValue"), g = p(e, "toggleDropdown"), T = I(), l = M(() => e.namespace || T), t = D(!1), m = M(() => !!k.value.label), { activeIdx: v, selectedIdx: B } = O({
37
37
  optionsLength: e.options.length,
38
38
  isDropdownOpen: t
39
39
  }), w = (i) => {
40
40
  t.value = !1, k.value = i;
41
41
  };
42
- y(I, (i) => {
42
+ h(B, (i) => {
43
43
  w(e.options[i]), t.value = !1;
44
- }), y(g, (i) => {
44
+ }), h(g, (i) => {
45
45
  i && (t.value = !t.value, g.value = !1);
46
- }), y(t, (i) => {
47
- h("update:dropdownState", i);
46
+ }), h(t, (i) => {
47
+ y("update:dropdownState", i);
48
48
  });
49
49
  const C = ({ target: i }) => {
50
50
  `${l.value}_btn` !== i.id && (t.value = !1);
51
51
  };
52
- return E(() => {
52
+ return F(() => {
53
53
  e.closeOnBodyPressed && document.addEventListener("click", C);
54
54
  }), P(() => {
55
55
  e.closeOnBodyPressed && document.removeEventListener("click", C);
@@ -69,7 +69,7 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
69
69
  { "uikit-left-4": !i.$slots.lefticon && !m.value }
70
70
  ]]),
71
71
  innerHTML: e.label
72
- }, null, 10, K)) : r("", !0),
72
+ }, null, 10, j)) : r("", !0),
73
73
  i.$slots.lefticon ? (n(), u("span", {
74
74
  key: 1,
75
75
  class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
@@ -79,8 +79,7 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
79
79
  ])) : r("", !0),
80
80
  o("button", {
81
81
  id: `${l.value}_btn`,
82
- ref_key: "btnEl",
83
- ref: H,
82
+ ref: "btnEl",
84
83
  type: "button",
85
84
  "data-cy": e.dataCy,
86
85
  class: a(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
@@ -94,22 +93,22 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
94
93
  "aria-invalid": e.isValid === !1,
95
94
  "aria-describedby": e.isValid === !1 ? `${l.value}_invalid_msg` : void 0,
96
95
  onClick: s[1] || (s[1] = (d) => {
97
- t.value = !t.value, h("click", d);
96
+ t.value = !t.value, y("click", d);
98
97
  })
99
98
  }, [
100
99
  o("span", {
101
100
  class: a(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
102
101
  innerHTML: k.value.visibleLabel || k.value.label
103
- }, null, 10, U),
104
- o("span", W, [
105
- e.isValid == !1 ? (n(), A(b(q), {
102
+ }, null, 10, R),
103
+ o("span", U, [
104
+ e.isValid == !1 ? (n(), A(b(S), {
106
105
  key: 0,
107
106
  class: "uikit-mr-1",
108
107
  width: 20,
109
108
  height: 20,
110
109
  "stroke-color": "#FA4F64"
111
110
  })) : r("", !0),
112
- N(b(j), {
111
+ E(b(q), {
113
112
  class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
114
113
  t.value ? "uikit-rotate-180" : "",
115
114
  e.arrowIcon?.classes
@@ -119,7 +118,7 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
119
118
  "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
120
119
  }, null, 8, ["class", "width", "height", "stroke-color"])
121
120
  ])
122
- ], 10, R),
121
+ ], 10, K),
123
122
  o("fieldset", {
124
123
  "aria-hidden": "true",
125
124
  class: a(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
@@ -138,7 +137,7 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
138
137
  key: 0,
139
138
  class: a(["uikit-mx-5px", [k.value.label ? "uikit-invisible" : "uikit-hidden"]]),
140
139
  innerHTML: e.label
141
- }, null, 10, G)) : r("", !0)
140
+ }, null, 10, W)) : r("", !0)
142
141
  ], 2)
143
142
  ], 2),
144
143
  o("ul", {
@@ -158,7 +157,7 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
158
157
  onClick: s[3] || (s[3] = c(() => {
159
158
  }, ["stop"]))
160
159
  }, [
161
- (n(!0), u(L, null, O(e.options, (d, f) => (n(), u("li", {
160
+ (n(!0), u(V, null, N(e.options, (d, f) => (n(), u("li", {
162
161
  id: `${l.value}_element_${e.options[f].label}`,
163
162
  key: `${d.label}_${f}`,
164
163
  role: "option",
@@ -169,7 +168,7 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
169
168
  onBlur: s[2] || (s[2] = c(() => {
170
169
  }, ["stop"]))
171
170
  }, [
172
- o("label", X, [
171
+ o("label", Q, [
173
172
  o("input", {
174
173
  tabindex: "-1",
175
174
  class: "uikit-m-0 uikit-appearance-none",
@@ -177,33 +176,33 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
177
176
  type: "radio",
178
177
  checked: d.label === k.value.label,
179
178
  onInput: c((x) => w(d), ["stop"])
180
- }, null, 40, Y),
179
+ }, null, 40, X),
181
180
  o("span", {
182
181
  innerHTML: d.label
183
- }, null, 8, Z)
182
+ }, null, 8, Y)
184
183
  ])
185
- ], 42, Q))), 128))
186
- ], 10, J)
184
+ ], 42, J))), 128))
185
+ ], 10, G)
187
186
  ], 2),
188
- e.feedback ? (n(), u(L, { key: 0 }, [
187
+ e.feedback ? (n(), u(V, { key: 0 }, [
189
188
  e.feedback.valid ? (n(), u("span", {
190
189
  key: 0,
191
190
  id: `${l.value}_valid_msg`,
192
191
  "arial-live": i.$attrs["aria-live"],
193
192
  class: "uikit-mt-1 uikit-inline-block uikit-text-12",
194
193
  innerHTML: e.isValid ? e.feedback.valid : ""
195
- }, null, 8, _)) : r("", !0),
194
+ }, null, 8, Z)) : r("", !0),
196
195
  e.feedback.invalid ? (n(), u("span", {
197
196
  key: 1,
198
197
  id: `${l.value}_invalid_msg`,
199
198
  "arial-live": i.$attrs["aria-live"],
200
199
  class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
201
200
  innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
202
- }, null, 8, ee)) : r("", !0)
201
+ }, null, 8, _)) : r("", !0)
203
202
  ], 64)) : r("", !0)
204
203
  ], 2));
205
204
  }
206
205
  });
207
206
  export {
208
- ae as default
207
+ le as default
209
208
  };