@poni/adjutant-ui 0.0.98

package/dist/constructor.js

@@ -0,0 +1,743 @@
+import { defineComponent as f, useCssVars as T, ref as B, openBlock as a, createElementBlock as s, normalizeClass as y, withModifiers as A, createElementVNode as r, toDisplayString as $, createCommentVNode as g, createBlock as C, createVNode as c, Transition as Z, withCtx as N, withDirectives as S, vShow as q, Fragment as v, renderList as _, pushScopeId as R, popScopeId as E, computed as V } from "vue";
+import { A as I, a as W, _ as j, b as D, c as F, d as Y } from "./AdjSvgActive-BdMqG9Kf.js";
+import { useWindowSize as G, useMemoize as K, useWindowScroll as U } from "@vueuse/core";
+const z = (p) => (R("data-v-5ad2bd76"), p = p(), E(), p), J = { class: "adj-top" }, O = ["src", "alt"], X = {
+  key: 0,
+  class: "adj-top__hint adj-hint"
+}, x = { class: "adj-hint__wrapper" }, ee = { class: "adj-text-13" }, te = { class: "adj-text-16" }, ae = { class: "adj-top__labels adj-labels adj-text-14" }, ie = {
+  key: 0,
+  class: "adj-labels__label"
+}, se = {
+  key: 1,
+  class: "adj-labels__label"
+}, le = {
+  key: 2,
+  class: "adj-labels__label"
+}, oe = /* @__PURE__ */ z(() => /* @__PURE__ */ r("i", { className: "icon-close" }, null, -1)), ne = [
+  oe
+], de = {
+  key: 2,
+  class: "adj-square adj-square_quantity"
+}, re = /* @__PURE__ */ z(() => /* @__PURE__ */ r("i", { className: "icon-plus" }, null, -1)), ue = [
+  re
+], me = { class: "adj-top__check" }, ce = { class: "adj-bottom" }, pe = ["innerHTML"], he = /* @__PURE__ */ f({
+  __name: "AdjImageItem",
+  props: {
+    id: {},
+    image: {},
+    bordered: { type: Boolean, default: !0 },
+    name: {},
+    subnames: { default: () => [] },
+    hints: { default: () => [] },
+    checked: { type: Boolean, default: !1 },
+    width: { default: "100%" },
+    labelSale: { type: Boolean, default: !1 },
+    labelNew: { type: Boolean, default: !1 },
+    labelCmyk: { type: Boolean, default: !1 },
+    buttonZoom: { type: Boolean, default: !1 },
+    buttonDetail: { type: Boolean, default: !1 },
+    buttonClose: { type: Boolean, default: !1 },
+    buttonPlus: { type: Boolean, default: !1 },
+    labelQuantity: { type: Boolean, default: !1 },
+    quantity: { default: 0 },
+    centerName: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "clickZoom", "clickDetail", "clickClose", "clickPlus"],
+  setup(p, { emit: u }) {
+    T((e) => ({
+      c958be96: e.width
+    }));
+    const o = u, d = B(!1);
+    function i(e) {
+      d.value = e;
+    }
+    return (e, t) => (a(), s("div", {
+      class: y(["adj-image-item", {
+        "adj-image-item_hovered": d.value,
+        "adj-image-item_checked": e.checked,
+        "adj-image-item_bordered": e.bordered
+      }]),
+      onClick: t[5] || (t[5] = A((l) => o("click"), ["stop"])),
+      onMouseenter: t[6] || (t[6] = (l) => i(!0)),
+      onMouseleave: t[7] || (t[7] = (l) => i(!1))
+    }, [
+      r("div", J, [
+        r("img", {
+          class: "adj-top__image",
+          src: e.image,
+          alt: e.name
+        }, null, 8, O),
+        e.hints.length > 0 ? (a(), s("div", X, [
+          r("div", x, [
+            r("div", ee, $(e.hints[0]), 1),
+            r("div", te, $(e.hints[1]), 1)
+          ])
+        ])) : g("", !0),
+        r("div", ae, [
+          e.labelSale ? (a(), s("div", ie, "Sale")) : g("", !0),
+          e.labelNew ? (a(), s("div", se, "NEW")) : g("", !0),
+          e.labelCmyk ? (a(), s("div", le, "CMYK")) : g("", !0)
+        ]),
+        e.buttonClose ? (a(), s("div", {
+          key: 1,
+          class: "adj-square adj-square_close",
+          onClick: t[0] || (t[0] = A((l) => e.$emit("clickClose"), ["stop"]))
+        }, ne)) : g("", !0),
+        e.labelQuantity ? (a(), s("div", de, $(e.quantity), 1)) : g("", !0),
+        e.buttonPlus ? (a(), s("div", {
+          key: 3,
+          class: "adj-square adj-square_plus",
+          onClick: t[1] || (t[1] = A((l) => e.$emit("clickPlus"), ["stop"]))
+        }, ue)) : g("", !0),
+        r("div", {
+          class: "adj-top__buttons",
+          onClick: t[4] || (t[4] = A(() => {
+          }, ["stop"]))
+        }, [
+          e.buttonZoom ? (a(), C(I, {
+            key: 0,
+            iconName: "icon-zoom",
+            onClick: t[2] || (t[2] = (l) => e.$emit("clickZoom"))
+          })) : g("", !0),
+          e.buttonDetail ? (a(), C(I, {
+            key: 1,
+            iconName: "icon-menu-burger",
+            onClick: t[3] || (t[3] = (l) => e.$emit("clickDetail"))
+          })) : g("", !0)
+        ]),
+        c(Z, { name: "adj-fade" }, {
+          default: N(() => [
+            S(r("div", me, [
+              c(W)
+            ], 512), [
+              [q, e.checked]
+            ])
+          ]),
+          _: 1
+        })
+      ]),
+      r("div", ce, [
+        r("div", {
+          class: y(["adj-bottom__title adj-text-16", { "adj-bottom__title_center": e.centerName }])
+        }, $(e.name), 3),
+        (a(!0), s(v, null, _(e.subnames, (l, n) => (a(), s("div", {
+          key: n,
+          class: "adj-bottom__subtitle adj-text-13",
+          innerHTML: l
+        }, null, 8, pe))), 128))
+      ])
+    ], 34));
+  }
+}), M = /* @__PURE__ */ j(he, [["__scopeId", "data-v-5ad2bd76"]]), ve = { class: "adj-blocks" }, _e = /* @__PURE__ */ f({
+  __name: "AdjBlocks",
+  props: {
+    modelValue: {},
+    items: {},
+    skeletonQty: { default: 8 }
+  },
+  emits: ["update:modelValue", "clickZoom", "clickDetail"],
+  setup(p) {
+    const u = [
+      {
+        aspectRatio: "1.43"
+      },
+      {
+        marginTop: "14px",
+        height: "16px",
+        width: "60%"
+      },
+      {
+        marginTop: "12px",
+        height: "13px",
+        width: "100%"
+      },
+      {
+        marginTop: "6px",
+        height: "13px",
+        width: "50%"
+      },
+      {
+        marginTop: "6px",
+        height: "13px",
+        width: "75%"
+      }
+    ];
+    return (o, d) => (a(), s("div", ve, [
+      o.items.length > 0 ? (a(!0), s(v, { key: 0 }, _(o.items, (i, e) => {
+        var t;
+        return a(), s("div", {
+          class: "adj-blocks__item",
+          key: e
+        }, [
+          c(M, {
+            id: i.id,
+            image: i.image,
+            bordered: !1,
+            name: i.name,
+            subnames: i.subnames,
+            checked: i.id == ((t = o.modelValue) == null ? void 0 : t.id),
+            labelNew: i.labelNew,
+            labelSale: i.labelSale,
+            buttonZoom: "",
+            buttonDetail: "",
+            onClick: (l) => o.$emit("update:modelValue", i),
+            onClickZoom: (l) => o.$emit("clickZoom", i),
+            onClickDetail: (l) => o.$emit("clickDetail", i)
+          }, null, 8, ["id", "image", "name", "subnames", "checked", "labelNew", "labelSale", "onClick", "onClickZoom", "onClickDetail"])
+        ]);
+      }), 128)) : (a(!0), s(v, { key: 1 }, _(o.skeletonQty, (i) => (a(), s("div", {
+        key: i,
+        class: "adj-blocks__item"
+      }, [
+        c(D, { loaders: u })
+      ]))), 128))
+    ]));
+  }
+}), et = /* @__PURE__ */ j(_e, [["__scopeId", "data-v-7b8be36b"]]), ke = { class: "adj-top" }, ge = ["src", "alt"], fe = ["src"], je = { class: "adj-top__check" }, be = { class: "adj-top__icon-buttons" }, ye = { class: "adj-bottom" }, $e = { class: "adj-bottom__title adj-text-16" }, we = /* @__PURE__ */ f({
+  __name: "AdjCoverItem",
+  props: {
+    id: {},
+    name: {},
+    images: {},
+    modelValue: {},
+    duration: { default: 0 },
+    hintHtml: { default: "" },
+    showCornerSwitcher: { type: Boolean, default: !1 },
+    roundedCorner: { type: Boolean, default: !0 },
+    underlined: { type: Boolean, default: !1 },
+    checked: { type: Boolean, default: !1 },
+    width: { default: "100%" }
+  },
+  emits: ["click", "switchCorner"],
+  setup(p, { emit: u }) {
+    T((h) => ({
+      "552f88e4": h.width
+    }));
+    const o = p, d = u, i = B(!1);
+    let e = null;
+    const t = B(0), l = V(
+      () => o.duration / (o.images.length - 1) * 1e3
+    ), n = V(() => o.images[t.value] ? o.images[t.value] : "");
+    function m(h) {
+      i.value = h, e == null && k();
+    }
+    function k() {
+      e = window.setTimeout(() => {
+        i.value ? L() : P();
+      }, l.value);
+    }
+    function L() {
+      t.value < o.images.length - 1 ? (t.value++, k()) : e = null;
+    }
+    function P() {
+      t.value > 0 ? (t.value--, k()) : e = null;
+    }
+    return (h, b) => (a(), s("div", {
+      class: y(["adj-cover-item", {
+        "adj-cover-item_hovered": i.value,
+        "adj-cover-item_checked": h.checked,
+        "adj-cover-item_underlined": h.underlined
+      }]),
+      onClick: b[2] || (b[2] = A((w) => d("click", h.modelValue), ["stop"])),
+      onMouseenter: b[3] || (b[3] = (w) => m(!0)),
+      onMouseleave: b[4] || (b[4] = (w) => m(!1))
+    }, [
+      r("div", ke, [
+        r("img", {
+          class: "adj-top__image",
+          src: n.value,
+          alt: h.name
+        }, null, 8, ge),
+        (a(!0), s(v, null, _(h.images, (w) => S((a(), s("img", {
+          class: "adj-top__image-cache",
+          key: w,
+          src: w
+        }, null, 8, fe)), [
+          [q, !1]
+        ])), 128)),
+        c(Z, { name: "adj-fade" }, {
+          default: N(() => [
+            S(r("div", je, [
+              c(W)
+            ], 512), [
+              [q, h.checked]
+            ])
+          ]),
+          _: 1
+        }),
+        r("div", be, [
+          h.hintHtml ? (a(), C(F, {
+            key: 0,
+            html: h.hintHtml,
+            "horizontal-position": "left",
+            "vertical-position": "bottom",
+            "modal-mode": !0
+          }, {
+            default: N(() => [
+              c(I, { iconName: "icon-info" })
+            ]),
+            _: 1
+          }, 8, ["html"])) : g("", !0),
+          h.showCornerSwitcher && !h.roundedCorner ? (a(), C(I, {
+            key: 1,
+            iconName: "icon-corner-sharp",
+            onClick: b[0] || (b[0] = (w) => d("switchCorner", h.modelValue))
+          })) : g("", !0),
+          h.showCornerSwitcher && h.roundedCorner ? (a(), C(I, {
+            key: 2,
+            iconName: "icon-corner-rounded",
+            onClick: b[1] || (b[1] = (w) => d("switchCorner", h.modelValue))
+          })) : g("", !0)
+        ])
+      ]),
+      r("div", ye, [
+        r("div", $e, $(h.name), 1)
+      ])
+    ], 34));
+  }
+}), H = /* @__PURE__ */ j(we, [["__scopeId", "data-v-d03f86d3"]]), Ce = { class: "adj-laminates" }, Ve = /* @__PURE__ */ f({
+  __name: "AdjLaminates",
+  props: {
+    modelValue: {},
+    items: {},
+    skeletonQty: { default: 2 }
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: u }) {
+    const o = u, d = [
+      { aspectRatio: "0.66", width: "65%" },
+      { marginTop: "20px", height: "26px", width: "120px" }
+    ];
+    return (i, e) => (a(), s("div", Ce, [
+      i.items.length > 0 ? (a(!0), s(v, { key: 0 }, _(i.items, (t) => {
+        var l;
+        return a(), s("div", {
+          key: t.id,
+          class: "adj-laminates__item"
+        }, [
+          c(H, {
+            id: t.id,
+            name: t.name,
+            underlined: "",
+            checked: t.id == ((l = i.modelValue) == null ? void 0 : l.id),
+            images: t.images,
+            modelValue: t,
+            onClick: (n) => o("update:modelValue", t)
+          }, null, 8, ["id", "name", "checked", "images", "modelValue", "onClick"])
+        ]);
+      }), 128)) : (a(!0), s(v, { key: 1 }, _(i.skeletonQty, (t) => (a(), s("div", {
+        key: t,
+        class: "adj-laminates__item"
+      }, [
+        c(D, {
+          loaders: d,
+          centered: !0
+        })
+      ]))), 128))
+    ]));
+  }
+}), tt = /* @__PURE__ */ j(Ve, [["__scopeId", "data-v-650086d6"]]), De = { class: "adj-materials" }, Ae = /* @__PURE__ */ f({
+  __name: "AdjMaterials",
+  props: {
+    modelValue: {},
+    items: {},
+    skeletonQty: { default: 30 }
+  },
+  emits: ["update:modelValue", "clickDetail"],
+  setup(p) {
+    const u = [
+      {
+        aspectRatio: "1"
+      },
+      {
+        marginTop: "14px",
+        height: "16px",
+        width: "70%"
+      },
+      {
+        marginTop: "12px",
+        height: "13px",
+        width: "50%"
+      },
+      {
+        marginTop: "6px",
+        height: "13px",
+        width: "90%"
+      }
+    ];
+    return (o, d) => (a(), s("div", De, [
+      o.items.length > 0 ? (a(!0), s(v, { key: 0 }, _(o.items, (i, e) => {
+        var t;
+        return a(), s("div", {
+          class: "adj-materials__item",
+          key: e
+        }, [
+          c(M, {
+            id: i.id,
+            image: i.image,
+            bordered: !0,
+            name: i.name,
+            subnames: i.subnames,
+            hints: i.hints,
+            checked: i.id == ((t = o.modelValue) == null ? void 0 : t.id),
+            labelNew: i.labelNew,
+            labelCmyk: i.labelCmyk,
+            labelSale: i.labelSale,
+            buttonDetail: "",
+            onClick: (l) => o.$emit("update:modelValue", i),
+            onClickDetail: (l) => o.$emit("clickDetail", i)
+          }, null, 8, ["id", "image", "name", "subnames", "hints", "checked", "labelNew", "labelCmyk", "labelSale", "onClick", "onClickDetail"])
+        ]);
+      }), 128)) : (a(!0), s(v, { key: 1 }, _(o.skeletonQty, (i) => (a(), s("div", {
+        key: i,
+        class: "adj-materials__item"
+      }, [
+        c(D, { loaders: u })
+      ]))), 128))
+    ]));
+  }
+}), at = /* @__PURE__ */ j(Ae, [["__scopeId", "data-v-0c7fe4db"]]), Ie = { class: "adj-cover-group-item" }, Le = /* @__PURE__ */ f({
+  __name: "AdjCoverGroupItem",
+  props: {
+    modelValue: {},
+    items: {},
+    width: { default: "100%" },
+    duration: { default: 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: u }) {
+    const o = p, d = u;
+    function i(n) {
+      var m;
+      if (n.id !== ((m = o.modelValue) == null ? void 0 : m.id)) {
+        const k = o.items.find((L) => L.id === n.id);
+        k && d("update:modelValue", k);
+      }
+    }
+    function e(n) {
+      const m = o.items.find((k) => k.id !== n.id);
+      m && d("update:modelValue", m);
+    }
+    const t = V(() => {
+      let n = o.items[0];
+      return o.modelValue !== void 0 && o.items.find((m) => {
+        var k;
+        return m.id === ((k = o.modelValue) == null ? void 0 : k.id);
+      }) && (n = o.modelValue), n;
+    }), l = V(() => {
+      var n;
+      return ((n = o.modelValue) == null ? void 0 : n.id) === t.value.id;
+    });
+    return (n, m) => (a(), s("div", Ie, [
+      c(H, {
+        id: t.value.id,
+        name: t.value.name,
+        hintHtml: t.value.hintHtml,
+        showCornerSwitcher: n.items.length === 2 && l.value,
+        roundedCorner: t.value.roundedCorner,
+        duration: n.duration,
+        checked: l.value,
+        images: t.value.images,
+        modelValue: t.value,
+        width: n.width,
+        onClick: m[0] || (m[0] = (k) => i(k)),
+        onSwitchCorner: m[1] || (m[1] = (k) => e(k))
+      }, null, 8, ["id", "name", "hintHtml", "showCornerSwitcher", "roundedCorner", "duration", "checked", "images", "modelValue", "width"])
+    ]));
+  }
+}), Be = { class: "adj-models" }, Ne = /* @__PURE__ */ f({
+  __name: "AdjModels",
+  props: {
+    modelValue: {},
+    groupItems: {},
+    skeletonQty: { default: 12 },
+    duration: { default: 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: u }) {
+    const o = u;
+    return (d, i) => (a(), s("div", Be, [
+      d.groupItems.length > 0 ? (a(!0), s(v, { key: 0 }, _(d.groupItems, (e, t) => (a(), s("div", {
+        class: "adj-models__item",
+        key: t
+      }, [
+        c(Le, {
+          modelValue: d.modelValue,
+          items: e,
+          duration: d.duration,
+          "onUpdate:modelValue": i[0] || (i[0] = (l) => o("update:modelValue", l))
+        }, null, 8, ["modelValue", "items", "duration"])
+      ]))), 128)) : (a(!0), s(v, { key: 1 }, _(d.skeletonQty, (e) => (a(), s("div", {
+        key: e,
+        class: "adj-models__item"
+      }, [
+        c(D, {
+          loaders: [
+            { aspectRatio: "0.66", width: "65%" },
+            { marginTop: "20px", height: "26px", width: "120px" }
+          ],
+          centered: !0
+        })
+      ]))), 128))
+    ]));
+  }
+}), it = /* @__PURE__ */ j(Ne, [["__scopeId", "data-v-822553a7"]]), Se = { class: "adj-navigator-item__top" }, qe = { key: 0 }, Te = /* @__PURE__ */ f({
+  __name: "AdjNavigatorItem",
+  props: {
+    id: {},
+    step: {},
+    squareType: { default: "id" },
+    squareDesign: { default: "normal" },
+    leftLineDesign: { default: "normal" },
+    rightLineDesign: { default: "normal" },
+    label: {},
+    showLabel: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(p, { emit: u }) {
+    const o = p, d = u;
+    function i() {
+      !o.loading && o.squareDesign !== "disabled" && d("click");
+    }
+    return (e, t) => (a(), s("div", {
+      class: y(["adj-navigator-item", {
+        "adj-navigator-item_disabled": e.squareDesign === "disabled",
+        "adj-navigator-item_loading": e.loading
+      }]),
+      onClick: i
+    }, [
+      r("div", Se, [
+        r("div", {
+          class: y(["adj-navigator-item__line", `adj-navigator-item__line_${e.leftLineDesign}`])
+        }, null, 2),
+        r("div", {
+          class: y(["adj-navigator-item__square", `adj-navigator-item__square_${e.squareDesign}`])
+        }, [
+          e.squareType === "id" ? (a(), s("span", qe, $(e.id), 1)) : (a(), s("i", {
+            key: 1,
+            class: y(e.squareType)
+          }, null, 2))
+        ], 2),
+        r("div", {
+          class: y(["adj-navigator-item__line", `adj-navigator-item__line_${e.rightLineDesign}`])
+        }, null, 2)
+      ]),
+      e.showLabel ? (a(), s("div", {
+        key: 0,
+        class: y(["adj-navigator-item__label", `adj-navigator-item__label_${e.squareDesign}`])
+      }, $(e.label), 3)) : g("", !0)
+    ], 2));
+  }
+}), Me = /* @__PURE__ */ j(Te, [["__scopeId", "data-v-64e116d0"]]), He = {
+  key: 0,
+  class: "adj-navigator-wrapper"
+}, Qe = {
+  key: 0,
+  class: "adj-navigator-wrapper__item-title"
+}, Ze = /* @__PURE__ */ f({
+  __name: "AdjNavigatorWrapper",
+  props: {
+    items: {},
+    showLabel: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(p) {
+    const u = p, { width: o } = G();
+    function d(t) {
+      "title" in t[0] || (t[0].leftLineDesign = "hidden");
+      const l = t.length - 1;
+      "title" in t[l] || (t[l].rightLineDesign = "hidden");
+    }
+    const i = K(
+      (t) => {
+        if (t.length === 0)
+          return [];
+        let l = [];
+        const n = t.findIndex((m) => "title" in m);
+        return n == -1 ? l = t : (n > 0 && l.push({ ...t[n - 1] }), l.push({ ...t[n] }), t[n + 1] !== void 0 && l.push({ ...t[n + 1] })), l;
+      }
+    ), e = V(() => {
+      let t = [];
+      return o.value >= 780 ? t = u.items : t = i(u.items), d(t), t;
+    });
+    return (t, l) => t.items.length > 0 ? (a(), s("div", He, [
+      (a(!0), s(v, null, _(e.value, (n) => (a(), s("div", {
+        key: n.step,
+        class: "adj-navigator-wrapper__item"
+      }, [
+        "title" in n ? (a(), s("div", Qe, $(n.title), 1)) : (a(), C(Me, {
+          key: 1,
+          id: n.id,
+          step: n.step,
+          squareType: n.squareType,
+          squareDesign: n.squareDesign,
+          leftLineDesign: n.leftLineDesign,
+          rightLineDesign: n.rightLineDesign,
+          label: n.label,
+          showLabel: t.showLabel,
+          loading: t.loading,
+          onClick: (m) => t.$emit("click", n)
+        }, null, 8, ["id", "step", "squareType", "squareDesign", "leftLineDesign", "rightLineDesign", "label", "showLabel", "loading", "onClick"]))
+      ]))), 128))
+    ])) : g("", !0);
+  }
+}), Q = /* @__PURE__ */ j(Ze, [["__scopeId", "data-v-bf449487"]]), We = { class: "adj-navigator" }, ze = {
+  key: 0,
+  class: "adj-navigator__fixed"
+}, Pe = { class: "adj-navigator__inline" }, Re = /* @__PURE__ */ f({
+  __name: "AdjNavigator",
+  props: {
+    items: {},
+    loading: { type: Boolean, default: !1 },
+    mobileMarginTop: { default: "0px" }
+  },
+  emits: ["click"],
+  setup(p) {
+    T((d) => ({
+      "73ef0170": d.mobileMarginTop
+    }));
+    const { y: u } = U(), o = V(() => u.value > 90);
+    return (d, i) => (a(), s("div", We, [
+      o.value ? (a(), s("div", ze, [
+        c(Q, {
+          items: d.items,
+          showLabel: !1,
+          loading: d.loading,
+          onClick: i[0] || (i[0] = (e) => d.$emit("click", e))
+        }, null, 8, ["items", "loading"])
+      ])) : g("", !0),
+      r("div", Pe, [
+        c(Q, {
+          items: d.items,
+          showLabel: !0,
+          loading: d.loading,
+          onClick: i[1] || (i[1] = (e) => d.$emit("click", e))
+        }, null, 8, ["items", "loading"])
+      ])
+    ]));
+  }
+}), st = /* @__PURE__ */ j(Re, [["__scopeId", "data-v-78d45dfe"]]), Ee = { class: "adj-products" }, Fe = { class: "adj-products_wrapper" }, Ye = /* @__PURE__ */ f({
+  __name: "AdjProducts",
+  props: {
+    items: {},
+    skeletonQty: { default: 4 },
+    duration: { default: 0 }
+  },
+  emits: ["click"],
+  setup(p, { emit: u }) {
+    const o = u;
+    return (d, i) => (a(), s("div", Ee, [
+      r("div", Fe, [
+        d.items.length > 0 ? (a(!0), s(v, { key: 0 }, _(d.items, (e) => (a(), s("div", {
+          key: e.id,
+          class: "adj-products__item"
+        }, [
+          c(H, {
+            id: e.id,
+            name: e.name,
+            hintHtml: e.hintHtml,
+            duration: d.duration,
+            underlined: "",
+            checked: !1,
+            images: e.images,
+            modelValue: e,
+            onClick: (t) => o("click", e)
+          }, null, 8, ["id", "name", "hintHtml", "duration", "images", "modelValue", "onClick"])
+        ]))), 128)) : (a(!0), s(v, { key: 1 }, _(d.skeletonQty, (e) => (a(), s("div", {
+          key: e,
+          class: "adj-products__item"
+        }, [
+          c(D, {
+            loaders: [
+              { aspectRatio: "0.66", width: "65%" },
+              { marginTop: "20px", height: "26px", width: "120px" }
+            ],
+            centered: !0
+          })
+        ]))), 128))
+      ])
+    ]));
+  }
+}), lt = /* @__PURE__ */ j(Ye, [["__scopeId", "data-v-3ac9648b"]]), Ge = { class: "adj-stitchings" }, Ke = { class: "adj-stitchings__groups" }, Ue = { class: "adj-stitchings__items" }, Je = /* @__PURE__ */ f({
+  __name: "AdjStitchings",
+  props: {
+    modelValue: {},
+    groups: {},
+    skeletonQty: { default: 6 }
+  },
+  emits: ["update:modelValue"],
+  setup(p) {
+    const u = p, o = [
+      {
+        height: "34px",
+        width: "85px"
+      }
+    ], d = [
+      {
+        aspectRatio: "1.5"
+      },
+      {
+        marginTop: "13px",
+        height: "16px",
+        width: "70%"
+      }
+    ], i = V(() => {
+      var e;
+      for (const t of u.groups) {
+        t.items;
+        for (const l of t.items)
+          if (l.id === ((e = u.modelValue) == null ? void 0 : e.id))
+            return t;
+      }
+      return null;
+    });
+    return (e, t) => (a(), s("div", Ge, [
+      r("div", Ke, [
+        e.groups.length > 0 ? (a(!0), s(v, { key: 0 }, _(e.groups, (l) => {
+          var n;
+          return a(), C(Y, {
+            title: l.name,
+            size: "small",
+            design: l.id === ((n = i.value) == null ? void 0 : n.id) ? "alternative-active" : "alternative",
+            onClick: (m) => e.$emit("update:modelValue", l.items[0])
+          }, null, 8, ["title", "design", "onClick"]);
+        }), 256)) : (a(), s(v, { key: 1 }, _(4, (l) => r("div", { key: l }, [
+          c(D, { loaders: o })
+        ])), 64))
+      ]),
+      r("div", Ue, [
+        e.groups.length > 0 && i.value ? (a(!0), s(v, { key: 0 }, _(i.value.items, (l, n) => {
+          var m;
+          return a(), s("div", {
+            class: "adj-stitchings__item",
+            key: n
+          }, [
+            c(M, {
+              id: l.id,
+              image: l.image,
+              name: l.name,
+              checked: l.id == ((m = e.modelValue) == null ? void 0 : m.id),
+              onClick: (k) => e.$emit("update:modelValue", l)
+            }, null, 8, ["id", "image", "name", "checked", "onClick"])
+          ]);
+        }), 128)) : (a(!0), s(v, { key: 1 }, _(e.skeletonQty, (l) => (a(), s("div", {
+          key: l,
+          class: "adj-stitchings__item"
+        }, [
+          c(D, { loaders: d })
+        ]))), 128))
+      ])
+    ]));
+  }
+}), ot = /* @__PURE__ */ j(Je, [["__scopeId", "data-v-abe7fb3f"]]);
+export {
+  et as AdjBlocks,
+  tt as AdjLaminates,
+  at as AdjMaterials,
+  it as AdjModels,
+  st as AdjNavigator,
+  lt as AdjProducts,
+  ot as AdjStitchings
+};