@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/menu/MenuItem.vue2.js

@@ -1,164 +0,0 @@
-import { defineComponent as N, ref as y, computed as b, onMounted as R, watch as x, openBlock as l, createBlock as r, resolveDynamicComponent as w, mergeProps as I, unref as c, withCtx as O, withModifiers as P, createCommentVNode as s, createElementBlock as n, renderSlot as f, createTextVNode as v, toDisplayString as m, createElementVNode as j, Fragment as D } 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 { useColors as T } from "../../composables/useColors.js";
-import { useCommon as C } from "../../composables/useCommon.js";
-import { useTheme as V } from "../../composables/useTheme.js";
-import $ from "../icon/Icon.vue.js";
-import E from "../spinner/Spinner.vue.js";
-import X from "../checkbox/Checkbox.vue.js";
-const A = {
-  key: 1,
-  class: "mr-2 shrink-0"
-}, L = {
-  key: 3,
-  class: "flex-1 truncate"
-}, q = { class: "ml-1 shrink-0" }, G = { key: 0 }, H = {
-  ...C.props(),
-  ...T.props("secondary"),
-  item: {
-    type: Object,
-    default: () => {
-    }
-  },
-  active: Boolean,
-  attrs: {
-    type: Object,
-    default: () => {
-    }
-  },
-  onClick: Function,
-  value: [Number, String],
-  to: [String, Object],
-  exact: Boolean,
-  href: String,
-  target: String,
-  label: String,
-  icon: String,
-  iconRight: String,
-  loading: Boolean,
-  rounded: {
-    type: Boolean,
-    default: !0
-  },
-  filled: {
-    type: Boolean,
-    default: !0
-  },
-  selected: Boolean,
-  disabled: Boolean,
-  minimal: Boolean,
-  prefix: String,
-  suffix: String,
-  checkbox: Boolean
-}, J = {
-  name: "XMenuItem",
-  validators: {
-    ...C.validators()
-  }
-}, le = /* @__PURE__ */ N({
-  ...J,
-  props: H,
-  emits: ["active", "click", "checkbox-click"],
-  setup(B, { emit: S }) {
-    const p = B, d = S, o = y(), a = y(!1), e = b(() => ({
-      ...p,
-      ...p.item
-    })), k = b(() => e.value.to ? "router-link" : e.value.href ? "a" : "div");
-    R(() => {
-      o.value && (g(), k.value === "router-link" && F(o.value.$el, g, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }));
-    });
-    function h(t, i) {
-      if (e.value.disabled) {
-        t.stopPropagation(), t.preventDefault();
-        return;
-      }
-      e.value.onClick && e.value.onClick(t), d(i, t);
-    }
-    function g() {
-      if (o.value && o.value.$el && (e.value.href || e.value.to)) {
-        const t = o.value.$el.classList.contains(e.value.exact ? "router-link-exact-active" : "router-link-active") || !1;
-        a.value = t;
-      } else
-        a.value = !!e.value.active;
-    }
-    x(() => a.value, (t) => {
-      t && d("active");
-    }), x(() => e.value.active, (t) => {
-      a.value = !!t;
-    });
-    const { styles: z, classes: _, className: M } = V("MenuItem", {}, e, { isActive: a });
-    return (t, i) => (l(), r(w(k.value), I({
-      ref_key: "elRef",
-      ref: o
-    }, {
-      ...e.value.href ? { href: e.value.href } : {},
-      ...e.value.attrs
-    }, {
-      to: e.value.to,
-      target: e.value.target,
-      color: e.value.color,
-      style: c(z),
-      class: [
-        c(M),
-        t.$style["menu-item"],
-        [a.value && !t.checkbox ? t.$style["menu-item--active"] : ""],
-        c(_).wrapper,
-        {
-          "flex items-center": t.$slots.prefix || t.$slots.suffix
-        }
-      ],
-      title: e.value.label,
-      alt: e.value.label,
-      onClick: i[1] || (i[1] = (u) => h(u, "click"))
-    }), {
-      default: O(() => [
-        t.checkbox ? (l(), r(X, {
-          key: 0,
-          "model-value": e.value.active,
-          "hide-footer": "",
-          class: "mr-1.5",
-          "skip-form-registry": "",
-          onClick: i[0] || (i[0] = P((u) => h(u, "checkbox-click"), ["stop", "prevent"]))
-        }, null, 8, ["model-value"])) : s("", !0),
-        t.$slots.prefix || e.value.prefix ? (l(), n("span", A, [
-          f(t.$slots, "prefix", { item: e.value }, () => [
-            v(m(e.value.prefix), 1)
-          ], !0)
-        ])) : e.value.icon ? (l(), r($, {
-          key: 2,
-          size: e.value.size,
-          icon: e.value.icon,
-          class: "mr-2"
-        }, null, 8, ["size", "icon"])) : s("", !0),
-        t.minimal ? s("", !0) : (l(), n("span", L, [
-          f(t.$slots, "default", { item: e.value }, () => [
-            v(m(e.value.label), 1)
-          ], !0)
-        ])),
-        j("span", q, [
-          e.value.loading ? (l(), r(E, {
-            key: 0,
-            size: e.value.size
-          }, null, 8, ["size"])) : (l(), n(D, { key: 1 }, [
-            t.$slots.suffix || e.value.suffix ? (l(), n("span", G, [
-              f(t.$slots, "suffix", { item: e.value }, () => [
-                v(m(e.value.suffix), 1)
-              ], !0)
-            ])) : e.value.iconRight ? (l(), r($, {
-              key: 1,
-              size: e.value.size,
-              icon: e.value.iconRight
-            }, null, 8, ["size", "icon"])) : s("", !0)
-          ], 64))
-        ])
-      ]),
-      _: 3
-    }, 16, ["to", "target", "color", "style", "class", "title", "alt"]));
-  }
-});
-export {
-  le as default
-};

