@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/skeleton/Skeleton.vue.js

@@ -1,39 +0,0 @@
-import { defineComponent as c, openBlock as i, createBlock as m, resolveDynamicComponent as d, normalizeStyle as u, unref as t, normalizeClass as f, withCtx as y, createTextVNode as _ } from "vue";
-import { useTheme as h } from "../../composables/useTheme.js";
-const k = ["line", "circle"], o = {
-  shape: k
-}, S = {
-  tag: {
-    type: String,
-    default: "div"
-  },
-  shape: {
-    type: String,
-    default: "line",
-    validator: (e) => o.shape.includes(e)
-  }
-}, g = {
-  name: "XSkeleton",
-  validators: o
-}, x = /* @__PURE__ */ c({
-  ...g,
-  props: S,
-  setup(e) {
-    const a = e, { styles: n, classes: l, className: r } = h("Skeleton", {}, a);
-    return (p, s) => (i(), m(d(p.tag), {
-      style: u(t(n)),
-      class: f([
-        t(r),
-        t(l).wrapper
-      ])
-    }, {
-      default: y(() => s[0] || (s[0] = [
-        _(" ​ ")
-      ])),
-      _: 1
-    }, 8, ["style", "class"]));
-  }
-});
-export {
-  x as default
-};

package/lib/components/skeleton/Skeleton.vue2.js

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

package/lib/components/skeleton/__tests__/Skeleton.spec.d.ts

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

package/lib/components/slider/Slider.vue.js

@@ -1,7 +0,0 @@
-import o from "./Slider.vue2.js";
-import "./Slider.vue3.js";
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-95a853b4"]]);
-export {
-  p as default
-};

package/lib/components/slider/Slider.vue2.js

@@ -1,103 +0,0 @@
-import { defineComponent as E, ref as d, watch as p, computed as F, openBlock as f, createBlock as c, normalizeStyle as v, unref as r, normalizeClass as a, withCtx as P, createElementVNode as o, renderSlot as b, mergeProps as R, toHandlers as H, createCommentVNode as L } from "vue";
-import { useCommon as T } from "../../composables/useCommon.js";
-import { useColors as X } from "../../composables/useColors.js";
-import { useInteractive as y } from "../../composables/useInteractive.js";
-import { useInputtable as i } from "../../composables/useInputtable.js";
-import { useTheme as j } from "../../composables/useTheme.js";
-import x from "../label/Label.vue.js";
-import A from "../inputFooter/InputFooter.vue.js";
-const D = { class: "flex items-center relative w-full gap-2 min-h-[1.25rem]" }, G = { class: "relative flex items-center flex-1" }, J = ["id", "disabled", "name", "max", "min", "step", "readonly", "value"], K = {
-  ...X.props("primary"),
-  ...y.props(),
-  ...i.props(),
-  min: {
-    type: [Number, String],
-    default: 0
-  },
-  max: {
-    type: [Number, String],
-    default: 100
-  },
-  step: {
-    type: [Number, String],
-    default: 1
-  }
-}, M = {
-  name: "XSlider",
-  validators: {
-    ...T.validators()
-  }
-}, le = /* @__PURE__ */ E({
-  ...M,
-  props: K,
-  emits: i.emits(),
-  setup(h, { expose: N, emit: g }) {
-    const s = h, n = g, m = d(null), l = d(Number(s.modelValue ?? 0)), { focus: u, blur: S } = y(m);
-    p(() => s.modelValue, (e) => {
-      l.value = Number(e ?? 0);
-    }), p(l, (e) => {
-      n("update:modelValue", e);
-    });
-    const w = F(() => (l.value - Number(s.min)) / (Number(s.max) - Number(s.min)) * 100), {
-      errorInternal: C,
-      hideFooterInternal: _,
-      isInsideForm: k,
-      inputListeners: I,
-      reset: V,
-      validate: $,
-      setError: q
-    } = i(s, { focus: u, emit: n }), { styles: z, classes: t, className: B } = j("Slider", {}, s);
-    return N({ focus: u, blur: S, reset: V, validate: $, setError: q }), (e, O) => (f(), c(x, {
-      style: v(r(z)),
-      disabled: e.disabled,
-      required: e.required,
-      "is-inside-form": r(k),
-      label: e.label,
-      class: a([
-        r(B),
-        r(t).wrapper
-      ]),
-      tooltip: e.tooltip
-    }, {
-      default: P(() => [
-        o("div", D, [
-          b(e.$slots, "prefix", { value: l.value }, void 0, !0),
-          o("div", G, [
-            o("input", R({
-              id: e.id,
-              ref_key: "elRef",
-              ref: m,
-              type: "range",
-              class: [r(t).input, "absolute z-10 appearance-none bg-transparent focus:outline-none focus-visible:outline-none"],
-              disabled: e.disabled,
-              name: e.name,
-              max: e.max,
-              min: e.min,
-              step: e.step,
-              readonly: e.readonly,
-              value: l.value
-            }, H(r(I), !0)), null, 16, J),
-            o("div", {
-              class: a(["absolute w-full", r(t).track])
-            }, [
-              o("div", {
-                class: a(r(t).progress),
-                style: v({ width: w.value + "%" })
-              }, null, 6)
-            ], 2)
-          ]),
-          b(e.$slots, "suffix", { value: l.value }, void 0, !0)
-        ]),
-        r(_) ? L("", !0) : (f(), c(A, {
-          key: 0,
-          error: r(C),
-          helper: e.helper
-        }, null, 8, ["error", "helper"]))
-      ]),
-      _: 3
-    }, 8, ["style", "disabled", "required", "is-inside-form", "label", "class", "tooltip"]));
-  }
-});
-export {
-  le as default
-};

