@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/datepicker/Datepicker.vue3.js

@@ -1,5 +0,0 @@
-import o from "./Datepicker.vue.js";
-import "./Datepicker.vue2.js";
-export {
-  o as default
-};

package/lib/components/datepicker/__tests__/Datepicker.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/divider/Divider.vue.js

@@ -1,52 +0,0 @@
-import { defineComponent as p, openBlock as o, createElementBlock as r, normalizeStyle as s, unref as t, normalizeClass as a, createElementVNode as n, toDisplayString as u, createCommentVNode as v } from "vue";
-import { useTheme as y } from "../../composables/useTheme.js";
-const h = ["textContent"], f = {
-  label: String,
-  vertical: Boolean
-}, C = { name: "XDivider" }, x = /* @__PURE__ */ p({
-  ...C,
-  props: f,
-  setup(i) {
-    const c = i, { styles: d, classes: l, className: m } = y("Divider", {}, c);
-    return (e, b) => (o(), r("div", {
-      style: s(t(d)),
-      class: a([
-        t(m),
-        t(l).wrapper
-      ])
-    }, [
-      n("div", {
-        class: a(t(l).line),
-        style: s([
-          {
-            width: e.vertical ? "1px" : "auto",
-            height: e.vertical ? "auto" : "1px"
-          }
-        ])
-      }, null, 6),
-      e.label ? (o(), r("div", {
-        key: 0,
-        class: a(["font-medium text-sm text-secondary-600 dark:text-secondary-300", [
-          t(l).label,
-          {
-            "my-2": e.vertical,
-            "mx-4": !e.vertical
-          }
-        ]]),
-        textContent: u(e.label)
-      }, null, 10, h)) : v("", !0),
-      n("div", {
-        class: a(t(l).line),
-        style: s([
-          {
-            width: e.vertical ? "1px" : "auto",
-            height: e.vertical ? "auto" : "1px"
-          }
-        ])
-      }, null, 6)
-    ], 6));
-  }
-});
-export {
-  x as default
-};

package/lib/components/divider/Divider.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Divider.vue.js";
-export {
-  f as default
-};

package/lib/components/divider/__tests__/Divider.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/drawer/Drawer.vue.js

