@poni/adjutant-ui 0.0.104 → 0.0.106

package/dist/constructor.js

@@ -1,22 +1,22 @@
-import { defineComponent as f, useCssVars as Q, ref as B, openBlock as i, createElementBlock as l, normalizeClass as b, withModifiers as A, createElementVNode as u, normalizeStyle as Z, toDisplayString as $, createCommentVNode as _, createBlock as D, createVNode as m, Transition as H, withCtx as I, withDirectives as T, vShow as S, Fragment as p, renderList as g, computed as C } from "vue";
-import { A as L, a as z, _ as j, b as w, c as W, d as E } from "./AdjSvgActive-BrJ67q86.js";
-import { useWindowSize as F, useMemoize as Y, useWindowScroll as G } from "@vueuse/core";
-const K = { class: "adj-top" }, U = ["src", "alt"], J = {
+import { defineComponent as C, useCssVars as Q, ref as D, openBlock as a, createElementBlock as s, normalizeClass as f, withModifiers as L, createElementVNode as i, normalizeStyle as le, toDisplayString as b, createCommentVNode as y, createBlock as N, createVNode as p, Transition as E, withCtx as M, withDirectives as P, vShow as R, Fragment as j, renderList as $, computed as I, watch as ee, unref as se, useTemplateRef as J, getCurrentInstance as oe, onMounted as de } from "vue";
+import { g as q, m as K, _ as A, k as z, e as ie, A as ne, c as ue, j as W, d as re, i as me, n as ce, o as pe, h as _e, f as Y, a as ve, b as G } from "./AdjUploadFile-DCZf3Y1A.js";
+import { useWindowSize as ge, useMemoize as he, useWindowScroll as fe, useDebounceFn as je, useElementSize as ke } from "@vueuse/core";
+const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
   key: 0,
   class: "adj-top__hint adj-hint"
-}, O = { class: "adj-hint__wrapper" }, X = { class: "adj-text-13" }, x = { class: "adj-text-16" }, ee = { class: "adj-top__labels adj-labels adj-text-14" }, te = {
+}, Ve = { class: "adj-hint__wrapper" }, Ce = { class: "adj-text-13" }, we = { class: "adj-text-16" }, Ae = { class: "adj-top__labels adj-labels adj-text-14" }, Ie = {
   key: 0,
   class: "adj-labels__label"
-}, ae = {
+}, Te = {
   key: 1,
   class: "adj-labels__label"
-}, ie = {
+}, Se = {
   key: 2,
   class: "adj-labels__label"
-}, le = {
+}, De = {
   key: 2,
   class: "adj-square adj-square_quantity"
-}, se = { class: "adj-top__check" }, oe = { class: "adj-bottom" }, ne = ["innerHTML"], de = /* @__PURE__ */ f({
+}, Ne = { class: "adj-top__check" }, ze = { class: "adj-bottom" }, Le = ["innerHTML"], Me = /* @__PURE__ */ C({
   __name: "AdjImageItem",
   props: {
     id: {},
@@ -40,97 +40,97 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     centerName: { type: Boolean, default: !1 }
   },
   emits: ["click", "clickZoom", "clickDetail", "clickClose", "clickPlus"],
-  setup(v, { emit: r }) {
+  setup(k, { emit: v }) {
     Q((t) => ({
       "69e20140": t.width
     }));
-    const o = r, d = B(!1);
-    function a(t) {
-      d.value = t;
+    const n = v, r = D(!1);
+    function l(t) {
+      r.value = t;
     }
-    return (t, e) => (i(), l("div", {
-      class: b(["adj-image-item", {
-        "adj-image-item_hovered": d.value,
+    return (t, e) => (a(), s("div", {
+      class: f(["adj-image-item", {
+        "adj-image-item_hovered": r.value,
         "adj-image-item_checked": t.checked,
         "adj-image-item_bordered": t.bordered
       }]),
-      onClick: e[5] || (e[5] = A((s) => o("click"), ["stop"])),
-      onMouseenter: e[6] || (e[6] = (s) => a(!0)),
-      onMouseleave: e[7] || (e[7] = (s) => a(!1))
+      onClick: e[5] || (e[5] = L((d) => n("click"), ["stop"])),
+      onMouseenter: e[6] || (e[6] = (d) => l(!0)),
+      onMouseleave: e[7] || (e[7] = (d) => l(!1))
     }, [
-      u("div", K, [
-        u("img", {
+      i("div", ye, [
+        i("img", {
           class: "adj-top__image",
-          style: Z({ aspectRatio: t.aspectRatio }),
+          style: le({ aspectRatio: t.aspectRatio }),
           src: t.image,
           alt: t.name
-        }, null, 12, U),
-        t.hints.length > 0 ? (i(), l("div", J, [
-          u("div", O, [
-            u("div", X, $(t.hints[0]), 1),
-            u("div", x, $(t.hints[1]), 1)
+        }, null, 12, $e),
+        t.hints.length > 0 ? (a(), s("div", be, [
+          i("div", Ve, [
+            i("div", Ce, b(t.hints[0]), 1),
+            i("div", we, b(t.hints[1]), 1)
           ])
-        ])) : _("", !0),
-        u("div", ee, [
-          t.labelSale ? (i(), l("div", te, "Sale")) : _("", !0),
-          t.labelNew ? (i(), l("div", ae, "NEW")) : _("", !0),
-          t.labelCmyk ? (i(), l("div", ie, "CMYK")) : _("", !0)
+        ])) : y("", !0),
+        i("div", Ae, [
+          t.labelSale ? (a(), s("div", Ie, "Sale")) : y("", !0),
+          t.labelNew ? (a(), s("div", Te, "NEW")) : y("", !0),
+          t.labelCmyk ? (a(), s("div", Se, "CMYK")) : y("", !0)
         ]),
-        t.buttonClose ? (i(), l("div", {
+        t.buttonClose ? (a(), s("div", {
           key: 1,
           class: "adj-square adj-square_close",
-          onClick: e[0] || (e[0] = A((s) => t.$emit("clickClose"), ["stop"]))
+          onClick: e[0] || (e[0] = L((d) => t.$emit("clickClose"), ["stop"]))
         }, e[8] || (e[8] = [
-          u("i", { className: "icon-close" }, null, -1)
-        ]))) : _("", !0),
-        t.labelQuantity ? (i(), l("div", le, $(t.quantity), 1)) : _("", !0),
-        t.buttonPlus ? (i(), l("div", {
+          i("i", { className: "icon-close" }, null, -1)
+        ]))) : y("", !0),
+        t.labelQuantity ? (a(), s("div", De, b(t.quantity), 1)) : y("", !0),
+        t.buttonPlus ? (a(), s("div", {
           key: 3,
           class: "adj-square adj-square_plus",
-          onClick: e[1] || (e[1] = A((s) => t.$emit("clickPlus"), ["stop"]))
+          onClick: e[1] || (e[1] = L((d) => t.$emit("clickPlus"), ["stop"]))
         }, e[9] || (e[9] = [
-          u("i", { className: "icon-plus" }, null, -1)
-        ]))) : _("", !0),
-        u("div", {
+          i("i", { className: "icon-plus" }, null, -1)
+        ]))) : y("", !0),
+        i("div", {
           class: "adj-top__buttons",
-          onClick: e[4] || (e[4] = A(() => {
+          onClick: e[4] || (e[4] = L(() => {
           }, ["stop"]))
         }, [
-          t.buttonZoom ? (i(), D(L, {
+          t.buttonZoom ? (a(), N(q, {
             key: 0,
             iconName: "icon-zoom",
-            onClick: e[2] || (e[2] = (s) => t.$emit("clickZoom"))
-          })) : _("", !0),
-          t.buttonDetail ? (i(), D(L, {
+            onClick: e[2] || (e[2] = (d) => t.$emit("clickZoom"))
+          })) : y("", !0),
+          t.buttonDetail ? (a(), N(q, {
             key: 1,
             iconName: "icon-menu-burger",
-            onClick: e[3] || (e[3] = (s) => t.$emit("clickDetail"))
-          })) : _("", !0)
+            onClick: e[3] || (e[3] = (d) => t.$emit("clickDetail"))
+          })) : y("", !0)
         ]),
-        m(H, { name: "adj-fade" }, {
-          default: I(() => [
-            T(u("div", se, [
-              m(z)
+        p(E, { name: "adj-fade" }, {
+          default: M(() => [
+            P(i("div", Ne, [
+              p(K)
             ], 512), [
-              [S, t.checked]
+              [R, t.checked]
             ])
           ]),
           _: 1
         })
       ]),
-      u("div", oe, [
-        u("div", {
-          class: b(["adj-bottom__title adj-text-16", { "adj-bottom__title_center": t.centerName }])
-        }, $(t.name), 3),
-        (i(!0), l(p, null, g(t.subnames, (s, n) => (i(), l("div", {
-          key: n,
+      i("div", ze, [
+        i("div", {
+          class: f(["adj-bottom__title adj-text-16", { "adj-bottom__title_center": t.centerName }])
+        }, b(t.name), 3),
+        (a(!0), s(j, null, $(t.subnames, (d, u) => (a(), s("div", {
+          key: u,
           class: "adj-bottom__subtitle adj-text-13",
-          innerHTML: s
-        }, null, 8, ne))), 128))
+          innerHTML: d
+        }, null, 8, Le))), 128))
       ])
     ], 34));
   }
-}), N = /* @__PURE__ */ j(de, [["__scopeId", "data-v-7dafde96"]]), re = { class: "adj-blocks" }, ue = /* @__PURE__ */ f({
+}), F = /* @__PURE__ */ A(Me, [["__scopeId", "data-v-7dafde96"]]), Be = { class: "adj-blocks" }, qe = /* @__PURE__ */ C({
   __name: "AdjBlocks",
   props: {
     modelValue: {},
@@ -138,8 +138,8 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     skeletonQty: { default: 8 }
   },
   emits: ["update:modelValue", "clickZoom", "clickDetail"],
-  setup(v) {
-    const r = [
+  setup(k) {
+    const v = [
       {
         aspectRatio: "1.43"
       },
@@ -169,37 +169,37 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
         width: "60%"
       }
     ];
-    return (o, d) => (i(), l("div", re, [
-      o.items.length > 0 ? (i(!0), l(p, { key: 0 }, g(o.items, (a, t) => {
+    return (n, r) => (a(), s("div", Be, [
+      n.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(n.items, (l, t) => {
         var e;
-        return i(), l("div", {
+        return a(), s("div", {
           class: "adj-blocks__item",
           key: t
         }, [
-          m(N, {
-            id: a.id,
-            image: a.image,
-            name: a.name,
-            subnames: a.subnames,
-            checked: a.id == ((e = o.modelValue) == null ? void 0 : e.id),
-            labelNew: a.labelNew,
-            labelSale: a.labelSale,
+          p(F, {
+            id: l.id,
+            image: l.image,
+            name: l.name,
+            subnames: l.subnames,
+            checked: l.id == ((e = n.modelValue) == null ? void 0 : e.id),
+            labelNew: l.labelNew,
+            labelSale: l.labelSale,
             buttonZoom: "",
             buttonDetail: "",
-            onClick: (s) => o.$emit("update:modelValue", a),
-            onClickZoom: (s) => o.$emit("clickZoom", a),
-            onClickDetail: (s) => o.$emit("clickDetail", a)
+            onClick: (d) => n.$emit("update:modelValue", l),
+            onClickZoom: (d) => n.$emit("clickZoom", l),
+            onClickDetail: (d) => n.$emit("clickDetail", l)
           }, null, 8, ["id", "image", "name", "subnames", "checked", "labelNew", "labelSale", "onClick", "onClickZoom", "onClickDetail"])
         ]);
-      }), 128)) : (i(!0), l(p, { key: 1 }, g(o.skeletonQty, (a) => (i(), l("div", {
-        key: a,
+      }), 128)) : (a(!0), s(j, { key: 1 }, $(n.skeletonQty, (l) => (a(), s("div", {
+        key: l,
         class: "adj-blocks__item"
       }, [
-        m(w, { loaders: r })
+        p(z, { loaders: v })
       ]))), 128))
     ]));
   }
-}), Xe = /* @__PURE__ */ j(ue, [["__scopeId", "data-v-ceba5569"]]), ce = { class: "adj-top" }, me = ["src", "alt"], pe = ["src"], ke = { class: "adj-top__check" }, he = { class: "adj-top__icon-buttons" }, ge = { class: "adj-bottom" }, ve = { class: "adj-bottom__title adj-text-16" }, _e = /* @__PURE__ */ f({
+}), $a = /* @__PURE__ */ A(qe, [["__scopeId", "data-v-ceba5569"]]), Pe = { class: "adj-top" }, Re = ["src", "alt"], Ue = ["src"], He = { class: "adj-top__check" }, Qe = { class: "adj-top__icon-buttons" }, Ee = { class: "adj-bottom" }, Fe = { class: "adj-bottom__title adj-text-16" }, Ze = /* @__PURE__ */ C({
   __name: "AdjCoverItem",
   props: {
     id: {},
@@ -215,93 +215,93 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     width: { default: "100%" }
   },
   emits: ["click", "switchCorner"],
-  setup(v, { emit: r }) {
-    Q((h) => ({
-      "36b60755": h.width
+  setup(k, { emit: v }) {
+    Q((_) => ({
+      "36b60755": _.width
     }));
-    const o = v, d = r, a = B(!1);
+    const n = k, r = v, l = D(!1);
     let t = null;
-    const e = B(0), s = C(
-      () => o.duration / (o.images.length - 1) * 1e3
-    ), n = C(() => o.images[e.value] ? o.images[e.value] : "");
-    function c(h) {
-      a.value = h, t == null && k();
+    const e = D(0), d = I(
+      () => n.duration / (n.images.length - 1) * 1e3
+    ), u = I(() => n.images[e.value] ? n.images[e.value] : "");
+    function c(_) {
+      l.value = _, t == null && m();
     }
-    function k() {
+    function m() {
       t = window.setTimeout(() => {
-        a.value ? q() : R();
-      }, s.value);
+        l.value ? V() : o();
+      }, d.value);
     }
-    function q() {
-      e.value < o.images.length - 1 ? (e.value++, k()) : t = null;
+    function V() {
+      e.value < n.images.length - 1 ? (e.value++, m()) : t = null;
     }
-    function R() {
-      e.value > 0 ? (e.value--, k()) : t = null;
+    function o() {
+      e.value > 0 ? (e.value--, m()) : t = null;
     }
-    return (h, y) => (i(), l("div", {
-      class: b(["adj-cover-item", {
-        "adj-cover-item_hovered": a.value,
-        "adj-cover-item_checked": h.checked,
-        "adj-cover-item_underlined": h.underlined
+    return (_, g) => (a(), s("div", {
+      class: f(["adj-cover-item", {
+        "adj-cover-item_hovered": l.value,
+        "adj-cover-item_checked": _.checked,
+        "adj-cover-item_underlined": _.underlined
       }]),
-      onClick: y[2] || (y[2] = A((V) => d("click", h.modelValue), ["stop"])),
-      onMouseenter: y[3] || (y[3] = (V) => c(!0)),
-      onMouseleave: y[4] || (y[4] = (V) => c(!1))
+      onClick: g[2] || (g[2] = L((T) => r("click", _.modelValue), ["stop"])),
+      onMouseenter: g[3] || (g[3] = (T) => c(!0)),
+      onMouseleave: g[4] || (g[4] = (T) => c(!1))
     }, [
-      u("div", ce, [
-        u("img", {
+      i("div", Pe, [
+        i("img", {
           class: "adj-top__image",
-          src: n.value,
-          alt: h.name
-        }, null, 8, me),
-        (i(!0), l(p, null, g(h.images, (V) => T((i(), l("img", {
+          src: u.value,
+          alt: _.name
+        }, null, 8, Re),
+        (a(!0), s(j, null, $(_.images, (T) => P((a(), s("img", {
           class: "adj-top__image-cache",
-          key: V,
-          src: V
-        }, null, 8, pe)), [
-          [S, !1]
+          key: T,
+          src: T
+        }, null, 8, Ue)), [
+          [R, !1]
         ])), 128)),
-        m(H, { name: "adj-fade" }, {
-          default: I(() => [
-            T(u("div", ke, [
-              m(z)
+        p(E, { name: "adj-fade" }, {
+          default: M(() => [
+            P(i("div", He, [
+              p(K)
             ], 512), [
-              [S, h.checked]
+              [R, _.checked]
             ])
           ]),
           _: 1
         }),
-        u("div", he, [
-          h.hintHtml ? (i(), D(W, {
+        i("div", Qe, [
+          _.hintHtml ? (a(), N(ie, {
             key: 0,
-            html: h.hintHtml,
+            html: _.hintHtml,
             "horizontal-position": "left",
             "vertical-position": "bottom",
             "modal-mode": !0
           }, {
-            default: I(() => [
-              m(L, { iconName: "icon-info" })
+            default: M(() => [
+              p(q, { iconName: "icon-info" })
             ]),
             _: 1
-          }, 8, ["html"])) : _("", !0),
-          h.showCornerSwitcher && !h.roundedCorner ? (i(), D(L, {
+          }, 8, ["html"])) : y("", !0),
+          _.showCornerSwitcher && !_.roundedCorner ? (a(), N(q, {
             key: 1,
             iconName: "icon-corner-sharp",
-            onClick: y[0] || (y[0] = (V) => d("switchCorner", h.modelValue))
-          })) : _("", !0),
-          h.showCornerSwitcher && h.roundedCorner ? (i(), D(L, {
+            onClick: g[0] || (g[0] = (T) => r("switchCorner", _.modelValue))
+          })) : y("", !0),
+          _.showCornerSwitcher && _.roundedCorner ? (a(), N(q, {
             key: 2,
             iconName: "icon-corner-rounded",
-            onClick: y[1] || (y[1] = (V) => d("switchCorner", h.modelValue))
-          })) : _("", !0)
+            onClick: g[1] || (g[1] = (T) => r("switchCorner", _.modelValue))
+          })) : y("", !0)
         ])
       ]),
-      u("div", ge, [
-        u("div", ve, $(h.name), 1)
+      i("div", Ee, [
+        i("div", Fe, b(_.name), 1)
       ])
     ], 34));
   }
-}), M = /* @__PURE__ */ j(_e, [["__scopeId", "data-v-f68f5046"]]), fe = { class: "adj-laminates" }, je = /* @__PURE__ */ f({
+}), O = /* @__PURE__ */ A(Ze, [["__scopeId", "data-v-f68f5046"]]), We = { class: "adj-laminates" }, Ye = /* @__PURE__ */ C({
   __name: "AdjLaminates",
   props: {
     modelValue: {},
@@ -309,40 +309,40 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     skeletonQty: { default: 2 }
   },
   emits: ["update:modelValue"],
-  setup(v, { emit: r }) {
-    const o = r, d = [
+  setup(k, { emit: v }) {
+    const n = v, r = [
       { aspectRatio: "0.66", width: "65%" },
       { marginTop: "20px", height: "26px", width: "120px" }
     ];
-    return (a, t) => (i(), l("div", fe, [
-      a.items.length > 0 ? (i(!0), l(p, { key: 0 }, g(a.items, (e) => {
-        var s;
-        return i(), l("div", {
+    return (l, t) => (a(), s("div", We, [
+      l.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(l.items, (e) => {
+        var d;
+        return a(), s("div", {
           key: e.id,
           class: "adj-laminates__item"
         }, [
-          m(M, {
+          p(O, {
             id: e.id,
             name: e.name,
             underlined: "",
-            checked: e.id == ((s = a.modelValue) == null ? void 0 : s.id),
+            checked: e.id == ((d = l.modelValue) == null ? void 0 : d.id),
             images: e.images,
             modelValue: e,
-            onClick: (n) => o("update:modelValue", e)
+            onClick: (u) => n("update:modelValue", e)
           }, null, 8, ["id", "name", "checked", "images", "modelValue", "onClick"])
         ]);
-      }), 128)) : (i(!0), l(p, { key: 1 }, g(a.skeletonQty, (e) => (i(), l("div", {
+      }), 128)) : (a(!0), s(j, { key: 1 }, $(l.skeletonQty, (e) => (a(), s("div", {
         key: e,
         class: "adj-laminates__item"
       }, [
-        m(w, {
-          loaders: d,
+        p(z, {
+          loaders: r,
           centered: !0
         })
       ]))), 128))
     ]));
   }
-}), xe = /* @__PURE__ */ j(je, [["__scopeId", "data-v-9be5871f"]]), ye = { class: "adj-materials" }, be = /* @__PURE__ */ f({
+}), ba = /* @__PURE__ */ A(Ye, [["__scopeId", "data-v-9be5871f"]]), Ge = { class: "adj-materials" }, Ke = /* @__PURE__ */ C({
   __name: "AdjMaterials",
   props: {
     modelValue: {},
@@ -350,8 +350,8 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     skeletonQty: { default: 30 }
   },
   emits: ["update:modelValue", "clickDetail"],
-  setup(v) {
-    const r = [
+  setup(k) {
+    const v = [
       {
         aspectRatio: "1"
       },
@@ -371,39 +371,39 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
         width: "90%"
       }
     ];
-    return (o, d) => (i(), l("div", ye, [
-      o.items.length > 0 ? (i(!0), l(p, { key: 0 }, g(o.items, (a, t) => {
+    return (n, r) => (a(), s("div", Ge, [
+      n.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(n.items, (l, t) => {
         var e;
-        return i(), l("div", {
+        return a(), s("div", {
           class: "adj-materials__item",
           key: t
         }, [
-          m(N, {
-            id: a.id,
-            image: a.image,
+          p(F, {
+            id: l.id,
+            image: l.image,
             bordered: !0,
             aspectRatio: 1,
-            name: a.name,
-            subnames: a.subnames,
-            hints: a.hints,
-            checked: a.id == ((e = o.modelValue) == null ? void 0 : e.id),
-            labelNew: a.labelNew,
-            labelCmyk: a.labelCmyk,
-            labelSale: a.labelSale,
+            name: l.name,
+            subnames: l.subnames,
+            hints: l.hints,
+            checked: l.id == ((e = n.modelValue) == null ? void 0 : e.id),
+            labelNew: l.labelNew,
+            labelCmyk: l.labelCmyk,
+            labelSale: l.labelSale,
             buttonDetail: "",
-            onClick: (s) => o.$emit("update:modelValue", a),
-            onClickDetail: (s) => o.$emit("clickDetail", a)
+            onClick: (d) => n.$emit("update:modelValue", l),
+            onClickDetail: (d) => n.$emit("clickDetail", l)
           }, null, 8, ["id", "image", "name", "subnames", "hints", "checked", "labelNew", "labelCmyk", "labelSale", "onClick", "onClickDetail"])
         ]);
-      }), 128)) : (i(!0), l(p, { key: 1 }, g(o.skeletonQty, (a) => (i(), l("div", {
-        key: a,
+      }), 128)) : (a(!0), s(j, { key: 1 }, $(n.skeletonQty, (l) => (a(), s("div", {
+        key: l,
         class: "adj-materials__item"
       }, [
-        m(w, { loaders: r })
+        p(z, { loaders: v })
       ]))), 128))
     ]));
   }
-}), et = /* @__PURE__ */ j(be, [["__scopeId", "data-v-a849395c"]]), $e = { class: "adj-cover-group-item" }, Ce = /* @__PURE__ */ f({
+}), Va = /* @__PURE__ */ A(Ke, [["__scopeId", "data-v-a849395c"]]), Oe = { class: "adj-cover-group-item" }, Je = /* @__PURE__ */ C({
   __name: "AdjCoverGroupItem",
   props: {
     modelValue: {},
@@ -412,47 +412,47 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     duration: { default: 0 }
   },
   emits: ["update:modelValue"],
-  setup(v, { emit: r }) {
-    const o = v, d = r;
-    function a(n) {
+  setup(k, { emit: v }) {
+    const n = k, r = v;
+    function l(u) {
       var c;
-      if (n.id !== ((c = o.modelValue) == null ? void 0 : c.id)) {
-        const k = o.items.find((q) => q.id === n.id);
-        k && d("update:modelValue", k);
+      if (u.id !== ((c = n.modelValue) == null ? void 0 : c.id)) {
+        const m = n.items.find((V) => V.id === u.id);
+        m && r("update:modelValue", m);
       }
     }
-    function t(n) {
-      const c = o.items.find((k) => k.id !== n.id);
-      c && d("update:modelValue", c);
+    function t(u) {
+      const c = n.items.find((m) => m.id !== u.id);
+      c && r("update:modelValue", c);
     }
-    const e = C(() => {
-      let n = o.items[0];
-      return o.modelValue && o.items.find((c) => {
-        var k;
-        return c.id === ((k = o.modelValue) == null ? void 0 : k.id);
-      }) && (n = o.modelValue), n;
-    }), s = C(() => {
-      var n;
-      return ((n = o.modelValue) == null ? void 0 : n.id) === e.value.id;
+    const e = I(() => {
+      let u = n.items[0];
+      return n.modelValue && n.items.find((c) => {
+        var m;
+        return c.id === ((m = n.modelValue) == null ? void 0 : m.id);
+      }) && (u = n.modelValue), u;
+    }), d = I(() => {
+      var u;
+      return ((u = n.modelValue) == null ? void 0 : u.id) === e.value.id;
     });
-    return (n, c) => (i(), l("div", $e, [
-      m(M, {
+    return (u, c) => (a(), s("div", Oe, [
+      p(O, {
         id: e.value.id,
         name: e.value.name,
         hintHtml: e.value.hintHtml,
-        showCornerSwitcher: n.items.length === 2 && s.value,
+        showCornerSwitcher: u.items.length === 2 && d.value,
         roundedCorner: e.value.roundedCorner,
-        duration: n.duration,
-        checked: s.value,
+        duration: u.duration,
+        checked: d.value,
         images: e.value.images,
         modelValue: e.value,
-        width: n.width,
-        onClick: c[0] || (c[0] = (k) => a(k)),
-        onSwitchCorner: c[1] || (c[1] = (k) => t(k))
+        width: u.width,
+        onClick: c[0] || (c[0] = (m) => l(m)),
+        onSwitchCorner: c[1] || (c[1] = (m) => t(m))
       }, null, 8, ["id", "name", "hintHtml", "showCornerSwitcher", "roundedCorner", "duration", "checked", "images", "modelValue", "width"])
     ]));
   }
-}), we = { class: "adj-models" }, Ve = /* @__PURE__ */ f({
+}), Xe = { class: "adj-models" }, xe = /* @__PURE__ */ C({
   __name: "AdjModels",
   props: {
     modelValue: {},
@@ -461,24 +461,24 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     duration: { default: 0 }
   },
   emits: ["update:modelValue"],
-  setup(v, { emit: r }) {
-    const o = r;
-    return (d, a) => (i(), l("div", we, [
-      d.groupItems.length > 0 ? (i(!0), l(p, { key: 0 }, g(d.groupItems, (t, e) => (i(), l("div", {
+  setup(k, { emit: v }) {
+    const n = v;
+    return (r, l) => (a(), s("div", Xe, [
+      r.groupItems.length > 0 ? (a(!0), s(j, { key: 0 }, $(r.groupItems, (t, e) => (a(), s("div", {
         class: "adj-models__item",
         key: e
       }, [
-        m(Ce, {
-          modelValue: d.modelValue,
+        p(Je, {
+          modelValue: r.modelValue,
           items: t,
-          duration: d.duration,
-          "onUpdate:modelValue": a[0] || (a[0] = (s) => o("update:modelValue", s))
+          duration: r.duration,
+          "onUpdate:modelValue": l[0] || (l[0] = (d) => n("update:modelValue", d))
         }, null, 8, ["modelValue", "items", "duration"])
-      ]))), 128)) : (i(!0), l(p, { key: 1 }, g(d.skeletonQty, (t) => (i(), l("div", {
+      ]))), 128)) : (a(!0), s(j, { key: 1 }, $(r.skeletonQty, (t) => (a(), s("div", {
         key: t,
         class: "adj-models__item"
       }, [
-        m(w, {
+        p(z, {
           loaders: [
             { aspectRatio: "0.66", width: "65%" },
             { marginTop: "20px", height: "26px", width: "120px" }
@@ -488,7 +488,7 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
       ]))), 128))
     ]));
   }
-}), tt = /* @__PURE__ */ j(Ve, [["__scopeId", "data-v-16e28efc"]]), De = { class: "adj-navigator-item__top" }, Ae = { key: 0 }, Le = /* @__PURE__ */ f({
+}), Ca = /* @__PURE__ */ A(xe, [["__scopeId", "data-v-16e28efc"]]), et = { class: "adj-navigator-item__top" }, tt = { key: 0 }, at = /* @__PURE__ */ C({
   __name: "AdjNavigatorItem",
   props: {
     id: {},
@@ -502,47 +502,47 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(v, { emit: r }) {
-    const o = v, d = r;
-    function a() {
-      !o.loading && o.squareDesign !== "disabled" && d("click");
+  setup(k, { emit: v }) {
+    const n = k, r = v;
+    function l() {
+      !n.loading && n.squareDesign !== "disabled" && r("click");
     }
-    return (t, e) => (i(), l("div", {
-      class: b(["adj-navigator-item", {
+    return (t, e) => (a(), s("div", {
+      class: f(["adj-navigator-item", {
         "adj-navigator-item_disabled": t.squareDesign === "disabled",
         "adj-navigator-item_loading": t.loading
       }]),
-      onClick: a
+      onClick: l
     }, [
-      u("div", De, [
-        u("div", {
-          class: b(["adj-navigator-item__line", `adj-navigator-item__line_${t.leftLineDesign}`])
+      i("div", et, [
+        i("div", {
+          class: f(["adj-navigator-item__line", `adj-navigator-item__line_${t.leftLineDesign}`])
         }, null, 2),
-        u("div", {
-          class: b(["adj-navigator-item__square", `adj-navigator-item__square_${t.squareDesign}`])
+        i("div", {
+          class: f(["adj-navigator-item__square", `adj-navigator-item__square_${t.squareDesign}`])
         }, [
-          t.squareType === "id" ? (i(), l("span", Ae, $(t.id), 1)) : (i(), l("i", {
+          t.squareType === "id" ? (a(), s("span", tt, b(t.id), 1)) : (a(), s("i", {
             key: 1,
-            class: b(t.squareType)
+            class: f(t.squareType)
           }, null, 2))
         ], 2),
-        u("div", {
-          class: b(["adj-navigator-item__line", `adj-navigator-item__line_${t.rightLineDesign}`])
+        i("div", {
+          class: f(["adj-navigator-item__line", `adj-navigator-item__line_${t.rightLineDesign}`])
         }, null, 2)
       ]),
-      t.showLabel ? (i(), l("div", {
+      t.showLabel ? (a(), s("div", {
         key: 0,
-        class: b(["adj-navigator-item__label", `adj-navigator-item__label_${t.squareDesign}`])
-      }, $(t.label), 3)) : _("", !0)
+        class: f(["adj-navigator-item__label", `adj-navigator-item__label_${t.squareDesign}`])
+      }, b(t.label), 3)) : y("", !0)
     ], 2));
   }
-}), Ne = /* @__PURE__ */ j(Le, [["__scopeId", "data-v-1c5e5a3c"]]), qe = {
+}), lt = /* @__PURE__ */ A(at, [["__scopeId", "data-v-1c5e5a3c"]]), st = {
   key: 0,
   class: "adj-navigator-wrapper"
-}, Be = {
+}, ot = {
   key: 0,
   class: "adj-navigator-wrapper__item-title"
-}, Ie = /* @__PURE__ */ f({
+}, dt = /* @__PURE__ */ C({
   __name: "AdjNavigatorWrapper",
   props: {
     items: {},
@@ -550,52 +550,52 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(v) {
-    const r = v, { width: o } = F();
-    function d(e) {
+  setup(k) {
+    const v = k, { width: n } = ge();
+    function r(e) {
       "title" in e[0] || (e[0].leftLineDesign = "hidden");
-      const s = e.length - 1;
-      "title" in e[s] || (e[s].rightLineDesign = "hidden");
+      const d = e.length - 1;
+      "title" in e[d] || (e[d].rightLineDesign = "hidden");
     }
-    const a = Y(
+    const l = he(
       (e) => {
         if (e.length === 0)
           return [];
-        let s = [];
-        const n = e.findIndex((c) => "title" in c);
-        return n == -1 ? s = e : (n > 0 && s.push({ ...e[n - 1] }), s.push({ ...e[n] }), e[n + 1] !== void 0 && s.push({ ...e[n + 1] })), s;
+        let d = [];
+        const u = e.findIndex((c) => "title" in c);
+        return u == -1 ? d = e : (u > 0 && d.push({ ...e[u - 1] }), d.push({ ...e[u] }), e[u + 1] !== void 0 && d.push({ ...e[u + 1] })), d;
       }
-    ), t = C(
+    ), t = I(
       () => {
         let e = [];
-        return o.value >= 780 ? e = r.items : e = a(r.items), d(e), e;
+        return n.value >= 780 ? e = v.items : e = l(v.items), r(e), e;
       }
     );
-    return (e, s) => e.items.length > 0 ? (i(), l("div", qe, [
-      (i(!0), l(p, null, g(t.value, (n) => (i(), l("div", {
-        key: n.step,
+    return (e, d) => e.items.length > 0 ? (a(), s("div", st, [
+      (a(!0), s(j, null, $(t.value, (u) => (a(), s("div", {
+        key: u.step,
         class: "adj-navigator-wrapper__item"
       }, [
-        "title" in n ? (i(), l("div", Be, $(n.title), 1)) : (i(), D(Ne, {
+        "title" in u ? (a(), s("div", ot, b(u.title), 1)) : (a(), N(lt, {
           key: 1,
-          id: n.id,
-          step: n.step,
-          squareType: n.squareType,
-          squareDesign: n.squareDesign,
-          leftLineDesign: n.leftLineDesign,
-          rightLineDesign: n.rightLineDesign,
-          label: n.label,
+          id: u.id,
+          step: u.step,
+          squareType: u.squareType,
+          squareDesign: u.squareDesign,
+          leftLineDesign: u.leftLineDesign,
+          rightLineDesign: u.rightLineDesign,
+          label: u.label,
           showLabel: e.showLabel,
           loading: e.loading,
-          onClick: (c) => e.$emit("click", n)
+          onClick: (c) => e.$emit("click", u)
         }, null, 8, ["id", "step", "squareType", "squareDesign", "leftLineDesign", "rightLineDesign", "label", "showLabel", "loading", "onClick"]))
       ]))), 128))
-    ])) : _("", !0);
+    ])) : y("", !0);
   }
-}), P = /* @__PURE__ */ j(Ie, [["__scopeId", "data-v-c07fa70c"]]), Te = { class: "adj-navigator" }, Se = {
+}), X = /* @__PURE__ */ A(dt, [["__scopeId", "data-v-c07fa70c"]]), it = { class: "adj-navigator" }, nt = {
   key: 0,
   class: "adj-navigator__fixed"
-}, Qe = { class: "adj-navigator__inline" }, Me = /* @__PURE__ */ f({
+}, ut = { class: "adj-navigator__inline" }, rt = /* @__PURE__ */ C({
   __name: "AdjNavigator",
   props: {
     items: {},
@@ -603,34 +603,34 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     mobileMarginTop: { default: "0px" }
   },
   emits: ["click"],
-  setup(v) {
-    Q((d) => ({
-      "69d4e0aa": d.mobileMarginTop
+  setup(k) {
+    Q((r) => ({
+      "69d4e0aa": r.mobileMarginTop
     }));
-    const { y: r } = G(), o = C(() => r.value > 90);
-    return (d, a) => (i(), l("div", Te, [
-      o.value ? (i(), l("div", Se, [
-        m(P, {
-          items: d.items,
+    const { y: v } = fe(), n = I(() => v.value > 90);
+    return (r, l) => (a(), s("div", it, [
+      n.value ? (a(), s("div", nt, [
+        p(X, {
+          items: r.items,
           showLabel: !1,
-          loading: d.loading,
-          onClick: a[0] || (a[0] = (t) => d.$emit("click", t))
+          loading: r.loading,
+          onClick: l[0] || (l[0] = (t) => r.$emit("click", t))
         }, null, 8, ["items", "loading"])
-      ])) : _("", !0),
-      u("div", Qe, [
-        m(P, {
-          items: d.items,
+      ])) : y("", !0),
+      i("div", ut, [
+        p(X, {
+          items: r.items,
           showLabel: !0,
-          loading: d.loading,
-          onClick: a[1] || (a[1] = (t) => d.$emit("click", t))
+          loading: r.loading,
+          onClick: l[1] || (l[1] = (t) => r.$emit("click", t))
         }, null, 8, ["items", "loading"])
       ])
     ]));
   }
-}), at = /* @__PURE__ */ j(Me, [["__scopeId", "data-v-aba78aae"]]), Pe = { class: "adj-personalizations" }, He = { class: "adj-personalizations__items" }, ze = {
+}), wa = /* @__PURE__ */ A(rt, [["__scopeId", "data-v-aba78aae"]]), mt = { class: "adj-personalizations" }, ct = { class: "adj-personalizations__items" }, pt = {
   key: 0,
   class: "adj-personalizations__item"
-}, Re = /* @__PURE__ */ f({
+}, _t = /* @__PURE__ */ C({
   __name: "AdjPersonalizations",
   props: {
     modelValue: { default: () => ({}) },
@@ -638,8 +638,8 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     skeletonQty: { default: 6 }
   },
   emits: ["click", "clickClose", "clickPlus"],
-  setup(v) {
-    const r = v, o = [
+  setup(k) {
+    const v = k, n = [
       {
         aspectRatio: "1"
       },
@@ -653,25 +653,25 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
         height: "16px",
         width: "60%"
       }
-    ], d = C(() => r.items.map((a) => {
-      var k;
-      let t = !1, e = !1, s = !1, n = !1, c = 0;
-      return a.id in r.modelValue && ((k = r.modelValue[a.id]) == null ? void 0 : k.length) > 0 && (c = r.modelValue[a.id].length, n = !0, t = !0, a.required && (t = !1), a.multiple && (s = !0, e = !0)), {
-        ...a,
+    ], r = I(() => v.items.map((l) => {
+      var m;
+      let t = !1, e = !1, d = !1, u = !1, c = 0;
+      return l.id in v.modelValue && ((m = v.modelValue[l.id]) == null ? void 0 : m.length) > 0 && (c = v.modelValue[l.id].length, u = !0, t = !0, l.required && (t = !1), l.multiple && (d = !0, e = !0)), {
+        ...l,
         buttonClose: t,
         buttonPlus: e,
-        labelQuantity: s,
+        labelQuantity: d,
         quantity: c,
-        checked: n
+        checked: u
       };
     }));
-    return (a, t) => (i(), l("div", Pe, [
-      u("div", He, [
-        a.items.length > 0 ? (i(!0), l(p, { key: 0 }, g(d.value, (e, s) => (i(), l(p, {
+    return (l, t) => (a(), s("div", mt, [
+      i("div", ct, [
+        l.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(r.value, (e, d) => (a(), s(j, {
           key: e.idNum
         }, [
-          e.hidden !== !0 ? (i(), l("div", ze, [
-            m(N, {
+          e.hidden !== !0 ? (a(), s("div", pt, [
+            p(F, {
               id: e.idNum,
               image: e.image,
               name: e.name,
@@ -682,24 +682,548 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
               quantity: e.quantity,
               checked: e.checked,
               centerName: "",
-              onClick: (n) => a.$emit("click", a.items[s]),
-              onClickClose: (n) => a.$emit("clickClose", a.items[s]),
-              onClickPlus: (n) => a.$emit("clickPlus", a.items[s])
+              onClick: (u) => l.$emit("click", l.items[d]),
+              onClickClose: (u) => l.$emit("clickClose", l.items[d]),
+              onClickPlus: (u) => l.$emit("clickPlus", l.items[d])
             }, null, 8, ["id", "image", "name", "buttonClose", "buttonPlus", "labelQuantity", "quantity", "checked", "onClick", "onClickClose", "onClickPlus"])
-          ])) : _("", !0)
-        ], 64))), 128)) : (i(!0), l(p, { key: 1 }, g(a.skeletonQty, (e) => (i(), l("div", {
+          ])) : y("", !0)
+        ], 64))), 128)) : (a(!0), s(j, { key: 1 }, $(l.skeletonQty, (e) => (a(), s("div", {
           key: e,
           class: "adj-personalizations__item"
         }, [
-          m(w, {
-            loaders: o,
+          p(z, {
+            loaders: n,
             centered: ""
           })
         ]))), 128))
       ])
     ]));
   }
-}), it = /* @__PURE__ */ j(Re, [["__scopeId", "data-v-492497f8"]]), Ze = { class: "adj-products" }, We = { class: "adj-products_wrapper" }, Ee = /* @__PURE__ */ f({
+}), Aa = /* @__PURE__ */ A(_t, [["__scopeId", "data-v-492497f8"]]), vt = { class: "adj-input__field" }, gt = ["value", "disabled"], ht = /* @__PURE__ */ C({
+  __name: "AdjInputNumber",
+  props: {
+    modelValue: { default: 0 },
+    disabled: { type: Boolean, default: !1 },
+    min: { default: 0 },
+    max: { default: 1e5 },
+    debounceTime: { default: 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: v }) {
+    const n = k, r = v;
+    function l(d) {
+      return je((u, c) => {
+        e(u, c);
+      }, d);
+    }
+    let t = l(n.debounceTime);
+    ee(
+      () => n.debounceTime,
+      () => {
+        t = l(n.debounceTime);
+      }
+    );
+    function e(d, u) {
+      let c = Number(d);
+      c < n.min && (c = n.min), c > n.max && (c = n.max), u.target.value = c, n.modelValue != c && r("update:modelValue", c);
+    }
+    return (d, u) => (a(), s("div", {
+      class: f(["adj-input", {
+        "adj-input_disabled": d.disabled
+      }])
+    }, [
+      i("div", vt, [
+        i("input", {
+          ref: "inp",
+          class: "adj-input__input",
+          value: d.modelValue,
+          disabled: d.disabled,
+          type: "number",
+          onChange: u[0] || (u[0] = (c) => e(c.target.value, c)),
+          onInput: u[1] || (u[1] = (c) => se(t)(c.target.value, c))
+        }, null, 40, gt)
+      ])
+    ], 2));
+  }
+}), ft = /* @__PURE__ */ A(ht, [["__scopeId", "data-v-e3e5ba5c"]]), jt = {
+  key: 0,
+  class: "adj-select-image-wrapper",
+  ref: "refElement"
+}, kt = ["onClick"], yt = ["onMouseenter"], $t = ["src", "alt"], bt = { class: "adj-select-image__check2" }, Vt = { class: "adj-select-image__check" }, Ct = { class: "adj-select-image-item__title adj-text-13" }, wt = { key: 1 }, At = {
+  key: 2,
+  class: "adj-shadow"
+}, It = { class: "adj-text-14" }, Tt = { class: "adj-select-image__hint" }, St = /* @__PURE__ */ C({
+  __name: "AdjSelectImage",
+  props: {
+    modelValue: {},
+    items: {},
+    skeletonQty: { default: 30 },
+    design: { default: "text" },
+    expandText: {},
+    foldText: {}
+  },
+  emits: ["update:modelValue"],
+  setup(k) {
+    Q((h) => ({
+      d9b2170a: d.value,
+      "74994cc7": o.value,
+      "1e8c82d5": _.value,
+      "61c59b34": g.value
+    }));
+    const v = k, n = J("refElement"), { height: r } = ke(n), l = I(() => {
+      let h = [
+        {
+          aspectRatio: "1"
+        }
+      ];
+      return v.design === "text" && (h = [
+        { width: "75px", aspectRatio: "1" },
+        {
+          marginTop: "10px",
+          height: "13px",
+          width: "80%"
+        }
+      ]), h;
+    }), t = D(!1);
+    function e() {
+      t.value = !t.value;
+    }
+    const d = I(() => v.design === "text" ? "unset" : t.value ? r.value + 20 + "px" : "122px"), u = I(() => r.value > 75), c = J("refRoot"), m = D(""), V = D(""), o = D("0px"), _ = D("0px"), g = D("none"), T = I(() => {
+      var w;
+      const h = oe();
+      return (w = h == null ? void 0 : h.type) == null ? void 0 : w.__hmrId;
+    });
+    function B() {
+      const h = document.getElementsByClassName(m.value);
+      if (h.length > 0) {
+        const w = h[0], { left: S, top: Z } = w.getBoundingClientRect(), H = w.offsetWidth, ae = w.offsetHeight;
+        _.value = S + (H - 120) / 2 + "px", o.value = Z + ae + 13 + "px";
+      }
+    }
+    function U(h, w) {
+      v.design !== "text" && (m.value = h, V.value = w, B(), g.value = "block");
+    }
+    function te() {
+      v.design !== "text" && (m.value = "", V.value = "", g.value = "none");
+    }
+    return de(() => {
+      var w;
+      window.addEventListener("scroll", B), window.addEventListener("resize", B);
+      const h = (w = c.value) == null ? void 0 : w.parentNode;
+      h && h.addEventListener("scroll", B);
+    }), (h, w) => (a(), s(j, null, [
+      i("div", {
+        class: f(["adj-select-image", `adj-select-image_${h.design}`]),
+        ref: "refRoot"
+      }, [
+        h.items.length > 0 ? (a(), s("div", jt, [
+          (a(!0), s(j, null, $(h.items, (S, Z) => (a(), s("div", {
+            class: f([
+              "adj-select-image-item",
+              { "adj-select-image-item_checked": S.id === h.modelValue.id }
+            ]),
+            key: Z,
+            onClick: (H) => h.$emit("update:modelValue", S)
+          }, [
+            i("div", {
+              class: f(["adj-select-image-item__image adj-effect-overlay-normal", `item-${T.value}-${S.id}`]),
+              onMouseenter: L((H) => U(`item-${T.value}-${S.id}`, S.name), ["stop"]),
+              onMouseleave: w[0] || (w[0] = L((H) => te(), ["stop"]))
+            }, [
+              i("img", {
+                src: S.image,
+                alt: S.name
+              }, null, 8, $t),
+              p(E, { name: "adj-fade" }, {
+                default: M(() => [
+                  P(i("div", bt, [
+                    i("div", Vt, [
+                      p(K)
+                    ])
+                  ], 512), [
+                    [R, S.id === h.modelValue.id]
+                  ])
+                ]),
+                _: 2
+              }, 1024)
+            ], 42, yt),
+            i("div", Ct, b(S.name), 1)
+          ], 10, kt))), 128))
+        ], 512)) : (a(), s("div", wt, [
+          (a(!0), s(j, null, $(h.skeletonQty, (S) => (a(), s("div", {
+            key: S,
+            class: "adj-select-image-item"
+          }, [
+            p(z, {
+              loaders: l.value,
+              centered: ""
+            }, null, 8, ["loaders"])
+          ]))), 128))
+        ])),
+        h.design === "image" && !t.value && u.value ? (a(), s("div", At)) : y("", !0)
+      ], 2),
+      h.design === "image" && u.value ? (a(), s("div", {
+        key: 0,
+        class: f(["adj-select-image__expand", { "adj-expand": t.value }]),
+        onClick: e
+      }, [
+        i("span", It, b(t.value ? h.foldText : h.expandText), 1),
+        w[1] || (w[1] = i("i", { class: "adj-select-image__expand-icon icon-arrow-down" }, null, -1))
+      ], 2)) : y("", !0),
+      i("div", Tt, [
+        p(ne, {
+          dark: !1,
+          horizontalPosition: "center",
+          html: V.value,
+          verticalPosition: "bottom",
+          width: "120px"
+        }, null, 8, ["html"])
+      ])
+    ], 64));
+  }
+}), x = /* @__PURE__ */ A(St, [["__scopeId", "data-v-fb2fb1c5"]]), Dt = { class: "adj-personalization-configurator-elements adj-element" }, Nt = { class: "adj-element__item" }, zt = {
+  key: 0,
+  class: "adj-item"
+}, Lt = {
+  key: 1,
+  class: "adj-item"
+}, Mt = { class: "adj-item__title adj-text-14" }, Bt = {
+  key: 2,
+  class: "adj-item"
+}, qt = { class: "adj-item__title" }, Pt = {
+  key: 3,
+  class: "adj-item"
+}, Rt = { class: "adj-item__title" }, Ut = {
+  key: 4,
+  class: "adj-item"
+}, Ht = { class: "adj-item__title" }, Qt = {
+  key: 5,
+  class: "adj-item"
+}, Et = { class: "adj-item__title" }, Ft = {
+  key: 6,
+  class: "adj-item adj-item_selectImage"
+}, Zt = { class: "adj-item adj-item_selectImage-title" }, Wt = { class: "adj-item__title" }, Yt = {
+  key: 7,
+  class: "adj-item"
+}, Gt = {
+  key: 8,
+  class: "adj-item"
+}, Kt = { class: "adj-item__title" }, Ot = {
+  key: 9,
+  class: "adj-item"
+}, Jt = {
+  key: 10,
+  class: "adj-item"
+}, Xt = /* @__PURE__ */ C({
+  __name: "AdjPersonalizationConfiguratorElements",
+  props: {
+    items: {},
+    modelValue: {},
+    expandTextAdjSelectImage: {},
+    foldTextAdjSelectImage: {},
+    textAdjFilterSelect: {}
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: v }) {
+    const n = k, r = v;
+    function l(m, V) {
+      r("update:modelValue", { ...n.modelValue, [m]: V });
+    }
+    function t(m, V) {
+      return "id" in m ? V.filter((o) => {
+        var _;
+        return ((_ = o == null ? void 0 : o.textureRef) == null ? void 0 : _.id) === m.id;
+      }) : V;
+    }
+    const e = I(() => n.items.map((m, V) => m.template !== "selectImage" ? [] : t(
+      c.value[V],
+      m.values
+    )));
+    function d(m) {
+      return m.reduce((o, _) => {
+        var T;
+        return (T = _ == null ? void 0 : _.textureRef) != null && T.id && o.findIndex((B) => {
+          var U;
+          return B.id === ((U = _ == null ? void 0 : _.textureRef) == null ? void 0 : U.id);
+        }) === -1 && o.push({
+          id: _.textureRef.id,
+          name: _.textureRef.name
+        }), o;
+      }, []).sort((o, _) => o.name > _.name ? 1 : -1);
+    }
+    const u = I(() => n.items.map((m) => m.template !== "selectImage" ? [] : d(m.values))), c = D([]);
+    return ee(
+      u,
+      () => {
+        const m = u.value.map(() => ({}));
+        m.length !== c.value.length && (c.value = m);
+      },
+      { immediate: !0 }
+    ), (m, V) => (a(), s("div", Dt, [
+      (a(!0), s(j, null, $(m.items, (o, _) => (a(), s(j, {
+        key: o.id
+      }, [
+        i("div", Nt, [
+          o.template === "checkbox" ? (a(), s("div", zt, [
+            V[0] || (V[0] = i("div", { class: "adj-item__title" }, null, -1)),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(ue, {
+                items: o.values,
+                title: o.name,
+                modelValue: m.modelValue[o.id],
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["items", "title", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "inputNumber" ? (a(), s("div", Lt, [
+            i("div", Mt, b(o.name), 1),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(ft, {
+                max: o.values[0].max,
+                min: o.values[0].min,
+                debounceTime: 2e3,
+                modelValue: m.modelValue[o.id].value,
+                "onUpdate:modelValue": (g) => l(o.id, { ...m.modelValue[o.id], value: g })
+              }, null, 8, ["max", "min", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "number" ? (a(), s("div", Bt, [
+            i("div", qt, b(o.name), 1),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, b(o.values[0].value), 3)
+          ])) : o.template === "selectModern" ? (a(), s("div", Pt, [
+            i("div", Rt, b(o.name), 1),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(W, {
+                design: "text",
+                items: o.values,
+                modelValue: m.modelValue[o.id],
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "selectModernBackground" ? (a(), s("div", Ut, [
+            i("div", Ht, b(o.name), 1),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(W, {
+                design: "background",
+                items: o.values,
+                modelValue: m.modelValue[o.id],
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "selectModernImage" ? (a(), s("div", Qt, [
+            i("div", Et, b(o.name), 1),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(W, {
+                design: "image",
+                items: o.values,
+                modelValue: m.modelValue[o.id],
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "selectImage" ? (a(), s("div", Ft, [
+            i("div", Zt, [
+              i("div", Wt, b(o.name), 1),
+              u.value[_].length > 0 ? (a(), N(re, {
+                key: 0,
+                items: u.value[_],
+                modelValue: c.value[_],
+                "onUpdate:modelValue": (g) => c.value[_] = g,
+                position: "left",
+                title: m.textAdjFilterSelect
+              }, null, 8, ["items", "modelValue", "onUpdate:modelValue", "title"])) : y("", !0)
+            ]),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(x, {
+                design: "image",
+                items: e.value[_],
+                modelValue: m.modelValue[o.id],
+                expandText: m.expandTextAdjSelectImage,
+                foldText: m.foldTextAdjSelectImage,
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["items", "modelValue", "expandText", "foldText", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "selectImageText" ? (a(), s("div", Yt, [
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(x, {
+                design: "text",
+                items: o.values,
+                modelValue: m.modelValue[o.id],
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "radio" ? (a(), s("div", Gt, [
+            i("div", Kt, b(o.name), 1),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(me, {
+                items: o.values,
+                modelValue: m.modelValue[o.id],
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "tabs" ? (a(), s("div", Ot, [
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(ce, {
+                items: o.values,
+                modelValue: m.modelValue[o.id],
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : o.template === "upload" ? (a(), s("div", Jt, [
+            V[1] || (V[1] = i("div", { class: "adj-item__title" }, null, -1)),
+            i("div", {
+              class: f(["adj-item__component", `adj-item__component_${o.template}`])
+            }, [
+              p(pe, {
+                text: o.name,
+                modelValue: m.modelValue[o.id],
+                "onUpdate:modelValue": (g) => l(o.id, g)
+              }, null, 8, ["text", "modelValue", "onUpdate:modelValue"])
+            ], 2)
+          ])) : y("", !0)
+        ]),
+        !o.hideHr && _ < m.items.length - 1 ? (a(), s("div", {
+          key: 0,
+          class: f(`adj-${["selectImageText", "tabs"].includes(o.template) ? "solid" : "dashed"}`)
+        }, null, 2)) : y("", !0)
+      ], 64))), 128))
+    ]));
+  }
+}), xt = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-01cf058e"]]), ea = { class: "adj-personalization-configurator" }, ta = { class: "adj-personalization-modal" }, aa = { class: "adj-personalization-modal__header adj-personalization-header adj-effect-overlay-light" }, la = { class: "adj-personalization-header__title adj-title-h3" }, sa = { class: "adj-personalization-header__close" }, oa = { class: "adj-personalization-modal__body adj-personalization-body" }, da = ["onClick"], ia = { class: "adj-miltititle__caret" }, na = { class: "adj-miltititle__delete" }, ua = { class: "adj-items" }, ra = { class: "adj-personalization-modal__footer adj-personalization-footer" }, ma = /* @__PURE__ */ C({
+  __name: "AdjPersonalizationConfigurator",
+  props: {
+    id: {},
+    name: {},
+    titleSave: {},
+    titleAdd: {},
+    multiple: { type: Boolean, default: !1 },
+    activeModelAndItemId: { default: 0 },
+    modelsAndItems: {},
+    expandTextAdjSelectImage: {},
+    foldTextAdjSelectImage: {},
+    textAdjFilterSelect: {}
+  },
+  emits: ["clickClose", "clickSave", "clickAddPersonalization", "clickDeletePersonalization", "update:modelValue", "update:activeModelAndItemId"],
+  setup(k, { emit: v }) {
+    const n = v;
+    return (r, l) => (a(), s("div", ea, [
+      p(_e, {
+        show: !0,
+        width: "570px",
+        hideClose: ""
+      }, {
+        default: M(() => [
+          i("div", ta, [
+            i("div", aa, [
+              i("div", la, b(r.name), 1),
+              i("div", sa, [
+                p(Y, {
+                  iconName: "icon-close",
+                  size: 34,
+                  design: "light",
+                  disabled: !1,
+                  onClick: l[0] || (l[0] = (t) => n("clickClose"))
+                })
+              ])
+            ]),
+            i("div", oa, [
+              p(ve, {
+                class: "adj-window__body",
+                maxHeight: "100%"
+              }, {
+                default: M(() => [
+                  (a(!0), s(j, null, $(r.modelsAndItems, (t, e) => (a(), s(j, { key: e }, [
+                    r.modelsAndItems.length > 1 ? (a(), s("div", {
+                      key: 0,
+                      class: "adj-miltititle",
+                      onClick: (d) => n("update:activeModelAndItemId", e)
+                    }, [
+                      i("div", ia, [
+                        p(Y, {
+                          iconName: `icon-arrow-${r.activeModelAndItemId === e ? "down" : "right"}`,
+                          size: 24,
+                          design: "light",
+                          disabled: !1
+                        }, null, 8, ["iconName"])
+                      ]),
+                      i("div", {
+                        class: f(["adj-miltititle__title adj-text-16-bold", { "adj-miltititle__title_active": r.activeModelAndItemId === e }])
+                      }, b(r.name) + " " + b(e + 1), 3),
+                      i("div", na, [
+                        p(Y, {
+                          iconName: "icon-close",
+                          size: 24,
+                          design: "light",
+                          disabled: !1,
+                          onClick: (d) => n("clickDeletePersonalization", e)
+                        }, null, 8, ["onClick"])
+                      ])
+                    ], 8, da)) : y("", !0),
+                    p(E, { name: "adj-popup-pers" }, {
+                      default: M(() => [
+                        P(i("div", ua, [
+                          p(xt, {
+                            items: t.items,
+                            modelValue: t.modelValue,
+                            expandTextAdjSelectImage: r.expandTextAdjSelectImage,
+                            foldTextAdjSelectImage: r.foldTextAdjSelectImage,
+                            textAdjFilterSelect: r.textAdjFilterSelect,
+                            "onUpdate:modelValue": (d) => r.$emit("update:modelValue", e, d)
+                          }, null, 8, ["items", "modelValue", "expandTextAdjSelectImage", "foldTextAdjSelectImage", "textAdjFilterSelect", "onUpdate:modelValue"])
+                        ], 512), [
+                          [R, r.activeModelAndItemId === e]
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 64))), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            i("div", ra, [
+              p(G, {
+                title: r.titleSave,
+                size: "small",
+                design: "primary",
+                round: "",
+                iconLeft: "icon-done-circle",
+                onClick: l[1] || (l[1] = (t) => n("clickSave"))
+              }, null, 8, ["title"]),
+              r.multiple ? (a(), N(G, {
+                key: 0,
+                title: r.titleAdd,
+                size: "small",
+                design: "alternative-light",
+                round: "",
+                iconLeft: "icon-add",
+                onClick: l[2] || (l[2] = (t) => n("clickAddPersonalization"))
+              }, null, 8, ["title"])) : y("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), Ia = /* @__PURE__ */ A(ma, [["__scopeId", "data-v-d0500d38"]]), ca = { class: "adj-products" }, pa = { class: "adj-products_wrapper" }, _a = /* @__PURE__ */ C({
   __name: "AdjProducts",
   props: {
     items: {},
@@ -707,30 +1231,30 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     duration: { default: 0 }
   },
   emits: ["click"],
-  setup(v, { emit: r }) {
-    const o = r;
-    return (d, a) => (i(), l("div", Ze, [
-      u("div", We, [
-        d.items.length > 0 ? (i(!0), l(p, { key: 0 }, g(d.items, (t) => (i(), l("div", {
+  setup(k, { emit: v }) {
+    const n = v;
+    return (r, l) => (a(), s("div", ca, [
+      i("div", pa, [
+        r.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(r.items, (t) => (a(), s("div", {
           key: t.id,
           class: "adj-products__item"
         }, [
-          m(M, {
+          p(O, {
             id: t.id,
             name: t.name,
             hintHtml: t.hintHtml,
-            duration: d.duration,
+            duration: r.duration,
             underlined: "",
             checked: !1,
             images: t.images,
             modelValue: t,
-            onClick: (e) => o("click", t)
+            onClick: (e) => n("click", t)
           }, null, 8, ["id", "name", "hintHtml", "duration", "images", "modelValue", "onClick"])
-        ]))), 128)) : (i(!0), l(p, { key: 1 }, g(d.skeletonQty, (t) => (i(), l("div", {
+        ]))), 128)) : (a(!0), s(j, { key: 1 }, $(r.skeletonQty, (t) => (a(), s("div", {
           key: t,
           class: "adj-products__item"
         }, [
-          m(w, {
+          p(z, {
             loaders: [
               { aspectRatio: "0.66", width: "65%" },
               { marginTop: "20px", height: "26px", width: "120px" }
@@ -741,7 +1265,7 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
       ])
     ]));
   }
-}), lt = /* @__PURE__ */ j(Ee, [["__scopeId", "data-v-9d2cee0c"]]), Fe = { class: "adj-stitchings" }, Ye = { class: "adj-stitchings__groups" }, Ge = { class: "adj-stitchings__items" }, Ke = /* @__PURE__ */ f({
+}), Ta = /* @__PURE__ */ A(_a, [["__scopeId", "data-v-9d2cee0c"]]), va = { class: "adj-stitchings" }, ga = { class: "adj-stitchings__groups" }, ha = { class: "adj-stitchings__items" }, fa = /* @__PURE__ */ C({
   __name: "AdjStitchings",
   props: {
     modelValue: {},
@@ -749,13 +1273,13 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
     skeletonQty: { default: 6 }
   },
   emits: ["update:modelValue"],
-  setup(v) {
-    const r = v, o = [
+  setup(k) {
+    const v = k, n = [
       {
         height: "34px",
         width: "85px"
       }
-    ], d = [
+    ], r = [
       {
         aspectRatio: "1.5"
       },
@@ -764,63 +1288,64 @@ const K = { class: "adj-top" }, U = ["src", "alt"], J = {
         height: "16px",
         width: "70%"
       }
-    ], a = C(() => {
+    ], l = I(() => {
       var t;
-      for (const e of r.groups) {
+      for (const e of v.groups) {
         e.items;
-        for (const s of e.items)
-          if (s.id === ((t = r.modelValue) == null ? void 0 : t.id))
+        for (const d of e.items)
+          if (d.id === ((t = v.modelValue) == null ? void 0 : t.id))
             return e;
       }
       return null;
     });
-    return (t, e) => (i(), l("div", Fe, [
-      u("div", Ye, [
-        t.groups.length > 0 ? (i(!0), l(p, { key: 0 }, g(t.groups, (s) => {
-          var n;
-          return i(), D(E, {
-            title: s.name,
+    return (t, e) => (a(), s("div", va, [
+      i("div", ga, [
+        t.groups.length > 0 ? (a(!0), s(j, { key: 0 }, $(t.groups, (d) => {
+          var u;
+          return a(), N(G, {
+            title: d.name,
             size: "small",
-            design: s.id === ((n = a.value) == null ? void 0 : n.id) ? "alternative-active" : "alternative",
-            onClick: (c) => t.$emit("update:modelValue", s.items[0])
+            design: d.id === ((u = l.value) == null ? void 0 : u.id) ? "alternative-active" : "alternative",
+            onClick: (c) => t.$emit("update:modelValue", d.items[0])
           }, null, 8, ["title", "design", "onClick"]);
-        }), 256)) : (i(), l(p, { key: 1 }, g(4, (s) => u("div", { key: s }, [
-          m(w, { loaders: o })
+        }), 256)) : (a(), s(j, { key: 1 }, $(4, (d) => i("div", { key: d }, [
+          p(z, { loaders: n })
         ])), 64))
       ]),
-      u("div", Ge, [
-        t.groups.length > 0 && a.value ? (i(!0), l(p, { key: 0 }, g(a.value.items, (s, n) => {
+      i("div", ha, [
+        t.groups.length > 0 && l.value ? (a(!0), s(j, { key: 0 }, $(l.value.items, (d, u) => {
           var c;
-          return i(), l("div", {
+          return a(), s("div", {
             class: "adj-stitchings__item",
-            key: n
+            key: u
           }, [
-            m(N, {
-              id: s.id,
-              image: s.image,
+            p(F, {
+              id: d.id,
+              image: d.image,
               aspectRatio: 1.5,
-              name: s.name,
-              checked: s.id == ((c = t.modelValue) == null ? void 0 : c.id),
-              onClick: (k) => t.$emit("update:modelValue", s)
+              name: d.name,
+              checked: d.id == ((c = t.modelValue) == null ? void 0 : c.id),
+              onClick: (m) => t.$emit("update:modelValue", d)
             }, null, 8, ["id", "image", "name", "checked", "onClick"])
           ]);
-        }), 128)) : (i(!0), l(p, { key: 1 }, g(t.skeletonQty, (s) => (i(), l("div", {
-          key: s,
+        }), 128)) : (a(!0), s(j, { key: 1 }, $(t.skeletonQty, (d) => (a(), s("div", {
+          key: d,
           class: "adj-stitchings__item"
         }, [
-          m(w, { loaders: d })
+          p(z, { loaders: r })
         ]))), 128))
       ])
     ]));
   }
-}), st = /* @__PURE__ */ j(Ke, [["__scopeId", "data-v-fc6da26b"]]);
+}), Sa = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-fc6da26b"]]);
 export {
-  Xe as AdjBlocks,
-  xe as AdjLaminates,
-  et as AdjMaterials,
-  tt as AdjModels,
-  at as AdjNavigator,
-  it as AdjPersonalizations,
-  lt as AdjProducts,
-  st as AdjStitchings
+  $a as AdjBlocks,
+  ba as AdjLaminates,
+  Va as AdjMaterials,
+  Ca as AdjModels,
+  wa as AdjNavigator,
+  Ia as AdjPersonalizationConfigurator,
+  Aa as AdjPersonalizations,
+  Ta as AdjProducts,
+  Sa as AdjStitchings
 };