@indielayer/ui 1.18.1 → 2.1.0

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 {};

package/lib/components/input/Input.vue.js

@@ -1,164 +0,0 @@
-import { defineComponent as W, useAttrs as X, computed as c, ref as w, watch as D, openBlock as i, createBlock as s, normalizeStyle as G, unref as r, normalizeClass as a, withCtx as J, createElementVNode as S, renderSlot as k, createCommentVNode as m, mergeProps as K, toHandlers as M } from "vue";
-import { useTheme as Q } from "../../composables/useTheme.js";
-import { useColors as U } from "../../composables/useColors.js";
-import { useCommon as z } from "../../composables/useCommon.js";
-import { useInputtable as f } from "../../composables/useInputtable.js";
-import { useInteractive as C } from "../../composables/useInteractive.js";
-import { closeIcon as Y, eyeIcon as Z, eyeVisibleIcon as x } from "../../common/icons.js";
-import _ from "../label/Label.vue.js";
-import p from "../icon/Icon.vue.js";
-import ee from "../inputFooter/InputFooter.vue.js";
-const re = { class: "relative" }, oe = ["id", "disabled", "min", "max", "minlength", "maxlength", "step", "dir", "name", "placeholder", "readonly", "type", "value"], ne = {
-  ...z.props(),
-  ...U.props("primary"),
-  ...C.props(),
-  ...f.props(),
-  showPasswordToggle: {
-    type: Boolean,
-    default: !0
-  },
-  dir: {
-    type: String,
-    default: "ltr"
-  },
-  icon: String,
-  iconLeft: String,
-  iconRight: String,
-  max: [Number, String],
-  maxlength: [Number, String],
-  min: [Number, String],
-  minlength: [Number, String],
-  placeholder: String,
-  type: {
-    type: String,
-    default: "text"
-  },
-  step: [Number, String],
-  block: Boolean,
-  showCounter: Boolean,
-  clearable: Boolean
-}, te = {
-  name: "XInput",
-  validators: {
-    ...z.validators()
-  }
-}, ge = /* @__PURE__ */ W({
-  ...te,
-  props: ne,
-  emits: f.emits(),
-  setup(I, { expose: N, emit: V }) {
-    const o = I, $ = V, g = X(), B = c(() => Object.keys(g).reduce((e, n) => (n.startsWith("data-") && (e[n] = g[n]), e), {})), h = w(null), l = w(o.type);
-    D(() => o.type, (e) => {
-      l.value = e;
-    });
-    function L(e) {
-      if (!e.target)
-        return;
-      const n = e.target;
-      if (o.type === "number") {
-        const u = Number(n.value);
-        typeof o.min < "u" && u < Number(o.min) && (n.value = o.min.toString()), typeof o.max < "u" && u > Number(o.max) && (n.value = o.max.toString());
-      }
-    }
-    function P() {
-      l.value = l.value === "password" ? "text" : "password";
-    }
-    const b = c(() => o.clearable && o.modelValue !== ""), { focus: y, blur: R } = C(h), {
-      errorInternal: d,
-      hideFooterInternal: T,
-      isInsideForm: q,
-      inputListeners: A,
-      reset: v,
-      validate: E,
-      setError: F
-    } = f(o, { focus: y, emit: $ }), j = c(() => {
-      const e = o.modelValue;
-      return e ? String(e).length : 0;
-    }), { styles: H, classes: t, className: O } = Q("Input", {}, o, { errorInternal: d });
-    return N({ focus: y, blur: R, reset: v, validate: E, setError: F }), (e, n) => (i(), s(_, {
-      style: G(r(H)),
-      block: e.block,
-      disabled: e.disabled,
-      required: e.required,
-      "is-inside-form": r(q),
-      label: e.label,
-      class: a([
-        r(O),
-        r(t).wrapper
-      ]),
-      tooltip: e.tooltip
-    }, {
-      default: J(() => [
-        S("div", re, [
-          k(e.$slots, "prefix", {}, () => [
-            e.iconLeft || e.icon ? (i(), s(p, {
-              key: 0,
-              size: e.size,
-              icon: e.iconLeft || e.icon,
-              class: a(["ml-2 left-1", r(t).icon])
-            }, null, 8, ["size", "icon", "class"])) : m("", !0)
-          ]),
-          S("input", K({
-            id: e.id,
-            ref_key: "elRef",
-            ref: h,
-            class: [
-              r(t).input,
-              // error
-              r(d) ? "border-error-500 dark:border-error-400 focus:outline-error-500" : "focus:outline-[color:var(--x-input-border)]",
-              {
-                "!pl-10": e.iconLeft || e.icon,
-                "!pr-10": e.iconRight || e.showPasswordToggle || b.value
-              }
-            ],
-            disabled: e.disabled,
-            min: e.min,
-            max: e.max,
-            minlength: e.minlength,
-            maxlength: e.maxlength,
-            step: e.step,
-            dir: e.dir,
-            name: e.name,
-            placeholder: e.placeholder,
-            readonly: e.readonly,
-            type: l.value,
-            value: typeof e.modelValue < "u" ? e.modelValue : ""
-          }, B.value, M(r(A), !0), { onChange: L }), null, 16, oe),
-          k(e.$slots, "suffix", {}, () => [
-            b.value ? (i(), s(p, {
-              key: 0,
-              size: e.size,
-              icon: r(Y),
-              class: a(["mr-2 right-1 cursor-pointer", r(t).icon]),
-              onClick: n[0] || (n[0] = (u) => r(v)())
-            }, null, 8, ["size", "icon", "class"])) : m("", !0),
-            e.iconRight ? (i(), s(p, {
-              key: 1,
-              size: e.size,
-              icon: e.iconRight,
-              class: a(["mr-2 right-1", r(t).icon])
-            }, null, 8, ["size", "icon", "class"])) : e.type === "password" && e.showPasswordToggle ? (i(), s(p, {
-              key: 2,
-              size: e.size,
-              icon: l.value === "password" ? r(Z) : r(x),
-              class: a(["mr-2 right-1 cursor-pointer", r(t).icon]),
-              onClick: n[1] || (n[1] = (u) => P())
-            }, null, 8, ["size", "icon", "class"])) : m("", !0)
-          ])
-        ]),
-        r(T) ? m("", !0) : (i(), s(ee, {
-          key: 0,
-          error: r(d),
-          helper: e.helper,
-          "character-count": j.value,
-          "max-characters": e.maxlength,
-          "show-counter": e.showCounter
-        }, null, 8, ["error", "helper", "character-count", "max-characters", "show-counter"]))
-      ]),
-      _: 3
-    }, 8, ["style", "block", "disabled", "required", "is-inside-form", "label", "class", "tooltip"]));
-  }
-});
-export {
-  ge as default
-};

