@echolab-auto/echo-prodoc 0.1.0

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismTextarea-hf4f9EM1.js

@@ -0,0 +1,126 @@
+import { defineComponent as E, useAttrs as I, computed as d, ref as A, onMounted as K, watch as L, nextTick as T, openBlock as h, createElementBlock as g, normalizeStyle as j, unref as r, normalizeClass as y, createVNode as x, createElementVNode as c, mergeProps as H, toDisplayString as v, createCommentVNode as M } from "vue";
+import { useFormField as P } from "../composables/useFormField.js";
+import { u as $ } from "./createComponent-jnXBYqCm.js";
+import { N as D } from "./NeumorphismFieldLabel-CBF1nZs1.js";
+import { N as O } from "./NeumorphismFieldError-BxamHjhs.js";
+import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismTextarea.css';const J = ["id", "value", "placeholder", "disabled", "readonly", "required", "maxlength", "minlength", "rows", "name", "inputmode", "aria-invalid", "aria-errormessage"], Q = { class: "nm-textarea__footer" }, U = {
+  key: 0,
+  class: "nm-textarea__count"
+}, W = /* @__PURE__ */ E({
+  inheritAttrs: !1,
+  __name: "NeumorphismTextarea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    maxlength: {},
+    minlength: {},
+    label: {},
+    error: { type: [String, Boolean] },
+    name: {},
+    id: {},
+    inputmode: {},
+    rows: { default: 4 },
+    autoResize: { type: Boolean, default: !1 },
+    showCount: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown", "enter"],
+  setup(e, { emit: p }) {
+    const t = e, o = p, s = I(), b = d(() => {
+      const a = {};
+      for (const l of Object.keys(s))
+        l !== "class" && l !== "style" && (a[l] = s[l]);
+      return a;
+    }), { config: w, resolveProp: z } = $(), N = d(() => {
+      var a;
+      return z(t.size, (a = w.value.textarea) == null ? void 0 : a.size, "medium");
+    }), { fieldId: i, errorMessage: f, baseClassList: k, handleFocus: B, handleBlur: V } = P(() => ({
+      id: t.id,
+      size: N.value,
+      disabled: t.disabled,
+      error: t.error,
+      prefix: "textarea"
+    })), n = A(), C = d(() => {
+      var a;
+      return ((a = t.modelValue) == null ? void 0 : a.length) || 0;
+    }), q = d(() => [
+      ...k("nm-textarea").value,
+      {
+        "nm-textarea--readonly": t.readonly,
+        "nm-textarea--has-label": !!t.label
+      }
+    ]);
+    function u() {
+      !t.autoResize || !n.value || (n.value.style.height = "auto", n.value.style.height = n.value.scrollHeight + "px");
+    }
+    function F(a) {
+      const l = a.target;
+      o("update:modelValue", l.value), o("input", a), u();
+    }
+    function R(a) {
+      o("change", a);
+    }
+    function S(a) {
+      o("keydown", a), a.key === "Enter" && !a.shiftKey && o("enter", t.modelValue);
+    }
+    return K(() => {
+      u();
+    }), L(
+      () => t.modelValue,
+      () => {
+        t.autoResize && T(u);
+      }
+    ), (a, l) => (h(), g("div", {
+      class: y(["nm-textarea__wrapper", r(s).class]),
+      style: j(r(s).style)
+    }, [
+      x(D, {
+        label: e.label,
+        required: e.required,
+        "for-id": r(i)
+      }, null, 8, ["label", "required", "for-id"]),
+      c("div", {
+        class: y(q.value)
+      }, [
+        c("textarea", H({
+          id: r(i),
+          ref_key: "textareaRef",
+          ref: n,
+          class: ["nm-textarea__field", { "nm-textarea__field--auto-resize": e.autoResize }],
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          required: e.required,
+          maxlength: e.maxlength,
+          minlength: e.minlength,
+          rows: e.rows,
+          name: e.name,
+          inputmode: e.inputmode,
+          "aria-invalid": !!e.error,
+          "aria-errormessage": r(f) ? `${r(i)}-error` : void 0
+        }, b.value, {
+          onInput: F,
+          onChange: R,
+          onFocus: l[0] || (l[0] = (m) => r(B)(m, o)),
+          onBlur: l[1] || (l[1] = (m) => r(V)(m, o)),
+          onKeydown: S
+        }), null, 16, J)
+      ], 2),
+      c("div", Q, [
+        x(O, {
+          id: `${r(i)}-error`,
+          message: r(f)
+        }, null, 8, ["id", "message"]),
+        e.showCount && e.maxlength ? (h(), g("span", U, v(C.value) + " / " + v(e.maxlength), 1)) : M("", !0)
+      ])
+    ], 6));
+  }
+}), te = /* @__PURE__ */ G(W, [["__scopeId", "data-v-c2f45776"]]);
+export {
+  te as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismThemeToggle-B-lky48G.js

@@ -0,0 +1,144 @@
+import { defineComponent as x, computed as u, watch as T, openBlock as o, createElementBlock as s, unref as C, normalizeClass as v, Fragment as y, renderList as V, createElementVNode as r, createCommentVNode as m, toDisplayString as z } from "vue";
+import { useTheme as B } from "../composables/useTheme.js";
+import { useLocale as M } from "../composables/useLocale.js";
+import { u as A } from "./createComponent-jnXBYqCm.js";
+import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismThemeToggle.css';const L = ["aria-label"], D = ["aria-pressed", "disabled", "onClick"], S = {
+  key: 0,
+  class: "nm-theme-toggle__icon",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, E = {
+  key: 1,
+  class: "nm-theme-toggle__icon",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, $ = {
+  key: 2,
+  class: "nm-theme-toggle__icon",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, j = {
+  key: 3,
+  class: "nm-theme-toggle__label"
+}, F = /* @__PURE__ */ x({
+  __name: "NeumorphismThemeToggle",
+  props: {
+    modelValue: { default: "auto" },
+    size: { default: "medium" },
+    disableAuto: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: f }) {
+    const n = a, { config: c, resolveProp: g } = A(), p = u(
+      () => {
+        var e;
+        return g(n.size, (e = c.value.themeToggle) == null ? void 0 : e.size, "medium");
+      }
+    ), k = u(
+      () => {
+        var e;
+        return g(n.disableAuto, (e = c.value.themeToggle) == null ? void 0 : e.disableAuto, !1);
+      }
+    ), h = f, { t: i } = M(), b = u(() => {
+      const e = [
+        { value: "light", label: i("themeToggleLight") },
+        { value: "auto", label: i("themeToggleAuto") },
+        { value: "dark", label: i("themeToggleDark") }
+      ];
+      return k.value ? e.filter((t) => t.value !== "auto") : e;
+    }), d = B();
+    T(
+      () => n.modelValue,
+      (e) => {
+        e !== d.theme.value && d.setTheme(e);
+      },
+      { immediate: !0 }
+    );
+    const w = u(() => [
+      "nm-theme-toggle",
+      `nm-theme-toggle--${p.value}`,
+      {
+        "nm-theme-toggle--disabled": n.disabled
+      }
+    ]);
+    function _(e) {
+      n.disabled || e !== n.modelValue && (d.setTheme(e), h("update:modelValue", e), h("change", e));
+    }
+    return (e, t) => (o(), s("div", {
+      class: v(w.value),
+      role: "radiogroup",
+      "aria-label": C(i)("themeToggleLabel")
+    }, [
+      (o(!0), s(y, null, V(b.value, (l) => (o(), s("button", {
+        key: l.value,
+        type: "button",
+        class: v(["nm-theme-toggle__btn", {
+          "nm-theme-toggle__btn--active": a.modelValue === l.value
+        }]),
+        "aria-pressed": a.modelValue === l.value,
+        disabled: a.disabled,
+        onClick: (I) => _(l.value)
+      }, [
+        l.value === "light" ? (o(), s("svg", S, [...t[0] || (t[0] = [
+          r("circle", {
+            cx: "12",
+            cy: "12",
+            r: "4",
+            fill: "currentColor"
+          }, null, -1),
+          r("path", {
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            d: "M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32 1.41 1.41M2 12h2m16 0h2M4.93 19.07l1.41-1.41m11.32-11.32 1.41-1.41"
+          }, null, -1)
+        ])])) : m("", !0),
+        l.value === "auto" ? (o(), s("svg", E, [...t[1] || (t[1] = [
+          r("rect", {
+            x: "2",
+            y: "3",
+            width: "20",
+            height: "14",
+            rx: "2",
+            stroke: "currentColor",
+            "stroke-width": "2"
+          }, null, -1),
+          r("path", {
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            d: "M8 21h8m-4-4v4"
+          }, null, -1),
+          r("path", {
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M12 9v3l2 1.5"
+          }, null, -1),
+          r("circle", {
+            cx: "12",
+            cy: "12",
+            r: "1",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : m("", !0),
+        l.value === "dark" ? (o(), s("svg", $, [...t[2] || (t[2] = [
+          r("path", {
+            fill: "currentColor",
+            d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"
+          }, null, -1)
+        ])])) : m("", !0),
+        a.size !== "small" ? (o(), s("span", j, z(l.label), 1)) : m("", !0)
+      ], 10, D))), 128))
+    ], 10, L));
+  }
+}), K = /* @__PURE__ */ N(F, [["__scopeId", "data-v-1569a903"]]);
+export {
+  K as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismToastProvider-CJvxNDwJ.js

@@ -0,0 +1,132 @@
+import { defineComponent as y, computed as l, openBlock as r, createBlock as M, Teleport as L, createElementVNode as e, normalizeClass as p, createVNode as b, TransitionGroup as B, withCtx as N, createElementBlock as n, Fragment as T, renderList as P, unref as u, renderSlot as $, toDisplayString as S, createCommentVNode as V } from "vue";
+import { useToast as z } from "../composables/useToast.js";
+import { useLocale as E } from "../composables/useLocale.js";
+import { u as A } from "./createComponent-jnXBYqCm.js";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismToastProvider.css';const F = { class: "nm-toast__icon" }, G = {
+  key: 0,
+  width: "18",
+  height: "18",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, I = {
+  key: 1,
+  width: "18",
+  height: "18",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, j = {
+  key: 2,
+  width: "18",
+  height: "18",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, q = {
+  key: 3,
+  width: "18",
+  height: "18",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, H = { class: "nm-toast__message" }, J = ["aria-label", "onClick"], K = /* @__PURE__ */ y({
+  __name: "NeumorphismToastProvider",
+  props: {
+    position: { default: "top-right" },
+    maxCount: { default: 5 },
+    closeLabel: { default: "" }
+  },
+  setup(v, { expose: h }) {
+    const i = v, { config: d, resolveProp: m } = A(), k = l(
+      () => {
+        var s;
+        return m(i.position, (s = d.value.toast) == null ? void 0 : s.position, "top-right");
+      }
+    ), _ = l(
+      () => {
+        var s;
+        return m(i.maxCount, (s = d.value.toast) == null ? void 0 : s.maxCount, 5);
+      }
+    ), { t: f } = E(), g = l(() => i.closeLabel || f("toastClose")), { toasts: c, addToast: C, removeToast: a, clearAll: w } = z({
+      maxCount: _.value
+    });
+    h({ addToast: C, removeToast: a, clearAll: w, toasts: c });
+    const x = l(() => [
+      "nm-toast-container",
+      `nm-toast-container--${k.value}`
+    ]);
+    return (s, o) => (r(), M(L, { to: "body" }, [
+      e("div", {
+        class: p(x.value),
+        "aria-live": "polite",
+        "aria-atomic": "false"
+      }, [
+        b(B, { name: "nm-toast-list" }, {
+          default: N(() => [
+            (r(!0), n(T, null, P(u(c), (t) => $(s.$slots, "toast-item", {
+              key: t.id,
+              toast: t,
+              remove: () => u(a)(t.id)
+            }, () => [
+              e("div", {
+                class: p(["nm-toast", [`nm-toast--${t.type}`, { "nm-toast--leaving": t.leaving }]]),
+                role: "status"
+              }, [
+                e("span", F, [
+                  t.type === "success" ? (r(), n("svg", G, [...o[0] || (o[0] = [
+                    e("path", { d: "M5 13l4 4L19 7" }, null, -1)
+                  ])])) : t.type === "error" ? (r(), n("svg", I, [...o[1] || (o[1] = [
+                    e("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10"
+                    }, null, -1),
+                    e("path", { d: "M15 9l-6 6M9 9l6 6" }, null, -1)
+                  ])])) : t.type === "warning" ? (r(), n("svg", j, [...o[2] || (o[2] = [
+                    e("path", { d: "M12 2L2 22h20L12 2zM12 9v4M12 17v1" }, null, -1)
+                  ])])) : (r(), n("svg", q, [...o[3] || (o[3] = [
+                    e("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10"
+                    }, null, -1),
+                    e("path", { d: "M12 16v-4M12 8v-1" }, null, -1)
+                  ])]))
+                ]),
+                e("span", H, S(t.message), 1),
+                t.closable ? (r(), n("button", {
+                  key: 0,
+                  class: "nm-toast__close",
+                  "aria-label": g.value,
+                  type: "button",
+                  onClick: (O) => u(a)(t.id)
+                }, [...o[4] || (o[4] = [
+                  e("svg", {
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    e("path", { d: "M18 6L6 18M6 6l12 12" })
+                  ], -1)
+                ])], 8, J)) : V("", !0)
+              ], 2)
+            ], !0)), 128))
+          ]),
+          _: 3
+        })
+      ], 2)
+    ]));
+  }
+}), Y = /* @__PURE__ */ D(K, [["__scopeId", "data-v-57965a01"]]);
+export {
+  Y as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismTooltip-DEac8yVH.js

@@ -0,0 +1,116 @@
+import { defineComponent as S, useCssVars as W, computed as s, ref as $, watch as z, nextTick as E, openBlock as C, createElementBlock as N, unref as n, normalizeClass as T, renderSlot as x, createVNode as H, Transition as K, withCtx as R, createElementVNode as V, createTextVNode as D, toDisplayString as F, createCommentVNode as q } from "vue";
+import { useTooltip as I } from "../composables/useTooltip.js";
+import { u as O } from "./createComponent-jnXBYqCm.js";
+import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismTooltip.css';const A = ["aria-hidden"], G = { class: "nm-tooltip__content" }, J = /* @__PURE__ */ S({
+  __name: "NeumorphismTooltip",
+  props: {
+    content: {},
+    position: { default: "top" },
+    trigger: { default: "hover" },
+    disabled: { type: Boolean, default: !1 },
+    offset: { default: 8 },
+    delay: { default: 150 }
+  },
+  setup(u) {
+    W((o) => ({
+      d310ce7a: M.value
+    }));
+    const l = u, { config: v, resolveProp: f } = O(), r = s(
+      () => {
+        var o;
+        return f(l.position, (o = v.value.tooltip) == null ? void 0 : o.position, "top");
+      }
+    ), i = s(
+      () => {
+        var o;
+        return f(l.trigger, (o = v.value.tooltip) == null ? void 0 : o.trigger, "hover");
+      }
+    ), a = s(() => {
+      var o;
+      return f(l.offset, (o = v.value.tooltip) == null ? void 0 : o.offset, 8);
+    }), B = s(() => {
+      var o;
+      return f(l.delay, (o = v.value.tooltip) == null ? void 0 : o.delay, 150);
+    }), {
+      isVisible: d,
+      show: c,
+      hide: w,
+      toggle: L,
+      handleKeydown: g
+    } = I({
+      disabled: s(() => l.disabled),
+      delay: B.value
+    }), M = s(() => `${a.value}px`), y = $(), p = $(r.value);
+    function b() {
+      const o = y.value;
+      if (!o || typeof window > "u") return r.value;
+      const e = o.getBoundingClientRect(), t = o.querySelector(".nm-tooltip"), h = (t == null ? void 0 : t.offsetHeight) ?? 40, k = (t == null ? void 0 : t.offsetWidth) ?? 120;
+      switch (r.value) {
+        case "top":
+          if (e.top < h + a.value + 8) return "bottom";
+          break;
+        case "bottom":
+          if (e.bottom + h + a.value + 8 > window.innerHeight) return "top";
+          break;
+        case "left":
+          if (e.left < k + a.value + 8) return "right";
+          break;
+        case "right":
+          if (e.right + k + a.value + 8 > window.innerWidth) return "left";
+          break;
+      }
+      return r.value;
+    }
+    function m() {
+      d.value && (p.value = b());
+    }
+    z(d, (o) => {
+      o ? E(() => {
+        p.value = b(), typeof window < "u" && (window.addEventListener("scroll", m, { passive: !0 }), window.addEventListener("resize", m));
+      }) : (p.value = r.value, typeof window < "u" && (window.removeEventListener("scroll", m), window.removeEventListener("resize", m)));
+    });
+    const P = s(() => [
+      "nm-tooltip",
+      `nm-tooltip--${p.value}`,
+      { "nm-tooltip--visible": d.value }
+    ]);
+    return (o, e) => (C(), N("div", {
+      ref_key: "triggerRef",
+      ref: y,
+      class: T(["nm-tooltip-wrapper", { "nm-tooltip-wrapper--disabled": u.disabled }]),
+      onMouseenter: e[2] || (e[2] = (t) => i.value === "hover" ? n(c)() : void 0),
+      onMouseleave: e[3] || (e[3] = (t) => i.value === "hover" ? n(w)() : void 0),
+      onClick: e[4] || (e[4] = (t) => i.value === "click" ? n(L)() : void 0),
+      onFocusin: e[5] || (e[5] = (t) => i.value === "focus" ? n(c)() : void 0),
+      onFocusout: e[6] || (e[6] = (t) => i.value === "focus" ? n(w)() : void 0),
+      onKeydown: e[7] || (e[7] = //@ts-ignore
+      (...t) => n(g) && n(g)(...t))
+    }, [
+      x(o.$slots, "default", {}, void 0, !0),
+      H(K, { name: "nm-tooltip-fade" }, {
+        default: R(() => [
+          n(d) && (u.content || o.$slots.content) ? (C(), N("div", {
+            key: 0,
+            class: T(P.value),
+            role: "tooltip",
+            "aria-hidden": !n(d),
+            onMouseenter: e[0] || (e[0] = (t) => i.value === "hover" ? n(c)() : void 0),
+            onMouseleave: e[1] || (e[1] = (t) => i.value === "hover" ? n(w)() : void 0)
+          }, [
+            e[8] || (e[8] = V("span", { class: "nm-tooltip__arrow" }, null, -1)),
+            V("span", G, [
+              x(o.$slots, "content", {}, () => [
+                D(F(u.content), 1)
+              ], !0)
+            ])
+          ], 42, A)) : q("", !0)
+        ]),
+        _: 3
+      })
+    ], 34));
+  }
+}), Z = /* @__PURE__ */ j(J, [["__scopeId", "data-v-f2e8bc1c"]]);
+export {
+  Z as N
+};