@indielayer/ui 1.18.1 → 2.1.0

package/lib/components/button/ButtonGroup.vue2.js

@@ -1,53 +0,0 @@
-import { defineComponent as a, provide as u, openBlock as m, createBlock as i, resolveDynamicComponent as d, normalizeStyle as f, unref as t, normalizeClass as c, withCtx as B, renderSlot as y } from "vue";
-import { useTheme as g } from "../../composables/useTheme.js";
-import { useCommon as r } from "../../composables/useCommon.js";
-import { useColors as v } from "../../composables/useColors.js";
-import { useInteractive as C } from "../../composables/useInteractive.js";
-import { injectButtonGroupKey as h } from "../../composables/keys.js";
-const G = {
-  ...r.props(),
-  ...v.props(),
-  ...C.props(),
-  tag: {
-    type: String,
-    default: "div"
-  },
-  outlined: Boolean,
-  rounded: Boolean,
-  ghost: Boolean,
-  light: Boolean,
-  flat: Boolean
-}, _ = {
-  name: "XButtonGroup",
-  validators: {
-    ...r.validators()
-  }
-}, j = /* @__PURE__ */ a({
-  ..._,
-  props: G,
-  setup(s) {
-    const e = s;
-    u(h, {
-      groupProps: e,
-      isButtonGroup: !0
-    });
-    const { className: n, classes: p, styles: l } = g("ButtonGroup", {}, e);
-    return (o, b) => (m(), i(d(o.tag), {
-      style: f(t(l)),
-      class: c([
-        t(n),
-        o.$style["button-group"],
-        o.rounded ? o.$style["button-group--rounded"] : "",
-        t(p).wrapper
-      ])
-    }, {
-      default: B(() => [
-        y(o.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["style", "class"]));
-  }
-});
-export {
-  j as default
-};

package/lib/components/button/ButtonGroup.vue3.js

@@ -1,7 +0,0 @@
-const o = {
-  "button-group": "_button-group_1p7wb_2",
-  "button-group--rounded": "_button-group--rounded_1p7wb_1"
-};
-export {
-  o as default
-};

package/lib/components/button/__tests__/ Button.spec.d.ts

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

package/lib/components/button/__tests__/ ButtonGroup.spec.d.ts

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

package/lib/components/card/Card.vue.js

@@ -1,30 +0,0 @@
-import { defineComponent as n, openBlock as c, createBlock as p, resolveDynamicComponent as m, unref as e, normalizeClass as d, withCtx as f, renderSlot as u } from "vue";
-import { useTheme as i } from "../../composables/useTheme.js";
-const _ = {
-  tag: {
-    type: String,
-    default: "div"
-  },
-  flat: Boolean
-}, C = { name: "XCard" }, B = /* @__PURE__ */ n({
-  ...C,
-  props: _,
-  setup(t) {
-    const a = t, { styles: o, classes: r, className: l } = i("Card", {}, a);
-    return (s, y) => (c(), p(m(s.tag), {
-      styles: e(o),
-      class: d([
-        e(l),
-        e(r).wrapper
-      ])
-    }, {
-      default: f(() => [
-        u(s.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["styles", "class"]));
-  }
-});
-export {
-  B as default
-};

package/lib/components/card/Card.vue2.js

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

package/lib/components/card/__tests__/Card.spec.d.ts

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

package/lib/components/carousel/Carousel.vue.js

@@ -1,97 +0,0 @@
-import { defineComponent as N, ref as h, computed as $, onMounted as z, watch as A, openBlock as p, createElementBlock as m, normalizeStyle as R, unref as l, normalizeClass as d, createElementVNode as g, renderSlot as k, normalizeProps as C, guardReactiveProps as E, mergeProps as V, Fragment as X, renderList as b, createCommentVNode as F } from "vue";
-import { useTheme as L } from "../../composables/useTheme.js";
-const M = ["onClick"], T = {
-  autoplay: Boolean,
-  delay: {
-    type: Number,
-    default: 5e3
-  },
-  showDots: {
-    type: Boolean,
-    default: !0
-  },
-  effect: {
-    type: String,
-    default: "slide"
-  },
-  classDots: [Array, String]
-}, j = {
-  name: "XCarousel",
-  validators: {}
-}, H = /* @__PURE__ */ N({
-  ...j,
-  props: T,
-  emits: ["update"],
-  setup(_, { expose: P, emit: S }) {
-    const v = _, u = h(null), e = h(0), a = $(() => {
-      var t;
-      return ((t = u.value) == null ? void 0 : t.children.length) || 0;
-    });
-    let s = null;
-    z(() => {
-      y(), w();
-    });
-    function w() {
-      v.autoplay && (s && clearInterval(s), s = setInterval(() => {
-        i();
-      }, v.delay));
-    }
-    A(e, () => {
-      y(), I("update", e.value);
-    });
-    function y() {
-      if (u.value) {
-        const t = u.value.children;
-        for (let n = 0; n < t.length; n++) {
-          const r = t[n];
-          r.style.transform = `translateX(${(n - e.value) * 100}%)`;
-        }
-      }
-    }
-    function c(t) {
-      e.value = t, s && clearInterval(s);
-    }
-    function i() {
-      e.value < a.value - 1 ? e.value += 1 : e.value = 0;
-    }
-    function f() {
-      e.value > 0 ? e.value -= 1 : e.value = a.value - 1;
-    }
-    const { styles: B, classes: o, className: D } = L("Carousel", {}, v, {
-      current: e,
-      total: a
-    }), I = S;
-    return P({ to: c, next: i, prev: f }), (t, n) => (p(), m("div", {
-      style: R(l(B)),
-      class: d([
-        l(D),
-        l(o).wrapper
-      ])
-    }, [
-      g("div", {
-        ref_key: "slidesRef",
-        ref: u,
-        class: d(l(o).slides)
-      }, [
-        k(t.$slots, "default", C(E({ to: c, next: i, prev: f, current: e.value, total: a.value })))
-      ], 2),
-      t.showDots ? k(t.$slots, "dots", C(V({ key: 0 }, { to: c, next: i, prev: f, current: e.value, total: a.value })), () => [
-        g("div", {
-          class: d([l(o).dots, t.classDots])
-        }, [
-          (p(!0), m(X, null, b(a.value, (r) => (p(), m("span", {
-            key: r,
-            class: d([
-              l(o).dot,
-              r - 1 === e.value ? l(o).dotActive : ""
-            ]),
-            onClick: (q) => c(r - 1)
-          }, null, 10, M))), 128))
-        ], 2)
-      ]) : F("", !0)
-    ], 6));
-  }
-});
-export {
-  H as default
-};

package/lib/components/carousel/Carousel.vue2.js

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

package/lib/components/carousel/CarouselSlide.vue.js

@@ -1,9 +0,0 @@
-import s from "./CarouselSlide.vue2.js";
-import o from "./CarouselSlide.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = {
-  $style: o
-}, d = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-402870d3"]]);
-export {
-  d as default
-};

package/lib/components/carousel/CarouselSlide.vue2.js

@@ -1,32 +0,0 @@
-import { defineComponent as n, openBlock as c, createBlock as p, resolveDynamicComponent as i, normalizeStyle as u, unref as s, normalizeClass as m, withCtx as d, renderSlot as f } from "vue";
-import { useTheme as y } from "../../composables/useTheme.js";
-const C = {
-  tag: {
-    type: String,
-    default: "div"
-  }
-}, S = {
-  name: "XCarouselSlide"
-}, k = /* @__PURE__ */ n({
-  ...S,
-  props: C,
-  setup(l) {
-    const t = l, { styles: o, classes: a, className: r } = y("CarouselSlide", {}, t);
-    return (e, _) => (c(), p(i(e.tag), {
-      style: u(s(o)),
-      class: m([
-        s(r),
-        e.$style["carousel-slide"],
-        s(a).wrapper
-      ])
-    }, {
-      default: d(() => [
-        f(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["style", "class"]));
-  }
-});
-export {
-  k as default
-};

package/lib/components/carousel/CarouselSlide.vue3.js

@@ -1,6 +0,0 @@
-const e = {
-  "carousel-slide": "_carousel-slide_uzvvz_2"
-};
-export {
-  e as default
-};

package/lib/components/carousel/__tests__/Carousel.spec.d.ts

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

package/lib/components/checkbox/Checkbox.vue.js

@@ -1,9 +0,0 @@
-import o from "./Checkbox.vue2.js";
-import s from "./Checkbox.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
-export {
-  f as default
-};

package/lib/components/checkbox/Checkbox.vue2.js

@@ -1,143 +0,0 @@
-import { defineComponent as T, ref as w, watch as m, unref as r, openBlock as o, createElementBlock as d, normalizeStyle as H, normalizeClass as t, createElementVNode as p, withKeys as O, withModifiers as U, withDirectives as X, mergeProps as j, toHandlers as J, vModelCheckbox as Q, createBlock as V, renderSlot as C, toDisplayString as W, createCommentVNode as I } from "vue";
-import { useColors as Y } from "../../composables/useColors.js";
-import { useCommon as z } from "../../composables/useCommon.js";
-import { useInputtable as f } from "../../composables/useInputtable.js";
-import { useInteractive as A } from "../../composables/useInteractive.js";
-import { useTheme as Z } from "../../composables/useTheme.js";
-import x from "../inputFooter/InputFooter.vue.js";
-import _ from "../spinner/Spinner.vue.js";
-const ee = ["onKeypress"], le = ["id", "name", "aria-checked", "aria-disabled", "disabled", "required"], se = ["textContent"], ae = {
-  ...z.props(),
-  ...Y.props("primary"),
-  ...A.props(),
-  ...f.props(),
-  value: [String, Number],
-  indeterminate: Boolean,
-  glow: Boolean
-}, re = {
-  name: "XCheckbox",
-  validators: {
-    ...z.validators()
-  }
-}, ce = /* @__PURE__ */ T({
-  ...re,
-  props: ae,
-  emits: f.emits(!1),
-  setup(B, { expose: $, emit: F }) {
-    const l = B, v = F, b = w(null), a = w(!1);
-    function y() {
-      l.disabled || l.loading || l.readonly || (a.value = !a.value);
-    }
-    const { focus: h, blur: G } = A(b), {
-      errorInternal: N,
-      hideFooterInternal: S,
-      isInsideForm: q,
-      isInsideFormGroup: c,
-      isFirstValidation: E,
-      formGroup: i,
-      reset: K,
-      validate: k,
-      setError: L
-    } = f(l, { focus: h, emit: v, withListeners: !1 });
-    c ? (m(() => i.value, () => {
-      const e = r(i.value);
-      e && Array.isArray(e) && e.includes(l.value) ? a.value = !0 : a.value = !1;
-    }, { immediate: !0, deep: !0 }), m(() => a.value, (e) => {
-      if (!l.value)
-        return;
-      const s = r(i.value);
-      if (e)
-        if (s && Array.isArray(s)) {
-          if (!s.includes(l.value)) {
-            const u = [...s, l.value];
-            i.setValue(u);
-          }
-        } else
-          i.setValue([l.value]);
-      else if (s && Array.isArray(s) && s.includes(l.value)) {
-        const u = s.findIndex((R) => R === l.value), g = [...s];
-        g.splice(u, 1), i.setValue(g);
-      }
-    })) : (m(() => l.modelValue, (e) => {
-      a.value = !!e;
-    }, { immediate: !0 }), m(() => a.value, (e) => {
-      v("update:modelValue", e);
-    }));
-    const M = {
-      input: () => {
-        c || setTimeout(() => {
-          l.validateOnInput && !E.value && k(l.modelValue);
-        }, 0);
-      }
-    }, { styles: D, classes: n, className: P } = Z("Checkbox", {}, l, { checked: a, isInsideForm: q, isInsideFormGroup: c });
-    return $({ focus: h, blur: G, toggle: y, reset: K, validate: k, setError: L }), (e, s) => (o(), d("label", {
-      style: H(r(D)),
-      class: t([
-        r(P),
-        r(n).wrapper
-      ])
-    }, [
-      p("div", {
-        ref_key: "elRef",
-        ref: b,
-        class: t(r(n).content),
-        tabindex: "0",
-        onKeypress: O(U(y, ["prevent", "stop"]), ["space"])
-      }, [
-        X(p("input", j({
-          id: e.id,
-          "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
-          name: e.name,
-          "aria-checked": e.indeterminate ? "mixed" : a.value ? "true" : "false",
-          "aria-disabled": e.disabled ? "true" : void 0,
-          type: "checkbox",
-          class: "invisible absolute",
-          disabled: e.disabled || e.loading || e.readonly,
-          required: e.required
-        }, J(M, !0)), null, 16, le), [
-          [Q, a.value]
-        ]),
-        p("div", {
-          class: t([
-            r(n).box,
-            [e.glow && !e.disabled && !e.loading ? e.$style["checkbox--glow"] : ""]
-          ])
-        }, [
-          e.loading ? (o(), V(_, {
-            key: 0,
-            size: e.size,
-            class: "absolute"
-          }, null, 8, ["size"])) : e.indeterminate ? (o(), d("span", {
-            key: 1,
-            name: "check-icon",
-            class: t(["w-2/3 h-[1.5px]", [e.disabled ? "bg-secondary-400 dark:bg-secondary-500" : "bg-white"]])
-          }, null, 2)) : C(e.$slots, "icon", { key: 2 }, () => [
-            (o(), d("svg", {
-              viewBox: "0 0 20 20",
-              class: t([r(n).icon, { "opacity-0": !a.value }])
-            }, s[1] || (s[1] = [
-              p("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1)
-            ]), 2))
-          ])
-        ], 2),
-        e.label || e.$slots.default ? (o(), d("div", {
-          key: 0,
-          class: t(r(n).label)
-        }, [
-          e.label ? (o(), d("span", {
-            key: 0,
-            textContent: W(e.label)
-          }, null, 8, se)) : C(e.$slots, "default", { key: 1 })
-        ], 2)) : I("", !0)
-      ], 42, ee),
-      r(S) ? I("", !0) : (o(), V(x, {
-        key: 0,
-        error: r(N),
-        helper: e.helper
-      }, null, 8, ["error", "helper"]))
-    ], 6));
-  }
-});
-export {
-  ce as default
-};

package/lib/components/checkbox/Checkbox.vue3.js

@@ -1,6 +0,0 @@
-const o = {
-  "checkbox--glow": "_checkbox--glow_a1gm3_1"
-};
-export {
-  o as default
-};

package/lib/components/checkbox/__tests__/Checkbox.spec.d.ts

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

package/lib/components/container/Container.vue.js

@@ -1,33 +0,0 @@
-import { defineComponent as r, openBlock as c, createBlock as p, resolveDynamicComponent as i, normalizeStyle as f, unref as e, normalizeClass as m, withCtx as u, renderSlot as d } from "vue";
-import { useTheme as y } from "../../composables/useTheme.js";
-const _ = {
-  tag: {
-    type: String,
-    default: "div"
-  },
-  fluid: {
-    type: Boolean,
-    default: !1
-  }
-}, C = { name: "XContainer" }, S = /* @__PURE__ */ r({
-  ...C,
-  props: _,
-  setup(s) {
-    const o = s, { styles: a, classes: n, className: l } = y("Container", {}, o);
-    return (t, g) => (c(), p(i(t.tag), {
-      style: f(e(a)),
-      class: m([
-        e(l),
-        e(n).wrapper
-      ])
-    }, {
-      default: u(() => [
-        d(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["style", "class"]));
-  }
-});
-export {
-  S as default
-};

package/lib/components/container/Container.vue2.js

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

package/lib/components/container/__tests__/Container.spec.d.ts

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