@poni/adjutant-ui 0.0.101 → 0.0.102

package/dist/constructor.js

@@ -1,26 +1,22 @@
-import { defineComponent as f, useCssVars as Q, ref as q, openBlock as i, createElementBlock as l, normalizeClass as b, withModifiers as A, createElementVNode as u, normalizeStyle as W, toDisplayString as $, createCommentVNode as g, createBlock as D, createVNode as m, Transition as H, withCtx as B, withDirectives as S, vShow as T, Fragment as h, renderList as v, pushScopeId as E, popScopeId as F, computed as C } from "vue";
-import { A as I, a as z, _ as j, b as w, c as Y, d as G } from "./AdjSvgActive-BdMqG9Kf.js";
-import { useWindowSize as K, useMemoize as U, useWindowScroll as J } from "@vueuse/core";
-const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top" }, X = ["src", "alt"], x = {
+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-_jf_nXsW.js";
+import { useWindowSize as F, useMemoize as Y, useWindowScroll as G } from "@vueuse/core";
+const K = { class: "adj-top" }, U = ["src", "alt"], J = {
   key: 0,
   class: "adj-top__hint adj-hint"
-}, ee = { class: "adj-hint__wrapper" }, te = { class: "adj-text-13" }, ae = { class: "adj-text-16" }, ie = { class: "adj-top__labels adj-labels adj-text-14" }, le = {
+}, 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 = {
   key: 0,
   class: "adj-labels__label"
-}, se = {
+}, ae = {
   key: 1,
   class: "adj-labels__label"
-}, oe = {
+}, ie = {
   key: 2,
   class: "adj-labels__label"
-}, ne = /* @__PURE__ */ R(() => /* @__PURE__ */ u("i", { className: "icon-close" }, null, -1)), de = [
-  ne
-], re = {
+}, le = {
   key: 2,
   class: "adj-square adj-square_quantity"
-}, ue = /* @__PURE__ */ R(() => /* @__PURE__ */ u("i", { className: "icon-plus" }, null, -1)), ce = [
-  ue
-], me = { class: "adj-top__check" }, pe = { class: "adj-bottom" }, he = ["innerHTML"], ke = /* @__PURE__ */ f({
+}, se = { class: "adj-top__check" }, oe = { class: "adj-bottom" }, ne = ["innerHTML"], de = /* @__PURE__ */ f({
   __name: "AdjImageItem",
   props: {
     id: {},
@@ -44,11 +40,11 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     centerName: { type: Boolean, default: !1 }
   },
   emits: ["click", "clickZoom", "clickDetail", "clickClose", "clickPlus"],
-  setup(p, { emit: r }) {
+  setup(v, { emit: r }) {
     Q((t) => ({
-      "031d7999": t.width
+      "7cf767a0": t.width
     }));
-    const o = r, d = q(!1);
+    const o = r, d = B(!1);
     function a(t) {
       d.value = t;
     }
@@ -62,75 +58,79 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       onMouseenter: e[6] || (e[6] = (s) => a(!0)),
       onMouseleave: e[7] || (e[7] = (s) => a(!1))
     }, [
-      u("div", O, [
+      u("div", K, [
         u("img", {
           class: "adj-top__image",
-          style: W({ aspectRatio: t.aspectRatio }),
+          style: Z({ aspectRatio: t.aspectRatio }),
           src: t.image,
           alt: t.name
-        }, null, 12, X),
-        t.hints.length > 0 ? (i(), l("div", x, [
-          u("div", ee, [
-            u("div", te, $(t.hints[0]), 1),
-            u("div", ae, $(t.hints[1]), 1)
+        }, 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)
           ])
-        ])) : g("", !0),
-        u("div", ie, [
-          t.labelSale ? (i(), l("div", le, "Sale")) : g("", !0),
-          t.labelNew ? (i(), l("div", se, "NEW")) : g("", !0),
-          t.labelCmyk ? (i(), l("div", oe, "CMYK")) : g("", !0)
+        ])) : _("", !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)
         ]),
         t.buttonClose ? (i(), l("div", {
           key: 1,
           class: "adj-square adj-square_close",
           onClick: e[0] || (e[0] = A((s) => t.$emit("clickClose"), ["stop"]))
-        }, de)) : g("", !0),
-        t.labelQuantity ? (i(), l("div", re, $(t.quantity), 1)) : g("", !0),
+        }, 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", {
           key: 3,
           class: "adj-square adj-square_plus",
           onClick: e[1] || (e[1] = A((s) => t.$emit("clickPlus"), ["stop"]))
-        }, ce)) : g("", !0),
+        }, e[9] || (e[9] = [
+          u("i", { className: "icon-plus" }, null, -1)
+        ]))) : _("", !0),
         u("div", {
           class: "adj-top__buttons",
           onClick: e[4] || (e[4] = A(() => {
           }, ["stop"]))
         }, [
-          t.buttonZoom ? (i(), D(I, {
+          t.buttonZoom ? (i(), D(L, {
             key: 0,
             iconName: "icon-zoom",
             onClick: e[2] || (e[2] = (s) => t.$emit("clickZoom"))
-          })) : g("", !0),
-          t.buttonDetail ? (i(), D(I, {
+          })) : _("", !0),
+          t.buttonDetail ? (i(), D(L, {
             key: 1,
             iconName: "icon-menu-burger",
             onClick: e[3] || (e[3] = (s) => t.$emit("clickDetail"))
-          })) : g("", !0)
+          })) : _("", !0)
         ]),
         m(H, { name: "adj-fade" }, {
-          default: B(() => [
-            S(u("div", me, [
+          default: I(() => [
+            T(u("div", se, [
               m(z)
             ], 512), [
-              [T, t.checked]
+              [S, t.checked]
             ])
           ]),
           _: 1
         })
       ]),
-      u("div", pe, [
+      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(h, null, v(t.subnames, (s, n) => (i(), l("div", {
+        (i(!0), l(p, null, g(t.subnames, (s, n) => (i(), l("div", {
           key: n,
           class: "adj-bottom__subtitle adj-text-13",
           innerHTML: s
-        }, null, 8, he))), 128))
+        }, null, 8, ne))), 128))
       ])
     ], 34));
   }