@@ -1,160 +0,0 @@
-import { defineComponent as j, ref as r, watchEffect as K, watch as M, computed as y, onMounted as O, openBlock as w, createBlock as q, Teleport as F, createVNode as g, Transition as G, withCtx as k, withDirectives as H, createElementVNode as $, normalizeClass as x, unref as n, createElementBlock as I, createCommentVNode as S, normalizeStyle as J, renderSlot as u, vShow as Q } from "vue";
-import { useBreakpoints as U, breakpointsTailwind as W, useEventListener as E, useSwipe as Y } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { useTheme as Z } from "../../composables/useTheme.js";
-import ee from "../scroll/Scroll.vue.js";
-const te = {
-  key: 0,
-  ref: "swipeRef",
-  class: "flex flex-col max-h-full"
-}, oe = ["left", "right", "top", "bottom"], ie = {
-  modelValue: Boolean,
-  position: {
-    type: String,
-    default: "left"
-  },
-  teleportTo: {
-    type: [String, Object],
-    default: "body"
-  },
-  width: {
-    type: [String, Number],
-    default: 220
-  },
-  height: {
-    type: [String, Number],
-    default: 320
-  },
-  breakpoint: [String, Number],
-  backdrop: {
-    type: Boolean,
-    default: !0
-  }
-}, se = {
-  name: "XDrawer",
-  inheritAttrs: !1,
-  validators: {
-    position: oe
-  }
-}, fe = /* @__PURE__ */ j({
-  ...se,
-  props: ie,
-  emits: ["update:modelValue"],
-  setup(L, { expose: B, emit: T }) {
-    const t = L, d = T, i = r(!0), s = r(t.modelValue), p = r(null), c = r(null), h = r(!1), m = typeof t.breakpoint == "string", f = U(m ? W : { md: t.breakpoint || 768 }).smaller(m ? t.breakpoint : "md");
-    K(() => {
-      t.breakpoint && (f.value ? (i.value = !0, l()) : (i.value = !1, v()));
-    }), E(p, "pointerdown", l), M(() => t.modelValue, (e) => {
-      s.value = e;
-    }), typeof window < "u" && E(document, "keydown", V);
-    function V(e) {
-      e.key === "Escape" && s.value && l();
-    }
-    Y(c, {
-      onSwipeEnd(e, o) {
-        i.value && (t.position === "left" && o === "left" || t.position === "right" && o === "right" || t.position === "top" && o === "up" || t.position === "bottom" && o === "down") && l();
-      }
-    });
-    const N = y(() => {
-      const e = {};
-      return t.position === "left" || t.position === "right" ? e.width = `${t.width}px` : (t.position === "top" || t.position === "bottom") && (e.height = `${t.height}px`), e;
-    }), _ = y(() => {
-      const e = [];
-      return i.value && (e.push("absolute shadow-lg"), t.position === "top" ? e.push("top-0 inset-x-0") : t.position === "bottom" ? e.push("bottom-0 inset-x-0") : t.position === "left" ? e.push("left-0 inset-y-0") : t.position === "right" && e.push("right-0 inset-y-0")), e;
-    });
-    function C(e) {
-      e.classList.add("inset-0"), t.position === "top" ? e.style.top = `-${t.height}px` : t.position === "bottom" ? e.style.bottom = `-${t.height}px` : t.position === "left" ? e.style.left = `-${t.width}px` : t.position === "right" && (e.style.right = `-${t.width}px`);
-    }
-    function R(e, o) {
-      if (!i.value) {
-        o();
-        return;
-      }
-      const a = () => {
-        e.removeEventListener("transitionend", a), o();
-      };
-      e.addEventListener("transitionend", a), setTimeout(() => {
-        t.backdrop && e.classList.add("bg-slate-500/30"), t.position === "top" ? e.style.top = "0" : t.position === "bottom" ? e.style.bottom = "0" : t.position === "left" ? e.style.left = "0" : t.position === "right" && (e.style.right = "0");
-      }, 1);
-    }
-    function D(e) {
-    }
-    function z(e, o) {
-      const a = () => {
-        e.removeEventListener("transitionend", a), o();
-      };
-      e.addEventListener("transitionend", a), setTimeout(() => {
-        t.backdrop && e.classList.remove("bg-slate-500/30"), t.position === "top" ? e.style.top = `-${t.height}px` : t.position === "bottom" ? e.style.bottom = `-${t.height}px` : t.position === "left" ? e.style.left = `-${t.width}px` : t.position === "right" && (e.style.right = `-${t.width}px`);
-      }, 1);
-    }
-    function A(e) {
-      e.classList.remove("inset-0");
-    }
-    function l(e) {
-      e && e.target !== p.value || (s.value = !1, d("update:modelValue", !1));
-    }
-    function v() {
-      s.value = !0, d("update:modelValue", !0);
-    }
-    O(() => {
-      h.value = !0;
-    });
-    const { styles: P, classes: b, className: X } = Z("Drawer", {}, t);
-    return B({ open: v, close: l }), (e, o) => h.value ? (w(), q(F, {
-      key: 0,
-      to: e.teleportTo,
-      disabled: !i.value
-    }, [
-      g(G, {
-        css: !1,
-        onBeforeEnter: C,
-        onEnter: R,
-        onBeforeLeave: D,
-        onLeave: z,
-        onAfterLeave: A
-      }, {
-        default: k(() => [
-          H($("div", {
-            ref_key: "backdropRef",
-            ref: p,
-            class: x([
-              e.$attrs.class,
-              n(b).backdrop,
-              i.value || !e.breakpoint ? "absolute z-40" : ""
-            ])
-          }, [
-            i.value && s.value ? (w(), I("div", te, null, 512)) : S("", !0),
-            $("div", {
-              ref_key: "drawerRef",
-              ref: c,
-              class: x([
-                n(X),
-                _.value,
-                n(b).wrapper
-              ]),
-              style: J([N.value, n(P)])
-            }, [
-              u(e.$slots, "header"),
-              g(ee, {
-                scrollbar: !1,
-                vertical: "",
-                class: "flex-1"
-              }, {
-                default: k(() => [
-                  u(e.$slots, "default")
-                ]),
-                _: 3
-              }),
-              u(e.$slots, "footer")
-            ], 6)
-          ], 2), [
-            [Q, e.breakpoint ? s.value && n(f) || !n(f) : s.value]
-          ])
-        ]),
-        _: 3
-      })
-    ], 8, ["to", "disabled"])) : S("", !0);
-  }
-});
-export {
-  fe as default
-};