package/lib/components/menu/MenuItem.vue3.js

@@ -1,7 +0,0 @@
-const e = {
-  "menu-item": "_menu-item_eyhiv_2",
-  "menu-item--active": "_menu-item--active_eyhiv_1"
-};
-export {
-  e as default
-};

package/lib/components/menu/__tests__/Menu.spec.d.ts

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

package/lib/components/menu/__tests__/MenuItem.spec.d.ts

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

package/lib/components/modal/Modal.vue.js

@@ -1,211 +0,0 @@
-import { defineComponent as X, ref as y, watch as S, nextTick as H, useSlots as M, computed as j, openBlock as t, createBlock as v, Teleport as q, createElementBlock as r, normalizeStyle as K, unref as o, normalizeClass as l, createCommentVNode as a, createElementVNode as B, resolveDynamicComponent as L, withCtx as T, renderSlot as i, toDisplayString as h } from "vue";
-import { onClickOutside as G, useEventListener as J } 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 Q } from "../../composables/useTheme.js";
-import { useFocusTrap as U } from "../../composables/useFocusTrap.js";
-import { closeIcon as Y } from "../../common/icons.js";
-import Z from "../button/Button.vue.js";
-import _ from "../scroll/Scroll.vue.js";
-import x from "../form/Form.vue.js";
-const ee = { key: 0 }, oe = ["xs", "sm", "md", "lg", "xl", "full"], te = ["top", "center", "bottom"], le = {
-  size: {
-    type: String,
-    default: "lg"
-  },
-  position: {
-    type: String,
-    default: "center"
-  },
-  modelValue: Boolean,
-  showClose: Boolean,
-  backdrop: {
-    type: Boolean,
-    default: !0
-  },
-  hasActions: {
-    type: Boolean,
-    default: !0
-  },
-  hasHeader: {
-    type: Boolean,
-    default: !0
-  },
-  title: String,
-  description: String,
-  label: String,
-  loading: Boolean,
-  loadingText: String,
-  fluid: Boolean,
-  // form props
-  isForm: Boolean,
-  formDisabled: Boolean,
-  formDescription: String,
-  formTitle: String,
-  formAutoValidate: {
-    type: Boolean,
-    default: !0
-  },
-  formErrors: {
-    type: [Array, Object],
-    default: () => []
-  },
-  persistent: Boolean
-}, se = {
-  name: "XModal",
-  validators: {
-    size: oe,
-    position: te
-  }
-}, pe = /* @__PURE__ */ X({
-  ...se,
-  props: le,
-  emits: ["update:modelValue", "submit"],
-  setup($, { expose: V, emit: C }) {
-    const d = $, k = C, c = y(d.modelValue), u = y(!1), b = y(null), E = y(null), { initFocusTrap: z, clearFocusTrap: A } = U();
-    let m;
-    S(c, (e) => {
-      m && (m(), m = void 0), e && setTimeout(() => {
-        m = G(b, F, {
-          ignore: [".v-popper__popper"]
-        });
-      });
-    });
-    let g;
-    S(() => d.modelValue, D, { immediate: !0 });
-    async function D() {
-      const e = d.modelValue;
-      if (e) {
-        const n = window.innerWidth - document.documentElement.clientWidth;
-        c.value = e, await H(), u.value = e, g = setTimeout(() => {
-          z(b);
-        }, 100), document.body.style.paddingRight = `${n}px`, document.body.style.overflow = "hidden";
-      } else
-        u.value = e, c.value = e, clearTimeout(g), A(), document.body.style.paddingRight = "", document.body.style.overflow = "auto";
-    }
-    typeof window < "u" && J(document, "keydown", W);
-    const R = (e) => [".v-popper__popper", ".x-datepicker"].some((n) => typeof n == "string" ? Array.from(window.document.querySelectorAll(n)).some((f) => f === e.target || e.composedPath().includes(f)) : !1);
-    function W(e) {
-      e.key === "Escape" && !R(e) && c.value && !d.persistent && p();
-    }
-    function F() {
-      d.persistent || p();
-    }
-    function p() {
-      u.value = !1, setTimeout(() => {
-        k("update:modelValue", !1);
-      }, 150);
-    }
-    function O() {
-      k("update:modelValue", !0), u.value = !0;
-    }
-    const w = M(), P = j(() => !!(w["tertiary-action"] || w["cancel-action"])), { styles: I, classes: s, className: N } = Q("Modal", {}, d, {
-      visible: u
-    });
-    return V({ open: O, close: p }), (e, n) => (t(), v(q, { to: "body" }, [
-      c.value ? (t(), r("div", {
-        key: 0,
-        ref_key: "modalWrapperRef",
-        ref: E,
-        style: K(o(I)),
-        class: l([
-          o(N),
-          o(s).wrapper,
-          u.value ? "visible" : "invisible ease-in duration-100"
-        ])
-      }, [
-        e.backdrop ? (t(), r("div", {
-          key: 0,
-          class: l(o(s).backdrop)
-        }, null, 2)) : a("", !0),
-        B("div", {
-          class: l(o(s).modalWrapper)
-        }, [
-          (t(), v(L(e.isForm ? x : "div"), {
-            ref_key: "modalRef",
-            ref: b,
-            class: l(["max-h-full", o(s).modal]),
-            disabled: e.formDisabled,
-            "auto-validate": e.formAutoValidate,
-            title: e.formTitle,
-            description: e.formDescription,
-            errors: e.formErrors,
-            "auto-focus": "",
-            "has-footer": !1,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": "modal-headline",
-            onSubmit: n[0] || (n[0] = (f) => e.$emit("submit", f))
-          }, {
-            default: T(() => [
-              i(e.$slots, "image"),
-              i(e.$slots, "header", {}, () => [
-                e.hasHeader ? (t(), r("div", {
-                  key: 0,
-                  class: l(o(s).header)
-                }, [
-                  i(e.$slots, "header-content", {}, () => [
-                    e.label ? (t(), r("div", {
-                      key: 0,
-                      class: l(o(s).label)
-                    }, h(e.label), 3)) : a("", !0),
-                    e.title ? (t(), r("div", {
-                      key: 1,
-                      class: l(o(s).title)
-                    }, h(e.title), 3)) : a("", !0)
-                  ])
-                ], 2)) : a("", !0)
-              ]),
-              e.$slots.default ? (t(), v(_, {
-                key: 0,
-                scrollbar: !1,
-                class: l({
-                  "h-full": e.size === "full"
-                }),
-                vertical: ""
-              }, {
-                default: T(() => [
-                  B("div", {
-                    class: l(o(s).content)
-                  }, [
-                    e.description ? (t(), r("div", {
-                      key: 0,
-                      class: l(o(s).description)
-                    }, h(e.description), 3)) : a("", !0),
-                    i(e.$slots, "default")
-                  ], 2)
-                ]),
-                _: 3
-              }, 8, ["class"])) : a("", !0),
-              e.showClose ? (t(), v(Z, {
-                key: 1,
-                ghost: "",
-                size: "sm",
-                tabindex: "-1",
-                icon: o(Y),
-                class: l(o(s).closeIcon),
-                onClick: p
-              }, null, 8, ["icon", "class"])) : a("", !0),
-              i(e.$slots, "footer", {}, () => [
-                e.hasActions ? (t(), r("div", {
-                  key: 0,
-                  class: l(o(s).actions)
-                }, [
-                  i(e.$slots, "actions", {}, () => [
-                    i(e.$slots, "cancel-action"),
-                    P.value ? (t(), r("div", ee)) : a("", !0),
-                    i(e.$slots, "tertiary-action"),
-                    i(e.$slots, "secondary-action"),
-                    i(e.$slots, "primary-action")
-                  ])
-                ], 2)) : a("", !0)
-              ])
-            ]),
-            _: 3
-          }, 40, ["disabled", "auto-validate", "title", "description", "errors", "class"]))
-        ], 2)
-      ], 6)) : a("", !0)
-    ]));
-  }
-});
-export {
-  pe as default
-};