-}), L = /* @__PURE__ */ j(ke, [["__scopeId", "data-v-22585092"]]), _e = { class: "adj-blocks" }, ve = /* @__PURE__ */ f({
+}), N = /* @__PURE__ */ j(de, [["__scopeId", "data-v-3d88e42b"]]), re = { class: "adj-blocks" }, ue = /* @__PURE__ */ f({
   __name: "AdjBlocks",
   props: {
     modelValue: {},
@@ -138,7 +138,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     skeletonQty: { default: 8 }
   },
   emits: ["update:modelValue", "clickZoom", "clickDetail"],
-  setup(p) {
+  setup(v) {
     const r = [
       {
         aspectRatio: "1.43"
@@ -162,16 +162,21 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
         marginTop: "6px",
         height: "13px",
         width: "75%"
+      },
+      {
+        marginTop: "6px",
+        height: "13px",
+        width: "60%"
       }
     ];
-    return (o, d) => (i(), l("div", _e, [
-      o.items.length > 0 ? (i(!0), l(h, { key: 0 }, v(o.items, (a, t) => {
+    return (o, d) => (i(), l("div", re, [
+      o.items.length > 0 ? (i(!0), l(p, { key: 0 }, g(o.items, (a, t) => {
         var e;
         return i(), l("div", {
           class: "adj-blocks__item",
           key: t
         }, [
-          m(L, {
+          m(N, {
             id: a.id,
             image: a.image,
             name: a.name,
@@ -186,7 +191,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
             onClickDetail: (s) => o.$emit("clickDetail", a)
           }, null, 8, ["id", "image", "name", "subnames", "checked", "labelNew", "labelSale", "onClick", "onClickZoom", "onClickDetail"])
         ]);
-      }), 128)) : (i(!0), l(h, { key: 1 }, v(o.skeletonQty, (a) => (i(), l("div", {
+      }), 128)) : (i(!0), l(p, { key: 1 }, g(o.skeletonQty, (a) => (i(), l("div", {
         key: a,
         class: "adj-blocks__item"
       }, [
@@ -194,7 +199,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       ]))), 128))
     ]));
   }
-}), st = /* @__PURE__ */ j(ve, [["__scopeId", "data-v-9916f944"]]), ge = { class: "adj-top" }, fe = ["src", "alt"], je = ["src"], ye = { class: "adj-top__check" }, be = { class: "adj-top__icon-buttons" }, $e = { class: "adj-bottom" }, Ce = { class: "adj-bottom__title adj-text-16" }, we = /* @__PURE__ */ f({
+}), 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({
   __name: "AdjCoverItem",
   props: {
     id: {},
@@ -210,93 +215,93 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     width: { default: "100%" }
   },
   emits: ["click", "switchCorner"],
-  setup(p, { emit: r }) {
-    Q((_) => ({
-      "552f88e4": _.width
+  setup(v, { emit: r }) {
+    Q((h) => ({
+      "36b60755": h.width
     }));
-    const o = p, d = r, a = q(!1);
+    const o = v, d = r, a = B(!1);
     let t = null;
-    const e = q(0), s = C(
+    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(_) {
-      a.value = _, t == null && k();
+    function c(h) {
+      a.value = h, t == null && k();
     }
     function k() {
       t = window.setTimeout(() => {
-        a.value ? N() : Z();
+        a.value ? q() : R();
       }, s.value);
     }
-    function N() {
+    function q() {
       e.value < o.images.length - 1 ? (e.value++, k()) : t = null;
     }
-    function Z() {
+    function R() {
       e.value > 0 ? (e.value--, k()) : t = null;
     }
-    return (_, y) => (i(), l("div", {
+    return (h, y) => (i(), l("div", {
       class: b(["adj-cover-item", {
         "adj-cover-item_hovered": a.value,
-        "adj-cover-item_checked": _.checked,
-        "adj-cover-item_underlined": _.underlined
+        "adj-cover-item_checked": h.checked,
+        "adj-cover-item_underlined": h.underlined
       }]),
-      onClick: y[2] || (y[2] = A((V) => d("click", _.modelValue), ["stop"])),
+      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))
     }, [
-      u("div", ge, [
+      u("div", ce, [
         u("img", {
           class: "adj-top__image",
           src: n.value,
-          alt: _.name
-        }, null, 8, fe),
-        (i(!0), l(h, null, v(_.images, (V) => S((i(), l("img", {
+          alt: h.name
+        }, null, 8, me),
+        (i(!0), l(p, null, g(h.images, (V) => T((i(), l("img", {
           class: "adj-top__image-cache",
           key: V,
           src: V
-        }, null, 8, je)), [
-          [T, !1]
+        }, null, 8, pe)), [
+          [S, !1]
         ])), 128)),
         m(H, { name: "adj-fade" }, {
-          default: B(() => [
-            S(u("div", ye, [
+          default: I(() => [
+            T(u("div", ke, [
               m(z)
             ], 512), [
-              [T, _.checked]
+              [S, h.checked]
             ])
           ]),
           _: 1
         }),
-        u("div", be, [
-          _.hintHtml ? (i(), D(Y, {
+        u("div", he, [
+          h.hintHtml ? (i(), D(W, {
             key: 0,
-            html: _.hintHtml,
+            html: h.hintHtml,
             "horizontal-position": "left",
             "vertical-position": "bottom",
             "modal-mode": !0
           }, {
-            default: B(() => [
-              m(I, { iconName: "icon-info" })
+            default: I(() => [
+              m(L, { iconName: "icon-info" })
             ]),
             _: 1
-          }, 8, ["html"])) : g("", !0),
-          _.showCornerSwitcher && !_.roundedCorner ? (i(), D(I, {
+          }, 8, ["html"])) : _("", !0),
+          h.showCornerSwitcher && !h.roundedCorner ? (i(), D(L, {
             key: 1,
             iconName: "icon-corner-sharp",
-            onClick: y[0] || (y[0] = (V) => d("switchCorner", _.modelValue))
-          })) : g("", !0),
-          _.showCornerSwitcher && _.roundedCorner ? (i(), D(I, {
+            onClick: y[0] || (y[0] = (V) => d("switchCorner", h.modelValue))
+          })) : _("", !0),
+          h.showCornerSwitcher && h.roundedCorner ? (i(), D(L, {
             key: 2,
             iconName: "icon-corner-rounded",
-            onClick: y[1] || (y[1] = (V) => d("switchCorner", _.modelValue))
-          })) : g("", !0)
+            onClick: y[1] || (y[1] = (V) => d("switchCorner", h.modelValue))
+          })) : _("", !0)
         ])
       ]),
-      u("div", $e, [
-        u("div", Ce, $(_.name), 1)
+      u("div", ge, [
+        u("div", ve, $(h.name), 1)
       ])
     ], 34));
   }
-}), M = /* @__PURE__ */ j(we, [["__scopeId", "data-v-d03f86d3"]]), Ve = { class: "adj-laminates" }, De = /* @__PURE__ */ f({
+}), M = /* @__PURE__ */ j(_e, [["__scopeId", "data-v-f68f5046"]]), fe = { class: "adj-laminates" }, je = /* @__PURE__ */ f({
   __name: "AdjLaminates",
   props: {
     modelValue: {},
@@ -304,13 +309,13 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     skeletonQty: { default: 2 }
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: r }) {
+  setup(v, { emit: r }) {
     const o = r, d = [
       { aspectRatio: "0.66", width: "65%" },
       { marginTop: "20px", height: "26px", width: "120px" }
     ];
-    return (a, t) => (i(), l("div", Ve, [
-      a.items.length > 0 ? (i(!0), l(h, { key: 0 }, v(a.items, (e) => {
+    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", {
           key: e.id,
@@ -326,7 +331,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
             onClick: (n) => o("update:modelValue", e)
           }, null, 8, ["id", "name", "checked", "images", "modelValue", "onClick"])
         ]);
-      }), 128)) : (i(!0), l(h, { key: 1 }, v(a.skeletonQty, (e) => (i(), l("div", {
+      }), 128)) : (i(!0), l(p, { key: 1 }, g(a.skeletonQty, (e) => (i(), l("div", {
         key: e,
         class: "adj-laminates__item"
       }, [
@@ -337,7 +342,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       ]))), 128))
     ]));
   }
-}), ot = /* @__PURE__ */ j(De, [["__scopeId", "data-v-650086d6"]]), Ae = { class: "adj-materials" }, Ie = /* @__PURE__ */ f({
+}), xe = /* @__PURE__ */ j(je, [["__scopeId", "data-v-9be5871f"]]), ye = { class: "adj-materials" }, be = /* @__PURE__ */ f({
   __name: "AdjMaterials",
   props: {
     modelValue: {},
@@ -345,7 +350,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     skeletonQty: { default: 30 }
   },
   emits: ["update:modelValue", "clickDetail"],
-  setup(p) {
+  setup(v) {
     const r = [
       {
         aspectRatio: "1"
@@ -366,14 +371,14 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
         width: "90%"
       }
     ];
-    return (o, d) => (i(), l("div", Ae, [
-      o.items.length > 0 ? (i(!0), l(h, { key: 0 }, v(o.items, (a, t) => {
+    return (o, d) => (i(), l("div", ye, [
+      o.items.length > 0 ? (i(!0), l(p, { key: 0 }, g(o.items, (a, t) => {
         var e;
         return i(), l("div", {
           class: "adj-materials__item",
           key: t
         }, [
-          m(L, {
+          m(N, {
             id: a.id,
             image: a.image,
             bordered: !0,
@@ -390,7 +395,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
             onClickDetail: (s) => o.$emit("clickDetail", a)
           }, null, 8, ["id", "image", "name", "subnames", "hints", "checked", "labelNew", "labelCmyk", "labelSale", "onClick", "onClickDetail"])
         ]);
-      }), 128)) : (i(!0), l(h, { key: 1 }, v(o.skeletonQty, (a) => (i(), l("div", {
+      }), 128)) : (i(!0), l(p, { key: 1 }, g(o.skeletonQty, (a) => (i(), l("div", {
         key: a,
         class: "adj-materials__item"
       }, [
@@ -398,7 +403,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       ]))), 128))
     ]));
   }
-}), nt = /* @__PURE__ */ j(Ie, [["__scopeId", "data-v-1abfc64b"]]), Le = { class: "adj-cover-group-item" }, Ne = /* @__PURE__ */ f({
+}), et = /* @__PURE__ */ j(be, [["__scopeId", "data-v-a849395c"]]), $e = { class: "adj-cover-group-item" }, Ce = /* @__PURE__ */ f({
   __name: "AdjCoverGroupItem",
   props: {
     modelValue: {},
@@ -407,12 +412,12 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     duration: { default: 0 }
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: r }) {
-    const o = p, d = r;
+  setup(v, { emit: r }) {
+    const o = v, d = r;
     function a(n) {
       var c;
       if (n.id !== ((c = o.modelValue) == null ? void 0 : c.id)) {
-        const k = o.items.find((N) => N.id === n.id);
+        const k = o.items.find((q) => q.id === n.id);
         k && d("update:modelValue", k);
       }
     }
@@ -430,7 +435,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       var n;
       return ((n = o.modelValue) == null ? void 0 : n.id) === e.value.id;
     });
-    return (n, c) => (i(), l("div", Le, [
+    return (n, c) => (i(), l("div", $e, [
       m(M, {
         id: e.value.id,
         name: e.value.name,
@@ -447,7 +452,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       }, null, 8, ["id", "name", "hintHtml", "showCornerSwitcher", "roundedCorner", "duration", "checked", "images", "modelValue", "width"])
     ]));
   }
-}), qe = { class: "adj-models" }, Be = /* @__PURE__ */ f({
+}), we = { class: "adj-models" }, Ve = /* @__PURE__ */ f({
   __name: "AdjModels",
   props: {
     modelValue: {},
@@ -456,20 +461,20 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     duration: { default: 0 }
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: r }) {
+  setup(v, { emit: r }) {
     const o = r;
-    return (d, a) => (i(), l("div", qe, [
-      d.groupItems.length > 0 ? (i(!0), l(h, { key: 0 }, v(d.groupItems, (t, e) => (i(), l("div", {
+    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", {
         class: "adj-models__item",
         key: e
       }, [
-        m(Ne, {
+        m(Ce, {
           modelValue: d.modelValue,
           items: t,
           duration: d.duration,
           "onUpdate:modelValue": a[0] || (a[0] = (s) => o("update:modelValue", s))
         }, null, 8, ["modelValue", "items", "duration"])
-      ]))), 128)) : (i(!0), l(h, { key: 1 }, v(d.skeletonQty, (t) => (i(), l("div", {
+      ]))), 128)) : (i(!0), l(p, { key: 1 }, g(d.skeletonQty, (t) => (i(), l("div", {
         key: t,
         class: "adj-models__item"
       }, [
@@ -483,7 +488,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       ]))), 128))
     ]));
   }
-}), dt = /* @__PURE__ */ j(Be, [["__scopeId", "data-v-822553a7"]]), Se = { class: "adj-navigator-item__top" }, Te = { key: 0 }, Qe = /* @__PURE__ */ f({
+}), tt = /* @__PURE__ */ j(Ve, [["__scopeId", "data-v-16e28efc"]]), De = { class: "adj-navigator-item__top" }, Ae = { key: 0 }, Le = /* @__PURE__ */ f({
   __name: "AdjNavigatorItem",
   props: {
     id: {},
@@ -497,8 +502,8 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(p, { emit: r }) {
-    const o = p, d = r;
+  setup(v, { emit: r }) {
+    const o = v, d = r;
     function a() {
       !o.loading && o.squareDesign !== "disabled" && d("click");
     }
@@ -509,14 +514,14 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       }]),
       onClick: a
     }, [
-      u("div", Se, [
+      u("div", De, [
         u("div", {
           class: b(["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}`])
         }, [
-          t.squareType === "id" ? (i(), l("span", Te, $(t.id), 1)) : (i(), l("i", {
+          t.squareType === "id" ? (i(), l("span", Ae, $(t.id), 1)) : (i(), l("i", {
             key: 1,
             class: b(t.squareType)
           }, null, 2))
@@ -528,16 +533,16 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       t.showLabel ? (i(), l("div", {
         key: 0,
         class: b(["adj-navigator-item__label", `adj-navigator-item__label_${t.squareDesign}`])
-      }, $(t.label), 3)) : g("", !0)
+      }, $(t.label), 3)) : _("", !0)
     ], 2));
   }
-}), Me = /* @__PURE__ */ j(Qe, [["__scopeId", "data-v-64e116d0"]]), Pe = {
+}), Ne = /* @__PURE__ */ j(Le, [["__scopeId", "data-v-1c5e5a3c"]]), qe = {
   key: 0,
   class: "adj-navigator-wrapper"
-}, He = {
+}, Be = {
   key: 0,
   class: "adj-navigator-wrapper__item-title"
-}, ze = /* @__PURE__ */ f({
+}, Ie = /* @__PURE__ */ f({
   __name: "AdjNavigatorWrapper",
   props: {
     items: {},
@@ -545,14 +550,14 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(p) {
-    const r = p, { width: o } = K();
+  setup(v) {
+    const r = v, { width: o } = F();
     function d(e) {
       "title" in e[0] || (e[0].leftLineDesign = "hidden");
       const s = e.length - 1;
       "title" in e[s] || (e[s].rightLineDesign = "hidden");
     }
-    const a = U(
+    const a = Y(
       (e) => {
         if (e.length === 0)
           return [];
@@ -560,16 +565,18 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
         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;
       }
-    ), t = C(() => {
-      let e = [];
-      return o.value >= 780 ? e = r.items : e = a(r.items), d(e), e;
-    });
-    return (e, s) => e.items.length > 0 ? (i(), l("div", Pe, [
-      (i(!0), l(h, null, v(t.value, (n) => (i(), l("div", {
+    ), t = C(
+      () => {
+        let e = [];
+        return o.value >= 780 ? e = r.items : e = a(r.items), d(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,
         class: "adj-navigator-wrapper__item"
       }, [
-        "title" in n ? (i(), l("div", He, $(n.title), 1)) : (i(), D(Me, {
+        "title" in n ? (i(), l("div", Be, $(n.title), 1)) : (i(), D(Ne, {
           key: 1,
           id: n.id,
           step: n.step,
@@ -583,12 +590,12 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
           onClick: (c) => e.$emit("click", n)
         }, null, 8, ["id", "step", "squareType", "squareDesign", "leftLineDesign", "rightLineDesign", "label", "showLabel", "loading", "onClick"]))
       ]))), 128))
-    ])) : g("", !0);
+    ])) : _("", !0);
   }
-}), P = /* @__PURE__ */ j(ze, [["__scopeId", "data-v-bf449487"]]), Re = { class: "adj-navigator" }, Ze = {
+}), P = /* @__PURE__ */ j(Ie, [["__scopeId", "data-v-b5aa1e70"]]), Te = { class: "adj-navigator" }, Se = {
   key: 0,
   class: "adj-navigator__fixed"
-}, We = { class: "adj-navigator__inline" }, Ee = /* @__PURE__ */ f({
+}, Qe = { class: "adj-navigator__inline" }, Me = /* @__PURE__ */ f({
   __name: "AdjNavigator",
   props: {
     items: {},
@@ -596,21 +603,21 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     mobileMarginTop: { default: "0px" }
   },
   emits: ["click"],
-  setup(p) {
+  setup(v) {
     Q((d) => ({
-      "73ef0170": d.mobileMarginTop
+      "3c509cff": d.mobileMarginTop
     }));
-    const { y: r } = J(), o = C(() => r.value > 90);
-    return (d, a) => (i(), l("div", Re, [
-      o.value ? (i(), l("div", Ze, [
+    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,
           showLabel: !1,
           loading: d.loading,
           onClick: a[0] || (a[0] = (t) => d.$emit("click", t))
         }, null, 8, ["items", "loading"])
-      ])) : g("", !0),
-      u("div", We, [
+      ])) : _("", !0),
+      u("div", Qe, [
         m(P, {
           items: d.items,
           showLabel: !0,
@@ -620,10 +627,10 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       ])
     ]));
   }
-}), rt = /* @__PURE__ */ j(Ee, [["__scopeId", "data-v-78d45dfe"]]), Fe = { class: "adj-personalizations" }, Ye = { class: "adj-personalizations__items" }, Ge = {
+}), at = /* @__PURE__ */ j(Me, [["__scopeId", "data-v-f6afeb86"]]), Pe = { class: "adj-personalizations" }, He = { class: "adj-personalizations__items" }, ze = {
   key: 0,
   class: "adj-personalizations__item"
-}, Ke = /* @__PURE__ */ f({
+}, Re = /* @__PURE__ */ f({
   __name: "AdjPersonalizations",
   props: {
     modelValue: { default: () => ({}) },
@@ -631,8 +638,8 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     skeletonQty: { default: 6 }
   },
   emits: ["click", "clickClose", "clickPlus"],
-  setup(p) {
-    const r = p, o = [
+  setup(v) {
+    const r = v, o = [
       {
         aspectRatio: "1"
       },
@@ -658,13 +665,13 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
         checked: n
       };
     }));
-    return (a, t) => (i(), l("div", Fe, [
-      u("div", Ye, [
-        a.items.length > 0 ? (i(!0), l(h, { key: 0 }, v(d.value, (e, s) => (i(), l(h, {
+    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, {
           key: e.idNum
         }, [
-          e.hidden !== !0 ? (i(), l("div", Ge, [
-            m(L, {
+          e.hidden !== !0 ? (i(), l("div", ze, [
+            m(N, {
               id: e.idNum,
               image: e.image,
               name: e.name,
@@ -679,8 +686,8 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
               onClickClose: (n) => a.$emit("clickClose", a.items[s]),
               onClickPlus: (n) => a.$emit("clickPlus", a.items[s])
             }, null, 8, ["id", "image", "name", "buttonClose", "buttonPlus", "labelQuantity", "quantity", "checked", "onClick", "onClickClose", "onClickPlus"])
-          ])) : g("", !0)
-        ], 64))), 128)) : (i(!0), l(h, { key: 1 }, v(a.skeletonQty, (e) => (i(), l("div", {
+          ])) : _("", !0)
+        ], 64))), 128)) : (i(!0), l(p, { key: 1 }, g(a.skeletonQty, (e) => (i(), l("div", {
           key: e,
           class: "adj-personalizations__item"
         }, [
@@ -692,7 +699,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       ])
     ]));
   }
-}), ut = /* @__PURE__ */ j(Ke, [["__scopeId", "data-v-e5da9dab"]]), Ue = { class: "adj-products" }, Je = { class: "adj-products_wrapper" }, Oe = /* @__PURE__ */ f({
+}), it = /* @__PURE__ */ j(Re, [["__scopeId", "data-v-492497f8"]]), Ze = { class: "adj-products" }, We = { class: "adj-products_wrapper" }, Ee = /* @__PURE__ */ f({
   __name: "AdjProducts",
   props: {
     items: {},
@@ -700,11 +707,11 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     duration: { default: 0 }
   },
   emits: ["click"],
-  setup(p, { emit: r }) {
+  setup(v, { emit: r }) {
     const o = r;
-    return (d, a) => (i(), l("div", Ue, [
-      u("div", Je, [
-        d.items.length > 0 ? (i(!0), l(h, { key: 0 }, v(d.items, (t) => (i(), l("div", {
+    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", {
           key: t.id,
           class: "adj-products__item"
         }, [
@@ -719,7 +726,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
             modelValue: t,
             onClick: (e) => o("click", t)
           }, null, 8, ["id", "name", "hintHtml", "duration", "images", "modelValue", "onClick"])
-        ]))), 128)) : (i(!0), l(h, { key: 1 }, v(d.skeletonQty, (t) => (i(), l("div", {
+        ]))), 128)) : (i(!0), l(p, { key: 1 }, g(d.skeletonQty, (t) => (i(), l("div", {
           key: t,
           class: "adj-products__item"
         }, [
@@ -734,7 +741,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       ])
     ]));
   }
-}), ct = /* @__PURE__ */ j(Oe, [["__scopeId", "data-v-3ac9648b"]]), Xe = { class: "adj-stitchings" }, xe = { class: "adj-stitchings__groups" }, et = { class: "adj-stitchings__items" }, tt = /* @__PURE__ */ f({
+}), 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({
   __name: "AdjStitchings",
   props: {
     modelValue: {},
@@ -742,8 +749,8 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
     skeletonQty: { default: 6 }
   },
   emits: ["update:modelValue"],
-  setup(p) {
-    const r = p, o = [
+  setup(v) {
+    const r = v, o = [
       {
         height: "34px",
         width: "85px"
@@ -767,28 +774,28 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       }
       return null;
     });
-    return (t, e) => (i(), l("div", Xe, [
-      u("div", xe, [
-        t.groups.length > 0 ? (i(!0), l(h, { key: 0 }, v(t.groups, (s) => {
+    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(G, {
+          return i(), D(E, {
             title: s.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])
           }, null, 8, ["title", "design", "onClick"]);
-        }), 256)) : (i(), l(h, { key: 1 }, v(4, (s) => u("div", { key: s }, [
+        }), 256)) : (i(), l(p, { key: 1 }, g(4, (s) => u("div", { key: s }, [
           m(w, { loaders: o })
         ])), 64))
       ]),
-      u("div", et, [
-        t.groups.length > 0 && a.value ? (i(!0), l(h, { key: 0 }, v(a.value.items, (s, n) => {
+      u("div", Ge, [
+        t.groups.length > 0 && a.value ? (i(!0), l(p, { key: 0 }, g(a.value.items, (s, n) => {
           var c;
           return i(), l("div", {
             class: "adj-stitchings__item",
             key: n
           }, [
-            m(L, {
+            m(N, {
               id: s.id,
               image: s.image,
               aspectRatio: 1.5,
@@ -797,7 +804,7 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
               onClick: (k) => t.$emit("update:modelValue", s)
             }, null, 8, ["id", "image", "name", "checked", "onClick"])
           ]);
-        }), 128)) : (i(!0), l(h, { key: 1 }, v(t.skeletonQty, (s) => (i(), l("div", {
+        }), 128)) : (i(!0), l(p, { key: 1 }, g(t.skeletonQty, (s) => (i(), l("div", {
           key: s,
           class: "adj-stitchings__item"
         }, [
@@ -806,14 +813,14 @@ const R = (p) => (E("data-v-22585092"), p = p(), F(), p), O = { class: "adj-top"
       ])
     ]));
   }
-}), mt = /* @__PURE__ */ j(tt, [["__scopeId", "data-v-ac511f1b"]]);
+}), st = /* @__PURE__ */ j(Ke, [["__scopeId", "data-v-fc6da26b"]]);
 export {
-  st as AdjBlocks,
-  ot as AdjLaminates,
-  nt as AdjMaterials,
-  dt as AdjModels,
-  rt as AdjNavigator,
-  ut as AdjPersonalizations,
-  ct as AdjProducts,
-  mt as AdjStitchings
+  Xe as AdjBlocks,
+  xe as AdjLaminates,
+  et as AdjMaterials,
+  tt as AdjModels,
+  at as AdjNavigator,
+  it as AdjPersonalizations,
+  lt as AdjProducts,
+  st as AdjStitchings
 };