package/lib/components/drawer/Drawer.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Drawer.vue.js";
-export {
-  f as default
-};

package/lib/components/drawer/__tests__/Drawer.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/form/Form.vue.js

@@ -1,111 +0,0 @@
-import { defineComponent as I, provide as S, onMounted as $, watch as A, nextTick as C, openBlock as c, createElementBlock as f, normalizeStyle as N, unref as n, normalizeClass as l, renderSlot as d, toDisplayString as h, createCommentVNode as m, createElementVNode as b } from "vue";
-import { injectFormKey as T } from "../../composables/keys.js";
-import { useTheme as j } from "../../composables/useTheme.js";
-const w = {
-  key: 0,
-  class: "mb-6"
-}, z = ["disabled"], D = {
-  autoValidate: {
-    type: Boolean,
-    default: !0
-  },
-  autoFocus: {
-    type: Boolean,
-    default: !0
-  },
-  disabled: Boolean,
-  errors: {
-    type: [Array, Object],
-    default: () => []
-  },
-  title: String,
-  description: String,
-  hasFooter: {
-    type: Boolean,
-    default: !0
-  }
-}, P = {
-  name: "XForm"
-}, X = /* @__PURE__ */ I({
-  ...P,
-  props: D,
-  emits: ["submit"],
-  setup(F, { expose: g, emit: V }) {
-    const u = F, k = V, s = [];
-    S(T, {
-      registerInput: (e, t, o, i) => {
-        const a = s.find((E) => E.name === e);
-        a ? (a.focus = t, a.validate = o, a.setError = i) : s.push({ name: e, focus: t, validate: o, setError: i });
-      },
-      unregisterInput: (e) => {
-        const t = s.findIndex((o) => o.name === e);
-        s.splice(t, 1);
-      },
-      isInsideForm: !0
-    }), $(async () => {
-      u.autoFocus && s && s.length > 0 && setTimeout(s[0].focus, 50);
-    }), A(() => u.errors, (e) => {
-      e && C(() => {
-        if (Array.isArray(e))
-          e.forEach((t, o) => {
-            const i = s.find((a) => a.name === t.field);
-            i && (i.setError(t.msg), o === 0 && i.focus && i.focus());
-          });
-        else {
-          const t = s.find((o) => o.name === e.field);
-          t && (t.setError(e.msg), t.focus && t.focus());
-        }
-      });
-    });
-    const p = () => {
-      let e = !0;
-      return s.forEach((t) => {
-        !t.validate() && e && (e = !1, t.focus && t.focus());
-      }), e;
-    }, y = (e) => {
-      e.preventDefault(), e.stopPropagation();
-      const t = u.autoValidate ? p() : !0;
-      k("submit", t);
-    };
-    g({ validate: p, submit: y });
-    const { styles: v, classes: r, className: B } = j("Form", {}, u);
-    return (e, t) => (c(), f("form", {
-      style: N(n(v)),
-      class: l([
-        n(B),
-        n(r).wrapper
-      ]),
-      onSubmit: y
-    }, [
-      d(e.$slots, "header", {}, () => [
-        e.title || e.description ? (c(), f("div", w, [
-          e.title ? (c(), f("p", {
-            key: 0,
-            class: l(n(r).title)
-          }, h(e.title), 3)) : m("", !0),
-          e.description ? (c(), f("p", {
-            key: 1,
-            class: l(n(r).description)
-          }, h(e.description), 3)) : m("", !0)
-        ])) : m("", !0)
-      ]),
-      b("fieldset", {
-        disabled: e.disabled,
-        class: l([n(r).content, "contents"])
-      }, [
-        d(e.$slots, "default")
-      ], 10, z),
-      e.hasFooter ? d(e.$slots, "footer", { key: 0 }, () => [
-        b("div", {
-          class: l(n(r).footer)
-        }, [
-          d(e.$slots, "primary-action"),
-          d(e.$slots, "secondary-action")
-        ], 2)
-      ]) : m("", !0)
-    ], 38));
-  }
-});
-export {
-  X as default
-};

