@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/pagination/Pagination.vue.js

@@ -1,131 +0,0 @@
-import { defineComponent as X, computed as v, ref as D, watch as F, openBlock as s, createElementBlock as n, normalizeStyle as L, unref as t, normalizeClass as c, Fragment as u, createVNode as r, createElementVNode as f, withKeys as Q, toDisplayString as T, createBlock as m, createCommentVNode as d, renderList as P } from "vue";
-import { useTheme as U } from "../../composables/useTheme.js";
-import { useCommon as C } from "../../composables/useCommon.js";
-import { prevIcon as j, nextIcon as A, dotsIcon as y } from "../../common/icons.js";
-import b from "../icon/Icon.vue.js";
-import G from "../input/Input.vue.js";
-import I from "../button/Button.vue.js";
-import V from "./PaginationItem.vue.js";
-const H = { class: "mx-9 flex items-center" }, J = { class: "text-secondary-600 ml-2" }, M = ["onClick"], O = ["simple", "quick", "dots"], R = {
-  ...C.props(),
-  links: Boolean,
-  totalPages: {
-    type: Number,
-    default: 1
-  },
-  modelValue: {
-    type: Number,
-    default: 1
-  },
-  variant: {
-    type: String,
-    default: "simple"
-  }
-}, W = {
-  name: "XPagination",
-  validators: {
-    ...C.validators(),
-    variant: O
-  }
-}, oe = /* @__PURE__ */ X({
-  ...W,
-  props: R,
-  emits: ["update:modelValue"],
-  setup($, { emit: B }) {
-    const l = $, p = B, N = v(() => l.totalPages === 3 ? [2] : l.totalPages > 2 ? l.modelValue === 1 || l.modelValue === 2 ? [2, 3] : l.modelValue === l.totalPages || l.modelValue === l.totalPages - 1 ? [l.totalPages - 2, l.totalPages - 1] : [l.modelValue - 1, l.modelValue, l.modelValue + 1] : []), i = D(l.modelValue + "");
-    function w() {
-      const e = parseInt(i.value);
-      e >= 0 && e <= l.totalPages ? p("update:modelValue", e) : i.value = l.modelValue + "";
-    }
-    F(() => l.modelValue, (e) => {
-      i.value = l.modelValue + "";
-    });
-    function q() {
-      l.modelValue > 1 && p("update:modelValue", l.modelValue - 1);
-    }
-    function S() {
-      l.modelValue < l.totalPages && p("update:modelValue", l.modelValue + 1);
-    }
-    const g = v(() => l.size === "xs" ? "xs" : l.size === "sm" ? "sm" : l.size === "lg" ? "md" : l.size === "xl" ? "lg" : "sm"), { styles: E, classes: k, className: K } = U("Pagination", {}, l);
-    return (e, o) => (s(), n("ul", {
-      style: L(t(E)),
-      class: c([
-        t(K),
-        t(k).wrapper
-      ])
-    }, [
-      e.variant === "quick" ? (s(), n(u, { key: 0 }, [
-        r(I, {
-          "icon-left": t(j),
-          size: g.value,
-          disabled: e.modelValue <= 1,
-          onClick: q
-        }, null, 8, ["icon-left", "size", "disabled"]),
-        f("div", H, [
-          o[4] || (o[4] = f("span", { class: "text-secondary-600 mr-2" }, "Page", -1)),
-          r(G, {
-            modelValue: i.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (a) => i.value = a),
-            size: e.size,
-            class: "text-center w-16",
-            "hide-footer": "",
-            onKeydown: Q(w, ["enter"])
-          }, null, 8, ["modelValue", "size"]),
-          f("span", J, "of " + T(e.totalPages), 1)
-        ]),
-        r(I, {
-          "icon-left": t(A),
-          size: g.value,
-          disabled: e.modelValue >= e.totalPages,
-          onClick: S
-        }, null, 8, ["icon-left", "size", "disabled"])
-      ], 64)) : e.variant === "simple" ? (s(), n(u, { key: 1 }, [
-        r(V, {
-          value: 1,
-          links: e.links,
-          size: e.size,
-          selected: e.modelValue === 1,
-          onInput: o[1] || (o[1] = (a) => e.$emit("update:modelValue", a))
-        }, null, 8, ["links", "size", "selected"]),
-        e.totalPages > 3 && e.modelValue > 3 ? (s(), m(b, {
-          key: 0,
-          class: "mx-1",
-          icon: t(y),
-          size: e.size
-        }, null, 8, ["icon", "size"])) : d("", !0),
-        (s(!0), n(u, null, P(N.value, (a) => (s(), m(V, {
-          key: a,
-          value: a,
-          links: e.links,
-          size: e.size,
-          selected: e.modelValue === a,
-          onInput: o[2] || (o[2] = (z) => e.$emit("update:modelValue", z))
-        }, null, 8, ["value", "links", "size", "selected"]))), 128)),
-        e.totalPages > 3 && e.modelValue < e.totalPages - 2 ? (s(), m(b, {
-          key: 1,
-          class: "mx-1",
-          icon: t(y),
-          size: e.size
-        }, null, 8, ["icon", "size"])) : d("", !0),
-        e.totalPages > 1 ? (s(), m(V, {
-          key: 2,
-          value: e.totalPages,
-          links: e.links,
-          size: e.size,
-          selected: e.modelValue === e.totalPages,
-          onInput: o[3] || (o[3] = (a) => e.$emit("update:modelValue", a))
-        }, null, 8, ["value", "links", "size", "selected"])) : d("", !0)
-      ], 64)) : e.variant === "dots" ? (s(!0), n(u, { key: 2 }, P(e.totalPages, (a) => (s(), n("li", {
-        key: a,
-        class: c(["rounded-full cursor-pointer", [
-          t(k).dots,
-          a === e.modelValue ? "bg-[color:var(--x-pagination-bg)]" : "bg-secondary-100 hover:bg-secondary-200"
-        ]]),
-        onClick: (z) => e.$emit("update:modelValue", a)
-      }, null, 10, M))), 128)) : d("", !0)
-    ], 6));
-  }
-});
-export {
-  oe as default
-};