package/lib/components/modal/Modal.vue2.js

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

package/lib/components/modal/__tests__/Modal.spec.d.ts

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

package/lib/components/notifications/Notifications.vue.js

@@ -1,266 +0,0 @@
-import { defineComponent as q, ref as g, provide as J, watch as D, computed as Q, openBlock as a, createElementBlock as p, Fragment as O, renderSlot as U, createBlock as x, Teleport as W, createElementVNode as k, normalizeStyle as _, unref as i, normalizeClass as C, createVNode as K, TransitionGroup as Y, withCtx as Z, renderList as ee, createCommentVNode as y, toDisplayString as M } from "vue";
-import { injectNotificationKey as te } from "../../composables/keys.js";
-import { useColors as E } from "../../composables/useColors.js";
-import { useCSS as oe } from "../../composables/useCSS.js";
-import { useTheme as re } from "../../composables/useTheme.js";
-import { closeIcon as se } from "../../common/icons.js";
-import A from "../icon/Icon.vue.js";
-import ae from "../spacer/Spacer.js";
-const le = ["onMouseenter", "onMouseleave"], ne = { class: "flex items-center flex-wrap" }, ie = {
-  key: 0,
-  class: "font-medium mr-2"
-}, ce = ["onClick"], ue = {
-  ...E.props("primary"),
-  align: {
-    type: String,
-    default: "right",
-    validator: (c) => S.align.includes(c)
-  },
-  position: {
-    type: String,
-    default: "bottom",
-    validator: (c) => S.position.includes(c)
-  },
-  timeout: {
-    type: Number,
-    default: 3500
-  },
-  removable: {
-    type: Boolean,
-    default: !0
-  },
-  pauseOnHover: {
-    type: Boolean,
-    default: !0
-  },
-  injectKey: {
-    type: [Symbol, String],
-    default: te
-  },
-  offset: {
-    type: [String, Number],
-    default: 0
-  }
-}, S = {
-  align: ["left", "right"],
-  position: ["bottom", "top"]
-}, me = {
-  name: "XNotifications",
-  validators: S
-}, xe = /* @__PURE__ */ q({
-  ...me,
-  props: ue,
-  setup(c, { expose: L }) {
-    const r = c, u = g(r.align), s = g(r.position), d = g([]), z = g(null), R = oe("notification"), w = E();
-    J(r.injectKey, {
-      log: N,
-      info: $,
-      warn: v,
-      error: B,
-      warning: v,
-      success: T
-    }), D(() => r.align, (e) => {
-      u.value = e;
-    }), D(() => r.position, (e) => {
-      s.value = e;
-    });
-    function N(e) {
-      const o = typeof e == "string", t = {
-        message: o ? e : void 0
-      };
-      m(o ? t : {
-        ...t,
-        ...e
-      });
-    }
-    function $(e) {
-      const o = typeof e == "string", t = {
-        icon: '<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />',
-        iconColor: "sky",
-        message: o ? e : void 0
-      };
-      m(o ? t : {
-        ...t,
-        ...e
-      });
-    }
-    function T(e) {
-      const o = typeof e == "string", t = {
-        icon: '<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />',
-        iconColor: "success",
-        message: o ? e : void 0
-      };
-      m(o ? t : {
-        ...t,
-        ...e
-      });
-    }
-    function v(e) {
-      const o = typeof e == "string", t = {
-        icon: '<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />',
-        iconColor: "warning",
-        message: o ? e : void 0
-      };
-      m(o ? t : {
-        ...t,
-        ...e
-      });
-    }
-    function B(e) {
-      const o = typeof e == "string", t = {
-        icon: '<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />',
-        iconColor: "error",
-        message: o ? e : void 0
-      };
-      m(o ? t : {
-        ...t,
-        ...e
-      });
-    }
-    function m(e) {
-      var H;
-      const t = {
-        ...{
-          id: Date.now(),
-          iconColor: r.color,
-          timeout: r.timeout,
-          align: u.value,
-          position: s.value,
-          removable: r.removable
-        },
-        ...e
-      };
-      u.value = t.align, s.value = t.position;
-      const l = w.getPalette(t.iconColor), f = w.getPalette(((H = t.action) == null ? void 0 : H.color) || "primary"), j = R.variables({
-        icon: l[400],
-        action: f[400],
-        hover: {
-          action: f[500]
-        },
-        dark: {
-          icon: l[500],
-          action: f[500],
-          hover: {
-            action: f[600]
-          }
-        }
-      });
-      if (t.style = Object.keys(j).map((n) => `${n}: ${j[n]}`).join(";"), t.timeout) {
-        const n = P(t, t.timeout);
-        t.timer = n, t.timerStart = Date.now();
-      }
-      d.value.push(t), setTimeout(() => {
-        var n;
-        (n = z.value) == null || n.scrollTo({ top: 0, behavior: "smooth" });
-      }, 0);
-    }
-    function h(e) {
-      d.value = d.value.filter((o) => o.id !== e.id);
-    }
-    function P(e, o) {
-      return setTimeout(() => {
-        h(e);
-      }, o);
-    }
-    function X(e) {
-      r.pauseOnHover && e.timer && (clearTimeout(e.timer), e.timer = void 0);
-    }
-    function F(e) {
-      if (r.pauseOnHover && e.timeout && e.timerStart) {
-        const o = Math.max(e.timeout - (Date.now() - e.timerStart), 1e3);
-        e.timer = P(e, o);
-      }
-    }
-    const V = Q(() => `${r.offset}px`), { styles: G, classes: b, className: I } = re("Notifications", {}, r);
-    return L({ log: N, info: $, success: T, warn: v, warning: v, error: B }), (e, o) => (a(), p(O, null, [
-      U(e.$slots, "default"),
-      (a(), x(W, { to: "body" }, [
-        k("div", {
-          ref_key: "listRef",
-          ref: z,
-          style: _(i(G)),
-          class: C([
-            i(I),
-            i(b).wrapper,
-            {
-              // align
-              "left-0": u.value === "left",
-              "right-0": u.value === "right",
-              // position
-              "top-0": s.value === "top",
-              "bottom-0": s.value === "bottom"
-            }
-          ])
-        }, [
-          K(Y, {
-            tag: "ul",
-            style: _([
-              s.value === "bottom" ? `padding-bottom: ${V.value};` : `padding-top: ${V.value};`
-            ]),
-            class: C([
-              i(b).list,
-              { "flex-col-reverse": s.value }
-            ]),
-            "enter-active-class": "transition ease-out duration-200",
-            "leave-active-class": "transition ease-out duration-100",
-            "enter-from-class": "transform translate-y-2 opacity-0",
-            "enter-to-class": "transform translate-y-0 opacity-100",
-            "leave-from-class": "transform translate-y-0 opacity-100",
-            "leave-to-class": "transform translate-y-2 opacity-0",
-            "move-class": "ease-in-out duration-200"
-          }, {
-            default: Z(() => [
-              (a(!0), p(O, null, ee(d.value, (t) => (a(), p("li", {
-                key: t.id,
-                class: C([
-                  i(b).item,
-                  {
-                    "mb-2": s.value === "bottom",
-                    "mt-2": s.value === "top"
-                  }
-                ]),
-                style: _(t.style),
-                onMouseenter: (l) => X(t),
-                onMouseleave: (l) => F(t)
-              }, [
-                t.icon ? (a(), x(A, {
-                  key: 0,
-                  filled: "",
-                  icon: t.icon,
-                  class: "mr-4 text-[color:var(--x-notification-icon)] dark:text-[color:var(--x-notification-dark-icon)]",
-                  viewBox: "0 0 20 20"
-                }, null, 8, ["icon"])) : y("", !0),
-                k("div", ne, [
-                  t.title ? (a(), p("span", ie, M(t.title), 1)) : y("", !0),
-                  k("span", null, M(t.message), 1)
-                ]),
-                K(i(ae)),
-                t.action ? (a(), p("button", {
-                  key: 1,
-                  type: "button",
-                  class: "ml-3 font-medium cursor-pointer text-[color:var(--x-notification-action)] hover:text-[color:var(--x-notification-action-hover)] dark:text-[color:var(--x-notification-dark-action)] dark:hover:text-[color:var(--x-notification-dark-action-hover)]",
-                  onClick: () => {
-                    var l;
-                    (l = t.action) == null || l.onClick(), h(t);
-                  }
-                }, M(t.action.label), 9, ce)) : y("", !0),
-                t.removable ? (a(), x(A, {
-                  key: 2,
-                  icon: i(se),
-                  class: "text-secondary-400 hover:text-secondary-500 ml-3 cursor-pointer",
-                  onClick: () => {
-                    h(t);
-                  }
-                }, null, 8, ["icon", "onClick"])) : y("", !0)
-              ], 46, le))), 128))
-            ]),
-            _: 1
-          }, 8, ["style", "class"])
-        ], 6)
-      ]))
-    ], 64));
-  }
-});
-export {
-  xe as default
-};

package/lib/components/notifications/Notifications.vue2.js

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

package/lib/components/notifications/__tests__/Notifications.spec.d.ts

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