@wikicasa-dev/components 2.1.2 → 2.1.3

package/dist/{chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.Cb0-JXG0.js → packages/components/lib/UIKit/BaseDropDown.vue.js}

@@ -1,9 +1,9 @@
-import { defineComponent as M, mergeModels as b, useId as A, useModel as E, ref as h, computed as O, useTemplateRef as W, watch as n, onBeforeMount as $, onMounted as H, onUnmounted as N, createElementBlock as T, openBlock as u, withModifiers as g, normalizeClass as i, renderSlot as C, createBlock as y, createVNode as V, unref as l, withCtx as D, createElementVNode as K, createCommentVNode as q, resolveDynamicComponent as z } from "vue";
-import { _ as R } from "./BaseButton.vue_vue_type_script_setup_true_lang.BPSr-Zxr.js";
-import { a as U } from "./ArrowIcon.Bq6Xr3uH.js";
-import "./PharmacyIcon.DEQ8mOEJ.js";
-import { A as j } from "./useKeyboardController.Cs_5GQTJ.js";
-const F = ["innerHTML"], Z = /* @__PURE__ */ M({
+import { defineComponent as L, mergeModels as b, useId as M, useModel as E, ref as h, computed as O, useTemplateRef as W, watch as n, onBeforeMount as $, onMounted as H, onUnmounted as K, createElementBlock as N, openBlock as u, withModifiers as C, normalizeClass as i, renderSlot as g, createBlock as y, createVNode as T, unref as l, withCtx as D, createElementVNode as V, createCommentVNode as q, resolveDynamicComponent as z } from "vue";
+import R from "./BaseButton.vue.js";
+import { ArrowIcon as U } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { useKeyboardController as j } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.23_typescript@5.8.3/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
+const F = ["innerHTML"], Z = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "BaseDropDown",
   props: /* @__PURE__ */ b({
@@ -30,8 +30,8 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
   }),
   emits: /* @__PURE__ */ b(["click", "update:dropdownState"], ["update:toggleDropdown"]),
   setup(p, { emit: B }) {
-    const o = p, c = A(), k = B, f = E(p, "toggleDropdown"), t = h(!1), d = h([]), S = O(() => d.value.length), w = W("dropdown"), { activeIdx: m, selectedIdx: r } = j({
-      optionsLength: S,
+    const o = p, c = M(), f = B, k = E(p, "toggleDropdown"), t = h(!1), d = h([]), I = O(() => d.value.length), w = W("dropdown"), { activeIdx: m, selectedIdx: r } = j({
+      optionsLength: I,
       isDropdownOpen: t,
       activate: o.activateKeyboardController
     });
@@ -44,9 +44,9 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
         immediate: !0
       }
     ), n(t, (e) => {
-      k("update:dropdownState", e);
-    }), n(f, (e) => {
-      e && (t.value = !t.value, f.value = !1);
+      f("update:dropdownState", e);
+    }), n(k, (e) => {
+      e && (t.value = !t.value, k.value = !1);
     }), n(r, (e) => {
       e !== -1 && d.value[e].querySelector("a")?.click();
     });
@@ -54,28 +54,28 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
       t.value = !1;
     }, s = () => {
       o.keepState === "closed" && !t.value || o.keepState === "opened" && t.value || (t.value = !t.value);
-    }, I = (e) => {
+    }, S = (e) => {
       e != null && (m.value = e);
-    }, L = (e) => {
+    }, A = (e) => {
       e != null && (r.value = e);
     };
     return $(() => {
       o.closeWhenClickedOutside && document.body.addEventListener("click", v);
     }), H(() => {
       w.value && (d.value = w.value.children || []);
-    }), N(() => {
+    }), K(() => {
       o.closeWhenClickedOutside && document.body.removeEventListener("click", v);
-    }), (e, a) => (u(), T("div", {
+    }), (e, a) => (u(), N("div", {
       class: i(["uikit-relative uikit-block", e.$attrs.class]),
-      onClick: a[1] || (a[1] = g((G) => {
-        k("click"), s();
+      onClick: a[1] || (a[1] = C((G) => {
+        f("click"), s();
       }, ["stop"]))
     }, [
-      C(e.$slots, "btn_slot", {
+      g(e.$slots, "btn_slot", {
         toggleDropdown: s,
         isOpen: t.value
       }, () => [
-        V(R, {
+        T(R, {
           id: l(c),
           type: "button",
           "data-cy": e.dataCy,
@@ -87,7 +87,7 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
           "btn-class": "uikit-btn-single-selection"
         }, {
           default: D(() => [
-            K("span", {
+            V("span", {
               class: i(["uikit-mr-5px", e.labelClasses]),
               innerHTML: e.btnLabel
             }, null, 10, F),
@@ -114,17 +114,17 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
           { "uikit-absolute": e.isAbsolute }
         ]]),
         "aria-hidden": !t.value,
-        onClick: a[0] || (a[0] = g(() => {
+        onClick: a[0] || (a[0] = C(() => {
         }, ["stop"]))
       }, {
         default: D(() => [
-          C(e.$slots, "default", {
+          g(e.$slots, "default", {
             isOpen: t.value,
             toggleDropdown: s,
             activeIdx: l(m),
             selectedIdx: l(r),
-            setActiveIdx: I,
-            setSelectedIdx: L
+            setActiveIdx: S,
+            setSelectedIdx: A
           })
         ]),
         _: 3
@@ -133,5 +133,5 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
   }
 });
 export {
-  Z as _
+  Z as default
 };

package/dist/packages/components/lib/UIKit/BaseFloatingLabel.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as o, createElementBlock as l, openBlock as s, withModifiers as r, normalizeClass as t, createElementVNode as u, createCommentVNode as d } from "vue";
+const k = ["for"], b = ["innerHTML"], c = /* @__PURE__ */ o({
+  __name: "BaseFloatingLabel",
+  props: {
+    labelState: { default: "inline-label" },
+    isValid: { default: null },
+    labelText: {},
+    disabled: { type: [String, Boolean], default: !1 },
+    labelClasses: {},
+    labelTextClasses: {}
+  },
+  emits: ["click"],
+  setup(m, { emit: a }) {
+    const n = a;
+    return (e, i) => (s(), l("label", {
+      for: e.$attrs.for,
+      class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
+      onClick: i[0] || (i[0] = r((p) => n("click"), ["stop"]))
+    }, [
+      u("span", {
+        class: t(["uikit-text uikit-font-medium", [
+          e.disabled ? "uikit-text-w-secondary" : "uikit-text-w-black",
+          e.labelTextClasses
+        ]]),
+        innerHTML: e.labelText
+      }, null, 10, b),
+      e.$attrs.required ? (s(), l("sup", {
+        key: 0,
+        class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text", [
+          { "uikit-text-w-secondary": e.disabled },
+          { "uikit-text-w-danger": e.isValid === !1 },
+          { "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
+        ]])
+      }, " *", 2)) : d("", !0)
+    ], 10, k));
+  }
+});
+export {
+  c as default
+};

package/dist/packages/components/lib/UIKit/BaseIcon.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as e, createElementBlock as i, openBlock as a, normalizeStyle as l, normalizeClass as o } from "vue";
+const s = ["id", "alt", "src", "width", "height", "loading"], h = /* @__PURE__ */ e({
+  __name: "BaseIcon",
+  props: {
+    lazyLoading: { type: Boolean },
+    altAttribute: {},
+    iconType: { default: "icon-md" },
+    iconClass: { default: "uikit-mr-5px" },
+    width: {},
+    height: {}
+  },
+  setup(n) {
+    return (t, r) => (a(), i("img", {
+      id: t.$attrs.id,
+      class: o(["uikit-inline-block", t.iconType, t.iconClass]),
+      alt: t.altAttribute || t.$attrs.alt,
+      style: l(t.$attrs.style),
+      src: t.$attrs.src ? t.$attrs.src : "",
+      width: t.width,
+      height: t.height,
+      loading: t.lazyLoading ? "lazy" : "eager"
+    }, null, 14, s));
+  }
+});
+export {
+  h as default
+};

package/dist/packages/components/lib/UIKit/BaseInput.vue.js

@@ -0,0 +1,211 @@
+import { defineComponent as z, mergeModels as C, useModel as A, ref as m, watch as g, useAttrs as N, createElementBlock as r, openBlock as u, normalizeClass as v, unref as s, renderSlot as p, createElementVNode as h, createBlock as O, createCommentVNode as w, withKeys as j, withModifiers as y, Fragment as T, renderList as M } from "vue";
+import D from "../../../../UIKit/BaseFloatingLabel.js";
+import { useFloatingLabel as G } from "../../../../composables/useFloatingLabel.js";
+const J = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Q = { class: "uikit-invisible uikit-float-none uikit-mb-2 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 uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, W = ["innerHTML"], X = ["innerHTML"], Y = ["innerHTML"], Z = {
+  key: 1,
+  class: "under-label uikit-absolute uikit-text-12"
+}, ie = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "BaseInput",
+  props: /* @__PURE__ */ C({
+    inputClass: {},
+    labelText: { default: "" },
+    feedback: {},
+    isValid: { default: null },
+    keepFloatingLabel: { type: Boolean, default: !1 },
+    formatter: { default: null },
+    labelClasses: {},
+    fieldsetClasses: {},
+    labelTextClasses: {},
+    withLeftIcon: { type: Boolean, default: () => {
+    } },
+    withRightIcon: { type: Boolean, default: () => {
+    } },
+    dataCy: {}
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
+  setup(l, { expose: B, emit: E }) {
+    const o = A(l, "modelValue"), a = m(""), k = E, {
+      labelState: d,
+      handleFocusIn: H,
+      handleFocusOut: $,
+      setInlineLabel: V,
+      setFloatingLabel: I
+    } = G(k), n = m("text"), f = m({}), b = m(null), R = () => {
+      l.feedback && (f.value = l.feedback, l.feedback.valid && typeof l.feedback.valid == "string" && (f.value.valid = [l.feedback.valid]), l.feedback.invalid && typeof l.feedback.invalid == "string" && (f.value.invalid = [l.feedback.invalid]));
+    }, L = (e, i) => {
+      if (!l.formatter || !l.formatter.formatFn)
+        return a.value = e, "";
+      const t = e.length ? l.formatter.formatFn(e) : e;
+      return i && (i.value = t), a.value = t, t;
+    }, F = (e, i = !0) => {
+      if (i && (!l.formatter || !l.formatter.unFormatFn))
+        return o.value = e, e;
+      if (!i || !l.formatter || !l.formatter.unFormatFn) return;
+      const t = l.formatter.unFormatFn(e);
+      return o.value = t ?? "", t;
+    }, P = ({ target: e }) => {
+      const i = e, t = F(i.value);
+      L(
+        `${t}`,
+        t === o.value ? i : void 0
+      );
+    }, q = () => {
+      o.value = "", V();
+    }, K = () => {
+      n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
+    };
+    g(
+      () => l.feedback,
+      () => {
+        R();
+      },
+      {
+        immediate: !0
+      }
+    ), g(
+      o,
+      (e) => {
+        L(
+          `${e}`,
+          F(`${e}`, !1) === e ? b.value : void 0
+        ), a.value != null && a.value.length > 0 && d.value !== "floating-label" ? I() : !a.value && document && document.activeElement !== b.value && V();
+      },
+      {
+        immediate: !0
+      }
+    ), g(
+      () => l.keepFloatingLabel,
+      (e) => {
+        e ? I() : $(o.value);
+      }
+    );
+    const S = N();
+    return n.value = S.type || "text", B({
+      select: () => {
+        b.value?.select();
+      }
+    }), (e, i) => (u(), r("div", {
+      class: v(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
+        e.$attrs.class,
+        { "floating-label": e.labelText },
+        s(d) === "floating-label" ? "floating-state" : "inline-state",
+        {
+          "has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
+        },
+        {
+          "has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
+        },
+        { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
+      ]])
+    }, [
+      p(e.$slots, "leftIcon", {}, void 0, !0),
+      p(e.$slots, "righticon", {
+        handleClean: q,
+        handleShowPasswd: K,
+        curType: n.value
+      }, void 0, !0),
+      h("input", {
+        id: e.$attrs.id,
+        ref_key: "baseInputEl",
+        ref: b,
+        "data-cy": e.dataCy,
+        name: e.$attrs.name,
+        class: v(["input-element uikit-peer uikit-relative uikit-ml-[1px] uikit-mt-[6px] uikit-box-border uikit-block uikit-h-[42px] uikit-w-[calc(100%-2px)] uikit-appearance-none uikit-truncate uikit-rounded-[11px] !uikit-border-none uikit-bg-white uikit-bg-no-repeat uikit-px-4 uikit-outline-0 focus:uikit-shadow-none focus:uikit-outline-none disabled:uikit-bg-w-cultured disabled:uikit-text-w-secondary", [
+          {
+            "is-invalid invalid-bg !uikit-pr-9": e.isValid === !1,
+            "is-valid valid-bg !uikit-pr-9": e.isValid
+          },
+          {
+            "uikit-pr-[42px]": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
+          },
+          {
+            "uikit-pl-[42px]": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
+          },
+          e.inputClass
+        ]]),
+        autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
+        disabled: e.$attrs.disabled,
+        "aria-labelledby": e.$attrs.id,
+        readonly: e.$attrs.readonly,
+        type: n.value,
+        pattern: e.$attrs.pattern,
+        min: e.$attrs.min,
+        max: e.$attrs.max,
+        maxlength: e.$attrs.maxlength,
+        inputmode: e.$attrs.inputmode,
+        placeholder: e.$attrs.placeholder,
+        value: a.value,
+        onClick: i[0] || (i[0] = (t) => k("click", t)),
+        onFocusin: i[1] || (i[1] = y(() => e.labelText && s(H)(), ["stop"])),
+        onFocusout: i[2] || (i[2] = y((t) => e.labelText && !e.keepFloatingLabel && s($)(a.value), ["stop"])),
+        onInput: y(P, ["stop"]),
+        onKeydown: [
+          i[3] || (i[3] = j(() => k("keydownEnterPressed"), ["enter"])),
+          i[4] || (i[4] = (t) => k("keydown", t))
+        ],
+        onKeyup: i[5] || (i[5] = (t) => k("keyup", t))
+      }, null, 42, J),
+      h("fieldset", {
+        class: v(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
+          {
+            "is-invalid uikit-border-w-danger": e.isValid === !1,
+            "is-valid uikit-border-w-primary": e.isValid,
+            "uikit-border-w-secondary": e.isValid === null
+          },
+          { "uikit-top-0": !e.labelText },
+          e.fieldsetClasses
+        ]])
+      }, [
+        h("legend", Q, [
+          h("span", {
+            class: v(["visible-label uikit-opacity-0", [
+              { "uikit-mx-5px": e.labelText },
+              {
+                "uikit-visible uikit-inline-block": s(d) === "floating-label"
+              },
+              {
+                "uikit-invisible uikit-hidden": s(d) === "inline-label"
+              }
+            ]]),
+            innerHTML: e.labelText
+          }, null, 10, W)
+        ])
+      ], 2),
+      e.labelText ? (u(), O(D, {
+        key: 0,
+        for: e.$attrs.id,
+        "label-text": e.labelText,
+        "label-state": s(d),
+        "is-valid": e.isValid,
+        required: e.$attrs.required,
+        disabled: e.$attrs.disabled,
+        "label-classes": [
+          s(d) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
+          e.labelClasses
+        ],
+        "label-text-classes": e.labelTextClasses
+      }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : w("", !0),
+      p(e.$slots, "feedback", {}, () => [
+        e.isValid === !1 ? (u(!0), r(T, { key: 0 }, M(f.value.invalid, (t, c) => (u(), r("div", {
+          key: `${e.$attrs.id}_invalid_${c}`,
+          class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
+          innerHTML: t
+        }, null, 8, X))), 128)) : e.isValid === !0 ? (u(!0), r(T, { key: 1 }, M(f.value.valid, (t, c) => (u(), r("div", {
+          key: `${e.$attrs.id}_valid_${c}`,
+          class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
+          innerHTML: t
+        }, null, 8, Y))), 128)) : w("", !0)
+      ], !0),
+      e.$slots["under-label"] ? (u(), r("div", Z, [
+        p(e.$slots, "under-label", {}, void 0, !0)
+      ])) : w("", !0)
+    ], 2));
+  }
+});
+export {
+  ie as default
+};

package/dist/{chunks/BaseModal.vue_vue_type_style_index_0_lang.CCb032YN.js → packages/components/lib/UIKit/BaseModal.vue.js}

@@ -1,16 +1,11 @@
-import { defineComponent as T, ref as d, useTemplateRef as z, onUnmounted as H, watch as O, createBlock as $, openBlock as m, Teleport as D, createElementVNode as a, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as r, createVNode as I, unref as K, nextTick as N } from "vue";
-import "./polyline.tNTK3v2u.js";
-import { l as V } from "./CloseIcon.BZ4U3aiI.js";
-import "./PharmacyIcon.DEQ8mOEJ.js";
-import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("Windows"), A = (o, c) => new Promise((l, t) => {
-  setTimeout(() => {
-    try {
-      o && o(), l();
-    } catch {
-      t();
-    }
-  }, c);
-}), F = ["id", "data-cy"], P = ["innerHTML"], j = /* @__PURE__ */ T({
+import { defineComponent as T, ref as n, useTemplateRef as z, onUnmounted as H, watch as I, createBlock as O, openBlock as k, Teleport as $, createElementVNode as s, normalizeClass as o, withModifiers as v, createElementBlock as y, createCommentVNode as h, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
+import "../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
+import { isWindows as w } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/DeviceDetectionUtils.js";
+import { awaitableSetTimeout as S } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/GenericUtils.js";
+import "../../../../_virtual/polyline.js";
+import { CloseIcon as V } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+const F = ["id", "data-cy"], U = ["innerHTML"], J = /* @__PURE__ */ T({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -32,67 +27,67 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
     titleClasses: {}
   },
   emits: ["closed", "opened", "dialogClick"],
-  setup(o, { emit: c }) {
-    const l = c, t = d(!1), f = d(null), u = z("modalDialog"), k = d(!1), n = d(!1), p = ({ key: e }) => {
+  setup(l, { emit: C }) {
+    const r = C, t = n(!1), m = n(null), a = z("modalDialog"), c = n(!1), u = n(!1), f = ({ key: e }) => {
       e === "Escape" && i();
-    }, C = () => {
-      document?.body.addEventListener("keydown", p);
-    }, b = () => {
-      document?.body.removeEventListener("keydown", p);
+    }, g = () => {
+      document?.body.addEventListener("keydown", f);
+    }, p = () => {
+      document?.body.removeEventListener("keydown", f);
     }, M = async () => {
       t.value = !0, N(() => {
-        C(), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
-      }), l("opened"), o.autoClose !== void 0 && setTimeout(() => {
+        g(), w() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+      }), r("opened"), l.autoClose !== void 0 && setTimeout(() => {
         i();
-      }, o.autoClose);
+      }, l.autoClose);
     }, B = (e) => {
-      u.value && u.value.contains(e.target) && (n.value = !0);
+      a.value && a.value.contains(e.target) && (u.value = !0);
     }, x = (e) => {
-      u.value && u.value.contains(e.target) && (n.value = !1);
+      a.value && a.value.contains(e.target) && (u.value = !1);
     }, L = async () => {
-      if (o.closeOnClickOut) {
-        if (n.value) {
-          n.value = !1;
+      if (l.closeOnClickOut) {
+        if (u.value) {
+          u.value = !1;
           return;
         }
         await i();
       }
     }, i = async () => {
-      t.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 A(() => {
-        f.value?.classList.add("uikit-hidden"), l("closed");
+      t.value = !1, p(), 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(() => {
+        m.value?.classList.add("uikit-hidden"), r("closed");
       }, 250);
     };
     return H(() => {
-      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");
-    }), O(
-      () => o.showModal,
+      p(), document?.documentElement.classList.remove("uikit-no-scrolling"), w() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+    }), I(
+      () => l.showModal,
       async (e) => {
-        !e && !t.value ? k.value = !0 : k.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
+        !e && !t.value ? c.value = !0 : c.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
       },
       { immediate: !0 }
-    ), (e, v) => (m(), $(D, { to: "body" }, [
-      a("div", {
+    ), (e, b) => (k(), O($, { to: "body" }, [
+      s("div", {
         ref_key: "backdropEl",
-        ref: f,
-        class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
+        ref: m,
+        class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
           e.customBackdropClasses,
           {
             "uikit-animate-[backdrop-opacity_0.3s_ease-out_0s_backwards] uikit-bg-w-secondary/70": t.value
           },
           { "uikit-bg-transparent": !t.value },
           { "sm:uikit-pt-[30px]": !e.centered },
-          { hide: k.value }
+          { hide: c.value }
         ]]),
         style: { "z-index": "1062" },
         onClick: L,
         onMousedown: B,
         onMouseup: x
       }, [
-        a("dialog", {
+        s("dialog", {
           id: e.id,
           ref: "modalDialog",
           "data-cy": e.dataCy,
-          class: s(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
+          class: o(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
             e.customModalDialogClasses,
             { show: t.value },
             { "closed uikit-overflow-hidden": !t.value },
@@ -102,50 +97,50 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
             `base-${e.size}`,
             e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          onClick: v[0] || (v[0] = y((E) => l("dialogClick", E), ["stop"]))
+          onClick: b[0] || (b[0] = v((E) => r("dialogClick", E), ["stop"]))
         }, [
-          a("div", {
-            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]])
+          s("div", {
+            class: o(["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]])
           }, [
-            e.withCloseIcon ? (m(), h("button", {
+            e.withCloseIcon ? (k(), y("button", {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
-              class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
+              class: o(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
               type: "button",
               "aria-label": "Close",
-              onClick: y(i, ["prevent", "stop"])
+              onClick: v(i, ["prevent", "stop"])
             }, [
-              I(K(V), {
+              D(K(V), {
                 class: "bbt-close-icon uikit-box-border uikit-p-5px",
                 width: 30,
                 height: 30
               })
-            ], 2)) : w("", !0),
-            r(e.$slots, "header", { closeModal: i }, () => [
-              a("span", {
-                class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
+            ], 2)) : h("", !0),
+            d(e.$slots, "header", { closeModal: i }, () => [
+              s("span", {
+                class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                 innerHTML: e.headerTitle
-              }, null, 10, P)
+              }, null, 10, U)
             ])
           ], 2),
-          a("div", {
-            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]])
+          s("div", {
+            class: o(["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]])
           }, [
-            r(e.$slots, "body", { closeModal: i })
+            d(e.$slots, "body", { closeModal: i })
           ], 2),
-          e.$slots.footer ? (m(), h("div", {
+          e.$slots.footer ? (k(), y("div", {
             key: 0,
-            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])
+            class: o(["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])
           }, [
-            r(e.$slots, "footer", { closeModal: i })
-          ], 2)) : w("", !0),
-          r(e.$slots, "fixed-bottom")
+            d(e.$slots, "footer", { closeModal: i })
+          ], 2)) : h("", !0),
+          d(e.$slots, "fixed-bottom")
         ], 10, F)
       ], 34)
     ]));
   }
 });
 export {
-  j as _
+  J as default
 };