@echolab-auto/echo-prodoc 0.1.0

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismCanvas-CBLkbovI.js

@@ -0,0 +1,176 @@
+import { defineComponent as Z, computed as n, openBlock as v, createElementBlock as p, normalizeStyle as c, normalizeClass as M, createElementVNode as e, unref as u, toDisplayString as B, renderSlot as h, createCommentVNode as N } from "vue";
+import { useLocale as V } from "../composables/useLocale.js";
+import { u as G } from "./createComponent-jnXBYqCm.js";
+import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismCanvas.css';const I = {
+  key: 0,
+  class: "nm-canvas__toolbar"
+}, L = { class: "nm-canvas__controls" }, O = ["aria-label", "disabled"], P = { class: "nm-canvas__zoom-text" }, j = ["aria-label", "disabled"], E = ["aria-label"], F = { class: "nm-canvas__viewport" }, D = /* @__PURE__ */ Z({
+  __name: "NeumorphismCanvas",
+  props: {
+    modelValue: { default: 1 },
+    minZoom: { default: 0.1 },
+    maxZoom: { default: 5 },
+    zoomStep: { default: 0.1 },
+    showGrid: { type: Boolean, default: !0 },
+    gridSize: { default: 20 },
+    showControls: { type: Boolean, default: !0 },
+    width: { default: "100%" },
+    height: { default: "500px" }
+  },
+  emits: ["update:modelValue", "zoom-change"],
+  setup(r, { emit: w }) {
+    const t = r, { config: l, resolveProp: i } = G(), _ = n(
+      () => {
+        var o;
+        return i(t.showGrid, (o = l.value.canvas) == null ? void 0 : o.showGrid, !0);
+      }
+    ), f = n(
+      () => {
+        var o;
+        return i(t.gridSize, (o = l.value.canvas) == null ? void 0 : o.gridSize, 20);
+      }
+    ), g = n(
+      () => {
+        var o;
+        return i(t.showControls, (o = l.value.canvas) == null ? void 0 : o.showControls, !0);
+      }
+    ), m = w, { t: d } = V(), a = n({
+      get: () => t.modelValue,
+      set: (o) => {
+        m("update:modelValue", o), m("zoom-change", o);
+      }
+    }), k = n(() => Math.round(a.value * 100));
+    function b() {
+      a.value = Math.min(t.maxZoom, +(a.value + t.zoomStep).toFixed(2));
+    }
+    function x() {
+      a.value = Math.max(t.minZoom, +(a.value - t.zoomStep).toFixed(2));
+    }
+    function C() {
+      a.value = 1;
+    }
+    const z = n(() => {
+      if (!_.value) return {};
+      const o = f.value * a.value;
+      return {
+        backgroundImage: `
+      radial-gradient(circle, var(--nm-text-placeholder) 1px, transparent 1px)
+    `,
+        backgroundSize: `${o}px ${o}px`,
+        backgroundPosition: "0 0"
+      };
+    }), S = n(() => ({
+      width: t.width,
+      height: t.height
+    })), y = n(() => ["nm-canvas"]);
+    return (o, s) => (v(), p("div", {
+      class: M(y.value),
+      style: c(S.value)
+    }, [
+      g.value ? (v(), p("div", I, [
+        e("div", L, [
+          e("button", {
+            type: "button",
+            class: "nm-canvas__btn",
+            "aria-label": u(d)("canvasZoomOut"),
+            disabled: a.value <= r.minZoom,
+            onClick: x
+          }, [...s[0] || (s[0] = [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              e("circle", {
+                cx: "11",
+                cy: "11",
+                r: "8",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }),
+              e("path", {
+                d: "M8 11h6M21 21l-4.35-4.35",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round"
+              })
+            ], -1)
+          ])], 8, O),
+          e("span", P, B(k.value) + "%", 1),
+          e("button", {
+            type: "button",
+            class: "nm-canvas__btn",
+            "aria-label": u(d)("canvasZoomIn"),
+            disabled: a.value >= r.maxZoom,
+            onClick: b
+          }, [...s[1] || (s[1] = [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              e("circle", {
+                cx: "11",
+                cy: "11",
+                r: "8",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }),
+              e("path", {
+                d: "M11 8v6M8 11h6M21 21l-4.35-4.35",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round"
+              })
+            ], -1)
+          ])], 8, j),
+          e("button", {
+            type: "button",
+            class: "nm-canvas__btn nm-canvas__btn--reset",
+            "aria-label": u(d)("canvasZoomReset"),
+            onClick: C
+          }, [...s[2] || (s[2] = [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              e("path", {
+                d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }),
+              e("path", {
+                d: "M3 3v5h5",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              })
+            ], -1)
+          ])], 8, E)
+        ]),
+        h(o.$slots, "toolbar", {}, void 0, !0)
+      ])) : N("", !0),
+      e("div", F, [
+        e("div", {
+          class: "nm-canvas__grid",
+          style: c(z.value)
+        }, [
+          e("div", {
+            class: "nm-canvas__content",
+            style: c({ transform: `scale(${a.value})`, transformOrigin: "top left" })
+          }, [
+            h(o.$slots, "default", {}, void 0, !0)
+          ], 4)
+        ], 4)
+      ])
+    ], 6));
+  }
+}), J = /* @__PURE__ */ $(D, [["__scopeId", "data-v-8b77d958"]]);
+export {
+  J as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismCard-Cgy4dCPE.js

@@ -0,0 +1,66 @@
+import { defineComponent as _, computed as r, openBlock as s, createElementBlock as t, normalizeClass as f, renderSlot as d, createCommentVNode as i, createElementVNode as h } from "vue";
+import { u as g } from "./createComponent-jnXBYqCm.js";
+import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismCard.css';const N = {
+  key: 0,
+  class: "nm-card__header"
+}, $ = { class: "nm-card__body" }, k = {
+  key: 1,
+  class: "nm-card__footer"
+}, y = /* @__PURE__ */ _({
+  __name: "NeumorphismCard",
+  props: {
+    elevation: {},
+    variant: {},
+    depth: {},
+    radius: { default: "large" },
+    noPadding: { type: Boolean, default: !1 },
+    hoverable: { type: [Boolean, String], default: !1 }
+  },
+  setup(u) {
+    const c = {
+      shallow: 1,
+      medium: 2,
+      deep: 3,
+      "very-deep": 4
+    }, o = u, { config: n, resolveProp: l } = g(), m = r(() => {
+      var e;
+      return l(o.radius, (e = n.value.card) == null ? void 0 : e.radius, "large");
+    }), a = r(
+      () => {
+        var e;
+        return l(o.hoverable, (e = n.value.card) == null ? void 0 : e.hoverable, !1);
+      }
+    ), v = r(() => {
+      if (o.elevation !== void 0) return o.elevation;
+      const e = c[o.depth ?? "medium"];
+      return o.variant === "pressed" ? -e : e;
+    }), p = r(() => [
+      "nm-card",
+      `nm-card--elevation-${v.value}`,
+      `nm-card--radius-${m.value}`,
+      {
+        "nm-card--no-padding": o.noPadding,
+        "nm-card--hoverable": !!a.value,
+        "nm-card--hover-bulge": a.value === !0 || a.value === "bulge",
+        "nm-card--hover-sink": a.value === "sink"
+      }
+    ]);
+    return (e, C) => (s(), t("div", {
+      class: f(p.value)
+    }, [
+      e.$slots.header ? (s(), t("div", N, [
+        d(e.$slots, "header", {}, void 0, !0)
+      ])) : i("", !0),
+      h("div", $, [
+        d(e.$slots, "default", {}, void 0, !0)
+      ]),
+      e.$slots.footer ? (s(), t("div", k, [
+        d(e.$slots, "footer", {}, void 0, !0)
+      ])) : i("", !0)
+    ], 2));
+  }
+}), S = /* @__PURE__ */ b(y, [["__scopeId", "data-v-af9ed606"]]);
+export {
+  S as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismCheckbox-Bo5Q7yC_.js

@@ -0,0 +1,114 @@
+import { defineComponent as C, computed as u, useAttrs as g, ref as z, watch as B, openBlock as r, createElementBlock as c, unref as n, normalizeStyle as N, normalizeClass as V, createElementVNode as a, mergeProps as w, createCommentVNode as h, renderSlot as S, createTextVNode as A, toDisplayString as D } from "vue";
+import { useCheckable as j } from "../composables/useCheckable.js";
+import { u as E } from "./createComponent-jnXBYqCm.js";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismCheckbox.css';const L = ["for"], M = { class: "nm-checkbox__input-wrapper" }, P = ["id", "checked", "disabled", "name"], R = {
+  class: "nm-checkbox__box",
+  "aria-hidden": "true"
+}, $ = {
+  key: 0,
+  class: "nm-checkbox__icon",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, H = {
+  key: 1,
+  class: "nm-checkbox__icon",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, O = {
+  key: 0,
+  class: "nm-checkbox__label"
+}, T = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "NeumorphismCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    size: { default: "medium" },
+    name: {},
+    id: {},
+    indeterminate: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o, { emit: p }) {
+    const s = o, { config: k, resolveProp: b } = E(), _ = u(() => {
+      var e;
+      return b(s.size, (e = k.value.checkbox) == null ? void 0 : e.size, "medium");
+    }), m = p, l = u({
+      get: () => s.modelValue,
+      set: (e) => {
+        s.disabled || (m("update:modelValue", e), m("change", e));
+      }
+    }), i = g(), d = z(), x = u(() => {
+      const e = {};
+      for (const t of Object.keys(i))
+        t !== "class" && t !== "style" && (e[t] = i[t]);
+      return e;
+    }), { inputId: f, classList: v } = j(() => ({
+      prefix: "checkbox",
+      isChecked: l.value,
+      isDisabled: s.disabled,
+      size: _.value,
+      extraClasses: { "nm-checkbox--indeterminate": s.indeterminate }
+    }));
+    B(
+      () => s.indeterminate,
+      (e) => {
+        d.value && (d.value.indeterminate = e);
+      },
+      { immediate: !0 }
+    );
+    function y(e) {
+      if (s.disabled) {
+        e.preventDefault();
+        return;
+      }
+      l.value = e.target.checked;
+    }
+    return (e, t) => (r(), c("label", {
+      class: V([n(v), n(i).class]),
+      style: N(n(i).style),
+      for: n(f)
+    }, [
+      a("span", M, [
+        a("input", w({
+          id: n(f),
+          ref_key: "inputRef",
+          ref: d,
+          type: "checkbox",
+          class: "nm-checkbox__input",
+          checked: l.value,
+          disabled: o.disabled,
+          name: o.name
+        }, x.value, { onChange: y }), null, 16, P),
+        a("span", R, [
+          o.indeterminate ? (r(), c("svg", $, [...t[0] || (t[0] = [
+            a("path", {
+              d: "M5 12H19",
+              stroke: "currentColor",
+              "stroke-width": "3",
+              "stroke-linecap": "round"
+            }, null, -1)
+          ])])) : l.value ? (r(), c("svg", H, [...t[1] || (t[1] = [
+            a("path", {
+              d: "M5 13l4 4L19 7",
+              stroke: "currentColor",
+              "stroke-width": "3",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)
+          ])])) : h("", !0)
+        ])
+      ]),
+      o.label || e.$slots.default ? (r(), c("span", O, [
+        S(e.$slots, "default", {}, () => [
+          A(D(o.label), 1)
+        ], !0)
+      ])) : h("", !0)
+    ], 14, L));
+  }
+}), K = /* @__PURE__ */ I(T, [["__scopeId", "data-v-1d2ef216"]]);
+export {
+  K as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismCol-DwoaSc5J.js

@@ -0,0 +1,117 @@
+import { defineComponent as m, computed as r, provide as N, openBlock as v, createElementBlock as f, normalizeStyle as g, normalizeClass as x, renderSlot as y, inject as b } from "vue";
+import { RowGutterKey as _ } from "../composables/injectionKeys.js";
+import { u as A } from "./createComponent-jnXBYqCm.js";
+import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismCol.css';const B = /* @__PURE__ */ m({
+  __name: "NeumorphismRow",
+  props: {
+    gutter: { default: 0 },
+    justify: { default: "start" },
+    align: { default: "stretch" },
+    wrap: { type: Boolean, default: !0 }
+  },
+  setup(c) {
+    const t = c, { config: l, resolveProp: s } = A(), a = r(() => {
+      var e;
+      return s(t.gutter, (e = l.value.grid) == null ? void 0 : e.gutter, 0);
+    }), i = r(
+      () => {
+        var e;
+        return s(t.justify, (e = l.value.grid) == null ? void 0 : e.justify, "start");
+      }
+    ), n = r(() => {
+      var e;
+      return s(t.align, (e = l.value.grid) == null ? void 0 : e.align, "stretch");
+    }), o = r(() => {
+      var e;
+      return s(t.wrap, (e = l.value.grid) == null ? void 0 : e.wrap, !0);
+    }), p = r(
+      () => Array.isArray(a.value) ? a.value[0] : a.value
+    ), d = r(
+      () => Array.isArray(a.value) ? a.value[1] : a.value
+    );
+    N(_, { x: p, y: d });
+    const w = {
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      "space-between": "space-between",
+      "space-around": "space-around",
+      "space-evenly": "space-evenly"
+    }, $ = {
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      stretch: "stretch",
+      baseline: "baseline"
+    }, j = r(() => {
+      const e = p.value, u = d.value;
+      if (!(e === 0 && u === 0))
+        return {
+          marginLeft: e ? `${-e / 2}px` : void 0,
+          marginRight: e ? `${-e / 2}px` : void 0,
+          rowGap: u ? `${u}px` : void 0
+        };
+    }), C = r(() => ["nm-row", { "nm-row--nowrap": !o.value }]);
+    return (e, u) => (v(), f("div", {
+      class: x(C.value),
+      style: g([
+        j.value,
+        { justifyContent: w[i.value], alignItems: $[n.value] }
+      ])
+    }, [
+      y(e.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+}), k = /* @__PURE__ */ h(B, [["__scopeId", "data-v-f8bc1d4d"]]), R = /* @__PURE__ */ m({
+  __name: "NeumorphismCol",
+  props: {
+    span: { default: 24 },
+    offset: {},
+    xs: {},
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {},
+    xxl: {}
+  },
+  setup(c) {
+    const t = c, l = b(_, {
+      x: r(() => 0),
+      y: r(() => 0)
+    });
+    function s(n, o) {
+      return o === void 0 || o === "" ? "" : `${n}${o}`;
+    }
+    const a = r(() => [
+      s("nm-col-", t.span),
+      s("nm-col-offset-", t.offset),
+      s("nm-col-xs-", t.xs),
+      s("nm-col-sm-", t.sm),
+      s("nm-col-md-", t.md),
+      s("nm-col-lg-", t.lg),
+      s("nm-col-xl-", t.xl),
+      s("nm-col-xxl-", t.xxl),
+      "nm-col"
+    ].filter(Boolean)), i = r(() => {
+      const n = l.x.value, o = l.y.value;
+      if (!(n === 0 && o === 0))
+        return {
+          paddingLeft: n ? `${n / 2}px` : void 0,
+          paddingRight: n ? `${n / 2}px` : void 0,
+          paddingTop: o ? `${o / 2}px` : void 0,
+          paddingBottom: o ? `${o / 2}px` : void 0
+        };
+    });
+    return (n, o) => (v(), f("div", {
+      class: x(a.value),
+      style: g(i.value)
+    }, [
+      y(n.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+}), z = /* @__PURE__ */ h(R, [["__scopeId", "data-v-c367585e"]]);
+export {
+  z as N,
+  k as a
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismCollapse-BLSShHjJ.js

@@ -0,0 +1,95 @@
+import { defineComponent as C, computed as a, openBlock as i, createElementBlock as r, normalizeClass as d, Fragment as V, renderList as z, unref as o, createElementVNode as s, renderSlot as h, toDisplayString as N } from "vue";
+import { useCollapse as x } from "../composables/useCollapse.js";
+import { generateId as B } from "../utils/index.js";
+import { u as S } from "./createComponent-jnXBYqCm.js";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismCollapse.css';const I = { class: "nm-collapse__header" }, A = ["id", "aria-expanded", "aria-controls", "aria-disabled", "disabled", "onClick"], E = { class: "nm-collapse__title" }, L = ["id", "aria-labelledby"], D = { class: "nm-collapse__content" }, F = { class: "nm-collapse__content-inner" }, K = /* @__PURE__ */ C({
+  __name: "NeumorphismCollapse",
+  props: {
+    modelValue: { default: () => [] },
+    accordion: { type: Boolean, default: !1 },
+    items: { default: () => [] },
+    size: { default: "medium" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(p, { emit: k }) {
+    const t = p, { config: m, resolveProp: _ } = S(), y = a(() => {
+      var l;
+      return _(t.size, (l = m.value.collapse) == null ? void 0 : l.size, "medium");
+    }), b = a(
+      () => {
+        var l;
+        return _(t.accordion, (l = m.value.collapse) == null ? void 0 : l.accordion, !1);
+      }
+    ), u = k, f = a({
+      get: () => t.modelValue,
+      set: (l) => {
+        u("update:modelValue", l), u("change", l);
+      }
+    }), { toggle: g, isActive: n } = x({
+      modelValue: f,
+      items: a(() => t.items),
+      accordion: a(() => b.value)
+    }), c = B("nm-collapse"), $ = a(() => ["nm-collapse", `nm-collapse--${y.value}`]);
+    return (l, v) => (i(), r("div", {
+      class: d($.value)
+    }, [
+      (i(!0), r(V, null, z(p.items, (e) => (i(), r("div", {
+        key: e.key,
+        class: d(["nm-collapse__item", {
+          "nm-collapse__item--active": o(n)(e.key),
+          "nm-collapse__item--disabled": e.disabled
+        }])
+      }, [
+        s("h3", I, [
+          s("button", {
+            id: `${o(c)}-${e.key}-header`,
+            class: "nm-collapse__trigger",
+            type: "button",
+            "aria-expanded": o(n)(e.key),
+            "aria-controls": `${o(c)}-${e.key}-panel`,
+            "aria-disabled": e.disabled,
+            disabled: e.disabled,
+            onClick: (M) => o(g)(e.key)
+          }, [
+            h(l.$slots, `header-${e.key}`, {
+              item: e,
+              active: o(n)(e.key)
+            }, () => [
+              s("span", E, N(e.title), 1)
+            ], !0),
+            s("span", {
+              class: d(["nm-collapse__icon", { "nm-collapse__icon--active": o(n)(e.key) }])
+            }, [...v[0] || (v[0] = [
+              s("svg", {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                s("path", { d: "M6 9l6 6 6-6" })
+              ], -1)
+            ])], 2)
+          ], 8, A)
+        ]),
+        s("div", {
+          id: `${o(c)}-${e.key}-panel`,
+          class: d(["nm-collapse__panel", { "nm-collapse__panel--collapsed": !o(n)(e.key) }]),
+          role: "region",
+          "aria-labelledby": `${o(c)}-${e.key}-header`
+        }, [
+          s("div", D, [
+            s("div", F, [
+              h(l.$slots, e.key, {}, void 0, !0)
+            ])
+          ])
+        ], 10, L)
+      ], 2))), 128))
+    ], 2));
+  }
+}), J = /* @__PURE__ */ w(K, [["__scopeId", "data-v-b964b07b"]]);
+export {
+  J as N
+};

package/vendor/@echolab/ui-frame/dist/chunks/NeumorphismContainer-B1g0c9Ps.js

@@ -0,0 +1,32 @@
+import { defineComponent as d, computed as t, openBlock as c, createBlock as m, resolveDynamicComponent as l, normalizeClass as u, withCtx as p, renderSlot as f } from "vue";
+import { u as v } from "./createComponent-jnXBYqCm.js";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import '../NeumorphismContainer.css';const g = /* @__PURE__ */ d({
+  __name: "NeumorphismContainer",
+  props: {
+    mode: { default: "fixed" },
+    noPadding: { type: Boolean, default: !1 },
+    tag: { default: "div" }
+  },
+  setup(o) {
+    const n = o, { config: a, resolveProp: s } = v(), r = t(() => {
+      var e;
+      return s(n.mode, (e = a.value.container) == null ? void 0 : e.mode, "fixed");
+    }), i = t(() => [
+      "nm-container",
+      { "nm-container--fluid": r.value === "fluid" },
+      { "nm-container--no-padding": n.noPadding }
+    ]);
+    return (e, C) => (c(), m(l(o.tag), {
+      class: u(i.value)
+    }, {
+      default: p(() => [
+        f(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), B = /* @__PURE__ */ _(g, [["__scopeId", "data-v-23995fcc"]]);
+export {
+  B as N
+};