package/lib/components/slider/Slider.vue3.js

@@ -1,4 +0,0 @@
-const e = "";
-export {
-  e as default
-};

package/lib/components/slider/__tests__/Slider.spec.d.ts

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

package/lib/components/spacer/__tests__/Spacer.spec.d.ts

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

package/lib/components/spinner/Spinner.vue.js

@@ -1,27 +0,0 @@
-import { defineComponent as r, openBlock as e, createBlock as n } from "vue";
-import { useCommon as t } from "../../composables/useCommon.js";
-import a from "../icon/Icon.vue.js";
-const i = {
-  ...t.props(),
-  icon: {
-    type: String,
-    default: '<g stroke-width="0"><path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25"/><path fill="currentColor" d="M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z"><animateTransform attributeName="transform" dur="0.65s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g>'
-  }
-}, p = {
-  name: "XSpinner",
-  validators: {
-    ...t.validators()
-  }
-}, u = /* @__PURE__ */ r({
-  ...p,
-  props: i,
-  setup(s) {
-    return (o, m) => (e(), n(a, {
-      icon: o.icon,
-      size: o.size
-    }, null, 8, ["icon", "size"]));
-  }
-});
-export {
-  u as default
-};

package/lib/components/spinner/Spinner.vue2.js

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

package/lib/components/spinner/__tests__/Spinner.spec.d.ts

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

package/lib/components/stepper/Stepper.vue.js

