@indielayer/ui 1.18.0 → 2.0.0

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

package/lib/components/menu/Menu.vue.js

@@ -1,141 +0,0 @@
-import { defineComponent as B, resolveComponent as t, openBlock as d, createElementBlock as s, normalizeStyle as E, unref as p, normalizeClass as a, Fragment as i, renderList as w, createBlock as m, withCtx as b, createVNode as r, createCommentVNode as M } from "vue";
-import { useCommon as c } from "../../composables/useCommon.js";
-import { useColors as N } from "../../composables/useColors.js";
-import { useTheme as g } from "../../composables/useTheme.js";
-import u from "./MenuItem.vue.js";
-import A from "../accordion/AccordionItem.vue.js";
-import S from "../divider/Divider.vue.js";
-const V = {
-  ...c.props(),
-  ...N.props("secondary"),
-  items: Array,
-  collapsible: {
-    type: Boolean,
-    default: !0
-  },
-  collapseIcon: String,
-  expanded: Boolean,
-  disabled: Boolean,
-  rounded: {
-    type: Boolean,
-    default: !0
-  },
-  filled: {
-    type: Boolean,
-    default: !0
-  },
-  minimal: Boolean
-}, X = {
-  name: "XMenu",
-  validators: {
-    ...c.validators()
-  }
-}, G = /* @__PURE__ */ B({
-  ...X,
-  props: V,
-  emits: ["expand", "item-click"],
-  setup(y) {
-    const z = y, { styles: k, classes: v, className: $ } = g("Menu", {}, z);
-    return (e, o) => {
-      const f = t("x-menu");
-      return e.items ? (d(), s("div", {
-        key: 0,
-        style: E(p(k)),
-        class: a([
-          "space-y-1",
-          p($),
-          p(v).wrapper
-        ])
-      }, [
-        (d(!0), s(i, null, w(e.items, (l, I) => (d(), s(i, { key: I }, [
-          l.items ? (d(), s(i, { key: 0 }, [
-            l.collapsible !== !1 ? (d(), m(A, {
-              key: 0,
-              icon: l.collapseIcon || e.collapseIcon,
-              expanded: l.expanded || e.expanded,
-              disabled: e.disabled || l.disabled,
-              "show-icon": !!(l.collapseIcon || e.collapseIcon),
-              class: "x-menu-inner space-y-1",
-              onExpand: o[1] || (o[1] = (n) => e.$emit("expand"))
-            }, {
-              default: b(({}) => [
-                r(u, {
-                  item: l,
-                  rounded: e.rounded,
-                  color: l.color || e.color,
-                  filled: l.filled || e.filled,
-                  size: l.size || e.size,
-                  disabled: e.disabled || l.disabled,
-                  minimal: e.minimal,
-                  class: "font-medium"
-                }, null, 8, ["item", "rounded", "color", "filled", "size", "disabled", "minimal"])
-              ]),
-              content: b(({ expand: n }) => [
-                r(f, {
-                  class: a(["border-l ml-4 border-secondary-100 dark:border-secondary-700", { "pl-1": e.filled }]),
-                  items: l.items,
-                  color: l.color || e.color,
-                  size: l.size || e.size,
-                  collapsible: e.collapsible,
-                  "collapse-icon": l.collapseIcon || e.collapseIcon,
-                  expanded: l.expanded || e.expanded,
-                  disabled: e.disabled || l.disabled,
-                  rounded: e.rounded,
-                  filled: e.filled,
-                  minimal: e.minimal,
-                  onExpand: (C) => n(!1),
-                  onItemClick: o[0] || (o[0] = (C) => e.$emit("item-click"))
-                }, null, 8, ["class", "items", "color", "size", "collapsible", "collapse-icon", "expanded", "disabled", "rounded", "filled", "minimal", "onExpand"])
-              ]),
-              _: 2
-            }, 1032, ["icon", "expanded", "disabled", "show-icon"])) : (d(), s(i, { key: 1 }, [
-              r(u, {
-                item: l,
-                rounded: e.rounded,
-                color: l.color || e.color,
-                filled: l.filled || e.filled,
-                size: l.size || e.size,
-                disabled: e.disabled || l.disabled,
-                minimal: e.minimal,
-                class: "font-medium",
-                inactive: "",
-                onClick: o[2] || (o[2] = (n) => e.$emit("item-click"))
-              }, null, 8, ["item", "rounded", "color", "filled", "size", "disabled", "minimal"]),
-              r(f, {
-                class: a(["x-menu-inner space-y-1 ml-4 border-l border-secondary-100 dark:border-secondary-700", { "pl-1": e.filled }]),
-                items: l.items,
-                color: l.color || e.color,
-                size: l.size || e.size,
-                collapsible: e.collapsible,
-                "collapse-icon": l.collapseIcon || e.collapseIcon,
-                expanded: l.expanded || e.expanded,
-                disabled: e.disabled || l.disabled,
-                minimal: e.minimal,
-                rounded: e.rounded,
-                filled: e.filled,
-                onExpand: o[3] || (o[3] = (n) => e.$emit("expand"))
-              }, null, 8, ["class", "items", "color", "size", "collapsible", "collapse-icon", "expanded", "disabled", "minimal", "rounded", "filled"])
-            ], 64))
-          ], 64)) : (d(), s(i, { key: 1 }, [
-            l.divider ? (d(), m(S, { key: 0 })) : (d(), m(u, {
-              key: 1,
-              item: l,
-              rounded: e.rounded,
-              color: l.color || e.color,
-              filled: l.filled || e.filled,
-              size: l.size || e.size,
-              disabled: e.disabled || l.disabled,
-              minimal: e.minimal,
-              class: a({ "my-2": l.divider }),
-              onClick: o[4] || (o[4] = (n) => e.$emit("item-click")),
-              onActive: o[5] || (o[5] = (n) => e.$emit("expand"))
-            }, null, 8, ["item", "rounded", "color", "filled", "size", "disabled", "minimal", "class"]))
-          ], 64))
-        ], 64))), 128))
-      ], 6)) : M("", !0);
-    };
-  }
-});
-export {
-  G as default
-};

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

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

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

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