package/lib/components/form/Form.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Form.vue.js";
-export {
-  f as default
-};

package/lib/components/form/__tests__/Form.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/formGroup/FormGroup.vue.js

@@ -1,91 +0,0 @@
-import { defineComponent as q, computed as w, provide as B, openBlock as m, createBlock as d, mergeProps as K, unref as o, toHandlers as N, withKeys as $, withCtx as A, createElementVNode as E, normalizeClass as O, renderSlot as P, createCommentVNode as j } from "vue";
-import { useTheme as z } from "../../composables/useTheme.js";
-import { useInteractive as H } from "../../composables/useInteractive.js";
-import { useInputtable as i } from "../../composables/useInputtable.js";
-import { injectFormGroupKey as S } from "../../composables/keys.js";
-import T from "../label/Label.vue.js";
-import X from "../inputFooter/InputFooter.vue.js";
-const D = {
-  ...H.props(),
-  ...i.props(),
-  vertical: {
-    type: Boolean,
-    default: !1
-  }
-}, J = {
-  name: "XFormGroup"
-}, Z = /* @__PURE__ */ q({
-  ...J,
-  props: D,
-  emits: i.emits(),
-  setup(f, { expose: c, emit: V }) {
-    const r = f, t = [], y = w(() => typeof r.modelValue == "string" || typeof r.modelValue == "number" || Array.isArray(r.modelValue) ? r.modelValue : "");
-    B(S, {
-      registerInputGroup: (e, s) => {
-        t.push({ name: e, focus: s });
-      },
-      unregisterInputGroup: (e) => {
-        const s = t.findIndex((k) => k.name === e);
-        t.splice(s, 1);
-      },
-      setValue: (e) => {
-        n("update:modelValue", e);
-      },
-      isInsideFormGroup: !0,
-      value: y
-    });
-    function a() {
-      var e;
-      (e = t[0]) == null || e.focus();
-    }
-    function v() {
-    }
-    const n = V, {
-      errorInternal: u,
-      isInsideForm: h,
-      isFirstValidation: p,
-      reset: I,
-      validate: l,
-      setError: b
-    } = i(r, { focus: a, emit: n }), F = {
-      change: (e) => {
-        r.validateOnInput && !p.value && l(r.modelValue);
-      }
-    };
-    function G() {
-      r.validateOnInput && !p.value && l(r.modelValue);
-    }
-    const { styles: g, classes: _, className: C } = z("FormGroup", {}, r, { errorInternal: u });
-    return c({ focus: a, blur: v, reset: I, validate: l, setError: b }), (e, s) => (m(), d(T, K({
-      tag: "fieldset",
-      style: o(g),
-      disabled: e.disabled,
-      required: e.required,
-      "is-inside-form": o(h),
-      label: e.label,
-      class: [
-        o(C)
-      ],
-      tooltip: e.tooltip
-    }, N(F), {
-      onKeyup: $(G, ["space"])
-    }), {
-      default: A(() => [
-        E("div", {
-          class: O(o(_).wrapper)
-        }, [
-          P(e.$slots, "default")
-        ], 2),
-        e.hideFooter ? j("", !0) : (m(), d(X, {
-          key: 0,
-          error: o(u),
-          helper: e.helper
-        }, null, 8, ["error", "helper"]))
-      ]),
-      _: 3
-    }, 16, ["style", "disabled", "required", "is-inside-form", "label", "class", "tooltip"]));
-  }
-});
-export {
-  Z as default
-};

package/lib/components/formGroup/FormGroup.vue2.js

@@ -1,4 +0,0 @@
-import f from "./FormGroup.vue.js";
-export {
-  f as default
-};

package/lib/components/formGroup/__tests__/FormGroup.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/icon/Icon.vue.js