@@ -1,129 +0,0 @@
-import { defineComponent as x, ref as c, openBlock as l, createElementBlock as d, createElementVNode as r, normalizeClass as s, unref as o, normalizeStyle as B, createVNode as u, withCtx as m, Fragment as R, renderList as V, createBlock as N, resolveDynamicComponent as z, toDisplayString as f, createCommentVNode as E, renderSlot as P } from "vue";
-import { useCommon as v } from "../../composables/useCommon.js";
-import { useColors as $ } from "../../composables/useColors.js";
-import { useTheme as D } from "../../composables/useTheme.js";
-import X from "../scroll/Scroll.vue.js";
-import A from "../icon/Icon.vue.js";
-import { stepperIncompleteIcon as F, errorIcon as L, successIcon as T, stepperPristineIcon as W } from "../../common/icons.js";
-const j = { class: "overflow-hidden" }, q = { class: "flex items-start pr-4" }, G = { class: "grid text-left" }, H = { class: "text-sm truncate" }, J = {
-  key: 0,
-  class: "text-xs text-secondary-500"
-}, K = {
-  ...v.validators(),
-  variant: ["line"]
-}, M = {
-  ...v.props(),
-  ...$.props("primary"),
-  modelValue: [String, Number],
-  steps: {
-    type: Array,
-    default: () => []
-  },
-  variant: {
-    type: String,
-    default: "line"
-  },
-  grow: Boolean,
-  fullWidth: {
-    type: Boolean,
-    default: !0
-  },
-  interactive: {
-    type: Boolean,
-    default: !0
-  },
-  iconPristine: String,
-  iconComplete: String,
-  iconIncomplete: String,
-  iconCurrent: String,
-  iconError: String
-}, O = {
-  name: "XStepper",
-  validators: K
-}, se = /* @__PURE__ */ x({
-  ...O,
-  props: M,
-  emits: ["update:modelValue"],
-  setup(y, { emit: _ }) {
-    const n = y, b = _, g = c(null), S = c(null), h = c(null);
-    function k(e, a) {
-      e.disabled || !n.interactive || b("update:modelValue", a);
-    }
-    function C(e, a) {
-      return e.status === "incomplete" ? n.iconIncomplete || F : e.status === "error" ? n.iconError || L : e.status === "complete" ? n.iconComplete || T : n.iconPristine || W;
-    }
-    const { styles: w, classes: i, className: I } = D("Stepper", {}, n);
-    return (e, a) => (l(), d("div", null, [
-      r("div", {
-        ref_key: "wrapperRef",
-        ref: S,
-        class: s(["relative", [
-          o(I),
-          o(i).wrapper
-        ]]),
-        style: B(o(w))
-      }, [
-        u(X, {
-          ref_key: "scrollRef",
-          ref: g,
-          scrollbar: !1,
-          horizontal: "",
-          mousewheel: "",
-          class: s(o(i).scroller)
-        }, {
-          default: m(() => [
-            r("div", {
-              ref_key: "stepperRef",
-              ref: h,
-              class: s(["relative", o(i).list])
-            }, [
-              (l(!0), d(R, null, V(e.steps, (t, p) => (l(), N(z(e.interactive ? "button" : "div"), {
-                key: p,
-                type: e.interactive ? "button" : void 0,
-                class: s([o(i).step, {
-                  "cursor-pointer": e.interactive && !t.disabled,
-                  "text-secondary-400 dark:text-secondary-600": t.disabled,
-                  "flex-1": e.grow
-                }]),
-                disabled: t.disabled || !e.interactive,
-                onClick: (Q) => k(t, p)
-              }, {
-                default: m(() => [
-                  r("div", j, [
-                    r("div", {
-                      class: s(["h-0.5 w-full mb-2", [t.status === "complete" || t.status === "incomplete" ? "bg-primary-500" : "bg-secondary-200 dark:bg-secondary-700"]])
-                    }, null, 2),
-                    r("div", q, [
-                      u(A, {
-                        icon: C(t),
-                        size: "sm",
-                        class: s([o(i).icon, {
-                          "text-primary-500": t.status === "complete" || t.status === "incomplete",
-                          "text-error-500": t.status === "error"
-                        }])
-                      }, null, 8, ["icon", "class"]),
-                      r("div", G, [
-                        r("div", H, f(t.label), 1),
-                        t.description ? (l(), d("div", J, f(t.description), 1)) : E("", !0)
-                      ])
-                    ])
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["type", "class", "disabled", "onClick"]))), 128))
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ], 6),
-      r("div", {
-        class: s(o(i).content)
-      }, [
-        P(e.$slots, "default")
-      ], 2)
-    ]));
-  }
-});
-export {
-  se as default
-};

package/lib/components/stepper/Stepper.vue2.js

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

package/lib/components/stepper/__tests__/Stepper.spec.d.ts

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

package/lib/components/tab/Tab.vue.js

@@ -1,150 +0,0 @@
-import { defineComponent as R, computed as s, ref as d, inject as j, reactive as D, onMounted as E, openBlock as c, createBlock as m, resolveDynamicComponent as L, normalizeStyle as V, unref as o, normalizeClass as v, withCtx as M, renderSlot as g, createElementVNode as z, createCommentVNode as p, toDisplayString as O, Teleport as P, createElementBlock as X } from "vue";
-import { useMutationObserver as F } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { injectTabGroupKey as G } from "../../composables/keys.js";
-import { useCommon as T } from "../../composables/useCommon.js";
-import { useTheme as I } from "../../composables/useTheme.js";
-import C from "../icon/Icon.vue.js";
-import K from "../link/Link.vue.js";
-import { closeIcon as q } from "../../common/icons.js";
-const A = {
-  ...T.props(),
-  value: {
-    type: [String, Number]
-  },
-  tag: {
-    type: String,
-    default: "button"
-  },
-  to: [String, Object],
-  label: String,
-  icon: String,
-  disabled: Boolean,
-  exact: Boolean,
-  removable: Boolean
-}, H = {
-  name: "XTab",
-  validators: {
-    ...T.validators()
-  }
-}, te = /* @__PURE__ */ R({
-  ...H,
-  props: A,
-  emits: ["remove"],
-  setup(x) {
-    const t = x, i = s(() => {
-      var e, u;
-      return ((u = (e = l.value) == null ? void 0 : e.$el) == null ? void 0 : u.href) || t.value;
-    }), S = s(() => t.label || t.value), b = d(null), l = d(null), a = j(G, {
-      tabsContentRef: d(null),
-      activateTab: () => {
-      },
-      state: D({
-        active: void 0,
-        variant: "line",
-        ghost: !1,
-        grow: !1,
-        exact: !1,
-        size: "md",
-        color: "primary"
-      })
-    }), k = s(() => a.state.exact || t.exact), f = s(() => t.size || a.state.size);
-    E(() => {
-      b.value = a.tabsContentRef.value, t.to && l.value && (y(), F(l.value.$el, y, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }));
-    });
-    function y() {
-      l.value && l.value.$el && t.to && l.value.$el.classList.contains(k.value ? "router-link-exact-active" : "router-link-active") && a.activateTab(i.value);
-    }
-    const r = s(() => a.state.active === i.value), $ = s(() => a.state.color);
-    function h(e) {
-      if (t.disabled) {
-        e.preventDefault(), e.stopPropagation();
-        return;
-      }
-      !t.to && typeof i.value < "u" && a.activateTab(i.value);
-    }
-    const { styles: w, classes: n, className: B } = I("Tab", {}, d({
-      ...t,
-      size: f.value,
-      exact: k.value
-    }), {
-      ...a.state,
-      selected: r
-    });
-    return (e, u) => (c(), m(L(e.to ? K : e.tag), {
-      ref_key: "elRef",
-      ref: l,
-      type: e.tag === "button" ? "button" : void 0,
-      "data-value": i.value,
-      to: e.to,
-      color: r.value ? $.value : void 0,
-      style: V([
-        o(w),
-        e.to && r.value && o(a).state.variant === "block" ? "--x-link-text: var(--x-tab-group-text); --x-link-text-hover: var(--x-tab-group-text);" : ""
-      ]),
-      class: v([
-        o(B),
-        o(n).wrapper,
-        "shrink-0",
-        {
-          "flex-1": o(a).state.grow,
-          "text-[color:var(--x-tab-group-text)] dark:text-[color:var(--x-tab-group-dark-text)]": r.value,
-          "cursor-pointer": !e.disabled,
-          "cursor-not-allowed": e.disabled,
-          "cursor-not-allowed text-secondary-500": e.disabled && !r.value
-        }
-      ]),
-      "aria-disabled": e.disabled ? "true" : void 0,
-      "aria-selected": r.value ? "true" : "false",
-      onClick: h
-    }, {
-      default: M(() => [
-        g(e.$slots, "tab", {
-          label: e.label,
-          value: e.value,
-          size: f.value,
-          icon: e.icon
-        }, () => [
-          z("div", {
-            class: v(o(n).content)
-          }, [
-            e.icon ? (c(), m(C, {
-              key: 0,
-              icon: e.icon,
-              size: f.value,
-              class: v(o(n).icon)
-            }, null, 8, ["icon", "size", "class"])) : p("", !0),
-            z("div", {
-              class: v(o(n).label)
-            }, O(S.value), 3),
-            e.removable ? (c(), m(C, {
-              key: 1,
-              size: "sm",
-              icon: o(q),
-              class: "ml-2 cursor-pointer hover:text-secondary-700 dark:hover:text-secondary-500 transition-colors duration-150",
-              onClick: u[0] || (u[0] = (N) => e.$emit("remove", N))
-            }, null, 8, ["icon"])) : p("", !0)
-          ], 2)
-        ]),
-        r.value && b.value ? (c(), m(P, {
-          key: 0,
-          to: b.value
-        }, [
-          e.$slots.default ? (c(), X("div", {
-            key: 0,
-            role: "tabpanel",
-            class: v(o(n).tabpanel)
-          }, [
-            g(e.$slots, "default")
-          ], 2)) : p("", !0)
-        ], 8, ["to"])) : p("", !0)
-      ]),
-      _: 3
-    }, 8, ["type", "data-value", "to", "color", "style", "class", "aria-disabled", "aria-selected"]));
-  }
-});
-export {
-  te as default
-};

package/lib/components/tab/Tab.vue2.js

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

package/lib/components/tab/TabGroup.vue.js

@@ -1,135 +0,0 @@
-import { defineComponent as B, ref as r, watchEffect as z, reactive as E, computed as o, provide as V, watch as G, onMounted as N, openBlock as $, createElementBlock as q, createElementVNode as f, normalizeClass as v, unref as n, normalizeStyle as F, createVNode as L, withCtx as M, renderSlot as O, withDirectives as W, vShow as X, nextTick as j } from "vue";
-import { useMutationObserver as D, useResizeObserver as K } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { injectTabGroupKey as P } from "../../composables/keys.js";
-import { useCommon as b } from "../../composables/useCommon.js";
-import { useColors as A } from "../../composables/useColors.js";
-import { useTheme as H } from "../../composables/useTheme.js";
-import I from "../scroll/Scroll.vue.js";
-import { useThrottleFn as J } from "../../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/shared/index.js";
-const Q = {
-  ...b.validators(),
-  variant: ["line", "block"],
-  align: ["left", "center", "right"]
-}, U = {
-  ...b.props(),
-  ...A.props("primary"),
-  modelValue: [String, Number],
-  variant: {
-    type: String,
-    default: "line"
-  },
-  align: {
-    type: String,
-    default: "left"
-  },
-  ghost: Boolean,
-  grow: Boolean,
-  exact: Boolean,
-  fullWidth: {
-    type: Boolean,
-    default: !0
-  }
-}, Y = {
-  name: "XTabGroup",
-  validators: Q
-}, ne = /* @__PURE__ */ B({
-  ...Y,
-  props: U,
-  emits: ["update:modelValue"],
-  setup(k, { emit: w }) {
-    const t = k, g = w, u = r(null), R = r(null), i = r(null), l = r(null), d = r(null), a = r();
-    z(() => {
-      a.value = t.modelValue;
-    });
-    const _ = E({
-      active: o(() => a.value),
-      variant: o(() => t.variant),
-      ghost: o(() => t.ghost),
-      grow: o(() => t.grow),
-      exact: o(() => t.exact),
-      size: o(() => t.size),
-      color: o(() => t.color)
-    });
-    function h(e) {
-      a.value = e, g("update:modelValue", e);
-    }
-    V(P, {
-      tabsContentRef: d,
-      activateTab: h,
-      state: _
-    });
-    const p = J(async (e) => {
-      var y;
-      if (typeof e > "u")
-        return;
-      await j();
-      const s = (y = l.value) == null ? void 0 : y.querySelector(`[data-value="${e}"]`);
-      if (!s || !i.value || (i.value.style.left = `${s.offsetLeft}px`, i.value.style.width = `${s.offsetWidth}px`, !l.value || !u.value))
-        return;
-      const C = s.offsetLeft - (l.value.getBoundingClientRect().width - s.getBoundingClientRect().width) / 2;
-      u.value.scrollEl && u.value.scrollEl.scrollTo({ left: C, behavior: "smooth" });
-    }, 100, !0), m = r(!0);
-    function S() {
-      var e;
-      (e = l.value) != null && e.querySelector(".router-link-active") ? m.value = !0 : (h(null), m.value = !1);
-    }
-    G(() => a.value, (e) => {
-      p(e);
-    }), N(() => {
-      var e;
-      (e = l.value) != null && e.querySelector(".x-link") && D(l.value, S, {
-        attributes: !0,
-        subtree: !0,
-        attributeFilter: ["class"]
-      }), p(a.value);
-    }), K(l, () => {
-      p(a.value);
-    });
-    const { styles: T, classes: c, className: x } = H("TabGroup", {}, t);
-    return (e, s) => ($(), q("div", null, [
-      f("div", {
-        ref_key: "wrapperRef",
-        ref: R,
-        class: v(["relative", [
-          n(x),
-          n(c).wrapper
-        ]]),
-        style: F(n(T))
-      }, [
-        L(I, {
-          ref_key: "scrollRef",
-          ref: u,
-          scrollbar: !1,
-          horizontal: "",
-          mousewheel: "",
-          class: v(n(c).scroller)
-        }, {
-          default: M(() => [
-            f("div", {
-              ref_key: "tabsRef",
-              ref: l,
-              class: v(["relative", n(c).list])
-            }, [
-              O(e.$slots, "default")
-            ], 2),
-            W(f("div", {
-              ref_key: "trackerRef",
-              ref: i,
-              class: v(n(c).tracker)
-            }, null, 2), [
-              [X, m.value]
-            ])
-          ]),
-          _: 3
-        }, 8, ["class"])
-      ], 6),
-      f("div", {
-        ref_key: "tabsContentRef",
-        ref: d
-      }, null, 512)
-    ]));
-  }
-});
-export {
-  ne as default
-};

package/lib/components/tab/TabGroup.vue2.js

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

package/lib/components/tab/__tests__/Tab.spec.d.ts

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

package/lib/components/tab/__tests__/TabGroup.spec.d.ts

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