@poni/adjutant-ui 0.0.105 → 0.0.107

package/dist/constructor.js

@@ -1,5 +1,5 @@
-import { defineComponent as C, useCssVars as H, ref as D, openBlock as a, createElementBlock as s, normalizeClass as f, withModifiers as L, createElementVNode as d, normalizeStyle as le, toDisplayString as b, createCommentVNode as $, createBlock as z, createVNode as p, Transition as Q, withCtx as M, withDirectives as q, vShow as P, Fragment as j, renderList as y, computed as I, watch as x, unref as se, useTemplateRef as O, getCurrentInstance as oe, onMounted as ie } from "vue";
-import { g as B, m as G, _ as A, k as N, e as de, A as ne, c as ue, j as Z, d as re, i as me, n as ce, o as pe, h as _e, f as W, a as ve, b as Y } from "./AdjUploadFile-CsU9FOzc.js";
+import { defineComponent as C, useCssVars as Q, ref as D, openBlock as a, createElementBlock as s, normalizeClass as f, withModifiers as L, createElementVNode as n, normalizeStyle as le, toDisplayString as b, createCommentVNode as y, createBlock as z, 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 N, 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-BNk0Ibab.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,
@@ -40,11 +40,11 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     centerName: { type: Boolean, default: !1 }
   },
   emits: ["click", "clickZoom", "clickDetail", "clickClose", "clickPlus"],