@@ -1,73 +0,0 @@
-import { defineComponent as C, inject as T, ref as s, watchEffect as H, computed as L, normalizeStyle as h, unref as i, openBlock as x, createElementBlock as k, mergeProps as M, normalizeClass as O } from "vue";
-import { useCommon as y } from "../../composables/useCommon.js";
-import { injectIconsKey as g } from "../../composables/keys.js";
-import { useTheme as z } from "../../composables/useTheme.js";
-const E = ["innerHTML"], V = ["stroke-linejoin", "stroke-linecap", "stroke", "fill", "viewBox", "innerHTML"], G = {
-  ...y.props(),
-  icon: {
-    type: String,
-    required: !0
-  },
-  filled: Boolean,
-  viewBox: {
-    type: String,
-    default: "0 0 24 24"
-  }
-}, P = {
-  name: "XIcon",
-  validators: {
-    ...y.validators()
-  }
-}, N = /* @__PURE__ */ C({
-  ...P,
-  props: G,
-  setup(_) {
-    const o = _, a = T(g, {}), r = s(!1), t = s(""), n = s(o.filled), u = s(o.viewBox), f = s({});
-    H(() => {
-      const e = a && o.icon && a[o.icon];
-      if (r.value = !1, t.value = e, e)
-        if (typeof e == "string")
-          if (e.startsWith("<svg")) {
-            r.value = !0;
-            const { content: c, attributes: l } = B(e);
-            f.value = l, t.value = c;
-          } else
-            r.value = !1, t.value = e;
-        else
-          typeof e == "object" && (t.value = e.icon, n.value = e.filled || o.filled, u.value = e.viewBox || o.viewBox);
-      else
-        t.value = o.icon || "";
-    });
-    function B(e) {
-      e = e.trim();
-      const c = e.substring(e.indexOf(">") + 1, e.lastIndexOf("</svg>")), l = e.substring(e.indexOf("<svg") + 4, e.indexOf(">")).trim().match(/[\w-]+="[^"]*"/g), m = {};
-      return l == null || l.forEach((j) => {
-        const [w, I] = j.split("=");
-        ["height", "width", "class"].includes(w) || (m[w] = I.replace(/(^"|"$)/g, ""));
-      }), {
-        attributes: m,
-        content: c
-      };
-    }
-    const { styles: b, classes: p, className: v } = z("Icon", {}, o), d = L(() => h(i(b)));
-    return (e, c) => r.value ? (x(), k("svg", M({
-      key: 0,
-      style: d.value,
-      class: ["shrink-0", i(v), i(p).wrapper]
-    }, f.value, { innerHTML: t.value }), null, 16, E)) : (x(), k("svg", {
-      key: 1,
-      style: h(d.value),
-      xmlns: "http://www.w3.org/2000/svg",
-      class: O(["shrink-0", i(v), i(p).wrapper, { "stroke-2": !n.value }]),
-      "stroke-linejoin": n.value ? void 0 : "round",
-      "stroke-linecap": n.value ? void 0 : "round",
-      stroke: n.value ? void 0 : "currentColor",
-      fill: n.value ? "currentColor" : "none",
-      viewBox: u.value,
-      innerHTML: t.value
-    }, null, 14, V));
-  }
-});
-export {
-  N as default
-};

package/lib/components/icon/Icon.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Icon.vue.js";
-export {
-  f as default
-};

package/lib/components/icon/__tests__/Icon.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/image/Image.vue.js

@@ -1,31 +0,0 @@
-import { defineComponent as i, ref as A, watch as f, openBlock as p, createElementBlock as u, normalizeClass as d, unref as r, normalizeStyle as g } from "vue";
-import { useTheme as _ } from "../../composables/useTheme.js";
-const w = ["src"], h = {
-  src: String
-}, y = { name: "XImage" }, I = /* @__PURE__ */ i({
-  ...y,
-  props: h,
-  setup(a) {
-    const n = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=", s = a, t = A(n);
-    typeof window < "u" && Image && f(() => s.src, (o) => {
-      if (!o)
-        return;
-      const e = new Image();
-      e.onload = () => {
-        t.value = s.src;
-      }, e.onerror = () => {
-      }, e.src = o;
-    }, {
-      immediate: !0
-    });
-    const { styles: c, classes: l, className: m } = _("Image", {}, s);
-    return (o, e) => (p(), u("img", {
-      class: d([r(m), r(l).wrapper]),
-      style: g(r(c)),
-      src: t.value
-    }, null, 14, w));
-  }
-});
-export {
-  I as default
-};

package/lib/components/image/Image.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Image.vue.js";
-export {
-  f as default
-};

package/lib/components/image/__tests__/Image.spec.d.ts

@@ -1 +0,0 @@
-export {};