@echolab-auto/echo-prodoc 0.1.0

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismAutoComplete-DI9cIsCr.js

@@ -0,0 +1,255 @@
+import { defineComponent as ee, computed as a, ref as B, watch as M, nextTick as V, onBeforeUnmount as te, openBlock as n, createElementBlock as i, normalizeClass as _, createVNode as O, unref as u, withCtx as R, createElementVNode as l, withModifiers as b, createCommentVNode as k, createBlock as oe, Teleport as ne, Transition as le, normalizeStyle as ae, Fragment as ie, renderList as ue, toDisplayString as se } from "vue";
+import { useAutoComplete as de } from "../composables/useAutoComplete.js";
+import { u as re } from "./createComponent-jnXBYqCm.js";
+import { N as ce } from "./NeumorphismInput-CV0AQcff.js";
+import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismAutoComplete.css';const me = { class: "nm-autocomplete__suffix" }, fe = {
+  key: 1,
+  class: "nm-autocomplete__spinner",
+  "aria-hidden": "true"
+}, ve = ["aria-selected", "aria-disabled", "onClick"], he = ["innerHTML"], we = {
+  key: 1,
+  class: "nm-autocomplete__empty"
+}, ge = {
+  key: 2,
+  class: "nm-autocomplete__loading"
+}, _e = /* @__PURE__ */ ee({
+  __name: "NeumorphismAutoComplete",
+  props: {
+    modelValue: { default: void 0 },
+    options: { default: () => [] },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    clearable: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 },
+    label: {},
+    debounce: { default: 300 },
+    searchFn: {}
+  },
+  emits: ["update:modelValue", "select", "search", "focus", "blur"],
+  setup(m, { emit: T }) {
+    const s = m, r = T, { resolveProp: $ } = re(), E = a(
+      () => $(s.size, void 0, "medium")
+    ), L = a({
+      get: () => s.modelValue,
+      set: (e) => {
+        r("update:modelValue", e);
+      }
+    }), y = a(() => s.loading), {
+      inputValue: c,
+      isOpen: d,
+      filteredOptions: N,
+      activeIndex: h,
+      highlightMatch: A,
+      selectOption: D,
+      handleKeydown: K,
+      handleInput: P,
+      open: H,
+      close: C,
+      cleanupTimers: U
+    } = de({
+      modelValue: L,
+      options: a(() => s.options),
+      searchFn: s.searchFn,
+      loading: y,
+      debounceMs: s.debounce
+    }), w = B(), p = B(), g = B({ top: 0, left: 0, width: 0 });
+    function f() {
+      if (!w.value || typeof window > "u") return;
+      const e = w.value.getBoundingClientRect();
+      g.value = {
+        top: e.bottom + window.scrollY + 4,
+        left: e.left + window.scrollX,
+        width: e.width
+      };
+    }
+    M(d, (e) => {
+      e ? (V(f), typeof window < "u" && (window.addEventListener("scroll", f, !0), window.addEventListener("resize", f))) : typeof window < "u" && (window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f));
+    });
+    function S(e) {
+      var o, v;
+      if (!d.value || s.disabled) return;
+      const t = e.target;
+      (o = w.value) != null && o.contains(t) || (v = p.value) != null && v.contains(t) || C();
+    }
+    function q() {
+      typeof document < "u" && document.addEventListener("click", S, !0);
+    }
+    function z() {
+      typeof document < "u" && document.removeEventListener("click", S, !0);
+    }
+    M(d, (e) => {
+      e ? V(q) : z();
+    }), te(() => {
+      z(), U();
+    }), M(h, (e) => {
+      !p.value || e < 0 || V(() => {
+        var o;
+        const t = (o = p.value) == null ? void 0 : o.querySelector(
+          ".nm-autocomplete__option--active"
+        );
+        t && t.scrollIntoView({ block: "nearest" });
+      });
+    });
+    const X = a(() => ({
+      position: "fixed",
+      top: `${g.value.top}px`,
+      left: `${g.value.left}px`,
+      width: `${g.value.width}px`
+    }));
+    function Y(e) {
+      D(e), r("select", e);
+    }
+    function j(e) {
+      K(e);
+    }
+    function G(e) {
+      r("focus", e), !d.value && c.value.length > 0 && H();
+    }
+    function J(e) {
+      setTimeout(() => {
+        p.value && document.activeElement && p.value.contains(document.activeElement) || (r("blur", e), C());
+      }, 150);
+    }
+    function Q() {
+      c.value = "", L.value = void 0, h.value = -1, r("update:modelValue", void 0), r("search", ""), C();
+    }
+    function W(e) {
+      r("search", e), P(e);
+    }
+    const Z = a(() => [
+      "nm-autocomplete",
+      `nm-autocomplete--${E.value}`,
+      {
+        "nm-autocomplete--disabled": s.disabled,
+        "nm-autocomplete--open": d.value,
+        "nm-autocomplete--has-value": c.value.length > 0
+      }
+    ]), I = a(() => N.value.length > 0), F = a(
+      () => !I.value && c.value.trim().length > 0 && !y.value
+    ), x = a(() => y.value);
+    return (e, t) => (n(), i("div", {
+      ref_key: "triggerRef",
+      ref: w,
+      class: _(Z.value)
+    }, [
+      O(ce, {
+        "model-value": u(c),
+        label: m.label,
+        placeholder: m.placeholder,
+        disabled: m.disabled,
+        size: E.value,
+        autocomplete: "off",
+        role: "combobox",
+        "aria-expanded": u(d),
+        "aria-haspopup": "listbox",
+        "aria-autocomplete": "list",
+        "onUpdate:modelValue": W,
+        onFocus: G,
+        onBlur: J,
+        onKeydown: j
+      }, {
+        suffix: R(() => [
+          l("div", me, [
+            m.clearable && u(c).length > 0 && !x.value ? (n(), i("button", {
+              key: 0,
+              class: "nm-autocomplete__clear",
+              type: "button",
+              "aria-label": "Clear",
+              onMousedown: t[0] || (t[0] = b(() => {
+              }, ["prevent"])),
+              onClick: b(Q, ["stop"])
+            }, [...t[2] || (t[2] = [
+              l("svg", {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                l("path", { d: "M18 6L6 18M6 6l12 12" })
+              ], -1)
+            ])], 32)) : k("", !0),
+            x.value ? (n(), i("span", fe, [...t[3] || (t[3] = [
+              l("svg", {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                l("path", { d: "M12 2a10 10 0 1 0 10 10" })
+              ], -1)
+            ])])) : k("", !0),
+            (n(), i("svg", {
+              class: _(["nm-autocomplete__arrow", { "nm-autocomplete__arrow--open": u(d) }]),
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            }, [...t[4] || (t[4] = [
+              l("path", { d: "M6 9l6 6 6-6" }, null, -1)
+            ])], 2))
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "label", "placeholder", "disabled", "size", "aria-expanded"]),
+      (n(), oe(ne, { to: "body" }, [
+        O(le, { name: "nm-autocomplete-dropdown" }, {
+          default: R(() => [
+            u(d) ? (n(), i("div", {
+              key: 0,
+              ref_key: "dropdownRef",
+              ref: p,
+              class: _(["nm-autocomplete__dropdown", { "nm-autocomplete__dropdown--empty": F.value }]),
+              role: "listbox",
+              style: ae(X.value)
+            }, [
+              I.value ? (n(!0), i(ie, { key: 0 }, ue(u(N), (o, v) => (n(), i("div", {
+                key: o.value,
+                class: _(["nm-autocomplete__option", {
+                  "nm-autocomplete__option--active": v === u(h),
+                  "nm-autocomplete__option--disabled": o.disabled
+                }]),
+                role: "option",
+                "aria-selected": v === u(h),
+                "aria-disabled": o.disabled,
+                onMousedown: t[1] || (t[1] = b(() => {
+                }, ["prevent"])),
+                onClick: b((be) => Y(o), ["stop"])
+              }, [
+                l("span", {
+                  class: "nm-autocomplete__option-label",
+                  innerHTML: u(A)(o.label)
+                }, null, 8, he)
+              ], 42, ve))), 128)) : F.value ? (n(), i("div", we, se("No matching results"))) : x.value ? (n(), i("div", ge, [...t[5] || (t[5] = [
+                l("svg", {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  class: "nm-autocomplete__loading-icon"
+                }, [
+                  l("path", { d: "M12 2a10 10 0 1 0 10 10" })
+                ], -1),
+                l("span", null, "Searching…", -1)
+              ])])) : k("", !0)
+            ], 6)) : k("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 2));
+  }
+}), Me = /* @__PURE__ */ pe(_e, [["__scopeId", "data-v-0a06b477"]]);
+export {
+  Me as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismAvatar-D7pr7n61.js

@@ -0,0 +1,65 @@
+import { defineComponent as b, computed as s, ref as g, watch as z, openBlock as r, createElementBlock as l, unref as C, normalizeClass as N, renderSlot as S, createTextVNode as y, toDisplayString as m } from "vue";
+import { useLocale as $ } from "../composables/useLocale.js";
+import { u as A } from "./createComponent-jnXBYqCm.js";
+import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismAvatar.css';const I = ["aria-label"], w = ["src", "alt"], x = {
+  key: 1,
+  class: "nm-avatar__fallback nm-avatar__icon"
+}, B = {
+  key: 2,
+  class: "nm-avatar__fallback"
+}, L = /* @__PURE__ */ b({
+  __name: "NeumorphismAvatar",
+  props: {
+    src: {},
+    alt: {},
+    size: { default: "medium" },
+    shape: { default: "circle" },
+    initials: {},
+    icon: {}
+  },
+  emits: ["error"],
+  setup(t, { emit: u }) {
+    const a = t, { config: n, resolveProp: c } = A(), v = s(() => {
+      var e;
+      return c(a.size, (e = n.value.avatar) == null ? void 0 : e.size, "medium");
+    }), f = s(() => {
+      var e;
+      return c(a.shape, (e = n.value.avatar) == null ? void 0 : e.shape, "circle");
+    }), p = u, { t: d } = $(), h = s(() => !!a.src), o = g(!1);
+    z(
+      () => a.src,
+      () => {
+        o.value = !1;
+      }
+    );
+    function _() {
+      o.value = !0, p("error");
+    }
+    const k = s(() => [
+      "nm-avatar",
+      `nm-avatar--${v.value}`,
+      `nm-avatar--${f.value}`
+    ]), i = s(() => a.initials ? a.initials.slice(0, 2).toUpperCase() : a.alt ? a.alt.slice(0, 1).toUpperCase() : "?");
+    return (e, U) => (r(), l("div", {
+      class: N(k.value),
+      role: "img",
+      "aria-label": t.alt || t.initials || C(d)("badgeAvatar")
+    }, [
+      h.value && !o.value ? (r(), l("img", {
+        key: 0,
+        src: t.src,
+        alt: t.alt || "",
+        class: "nm-avatar__img",
+        onError: _
+      }, null, 40, w)) : t.icon || e.$slots.fallback ? (r(), l("span", x, [
+        S(e.$slots, "fallback", {}, () => [
+          y(m(i.value), 1)
+        ], !0)
+      ])) : (r(), l("span", B, m(i.value), 1))
+    ], 10, I));
+  }
+}), V = /* @__PURE__ */ E(L, [["__scopeId", "data-v-bad10d1a"]]);
+export {
+  V as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismBadge-Br8ESUFf.js

@@ -0,0 +1,64 @@
+import { defineComponent as _, computed as o, openBlock as s, createElementBlock as u, normalizeClass as f, renderSlot as h, normalizeStyle as N, toDisplayString as y, createCommentVNode as p } from "vue";
+import { useLocale as x } from "../composables/useLocale.js";
+import { u as S } from "./createComponent-jnXBYqCm.js";
+import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismBadge.css';const k = ["aria-label"], w = {
+  key: 0,
+  class: "nm-badge__text",
+  "aria-hidden": "true"
+}, C = /* @__PURE__ */ _({
+  __name: "NeumorphismBadge",
+  props: {
+    value: {},
+    max: { default: 99 },
+    dot: { type: Boolean, default: !1 },
+    color: {},
+    showZero: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const a = l, { config: r, resolveProp: n } = S(), d = o(() => {
+      var e;
+      return n(a.max, (e = r.value.badge) == null ? void 0 : e.max, 99);
+    }), t = o(() => {
+      var e;
+      return n(a.dot, (e = r.value.badge) == null ? void 0 : e.dot, !1);
+    }), c = o(
+      () => {
+        var e;
+        return n(a.showZero, (e = r.value.badge) == null ? void 0 : e.showZero, !1);
+      }
+    ), i = o(() => {
+      if (t.value) return "";
+      const e = Number(a.value);
+      return isNaN(e) ? String(a.value || "") : e <= 0 && !c.value ? "" : e > d.value ? `${d.value}+` : String(e);
+    }), m = o(() => {
+      if (t.value) return a.value == null || a.value === "";
+      const e = Number(a.value);
+      return (isNaN(e) || e <= 0) && !c.value;
+    }), { t: v } = x(), b = o(
+      () => a.dot ? v("badgeOnline") : v("badgeUnread", { count: i.value })
+    ), g = o(() => [
+      "nm-badge",
+      {
+        "nm-badge--dot": t.value,
+        "nm-badge--hidden": m.value
+      }
+    ]);
+    return (e, Z) => (s(), u("div", {
+      class: f(g.value)
+    }, [
+      h(e.$slots, "default", {}, void 0, !0),
+      m.value ? p("", !0) : (s(), u("sup", {
+        key: 0,
+        class: f(["nm-badge__content", { "nm-badge__content--dot": t.value }]),
+        style: N(l.color ? { backgroundColor: l.color } : void 0),
+        "aria-label": b.value
+      }, [
+        t.value ? p("", !0) : (s(), u("span", w, y(i.value), 1))
+      ], 14, k))
+    ], 2));
+  }
+}), $ = /* @__PURE__ */ B(C, [["__scopeId", "data-v-11fb0f9f"]]);
+export {
+  $ as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismBreadcrumb-PeUQHAqO.js

@@ -0,0 +1,58 @@
+import { defineComponent as y, computed as l, openBlock as s, createElementBlock as n, unref as N, normalizeClass as o, createElementVNode as d, Fragment as z, renderList as w, withKeys as u, withModifiers as B, toDisplayString as b, createCommentVNode as L } from "vue";
+import { useLocale as $ } from "../composables/useLocale.js";
+import { u as K } from "./createComponent-jnXBYqCm.js";
+import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismBreadcrumb.css';const E = ["aria-label"], V = { class: "nm-breadcrumb__list" }, D = ["aria-current"], F = ["role", "tabindex", "onClick", "onKeydown"], I = {
+  key: 0,
+  class: "nm-breadcrumb__separator",
+  "aria-hidden": "true"
+}, M = /* @__PURE__ */ y({
+  __name: "NeumorphismBreadcrumb",
+  props: {
+    items: { default: () => [] },
+    separator: { default: "/" },
+    size: { default: "medium" }
+  },
+  emits: ["itemClick"],
+  setup(t, { emit: h }) {
+    const _ = t, { config: f, resolveProp: v } = K(), p = l(
+      () => {
+        var a;
+        return v(_.size, (a = f.value.breadcrumb) == null ? void 0 : a.size, "medium");
+      }
+    ), { t: k } = $(), g = h, C = l(() => ["nm-breadcrumb", `nm-breadcrumb--${p.value}`]);
+    function m(a, c) {
+      a.disabled || g("itemClick", a, c);
+    }
+    return (a, c) => (s(), n("nav", {
+      class: o(C.value),
+      "aria-label": N(k)("breadcrumbLabel")
+    }, [
+      d("ol", V, [
+        (s(!0), n(z, null, w(t.items, (r, e) => (s(), n("li", {
+          key: e,
+          class: o(["nm-breadcrumb__item", {
+            "nm-breadcrumb__item--active": e === t.items.length - 1,
+            "nm-breadcrumb__item--disabled": r.disabled
+          }]),
+          "aria-current": e === t.items.length - 1 ? "page" : void 0
+        }, [
+          d("span", {
+            class: o(["nm-breadcrumb__text", { "nm-breadcrumb__text--link": e !== t.items.length - 1 && !r.disabled }]),
+            role: e !== t.items.length - 1 ? "link" : void 0,
+            tabindex: e !== t.items.length - 1 && !r.disabled ? 0 : -1,
+            onClick: (i) => m(r, e),
+            onKeydown: [
+              u((i) => m(r, e), ["enter"]),
+              u(B((i) => m(r, e), ["prevent"]), ["space"])
+            ]
+          }, b(r.label), 43, F),
+          e < t.items.length - 1 ? (s(), n("span", I, b(t.separator), 1)) : L("", !0)
+        ], 10, D))), 128))
+      ])
+    ], 10, E));
+  }
+}), G = /* @__PURE__ */ S(M, [["__scopeId", "data-v-f1965bdc"]]);
+export {
+  G as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismButton-CiIrdqlV.js

@@ -0,0 +1,81 @@
+import { defineComponent as h, computed as a, openBlock as i, createElementBlock as r, normalizeClass as u, setBlockTracking as d, createElementVNode as m, createCommentVNode as y, renderSlot as B } from "vue";
+import { useConfig as C } from "../composables/useConfig.js";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismButton.css';const x = ["type", "form", "disabled", "aria-label", "aria-busy"], z = {
+  key: 0,
+  class: "nm-button__spinner"
+}, N = /* @__PURE__ */ h({
+  __name: "NeumorphismButton",
+  props: {
+    variant: { default: "raised" },
+    size: { default: "medium" },
+    shape: { default: "rounded" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    type: { default: "button" },
+    form: {},
+    ariaLabel: {}
+  },
+  emits: ["click"],
+  setup(t, { emit: c }) {
+    const n = t, s = C(), b = a(() => {
+      var e;
+      return n.variant ?? ((e = s.value.button) == null ? void 0 : e.variant) ?? "raised";
+    }), f = a(() => {
+      var e;
+      return n.size ?? ((e = s.value.button) == null ? void 0 : e.size) ?? "medium";
+    }), v = a(() => {
+      var e;
+      return n.shape ?? ((e = s.value.button) == null ? void 0 : e.shape) ?? "rounded";
+    }), p = c, l = a(() => n.disabled || n.loading), g = a(() => [
+      "nm-button",
+      `nm-button--${b.value}`,
+      `nm-button--${f.value}`,
+      `nm-button--${v.value}`,
+      {
+        "nm-button--disabled": l.value,
+        "nm-button--loading": n.loading
+      }
+    ]);
+    function k(e) {
+      l.value || p("click", e);
+    }
+    return (e, o) => (i(), r("button", {
+      class: u(g.value),
+      type: t.type,
+      form: t.form,
+      disabled: l.value,
+      "aria-label": t.ariaLabel,
+      "aria-busy": t.loading ? !0 : void 0,
+      onClick: k
+    }, [
+      t.loading ? (i(), r("span", z, [
+        o[0] || (d(-1, !0), (o[0] = (i(), r("svg", {
+          class: "nm-button__spinner-svg",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          o[1] || (o[1] = m("circle", {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            "stroke-width": "3",
+            "stroke-linecap": "round",
+            "stroke-dasharray": "31.42",
+            "stroke-dashoffset": "10"
+          }, null, -1))
+        ]))).cacheIndex = 0, d(1), o[0])
+      ])) : y("", !0),
+      m("span", {
+        class: u(["nm-button__content", { "nm-button__content--hidden": t.loading }])
+      }, [
+        B(e.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 10, x));
+  }
+}), S = /* @__PURE__ */ w(N, [["__scopeId", "data-v-14c068f1"]]);
+export {
+  S as N
+};