@poni/adjutant-ui 0.0.105 → 0.0.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AdjUploadFile-86rb42Go.cjs +1 -0
- package/dist/{AdjUploadFile-CsU9FOzc.js → AdjUploadFile-DCZf3Y1A.js} +155 -147
- package/dist/components.cjs +1 -1
- package/dist/components.js +2 -2
- package/dist/constructor.cjs +1 -1
- package/dist/constructor.js +341 -331
- package/dist/style.css +1 -1
- package/package.json +13 -13
- package/dist/AdjUploadFile-34R1a94_.cjs +0 -1
- /package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/{AdjPersonalizationConfiguratorElements.d.ts → AdjPersonalizationConfiguratorElements.stories.d.ts} +0 -0
package/dist/constructor.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as C, useCssVars as
|
|
2
|
-
import { g as
|
|
1
|
+
import { defineComponent as C, useCssVars as Q, ref as D, openBlock as a, createElementBlock as s, normalizeClass as f, withModifiers as L, createElementVNode as i, normalizeStyle as le, toDisplayString as b, createCommentVNode as y, createBlock as N, createVNode as p, Transition as E, withCtx as M, withDirectives as P, vShow as R, Fragment as j, renderList as $, computed as I, watch as ee, unref as se, useTemplateRef as J, getCurrentInstance as oe, onMounted as de } from "vue";
|
|
2
|
+
import { g as q, m as K, _ as A, k as z, e as ie, A as ne, c as ue, j as W, d as re, i as me, n as ce, o as pe, h as _e, f as Y, a as ve, b as G } from "./AdjUploadFile-DCZf3Y1A.js";
|
|
3
3
|
import { useWindowSize as ge, useMemoize as he, useWindowScroll as fe, useDebounceFn as je, useElementSize as ke } from "@vueuse/core";
|
|
4
4
|
const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
5
5
|
key: 0,
|
|
@@ -40,11 +40,11 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
40
40
|
centerName: { type: Boolean, default: !1 }
|
|
41
41
|
},
|
|
42
42
|
emits: ["click", "clickZoom", "clickDetail", "clickClose", "clickPlus"],
|
|
43
|
-
setup(k, { emit:
|
|
44
|
-
|
|
43
|
+
setup(k, { emit: v }) {
|
|
44
|
+
Q((t) => ({
|
|
45
45
|
"69e20140": t.width
|
|
46
46
|
}));
|
|
47
|
-
const n =
|
|
47
|
+
const n = v, r = D(!1);
|
|
48
48
|
function l(t) {
|
|
49
49
|
r.value = t;
|
|
50
50
|
}
|
|
@@ -54,83 +54,83 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
54
54
|
"adj-image-item_checked": t.checked,
|
|
55
55
|
"adj-image-item_bordered": t.bordered
|
|
56
56
|
}]),
|
|
57
|
-
onClick: e[5] || (e[5] = L((
|
|
58
|
-
onMouseenter: e[6] || (e[6] = (
|
|
59
|
-
onMouseleave: e[7] || (e[7] = (
|
|
57
|
+
onClick: e[5] || (e[5] = L((d) => n("click"), ["stop"])),
|
|
58
|
+
onMouseenter: e[6] || (e[6] = (d) => l(!0)),
|
|
59
|
+
onMouseleave: e[7] || (e[7] = (d) => l(!1))
|
|
60
60
|
}, [
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
i("div", ye, [
|
|
62
|
+
i("img", {
|
|
63
63
|
class: "adj-top__image",
|
|
64
64
|
style: le({ aspectRatio: t.aspectRatio }),
|
|
65
65
|
src: t.image,
|
|
66
66
|
alt: t.name
|
|
67
67
|
}, null, 12, $e),
|
|
68
68
|
t.hints.length > 0 ? (a(), s("div", be, [
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
69
|
+
i("div", Ve, [
|
|
70
|
+
i("div", Ce, b(t.hints[0]), 1),
|
|
71
|
+
i("div", we, b(t.hints[1]), 1)
|
|
72
72
|
])
|
|
73
|
-
])) :
|
|
74
|
-
|
|
75
|
-
t.labelSale ? (a(), s("div", Ie, "Sale")) :
|
|
76
|
-
t.labelNew ? (a(), s("div", Te, "NEW")) :
|
|
77
|
-
t.labelCmyk ? (a(), s("div", Se, "CMYK")) :
|
|
73
|
+
])) : y("", !0),
|
|
74
|
+
i("div", Ae, [
|
|
75
|
+
t.labelSale ? (a(), s("div", Ie, "Sale")) : y("", !0),
|
|
76
|
+
t.labelNew ? (a(), s("div", Te, "NEW")) : y("", !0),
|
|
77
|
+
t.labelCmyk ? (a(), s("div", Se, "CMYK")) : y("", !0)
|
|
78
78
|
]),
|
|
79
79
|
t.buttonClose ? (a(), s("div", {
|
|
80
80
|
key: 1,
|
|
81
81
|
class: "adj-square adj-square_close",
|
|
82
|
-
onClick: e[0] || (e[0] = L((
|
|
82
|
+
onClick: e[0] || (e[0] = L((d) => t.$emit("clickClose"), ["stop"]))
|
|
83
83
|
}, e[8] || (e[8] = [
|
|
84
|
-
|
|
85
|
-
]))) :
|
|
86
|
-
t.labelQuantity ? (a(), s("div", De, b(t.quantity), 1)) :
|
|
84
|
+
i("i", { className: "icon-close" }, null, -1)
|
|
85
|
+
]))) : y("", !0),
|
|
86
|
+
t.labelQuantity ? (a(), s("div", De, b(t.quantity), 1)) : y("", !0),
|
|
87
87
|
t.buttonPlus ? (a(), s("div", {
|
|
88
88
|
key: 3,
|
|
89
89
|
class: "adj-square adj-square_plus",
|
|
90
|
-
onClick: e[1] || (e[1] = L((
|
|
90
|
+
onClick: e[1] || (e[1] = L((d) => t.$emit("clickPlus"), ["stop"]))
|
|
91
91
|
}, e[9] || (e[9] = [
|
|
92
|
-
|
|
93
|
-
]))) :
|
|
94
|
-
|
|
92
|
+
i("i", { className: "icon-plus" }, null, -1)
|
|
93
|
+
]))) : y("", !0),
|
|
94
|
+
i("div", {
|
|
95
95
|
class: "adj-top__buttons",
|
|
96
96
|
onClick: e[4] || (e[4] = L(() => {
|
|
97
97
|
}, ["stop"]))
|
|
98
98
|
}, [
|
|
99
|
-
t.buttonZoom ? (a(),
|
|
99
|
+
t.buttonZoom ? (a(), N(q, {
|
|
100
100
|
key: 0,
|
|
101
101
|
iconName: "icon-zoom",
|
|
102
|
-
onClick: e[2] || (e[2] = (
|
|
103
|
-
})) :
|
|
104
|
-
t.buttonDetail ? (a(),
|
|
102
|
+
onClick: e[2] || (e[2] = (d) => t.$emit("clickZoom"))
|
|
103
|
+
})) : y("", !0),
|
|
104
|
+
t.buttonDetail ? (a(), N(q, {
|
|
105
105
|
key: 1,
|
|
106
106
|
iconName: "icon-menu-burger",
|
|
107
|
-
onClick: e[3] || (e[3] = (
|
|
108
|
-
})) :
|
|
107
|
+
onClick: e[3] || (e[3] = (d) => t.$emit("clickDetail"))
|
|
108
|
+
})) : y("", !0)
|
|
109
109
|
]),
|
|
110
|
-
p(
|
|
110
|
+
p(E, { name: "adj-fade" }, {
|
|
111
111
|
default: M(() => [
|
|
112
|
-
|
|
113
|
-
p(
|
|
112
|
+
P(i("div", Ne, [
|
|
113
|
+
p(K)
|
|
114
114
|
], 512), [
|
|
115
|
-
[
|
|
115
|
+
[R, t.checked]
|
|
116
116
|
])
|
|
117
117
|
]),
|
|
118
118
|
_: 1
|
|
119
119
|
})
|
|
120
120
|
]),
|
|
121
|
-
|
|
122
|
-
|
|
121
|
+
i("div", ze, [
|
|
122
|
+
i("div", {
|
|
123
123
|
class: f(["adj-bottom__title adj-text-16", { "adj-bottom__title_center": t.centerName }])
|
|
124
124
|
}, b(t.name), 3),
|
|
125
|
-
(a(!0), s(j, null,
|
|
125
|
+
(a(!0), s(j, null, $(t.subnames, (d, u) => (a(), s("div", {
|
|
126
126
|
key: u,
|
|
127
127
|
class: "adj-bottom__subtitle adj-text-13",
|
|
128
|
-
innerHTML:
|
|
128
|
+
innerHTML: d
|
|
129
129
|
}, null, 8, Le))), 128))
|
|
130
130
|
])
|
|
131
131
|
], 34));
|
|
132
132
|
}
|
|
133
|
-
}),
|
|
133
|
+
}), F = /* @__PURE__ */ A(Me, [["__scopeId", "data-v-7dafde96"]]), Be = { class: "adj-blocks" }, qe = /* @__PURE__ */ C({
|
|
134
134
|
__name: "AdjBlocks",
|
|
135
135
|
props: {
|
|
136
136
|
modelValue: {},
|
|
@@ -139,7 +139,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
139
139
|
},
|
|
140
140
|
emits: ["update:modelValue", "clickZoom", "clickDetail"],
|
|
141
141
|
setup(k) {
|
|
142
|
-
const
|
|
142
|
+
const v = [
|
|
143
143
|
{
|
|
144
144
|
aspectRatio: "1.43"
|
|
145
145
|
},
|
|
@@ -170,13 +170,13 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
170
170
|
}
|
|
171
171
|
];
|
|
172
172
|
return (n, r) => (a(), s("div", Be, [
|
|
173
|
-
n.items.length > 0 ? (a(!0), s(j, { key: 0 },
|
|
173
|
+
n.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(n.items, (l, t) => {
|
|
174
174
|
var e;
|
|
175
175
|
return a(), s("div", {
|
|
176
176
|
class: "adj-blocks__item",
|
|
177
177
|
key: t
|
|
178
178
|
}, [
|
|
179
|
-
p(
|
|
179
|
+
p(F, {
|
|
180
180
|
id: l.id,
|
|
181
181
|
image: l.image,
|
|
182
182
|
name: l.name,
|
|
@@ -186,20 +186,20 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
186
186
|
labelSale: l.labelSale,
|
|
187
187
|
buttonZoom: "",
|
|
188
188
|
buttonDetail: "",
|
|
189
|
-
onClick: (
|
|
190
|
-
onClickZoom: (
|
|
191
|
-
onClickDetail: (
|
|
189
|
+
onClick: (d) => n.$emit("update:modelValue", l),
|
|
190
|
+
onClickZoom: (d) => n.$emit("clickZoom", l),
|
|
191
|
+
onClickDetail: (d) => n.$emit("clickDetail", l)
|
|
192
192
|
}, null, 8, ["id", "image", "name", "subnames", "checked", "labelNew", "labelSale", "onClick", "onClickZoom", "onClickDetail"])
|
|
193
193
|
]);
|
|
194
|
-
}), 128)) : (a(!0), s(j, { key: 1 },
|
|
194
|
+
}), 128)) : (a(!0), s(j, { key: 1 }, $(n.skeletonQty, (l) => (a(), s("div", {
|
|
195
195
|
key: l,
|
|
196
196
|
class: "adj-blocks__item"
|
|
197
197
|
}, [
|
|
198
|
-
p(
|
|
198
|
+
p(z, { loaders: v })
|
|
199
199
|
]))), 128))
|
|
200
200
|
]));
|
|
201
201
|
}
|
|
202
|
-
}), $a = /* @__PURE__ */ A(qe, [["__scopeId", "data-v-ceba5569"]]), Pe = { class: "adj-top" },
|
|
202
|
+
}), $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({
|
|
203
203
|
__name: "AdjCoverItem",
|
|
204
204
|
props: {
|
|
205
205
|
id: {},
|
|
@@ -215,22 +215,22 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
215
215
|
width: { default: "100%" }
|
|
216
216
|
},
|
|
217
217
|
emits: ["click", "switchCorner"],
|
|
218
|
-
setup(k, { emit:
|
|
219
|
-
|
|
220
|
-
"36b60755":
|
|
218
|
+
setup(k, { emit: v }) {
|
|
219
|
+
Q((_) => ({
|
|
220
|
+
"36b60755": _.width
|
|
221
221
|
}));
|
|
222
|
-
const n = k, r =
|
|
222
|
+
const n = k, r = v, l = D(!1);
|
|
223
223
|
let t = null;
|
|
224
|
-
const e = D(0),
|
|
224
|
+
const e = D(0), d = I(
|
|
225
225
|
() => n.duration / (n.images.length - 1) * 1e3
|
|
226
226
|
), u = I(() => n.images[e.value] ? n.images[e.value] : "");
|
|
227
|
-
function c(
|
|
228
|
-
l.value =
|
|
227
|
+
function c(_) {
|
|
228
|
+
l.value = _, t == null && m();
|
|
229
229
|
}
|
|
230
230
|
function m() {
|
|
231
231
|
t = window.setTimeout(() => {
|
|
232
232
|
l.value ? V() : o();
|
|
233
|
-
},
|
|
233
|
+
}, d.value);
|
|
234
234
|
}
|
|
235
235
|
function V() {
|
|
236
236
|
e.value < n.images.length - 1 ? (e.value++, m()) : t = null;
|
|
@@ -238,70 +238,70 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
238
238
|
function o() {
|
|
239
239
|
e.value > 0 ? (e.value--, m()) : t = null;
|
|
240
240
|
}
|
|
241
|
-
return (
|
|
241
|
+
return (_, g) => (a(), s("div", {
|
|
242
242
|
class: f(["adj-cover-item", {
|
|
243
243
|
"adj-cover-item_hovered": l.value,
|
|
244
|
-
"adj-cover-item_checked":
|
|
245
|
-
"adj-cover-item_underlined":
|
|
244
|
+
"adj-cover-item_checked": _.checked,
|
|
245
|
+
"adj-cover-item_underlined": _.underlined
|
|
246
246
|
}]),
|
|
247
|
-
onClick:
|
|
248
|
-
onMouseenter:
|
|
249
|
-
onMouseleave:
|
|
247
|
+
onClick: g[2] || (g[2] = L((T) => r("click", _.modelValue), ["stop"])),
|
|
248
|
+
onMouseenter: g[3] || (g[3] = (T) => c(!0)),
|
|
249
|
+
onMouseleave: g[4] || (g[4] = (T) => c(!1))
|
|
250
250
|
}, [
|
|
251
|
-
|
|
252
|
-
|
|
251
|
+
i("div", Pe, [
|
|
252
|
+
i("img", {
|
|
253
253
|
class: "adj-top__image",
|
|
254
254
|
src: u.value,
|
|
255
|
-
alt:
|
|
256
|
-
}, null, 8,
|
|
257
|
-
(a(!0), s(j, null,
|
|
255
|
+
alt: _.name
|
|
256
|
+
}, null, 8, Re),
|
|
257
|
+
(a(!0), s(j, null, $(_.images, (T) => P((a(), s("img", {
|
|
258
258
|
class: "adj-top__image-cache",
|
|
259
|
-
key:
|
|
260
|
-
src:
|
|
261
|
-
}, null, 8,
|
|
262
|
-
[
|
|
259
|
+
key: T,
|
|
260
|
+
src: T
|
|
261
|
+
}, null, 8, Ue)), [
|
|
262
|
+
[R, !1]
|
|
263
263
|
])), 128)),
|
|
264
|
-
p(
|
|
264
|
+
p(E, { name: "adj-fade" }, {
|
|
265
265
|
default: M(() => [
|
|
266
|
-
|
|
267
|
-
p(
|
|
266
|
+
P(i("div", He, [
|
|
267
|
+
p(K)
|
|
268
268
|
], 512), [
|
|
269
|
-
[
|
|
269
|
+
[R, _.checked]
|
|
270
270
|
])
|
|
271
271
|
]),
|
|
272
272
|
_: 1
|
|
273
273
|
}),
|
|
274
|
-
|
|
275
|
-
|
|
274
|
+
i("div", Qe, [
|
|
275
|
+
_.hintHtml ? (a(), N(ie, {
|
|
276
276
|
key: 0,
|
|
277
|
-
html:
|
|
277
|
+
html: _.hintHtml,
|
|
278
278
|
"horizontal-position": "left",
|
|
279
279
|
"vertical-position": "bottom",
|
|
280
280
|
"modal-mode": !0
|
|
281
281
|
}, {
|
|
282
282
|
default: M(() => [
|
|
283
|
-
p(
|
|
283
|
+
p(q, { iconName: "icon-info" })
|
|
284
284
|
]),
|
|
285
285
|
_: 1
|
|
286
|
-
}, 8, ["html"])) :
|
|
287
|
-
|
|
286
|
+
}, 8, ["html"])) : y("", !0),
|
|
287
|
+
_.showCornerSwitcher && !_.roundedCorner ? (a(), N(q, {
|
|
288
288
|
key: 1,
|
|
289
289
|
iconName: "icon-corner-sharp",
|
|
290
|
-
onClick:
|
|
291
|
-
})) :
|
|
292
|
-
|
|
290
|
+
onClick: g[0] || (g[0] = (T) => r("switchCorner", _.modelValue))
|
|
291
|
+
})) : y("", !0),
|
|
292
|
+
_.showCornerSwitcher && _.roundedCorner ? (a(), N(q, {
|
|
293
293
|
key: 2,
|
|
294
294
|
iconName: "icon-corner-rounded",
|
|
295
|
-
onClick:
|
|
296
|
-
})) :
|
|
295
|
+
onClick: g[1] || (g[1] = (T) => r("switchCorner", _.modelValue))
|
|
296
|
+
})) : y("", !0)
|
|
297
297
|
])
|
|
298
298
|
]),
|
|
299
|
-
|
|
300
|
-
|
|
299
|
+
i("div", Ee, [
|
|
300
|
+
i("div", Fe, b(_.name), 1)
|
|
301
301
|
])
|
|
302
302
|
], 34));
|
|
303
303
|
}
|
|
304
|
-
}),
|
|
304
|
+
}), O = /* @__PURE__ */ A(Ze, [["__scopeId", "data-v-f68f5046"]]), We = { class: "adj-laminates" }, Ye = /* @__PURE__ */ C({
|
|
305
305
|
__name: "AdjLaminates",
|
|
306
306
|
props: {
|
|
307
307
|
modelValue: {},
|
|
@@ -309,33 +309,33 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
309
309
|
skeletonQty: { default: 2 }
|
|
310
310
|
},
|
|
311
311
|
emits: ["update:modelValue"],
|
|
312
|
-
setup(k, { emit:
|
|
313
|
-
const n =
|
|
312
|
+
setup(k, { emit: v }) {
|
|
313
|
+
const n = v, r = [
|
|
314
314
|
{ aspectRatio: "0.66", width: "65%" },
|
|
315
315
|
{ marginTop: "20px", height: "26px", width: "120px" }
|
|
316
316
|
];
|
|
317
317
|
return (l, t) => (a(), s("div", We, [
|
|
318
|
-
l.items.length > 0 ? (a(!0), s(j, { key: 0 },
|
|
319
|
-
var
|
|
318
|
+
l.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(l.items, (e) => {
|
|
319
|
+
var d;
|
|
320
320
|
return a(), s("div", {
|
|
321
321
|
key: e.id,
|
|
322
322
|
class: "adj-laminates__item"
|
|
323
323
|
}, [
|
|
324
|
-
p(
|
|
324
|
+
p(O, {
|
|
325
325
|
id: e.id,
|
|
326
326
|
name: e.name,
|
|
327
327
|
underlined: "",
|
|
328
|
-
checked: e.id == ((
|
|
328
|
+
checked: e.id == ((d = l.modelValue) == null ? void 0 : d.id),
|
|
329
329
|
images: e.images,
|
|
330
330
|
modelValue: e,
|
|
331
331
|
onClick: (u) => n("update:modelValue", e)
|
|
332
332
|
}, null, 8, ["id", "name", "checked", "images", "modelValue", "onClick"])
|
|
333
333
|
]);
|
|
334
|
-
}), 128)) : (a(!0), s(j, { key: 1 },
|
|
334
|
+
}), 128)) : (a(!0), s(j, { key: 1 }, $(l.skeletonQty, (e) => (a(), s("div", {
|
|
335
335
|
key: e,
|
|
336
336
|
class: "adj-laminates__item"
|
|
337
337
|
}, [
|
|
338
|
-
p(
|
|
338
|
+
p(z, {
|
|
339
339
|
loaders: r,
|
|
340
340
|
centered: !0
|
|
341
341
|
})
|
|
@@ -351,7 +351,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
351
351
|
},
|
|
352
352
|
emits: ["update:modelValue", "clickDetail"],
|
|
353
353
|
setup(k) {
|
|
354
|
-
const
|
|
354
|
+
const v = [
|
|
355
355
|
{
|
|
356
356
|
aspectRatio: "1"
|
|
357
357
|
},
|
|
@@ -372,13 +372,13 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
372
372
|
}
|
|
373
373
|
];
|
|
374
374
|
return (n, r) => (a(), s("div", Ge, [
|
|
375
|
-
n.items.length > 0 ? (a(!0), s(j, { key: 0 },
|
|
375
|
+
n.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(n.items, (l, t) => {
|
|
376
376
|
var e;
|
|
377
377
|
return a(), s("div", {
|
|
378
378
|
class: "adj-materials__item",
|
|
379
379
|
key: t
|
|
380
380
|
}, [
|
|
381
|
-
p(
|
|
381
|
+
p(F, {
|
|
382
382
|
id: l.id,
|
|
383
383
|
image: l.image,
|
|
384
384
|
bordered: !0,
|
|
@@ -391,15 +391,15 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
391
391
|
labelCmyk: l.labelCmyk,
|
|
392
392
|
labelSale: l.labelSale,
|
|
393
393
|
buttonDetail: "",
|
|
394
|
-
onClick: (
|
|
395
|
-
onClickDetail: (
|
|
394
|
+
onClick: (d) => n.$emit("update:modelValue", l),
|
|
395
|
+
onClickDetail: (d) => n.$emit("clickDetail", l)
|
|
396
396
|
}, null, 8, ["id", "image", "name", "subnames", "hints", "checked", "labelNew", "labelCmyk", "labelSale", "onClick", "onClickDetail"])
|
|
397
397
|
]);
|
|
398
|
-
}), 128)) : (a(!0), s(j, { key: 1 },
|
|
398
|
+
}), 128)) : (a(!0), s(j, { key: 1 }, $(n.skeletonQty, (l) => (a(), s("div", {
|
|
399
399
|
key: l,
|
|
400
400
|
class: "adj-materials__item"
|
|
401
401
|
}, [
|
|
402
|
-
p(
|
|
402
|
+
p(z, { loaders: v })
|
|
403
403
|
]))), 128))
|
|
404
404
|
]));
|
|
405
405
|
}
|
|
@@ -412,8 +412,8 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
412
412
|
duration: { default: 0 }
|
|
413
413
|
},
|
|
414
414
|
emits: ["update:modelValue"],
|
|
415
|
-
setup(k, { emit:
|
|
416
|
-
const n = k, r =
|
|
415
|
+
setup(k, { emit: v }) {
|
|
416
|
+
const n = k, r = v;
|
|
417
417
|
function l(u) {
|
|
418
418
|
var c;
|
|
419
419
|
if (u.id !== ((c = n.modelValue) == null ? void 0 : c.id)) {
|
|
@@ -431,19 +431,19 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
431
431
|
var m;
|
|
432
432
|
return c.id === ((m = n.modelValue) == null ? void 0 : m.id);
|
|
433
433
|
}) && (u = n.modelValue), u;
|
|
434
|
-
}),
|
|
434
|
+
}), d = I(() => {
|
|
435
435
|
var u;
|
|
436
436
|
return ((u = n.modelValue) == null ? void 0 : u.id) === e.value.id;
|
|
437
437
|
});
|
|
438
438
|
return (u, c) => (a(), s("div", Oe, [
|
|
439
|
-
p(
|
|
439
|
+
p(O, {
|
|
440
440
|
id: e.value.id,
|
|
441
441
|
name: e.value.name,
|
|
442
442
|
hintHtml: e.value.hintHtml,
|
|
443
|
-
showCornerSwitcher: u.items.length === 2 &&
|
|
443
|
+
showCornerSwitcher: u.items.length === 2 && d.value,
|
|
444
444
|
roundedCorner: e.value.roundedCorner,
|
|
445
445
|
duration: u.duration,
|
|
446
|
-
checked:
|
|
446
|
+
checked: d.value,
|
|
447
447
|
images: e.value.images,
|
|
448
448
|
modelValue: e.value,
|
|
449
449
|
width: u.width,
|
|
@@ -461,10 +461,10 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
461
461
|
duration: { default: 0 }
|
|
462
462
|
},
|
|
463
463
|
emits: ["update:modelValue"],
|
|
464
|
-
setup(k, { emit:
|
|
465
|
-
const n =
|
|
464
|
+
setup(k, { emit: v }) {
|
|
465
|
+
const n = v;
|
|
466
466
|
return (r, l) => (a(), s("div", Xe, [
|
|
467
|
-
r.groupItems.length > 0 ? (a(!0), s(j, { key: 0 },
|
|
467
|
+
r.groupItems.length > 0 ? (a(!0), s(j, { key: 0 }, $(r.groupItems, (t, e) => (a(), s("div", {
|
|
468
468
|
class: "adj-models__item",
|
|
469
469
|
key: e
|
|
470
470
|
}, [
|
|
@@ -472,13 +472,13 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
472
472
|
modelValue: r.modelValue,
|
|
473
473
|
items: t,
|
|
474
474
|
duration: r.duration,
|
|
475
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
475
|
+
"onUpdate:modelValue": l[0] || (l[0] = (d) => n("update:modelValue", d))
|
|
476
476
|
}, null, 8, ["modelValue", "items", "duration"])
|
|
477
|
-
]))), 128)) : (a(!0), s(j, { key: 1 },
|
|
477
|
+
]))), 128)) : (a(!0), s(j, { key: 1 }, $(r.skeletonQty, (t) => (a(), s("div", {
|
|
478
478
|
key: t,
|
|
479
479
|
class: "adj-models__item"
|
|
480
480
|
}, [
|
|
481
|
-
p(
|
|
481
|
+
p(z, {
|
|
482
482
|
loaders: [
|
|
483
483
|
{ aspectRatio: "0.66", width: "65%" },
|
|
484
484
|
{ marginTop: "20px", height: "26px", width: "120px" }
|
|
@@ -502,8 +502,8 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
502
502
|
loading: { type: Boolean, default: !1 }
|
|
503
503
|
},
|
|
504
504
|
emits: ["click"],
|
|
505
|
-
setup(k, { emit:
|
|
506
|
-
const n = k, r =
|
|
505
|
+
setup(k, { emit: v }) {
|
|
506
|
+
const n = k, r = v;
|
|
507
507
|
function l() {
|
|
508
508
|
!n.loading && n.squareDesign !== "disabled" && r("click");
|
|
509
509
|
}
|
|
@@ -514,11 +514,11 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
514
514
|
}]),
|
|
515
515
|
onClick: l
|
|
516
516
|
}, [
|
|
517
|
-
|
|
518
|
-
|
|
517
|
+
i("div", et, [
|
|
518
|
+
i("div", {
|
|
519
519
|
class: f(["adj-navigator-item__line", `adj-navigator-item__line_${t.leftLineDesign}`])
|
|
520
520
|
}, null, 2),
|
|
521
|
-
|
|
521
|
+
i("div", {
|
|
522
522
|
class: f(["adj-navigator-item__square", `adj-navigator-item__square_${t.squareDesign}`])
|
|
523
523
|
}, [
|
|
524
524
|
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 = {
|
|
|
526
526
|
class: f(t.squareType)
|
|
527
527
|
}, null, 2))
|
|
528
528
|
], 2),
|
|
529
|
-
|
|
529
|
+
i("div", {
|
|
530
530
|
class: f(["adj-navigator-item__line", `adj-navigator-item__line_${t.rightLineDesign}`])
|
|
531
531
|
}, null, 2)
|
|
532
532
|
]),
|
|
533
533
|
t.showLabel ? (a(), s("div", {
|
|
534
534
|
key: 0,
|
|
535
535
|
class: f(["adj-navigator-item__label", `adj-navigator-item__label_${t.squareDesign}`])
|
|
536
|
-
}, b(t.label), 3)) :
|
|
536
|
+
}, b(t.label), 3)) : y("", !0)
|
|
537
537
|
], 2));
|
|
538
538
|
}
|
|
539
539
|
}), lt = /* @__PURE__ */ A(at, [["__scopeId", "data-v-1c5e5a3c"]]), st = {
|
|
@@ -542,7 +542,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
542
542
|
}, ot = {
|
|
543
543
|
key: 0,
|
|
544
544
|
class: "adj-navigator-wrapper__item-title"
|
|
545
|
-
},
|
|
545
|
+
}, dt = /* @__PURE__ */ C({
|
|
546
546
|
__name: "AdjNavigatorWrapper",
|
|
547
547
|
props: {
|
|
548
548
|
items: {},
|
|
@@ -551,32 +551,32 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
551
551
|
},
|
|
552
552
|
emits: ["click"],
|
|
553
553
|
setup(k) {
|
|
554
|
-
const
|
|
554
|
+
const v = k, { width: n } = ge();
|
|
555
555
|
function r(e) {
|
|
556
556
|
"title" in e[0] || (e[0].leftLineDesign = "hidden");
|
|
557
|
-
const
|
|
558
|
-
"title" in e[
|
|
557
|
+
const d = e.length - 1;
|
|
558
|
+
"title" in e[d] || (e[d].rightLineDesign = "hidden");
|
|
559
559
|
}
|
|
560
560
|
const l = he(
|
|
561
561
|
(e) => {
|
|
562
562
|
if (e.length === 0)
|
|
563
563
|
return [];
|
|
564
|
-
let
|
|
564
|
+
let d = [];
|
|
565
565
|
const u = e.findIndex((c) => "title" in c);
|
|
566
|
-
return u == -1 ?
|
|
566
|
+
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;
|
|
567
567
|
}
|
|
568
568
|
), t = I(
|
|
569
569
|
() => {
|
|
570
570
|
let e = [];
|
|
571
|
-
return n.value >= 780 ? e =
|
|
571
|
+
return n.value >= 780 ? e = v.items : e = l(v.items), r(e), e;
|
|
572
572
|
}
|
|
573
573
|
);
|
|
574
|
-
return (e,
|
|
575
|
-
(a(!0), s(j, null,
|
|
574
|
+
return (e, d) => e.items.length > 0 ? (a(), s("div", st, [
|
|
575
|
+
(a(!0), s(j, null, $(t.value, (u) => (a(), s("div", {
|
|
576
576
|
key: u.step,
|
|
577
577
|
class: "adj-navigator-wrapper__item"
|
|
578
578
|
}, [
|
|
579
|
-
"title" in u ? (a(), s("div", ot, b(u.title), 1)) : (a(),
|
|
579
|
+
"title" in u ? (a(), s("div", ot, b(u.title), 1)) : (a(), N(lt, {
|
|
580
580
|
key: 1,
|
|
581
581
|
id: u.id,
|
|
582
582
|
step: u.step,
|
|
@@ -590,9 +590,9 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
590
590
|
onClick: (c) => e.$emit("click", u)
|
|
591
591
|
}, null, 8, ["id", "step", "squareType", "squareDesign", "leftLineDesign", "rightLineDesign", "label", "showLabel", "loading", "onClick"]))
|
|
592
592
|
]))), 128))
|
|
593
|
-
])) :
|
|
593
|
+
])) : y("", !0);
|
|
594
594
|
}
|
|
595
|
-
}),
|
|
595
|
+
}), X = /* @__PURE__ */ A(dt, [["__scopeId", "data-v-c07fa70c"]]), it = { class: "adj-navigator" }, nt = {
|
|
596
596
|
key: 0,
|
|
597
597
|
class: "adj-navigator__fixed"
|
|
598
598
|
}, ut = { class: "adj-navigator__inline" }, rt = /* @__PURE__ */ C({
|
|
@@ -604,21 +604,21 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
604
604
|
},
|
|
605
605
|
emits: ["click"],
|
|
606
606
|
setup(k) {
|
|
607
|
-
|
|
607
|
+
Q((r) => ({
|
|
608
608
|
"69d4e0aa": r.mobileMarginTop
|
|
609
609
|
}));
|
|
610
|
-
const { y:
|
|
611
|
-
return (r, l) => (a(), s("div",
|
|
610
|
+
const { y: v } = fe(), n = I(() => v.value > 90);
|
|
611
|
+
return (r, l) => (a(), s("div", it, [
|
|
612
612
|
n.value ? (a(), s("div", nt, [
|
|
613
|
-
p(
|
|
613
|
+
p(X, {
|
|
614
614
|
items: r.items,
|
|
615
615
|
showLabel: !1,
|
|
616
616
|
loading: r.loading,
|
|
617
617
|
onClick: l[0] || (l[0] = (t) => r.$emit("click", t))
|
|
618
618
|
}, null, 8, ["items", "loading"])
|
|
619
|
-
])) :
|
|
620
|
-
|
|
621
|
-
p(
|
|
619
|
+
])) : y("", !0),
|
|
620
|
+
i("div", ut, [
|
|
621
|
+
p(X, {
|
|
622
622
|
items: r.items,
|
|
623
623
|
showLabel: !0,
|
|
624
624
|
loading: r.loading,
|
|
@@ -639,7 +639,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
639
639
|
},
|
|
640
640
|
emits: ["click", "clickClose", "clickPlus"],
|
|
641
641
|
setup(k) {
|
|
642
|
-
const
|
|
642
|
+
const v = k, n = [
|
|
643
643
|
{
|
|
644
644
|
aspectRatio: "1"
|
|
645
645
|
},
|
|
@@ -653,25 +653,25 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
653
653
|
height: "16px",
|
|
654
654
|
width: "60%"
|
|
655
655
|
}
|
|
656
|
-
], r = I(() =>
|
|
656
|
+
], r = I(() => v.items.map((l) => {
|
|
657
657
|
var m;
|
|
658
|
-
let t = !1, e = !1,
|
|
659
|
-
return l.id in
|
|
658
|
+
let t = !1, e = !1, d = !1, u = !1, c = 0;
|
|
659
|
+
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)), {
|
|
660
660
|
...l,
|
|
661
661
|
buttonClose: t,
|
|
662
662
|
buttonPlus: e,
|
|
663
|
-
labelQuantity:
|
|
663
|
+
labelQuantity: d,
|
|
664
664
|
quantity: c,
|
|
665
665
|
checked: u
|
|
666
666
|
};
|
|
667
667
|
}));
|
|
668
668
|
return (l, t) => (a(), s("div", mt, [
|
|
669
|
-
|
|
670
|
-
l.items.length > 0 ? (a(!0), s(j, { key: 0 },
|
|
669
|
+
i("div", ct, [
|
|
670
|
+
l.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(r.value, (e, d) => (a(), s(j, {
|
|
671
671
|
key: e.idNum
|
|
672
672
|
}, [
|
|
673
673
|
e.hidden !== !0 ? (a(), s("div", pt, [
|
|
674
|
-
p(
|
|
674
|
+
p(F, {
|
|
675
675
|
id: e.idNum,
|
|
676
676
|
image: e.image,
|
|
677
677
|
name: e.name,
|
|
@@ -682,16 +682,16 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
682
682
|
quantity: e.quantity,
|
|
683
683
|
checked: e.checked,
|
|
684
684
|
centerName: "",
|
|
685
|
-
onClick: (u) => l.$emit("click", l.items[
|
|
686
|
-
onClickClose: (u) => l.$emit("clickClose", l.items[
|
|
687
|
-
onClickPlus: (u) => l.$emit("clickPlus", l.items[
|
|
685
|
+
onClick: (u) => l.$emit("click", l.items[d]),
|
|
686
|
+
onClickClose: (u) => l.$emit("clickClose", l.items[d]),
|
|
687
|
+
onClickPlus: (u) => l.$emit("clickPlus", l.items[d])
|
|
688
688
|
}, null, 8, ["id", "image", "name", "buttonClose", "buttonPlus", "labelQuantity", "quantity", "checked", "onClick", "onClickClose", "onClickPlus"])
|
|
689
|
-
])) :
|
|
690
|
-
], 64))), 128)) : (a(!0), s(j, { key: 1 },
|
|
689
|
+
])) : y("", !0)
|
|
690
|
+
], 64))), 128)) : (a(!0), s(j, { key: 1 }, $(l.skeletonQty, (e) => (a(), s("div", {
|
|
691
691
|
key: e,
|
|
692
692
|
class: "adj-personalizations__item"
|
|
693
693
|
}, [
|
|
694
|
-
p(
|
|
694
|
+
p(z, {
|
|
695
695
|
loaders: n,
|
|
696
696
|
centered: ""
|
|
697
697
|
})
|
|
@@ -709,35 +709,35 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
709
709
|
debounceTime: { default: 0 }
|
|
710
710
|
},
|
|
711
711
|
emits: ["update:modelValue"],
|
|
712
|
-
setup(k, { emit:
|
|
713
|
-
const n = k, r =
|
|
714
|
-
function l(
|
|
712
|
+
setup(k, { emit: v }) {
|
|
713
|
+
const n = k, r = v;
|
|
714
|
+
function l(d) {
|
|
715
715
|
return je((u, c) => {
|
|
716
716
|
e(u, c);
|
|
717
|
-
},
|
|
717
|
+
}, d);
|
|
718
718
|
}
|
|
719
719
|
let t = l(n.debounceTime);
|
|
720
|
-
|
|
720
|
+
ee(
|
|
721
721
|
() => n.debounceTime,
|
|
722
722
|
() => {
|
|
723
723
|
t = l(n.debounceTime);
|
|
724
724
|
}
|
|
725
725
|
);
|
|
726
|
-
function e(
|
|
727
|
-
let c = Number(
|
|
726
|
+
function e(d, u) {
|
|
727
|
+
let c = Number(d);
|
|
728
728
|
c < n.min && (c = n.min), c > n.max && (c = n.max), u.target.value = c, n.modelValue != c && r("update:modelValue", c);
|
|
729
729
|
}
|
|
730
|
-
return (
|
|
730
|
+
return (d, u) => (a(), s("div", {
|
|
731
731
|
class: f(["adj-input", {
|
|
732
|
-
"adj-input_disabled":
|
|
732
|
+
"adj-input_disabled": d.disabled
|
|
733
733
|
}])
|
|
734
734
|
}, [
|
|
735
|
-
|
|
736
|
-
|
|
735
|
+
i("div", vt, [
|
|
736
|
+
i("input", {
|
|
737
737
|
ref: "inp",
|
|
738
738
|
class: "adj-input__input",
|
|
739
|
-
value:
|
|
740
|
-
disabled:
|
|
739
|
+
value: d.modelValue,
|
|
740
|
+
disabled: d.disabled,
|
|
741
741
|
type: "number",
|
|
742
742
|
onChange: u[0] || (u[0] = (c) => e(c.target.value, c)),
|
|
743
743
|
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 = {
|
|
|
764
764
|
},
|
|
765
765
|
emits: ["update:modelValue"],
|
|
766
766
|
setup(k) {
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
"
|
|
770
|
-
"
|
|
771
|
-
|
|
767
|
+
Q((h) => ({
|
|
768
|
+
d9b2170a: d.value,
|
|
769
|
+
"74994cc7": o.value,
|
|
770
|
+
"1e8c82d5": _.value,
|
|
771
|
+
"61c59b34": g.value
|
|
772
772
|
}));
|
|
773
|
-
const
|
|
773
|
+
const v = k, n = J("refElement"), { height: r } = ke(n), l = I(() => {
|
|
774
774
|
let h = [
|
|
775
775
|
{
|
|
776
776
|
aspectRatio: "1"
|
|
777
777
|
}
|
|
778
778
|
];
|
|
779
|
-
return
|
|
779
|
+
return v.design === "text" && (h = [
|
|
780
780
|
{ width: "75px", aspectRatio: "1" },
|
|
781
781
|
{
|
|
782
782
|
marginTop: "10px",
|
|
@@ -788,89 +788,89 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
788
788
|
function e() {
|
|
789
789
|
t.value = !t.value;
|
|
790
790
|
}
|
|
791
|
-
const
|
|
791
|
+
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(() => {
|
|
792
792
|
var w;
|
|
793
793
|
const h = oe();
|
|
794
794
|
return (w = h == null ? void 0 : h.type) == null ? void 0 : w.__hmrId;
|
|
795
795
|
});
|
|
796
|
-
function
|
|
796
|
+
function B() {
|
|
797
797
|
const h = document.getElementsByClassName(m.value);
|
|
798
798
|
if (h.length > 0) {
|
|
799
|
-
const w = h[0], { left:
|
|
800
|
-
|
|
799
|
+
const w = h[0], { left: S, top: Z } = w.getBoundingClientRect(), H = w.offsetWidth, ae = w.offsetHeight;
|
|
800
|
+
_.value = S + (H - 120) / 2 + "px", o.value = Z + ae + 13 + "px";
|
|
801
801
|
}
|
|
802
802
|
}
|
|
803
|
-
function
|
|
804
|
-
|
|
803
|
+
function U(h, w) {
|
|
804
|
+
v.design !== "text" && (m.value = h, V.value = w, B(), g.value = "block");
|
|
805
805
|
}
|
|
806
806
|
function te() {
|
|
807
|
-
|
|
807
|
+
v.design !== "text" && (m.value = "", V.value = "", g.value = "none");
|
|
808
808
|
}
|
|
809
|
-
return
|
|
809
|
+
return de(() => {
|
|
810
810
|
var w;
|
|
811
|
-
window.addEventListener("scroll",
|
|
811
|
+
window.addEventListener("scroll", B), window.addEventListener("resize", B);
|
|
812
812
|
const h = (w = c.value) == null ? void 0 : w.parentNode;
|
|
813
|
-
h && h.addEventListener("scroll",
|
|
813
|
+
h && h.addEventListener("scroll", B);
|
|
814
814
|
}), (h, w) => (a(), s(j, null, [
|
|
815
|
-
|
|
815
|
+
i("div", {
|
|
816
816
|
class: f(["adj-select-image", `adj-select-image_${h.design}`]),
|
|
817
817
|
ref: "refRoot"
|
|
818
818
|
}, [
|
|
819
819
|
h.items.length > 0 ? (a(), s("div", jt, [
|
|
820
|
-
(a(!0), s(j, null,
|
|
820
|
+
(a(!0), s(j, null, $(h.items, (S, Z) => (a(), s("div", {
|
|
821
821
|
class: f([
|
|
822
822
|
"adj-select-image-item",
|
|
823
|
-
{ "adj-select-image-item_checked":
|
|
823
|
+
{ "adj-select-image-item_checked": S.id === h.modelValue.id }
|
|
824
824
|
]),
|
|
825
|
-
key:
|
|
826
|
-
onClick: (
|
|
825
|
+
key: Z,
|
|
826
|
+
onClick: (H) => h.$emit("update:modelValue", S)
|
|
827
827
|
}, [
|
|
828
|
-
|
|
829
|
-
class: f(["adj-select-image-item__image adj-effect-overlay-normal", `item-${
|
|
830
|
-
onMouseenter: L((
|
|
831
|
-
onMouseleave: w[0] || (w[0] = L((
|
|
828
|
+
i("div", {
|
|
829
|
+
class: f(["adj-select-image-item__image adj-effect-overlay-normal", `item-${T.value}-${S.id}`]),
|
|
830
|
+
onMouseenter: L((H) => U(`item-${T.value}-${S.id}`, S.name), ["stop"]),
|
|
831
|
+
onMouseleave: w[0] || (w[0] = L((H) => te(), ["stop"]))
|
|
832
832
|
}, [
|
|
833
|
-
|
|
834
|
-
src:
|
|
835
|
-
alt:
|
|
833
|
+
i("img", {
|
|
834
|
+
src: S.image,
|
|
835
|
+
alt: S.name
|
|
836
836
|
}, null, 8, $t),
|
|
837
|
-
p(
|
|
837
|
+
p(E, { name: "adj-fade" }, {
|
|
838
838
|
default: M(() => [
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
p(
|
|
839
|
+
P(i("div", bt, [
|
|
840
|
+
i("div", Vt, [
|
|
841
|
+
p(K)
|
|
842
842
|
])
|
|
843
843
|
], 512), [
|
|
844
|
-
[
|
|
844
|
+
[R, S.id === h.modelValue.id]
|
|
845
845
|
])
|
|
846
846
|
]),
|
|
847
847
|
_: 2
|
|
848
848
|
}, 1024)
|
|
849
849
|
], 42, yt),
|
|
850
|
-
|
|
850
|
+
i("div", Ct, b(S.name), 1)
|
|
851
851
|
], 10, kt))), 128))
|
|
852
852
|
], 512)) : (a(), s("div", wt, [
|
|
853
|
-
(a(!0), s(j, null,
|
|
854
|
-
key:
|
|
853
|
+
(a(!0), s(j, null, $(h.skeletonQty, (S) => (a(), s("div", {
|
|
854
|
+
key: S,
|
|
855
855
|
class: "adj-select-image-item"
|
|
856
856
|
}, [
|
|
857
|
-
p(
|
|
857
|
+
p(z, {
|
|
858
858
|
loaders: l.value,
|
|
859
859
|
centered: ""
|
|
860
860
|
}, null, 8, ["loaders"])
|
|
861
861
|
]))), 128))
|
|
862
862
|
])),
|
|
863
|
-
h.design === "image" && !t.value && u.value ? (a(), s("div", At)) :
|
|
863
|
+
h.design === "image" && !t.value && u.value ? (a(), s("div", At)) : y("", !0)
|
|
864
864
|
], 2),
|
|
865
865
|
h.design === "image" && u.value ? (a(), s("div", {
|
|
866
866
|
key: 0,
|
|
867
867
|
class: f(["adj-select-image__expand", { "adj-expand": t.value }]),
|
|
868
868
|
onClick: e
|
|
869
869
|
}, [
|
|
870
|
-
|
|
871
|
-
w[1] || (w[1] =
|
|
872
|
-
], 2)) :
|
|
873
|
-
|
|
870
|
+
i("span", It, b(t.value ? h.foldText : h.expandText), 1),
|
|
871
|
+
w[1] || (w[1] = i("i", { class: "adj-select-image__expand-icon icon-arrow-down" }, null, -1))
|
|
872
|
+
], 2)) : y("", !0),
|
|
873
|
+
i("div", Tt, [
|
|
874
874
|
p(ne, {
|
|
875
875
|
dark: !1,
|
|
876
876
|
horizontalPosition: "center",
|
|
@@ -881,7 +881,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
881
881
|
])
|
|
882
882
|
], 64));
|
|
883
883
|
}
|
|
884
|
-
}),
|
|
884
|
+
}), x = /* @__PURE__ */ A(St, [["__scopeId", "data-v-fb2fb1c5"]]), Dt = { class: "adj-personalization-configurator-elements adj-element" }, Nt = { class: "adj-element__item" }, zt = {
|
|
885
885
|
key: 0,
|
|
886
886
|
class: "adj-item"
|
|
887
887
|
}, Lt = {
|
|
@@ -893,7 +893,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
893
893
|
}, qt = { class: "adj-item__title" }, Pt = {
|
|
894
894
|
key: 3,
|
|
895
895
|
class: "adj-item"
|
|
896
|
-
},
|
|
896
|
+
}, Rt = { class: "adj-item__title" }, Ut = {
|
|
897
897
|
key: 4,
|
|
898
898
|
class: "adj-item"
|
|
899
899
|
}, Ht = { class: "adj-item__title" }, Qt = {
|
|
@@ -924,52 +924,61 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
924
924
|
textAdjFilterSelect: {}
|
|
925
925
|
},
|
|
926
926
|
emits: ["update:modelValue"],
|
|
927
|
-
setup(k, { emit:
|
|
928
|
-
const n = k, r =
|
|
927
|
+
setup(k, { emit: v }) {
|
|
928
|
+
const n = k, r = v;
|
|
929
929
|
function l(m, V) {
|
|
930
930
|
r("update:modelValue", { ...n.modelValue, [m]: V });
|
|
931
931
|
}
|
|
932
932
|
function t(m, V) {
|
|
933
|
-
return "id" in m ? V.filter((o) =>
|
|
933
|
+
return "id" in m ? V.filter((o) => {
|
|
934
|
+
var _;
|
|
935
|
+
return ((_ = o == null ? void 0 : o.textureRef) == null ? void 0 : _.id) === m.id;
|
|
936
|
+
}) : V;
|
|
934
937
|
}
|
|
935
938
|
const e = I(() => n.items.map((m, V) => m.template !== "selectImage" ? [] : t(
|
|
936
939
|
c.value[V],
|
|
937
940
|
m.values
|
|
938
941
|
)));
|
|
939
|
-
function
|
|
940
|
-
return m.reduce((o,
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
942
|
+
function d(m) {
|
|
943
|
+
return m.reduce((o, _) => {
|
|
944
|
+
var T;
|
|
945
|
+
return (T = _ == null ? void 0 : _.textureRef) != null && T.id && o.findIndex((B) => {
|
|
946
|
+
var U;
|
|
947
|
+
return B.id === ((U = _ == null ? void 0 : _.textureRef) == null ? void 0 : U.id);
|
|
948
|
+
}) === -1 && o.push({
|
|
949
|
+
id: _.textureRef.id,
|
|
950
|
+
name: _.textureRef.name
|
|
951
|
+
}), o;
|
|
952
|
+
}, []).sort((o, _) => o.name > _.name ? 1 : -1);
|
|
944
953
|
}
|
|
945
|
-
const u = I(() => n.items.map((m) => m.template !== "selectImage" ? [] :
|
|
946
|
-
return
|
|
954
|
+
const u = I(() => n.items.map((m) => m.template !== "selectImage" ? [] : d(m.values))), c = D([]);
|
|
955
|
+
return ee(
|
|
947
956
|
u,
|
|
948
957
|
() => {
|
|
949
958
|
const m = u.value.map(() => ({}));
|
|
950
|
-
c.value = m;
|
|
959
|
+
m.length !== c.value.length && (c.value = m);
|
|
951
960
|
},
|
|
952
961
|
{ immediate: !0 }
|
|
953
962
|
), (m, V) => (a(), s("div", Dt, [
|
|
954
|
-
(a(!0), s(j, null,
|
|
963
|
+
(a(!0), s(j, null, $(m.items, (o, _) => (a(), s(j, {
|
|
955
964
|
key: o.id
|
|
956
965
|
}, [
|
|
957
|
-
|
|
966
|
+
i("div", Nt, [
|
|
958
967
|
o.template === "checkbox" ? (a(), s("div", zt, [
|
|
959
|
-
V[0] || (V[0] =
|
|
960
|
-
|
|
968
|
+
V[0] || (V[0] = i("div", { class: "adj-item__title" }, null, -1)),
|
|
969
|
+
i("div", {
|
|
961
970
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
962
971
|
}, [
|
|
963
972
|
p(ue, {
|
|
964
973
|
items: o.values,
|
|
965
974
|
title: o.name,
|
|
966
975
|
modelValue: m.modelValue[o.id],
|
|
967
|
-
"onUpdate:modelValue": (
|
|
976
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
968
977
|
}, null, 8, ["items", "title", "modelValue", "onUpdate:modelValue"])
|
|
969
978
|
], 2)
|
|
970
979
|
])) : o.template === "inputNumber" ? (a(), s("div", Lt, [
|
|
971
|
-
|
|
972
|
-
|
|
980
|
+
i("div", Mt, b(o.name), 1),
|
|
981
|
+
i("div", {
|
|
973
982
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
974
983
|
}, [
|
|
975
984
|
p(ft, {
|
|
@@ -977,126 +986,127 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
977
986
|
min: o.values[0].min,
|
|
978
987
|
debounceTime: 2e3,
|
|
979
988
|
modelValue: m.modelValue[o.id].value,
|
|
980
|
-
"onUpdate:modelValue": (
|
|
989
|
+
"onUpdate:modelValue": (g) => l(o.id, { ...m.modelValue[o.id], value: g })
|
|
981
990
|
}, null, 8, ["max", "min", "modelValue", "onUpdate:modelValue"])
|
|
982
991
|
], 2)
|
|
983
992
|
])) : o.template === "number" ? (a(), s("div", Bt, [
|
|
984
|
-
|
|
985
|
-
|
|
993
|
+
i("div", qt, b(o.name), 1),
|
|
994
|
+
i("div", {
|
|
986
995
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
987
996
|
}, b(o.values[0].value), 3)
|
|
988
997
|
])) : o.template === "selectModern" ? (a(), s("div", Pt, [
|
|
989
|
-
|
|
990
|
-
|
|
998
|
+
i("div", Rt, b(o.name), 1),
|
|
999
|
+
i("div", {
|
|
991
1000
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
992
1001
|
}, [
|
|
993
|
-
p(
|
|
1002
|
+
p(W, {
|
|
994
1003
|
design: "text",
|
|
995
1004
|
items: o.values,
|
|
996
1005
|
modelValue: m.modelValue[o.id],
|
|
997
|
-
"onUpdate:modelValue": (
|
|
1006
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
998
1007
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
999
1008
|
], 2)
|
|
1000
|
-
])) : o.template === "selectModernBackground" ? (a(), s("div",
|
|
1001
|
-
|
|
1002
|
-
|
|
1009
|
+
])) : o.template === "selectModernBackground" ? (a(), s("div", Ut, [
|
|
1010
|
+
i("div", Ht, b(o.name), 1),
|
|
1011
|
+
i("div", {
|
|
1003
1012
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
1004
1013
|
}, [
|
|
1005
|
-
p(
|
|
1014
|
+
p(W, {
|
|
1006
1015
|
design: "background",
|
|
1007
1016
|
items: o.values,
|
|
1008
1017
|
modelValue: m.modelValue[o.id],
|
|
1009
|
-
"onUpdate:modelValue": (
|
|
1018
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
1010
1019
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1011
1020
|
], 2)
|
|
1012
1021
|
])) : o.template === "selectModernImage" ? (a(), s("div", Qt, [
|
|
1013
|
-
|
|
1014
|
-
|
|
1022
|
+
i("div", Et, b(o.name), 1),
|
|
1023
|
+
i("div", {
|
|
1015
1024
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
1016
1025
|
}, [
|
|
1017
|
-
p(
|
|
1026
|
+
p(W, {
|
|
1018
1027
|
design: "image",
|
|
1019
1028
|
items: o.values,
|
|
1020
1029
|
modelValue: m.modelValue[o.id],
|
|
1021
|
-
"onUpdate:modelValue": (
|
|
1030
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
1022
1031
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1023
1032
|
], 2)
|
|
1024
1033
|
])) : o.template === "selectImage" ? (a(), s("div", Ft, [
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1034
|
+
i("div", Zt, [
|
|
1035
|
+
i("div", Wt, b(o.name), 1),
|
|
1036
|
+
u.value[_].length > 0 ? (a(), N(re, {
|
|
1037
|
+
key: 0,
|
|
1038
|
+
items: u.value[_],
|
|
1039
|
+
modelValue: c.value[_],
|
|
1040
|
+
"onUpdate:modelValue": (g) => c.value[_] = g,
|
|
1031
1041
|
position: "left",
|
|
1032
1042
|
title: m.textAdjFilterSelect
|
|
1033
|
-
}, null, 8, ["items", "modelValue", "onUpdate:modelValue", "title"])
|
|
1043
|
+
}, null, 8, ["items", "modelValue", "onUpdate:modelValue", "title"])) : y("", !0)
|
|
1034
1044
|
]),
|
|
1035
|
-
|
|
1045
|
+
i("div", {
|
|
1036
1046
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
1037
1047
|
}, [
|
|
1038
|
-
p(
|
|
1048
|
+
p(x, {
|
|
1039
1049
|
design: "image",
|
|
1040
|
-
items: e.value[
|
|
1050
|
+
items: e.value[_],
|
|
1041
1051
|
modelValue: m.modelValue[o.id],
|
|
1042
1052
|
expandText: m.expandTextAdjSelectImage,
|
|
1043
1053
|
foldText: m.foldTextAdjSelectImage,
|
|
1044
|
-
"onUpdate:modelValue": (
|
|
1054
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
1045
1055
|
}, null, 8, ["items", "modelValue", "expandText", "foldText", "onUpdate:modelValue"])
|
|
1046
1056
|
], 2)
|
|
1047
1057
|
])) : o.template === "selectImageText" ? (a(), s("div", Yt, [
|
|
1048
|
-
|
|
1058
|
+
i("div", {
|
|
1049
1059
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
1050
1060
|
}, [
|
|
1051
|
-
p(
|
|
1061
|
+
p(x, {
|
|
1052
1062
|
design: "text",
|
|
1053
1063
|
items: o.values,
|
|
1054
1064
|
modelValue: m.modelValue[o.id],
|
|
1055
|
-
"onUpdate:modelValue": (
|
|
1065
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
1056
1066
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1057
1067
|
], 2)
|
|
1058
1068
|
])) : o.template === "radio" ? (a(), s("div", Gt, [
|
|
1059
|
-
|
|
1060
|
-
|
|
1069
|
+
i("div", Kt, b(o.name), 1),
|
|
1070
|
+
i("div", {
|
|
1061
1071
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
1062
1072
|
}, [
|
|
1063
1073
|
p(me, {
|
|
1064
1074
|
items: o.values,
|
|
1065
1075
|
modelValue: m.modelValue[o.id],
|
|
1066
|
-
"onUpdate:modelValue": (
|
|
1076
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
1067
1077
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1068
1078
|
], 2)
|
|
1069
1079
|
])) : o.template === "tabs" ? (a(), s("div", Ot, [
|
|
1070
|
-
|
|
1080
|
+
i("div", {
|
|
1071
1081
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
1072
1082
|
}, [
|
|
1073
1083
|
p(ce, {
|
|
1074
1084
|
items: o.values,
|
|
1075
1085
|
modelValue: m.modelValue[o.id],
|
|
1076
|
-
"onUpdate:modelValue": (
|
|
1086
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
1077
1087
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1078
1088
|
], 2)
|
|
1079
1089
|
])) : o.template === "upload" ? (a(), s("div", Jt, [
|
|
1080
|
-
V[1] || (V[1] =
|
|
1081
|
-
|
|
1090
|
+
V[1] || (V[1] = i("div", { class: "adj-item__title" }, null, -1)),
|
|
1091
|
+
i("div", {
|
|
1082
1092
|
class: f(["adj-item__component", `adj-item__component_${o.template}`])
|
|
1083
1093
|
}, [
|
|
1084
1094
|
p(pe, {
|
|
1085
1095
|
text: o.name,
|
|
1086
1096
|
modelValue: m.modelValue[o.id],
|
|
1087
|
-
"onUpdate:modelValue": (
|
|
1097
|
+
"onUpdate:modelValue": (g) => l(o.id, g)
|
|
1088
1098
|
}, null, 8, ["text", "modelValue", "onUpdate:modelValue"])
|
|
1089
1099
|
], 2)
|
|
1090
|
-
])) :
|
|
1100
|
+
])) : y("", !0)
|
|
1091
1101
|
]),
|
|
1092
|
-
!o.hideHr &&
|
|
1102
|
+
!o.hideHr && _ < m.items.length - 1 ? (a(), s("div", {
|
|
1093
1103
|
key: 0,
|
|
1094
1104
|
class: f(`adj-${["selectImageText", "tabs"].includes(o.template) ? "solid" : "dashed"}`)
|
|
1095
|
-
}, null, 2)) :
|
|
1105
|
+
}, null, 2)) : y("", !0)
|
|
1096
1106
|
], 64))), 128))
|
|
1097
1107
|
]));
|
|
1098
1108
|
}
|
|
1099
|
-
}), xt = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-
|
|
1109
|
+
}), xt = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-01cf058e"]]), ea = { class: "adj-personalization-configurator" }, ta = { class: "adj-personalization-modal" }, aa = { class: "adj-personalization-modal__header adj-personalization-header adj-effect-overlay-light" }, la = { class: "adj-personalization-header__title adj-title-h3" }, sa = { class: "adj-personalization-header__close" }, oa = { class: "adj-personalization-modal__body adj-personalization-body" }, da = ["onClick"], ia = { class: "adj-miltititle__caret" }, na = { class: "adj-miltititle__delete" }, ua = { class: "adj-items" }, ra = { class: "adj-personalization-modal__footer adj-personalization-footer" }, ma = /* @__PURE__ */ C({
|
|
1100
1110
|
__name: "AdjPersonalizationConfigurator",
|
|
1101
1111
|
props: {
|
|
1102
1112
|
id: {},
|
|
@@ -1111,8 +1121,8 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1111
1121
|
textAdjFilterSelect: {}
|
|
1112
1122
|
},
|
|
1113
1123
|
emits: ["clickClose", "clickSave", "clickAddPersonalization", "clickDeletePersonalization", "update:modelValue", "update:activeModelAndItemId"],
|
|
1114
|
-
setup(k, { emit:
|
|
1115
|
-
const n =
|
|
1124
|
+
setup(k, { emit: v }) {
|
|
1125
|
+
const n = v;
|
|
1116
1126
|
return (r, l) => (a(), s("div", ea, [
|
|
1117
1127
|
p(_e, {
|
|
1118
1128
|
show: !0,
|
|
@@ -1120,11 +1130,11 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1120
1130
|
hideClose: ""
|
|
1121
1131
|
}, {
|
|
1122
1132
|
default: M(() => [
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
p(
|
|
1133
|
+
i("div", ta, [
|
|
1134
|
+
i("div", aa, [
|
|
1135
|
+
i("div", la, b(r.name), 1),
|
|
1136
|
+
i("div", sa, [
|
|
1137
|
+
p(Y, {
|
|
1128
1138
|
iconName: "icon-close",
|
|
1129
1139
|
size: 34,
|
|
1130
1140
|
design: "light",
|
|
@@ -1133,52 +1143,52 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1133
1143
|
})
|
|
1134
1144
|
])
|
|
1135
1145
|
]),
|
|
1136
|
-
|
|
1146
|
+
i("div", oa, [
|
|
1137
1147
|
p(ve, {
|
|
1138
1148
|
class: "adj-window__body",
|
|
1139
1149
|
maxHeight: "100%"
|
|
1140
1150
|
}, {
|
|
1141
1151
|
default: M(() => [
|
|
1142
|
-
(a(!0), s(j, null,
|
|
1152
|
+
(a(!0), s(j, null, $(r.modelsAndItems, (t, e) => (a(), s(j, { key: e }, [
|
|
1143
1153
|
r.modelsAndItems.length > 1 ? (a(), s("div", {
|
|
1144
1154
|
key: 0,
|
|
1145
1155
|
class: "adj-miltititle",
|
|
1146
|
-
onClick: (
|
|
1156
|
+
onClick: (d) => n("update:activeModelAndItemId", e)
|
|
1147
1157
|
}, [
|
|
1148
|
-
|
|
1149
|
-
p(
|
|
1158
|
+
i("div", ia, [
|
|
1159
|
+
p(Y, {
|
|
1150
1160
|
iconName: `icon-arrow-${r.activeModelAndItemId === e ? "down" : "right"}`,
|
|
1151
1161
|
size: 24,
|
|
1152
1162
|
design: "light",
|
|
1153
1163
|
disabled: !1
|
|
1154
1164
|
}, null, 8, ["iconName"])
|
|
1155
1165
|
]),
|
|
1156
|
-
|
|
1166
|
+
i("div", {
|
|
1157
1167
|
class: f(["adj-miltititle__title adj-text-16-bold", { "adj-miltititle__title_active": r.activeModelAndItemId === e }])
|
|
1158
1168
|
}, b(r.name) + " " + b(e + 1), 3),
|
|
1159
|
-
|
|
1160
|
-
p(
|
|
1169
|
+
i("div", na, [
|
|
1170
|
+
p(Y, {
|
|
1161
1171
|
iconName: "icon-close",
|
|
1162
1172
|
size: 24,
|
|
1163
1173
|
design: "light",
|
|
1164
1174
|
disabled: !1,
|
|
1165
|
-
onClick: (
|
|
1175
|
+
onClick: (d) => n("clickDeletePersonalization", e)
|
|
1166
1176
|
}, null, 8, ["onClick"])
|
|
1167
1177
|
])
|
|
1168
|
-
], 8,
|
|
1169
|
-
p(
|
|
1178
|
+
], 8, da)) : y("", !0),
|
|
1179
|
+
p(E, { name: "adj-popup-pers" }, {
|
|
1170
1180
|
default: M(() => [
|
|
1171
|
-
|
|
1181
|
+
P(i("div", ua, [
|
|
1172
1182
|
p(xt, {
|
|
1173
1183
|
items: t.items,
|
|
1174
1184
|
modelValue: t.modelValue,
|
|
1175
1185
|
expandTextAdjSelectImage: r.expandTextAdjSelectImage,
|
|
1176
1186
|
foldTextAdjSelectImage: r.foldTextAdjSelectImage,
|
|
1177
1187
|
textAdjFilterSelect: r.textAdjFilterSelect,
|
|
1178
|
-
"onUpdate:modelValue": (
|
|
1188
|
+
"onUpdate:modelValue": (d) => r.$emit("update:modelValue", e, d)
|
|
1179
1189
|
}, null, 8, ["items", "modelValue", "expandTextAdjSelectImage", "foldTextAdjSelectImage", "textAdjFilterSelect", "onUpdate:modelValue"])
|
|
1180
1190
|
], 512), [
|
|
1181
|
-
[
|
|
1191
|
+
[R, r.activeModelAndItemId === e]
|
|
1182
1192
|
])
|
|
1183
1193
|
]),
|
|
1184
1194
|
_: 2
|
|
@@ -1188,8 +1198,8 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1188
1198
|
_: 1
|
|
1189
1199
|
})
|
|
1190
1200
|
]),
|
|
1191
|
-
|
|
1192
|
-
p(
|
|
1201
|
+
i("div", ra, [
|
|
1202
|
+
p(G, {
|
|
1193
1203
|
title: r.titleSave,
|
|
1194
1204
|
size: "small",
|
|
1195
1205
|
design: "primary",
|
|
@@ -1197,7 +1207,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1197
1207
|
iconLeft: "icon-done-circle",
|
|
1198
1208
|
onClick: l[1] || (l[1] = (t) => n("clickSave"))
|
|
1199
1209
|
}, null, 8, ["title"]),
|
|
1200
|
-
r.multiple ? (a(),
|
|
1210
|
+
r.multiple ? (a(), N(G, {
|
|
1201
1211
|
key: 0,
|
|
1202
1212
|
title: r.titleAdd,
|
|
1203
1213
|
size: "small",
|
|
@@ -1205,7 +1215,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1205
1215
|
round: "",
|
|
1206
1216
|
iconLeft: "icon-add",
|
|
1207
1217
|
onClick: l[2] || (l[2] = (t) => n("clickAddPersonalization"))
|
|
1208
|
-
}, null, 8, ["title"])) :
|
|
1218
|
+
}, null, 8, ["title"])) : y("", !0)
|
|
1209
1219
|
])
|
|
1210
1220
|
])
|
|
1211
1221
|
]),
|
|
@@ -1221,15 +1231,15 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1221
1231
|
duration: { default: 0 }
|
|
1222
1232
|
},
|
|
1223
1233
|
emits: ["click"],
|
|
1224
|
-
setup(k, { emit:
|
|
1225
|
-
const n =
|
|
1234
|
+
setup(k, { emit: v }) {
|
|
1235
|
+
const n = v;
|
|
1226
1236
|
return (r, l) => (a(), s("div", ca, [
|
|
1227
|
-
|
|
1228
|
-
r.items.length > 0 ? (a(!0), s(j, { key: 0 },
|
|
1237
|
+
i("div", pa, [
|
|
1238
|
+
r.items.length > 0 ? (a(!0), s(j, { key: 0 }, $(r.items, (t) => (a(), s("div", {
|
|
1229
1239
|
key: t.id,
|
|
1230
1240
|
class: "adj-products__item"
|
|
1231
1241
|
}, [
|
|
1232
|
-
p(
|
|
1242
|
+
p(O, {
|
|
1233
1243
|
id: t.id,
|
|
1234
1244
|
name: t.name,
|
|
1235
1245
|
hintHtml: t.hintHtml,
|
|
@@ -1240,11 +1250,11 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1240
1250
|
modelValue: t,
|
|
1241
1251
|
onClick: (e) => n("click", t)
|
|
1242
1252
|
}, null, 8, ["id", "name", "hintHtml", "duration", "images", "modelValue", "onClick"])
|
|
1243
|
-
]))), 128)) : (a(!0), s(j, { key: 1 },
|
|
1253
|
+
]))), 128)) : (a(!0), s(j, { key: 1 }, $(r.skeletonQty, (t) => (a(), s("div", {
|
|
1244
1254
|
key: t,
|
|
1245
1255
|
class: "adj-products__item"
|
|
1246
1256
|
}, [
|
|
1247
|
-
p(
|
|
1257
|
+
p(z, {
|
|
1248
1258
|
loaders: [
|
|
1249
1259
|
{ aspectRatio: "0.66", width: "65%" },
|
|
1250
1260
|
{ marginTop: "20px", height: "26px", width: "120px" }
|
|
@@ -1264,7 +1274,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1264
1274
|
},
|
|
1265
1275
|
emits: ["update:modelValue"],
|
|
1266
1276
|
setup(k) {
|
|
1267
|
-
const
|
|
1277
|
+
const v = k, n = [
|
|
1268
1278
|
{
|
|
1269
1279
|
height: "34px",
|
|
1270
1280
|
width: "85px"
|
|
@@ -1280,49 +1290,49 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1280
1290
|
}
|
|
1281
1291
|
], l = I(() => {
|
|
1282
1292
|
var t;
|
|
1283
|
-
for (const e of
|
|
1293
|
+
for (const e of v.groups) {
|
|
1284
1294
|
e.items;
|
|
1285
|
-
for (const
|
|
1286
|
-
if (
|
|
1295
|
+
for (const d of e.items)
|
|
1296
|
+
if (d.id === ((t = v.modelValue) == null ? void 0 : t.id))
|
|
1287
1297
|
return e;
|
|
1288
1298
|
}
|
|
1289
1299
|
return null;
|
|
1290
1300
|
});
|
|
1291
1301
|
return (t, e) => (a(), s("div", va, [
|
|
1292
|
-
|
|
1293
|
-
t.groups.length > 0 ? (a(!0), s(j, { key: 0 },
|
|
1302
|
+
i("div", ga, [
|
|
1303
|
+
t.groups.length > 0 ? (a(!0), s(j, { key: 0 }, $(t.groups, (d) => {
|
|
1294
1304
|
var u;
|
|
1295
|
-
return a(),
|
|
1296
|
-
title:
|
|
1305
|
+
return a(), N(G, {
|
|
1306
|
+
title: d.name,
|
|
1297
1307
|
size: "small",
|
|
1298
|
-
design:
|
|
1299
|
-
onClick: (c) => t.$emit("update:modelValue",
|
|
1308
|
+
design: d.id === ((u = l.value) == null ? void 0 : u.id) ? "alternative-active" : "alternative",
|
|
1309
|
+
onClick: (c) => t.$emit("update:modelValue", d.items[0])
|
|
1300
1310
|
}, null, 8, ["title", "design", "onClick"]);
|
|
1301
|
-
}), 256)) : (a(), s(j, { key: 1 },
|
|
1302
|
-
p(
|
|
1311
|
+
}), 256)) : (a(), s(j, { key: 1 }, $(4, (d) => i("div", { key: d }, [
|
|
1312
|
+
p(z, { loaders: n })
|
|
1303
1313
|
])), 64))
|
|
1304
1314
|
]),
|
|
1305
|
-
|
|
1306
|
-
t.groups.length > 0 && l.value ? (a(!0), s(j, { key: 0 },
|
|
1315
|
+
i("div", ha, [
|
|
1316
|
+
t.groups.length > 0 && l.value ? (a(!0), s(j, { key: 0 }, $(l.value.items, (d, u) => {
|
|
1307
1317
|
var c;
|
|
1308
1318
|
return a(), s("div", {
|
|
1309
1319
|
class: "adj-stitchings__item",
|
|
1310
1320
|
key: u
|
|
1311
1321
|
}, [
|
|
1312
|
-
p(
|
|
1313
|
-
id:
|
|
1314
|
-
image:
|
|
1322
|
+
p(F, {
|
|
1323
|
+
id: d.id,
|
|
1324
|
+
image: d.image,
|
|
1315
1325
|
aspectRatio: 1.5,
|
|
1316
|
-
name:
|
|
1317
|
-
checked:
|
|
1318
|
-
onClick: (m) => t.$emit("update:modelValue",
|
|
1326
|
+
name: d.name,
|
|
1327
|
+
checked: d.id == ((c = t.modelValue) == null ? void 0 : c.id),
|
|
1328
|
+
onClick: (m) => t.$emit("update:modelValue", d)
|
|
1319
1329
|
}, null, 8, ["id", "image", "name", "checked", "onClick"])
|
|
1320
1330
|
]);
|
|
1321
|
-
}), 128)) : (a(!0), s(j, { key: 1 },
|
|
1322
|
-
key:
|
|
1331
|
+
}), 128)) : (a(!0), s(j, { key: 1 }, $(t.skeletonQty, (d) => (a(), s("div", {
|
|
1332
|
+
key: d,
|
|
1323
1333
|
class: "adj-stitchings__item"
|
|
1324
1334
|
}, [
|
|
1325
|
-
p(
|
|
1335
|
+
p(z, { loaders: r })
|
|
1326
1336
|
]))), 128))
|
|
1327
1337
|
])
|
|
1328
1338
|
]));
|