package/lib/components/input/Input.vue2.js

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

package/lib/components/input/__tests__/Input.spec.d.ts

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

package/lib/components/inputFooter/InputFooter.vue.js

@@ -1,43 +0,0 @@
-import { defineComponent as v, computed as u, openBlock as a, createElementBlock as s, normalizeClass as n, unref as r, normalizeStyle as f, createElementVNode as y, toDisplayString as l, createCommentVNode as c } from "vue";
-import { useTheme as k } from "../../composables/useTheme.js";
-const N = {
-  helper: String,
-  error: String,
-  characterCount: Number,
-  maxCharacters: [Number, String],
-  showCounter: Boolean
-}, g = { name: "XInputFooter" }, b = /* @__PURE__ */ v({
-  ...g,
-  props: N,
-  setup(i) {
-    const e = i, { styles: m, classes: o, className: h } = k("InputFooter", {}, e), p = u(() => e.maxCharacters ? Number(e.maxCharacters) : void 0), C = u(() => e.characterCount === void 0 ? "" : p.value ? `${e.characterCount}/${p.value}` : `${e.characterCount}`), d = u(() => e.error || e.helper);
-    return (t, S) => (a(), s("div", {
-      class: n([r(h), r(o).wrapper]),
-      style: f(r(m))
-    }, [
-      d.value || t.showCounter ? (a(), s("div", {
-        key: 0,
-        class: n(r(o).container)
-      }, [
-        y("div", null, [
-          t.error ? (a(), s("p", {
-            key: 0,
-            class: n(r(o).errorText)
-          }, l(t.error), 3)) : t.helper ? (a(), s("p", {
-            key: 1,
-            class: n(r(o).helperText)
-          }, l(t.helper), 3)) : c("", !0)
-        ]),
-        t.showCounter ? (a(), s("p", {
-          key: 0,
-          class: n(r(o).counter),
-          role: "status",
-          "aria-live": "polite"
-        }, l(C.value), 3)) : c("", !0)
-      ], 2)) : c("", !0)
-    ], 6));
-  }
-});
-export {
-  b as default
-};

package/lib/components/inputFooter/InputFooter.vue2.js

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

package/lib/components/inputFooter/__tests__/InputFooter.spec.d.ts

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

package/lib/components/label/Label.vue.js

