@wikicasa-dev/components 2.2.9-alpha.35 → 2.2.9-alpha.37

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 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"
+}, te = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "BaseInput",
+  props: /* @__PURE__ */ C({
+    inputClass: {},
+    labelText: { default: "" },
+    feedback: {},
+    isValid: { type: [Boolean, null], 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(e, { expose: M, emit: E }) {
+    const d = A(e, "modelValue"), a = m(""), k = E, {
+      labelState: o,
+      handleFocusIn: H,
+      handleFocusOut: x,
+      setInlineLabel: V,
+      setFloatingLabel: I
+    } = G(k), n = m("text"), f = m({}), b = m(null), R = () => {
+      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(
+        `${l}`,
+        l === d.value ? i : void 0
+      );
+    }, q = () => {
+      d.value = "", V();
+    }, K = () => {
+      n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
+    };
+    w(
+      () => e.feedback,
+      () => {
+        R();
+      },
+      {
+        immediate: !0
+      }
+    ), w(
+      d,
+      (t) => {
+        L(
+          `${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
+      }
+    ), w(
+      () => e.keepFloatingLabel,
+      (t) => {
+        t ? I() : x(d.value);
+      }
+    );
+    const S = N();
+    return n.value = S.type || "text", M({
+      select: () => {
+        b.value?.select();
+      }
+    }), (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", [
+        t.$attrs.class,
+        { "floating-label": e.labelText },
+        s(o) === "floating-label" ? "floating-state" : "inline-state",
+        {
+          "has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!t.$slots.righticon
+        },
+        {
+          "has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!t.$slots.leftIcon
+        },
+        { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
+      ]])
+    }, [
+      c(t.$slots, "leftIcon", {}, void 0, !0),
+      c(t.$slots, "righticon", {
+        handleClean: q,
+        handleShowPasswd: K,
+        curType: n.value
+      }, void 0, !0),
+      h("input", {
+        id: t.$attrs.id,
+        ref_key: "baseInputEl",
+        ref: b,
+        "data-cy": e.dataCy,
+        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 : !!t.$slots.righticon
+          },
+          {
+            "uikit-pl-[42px]": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!t.$slots.leftIcon
+          },
+          e.inputClass
+        ]]),
+        autocomplete: t.$attrs.autocomplete === "on" ? "on" : "off",
+        disabled: t.$attrs.disabled,
+        "aria-labelledby": t.$attrs.id,
+        readonly: t.$attrs.readonly,
+        type: n.value,
+        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] = (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] = (l) => k("keydown", l))
+        ],
+        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", [
+          {
+            "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(o) === "floating-label"
+              },
+              {
+                "uikit-invisible uikit-hidden": s(o) === "inline-label"
+              }
+            ]]),
+            innerHTML: e.labelText
+          }, null, 10, W)
+        ])
+      ], 2),
+      e.labelText ? (u(), O(D, {
+        key: 0,
+        for: t.$attrs.id,
+        "label-text": e.labelText,
+        "label-state": s(o),
+        "is-valid": e.isValid,
+        required: t.$attrs.required,
+        disabled: t.$attrs.disabled,
+        "label-classes": [
+          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"])) : 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: 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: l
+        }, null, 8, Y))), 128)) : y("", !0)
+      ], !0),
+      t.$slots["under-label"] ? (u(), r("div", Z, [
+        c(t.$slots, "under-label", {}, void 0, !0)
+      ])) : y("", !0)
+    ], 2));
+  }
+});
+export {
+  te as default
+};

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

@@ -1,7 +1,7 @@
 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";
 import { isWindows as g, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
-import '../assets/BaseModal.css';const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
+const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -145,5 +145,5 @@ import '../assets/BaseModal.css';const P = ["id", "data-cy"], U = ["innerHTML"],
   }
 });
 export {
-  j as _
+  j as default
 };

package/dist/{chunks/BasePagination.vue_vue_type_script_setup_true_lang.CkGMhOm-.js → packages/components/lib/UIKit/BasePagination.vue.js}

@@ -224,5 +224,5 @@ const Q = {
   }
 });
 export {
-  Z as _
+  Z as default
 };

package/dist/{chunks/SelectItem.vue_vue_type_script_setup_true_lang.DvQ4ZKvE.js → packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js}

@@ -1,5 +1,5 @@
-import { defineComponent as c, useTemplateRef as u, watch as d, nextTick as m, createElementBlock as r, openBlock as v, normalizeClass as f, renderSlot as k, createElementVNode as x } from "vue";
-const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ c({
+import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, createElementBlock as r, openBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
+const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
   __name: "SelectItem",
   props: {
     label: { default: "" },
@@ -8,26 +8,26 @@ const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ c(
   },
   emits: ["click", "mouseover"],
   setup(t, { emit: o }) {
-    const n = o, i = t, a = u("liItem");
+    const a = o, i = t, n = c("liItem");
     return d(
       () => i.active,
       (e) => {
         e && m(() => {
-          a.value && a.value.focus();
+          n.value && n.value.focus();
         });
       },
       { immediate: !0 }
-    ), (e, l) => (v(), r("li", {
+    ), (e, l) => (f(), r("li", {
       ref: "liItem",
-      class: f(["uikit-list-none uikit-text-w-black", [
+      class: v(["uikit-list-none uikit-text-w-black", [
         { "active uikit-bg-w-cultured": t.active },
         "uikit-outline-none",
         e.$attrs.class
       ]]),
       "data-active": t.active,
       tabindex: e.$attrs.tabindex ?? -1,
-      onClick: l[0] || (l[0] = (s) => n("click", i.idx)),
-      onMouseover: l[1] || (l[1] = (s) => n("mouseover", i.idx))
+      onClick: l[0] || (l[0] = (s) => a("click", i.idx)),
+      onMouseover: l[1] || (l[1] = (s) => a("mouseover", i.idx))
     }, [
       k(e.$slots, "default", { itemIdx: t.idx }, () => [
         x("span", {
@@ -38,5 +38,5 @@ const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ c(
   }
 });
 export {
-  $ as _
+  $ as default
 };

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

@@ -0,0 +1,207 @@
+import { defineComponent as R, mergeModels as _, useModel as w, ref as p, useTemplateRef as D, useAttrs as j, onMounted as q, createElementBlock as G, openBlock as H, createElementVNode as x, withModifiers as T, createVNode as k } from "vue";
+import C from "../../../../UIKit/BaseInput.js";
+const J = { class: "range_container" }, K = { class: "sliders_control" }, O = ["value", "min", "max", "step"], Q = ["value", "min", "max", "step"], W = { class: "form_control row" }, X = { class: "pb-15 pb-sm-0 col-sm-6 col-xl-4" }, Y = { class: "col-sm-6 col-xl-4" }, ae = /* @__PURE__ */ R({
+  __name: "BaseSlider",
+  props: /* @__PURE__ */ _({
+    type: { default: "linear" },
+    min: { default: 0 },
+    max: { default: 100 }
+  }, {
+    minValue: { default: 0 },
+    minValueModifiers: {},
+    maxValue: { default: 0 },
+    maxValueModifiers: {}
+  }),
+  emits: ["update:minValue", "update:maxValue"],
+  setup(m) {
+    function B(e, l) {
+      const a = parseInt(e.value, 10), t = parseInt(l.value, 10);
+      return [a, t];
+    }
+    const E = (e) => e.minPos + (Math.log(e.value) - e.minlval) / e.scale, L = (e) => Math.exp(
+      (e.position - e.minPos) * e.scale + e.minlval
+    );
+    function V(e, l, a, t, v) {
+      const s = l.max - l.min, f = e - l.min, $ = l.value - l.min;
+      v.style.background = `linear-gradient(
+      to right,
+      ${a} 0%,
+      ${a} ${f / s * 100}%,
+      ${t} ${f / s * 100}%,
+      ${t} ${$ / s * 100}%,
+      ${a} ${$ / s * 100}%,
+      ${a} 100%)`;
+    }
+    function h(e, l) {
+      e <= 0 ? l.style.zIndex = "2" : l.style.zIndex = "0";
+    }
+    const r = w(m, "minValue"), o = w(m, "maxValue"), n = p(0), u = p(100), c = p(10), d = p(40), F = p(0), M = p(0), y = p(0), g = D("fromSlider"), i = D("toSlider"), P = (e, l) => {
+      if (!g.value || !i.value) return;
+      l || (l = "0");
+      const a = parseInt(l, 10);
+      if (e == "min-input") {
+        if (a >= o.value) return;
+        r.value = a, z(i.value, a, o.value);
+        return;
+      }
+      a < r.value || (o.value = a, A(i.value, i.value, r.value, a));
+    }, I = (e) => {
+      if (m.type === "logarithmic")
+        return e = e || 1, parseInt(
+          E({
+            value: e,
+            minPos: n.value,
+            minlval: F.value,
+            scale: y.value
+          }).toFixed(0),
+          10
+        );
+      if (m.type === "linear")
+        return e;
+      throw new Error("The slider type has not been implemented");
+    }, S = (e) => {
+      if (m.type === "logarithmic")
+        return e = e || 1, parseInt(
+          L({
+            position: e,
+            scale: y.value,
+            minlval: F.value,
+            minPos: n.value
+          }).toFixed(0),
+          10
+        );
+      if (m.type === "linear")
+        return e;
+      throw new Error("The slider type has not been implemented");
+    }, z = (e, l, a) => {
+      const t = I(l), v = I(a);
+      V(
+        t,
+        {
+          min: n.value,
+          max: u.value,
+          value: v
+        },
+        "#B4C2F0",
+        "#2B5DFF",
+        e
+      );
+      const s = t, f = o.value;
+      s > f ? c.value = f : c.value = s;
+    }, A = (e, l, a, t) => {
+      const v = I(a), s = I(t);
+      V(
+        v,
+        {
+          min: n.value,
+          max: u.value,
+          value: s
+        },
+        "#B4C2F0",
+        "#2B5DFF",
+        l
+      );
+      const f = r.value, $ = s;
+      h(o.value, e), f <= $ ? d.value = $ : d.value = f;
+    }, N = (e, l) => {
+      if (!l.value) return;
+      const [a, t] = B(e, l), v = S(a);
+      V(
+        a,
+        {
+          min: n.value,
+          max: u.value,
+          value: t
+        },
+        "#B4C2F0",
+        "#2B5DFF",
+        l
+      ), a > t ? (e.value = `${t}`, c.value = t, r.value = t) : (c.value = a, r.value = v);
+    }, U = (e, l) => {
+      if (!l.value) return;
+      const [a, t] = B(e, l), v = S(t);
+      V(
+        c.value,
+        {
+          min: n.value,
+          max: u.value,
+          value: t
+        },
+        "#B4C2F0",
+        "#2B5DFF",
+        l
+      ), h(parseInt(l.value, 10), l), a <= t ? (d.value = t, o.value = v) : (l.value = `${a}`, d.value = a, o.value = a);
+    }, b = j();
+    return (() => {
+      n.value = parseInt(`${m.min || 0}`, 10), u.value = parseInt(`${m.max || 100}`, 10), c.value = n.value, d.value = u.value, r.value = parseInt(`${b.minValue || n.value}`, 10), o.value = parseInt(`${b.maxValue || u.value}`, 10), F.value = Math.log(r.value || 1), M.value = Math.log(o.value), y.value = (M.value - F.value) / (u.value - n.value);
+    })(), q(() => {
+      !g.value || !i.value || (V(
+        c.value,
+        {
+          min: n.value,
+          max: u.value,
+          value: d.value
+        },
+        "#B4C2F0",
+        "#2B5DFF",
+        i.value
+      ), h(d.value, i.value));
+    }), (e, l) => (H(), G("div", J, [
+      x("div", K, [
+        x("input", {
+          ref_key: "fromSlider",
+          ref: g,
+          class: "fromSlider",
+          type: "range",
+          value: c.value,
+          min: n.value,
+          max: u.value,
+          step: e.$attrs.step,
+          onInput: l[0] || (l[0] = T((a) => N(
+            g.value,
+            i.value
+          ), ["stop"]))
+        }, null, 40, O),
+        x("input", {
+          ref_key: "toSlider",
+          ref: i,
+          class: "toSlider",
+          type: "range",
+          value: d.value,
+          min: n.value,
+          max: u.value,
+          step: e.$attrs.step,
+          onInput: l[1] || (l[1] = T((a) => U(
+            g.value,
+            i.value
+          ), ["stop"]))
+        }, null, 40, Q)
+      ]),
+      x("div", W, [
+        x("div", X, [
+          k(C, {
+            "label-text": "Min",
+            type: "text",
+            pattern: "[0-9]*",
+            inputmode: "numeric",
+            "model-value": r.value,
+            "onUpdate:modelValue": l[2] || (l[2] = (a) => P("min-input", `${a || ""}`))
+          }, null, 8, ["model-value"])
+        ]),
+        x("div", Y, [
+          k(C, {
+            "label-text": "Max",
+            type: "text",
+            pattern: "[0-9]*",
+            inputmode: "numeric",
+            "model-value": o.value,
+            "onUpdate:modelValue": l[3] || (l[3] = (a) => P("max-input", `${a || ""}`))
+          }, null, 8, ["model-value"])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  ae as default
+};

package/dist/{chunks/BaseSnackbar.vue_vue_type_style_index_0_lang.DJqVfg6P.js → packages/components/lib/UIKit/BaseSnackbar.vue.js}

@@ -1,7 +1,7 @@
 import { defineComponent as x, mergeModels as I, useModel as w, ref as b, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
 import { ToastProvider as D, ToastRoot as M, ToastTitle as P, ToastDescription as z, ToastClose as S, ToastAction as A, ProgressRoot as N, ProgressIndicator as R, ToastPortal as U, ToastViewport as h } from "reka-ui";
-import '../assets/BaseSnackbar.css';const q = /* @__PURE__ */ x({
+const q = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BaseSnackbar",
   props: /* @__PURE__ */ I({
@@ -141,5 +141,5 @@ import '../assets/BaseSnackbar.css';const q = /* @__PURE__ */ x({
   }
 });
 export {
-  q as _
+  q as default
 };

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

@@ -0,0 +1,127 @@
+import { defineComponent as T, mergeModels as c, useModel as h, ref as $, watch as L, createElementBlock as b, openBlock as f, normalizeClass as s, createElementVNode as r, createCommentVNode as v, unref as u, createVNode as M, withModifiers as o, nextTick as C } from "vue";
+import F from "../../../../UIKit/BaseFloatingLabel.js";
+import { useFloatingLabel as B } from "../../../../composables/useFloatingLabel.js";
+const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], E = {
+  key: 0,
+  class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"
+}, H = ["innerHTML"], q = ["innerHTML"], S = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "BaseTextarea",
+  props: /* @__PURE__ */ c({
+    labelText: { default: "" },
+    feedback: {},
+    isValid: { type: [Boolean, null], default: null },
+    resize: { type: Boolean, default: !1 },
+    labelClasses: {}
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
+  setup(e, { expose: m, emit: x }) {
+    const n = h(e, "modelValue"), k = x, {
+      labelState: a,
+      handleFocusIn: w,
+      handleFocusOut: y,
+      setFloatingLabel: g,
+      setInlineLabel: p
+    } = B(k), t = $(null);
+    L(
+      n,
+      (i) => {
+        `${i}`.length && a.value !== "floating-label" ? g() : !i?.length && a.value !== "inline-label" && document.activeElement !== t.value && p();
+      },
+      { immediate: !0 }
+    );
+    const V = ({ target: i }) => {
+      n.value = i.value;
+    };
+    return m({
+      disableTextarea: () => {
+        t.value && (t.value.setAttribute("readonly", "readonly"), t.value.classList.add("disabled"));
+      },
+      clearTextareaElem: () => {
+        t.value && (t.value.value = "");
+      },
+      focusDisabledTextarea: () => {
+        t.value && (t.value.removeAttribute("readonly"), t.value.classList.remove("disabled"), C(() => {
+          t.value && t.value.focus();
+        }));
+      }
+    }), (i, l) => (f(), b("div", {
+      class: s(i.$attrs["wrapper-classes"])
+    }, [
+      r("div", {
+        class: s(["input-wrapper uikit-relative uikit-rounded-xs uikit-px-0", [
+          u(a) === "floating-label" ? "floating-state" : "inline-state"
+        ]])
+      }, [
+        r("textarea", {
+          id: i.$attrs.id,
+          ref_key: "textarea",
+          ref: t,
+          "data-cy": i.$attrs["data-cy"],
+          class: s(["textarea-scrollbar uikit-peer/fieldset uikit-relative uikit-z-20 uikit-mb-10px uikit-mt-15px uikit-w-[calc(100%-1px)] uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-xs uikit-border-0 uikit-bg-transparent uikit-bg-no-repeat uikit-px-15px uikit-pb-[8px] uikit-outline-none", [
+            { "is-invalid invalid-bg !uikit-pr-10": e.isValid === !1 },
+            { "is-valid valid-bg !uikit-pr-10": e.isValid },
+            { "uikit-resize-none": !e.resize },
+            i.$attrs.class
+          ]]),
+          rows: i.$attrs.rows,
+          disabled: i.$attrs.disabled,
+          "aria-labelledby": i.$attrs.id,
+          readonly: i.$attrs.readonly,
+          onFocusin: l[0] || (l[0] = o((d) => u(w)(), ["stop"])),
+          onFocusout: l[1] || (l[1] = o((d) => u(y)(`${n.value}`.trim()), ["stop"])),
+          onInput: o(V, ["stop"]),
+          onKeydown: l[2] || (l[2] = o((d) => k("keydown", d), ["stop"])),
+          onClick: l[3] || (l[3] = (d) => k("click", d)),
+          value: n.value
+        }, null, 42, z),
+        r("fieldset", {
+          class: s(["uikit-pointer-events-none uikit-absolute -uikit-top-0 uikit-bottom-[3px] uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-bg-white uikit-p-0 uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary peer-disabled/fieldset:uikit-bg-w-cultured peer-[&.disabled]/fieldset:uikit-bg-w-cultured peer-focus/fieldset:[&.is-invalid]:uikit-border-w-danger", [
+            { "is-invalid": e.isValid === !1, "is-valid": e.isValid },
+            { "uikit-border-w-danger": e.isValid === !1 },
+            { "uikit-border-w-primary": e.isValid },
+            { "uikit-border-w-secondary": e.isValid === null }
+          ]])
+        }, [
+          e.labelText ? (f(), b("legend", E, [
+            r("span", {
+              class: s(["uikit-px-5px uikit-opacity-0", [
+                {
+                  "uikit-visible uikit-inline-block": u(a) === "floating-label"
+                },
+                {
+                  "uikit-invisible uikit-hidden": u(a) === "inline-label"
+                }
+              ]]),
+              innerHTML: e.labelText
+            }, null, 10, H)
+          ])) : v("", !0)
+        ], 2),
+        M(F, {
+          for: i.$attrs.id,
+          "label-text": e.labelText,
+          "label-state": u(a),
+          required: i.$attrs.required,
+          "is-valid": e.isValid,
+          "label-classes": [
+            u(a) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
+            e.labelClasses
+          ]
+        }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "label-classes"])
+      ], 2),
+      (e.isValid || e.isValid === !1) && e.feedback ? (f(), b("div", {
+        key: 0,
+        class: s(
+          e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"
+        ),
+        innerHTML: e.isValid === !1 ? e.feedback.invalid : e.feedback.valid
+      }, null, 10, q)) : v("", !0)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

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

@@ -0,0 +1,42 @@
+import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as b, normalizeClass as c, renderSlot as r, createElementVNode as i, createCommentVNode as f, withModifiers as m } from "vue";
+const p = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, h = ["data-cy", "checked"], g = ["innerHTML"], y = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "BaseToggle",
+  props: /* @__PURE__ */ n({
+    withRightLabel: { type: Boolean, default: !0 },
+    label: { default: "" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const l = d(o, "modelValue"), u = ({ target: e }) => {
+      l.value = e.checked;
+    };
+    return (e, t) => (b(), k("div", {
+      class: c(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
+    }, [
+      r(e.$slots, "leftLabel", {}, void 0, !0),
+      i("label", p, [
+        i("input", {
+          "data-cy": e.$attrs["data-cy"] ?? "",
+          class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
+          type: "checkbox",
+          checked: l.value,
+          onInput: t[0] || (t[0] = m((a) => u(a), ["stop"]))
+        }, null, 40, h),
+        t[1] || (t[1] = i("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-top-0 before:uikit-box-border before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1))
+      ]),
+      o.withRightLabel ? r(e.$slots, "rightLabel", { key: 0 }, () => [
+        i("span", {
+          class: "uikit-ml-10px",
+          innerHTML: o.label
+        }, null, 8, g)
+      ], !0) : f("", !0)
+    ], 2));
+  }
+});
+export {
+  y as default
+};