-  setup(k, { emit: _ }) {
-    H((t) => ({
+  setup(k, { emit: v }) {
+    Q((t) => ({
       "69e20140": t.width
     }));
-    const n = _, r = D(!1);
+    const i = v, r = D(!1);
     function l(t) {
       r.value = t;
     }
@@ -54,83 +54,83 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
         "adj-image-item_checked": t.checked,
         "adj-image-item_bordered": t.bordered
       }]),
-      onClick: e[5] || (e[5] = L((i) => n("click"), ["stop"])),
-      onMouseenter: e[6] || (e[6] = (i) => l(!0)),
-      onMouseleave: e[7] || (e[7] = (i) => l(!1))
+      onClick: e[5] || (e[5] = L((d) => i("click"), ["stop"])),
+      onMouseenter: e[6] || (e[6] = (d) => l(!0)),
+      onMouseleave: e[7] || (e[7] = (d) => l(!1))
     }, [
-      d("div", ye, [
-        d("img", {
+      n("div", ye, [
+        n("img", {
           class: "adj-top__image",
           style: le({ aspectRatio: t.aspectRatio }),
           src: t.image,
           alt: t.name
         }, null, 12, $e),
         t.hints.length > 0 ? (a(), s("div", be, [
-          d("div", Ve, [
-            d("div", Ce, b(t.hints[0]), 1),
-            d("div", we, b(t.hints[1]), 1)
+          n("div", Ve, [
+            n("div", Ce, b(t.hints[0]), 1),
+            n("div", we, b(t.hints[1]), 1)
           ])
-        ])) : $("", !0),
-        d("div", Ae, [
-          t.labelSale ? (a(), s("div", Ie, "Sale")) : $("", !0),
-          t.labelNew ? (a(), s("div", Te, "NEW")) : $("", !0),
-          t.labelCmyk ? (a(), s("div", Se, "CMYK")) : $("", !0)
+        ])) : y("", !0),
+        n("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 ? (a(), s("div", {
           key: 1,
           class: "adj-square adj-square_close",
-          onClick: e[0] || (e[0] = L((i) => t.$emit("clickClose"), ["stop"]))
+          onClick: e[0] || (e[0] = L((d) => t.$emit("clickClose"), ["stop"]))
         }, e[8] || (e[8] = [
-          d("i", { className: "icon-close" }, null, -1)
-        ]))) : $("", !0),
-        t.labelQuantity ? (a(), s("div", De, b(t.quantity), 1)) : $("", !0),
+          n("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] = L((i) => t.$emit("clickPlus"), ["stop"]))
+          onClick: e[1] || (e[1] = L((d) => t.$emit("clickPlus"), ["stop"]))
         }, e[9] || (e[9] = [
-          d("i", { className: "icon-plus" }, null, -1)
-        ]))) : $("", !0),
-        d("div", {
+          n("i", { className: "icon-plus" }, null, -1)
+        ]))) : y("", !0),
+        n("div", {
           class: "adj-top__buttons",
           onClick: e[4] || (e[4] = L(() => {
           }, ["stop"]))
         }, [
-          t.buttonZoom ? (a(), z(B, {
+          t.buttonZoom ? (a(), z(q, {
             key: 0,
             iconName: "icon-zoom",
-            onClick: e[2] || (e[2] = (i) => t.$emit("clickZoom"))
-          })) : $("", !0),
-          t.buttonDetail ? (a(), z(B, {
+            onClick: e[2] || (e[2] = (d) => t.$emit("clickZoom"))
+          })) : y("", !0),
+          t.buttonDetail ? (a(), z(q, {
             key: 1,
             iconName: "icon-menu-burger",
-            onClick: e[3] || (e[3] = (i) => t.$emit("clickDetail"))
-          })) : $("", !0)
+            onClick: e[3] || (e[3] = (d) => t.$emit("clickDetail"))
+          })) : y("", !0)
         ]),
-        p(Q, { name: "adj-fade" }, {
+        p(E, { name: "adj-fade" }, {
           default: M(() => [
-            q(d("div", Ne, [
-              p(G)
+            P(n("div", Ne, [
+              p(K)
             ], 512), [
-              [P, t.checked]
+              [R, t.checked]
             ])
           ]),
           _: 1
         })
       ]),
-      d("div", ze, [
-        d("div", {
+      n("div", ze, [
+        n("div", {
           class: f(["adj-bottom__title adj-text-16", { "adj-bottom__title_center": t.centerName }])
         }, b(t.name), 3),
-        (a(!0), s(j, null, y(t.subnames, (i, u) => (a(), s("div", {
+        (a(!0), s(j, null, $(t.subnames, (d, u) => (a(), s("div", {
           key: u,
           class: "adj-bottom__subtitle adj-text-13",
-          innerHTML: i
+          innerHTML: d
         }, null, 8, Le))), 128))
       ])
     ], 34));
   }
-}), E = /* @__PURE__ */ A(Me, [["__scopeId", "data-v-7dafde96"]]), Be = { class: "adj-blocks" }, qe = /* @__PURE__ */ C({
+}), F = /* @__PURE__ */ A(Me, [["__scopeId", "data-v-7dafde96"]]), Be = { class: "adj-blocks" }, qe = /* @__PURE__ */ C({
   __name: "AdjBlocks",
   props: {
     modelValue: {},
@@ -139,7 +139,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
   },
   emits: ["update:modelValue", "clickZoom", "clickDetail"],
   setup(k) {
-    const _ = [
+    const v = [
       {
         aspectRatio: "1.43"
       },
@@ -169,37 +169,37 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
         width: "60%"
       }
     ];
-    return (n, r) => (a(), s("div", Be, [
-      n.items.length > 0 ? (a(!0), s(j, { key: 0 }, y(n.items, (l, t) => {
+    return (i, r) => (a(), s("div", Be, [
+      i.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(i.items, (l, t) => {
         var e;
         return a(), s("div", {
           class: "adj-blocks__item",
           key: t
         }, [
-          p(E, {
+          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),
+            checked: l.id == ((e = i.modelValue) == null ? void 0 : e.id),
             labelNew: l.labelNew,
             labelSale: l.labelSale,
             buttonZoom: "",
             buttonDetail: "",
-            onClick: (i) => n.$emit("update:modelValue", l),
-            onClickZoom: (i) => n.$emit("clickZoom", l),
-            onClickDetail: (i) => n.$emit("clickDetail", l)
+            onClick: (d) => i.$emit("update:modelValue", l),
+            onClickZoom: (d) => i.$emit("clickZoom", l),
+            onClickDetail: (d) => i.$emit("clickDetail", l)
           }, null, 8, ["id", "image", "name", "subnames", "checked", "labelNew", "labelSale", "onClick", "onClickZoom", "onClickDetail"])
         ]);
-      }), 128)) : (a(!0), s(j, { key: 1 }, y(n.skeletonQty, (l) => (a(), s("div", {
+      }), 128)) : (a(!0), s(j, { key: 1 }, $(i.skeletonQty, (l) => (a(), s("div", {
         key: l,
         class: "adj-blocks__item"
       }, [
-        p(N, { loaders: _ })
+        p(N, { loaders: v })
       ]))), 128))
     ]));
   }
-}), $a = /* @__PURE__ */ A(qe, [["__scopeId", "data-v-ceba5569"]]), Pe = { class: "adj-top" }, Ue = ["src", "alt"], Re = ["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({
+}), $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 ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     width: { default: "100%" }
   },
   emits: ["click", "switchCorner"],
-  setup(k, { emit: _ }) {
-    H((g) => ({
-      "36b60755": g.width
+  setup(k, { emit: v }) {
+    Q((_) => ({
+      "36b60755": _.width
     }));
-    const n = k, r = _, l = D(!1);
+    const i = k, r = v, l = D(!1);
     let t = null;
-    const e = D(0), i = I(
-      () => n.duration / (n.images.length - 1) * 1e3
-    ), u = I(() => n.images[e.value] ? n.images[e.value] : "");
-    function c(g) {
-      l.value = g, t == null && m();
+    const e = D(0), d = I(
+      () => i.duration / (i.images.length - 1) * 1e3
+    ), u = I(() => i.images[e.value] ? i.images[e.value] : "");
+    function c(_) {
+      l.value = _, t == null && m();
     }
     function m() {
       t = window.setTimeout(() => {
         l.value ? V() : o();
-      }, i.value);
+      }, d.value);
     }
     function V() {
-      e.value < n.images.length - 1 ? (e.value++, m()) : t = null;
+      e.value < i.images.length - 1 ? (e.value++, m()) : t = null;
     }
     function o() {
       e.value > 0 ? (e.value--, m()) : t = null;
     }
-    return (g, v) => (a(), s("div", {
+    return (_, g) => (a(), s("div", {
       class: f(["adj-cover-item", {
         "adj-cover-item_hovered": l.value,
-        "adj-cover-item_checked": g.checked,
-        "adj-cover-item_underlined": g.underlined
+        "adj-cover-item_checked": _.checked,
+        "adj-cover-item_underlined": _.underlined
       }]),
-      onClick: v[2] || (v[2] = L((S) => r("click", g.modelValue), ["stop"])),
-      onMouseenter: v[3] || (v[3] = (S) => c(!0)),
-      onMouseleave: v[4] || (v[4] = (S) => 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))
     }, [
-      d("div", Pe, [
-        d("img", {
+      n("div", Pe, [
+        n("img", {
           class: "adj-top__image",
           src: u.value,
-          alt: g.name
-        }, null, 8, Ue),
-        (a(!0), s(j, null, y(g.images, (S) => q((a(), s("img", {
+          alt: _.name
+        }, null, 8, Re),
+        (a(!0), s(j, null, $(_.images, (T) => P((a(), s("img", {
           class: "adj-top__image-cache",
-          key: S,
-          src: S
-        }, null, 8, Re)), [
-          [P, !1]
+          key: T,
+          src: T
+        }, null, 8, Ue)), [
+          [R, !1]
         ])), 128)),
-        p(Q, { name: "adj-fade" }, {
+        p(E, { name: "adj-fade" }, {
           default: M(() => [
-            q(d("div", He, [
-              p(G)
+            P(n("div", He, [
+              p(K)
             ], 512), [
-              [P, g.checked]
+              [R, _.checked]
             ])
           ]),
           _: 1
         }),
-        d("div", Qe, [
-          g.hintHtml ? (a(), z(de, {
+        n("div", Qe, [
+          _.hintHtml ? (a(), z(ie, {
             key: 0,
-            html: g.hintHtml,
+            html: _.hintHtml,
             "horizontal-position": "left",
             "vertical-position": "bottom",
             "modal-mode": !0
           }, {
             default: M(() => [
-              p(B, { iconName: "icon-info" })
+              p(q, { iconName: "icon-info" })
             ]),
             _: 1
-          }, 8, ["html"])) : $("", !0),
-          g.showCornerSwitcher && !g.roundedCorner ? (a(), z(B, {
+          }, 8, ["html"])) : y("", !0),
+          _.showCornerSwitcher && !_.roundedCorner ? (a(), z(q, {
             key: 1,
             iconName: "icon-corner-sharp",
-            onClick: v[0] || (v[0] = (S) => r("switchCorner", g.modelValue))
-          })) : $("", !0),
-          g.showCornerSwitcher && g.roundedCorner ? (a(), z(B, {
+            onClick: g[0] || (g[0] = (T) => r("switchCorner", _.modelValue))
+          })) : y("", !0),
+          _.showCornerSwitcher && _.roundedCorner ? (a(), z(q, {
             key: 2,
             iconName: "icon-corner-rounded",
-            onClick: v[1] || (v[1] = (S) => r("switchCorner", g.modelValue))
-          })) : $("", !0)
+            onClick: g[1] || (g[1] = (T) => r("switchCorner", _.modelValue))
+          })) : y("", !0)
         ])
       ]),
-      d("div", Ee, [
-        d("div", Fe, b(g.name), 1)
+      n("div", Ee, [
+        n("div", Fe, b(_.name), 1)
       ])
     ], 34));
   }
-}), K = /* @__PURE__ */ A(Ze, [["__scopeId", "data-v-f68f5046"]]), We = { class: "adj-laminates" }, Ye = /* @__PURE__ */ C({
+}), O = /* @__PURE__ */ A(Ze, [["__scopeId", "data-v-f68f5046"]]), We = { class: "adj-laminates" }, Ye = /* @__PURE__ */ C({
   __name: "AdjLaminates",
   props: {
     modelValue: {},
@@ -309,29 +309,29 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     skeletonQty: { default: 2 }
   },
   emits: ["update:modelValue"],
-  setup(k, { emit: _ }) {
-    const n = _, r = [
+  setup(k, { emit: v }) {
+    const i = v, r = [
       { aspectRatio: "0.66", width: "65%" },
       { marginTop: "20px", height: "26px", width: "120px" }
     ];
     return (l, t) => (a(), s("div", We, [
-      l.items.length > 0 ? (a(!0), s(j, { key: 0 }, y(l.items, (e) => {
-        var i;
+      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"
         }, [
-          p(K, {
+          p(O, {
             id: e.id,
             name: e.name,
             underlined: "",
-            checked: e.id == ((i = l.modelValue) == null ? void 0 : i.id),
+            checked: e.id == ((d = l.modelValue) == null ? void 0 : d.id),
             images: e.images,
             modelValue: e,
-            onClick: (u) => n("update:modelValue", e)
+            onClick: (u) => i("update:modelValue", e)
           }, null, 8, ["id", "name", "checked", "images", "modelValue", "onClick"])
         ]);
-      }), 128)) : (a(!0), s(j, { key: 1 }, y(l.skeletonQty, (e) => (a(), s("div", {
+      }), 128)) : (a(!0), s(j, { key: 1 }, $(l.skeletonQty, (e) => (a(), s("div", {
         key: e,
         class: "adj-laminates__item"
       }, [
@@ -351,7 +351,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
   },
   emits: ["update:modelValue", "clickDetail"],
   setup(k) {
-    const _ = [
+    const v = [
       {
         aspectRatio: "1"
       },
@@ -371,14 +371,14 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
         width: "90%"
       }
     ];
-    return (n, r) => (a(), s("div", Ge, [
-      n.items.length > 0 ? (a(!0), s(j, { key: 0 }, y(n.items, (l, t) => {
+    return (i, r) => (a(), s("div", Ge, [
+      i.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(i.items, (l, t) => {
         var e;
         return a(), s("div", {
           class: "adj-materials__item",
           key: t
         }, [
-          p(E, {
+          p(F, {
             id: l.id,
             image: l.image,
             bordered: !0,
@@ -386,20 +386,20 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
             name: l.name,
             subnames: l.subnames,
             hints: l.hints,
-            checked: l.id == ((e = n.modelValue) == null ? void 0 : e.id),
+            checked: l.id == ((e = i.modelValue) == null ? void 0 : e.id),
             labelNew: l.labelNew,
             labelCmyk: l.labelCmyk,
             labelSale: l.labelSale,
             buttonDetail: "",
-            onClick: (i) => n.$emit("update:modelValue", l),
-            onClickDetail: (i) => n.$emit("clickDetail", l)
+            onClick: (d) => i.$emit("update:modelValue", l),
+            onClickDetail: (d) => i.$emit("clickDetail", l)
           }, null, 8, ["id", "image", "name", "subnames", "hints", "checked", "labelNew", "labelCmyk", "labelSale", "onClick", "onClickDetail"])
         ]);
-      }), 128)) : (a(!0), s(j, { key: 1 }, y(n.skeletonQty, (l) => (a(), s("div", {
+      }), 128)) : (a(!0), s(j, { key: 1 }, $(i.skeletonQty, (l) => (a(), s("div", {
         key: l,
         class: "adj-materials__item"
       }, [
-        p(N, { loaders: _ })
+        p(N, { loaders: v })
       ]))), 128))
     ]));
   }
@@ -412,38 +412,38 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     duration: { default: 0 }
   },
   emits: ["update:modelValue"],
-  setup(k, { emit: _ }) {
-    const n = k, r = _;
+  setup(k, { emit: v }) {
+    const i = k, r = v;
     function l(u) {
       var c;
-      if (u.id !== ((c = n.modelValue) == null ? void 0 : c.id)) {
-        const m = n.items.find((V) => V.id === u.id);
+      if (u.id !== ((c = i.modelValue) == null ? void 0 : c.id)) {
+        const m = i.items.find((V) => V.id === u.id);
         m && r("update:modelValue", m);
       }
     }
     function t(u) {
-      const c = n.items.find((m) => m.id !== u.id);
+      const c = i.items.find((m) => m.id !== u.id);
       c && r("update:modelValue", c);
     }
     const e = I(() => {
-      let u = n.items[0];
-      return n.modelValue && n.items.find((c) => {
+      let u = i.items[0];
+      return i.modelValue && i.items.find((c) => {
         var m;
-        return c.id === ((m = n.modelValue) == null ? void 0 : m.id);
-      }) && (u = n.modelValue), u;
-    }), i = I(() => {
+        return c.id === ((m = i.modelValue) == null ? void 0 : m.id);
+      }) && (u = i.modelValue), u;
+    }), d = I(() => {
       var u;
-      return ((u = n.modelValue) == null ? void 0 : u.id) === e.value.id;
+      return ((u = i.modelValue) == null ? void 0 : u.id) === e.value.id;
     });
     return (u, c) => (a(), s("div", Oe, [
-      p(K, {
+      p(O, {
         id: e.value.id,
         name: e.value.name,
         hintHtml: e.value.hintHtml,
-        showCornerSwitcher: u.items.length === 2 && i.value,
+        showCornerSwitcher: u.items.length === 2 && d.value,
         roundedCorner: e.value.roundedCorner,
         duration: u.duration,
-        checked: i.value,
+        checked: d.value,
         images: e.value.images,
         modelValue: e.value,
         width: u.width,
@@ -461,10 +461,10 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     duration: { default: 0 }
   },
   emits: ["update:modelValue"],
-  setup(k, { emit: _ }) {
-    const n = _;
+  setup(k, { emit: v }) {
+    const i = v;
     return (r, l) => (a(), s("div", Xe, [
-      r.groupItems.length > 0 ? (a(!0), s(j, { key: 0 }, y(r.groupItems, (t, e) => (a(), s("div", {
+      r.groupItems.length > 0 ? (a(!0), s(j, { key: 0 }, $(r.groupItems, (t, e) => (a(), s("div", {
         class: "adj-models__item",
         key: e
       }, [
@@ -472,9 +472,9 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
           modelValue: r.modelValue,
           items: t,
           duration: r.duration,
-          "onUpdate:modelValue": l[0] || (l[0] = (i) => n("update:modelValue", i))
+          "onUpdate:modelValue": l[0] || (l[0] = (d) => i("update:modelValue", d))
         }, null, 8, ["modelValue", "items", "duration"])
-      ]))), 128)) : (a(!0), s(j, { key: 1 }, y(r.skeletonQty, (t) => (a(), s("div", {
+      ]))), 128)) : (a(!0), s(j, { key: 1 }, $(r.skeletonQty, (t) => (a(), s("div", {
         key: t,
         class: "adj-models__item"
       }, [
@@ -502,10 +502,10 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(k, { emit: _ }) {
-    const n = k, r = _;
+  setup(k, { emit: v }) {
+    const i = k, r = v;
     function l() {
-      !n.loading && n.squareDesign !== "disabled" && r("click");
+      !i.loading && i.squareDesign !== "disabled" && r("click");
     }
     return (t, e) => (a(), s("div", {
       class: f(["adj-navigator-item", {
@@ -514,11 +514,11 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
       }]),
       onClick: l
     }, [
-      d("div", et, [
-        d("div", {
+      n("div", et, [
+        n("div", {
           class: f(["adj-navigator-item__line", `adj-navigator-item__line_${t.leftLineDesign}`])
         }, null, 2),
-        d("div", {
+        n("div", {
           class: f(["adj-navigator-item__square", `adj-navigator-item__square_${t.squareDesign}`])
         }, [
           t.squareType === "id" ? (a(), s("span", tt, b(t.id), 1)) : (a(), s("i", {
@@ -526,14 +526,14 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
             class: f(t.squareType)
           }, null, 2))
         ], 2),
-        d("div", {
+        n("div", {
           class: f(["adj-navigator-item__line", `adj-navigator-item__line_${t.rightLineDesign}`])
         }, null, 2)
       ]),
       t.showLabel ? (a(), s("div", {
         key: 0,
         class: f(["adj-navigator-item__label", `adj-navigator-item__label_${t.squareDesign}`])
-      }, b(t.label), 3)) : $("", !0)
+      }, b(t.label), 3)) : y("", !0)
     ], 2));
   }
 }), lt = /* @__PURE__ */ A(at, [["__scopeId", "data-v-1c5e5a3c"]]), st = {
@@ -542,7 +542,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
 }, ot = {
   key: 0,
   class: "adj-navigator-wrapper__item-title"
-}, it = /* @__PURE__ */ C({
+}, dt = /* @__PURE__ */ C({
   __name: "AdjNavigatorWrapper",
   props: {
     items: {},
@@ -551,28 +551,28 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
   },
   emits: ["click"],
   setup(k) {
-    const _ = k, { width: n } = ge();
+    const v = k, { width: i } = ge();
     function r(e) {
       "title" in e[0] || (e[0].leftLineDesign = "hidden");
-      const i = e.length - 1;
-      "title" in e[i] || (e[i].rightLineDesign = "hidden");
+      const d = e.length - 1;
+      "title" in e[d] || (e[d].rightLineDesign = "hidden");
     }
     const l = he(
       (e) => {
         if (e.length === 0)
           return [];
-        let i = [];
+        let d = [];
         const u = e.findIndex((c) => "title" in c);
-        return u == -1 ? i = e : (u > 0 && i.push({ ...e[u - 1] }), i.push({ ...e[u] }), e[u + 1] !== void 0 && i.push({ ...e[u + 1] })), i;
+        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 = I(
       () => {
         let e = [];
-        return n.value >= 780 ? e = _.items : e = l(_.items), r(e), e;
+        return i.value >= 780 ? e = v.items : e = l(v.items), r(e), e;
       }
     );
-    return (e, i) => e.items.length > 0 ? (a(), s("div", st, [
-      (a(!0), s(j, null, y(t.value, (u) => (a(), s("div", {
+    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"
       }, [
@@ -590,9 +590,9 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
           onClick: (c) => e.$emit("click", u)
         }, null, 8, ["id", "step", "squareType", "squareDesign", "leftLineDesign", "rightLineDesign", "label", "showLabel", "loading", "onClick"]))
       ]))), 128))
-    ])) : $("", !0);
+    ])) : y("", !0);
   }
-}), J = /* @__PURE__ */ A(it, [["__scopeId", "data-v-c07fa70c"]]), dt = { class: "adj-navigator" }, nt = {
+}), X = /* @__PURE__ */ A(dt, [["__scopeId", "data-v-c07fa70c"]]), it = { class: "adj-navigator" }, nt = {
   key: 0,
   class: "adj-navigator__fixed"
 }, ut = { class: "adj-navigator__inline" }, rt = /* @__PURE__ */ C({
@@ -604,21 +604,21 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
   },
   emits: ["click"],
   setup(k) {
-    H((r) => ({
+    Q((r) => ({
       "69d4e0aa": r.mobileMarginTop
     }));
-    const { y: _ } = fe(), n = I(() => _.value > 90);
-    return (r, l) => (a(), s("div", dt, [
-      n.value ? (a(), s("div", nt, [
-        p(J, {
+    const { y: v } = fe(), i = I(() => v.value > 90);
+    return (r, l) => (a(), s("div", it, [
+      i.value ? (a(), s("div", nt, [
+        p(X, {
           items: r.items,
           showLabel: !1,
           loading: r.loading,
           onClick: l[0] || (l[0] = (t) => r.$emit("click", t))
         }, null, 8, ["items", "loading"])
-      ])) : $("", !0),
-      d("div", ut, [
-        p(J, {
+      ])) : y("", !0),
+      n("div", ut, [
+        p(X, {
           items: r.items,
           showLabel: !0,
           loading: r.loading,
@@ -639,7 +639,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
   },
   emits: ["click", "clickClose", "clickPlus"],
   setup(k) {
-    const _ = k, n = [
+    const v = k, i = [
       {
         aspectRatio: "1"
       },
@@ -653,25 +653,25 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
         height: "16px",
         width: "60%"
       }
-    ], r = I(() => _.items.map((l) => {
+    ], r = I(() => v.items.map((l) => {
       var m;
-      let t = !1, e = !1, i = !1, u = !1, c = 0;
-      return l.id in _.modelValue && ((m = _.modelValue[l.id]) == null ? void 0 : m.length) > 0 && (c = _.modelValue[l.id].length, u = !0, t = !0, l.required && (t = !1), l.multiple && (i = !0, e = !0)), {
+      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: i,
+        labelQuantity: d,
         quantity: c,
         checked: u
       };
     }));
     return (l, t) => (a(), s("div", mt, [
-      d("div", ct, [
-        l.items.length > 0 ? (a(!0), s(j, { key: 0 }, y(r.value, (e, i) => (a(), s(j, {
+      n("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 ? (a(), s("div", pt, [
-            p(E, {
+            p(F, {
               id: e.idNum,
               image: e.image,
               name: e.name,
@@ -682,17 +682,17 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
               quantity: e.quantity,
               checked: e.checked,
               centerName: "",
-              onClick: (u) => l.$emit("click", l.items[i]),
-              onClickClose: (u) => l.$emit("clickClose", l.items[i]),
-              onClickPlus: (u) => l.$emit("clickPlus", l.items[i])
+              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)) : (a(!0), s(j, { key: 1 }, y(l.skeletonQty, (e) => (a(), s("div", {
+          ])) : y("", !0)
+        ], 64))), 128)) : (a(!0), s(j, { key: 1 }, $(l.skeletonQty, (e) => (a(), s("div", {
           key: e,
           class: "adj-personalizations__item"
         }, [
           p(N, {
-            loaders: n,
+            loaders: i,
             centered: ""
           })
         ]))), 128))
@@ -709,35 +709,35 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     debounceTime: { default: 0 }
   },
   emits: ["update:modelValue"],
-  setup(k, { emit: _ }) {
-    const n = k, r = _;
-    function l(i) {
+  setup(k, { emit: v }) {
+    const i = k, r = v;
+    function l(d) {
       return je((u, c) => {
         e(u, c);
-      }, i);
+      }, d);
     }
-    let t = l(n.debounceTime);
-    x(
-      () => n.debounceTime,
+    let t = l(i.debounceTime);
+    ee(
+      () => i.debounceTime,
       () => {
-        t = l(n.debounceTime);
+        t = l(i.debounceTime);
       }
     );
-    function e(i, u) {
-      let c = Number(i);
-      c < n.min && (c = n.min), c > n.max && (c = n.max), u.target.value = c, n.modelValue != c && r("update:modelValue", c);
+    function e(d, u) {
+      let c = Number(d);
+      c < i.min && (c = i.min), c > i.max && (c = i.max), u.target.value = c, i.modelValue != c && r("update:modelValue", c);
     }
-    return (i, u) => (a(), s("div", {
+    return (d, u) => (a(), s("div", {
       class: f(["adj-input", {
-        "adj-input_disabled": i.disabled
+        "adj-input_disabled": d.disabled
       }])
     }, [
-      d("div", vt, [
-        d("input", {
+      n("div", vt, [
+        n("input", {
           ref: "inp",
           class: "adj-input__input",
-          value: i.modelValue,
-          disabled: i.disabled,
+          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))
@@ -764,19 +764,19 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
   },
   emits: ["update:modelValue"],
   setup(k) {
-    H((h) => ({
-      "3df25c76": i.value,
-      "788141de": o.value,
-      "97ae8c6a": g.value,
-      a0b50f04: v.value
+    Q((h) => ({
+      d9b2170a: d.value,
+      "74994cc7": o.value,
+      "1e8c82d5": _.value,
+      "61c59b34": g.value
     }));
-    const _ = k, n = O("refElement"), { height: r } = ke(n), l = I(() => {
+    const v = k, i = J("refElement"), { height: r } = ke(i), l = I(() => {
       let h = [
         {
           aspectRatio: "1"
         }
       ];
-      return _.design === "text" && (h = [
+      return v.design === "text" && (h = [
         { width: "75px", aspectRatio: "1" },
         {
           marginTop: "10px",
@@ -788,70 +788,70 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     function e() {
       t.value = !t.value;
     }
-    const i = I(() => _.design === "text" ? "unset" : t.value ? r.value + 20 + "px" : "122px"), u = I(() => r.value > 75), c = O("refRoot"), m = D(""), V = D(""), o = D("0px"), g = D("0px"), v = D("none"), S = I(() => {
+    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 U() {
+    function B() {
       const h = document.getElementsByClassName(m.value);
       if (h.length > 0) {
-        const w = h[0], { left: T, top: F } = w.getBoundingClientRect(), R = w.offsetWidth, ae = w.offsetHeight;
-        g.value = T + (R - 120) / 2 + "px", o.value = F + ae + 13 + "px";
+        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 ee(h, w) {
-      _.design !== "text" && (m.value = h, V.value = w, U(), v.value = "block");
+    function U(h, w) {
+      v.design !== "text" && (m.value = h, V.value = w, B(), g.value = "block");
     }
     function te() {
-      _.design !== "text" && (m.value = "", V.value = "", v.value = "none");
+      v.design !== "text" && (m.value = "", V.value = "", g.value = "none");
     }
-    return ie(() => {
+    return de(() => {
       var w;
-      window.addEventListener("scroll", U), window.addEventListener("resize", U);
+      window.addEventListener("scroll", B), window.addEventListener("resize", B);
       const h = (w = c.value) == null ? void 0 : w.parentNode;
-      h && h.addEventListener("scroll", U);
+      h && h.addEventListener("scroll", B);
     }), (h, w) => (a(), s(j, null, [
-      d("div", {
+      n("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, y(h.items, (T, F) => (a(), s("div", {
+          (a(!0), s(j, null, $(h.items, (S, Z) => (a(), s("div", {
             class: f([
               "adj-select-image-item",
-              { "adj-select-image-item_checked": T.id === h.modelValue.id }
+              { "adj-select-image-item_checked": S.id === h.modelValue.id }
             ]),
-            key: F,
-            onClick: (R) => h.$emit("update:modelValue", T)
+            key: Z,
+            onClick: (H) => h.$emit("update:modelValue", S)
           }, [
-            d("div", {
-              class: f(["adj-select-image-item__image adj-effect-overlay-normal", `item-${S.value}-${T.id}`]),
-              onMouseenter: L((R) => ee(`item-${S.value}-${T.id}`, T.name), ["stop"]),
-              onMouseleave: w[0] || (w[0] = L((R) => te(), ["stop"]))
+            n("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"]))
             }, [
-              d("img", {
-                src: T.image,
-                alt: T.name
+              n("img", {
+                src: S.image,
+                alt: S.name
               }, null, 8, $t),
-              p(Q, { name: "adj-fade" }, {
+              p(E, { name: "adj-fade" }, {
                 default: M(() => [
-                  q(d("div", bt, [
-                    d("div", Vt, [
-                      p(G)
+                  P(n("div", bt, [
+                    n("div", Vt, [
+                      p(K)
                     ])
                   ], 512), [
-                    [P, T.id === h.modelValue.id]
+                    [R, S.id === h.modelValue.id]
                   ])
                 ]),
                 _: 2
               }, 1024)
             ], 42, yt),
-            d("div", Ct, b(T.name), 1)
+            n("div", Ct, b(S.name), 1)
           ], 10, kt))), 128))
         ], 512)) : (a(), s("div", wt, [
-          (a(!0), s(j, null, y(h.skeletonQty, (T) => (a(), s("div", {
-            key: T,
+          (a(!0), s(j, null, $(h.skeletonQty, (S) => (a(), s("div", {
+            key: S,
             class: "adj-select-image-item"
           }, [
             p(N, {
@@ -860,17 +860,17 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
             }, null, 8, ["loaders"])
           ]))), 128))
         ])),
-        h.design === "image" && !t.value && u.value ? (a(), s("div", At)) : $("", !0)
+        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
       }, [
-        d("span", It, b(t.value ? h.foldText : h.expandText), 1),
-        w[1] || (w[1] = d("i", { class: "adj-select-image__expand-icon icon-arrow-down" }, null, -1))
-      ], 2)) : $("", !0),
-      d("div", Tt, [
+        n("span", It, b(t.value ? h.foldText : h.expandText), 1),
+        w[1] || (w[1] = n("i", { class: "adj-select-image__expand-icon icon-arrow-down" }, null, -1))
+      ], 2)) : y("", !0),
+      n("div", Tt, [
         p(ne, {
           dark: !1,
           horizontalPosition: "center",
@@ -881,7 +881,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
       ])
     ], 64));
   }
-}), X = /* @__PURE__ */ A(St, [["__scopeId", "data-v-e5fc9696"]]), Dt = { class: "adj-personalization-configurator-elements adj-element" }, Nt = { class: "adj-element__item" }, zt = {
+}), 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 = {
@@ -893,7 +893,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
 }, qt = { class: "adj-item__title" }, Pt = {
   key: 3,
   class: "adj-item"
-}, Ut = { class: "adj-item__title" }, Rt = {
+}, Rt = { class: "adj-item__title" }, Ut = {
   key: 4,
   class: "adj-item"
 }, Ht = { class: "adj-item__title" }, Qt = {
@@ -902,7 +902,10 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
 }, 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 = {
+}, Zt = {
+  key: 0,
+  class: "adj-item adj-item_selectImage-title"
+}, Wt = { class: "adj-item__title" }, Yt = {
   key: 7,
   class: "adj-item"
 }, Gt = {
@@ -924,52 +927,61 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     textAdjFilterSelect: {}
   },
   emits: ["update:modelValue"],
-  setup(k, { emit: _ }) {
-    const n = k, r = _;
+  setup(k, { emit: v }) {
+    const i = k, r = v;
     function l(m, V) {
-      r("update:modelValue", { ...n.modelValue, [m]: V });
+      r("update:modelValue", { ...i.modelValue, [m]: V });
     }
     function t(m, V) {
-      return "id" in m ? V.filter((o) => o.textureRef.id === m.id) : 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(
+    const e = I(() => i.items.map((m, V) => m.template !== "selectImage" ? [] : t(
       c.value[V],
       m.values
     )));
-    function i(m) {
-      return m.reduce((o, g) => (o.findIndex((S) => S.id === g.textureRef.id) === -1 && o.push({
-        id: g.textureRef.id,
-        name: g.textureRef.name
-      }), o), []).sort((o, g) => o.name > g.name ? 1 : -1);
+    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" ? [] : i(m.values))), c = D([]);
-    return x(
+    const u = I(() => i.items.map((m) => m.template !== "selectImage" ? [] : d(m.values))), c = D([]);
+    return ee(
       u,
       () => {
         const m = u.value.map(() => ({}));
-        c.value = m;
+        m.length !== c.value.length && (c.value = m);
       },
       { immediate: !0 }
     ), (m, V) => (a(), s("div", Dt, [
-      (a(!0), s(j, null, y(m.items, (o, g) => (a(), s(j, {
+      (a(!0), s(j, null, $(m.items, (o, _) => (a(), s(j, {
         key: o.id
       }, [
-        d("div", Nt, [
+        n("div", Nt, [
           o.template === "checkbox" ? (a(), s("div", zt, [
-            V[0] || (V[0] = d("div", { class: "adj-item__title" }, null, -1)),
-            d("div", {
+            V[0] || (V[0] = n("div", { class: "adj-item__title" }, null, -1)),
+            n("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": (v) => l(o.id, v)
+                "onUpdate:modelValue": (g) => l(o.id, g)
               }, null, 8, ["items", "title", "modelValue", "onUpdate:modelValue"])
             ], 2)
           ])) : o.template === "inputNumber" ? (a(), s("div", Lt, [
-            d("div", Mt, b(o.name), 1),
-            d("div", {
+            n("div", Mt, b(o.name), 1),
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
               p(ft, {
@@ -977,126 +989,126 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
                 min: o.values[0].min,
                 debounceTime: 2e3,
                 modelValue: m.modelValue[o.id].value,
-                "onUpdate:modelValue": (v) => l(o.id, { ...m.modelValue[o.id], value: v })
+                "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, [
-            d("div", qt, b(o.name), 1),
-            d("div", {
+            n("div", qt, b(o.name), 1),
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, b(o.values[0].value), 3)
           ])) : o.template === "selectModern" ? (a(), s("div", Pt, [
-            d("div", Ut, b(o.name), 1),
-            d("div", {
+            n("div", Rt, b(o.name), 1),
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
-              p(Z, {
+              p(W, {
                 design: "text",
                 items: o.values,
                 modelValue: m.modelValue[o.id],
-                "onUpdate:modelValue": (v) => l(o.id, v)
+                "onUpdate:modelValue": (g) => l(o.id, g)
               }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
             ], 2)
-          ])) : o.template === "selectModernBackground" ? (a(), s("div", Rt, [
-            d("div", Ht, b(o.name), 1),
-            d("div", {
+          ])) : o.template === "selectModernBackground" ? (a(), s("div", Ut, [
+            n("div", Ht, b(o.name), 1),
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
-              p(Z, {
+              p(W, {
                 design: "background",
                 items: o.values,
                 modelValue: m.modelValue[o.id],
-                "onUpdate:modelValue": (v) => l(o.id, v)
+                "onUpdate:modelValue": (g) => l(o.id, g)
               }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
             ], 2)
           ])) : o.template === "selectModernImage" ? (a(), s("div", Qt, [
-            d("div", Et, b(o.name), 1),
-            d("div", {
+            n("div", Et, b(o.name), 1),
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
-              p(Z, {
+              p(W, {
                 design: "image",
                 items: o.values,
                 modelValue: m.modelValue[o.id],
-                "onUpdate:modelValue": (v) => l(o.id, v)
+                "onUpdate:modelValue": (g) => l(o.id, g)
               }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
             ], 2)
           ])) : o.template === "selectImage" ? (a(), s("div", Ft, [
-            d("div", Zt, [
-              d("div", Wt, b(o.name), 1),
+            u.value[_].length > 0 ? (a(), s("div", Zt, [
+              n("div", Wt, b(o.name), 1),
               p(re, {
-                items: u.value[g],
-                modelValue: c.value[g],
-                "onUpdate:modelValue": (v) => c.value[g] = v,
+                items: u.value[_],
+                modelValue: c.value[_],
+                "onUpdate:modelValue": (g) => c.value[_] = g,
                 position: "left",
                 title: m.textAdjFilterSelect
               }, null, 8, ["items", "modelValue", "onUpdate:modelValue", "title"])
-            ]),
-            d("div", {
+            ])) : y("", !0),
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
-              p(X, {
+              p(x, {
                 design: "image",
-                items: e.value[g],
+                items: e.value[_],
                 modelValue: m.modelValue[o.id],
                 expandText: m.expandTextAdjSelectImage,
                 foldText: m.foldTextAdjSelectImage,
-                "onUpdate:modelValue": (v) => l(o.id, v)
+                "onUpdate:modelValue": (g) => l(o.id, g)
               }, null, 8, ["items", "modelValue", "expandText", "foldText", "onUpdate:modelValue"])
             ], 2)
           ])) : o.template === "selectImageText" ? (a(), s("div", Yt, [
-            d("div", {
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
-              p(X, {
+              p(x, {
                 design: "text",
                 items: o.values,
                 modelValue: m.modelValue[o.id],
-                "onUpdate:modelValue": (v) => l(o.id, v)
+                "onUpdate:modelValue": (g) => l(o.id, g)
               }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
             ], 2)
           ])) : o.template === "radio" ? (a(), s("div", Gt, [
-            d("div", Kt, b(o.name), 1),
-            d("div", {
+            n("div", Kt, b(o.name), 1),
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
               p(me, {
                 items: o.values,
                 modelValue: m.modelValue[o.id],
-                "onUpdate:modelValue": (v) => l(o.id, v)
+                "onUpdate:modelValue": (g) => l(o.id, g)
               }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
             ], 2)
           ])) : o.template === "tabs" ? (a(), s("div", Ot, [
-            d("div", {
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
               p(ce, {
                 items: o.values,
                 modelValue: m.modelValue[o.id],
-                "onUpdate:modelValue": (v) => l(o.id, v)
+                "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] = d("div", { class: "adj-item__title" }, null, -1)),
-            d("div", {
+            V[1] || (V[1] = n("div", { class: "adj-item__title" }, null, -1)),
+            n("div", {
               class: f(["adj-item__component", `adj-item__component_${o.template}`])
             }, [
               p(pe, {
                 text: o.name,
                 modelValue: m.modelValue[o.id],
-                "onUpdate:modelValue": (v) => l(o.id, v)
+                "onUpdate:modelValue": (g) => l(o.id, g)
               }, null, 8, ["text", "modelValue", "onUpdate:modelValue"])
             ], 2)
-          ])) : $("", !0)
+          ])) : y("", !0)
         ]),
-        !o.hideHr && g < m.items.length - 1 ? (a(), s("div", {
+        !o.hideHr && _ < m.items.length - 1 ? (a(), s("div", {
           key: 0,
           class: f(`adj-${["selectImageText", "tabs"].includes(o.template) ? "solid" : "dashed"}`)
-        }, null, 2)) : $("", !0)
+        }, null, 2)) : y("", !0)
       ], 64))), 128))
     ]));
   }
-}), xt = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-dcd38e38"]]), 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" }, ia = ["onClick"], da = { 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({
+}), xt = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-923745ad"]]), 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: {},
@@ -1111,8 +1123,8 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     textAdjFilterSelect: {}
   },
   emits: ["clickClose", "clickSave", "clickAddPersonalization", "clickDeletePersonalization", "update:modelValue", "update:activeModelAndItemId"],
-  setup(k, { emit: _ }) {
-    const n = _;
+  setup(k, { emit: v }) {
+    const i = v;
     return (r, l) => (a(), s("div", ea, [
       p(_e, {
         show: !0,
@@ -1120,65 +1132,65 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
         hideClose: ""
       }, {
         default: M(() => [
-          d("div", ta, [
-            d("div", aa, [
-              d("div", la, b(r.name), 1),
-              d("div", sa, [
-                p(W, {
+          n("div", ta, [
+            n("div", aa, [
+              n("div", la, b(r.name), 1),
+              n("div", sa, [
+                p(Y, {
                   iconName: "icon-close",
                   size: 34,
                   design: "light",
                   disabled: !1,
-                  onClick: l[0] || (l[0] = (t) => n("clickClose"))
+                  onClick: l[0] || (l[0] = (t) => i("clickClose"))
                 })
               ])
             ]),
-            d("div", oa, [
+            n("div", oa, [
               p(ve, {
                 class: "adj-window__body",
                 maxHeight: "100%"
               }, {
                 default: M(() => [
-                  (a(!0), s(j, null, y(r.modelsAndItems, (t, e) => (a(), s(j, { key: e }, [
+                  (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: (i) => n("update:activeModelAndItemId", e)
+                      onClick: (d) => i("update:activeModelAndItemId", e)
                     }, [
-                      d("div", da, [
-                        p(W, {
+                      n("div", ia, [
+                        p(Y, {
                           iconName: `icon-arrow-${r.activeModelAndItemId === e ? "down" : "right"}`,
                           size: 24,
                           design: "light",
                           disabled: !1
                         }, null, 8, ["iconName"])
                       ]),
-                      d("div", {
+                      n("div", {
                         class: f(["adj-miltititle__title adj-text-16-bold", { "adj-miltititle__title_active": r.activeModelAndItemId === e }])
                       }, b(r.name) + " " + b(e + 1), 3),
-                      d("div", na, [
-                        p(W, {
+                      n("div", na, [
+                        p(Y, {
                           iconName: "icon-close",
                           size: 24,
                           design: "light",
                           disabled: !1,
-                          onClick: (i) => n("clickDeletePersonalization", e)
+                          onClick: (d) => i("clickDeletePersonalization", e)
                         }, null, 8, ["onClick"])
                       ])
-                    ], 8, ia)) : $("", !0),
-                    p(Q, { name: "adj-popup-pers" }, {
+                    ], 8, da)) : y("", !0),
+                    p(E, { name: "adj-popup-pers" }, {
                       default: M(() => [
-                        q(d("div", ua, [
+                        P(n("div", ua, [
                           p(xt, {
                             items: t.items,
                             modelValue: t.modelValue,
                             expandTextAdjSelectImage: r.expandTextAdjSelectImage,
                             foldTextAdjSelectImage: r.foldTextAdjSelectImage,
                             textAdjFilterSelect: r.textAdjFilterSelect,
-                            "onUpdate:modelValue": (i) => r.$emit("update:modelValue", e, i)
+                            "onUpdate:modelValue": (d) => r.$emit("update:modelValue", e, d)
                           }, null, 8, ["items", "modelValue", "expandTextAdjSelectImage", "foldTextAdjSelectImage", "textAdjFilterSelect", "onUpdate:modelValue"])
                         ], 512), [
-                          [P, r.activeModelAndItemId === e]
+                          [R, r.activeModelAndItemId === e]
                         ])
                       ]),
                       _: 2
@@ -1188,24 +1200,24 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
                 _: 1
               })
             ]),
-            d("div", ra, [
-              p(Y, {
+            n("div", ra, [
+              p(G, {
                 title: r.titleSave,
                 size: "small",
                 design: "primary",
                 round: "",
                 iconLeft: "icon-done-circle",
-                onClick: l[1] || (l[1] = (t) => n("clickSave"))
+                onClick: l[1] || (l[1] = (t) => i("clickSave"))
               }, null, 8, ["title"]),
-              r.multiple ? (a(), z(Y, {
+              r.multiple ? (a(), z(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"])) : $("", !0)
+                onClick: l[2] || (l[2] = (t) => i("clickAddPersonalization"))
+              }, null, 8, ["title"])) : y("", !0)
             ])
           ])
         ]),
@@ -1221,15 +1233,15 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
     duration: { default: 0 }
   },
   emits: ["click"],
-  setup(k, { emit: _ }) {
-    const n = _;
+  setup(k, { emit: v }) {
+    const i = v;
     return (r, l) => (a(), s("div", ca, [
-      d("div", pa, [
-        r.items.length > 0 ? (a(!0), s(j, { key: 0 }, y(r.items, (t) => (a(), s("div", {
+      n("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"
         }, [
-          p(K, {
+          p(O, {
             id: t.id,
             name: t.name,
             hintHtml: t.hintHtml,
@@ -1238,9 +1250,9 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
             checked: !1,
             images: t.images,
             modelValue: t,
-            onClick: (e) => n("click", t)
+            onClick: (e) => i("click", t)
           }, null, 8, ["id", "name", "hintHtml", "duration", "images", "modelValue", "onClick"])
-        ]))), 128)) : (a(!0), s(j, { key: 1 }, y(r.skeletonQty, (t) => (a(), s("div", {
+        ]))), 128)) : (a(!0), s(j, { key: 1 }, $(r.skeletonQty, (t) => (a(), s("div", {
           key: t,
           class: "adj-products__item"
         }, [
@@ -1264,7 +1276,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
   },
   emits: ["update:modelValue"],
   setup(k) {
-    const _ = k, n = [
+    const v = k, i = [
       {
         height: "34px",
         width: "85px"
@@ -1280,46 +1292,46 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
       }
     ], l = I(() => {
       var t;
-      for (const e of _.groups) {
+      for (const e of v.groups) {
         e.items;
-        for (const i of e.items)
-          if (i.id === ((t = _.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) => (a(), s("div", va, [
-      d("div", ga, [
-        t.groups.length > 0 ? (a(!0), s(j, { key: 0 }, y(t.groups, (i) => {
+      n("div", ga, [
+        t.groups.length > 0 ? (a(!0), s(j, { key: 0 }, $(t.groups, (d) => {
           var u;
-          return a(), z(Y, {
-            title: i.name,
+          return a(), z(G, {
+            title: d.name,
             size: "small",
-            design: i.id === ((u = l.value) == null ? void 0 : u.id) ? "alternative-active" : "alternative",
-            onClick: (c) => t.$emit("update:modelValue", i.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)) : (a(), s(j, { key: 1 }, y(4, (i) => d("div", { key: i }, [
-          p(N, { loaders: n })
+        }), 256)) : (a(), s(j, { key: 1 }, $(4, (d) => n("div", { key: d }, [
+          p(N, { loaders: i })
         ])), 64))
       ]),
-      d("div", ha, [
-        t.groups.length > 0 && l.value ? (a(!0), s(j, { key: 0 }, y(l.value.items, (i, u) => {
+      n("div", ha, [
+        t.groups.length > 0 && l.value ? (a(!0), s(j, { key: 0 }, $(l.value.items, (d, u) => {
           var c;
           return a(), s("div", {
             class: "adj-stitchings__item",
             key: u
           }, [
-            p(E, {
-              id: i.id,
-              image: i.image,
+            p(F, {
+              id: d.id,
+              image: d.image,
               aspectRatio: 1.5,
-              name: i.name,
-              checked: i.id == ((c = t.modelValue) == null ? void 0 : c.id),
-              onClick: (m) => t.$emit("update:modelValue", i)
+              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)) : (a(!0), s(j, { key: 1 }, y(t.skeletonQty, (i) => (a(), s("div", {
-          key: i,
+        }), 128)) : (a(!0), s(j, { key: 1 }, $(t.skeletonQty, (d) => (a(), s("div", {
+          key: d,
           class: "adj-stitchings__item"
         }, [
           p(N, { loaders: r })