@@ -1,54 +0,0 @@
-import { defineComponent as f, openBlock as o, createBlock as t, resolveDynamicComponent as s, normalizeStyle as b, unref as l, normalizeClass as n, withCtx as r, createElementVNode as y, toDisplayString as g, createCommentVNode as i, renderSlot as B } from "vue";
-import { useTheme as C } from "../../composables/useTheme.js";
-import { useCommon as p } from "../../composables/useCommon.js";
-import S from "../tooltip/ToggleTip.vue.js";
-const k = {
-  ...p.props(),
-  label: String,
-  disabled: Boolean,
-  required: Boolean,
-  block: Boolean,
-  isInsideForm: Boolean,
-  tag: {
-    type: String,
-    default: "label"
-  },
-  tooltip: String
-}, _ = {
-  name: "XLabel",
-  validators: {
-    ...p.validators()
-  }
-}, D = /* @__PURE__ */ f({
-  ..._,
-  props: k,
-  setup(m) {
-    const d = m, { styles: c, classes: a, className: u } = C("Label", {}, d);
-    return (e, h) => (o(), t(s(e.tag), {
-      style: b(l(c)),
-      class: n([l(u), l(a).wrapper])
-    }, {
-      default: r(() => [
-        e.label ? (o(), t(s(e.tag === "fieldset" ? "legend" : "p"), {
-          key: 0,
-          title: e.label,
-          class: n(l(a).label)
-        }, {
-          default: r(() => [
-            y("span", null, g(e.label), 1),
-            e.tooltip ? (o(), t(S, {
-              key: 0,
-              content: e.tooltip
-            }, null, 8, ["content"])) : i("", !0)
-          ]),
-          _: 1
-        }, 8, ["title", "class"])) : i("", !0),
-        B(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["style", "class"]));
-  }
-});
-export {
-  D as default
-};

package/lib/components/label/Label.vue2.js

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

package/lib/components/label/__tests__/Label.spec.d.ts

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

package/lib/components/link/Link.vue.js

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

package/lib/components/link/Link.vue2.js

@@ -1,47 +0,0 @@
-import { defineComponent as m, openBlock as n, createBlock as p, resolveDynamicComponent as d, normalizeStyle as u, unref as o, normalizeClass as c, withCtx as f, createElementBlock as k, renderSlot as t, createVNode as y } from "vue";
-import { useColors as h } from "../../composables/useColors.js";
-import { useTheme as g } from "../../composables/useTheme.js";
-import { externalIcon as B } from "../../common/icons.js";
-import w from "../icon/Icon.vue.js";
-const C = {
-  key: 0,
-  class: "inline-flex items-center"
-}, $ = {
-  ...h.props("secondary"),
-  tag: {
-    type: String,
-    default: "a"
-  },
-  to: [String, Object],
-  shadow: Boolean,
-  external: Boolean,
-  underline: Boolean
-}, S = { name: "XLink" }, D = /* @__PURE__ */ m({
-  ...S,
-  props: $,
-  setup(s) {
-    const l = s, { styles: r, classes: a, className: i } = g("Link", {}, l);
-    return (e, v) => (n(), p(d(e.to ? e.tag !== "a" ? e.tag : "router-link" : e.tag), {
-      to: e.to,
-      style: u(o(r)),
-      class: c([
-        o(i),
-        e.$style.link,
-        o(a).wrapper,
-        [e.shadow ? e.$style["link--shadow"] : ""],
-        { underline: e.underline }
-      ])
-    }, {
-      default: f(() => [
-        e.external ? (n(), k("span", C, [
-          t(e.$slots, "default", {}, void 0, !0),
-          y(w, { icon: o(B) }, null, 8, ["icon"])
-        ])) : t(e.$slots, "default", { key: 1 }, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["to", "style", "class"]));
-  }
-});
-export {
-  D as default
-};

package/lib/components/link/Link.vue3.js

@@ -1,8 +0,0 @@
-const k = "_link_ke25h_2", l = {
-  link: k,
-  "link--shadow": "_link--shadow_ke25h_1"
-};
-export {
-  l as default,
-  k as link
-};

package/lib/components/link/__tests__/Link.spec.d.ts

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

package/lib/components/loader/Loader.vue.js

@@ -1,54 +0,0 @@
-import { defineComponent as d, openBlock as o, createElementBlock as t, normalizeClass as a, unref as e, normalizeStyle as z, createBlock as i, createCommentVNode as n, toDisplayString as y } from "vue";
-import { useCommon as l } from "../../composables/useCommon.js";
-import { useTheme as k } from "../../composables/useTheme.js";
-import c from "../icon/Icon.vue.js";
-import v from "../spinner/Spinner.vue.js";
-import { successIcon as S, errorIcon as b } from "../../common/icons.js";
-const g = {
-  ...l.props(),
-  status: {
-    type: String,
-    default: "active"
-  },
-  icon: String,
-  label: String
-}, C = {
-  name: "XLoader",
-  validators: {
-    ...l.validators(),
-    status: ["active", "success", "error"]
-  }
-}, $ = /* @__PURE__ */ d({
-  ...C,
-  props: g,
-  setup(m) {
-    const u = m, { styles: p, classes: r, className: f } = k("Loader", {}, u);
-    return (s, B) => (o(), t("div", {
-      class: a([e(f), e(r).wrapper]),
-      style: z(e(p))
-    }, [
-      s.status === "active" ? (o(), i(v, {
-        key: 0,
-        size: s.size,
-        icon: s.icon
-      }, null, 8, ["size", "icon"])) : s.status === "success" ? (o(), i(c, {
-        key: 1,
-        class: a(e(r).iconSuccess),
-        size: s.size,
-        icon: e(S)
-      }, null, 8, ["class", "size", "icon"])) : s.status === "error" ? (o(), i(c, {
-        key: 2,
-        class: a(e(r).iconError),
-        size: s.size,
-        icon: e(b)
-      }, null, 8, ["class", "size", "icon"])) : n("", !0),
-      s.label ? (o(), t("span", {
-        key: 3,
-        class: a(e(r).label)
-      }, y(s.label), 3)) : n("", !0)
-    ], 6));
-  }
-});
-export {
-  $ as default
-};

package/lib/components/loader/Loader.vue2.js

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

package/lib/components/loader/__tests__/Loader.spec.d.ts

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