@wikicasa-dev/components 2.1.22 → 2.1.24-alpha.0

package/dist/{packages/components/lib → lib}/UIKit/BaseComplexToggle.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as v, mergeModels as T, useModel as C, computed as c, createElementBlock as n, openBlock as r, normalizeClass as o, createElementVNode as t, withModifiers as f, renderSlot as m, createCommentVNode as k } from "vue";
-const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "alt"], M = ["innerHTML"], z = ["data-btn-bg-color", "data-cy"], B = ["src", "alt"], V = ["innerHTML"], j = /* @__PURE__ */ v({
+import { defineComponent as T, mergeModels as C, useModel as x, computed as d, createElementBlock as g, openBlock as c, normalizeClass as o, createElementVNode as i, withModifiers as f, renderSlot as m, createCommentVNode as k } from "vue";
+const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "alt"], M = ["innerHTML"], z = ["data-btn-bg-color", "data-cy"], B = ["src", "alt"], V = ["innerHTML"], j = /* @__PURE__ */ T({
   __name: "BaseComplexToggle",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ C({
     labels: {},
     type: { default: "full" },
     mode: { default: "" },
@@ -16,41 +16,41 @@ const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(g) {
-    const l = g, a = C(g, "modelValue"), s = () => {
-      a.value = l.labels.leftToggle;
+  setup(e) {
+    const t = e, s = x(e, "modelValue"), n = () => {
+      s.value = t.labels.leftToggle;
     }, u = () => {
-      a.value = l.labels.rightToggle;
+      s.value = t.labels.rightToggle;
     };
     (() => {
-      if (l.labels.leftToggle.checked) {
-        s();
+      if (t.labels.leftToggle.checked) {
+        n();
         return;
       }
-      if (l.labels.rightToggle.checked) {
+      if (t.labels.rightToggle.checked) {
         u();
         return;
       }
-      s();
+      n();
     })();
-    const b = (e) => a.value?.label === e.label, d = c(() => b(l.labels.leftToggle)), p = c(() => b(l.labels.rightToggle));
-    return (e, i) => (r(), n("div", {
-      id: e.$attrs.id || "",
-      "data-cy": e.$attrs["data-cy"] || "",
+    const r = (l) => s.value?.label === l.label, b = d(() => r(t.labels.leftToggle)), h = d(() => r(t.labels.rightToggle));
+    return (l, a) => (c(), g("div", {
+      id: l.$attrs.id || "",
+      "data-cy": l.$attrs["data-cy"] || "",
       class: o(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor, e.size]])
     }, [
-      t("div", {
+      i("div", {
         "data-btn-bg-color": e.btnBgColor,
         "data-cy": `bct-left-btn${e.labels.leftToggle.label ? `-${e.labels.leftToggle.label}` : ""}`,
         class: o(["left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
           {
-            "base-complex-toggle-active": d.value
+            "base-complex-toggle-active": b.value
           }
         ]]),
-        onClick: i[0] || (i[0] = f((h) => s(), ["stop"]))
+        onClick: a[0] || (a[0] = f((v) => n(), ["stop"]))
       }, [
-        m(e.$slots, "left_icon", {}, () => [
-          e.labels.leftToggle.icon ? (r(), n("img", {
+        m(l.$slots, "left_icon", {}, () => [
+          e.labels.leftToggle.icon ? (c(), g("img", {
             key: 0,
             class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
             src: e.labels.leftToggle.icon.src,
@@ -59,23 +59,23 @@ const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "
             height: "15"
           }, null, 8, L)) : k("", !0)
         ], !0),
-        t("span", {
+        i("span", {
           class: "base-complex-toggle-label uikit-relative uikit-z-10",
           innerHTML: e.labels.leftToggle.label
         }, null, 8, M)
       ], 10, $),
-      t("div", {
+      i("div", {
         "data-btn-bg-color": e.btnBgColor,
         "data-cy": `bct-right-btn${e.labels.rightToggle.label ? `-${e.labels.rightToggle.label}` : ""}`,
         class: o(["right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
           {
-            "base-complex-toggle-active": p.value
+            "base-complex-toggle-active": h.value
           }
         ]]),
-        onClick: i[1] || (i[1] = f((h) => u(), ["stop"]))
+        onClick: a[1] || (a[1] = f((v) => u(), ["stop"]))
       }, [
-        m(e.$slots, "right_icon", {}, () => [
-          e.labels.rightToggle.icon ? (r(), n("img", {
+        m(l.$slots, "right_icon", {}, () => [
+          e.labels.rightToggle.icon ? (c(), g("img", {
             key: 0,
             class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
             src: e.labels.rightToggle.icon.src,
@@ -84,17 +84,17 @@ const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "
             height: "15"
           }, null, 8, B)) : k("", !0)
         ], !0),
-        t("span", {
+        i("span", {
           class: "base-complex-toggle-label uikit-relative uikit-z-10",
           innerHTML: e.labels.rightToggle.label
         }, null, 8, V)
       ], 10, z),
-      t("div", {
+      i("div", {
         class: o(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out", [
           e.type === "full" ? "base-complex-toggle-active-bg" : "base-complex-toggle-active-padded-bg",
           e.btnBgColor,
           e.mode,
-          d.value ? "translateX-left" : "translateX-right",
+          b.value ? "translateX-left" : "translateX-right",
           e.btnClasses
         ]])
       }, null, 2)

package/dist/lib/UIKit/BaseDropDown.vue.js

@@ -0,0 +1,135 @@
+import { defineComponent as A, mergeModels as b, useId as L, useModel as M, ref as h, computed as E, useTemplateRef as O, watch as d, onBeforeMount as W, onMounted as $, onUnmounted as H, createElementBlock as K, openBlock as c, withModifiers as y, normalizeClass as l, renderSlot as C, createBlock as g, createVNode as N, unref as a, withCtx as D, createElementVNode as T, createCommentVNode as V, resolveDynamicComponent as q } from "vue";
+import z from "./BaseButton.vue.js";
+import { ArrowIcon as R } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { useKeyboardController as U } from "../../node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
+const j = ["innerHTML"], Y = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  __name: "BaseDropDown",
+  props: /* @__PURE__ */ b({
+    dropdownClasses: { default: "" },
+    btnClasses: { default: "" },
+    withArrowIcon: { type: Boolean, default: !1 },
+    btnLabel: { default: "" },
+    labelClasses: { default: "" },
+    direction: { default: "down" },
+    arrowWidth: { default: 12 },
+    arrowStrokeColor: { default: void 0 },
+    isAbsolute: { type: Boolean, default: !0 },
+    openDropdown: { type: Boolean, default: !1 },
+    closeWhenClickedOutside: { type: Boolean, default: !0 },
+    dropdownElement: { default: "div" },
+    keepState: { default: "" },
+    activateKeyboardController: { type: Boolean, default: !0 },
+    dataCy: { default: "" }
+  }, {
+    toggleDropdown: { type: Boolean, default: void 0 },
+    toggleDropdownModifiers: {}
+  }),
+  emits: /* @__PURE__ */ b(["click", "update:dropdownState"], ["update:toggleDropdown"]),
+  setup(t, { emit: x }) {
+    const i = t, f = L(), k = x, w = M(t, "toggleDropdown"), o = h(!1), r = h([]), B = E(() => r.value.length), m = O("dropdown"), { activeIdx: v, selectedIdx: u } = U({
+      optionsLength: B,
+      isDropdownOpen: o,
+      activate: i.activateKeyboardController
+    });
+    d(
+      () => i.openDropdown,
+      (e) => {
+        o.value = e;
+      },
+      {
+        immediate: !0
+      }
+    ), d(o, (e) => {
+      k("update:dropdownState", e);
+    }), d(w, (e) => {
+      e && (o.value = !o.value, w.value = !1);
+    }), d(u, (e) => {
+      e !== -1 && r.value[e].querySelector("a")?.click();
+    });
+    const p = () => {
+      o.value = !1;
+    }, s = () => {
+      i.keepState === "closed" && !o.value || i.keepState === "opened" && o.value || (o.value = !o.value);
+    }, I = (e) => {
+      e != null && (v.value = e);
+    }, S = (e) => {
+      e != null && (u.value = e);
+    };
+    return W(() => {
+      i.closeWhenClickedOutside && document.body.addEventListener("click", p);
+    }), $(() => {
+      m.value && (r.value = m.value.children || []);
+    }), H(() => {
+      i.closeWhenClickedOutside && document.body.removeEventListener("click", p);
+    }), (e, n) => (c(), K("div", {
+      class: l(["uikit-relative uikit-block", e.$attrs.class]),
+      onClick: n[1] || (n[1] = y((F) => {
+        k("click"), s();
+      }, ["stop"]))
+    }, [
+      C(e.$slots, "btn_slot", {
+        toggleDropdown: s,
+        isOpen: o.value
+      }, () => [
+        N(z, {
+          id: a(f),
+          type: "button",
+          "data-cy": t.dataCy,
+          class: l([
+            "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
+            t.btnClasses
+          ]),
+          "aria-expanded": o.value,
+          "btn-class": "uikit-btn-single-selection"
+        }, {
+          default: D(() => [
+            T("span", {
+              class: l(["uikit-mr-5px", t.labelClasses]),
+              innerHTML: t.btnLabel
+            }, null, 10, j),
+            t.withArrowIcon ? (c(), g(a(R), {
+              key: 0,
+              class: l(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
+              width: t.arrowWidth,
+              height: t.arrowWidth,
+              "stroke-color": t.arrowStrokeColor
+            }, null, 8, ["class", "width", "height", "stroke-color"])) : V("", !0)
+          ]),
+          _: 1
+        }, 8, ["id", "data-cy", "class", "aria-expanded"])
+      ]),
+      (c(), g(q(t.dropdownElement), {
+        id: "dropdown_" + a(f),
+        ref: "dropdown",
+        "data-cy": t.dataCy && `${t.dataCy}_dropdown`,
+        class: l(["uikit-max-h-[220px] uikit-w-full uikit-min-w-[90px] uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-border-w-lavender uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
+          t.dropdownClasses,
+          o.value ? "uikit-flex" : "uikit-hidden",
+          { "uikit-bottom-[55px] uikit-rounded-xs": t.direction === "up" },
+          { "uikit-rounded-b uikit-border-t-0": t.direction === "down" },
+          { "uikit-absolute": t.isAbsolute }
+        ]]),
+        "aria-hidden": !o.value,
+        onClick: n[0] || (n[0] = y(() => {
+        }, ["stop"]))
+      }, {
+        default: D(() => [
+          C(e.$slots, "default", {
+            isOpen: o.value,
+            toggleDropdown: s,
+            activeIdx: a(v),
+            selectedIdx: a(u),
+            setActiveIdx: I,
+            setSelectedIdx: S
+          })
+        ]),
+        _: 3
+      }, 8, ["id", "data-cy", "class", "aria-hidden"]))
+    ], 2));
+  }
+});
+export {
+  Y as default
+};

package/dist/{packages/components/lib → lib}/UIKit/BaseFloatingLabel.vue.js

@@ -1,40 +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({
+import { defineComponent as d, createElementBlock as a, openBlock as s, withModifiers as o, normalizeClass as t, createElementVNode as k, createCommentVNode as r } from "vue";
+const b = ["for"], c = ["innerHTML"], x = /* @__PURE__ */ d({
   __name: "BaseFloatingLabel",
   props: {
     labelState: { default: "inline-label" },
-    isValid: { default: null },
+    isValid: { type: [Boolean, null], 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,
+  setup(e, { emit: n }) {
+    const u = n;
+    return (i, l) => (s(), a("label", {
+      for: i.$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"]))
+      onClick: l[0] || (l[0] = o((m) => u("click"), ["stop"]))
     }, [
-      u("span", {
+      k("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", {
+      }, null, 10, c),
+      i.$attrs.required ? (s(), a("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));
+      }, " *", 2)) : r("", !0)
+    ], 10, b));
   }
 });
 export {
-  c as default
+  x as default
 };

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

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

package/dist/{packages/components/lib → lib}/UIKit/BaseInput.vue.js

@@ -1,17 +1,17 @@
-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";
+import { defineComponent as z, mergeModels as C, useModel as A, ref as m, watch as w, useAttrs as N, createElementBlock as r, openBlock as u, normalizeClass as v, unref as s, renderSlot as c, createElementVNode as h, createBlock as O, createCommentVNode as y, withKeys as j, withModifiers as $, Fragment as T, renderList as B } 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({
+}, te = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "BaseInput",
   props: /* @__PURE__ */ C({
     inputClass: {},
     labelText: { default: "" },
     feedback: {},
-    isValid: { default: null },
+    isValid: { type: [Boolean, null], default: null },
     keepFloatingLabel: { type: Boolean, default: !1 },
     formatter: { default: null },
     labelClasses: {},
@@ -27,127 +27,127 @@ const J = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     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,
+  setup(e, { expose: M, emit: E }) {
+    const d = A(e, "modelValue"), a = m(""), k = E, {
+      labelState: o,
       handleFocusIn: H,
-      handleFocusOut: $,
+      handleFocusOut: x,
       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);
+      e.feedback && (f.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (f.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (f.value.invalid = [e.feedback.invalid]));
+    }, L = (t, i) => {
+      if (!e.formatter || !e.formatter.formatFn)
+        return a.value = t, "";
+      const l = t.length ? e.formatter.formatFn(t) : t;
+      return i && (i.value = l), a.value = l, l;
+    }, F = (t, i = !0) => {
+      if (i && (!e.formatter || !e.formatter.unFormatFn))
+        return d.value = t, t;
+      if (!i || !e.formatter || !e.formatter.unFormatFn) return;
+      const l = e.formatter.unFormatFn(t);
+      return d.value = l ?? "", l;
+    }, P = ({ target: t }) => {
+      const i = t, l = F(i.value);
       L(
-        `${t}`,
-        t === o.value ? i : void 0
+        `${l}`,
+        l === d.value ? i : void 0
       );
     }, q = () => {
-      o.value = "", V();
+      d.value = "", V();
     }, K = () => {
       n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
     };
-    g(
-      () => l.feedback,
+    w(
+      () => e.feedback,
       () => {
         R();
       },
       {
         immediate: !0
       }
-    ), g(
-      o,
-      (e) => {
+    ), w(
+      d,
+      (t) => {
         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();
+          `${t}`,
+          F(`${t}`, !1) === t ? b.value : void 0
+        ), a.value != null && a.value.length > 0 && o.value !== "floating-label" ? I() : !a.value && document && document.activeElement !== b.value && V();
       },
       {
         immediate: !0
       }
-    ), g(
-      () => l.keepFloatingLabel,
-      (e) => {
-        e ? I() : $(o.value);
+    ), w(
+      () => e.keepFloatingLabel,
+      (t) => {
+        t ? I() : x(d.value);
       }
     );
     const S = N();
-    return n.value = S.type || "text", B({
+    return n.value = S.type || "text", M({
       select: () => {
         b.value?.select();
       }
-    }), (e, i) => (u(), r("div", {
+    }), (t, 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,
+        t.$attrs.class,
         { "floating-label": e.labelText },
-        s(d) === "floating-label" ? "floating-state" : "inline-state",
+        s(o) === "floating-label" ? "floating-state" : "inline-state",
         {
-          "has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
+          "has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!t.$slots.righticon
         },
         {
-          "has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
+          "has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!t.$slots.leftIcon
         },
         { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
       ]])
     }, [
-      p(e.$slots, "leftIcon", {}, void 0, !0),
-      p(e.$slots, "righticon", {
+      c(t.$slots, "leftIcon", {}, void 0, !0),
+      c(t.$slots, "righticon", {
         handleClean: q,
         handleShowPasswd: K,
         curType: n.value
       }, void 0, !0),
       h("input", {
-        id: e.$attrs.id,
+        id: t.$attrs.id,
         ref_key: "baseInputEl",
         ref: b,
         "data-cy": e.dataCy,
-        name: e.$attrs.name,
+        name: t.$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-pr-[42px]": e.withRightIcon !== void 0 ? e.withRightIcon : !!t.$slots.righticon
           },
           {
-            "uikit-pl-[42px]": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
+            "uikit-pl-[42px]": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!t.$slots.leftIcon
           },
           e.inputClass
         ]]),
-        autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
-        disabled: e.$attrs.disabled,
-        "aria-labelledby": e.$attrs.id,
-        readonly: e.$attrs.readonly,
+        autocomplete: t.$attrs.autocomplete === "on" ? "on" : "off",
+        disabled: t.$attrs.disabled,
+        "aria-labelledby": t.$attrs.id,
+        readonly: t.$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,
+        pattern: t.$attrs.pattern,
+        min: t.$attrs.min,
+        max: t.$attrs.max,
+        maxlength: t.$attrs.maxlength,
+        inputmode: t.$attrs.inputmode,
+        placeholder: t.$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"]),
+        onClick: i[0] || (i[0] = (l) => k("click", l)),
+        onFocusin: i[1] || (i[1] = $(() => e.labelText && s(H)(), ["stop"])),
+        onFocusout: i[2] || (i[2] = $((l) => e.labelText && !e.keepFloatingLabel && s(x)(a.value), ["stop"])),
+        onInput: $(P, ["stop"]),
         onKeydown: [
           i[3] || (i[3] = j(() => k("keydownEnterPressed"), ["enter"])),
-          i[4] || (i[4] = (t) => k("keydown", t))
+          i[4] || (i[4] = (l) => k("keydown", l))
         ],
-        onKeyup: i[5] || (i[5] = (t) => k("keyup", t))
+        onKeyup: i[5] || (i[5] = (l) => k("keyup", l))
       }, 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", [
@@ -165,10 +165,10 @@ const J = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
             class: v(["visible-label uikit-opacity-0", [
               { "uikit-mx-5px": e.labelText },
               {
-                "uikit-visible uikit-inline-block": s(d) === "floating-label"
+                "uikit-visible uikit-inline-block": s(o) === "floating-label"
               },
               {
-                "uikit-invisible uikit-hidden": s(d) === "inline-label"
+                "uikit-invisible uikit-hidden": s(o) === "inline-label"
               }
             ]]),
             innerHTML: e.labelText
@@ -177,35 +177,35 @@ const J = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
       ], 2),
       e.labelText ? (u(), O(D, {
         key: 0,
-        for: e.$attrs.id,
+        for: t.$attrs.id,
         "label-text": e.labelText,
-        "label-state": s(d),
+        "label-state": s(o),
         "is-valid": e.isValid,
-        required: e.$attrs.required,
-        disabled: e.$attrs.disabled,
+        required: t.$attrs.required,
+        disabled: t.$attrs.disabled,
         "label-classes": [
-          s(d) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
+          s(o) === "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}`,
+      }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : y("", !0),
+      c(t.$slots, "feedback", {}, () => [
+        e.isValid === !1 ? (u(!0), r(T, { key: 0 }, B(f.value.invalid, (l, g) => (u(), r("div", {
+          key: `${t.$attrs.id}_invalid_${g}`,
           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}`,
+          innerHTML: l
+        }, null, 8, X))), 128)) : e.isValid === !0 ? (u(!0), r(T, { key: 1 }, B(f.value.valid, (l, g) => (u(), r("div", {
+          key: `${t.$attrs.id}_valid_${g}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
-          innerHTML: t
-        }, null, 8, Y))), 128)) : w("", !0)
+          innerHTML: l
+        }, null, 8, Y))), 128)) : y("", !0)
       ], !0),
-      e.$slots["under-label"] ? (u(), r("div", Z, [
-        p(e.$slots, "under-label", {}, void 0, !0)
-      ])) : w("", !0)
+      t.$slots["under-label"] ? (u(), r("div", Z, [
+        c(t.$slots, "under-label", {}, void 0, !0)
+      ])) : y("", !0)
     ], 2));
   }
 });
 export {
-  ie as default
+  te as default
 };