package/lib/components/pagination/Pagination.vue2.js

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

package/lib/components/pagination/PaginationItem.vue.js

@@ -1,47 +0,0 @@
-import { defineComponent as m, openBlock as p, createElementBlock as u, createVNode as d, normalizeStyle as c, unref as o, normalizeClass as f, withCtx as v, createTextVNode as y, toDisplayString as g } from "vue";
-import { useTheme as k } from "../../composables/useTheme.js";
-import { useCommon as l } from "../../composables/useCommon.js";
-import z from "../button/Button.vue.js";
-const B = {
-  ...l.props(),
-  value: {
-    type: Number,
-    default: 0
-  },
-  selected: Boolean,
-  links: Boolean
-}, C = {
-  name: "XPaginationItem",
-  validators: {
-    ...l.validators()
-  }
-}, S = /* @__PURE__ */ m({
-  ...C,
-  props: B,
-  emits: ["input"],
-  setup(s) {
-    const n = s, { styles: a, classes: i, className: r } = k("PaginationItem", {}, n);
-    return (e, t) => (p(), u("li", null, [
-      d(z, {
-        to: e.links ? `?page=${e.value}` : void 0,
-        size: e.size,
-        style: c(o(a)),
-        class: f([
-          o(r),
-          o(i).wrapper
-        ]),
-        outlined: !e.selected,
-        color: e.selected ? "primary" : void 0,
-        onClick: t[0] || (t[0] = (N) => e.selected ? null : e.$emit("input", e.value))
-      }, {
-        default: v(() => [
-          y(g(e.value), 1)
-        ]),
-        _: 1
-      }, 8, ["to", "size", "style", "class", "outlined", "color"])
-    ]));
-  }
-});
-export {
-  S as default
-};

package/lib/components/pagination/PaginationItem.vue2.js

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

package/lib/components/pagination/__tests__/Pagination.spec.d.ts

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

package/lib/components/pagination/__tests__/PaginationItem.spec.d.ts

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

package/lib/components/popover/Popover.vue.js

