@wikicasa-dev/components 2.2.9-alpha.27 → 2.2.9-alpha.28

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.
@@ -1,5 +1,5 @@
1
1
  import { Autoplay as t } from "swiper/modules";
2
- import '../assets/swiper-keyboard.css';/* empty css */
2
+ import '../assets/swiper-autoplay.css';/* empty css */
3
3
  export {
4
4
  t as Autoplay
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import { Controller as e } from "swiper/modules";
2
- import '../assets/swiper-keyboard.css';/* empty css */
2
+ import '../assets/swiper-autoplay.css';/* empty css */
3
3
  export {
4
4
  e as Controller
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import { Keyboard as m } from "swiper/modules";
2
- import '../assets/swiper-keyboard.css';/* empty css */
2
+ import '../assets/swiper-autoplay.css';/* empty css */
3
3
  export {
4
4
  m as Keyboard
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import { Thumbs as p } from "swiper/modules";
2
- import '../assets/swiper-keyboard.css';/* empty css */
2
+ import '../assets/swiper-autoplay.css';/* empty css */
3
3
  export {
4
4
  p as Thumbs
5
5
  };
@@ -1,9 +1,8 @@
1
- import { defineComponent as D, mergeModels as y, useModel as h, useId as F, useTemplateRef as z, computed as C, watch as A, createElementBlock as a, openBlock as l, createVNode as $, createCommentVNode as r, normalizeClass as o, withCtx as x, Fragment as M, renderList as I, withModifiers as f, createElementVNode as n, renderSlot as N, createBlock as E, unref as V } from "vue";
1
+ import { defineComponent as D, mergeModels as y, useModel as p, useId as F, useTemplateRef as z, computed as C, watch as I, createElementBlock as a, openBlock as l, createVNode as $, createCommentVNode as r, normalizeClass as o, withCtx as x, Fragment as M, renderList as N, withModifiers as f, createElementVNode as n, renderSlot as A, createBlock as E, unref as V } from "vue";
2
2
  import { WarningIconRounded as P, ArrowIcon as R } from "@wikicasa-dev/svg-icons";
3
3
  import q from "./BaseDropDown.vue.js";
4
4
  import '../../../../assets/BaseDropDown.css';/* empty css */
5
5
  const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, U = ["id", "innerHTML"], j = ["onClick"], G = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "onClick"], W = ["innerHTML"], J = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, K = ["innerHTML"], O = ["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"], ae = /* @__PURE__ */ D({
6
- inheritAttrs: !1,
7
6
  __name: "AccessibleSelect",
8
7
  props: /* @__PURE__ */ y({
9
8
  label: { default: "" },
@@ -36,10 +35,10 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
36
35
  }),
37
36
  emits: /* @__PURE__ */ y(["click", "update:dropdownState"], ["update:modelValue", "update:open", "update:toggleDropdown"]),
38
37
  setup(e, { emit: T }) {
39
- const L = T, k = h(e, "modelValue"), m = h(e, "open"), p = h(e, "toggleDropdown"), B = F(), H = z("dropdownRef"), t = C(() => e.namespace || B), v = C(() => !!k.value.label), w = (i) => {
38
+ const L = T, k = p(e, "modelValue"), m = p(e, "open"), g = p(e, "toggleDropdown"), B = F(), H = z("dropdownRef"), t = C(() => e.namespace || B), v = C(() => !!k.value.label), w = (i) => {
40
39
  m.value = !1, k.value = i, console.log("DEBUG:handleChange", i);
41
40
  };
42
- return A(
41
+ return I(
43
42
  () => H.value?.selectedIdx,
44
43
  (i) => {
45
44
  i === void 0 || i === -1 || (w(e.options[i]), m.value = !1);
@@ -49,8 +48,8 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
49
48
  ref: "dropdownRef",
50
49
  open: m.value,
51
50
  "onUpdate:open": c[1] || (c[1] = (s) => m.value = s),
52
- "toggle-dropdown": p.value,
53
- "onUpdate:toggleDropdown": c[2] || (c[2] = (s) => p.value = s),
51
+ "toggle-dropdown": g.value,
52
+ "onUpdate:toggleDropdown": c[2] || (c[2] = (s) => g.value = s),
54
53
  class: o([e.wrapperClasses]),
55
54
  "close-when-clicked-outside": e.closeOnBodyPressed,
56
55
  direction: e.dropdownPosition === "top" ? "up" : "down",
@@ -83,7 +82,7 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
83
82
  class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
84
83
  onClick: f((d) => s(), ["stop"])
85
84
  }, [
86
- N(i.$slots, "lefticon")
85
+ A(i.$slots, "lefticon")
87
86
  ], 8, j)) : r("", !0),
88
87
  n("button", {
89
88
  id: `${t.value}_btn`,
@@ -150,14 +149,14 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
150
149
  ])
151
150
  ]),
152
151
  default: x(({ activeIdx: s, setActiveIdx: b }) => [
153
- (l(!0), a(M, null, I(e.options, (u, d) => (l(), a("li", {
152
+ (l(!0), a(M, null, N(e.options, (u, d) => (l(), a("li", {
154
153
  id: `${t.value}_element_${e.options[d].label}`,
155
154
  key: `${u.label}_${d}`,
156
155
  role: "option",
157
156
  "aria-selected": s === d,
158
157
  class: o(["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", e.dropdownItemClasses]),
159
- onClick: f((g) => w(u), ["stop"]),
160
- onMouseover: f((g) => b(d), ["stop"]),
158
+ onClick: f((h) => w(u), ["stop"]),
159
+ onMouseover: f((h) => b(d), ["stop"]),
161
160
  onBlur: c[0] || (c[0] = f(() => {
162
161
  }, ["stop"]))
163
162
  }, [
@@ -168,7 +167,7 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
168
167
  name: `${t.value}_radio`,
169
168
  type: "radio",
170
169
  checked: u.label === k.value.label,
171
- onInput: f((g) => w(u), ["stop"])
170
+ onInput: f((h) => w(u), ["stop"])
172
171
  }, null, 40, X),
173
172
  n("span", {
174
173
  innerHTML: u.label
@@ -1,11 +1,11 @@
1
- import { defineComponent as T, mergeModels as K, useId as N, useModel as v, shallowRef as R, computed as V, useTemplateRef as I, onMounted as z, onUnmounted as q, watch as l, nextTick as F, createElementBlock as P, openBlock as k, normalizeClass as d, renderSlot as B, createBlock as x, unref as a, createVNode as U, withCtx as A, createElementVNode as j, createCommentVNode as G, resolveDynamicComponent as J, mergeProps as Q } from "vue";
1
+ import { defineComponent as T, mergeModels as B, useId as N, useModel as v, shallowRef as R, computed as U, useTemplateRef as I, onMounted as V, onUnmounted as z, watch as l, nextTick as F, createElementBlock as G, openBlock as k, normalizeClass as s, renderSlot as K, createBlock as x, unref as a, createVNode as q, withCtx as A, createElementVNode as P, createCommentVNode as j, resolveDynamicComponent as J, mergeProps as Q } from "vue";
2
2
  import X from "./BaseButton.vue.js";
3
3
  import { ArrowIcon as Y } from "@wikicasa-dev/svg-icons";
4
4
  import { useKeyboardController as Z } from "@wikicasa-dev/vue-composables";
5
5
  const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
6
6
  inheritAttrs: !1,
7
7
  __name: "BaseDropDown",
8
- props: /* @__PURE__ */ K({
8
+ props: /* @__PURE__ */ B({
9
9
  dropdownAttrs: {},
10
10
  dropdownClasses: { default: "" },
11
11
  btnClasses: { default: "" },
@@ -31,24 +31,27 @@ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
31
31
  open: { type: Boolean, default: !1 },
32
32
  openModifiers: {}
33
33
  }),
34
- emits: /* @__PURE__ */ K(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController", "update:open"]),
34
+ emits: /* @__PURE__ */ B(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController", "update:open"]),
35
35
  setup(t, { expose: L, emit: S }) {
36
- const n = t, w = N(), m = S, p = v(t, "toggleDropdown"), y = v(
36
+ const n = t, m = N(), w = S, p = v(t, "toggleDropdown"), y = v(
37
37
  t,
38
38
  "resetKeyboardController"
39
39
  ), o = v(t, "open");
40
- let C = !1;
41
- const s = R([]), M = V(() => s.value.length), u = I("container"), c = I("dropdown"), { activeIdx: i, selectedIdx: r, onKeyDownHandler: O } = Z({
40
+ let g = !1;
41
+ const u = R([]), M = U(() => u.value.length), d = I("container"), c = I("dropdown"), { activeIdx: i, selectedIdx: r, onKeyDownHandler: O } = Z({
42
42
  optionsLength: M,
43
43
  isDropdownOpen: o,
44
44
  global: !1,
45
45
  closeKeys: n.closeKeys ? n.closeKeys : []
46
46
  }), h = () => {
47
- o.value = !1, console.trace();
48
- }, b = ({ target: e }) => {
49
- u.value?.contains(e) || h();
50
- }, g = (e) => {
51
- o.value && (u.value?.contains(e.target) || h());
47
+ o.value = !1;
48
+ }, C = ({ target: e }) => {
49
+ d.value?.contains(e) || h();
50
+ }, b = (e) => {
51
+ console.log("DEBUG:handleDocumentFocusIn", {
52
+ container: d.value,
53
+ target: e.target
54
+ }), o.value && (d.value?.contains(e.target) || h());
52
55
  }, W = (e) => {
53
56
  n.activateKeyboardController && O(e);
54
57
  }, f = () => {
@@ -58,12 +61,12 @@ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
58
61
  }, H = (e) => {
59
62
  e != null && (r.value = e);
60
63
  }, D = () => {
61
- c.value && (s.value = Array.from(c.value.children));
64
+ c.value && (u.value = Array.from(c.value.children));
62
65
  };
63
- return z(() => {
66
+ return V(() => {
64
67
  D();
65
- }), q(() => {
66
- n.closeWhenClickedOutside && (document.removeEventListener("click", b), document.removeEventListener("focusin", g));
68
+ }), z(() => {
69
+ n.closeWhenClickedOutside && (document.removeEventListener("click", C), document.removeEventListener("focusin", b));
67
70
  }), l(y, (e) => {
68
71
  e && (i.value = -1, r.value = -1, F(() => {
69
72
  D(), y.value = !1;
@@ -77,60 +80,60 @@ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
77
80
  immediate: !0
78
81
  }
79
82
  ), l(o, (e) => {
80
- m("update:dropdownState", e);
83
+ w("update:dropdownState", e);
81
84
  }), l(o, (e) => {
82
- !e || C || !n.closeWhenClickedOutside || (document.addEventListener("click", b), document.addEventListener("focusin", g), C = !0);
85
+ !e || g || !n.closeWhenClickedOutside || (console.log("DEBUG: registering global events"), document.addEventListener("click", C), document.addEventListener("focusin", b), g = !0);
83
86
  }), l(p, (e) => {
84
87
  e && (o.value = !o.value, p.value = !1);
85
88
  }), l(r, (e) => {
86
- e !== -1 && s.value[e]?.querySelector("a")?.click();
89
+ e !== -1 && u.value[e]?.querySelector("a")?.click();
87
90
  }), L({
88
91
  activeIdx: i,
89
92
  selectedIdx: r,
90
- getRootElement: () => u.value,
93
+ getRootElement: () => d.value,
91
94
  getContentElement: () => c.value
92
- }), (e, E) => (k(), P("div", {
95
+ }), (e, E) => (k(), G("div", {
93
96
  ref: "container",
94
- class: d(["uikit-relative uikit-block", e.$attrs.class]),
97
+ class: s(["uikit-relative uikit-block", e.$attrs.class]),
95
98
  onKeydown: W
96
99
  }, [
97
- B(e.$slots, "btn_slot", {
100
+ K(e.$slots, "btn_slot", {
98
101
  toggleDropdown: f,
99
102
  isOpen: o.value,
100
103
  activeIdx: a(i)
101
104
  }, () => [
102
- U(X, {
103
- id: a(w),
105
+ q(X, {
106
+ id: a(m),
104
107
  type: "button",
105
108
  "data-cy": t.dataCy,
106
- class: d([
109
+ class: s([
107
110
  "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
108
111
  t.btnClasses
109
112
  ]),
110
113
  "aria-expanded": o.value,
111
114
  "btn-class": "uikit-btn-single-selection",
112
115
  onClick: E[0] || (E[0] = (ee) => {
113
- m("click"), f();
116
+ w("click"), f();
114
117
  })
115
118
  }, {
116
119
  default: A(() => [
117
- j("span", {
118
- class: d(["uikit-mr-5px", t.labelClasses]),
120
+ P("span", {
121
+ class: s(["uikit-mr-5px", t.labelClasses]),
119
122
  innerHTML: t.btnLabel
120
123
  }, null, 10, _),
121
124
  t.withArrowIcon ? (k(), x(a(Y), {
122
125
  key: 0,
123
- class: d(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
126
+ class: s(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
124
127
  width: t.arrowWidth,
125
128
  height: t.arrowWidth,
126
129
  "stroke-color": t.arrowStrokeColor
127
- }, null, 8, ["class", "width", "height", "stroke-color"])) : G("", !0)
130
+ }, null, 8, ["class", "width", "height", "stroke-color"])) : j("", !0)
128
131
  ]),
129
132
  _: 1
130
133
  }, 8, ["id", "data-cy", "class", "aria-expanded"])
131
134
  ]),
132
135
  (k(), x(J(t.dropdownElement), Q({
133
- id: "dropdown_" + a(w),
136
+ id: "dropdown_" + a(m),
134
137
  ref: "dropdown",
135
138
  "data-cy": t.dataCy && `${t.dataCy}_dropdown`,
136
139
  class: ["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
@@ -143,7 +146,7 @@ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
143
146
  "data-side": t.direction
144
147
  }, t.dropdownAttrs), {
145
148
  default: A(() => [
146
- B(e.$slots, "default", {
149
+ K(e.$slots, "default", {
147
150
  isOpen: o.value,
148
151
  toggleDropdown: f,
149
152
  activeIdx: a(i),
@@ -1,7 +1,7 @@
1
- import { defineComponent as I, ref as d, useTemplateRef as T, onUnmounted as z, watch as H, createBlock as O, openBlock as f, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as c, createVNode as D, unref as F, nextTick as K } from "vue";
2
- import { isWindows as g, awaitableSetTimeout as N } from "@wikicasa-dev/utilities";
3
- import { CloseIcon as S } from "@wikicasa-dev/svg-icons";
4
- const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
1
+ import { defineComponent as I, ref as n, useTemplateRef as T, onUnmounted as z, watch as H, createBlock as O, openBlock as m, Teleport as $, createElementVNode as a, normalizeClass as s, createElementBlock as y, createCommentVNode as h, renderSlot as d, withModifiers as D, createVNode as F, unref as K, nextTick as N } from "vue";
2
+ import { isWindows as g, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
3
+ import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
4
+ const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
5
5
  __name: "BaseModal",
6
6
  props: {
7
7
  id: { default: "base-bt-modal" },
@@ -24,24 +24,24 @@ const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
24
24
  titleClasses: {}
25
25
  },
26
26
  emits: ["closed", "opened", "dialogClick"],
27
- setup(e, { emit: C }) {
28
- const k = C, i = d(!1), r = d(null), a = T("modalDialog"), m = d(!1), u = d(!1), b = ({ key: t }) => {
27
+ setup(e, { emit: w }) {
28
+ const c = w, i = n(!1), r = n(null), l = T("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
29
29
  t === "Escape" && o();
30
- }, x = () => {
31
- document?.body.addEventListener("keydown", b);
32
- }, v = () => {
33
- document?.body.removeEventListener("keydown", b);
34
- }, p = async () => {
35
- i.value = !0, K(() => {
36
- x(), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
37
- }), k("opened"), e.autoClose !== void 0 && setTimeout(() => {
30
+ }, C = () => {
31
+ document?.body.addEventListener("keydown", f);
32
+ }, b = () => {
33
+ document?.body.removeEventListener("keydown", f);
34
+ }, x = async () => {
35
+ i.value = !0, N(() => {
36
+ C(), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
37
+ }), c("opened"), e.autoClose !== void 0 && setTimeout(() => {
38
38
  o();
39
39
  }, e.autoClose);
40
+ }, p = (t) => {
41
+ l.value && l.value.contains(t.target) && (u.value = !0);
40
42
  }, M = (t) => {
41
- a.value && a.value.contains(t.target) && (u.value = !0);
42
- }, B = (t) => {
43
- a.value && a.value.contains(t.target) && (u.value = !1);
44
- }, L = async (t) => {
43
+ l.value && l.value.contains(t.target) && (u.value = !1);
44
+ }, B = async (t) => {
45
45
  if (!r.value?.contains(t.target) && e.closeOnClickOut) {
46
46
  if (u.value) {
47
47
  u.value = !1;
@@ -50,20 +50,24 @@ const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
50
50
  await o();
51
51
  }
52
52
  }, o = async () => {
53
- i.value = !1, v(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await N(() => {
54
- r.value?.classList.add("uikit-hidden"), k("closed");
53
+ i.value = !1, b(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await S(() => {
54
+ r.value?.classList.add("uikit-hidden"), c("closed");
55
55
  }, 250);
56
56
  };
57
- return z(() => {
58
- v(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
57
+ z(() => {
58
+ b(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
59
59
  }), H(
60
60
  () => e.showModal,
61
61
  async (t) => {
62
- !t && !i.value ? m.value = !0 : m.value = !1, t && !i.value && await p(), !t && i.value && await o(), i.value = t;
62
+ !t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await x(), !t && i.value && await o(), i.value = t;
63
63
  },
64
64
  { immediate: !0 }
65
- ), (t, n) => (f(), O($, { to: "body" }, [
66
- l("div", {
65
+ );
66
+ const L = (t) => {
67
+ l.value === t.target && t.stopPropagation();
68
+ };
69
+ return (t, v) => (m(), O($, { to: "body" }, [
70
+ a("div", {
67
71
  ref_key: "backdropEl",
68
72
  ref: r,
69
73
  class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
@@ -73,14 +77,14 @@ const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
73
77
  },
74
78
  { "uikit-bg-transparent": !i.value },
75
79
  { "sm:uikit-pt-[30px]": !e.centered },
76
- { hide: m.value }
80
+ { hide: k.value }
77
81
  ]]),
78
82
  style: { "z-index": "1062" },
79
- onClick: L,
80
- onMousedown: M,
81
- onMouseup: B
83
+ onClick: B,
84
+ onMousedown: p,
85
+ onMouseup: M
82
86
  }, [
83
- l("dialog", {
87
+ a("dialog", {
84
88
  id: e.id,
85
89
  ref: "modalDialog",
86
90
  "data-cy": e.dataCy,
@@ -95,52 +99,51 @@ const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
95
99
  e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
96
100
  ]]),
97
101
  tabindex: "-1",
98
- onClick: n[0] || (n[0] = (E) => k("dialogClick", E)),
99
- onFocusin: n[1] || (n[1] = y(() => {
100
- }, ["stop"]))
102
+ onClick: v[0] || (v[0] = (E) => c("dialogClick", E)),
103
+ onFocusin: L
101
104
  }, [
102
- l("div", {
105
+ a("div", {
103
106
  class: s(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
104
107
  }, [
105
- e.withCloseIcon ? (f(), h("button", {
108
+ e.withCloseIcon ? (m(), y("button", {
106
109
  key: 0,
107
110
  id: "close-icon-btn",
108
111
  "data-cy": "bbt-default-close-icon-btn",
109
112
  class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
110
113
  type: "button",
111
114
  "aria-label": "Close",
112
- onClick: y(o, ["prevent", "stop"])
115
+ onClick: D(o, ["prevent", "stop"])
113
116
  }, [
114
- D(F(S), {
117
+ F(K(V), {
115
118
  class: s(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
116
119
  width: e.closeIcon?.size || 20,
117
120
  height: e.closeIcon?.size || 20
118
121
  }, null, 8, ["class", "width", "height"])
119
- ], 2)) : w("", !0),
120
- c(t.$slots, "header", { closeModal: o }, () => [
121
- l("span", {
122
+ ], 2)) : h("", !0),
123
+ d(t.$slots, "header", { closeModal: o }, () => [
124
+ a("span", {
122
125
  class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
123
126
  innerHTML: e.headerTitle
124
127
  }, null, 10, U)
125
128
  ])
126
129
  ], 2),
127
- l("div", {
130
+ a("div", {
128
131
  class: s(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
129
132
  }, [
130
- c(t.$slots, "body", { closeModal: o })
133
+ d(t.$slots, "body", { closeModal: o })
131
134
  ], 2),
132
- t.$slots.footer ? (f(), h("div", {
135
+ t.$slots.footer ? (m(), y("div", {
133
136
  key: 0,
134
137
  class: s(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
135
138
  }, [
136
- c(t.$slots, "footer", { closeModal: o })
137
- ], 2)) : w("", !0),
138
- c(t.$slots, "fixed-bottom")
139
- ], 42, V)
139
+ d(t.$slots, "footer", { closeModal: o })
140
+ ], 2)) : h("", !0),
141
+ d(t.$slots, "fixed-bottom")
142
+ ], 42, P)
140
143
  ], 34)
141
144
  ]));
142
145
  }
143
146
  });
144
147
  export {
145
- R as default
148
+ j as default
146
149
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.2.9-alpha.27",
3
+ "version": "2.2.9-alpha.28",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",