@wikicasa-dev/components 2.1.2-alpha.4 → 2.1.2

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

@@ -1,106 +0,0 @@
-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({
-  __name: "BaseComplexToggle",
-  props: /* @__PURE__ */ T({
-    labels: {},
-    type: { default: "full" },
-    mode: { default: "" },
-    btnBgColor: { default: "uikit-bg-w-lavender" },
-    btnClasses: {},
-    borderContainerColor: { default: "uikit-border-w-secondary" },
-    size: { default: "" }
-  }, {
-    modelValue: {
-      default: null
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(g) {
-    const l = g, a = C(g, "modelValue"), s = () => {
-      a.value = l.labels.leftToggle;
-    }, u = () => {
-      a.value = l.labels.rightToggle;
-    };
-    (() => {
-      if (l.labels.leftToggle.checked) {
-        s();
-        return;
-      }
-      if (l.labels.rightToggle.checked) {
-        u();
-        return;
-      }
-      s();
-    })();
-    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"] || "",
-      class: o(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor, e.size]])
-    }, [
-      t("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
-          }
-        ]]),
-        onClick: i[0] || (i[0] = f((h) => s(), ["stop"]))
-      }, [
-        m(e.$slots, "left_icon", {}, () => [
-          e.labels.leftToggle.icon ? (r(), n("img", {
-            key: 0,
-            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
-            src: e.labels.leftToggle.icon.src,
-            alt: e.labels.leftToggle.icon.alt,
-            width: "15",
-            height: "15"
-          }, null, 8, L)) : k("", !0)
-        ], !0),
-        t("span", {
-          class: "base-complex-toggle-label uikit-relative uikit-z-10",
-          innerHTML: e.labels.leftToggle.label
-        }, null, 8, M)
-      ], 10, $),
-      t("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
-          }
-        ]]),
-        onClick: i[1] || (i[1] = f((h) => u(), ["stop"]))
-      }, [
-        m(e.$slots, "right_icon", {}, () => [
-          e.labels.rightToggle.icon ? (r(), n("img", {
-            key: 0,
-            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
-            src: e.labels.rightToggle.icon.src,
-            alt: e.labels.rightToggle.icon.alt,
-            width: "15",
-            height: "15"
-          }, null, 8, B)) : k("", !0)
-        ], !0),
-        t("span", {
-          class: "base-complex-toggle-label uikit-relative uikit-z-10",
-          innerHTML: e.labels.rightToggle.label
-        }, null, 8, V)
-      ], 10, z),
-      t("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",
-          e.btnClasses
-        ]])
-      }, null, 2)
-    ], 10, y));
-  }
-});
-export {
-  j as default
-};

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

@@ -1,40 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,211 +0,0 @@
-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/packages/components/lib/UIKit/BasePaper.vue.js

@@ -1,7 +0,0 @@
-import { defineComponent as e } from "vue";
-const n = e({
-  name: "BasePaper"
-});
-export {
-  n as default
-};

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

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

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

@@ -1,81 +0,0 @@
-import { defineComponent as b, ref as u, onBeforeMount as f, createBlock as h, openBlock as i, Teleport as y, createElementVNode as e, withModifiers as l, normalizeClass as x, createElementBlock as a, createCommentVNode as s, createVNode as v, unref as _ } from "vue";
-import { CloseIcon as C } 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 g = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-10px uikit-z-[2000] max-sm:uikit-left-0 max-sm:uikit-w-full" }, T = ["data-cy"], w = ["src", "alt"], L = {
-  key: 1,
-  class: "snackbar-type-icon uikit-bg-contain uikit-bg-no-repeat"
-}, M = { class: "snackbar-text uikit-px-4 uikit-py-0 uikit-text uikit-font-regular max-sm:uikit-max-w-[80%] max-sm:uikit-pr-0 sm:uikit-text-16" }, B = ["innerHTML"], H = ["innerHTML"], z = /* @__PURE__ */ b({
-  inheritAttrs: !1,
-  __name: "BaseSnackbar",
-  props: {
-    type: { default: "" },
-    title: {},
-    body: {},
-    icon: {},
-    timeout: { default: 55e4 },
-    cb: { default: null }
-  },
-  emits: ["snackbar-hidden"],
-  setup(k, { emit: m }) {
-    const n = k, d = m, o = u(null), r = u(null), p = () => {
-      o.value && o.value();
-    }, c = () => {
-      const t = r.value;
-      t && (t.classList.remove("snackbar-active"), t.classList.add("snackbar-hidden"), setTimeout(() => {
-        d("snackbar-hidden");
-      }, 300));
-    };
-    return f(() => {
-      n.cb && (o.value = n.cb), setTimeout(() => {
-        c();
-      }, n.timeout);
-    }), (t, S) => (i(), h(y, { to: "body" }, [
-      e("div", g, [
-        e("div", {
-          ref_key: "snackbar",
-          ref: r,
-          "data-cy": t.$attrs["data-cy"],
-          class: x(["snackbar snackbar-active uikit-flex uikit-items-center uikit-rounded-[5px] uikit-px-4 uikit-py-10px uikit-font-medium uikit-shadow hover:uikit-cursor-pointer max-sm:uikit-relative max-sm:uikit-mx-10px max-sm:uikit-my-0", t.type]),
-          onClick: l(p, ["stop"])
-        }, [
-          t.icon ? (i(), a("img", {
-            key: 0,
-            src: t.icon.src,
-            alt: `${t.icon.alt}`,
-            width: "20",
-            height: "20"
-          }, null, 8, w)) : s("", !0),
-          t.type && !t.icon ? (i(), a("span", L)) : s("", !0),
-          e("div", M, [
-            t.title ? (i(), a("p", {
-              key: 0,
-              class: "uikit-m-0",
-              innerHTML: t.title
-            }, null, 8, B)) : s("", !0),
-            t.body ? (i(), a("p", {
-              key: 1,
-              class: "uikit-m-0",
-              innerHTML: t.body
-            }, null, 8, H)) : s("", !0)
-          ]),
-          e("button", {
-            type: "button",
-            "data-cy": "base-snackbar-close-btn",
-            class: "uikit-bg-transparent max-sm:uikit-absolute max-sm:uikit-right-5",
-            onClick: l(c, ["stop"])
-          }, [
-            v(_(C), {
-              class: "snackbar-close-icon",
-              width: 20,
-              height: 20,
-              "stroke-color": "#000"
-            })
-          ])
-        ], 10, T)
-      ])
-    ]));
-  }
-});
-export {
-  z as default
-};