@@ -1,134 +0,0 @@
-import { defineComponent as b, ref as a, openBlock as v, createBlock as S, unref as r, normalizeStyle as T, normalizeClass as A, withCtx as l, renderSlot as d } from "vue";
-import { useTheme as B } from "../../composables/useTheme.js";
-import { Dropdown as $ } from "../../node_modules/.pnpm/floating-vue@5.2.2_@nuxt_kit@3.10.1_rollup@3.29.4__vue@3.5.10_typescript@5.2.2_/node_modules/floating-vue/dist/floating-vue.js";
-const k = {
-  placement: ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"]
-}, z = {
-  disabled: Boolean,
-  positioningDisabled: Boolean,
-  placement: {
-    type: String,
-    default: "bottom-start"
-  },
-  delay: {
-    type: [String, Number, Object],
-    default: 0
-  },
-  distance: [Number, String],
-  skidding: [Number, String],
-  triggers: {
-    type: Array,
-    default: () => ["click"]
-  },
-  hideArrow: {
-    type: Boolean,
-    default: !0
-  },
-  showTriggers: [Array, Function],
-  hideTriggers: [Array, Function],
-  popperTriggers: Array,
-  popperShowTriggers: [Array, Function],
-  popperHideTriggers: [Array, Function],
-  container: {
-    type: [String, Object, Boolean],
-    default: "body"
-  },
-  boundary: [String, Object],
-  strategy: {
-    type: String,
-    default: "absolute"
-  },
-  autoHide: {
-    type: [Boolean, Function],
-    default: !0
-  },
-  shown: Boolean,
-  handleResize: {
-    type: Boolean,
-    default: !0
-  },
-  instantMove: Boolean,
-  eagerMount: Boolean,
-  popperClass: [String, Array, Object],
-  computeTransformOrigin: Boolean
-}, C = {
-  name: "XPopover",
-  validators: k
-}, R = /* @__PURE__ */ b({
-  ...C,
-  props: z,
-  emits: ["show", "hide", "update:shown", "apply-show", "apply-hide", "close-group", "close-directive", "auto-hide", "resize"],
-  setup(g, { expose: u }) {
-    const m = g, i = a(null);
-    function s() {
-      var e;
-      (e = i.value) == null || e.show();
-    }
-    function n() {
-      var e;
-      (e = i.value) == null || e.hide();
-    }
-    function y() {
-      t.value ? n() : s();
-    }
-    const t = a(!1);
-    u({ show: s, hide: n, toggle: y, isOpen: t });
-    const { styles: f, classes: p, className: h } = B("Popover", {}, m);
-    return (e, o) => (v(), S(r($), {
-      ref_key: "elRef",
-      ref: i,
-      style: T(r(f)),
-      class: A([r(h), r(p).wrapper]),
-      "positioning-disabled": e.positioningDisabled,
-      placement: e.placement,
-      disabled: e.disabled,
-      delay: e.delay,
-      shown: e.shown,
-      distance: e.distance,
-      skidding: e.skidding,
-      triggers: e.triggers,
-      "show-triggers": e.showTriggers,
-      "hide-triggers": e.hideTriggers,
-      "popper-triggers": e.popperTriggers,
-      "popper-show-triggers": e.popperShowTriggers,
-      "popper-hide-triggers": e.popperHideTriggers,
-      container: e.container,
-      boundary: e.boundary,
-      strategy: e.strategy,
-      "auto-hide": e.autoHide,
-      "handle-resize": e.handleResize,
-      "instant-move": e.instantMove,
-      "eager-mount": e.eagerMount,
-      "popper-class": [
-        r(p).content,
-        e.popperClass,
-        e.hideArrow ? "v-popper__popper--no-arrow" : ""
-      ],
-      "compute-transform-origin": e.computeTransformOrigin,
-      onShow: o[0] || (o[0] = () => {
-        t.value = !0, e.$emit("show");
-      }),
-      onHide: o[1] || (o[1] = () => {
-        t.value = !1, e.$emit("hide");
-      }),
-      "onUpdate:shown": o[2] || (o[2] = (w) => e.$emit("update:shown", w)),
-      onApplyShow: o[3] || (o[3] = () => e.$emit("apply-show")),
-      onApplyHide: o[4] || (o[4] = () => e.$emit("apply-hide")),
-      onCloseGroup: o[5] || (o[5] = () => e.$emit("close-group")),
-      onCloseDirective: o[6] || (o[6] = () => e.$emit("close-directive")),
-      onAutoHide: o[7] || (o[7] = () => e.$emit("auto-hide")),
-      onResize: o[8] || (o[8] = () => e.$emit("resize"))
-    }, {
-      popper: l(() => [
-        d(e.$slots, "content")
-      ]),
-      default: l(() => [
-        d(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["style", "class", "positioning-disabled", "placement", "disabled", "delay", "shown", "distance", "skidding", "triggers", "show-triggers", "hide-triggers", "popper-triggers", "popper-show-triggers", "popper-hide-triggers", "container", "boundary", "strategy", "auto-hide", "handle-resize", "instant-move", "eager-mount", "popper-class", "compute-transform-origin"]));
-  }
-});
-export {
-  R as default
-};

package/lib/components/popover/Popover.vue2.js

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

package/lib/components/popover/Popover.vue3.js

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

package/lib/components/popover/PopoverContainer.vue.js

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

package/lib/components/popover/PopoverContainer.vue2.js

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

package/lib/components/popover/__tests__/Popover.spec.d.ts

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

package/lib/components/popover/__tests__/PopoverContainer.spec.d.ts

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

package/lib/components/progress/Progress.vue.js

@@ -1,50 +0,0 @@
-import { defineComponent as m, openBlock as s, createElementBlock as n, normalizeStyle as t, unref as o, normalizeClass as a, createElementVNode as u, createCommentVNode as c } from "vue";
-import { useColors as g } from "../../composables/useColors.js";
-import { useTheme as f } from "../../composables/useTheme.js";
-const y = {
-  ...g.props("primary"),
-  percentage: {
-    type: [Number, String],
-    default: 0,
-    validator: (r) => r >= 0 && r <= 100
-  },
-  gradient: Boolean,
-  animate: {
-    type: Boolean,
-    default: !0
-  },
-  thick: Boolean
-}, h = { name: "XProgress" }, N = /* @__PURE__ */ m({
-  ...h,
-  props: y,
-  setup(r) {
-    const l = r, { styles: i, classes: d, className: p } = f("Progress", {}, l);
-    return (e, b) => (s(), n("div", {
-      style: t(o(i)),
-      class: a([
-        o(p),
-        o(d).wrapper
-      ])
-    }, [
-      u("div", {
-        class: a(["h-full", [
-          e.gradient ? "bg-gradient-to-r" : "bg-[color:var(--x-progress-bg)]",
-          {
-            "duration-150 transition-[width]": e.animate
-          }
-        ]]),
-        style: t([e.gradient ? "" : { width: `${e.percentage}%` }])
-      }, null, 6),
-      e.gradient ? (s(), n("div", {
-        key: 0,
-        class: a(["absolute h-full bg-secondary-100 dark:bg-secondary-700 right-0 top-0", { "duration-150 transition-[width]": e.animate }]),
-        style: t({
-          width: `${100 - Number(e.percentage)}%`
-        })
-      }, null, 6)) : c("", !0)
-    ], 6));
-  }
-});
-export {
-  N as default
-};

package/lib/components/progress/Progress.vue2.js

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

package/lib/components/progress/__tests__/Progress.spec.d.ts

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

package/lib/components/qrCode/QrCode.vue.js

@@ -1,93 +0,0 @@
-import { defineComponent as k, ref as S, computed as b, onMounted as _, watchEffect as x, openBlock as I, createElementBlock as N, normalizeStyle as h, unref as i, normalizeClass as H, createElementVNode as O } from "vue";
-import { useTheme as T } from "../../composables/useTheme.js";
-import r from "./qrcodegen.js";
-const $ = {
-  value: String,
-  color: {
-    type: String,
-    default: "#000"
-  },
-  backgroundColor: {
-    type: String,
-    default: "#fff"
-  },
-  size: {
-    type: [String, Number],
-    default: 100
-  },
-  errorCorrectionLevel: {
-    type: String,
-    default: "M"
-  }
-}, U = {
-  name: "XQrCode",
-  validators: {
-    errorCorrectionLevel: ["L", "M", "Q", "H"]
-  }
-}, V = /* @__PURE__ */ k({
-  ...U,
-  props: $,
-  setup(m) {
-    const o = m, C = {
-      L: r.QrCode.Ecc.LOW,
-      M: r.QrCode.Ecc.MEDIUM,
-      Q: r.QrCode.Ecc.QUARTILE,
-      H: r.QrCode.Ecc.HIGH
-    }, d = S(), g = b(() => r.QrCode.encodeText(
-      o.value ?? "-",
-      C[o.errorCorrectionLevel] || r.QrCode.Ecc.MEDIUM
-    ));
-    _(() => {
-      x(() => {
-        E(
-          g.value,
-          Number(o.size),
-          o.color,
-          o.backgroundColor
-        );
-      });
-    });
-    function E(e, f, y, z) {
-      const t = d.value;
-      if (!t)
-        return;
-      const l = f * 2, R = e.size, s = l / R;
-      t.width = l, t.height = l;
-      const a = t.getContext("2d");
-      if (a) {
-        a.clearRect(0, 0, t.width, t.height);
-        for (let c = 0; c < e.size; c++)
-          for (let n = 0; n < e.size; n++) {
-            a.fillStyle = e.getModule(n, c) ? y : z;
-            const u = Math.floor(n * s), L = Math.ceil((n + 1) * s), p = Math.floor(c * s), w = Math.ceil((c + 1) * s);
-            a.fillRect(u, p, L - u, w - p);
-          }
-      }
-    }
-    const { styles: v, classes: M, className: Q } = T("QrCode", {}, o);
-    return (e, f) => (I(), N("div", {
-      style: h([i(v), {
-        width: `calc(1rem + ${e.size}px)`,
-        height: `calc(1rem + ${e.size}px)`,
-        backgroundColor: e.backgroundColor,
-        padding: "0.5rem"
-      }]),
-      class: H([
-        i(Q),
-        i(M).wrapper
-      ])
-    }, [
-      O("canvas", {
-        ref_key: "canvasRef",
-        ref: d,
-        style: h({
-          width: `${e.size}px`,
-          height: `${e.size}px`
-        })
-      }, null, 4)
-    ], 6));
-  }
-});
-export {
-  V as default
-};

package/lib/components/qrCode/QrCode.vue2.js

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

package/lib/components/qrCode/__tests__/QrCode.spec.d.ts

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

package/lib/components/radio/Radio.vue.js

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