@poni/adjutant-ui 0.0.108 → 0.0.109
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/constructor.cjs +3 -1
- package/dist/constructor.js +689 -569
- package/dist/plugin/constructor.d.ts +2 -1
- package/dist/style.css +1 -1
- package/package.json +7 -5
package/dist/constructor.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { g as
|
|
3
|
-
import { useWindowSize as ge, useMemoize as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as w, useCssVars as F, ref as D, openBlock as a, createElementBlock as i, normalizeClass as f, withModifiers as z, createElementVNode as d, normalizeStyle as se, toDisplayString as $, createCommentVNode as j, createBlock as N, createVNode as _, Transition as H, withCtx as q, withDirectives as B, vShow as P, Fragment as k, renderList as y, computed as I, watch as ee, unref as oe, useTemplateRef as J, getCurrentInstance as ne, onMounted as de } from "vue";
|
|
2
|
+
import { g as R, m as G, _ as C, k as L, e as te, A as ue, c as re, j as O, d as ce, i as me, n as pe, o as _e, h as ve, f as Z, a as he, b as Y } from "./AdjUploadFile-hEC_M0bi.js";
|
|
3
|
+
import { useWindowSize as ge, useMemoize as fe, useWindowScroll as je, useDebounceFn as ke, useElementSize as be } from "@vueuse/core";
|
|
4
|
+
const $e = { class: "adj-top" }, ye = ["src", "alt"], Ve = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "adj-top__hint adj-hint"
|
|
7
|
-
},
|
|
7
|
+
}, we = { class: "adj-hint__wrapper" }, Ce = { class: "adj-text-13" }, Ae = { class: "adj-text-16" }, Ie = { class: "adj-top__labels adj-labels adj-text-14" }, Te = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "adj-labels__label"
|
|
10
|
-
},
|
|
10
|
+
}, Se = {
|
|
11
11
|
key: 1,
|
|
12
12
|
class: "adj-labels__label"
|
|
13
|
-
},
|
|
13
|
+
}, De = {
|
|
14
14
|
key: 2,
|
|
15
15
|
class: "adj-labels__label"
|
|
16
|
-
},
|
|
16
|
+
}, Le = {
|
|
17
17
|
key: 2,
|
|
18
18
|
class: "adj-square adj-square_quantity"
|
|
19
|
-
}, Ne = { class: "adj-top__check" },
|
|
19
|
+
}, Ne = { class: "adj-top__check" }, qe = { class: "adj-bottom" }, ze = ["innerHTML"], Me = /* @__PURE__ */ w({
|
|
20
20
|
__name: "AdjImageItem",
|
|
21
21
|
props: {
|
|
22
22
|
id: {},
|
|
@@ -40,97 +40,97 @@ 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(
|
|
44
|
-
|
|
43
|
+
setup(g, { emit: u }) {
|
|
44
|
+
F((t) => ({
|
|
45
45
|
"69e20140": t.width
|
|
46
46
|
}));
|
|
47
|
-
const
|
|
47
|
+
const o = u, n = D(!1);
|
|
48
48
|
function l(t) {
|
|
49
|
-
|
|
49
|
+
n.value = t;
|
|
50
50
|
}
|
|
51
|
-
return (t, e) => (a(),
|
|
51
|
+
return (t, e) => (a(), i("div", {
|
|
52
52
|
class: f(["adj-image-item", {
|
|
53
|
-
"adj-image-item_hovered":
|
|
53
|
+
"adj-image-item_hovered": n.value,
|
|
54
54
|
"adj-image-item_checked": t.checked,
|
|
55
55
|
"adj-image-item_bordered": t.bordered
|
|
56
56
|
}]),
|
|
57
|
-
onClick: e[5] || (e[5] =
|
|
58
|
-
onMouseenter: e[6] || (e[6] = (
|
|
59
|
-
onMouseleave: e[7] || (e[7] = (
|
|
57
|
+
onClick: e[5] || (e[5] = z((r) => o("click"), ["stop"])),
|
|
58
|
+
onMouseenter: e[6] || (e[6] = (r) => l(!0)),
|
|
59
|
+
onMouseleave: e[7] || (e[7] = (r) => l(!1))
|
|
60
60
|
}, [
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
d("div", $e, [
|
|
62
|
+
d("img", {
|
|
63
63
|
class: "adj-top__image",
|
|
64
|
-
style:
|
|
64
|
+
style: se({ aspectRatio: t.aspectRatio }),
|
|
65
65
|
src: t.image,
|
|
66
66
|
alt: t.name
|
|
67
|
-
}, null, 12,
|
|
68
|
-
t.hints.length > 0 ? (a(),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
67
|
+
}, null, 12, ye),
|
|
68
|
+
t.hints.length > 0 ? (a(), i("div", Ve, [
|
|
69
|
+
d("div", we, [
|
|
70
|
+
d("div", Ce, $(t.hints[0]), 1),
|
|
71
|
+
d("div", Ae, $(t.hints[1]), 1)
|
|
72
72
|
])
|
|
73
|
-
])) :
|
|
74
|
-
|
|
75
|
-
t.labelSale ? (a(),
|
|
76
|
-
t.labelNew ? (a(),
|
|
77
|
-
t.labelCmyk ? (a(),
|
|
73
|
+
])) : j("", !0),
|
|
74
|
+
d("div", Ie, [
|
|
75
|
+
t.labelSale ? (a(), i("div", Te, "Sale")) : j("", !0),
|
|
76
|
+
t.labelNew ? (a(), i("div", Se, "NEW")) : j("", !0),
|
|
77
|
+
t.labelCmyk ? (a(), i("div", De, "CMYK")) : j("", !0)
|
|
78
78
|
]),
|
|
79
|
-
t.buttonClose ? (a(),
|
|
79
|
+
t.buttonClose ? (a(), i("div", {
|
|
80
80
|
key: 1,
|
|
81
81
|
class: "adj-square adj-square_close",
|
|
82
|
-
onClick: e[0] || (e[0] =
|
|
82
|
+
onClick: e[0] || (e[0] = z((r) => t.$emit("clickClose"), ["stop"]))
|
|
83
83
|
}, e[8] || (e[8] = [
|
|
84
|
-
|
|
85
|
-
]))) :
|
|
86
|
-
t.labelQuantity ? (a(),
|
|
87
|
-
t.buttonPlus ? (a(),
|
|
84
|
+
d("i", { className: "icon-close" }, null, -1)
|
|
85
|
+
]))) : j("", !0),
|
|
86
|
+
t.labelQuantity ? (a(), i("div", Le, $(t.quantity), 1)) : j("", !0),
|
|
87
|
+
t.buttonPlus ? (a(), i("div", {
|
|
88
88
|
key: 3,
|
|
89
89
|
class: "adj-square adj-square_plus",
|
|
90
|
-
onClick: e[1] || (e[1] =
|
|
90
|
+
onClick: e[1] || (e[1] = z((r) => t.$emit("clickPlus"), ["stop"]))
|
|
91
91
|
}, e[9] || (e[9] = [
|
|
92
|
-
|
|
93
|
-
]))) :
|
|
94
|
-
|
|
92
|
+
d("i", { className: "icon-plus" }, null, -1)
|
|
93
|
+
]))) : j("", !0),
|
|
94
|
+
d("div", {
|
|
95
95
|
class: "adj-top__buttons",
|
|
96
|
-
onClick: e[4] || (e[4] =
|
|
96
|
+
onClick: e[4] || (e[4] = z(() => {
|
|
97
97
|
}, ["stop"]))
|
|
98
98
|
}, [
|
|
99
|
-
t.buttonZoom ? (a(),
|
|
99
|
+
t.buttonZoom ? (a(), N(R, {
|
|
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] = (r) => t.$emit("clickZoom"))
|
|
103
|
+
})) : j("", !0),
|
|
104
|
+
t.buttonDetail ? (a(), N(R, {
|
|
105
105
|
key: 1,
|
|
106
106
|
iconName: "icon-menu-burger",
|
|
107
|
-
onClick: e[3] || (e[3] = (
|
|
108
|
-
})) :
|
|
107
|
+
onClick: e[3] || (e[3] = (r) => t.$emit("clickDetail"))
|
|
108
|
+
})) : j("", !0)
|
|
109
109
|
]),
|
|
110
|
-
|
|
111
|
-
default:
|
|
112
|
-
|
|
113
|
-
|
|
110
|
+
_(H, { name: "adj-fade" }, {
|
|
111
|
+
default: q(() => [
|
|
112
|
+
B(d("div", Ne, [
|
|
113
|
+
_(G)
|
|
114
114
|
], 512), [
|
|
115
|
-
[
|
|
115
|
+
[P, t.checked]
|
|
116
116
|
])
|
|
117
117
|
]),
|
|
118
118
|
_: 1
|
|
119
119
|
})
|
|
120
120
|
]),
|
|
121
|
-
|
|
122
|
-
|
|
121
|
+
d("div", qe, [
|
|
122
|
+
d("div", {
|
|
123
123
|
class: f(["adj-bottom__title adj-text-16", { "adj-bottom__title_center": t.centerName }])
|
|
124
|
-
},
|
|
125
|
-
(a(!0),
|
|
126
|
-
key:
|
|
124
|
+
}, $(t.name), 3),
|
|
125
|
+
(a(!0), i(k, null, y(t.subnames, (r, c) => (a(), i("div", {
|
|
126
|
+
key: c,
|
|
127
127
|
class: "adj-bottom__subtitle adj-text-13",
|
|
128
|
-
innerHTML:
|
|
129
|
-
}, null, 8,
|
|
128
|
+
innerHTML: r
|
|
129
|
+
}, null, 8, ze))), 128))
|
|
130
130
|
])
|
|
131
131
|
], 34));
|
|
132
132
|
}
|
|
133
|
-
}),
|
|
133
|
+
}), Q = /* @__PURE__ */ C(Me, [["__scopeId", "data-v-7dafde96"]]), Re = { class: "adj-blocks" }, Be = /* @__PURE__ */ w({
|
|
134
134
|
__name: "AdjBlocks",
|
|
135
135
|
props: {
|
|
136
136
|
modelValue: {},
|
|
@@ -138,8 +138,8 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
138
138
|
skeletonQty: { default: 8 }
|
|
139
139
|
},
|
|
140
140
|
emits: ["update:modelValue", "clickZoom", "clickDetail"],
|
|
141
|
-
setup(
|
|
142
|
-
const
|
|
141
|
+
setup(g) {
|
|
142
|
+
const u = [
|
|
143
143
|
{
|
|
144
144
|
aspectRatio: "1.43"
|
|
145
145
|
},
|
|
@@ -169,37 +169,37 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
169
169
|
width: "60%"
|
|
170
170
|
}
|
|
171
171
|
];
|
|
172
|
-
return (
|
|
173
|
-
|
|
172
|
+
return (o, n) => (a(), i("div", Re, [
|
|
173
|
+
o.items.length > 0 ? (a(!0), i(k, { key: 0 }, y(o.items, (l, t) => {
|
|
174
174
|
var e;
|
|
175
|
-
return a(),
|
|
175
|
+
return a(), i("div", {
|
|
176
176
|
class: "adj-blocks__item",
|
|
177
177
|
key: t
|
|
178
178
|
}, [
|
|
179
|
-
|
|
179
|
+
_(Q, {
|
|
180
180
|
id: l.id,
|
|
181
181
|
image: l.image,
|
|
182
182
|
name: l.name,
|
|
183
183
|
subnames: l.subnames,
|
|
184
|
-
checked: l.id == ((e =
|
|
184
|
+
checked: l.id == ((e = o.modelValue) == null ? void 0 : e.id),
|
|
185
185
|
labelNew: l.labelNew,
|
|
186
186
|
labelSale: l.labelSale,
|
|
187
187
|
buttonZoom: "",
|
|
188
188
|
buttonDetail: "",
|
|
189
|
-
onClick: (
|
|
190
|
-
onClickZoom: (
|
|
191
|
-
onClickDetail: (
|
|
189
|
+
onClick: (r) => o.$emit("update:modelValue", l),
|
|
190
|
+
onClickZoom: (r) => o.$emit("clickZoom", l),
|
|
191
|
+
onClickDetail: (r) => o.$emit("clickDetail", l)
|
|
192
192
|
}, null, 8, ["id", "image", "name", "subnames", "checked", "labelNew", "labelSale", "onClick", "onClickZoom", "onClickDetail"])
|
|
193
193
|
]);
|
|
194
|
-
}), 128)) : (a(!0),
|
|
194
|
+
}), 128)) : (a(!0), i(k, { key: 1 }, y(o.skeletonQty, (l) => (a(), i("div", {
|
|
195
195
|
key: l,
|
|
196
196
|
class: "adj-blocks__item"
|
|
197
197
|
}, [
|
|
198
|
-
|
|
198
|
+
_(L, { loaders: u })
|
|
199
199
|
]))), 128))
|
|
200
200
|
]));
|
|
201
201
|
}
|
|
202
|
-
}),
|
|
202
|
+
}), qa = /* @__PURE__ */ C(Be, [["__scopeId", "data-v-ceba5569"]]), Pe = { class: "adj-top" }, Ue = ["src", "alt"], Ee = ["src"], Fe = { class: "adj-top__check" }, He = { class: "adj-top__icon-buttons" }, Qe = { class: "adj-bottom" }, We = { class: "adj-bottom__title adj-text-16" }, Oe = /* @__PURE__ */ w({
|
|
203
203
|
__name: "AdjCoverItem",
|
|
204
204
|
props: {
|
|
205
205
|
id: {},
|
|
@@ -215,93 +215,93 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
215
215
|
width: { default: "100%" }
|
|
216
216
|
},
|
|
217
217
|
emits: ["click", "switchCorner"],
|
|
218
|
-
setup(
|
|
219
|
-
|
|
220
|
-
"36b60755":
|
|
218
|
+
setup(g, { emit: u }) {
|
|
219
|
+
F((v) => ({
|
|
220
|
+
"36b60755": v.width
|
|
221
221
|
}));
|
|
222
|
-
const
|
|
222
|
+
const o = g, n = u, l = D(!1);
|
|
223
223
|
let t = null;
|
|
224
|
-
const e = D(0),
|
|
225
|
-
() =>
|
|
226
|
-
),
|
|
227
|
-
function
|
|
228
|
-
l.value =
|
|
224
|
+
const e = D(0), r = I(
|
|
225
|
+
() => o.duration / (o.images.length - 1) * 1e3
|
|
226
|
+
), c = I(() => o.images[e.value] ? o.images[e.value] : "");
|
|
227
|
+
function p(v) {
|
|
228
|
+
l.value = v, t == null && m();
|
|
229
229
|
}
|
|
230
230
|
function m() {
|
|
231
231
|
t = window.setTimeout(() => {
|
|
232
|
-
l.value ? V() :
|
|
233
|
-
},
|
|
232
|
+
l.value ? V() : s();
|
|
233
|
+
}, r.value);
|
|
234
234
|
}
|
|
235
235
|
function V() {
|
|
236
|
-
e.value <
|
|
236
|
+
e.value < o.images.length - 1 ? (e.value++, m()) : t = null;
|
|
237
237
|
}
|
|
238
|
-
function
|
|
238
|
+
function s() {
|
|
239
239
|
e.value > 0 ? (e.value--, m()) : t = null;
|
|
240
240
|
}
|
|
241
|
-
return (
|
|
241
|
+
return (v, h) => (a(), i("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": v.checked,
|
|
245
|
+
"adj-cover-item_underlined": v.underlined
|
|
246
246
|
}]),
|
|
247
|
-
onClick:
|
|
248
|
-
onMouseenter:
|
|
249
|
-
onMouseleave:
|
|
247
|
+
onClick: h[2] || (h[2] = z((T) => n("click", v.modelValue), ["stop"])),
|
|
248
|
+
onMouseenter: h[3] || (h[3] = (T) => p(!0)),
|
|
249
|
+
onMouseleave: h[4] || (h[4] = (T) => p(!1))
|
|
250
250
|
}, [
|
|
251
|
-
|
|
252
|
-
|
|
251
|
+
d("div", Pe, [
|
|
252
|
+
d("img", {
|
|
253
253
|
class: "adj-top__image",
|
|
254
|
-
src:
|
|
255
|
-
alt:
|
|
256
|
-
}, null, 8,
|
|
257
|
-
(a(!0),
|
|
254
|
+
src: c.value,
|
|
255
|
+
alt: v.name
|
|
256
|
+
}, null, 8, Ue),
|
|
257
|
+
(a(!0), i(k, null, y(v.images, (T) => B((a(), i("img", {
|
|
258
258
|
class: "adj-top__image-cache",
|
|
259
259
|
key: T,
|
|
260
260
|
src: T
|
|
261
|
-
}, null, 8,
|
|
262
|
-
[
|
|
261
|
+
}, null, 8, Ee)), [
|
|
262
|
+
[P, !1]
|
|
263
263
|
])), 128)),
|
|
264
|
-
|
|
265
|
-
default:
|
|
266
|
-
|
|
267
|
-
|
|
264
|
+
_(H, { name: "adj-fade" }, {
|
|
265
|
+
default: q(() => [
|
|
266
|
+
B(d("div", Fe, [
|
|
267
|
+
_(G)
|
|
268
268
|
], 512), [
|
|
269
|
-
[
|
|
269
|
+
[P, v.checked]
|
|
270
270
|
])
|
|
271
271
|
]),
|
|
272
272
|
_: 1
|
|
273
273
|
}),
|
|
274
|
-
|
|
275
|
-
|
|
274
|
+
d("div", He, [
|
|
275
|
+
v.hintHtml ? (a(), N(te, {
|
|
276
276
|
key: 0,
|
|
277
|
-
html:
|
|
277
|
+
html: v.hintHtml,
|
|
278
278
|
"horizontal-position": "left",
|
|
279
279
|
"vertical-position": "bottom",
|
|
280
280
|
"modal-mode": !0
|
|
281
281
|
}, {
|
|
282
|
-
default:
|
|
283
|
-
|
|
282
|
+
default: q(() => [
|
|
283
|
+
_(R, { iconName: "icon-info" })
|
|
284
284
|
]),
|
|
285
285
|
_: 1
|
|
286
|
-
}, 8, ["html"])) :
|
|
287
|
-
|
|
286
|
+
}, 8, ["html"])) : j("", !0),
|
|
287
|
+
v.showCornerSwitcher && !v.roundedCorner ? (a(), N(R, {
|
|
288
288
|
key: 1,
|
|
289
289
|
iconName: "icon-corner-sharp",
|
|
290
|
-
onClick:
|
|
291
|
-
})) :
|
|
292
|
-
|
|
290
|
+
onClick: h[0] || (h[0] = (T) => n("switchCorner", v.modelValue))
|
|
291
|
+
})) : j("", !0),
|
|
292
|
+
v.showCornerSwitcher && v.roundedCorner ? (a(), N(R, {
|
|
293
293
|
key: 2,
|
|
294
294
|
iconName: "icon-corner-rounded",
|
|
295
|
-
onClick:
|
|
296
|
-
})) :
|
|
295
|
+
onClick: h[1] || (h[1] = (T) => n("switchCorner", v.modelValue))
|
|
296
|
+
})) : j("", !0)
|
|
297
297
|
])
|
|
298
298
|
]),
|
|
299
|
-
|
|
300
|
-
|
|
299
|
+
d("div", Qe, [
|
|
300
|
+
d("div", We, $(v.name), 1)
|
|
301
301
|
])
|
|
302
302
|
], 34));
|
|
303
303
|
}
|
|
304
|
-
}),
|
|
304
|
+
}), K = /* @__PURE__ */ C(Oe, [["__scopeId", "data-v-f68f5046"]]), Ze = { class: "adj-laminates" }, Ye = /* @__PURE__ */ w({
|
|
305
305
|
__name: "AdjLaminates",
|
|
306
306
|
props: {
|
|
307
307
|
modelValue: {},
|
|
@@ -309,40 +309,40 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
309
309
|
skeletonQty: { default: 2 }
|
|
310
310
|
},
|
|
311
311
|
emits: ["update:modelValue"],
|
|
312
|
-
setup(
|
|
313
|
-
const
|
|
312
|
+
setup(g, { emit: u }) {
|
|
313
|
+
const o = u, n = [
|
|
314
314
|
{ aspectRatio: "0.66", width: "65%" },
|
|
315
315
|
{ marginTop: "20px", height: "26px", width: "120px" }
|
|
316
316
|
];
|
|
317
|
-
return (l, t) => (a(),
|
|
318
|
-
l.items.length > 0 ? (a(!0),
|
|
319
|
-
var
|
|
320
|
-
return a(),
|
|
317
|
+
return (l, t) => (a(), i("div", Ze, [
|
|
318
|
+
l.items.length > 0 ? (a(!0), i(k, { key: 0 }, y(l.items, (e) => {
|
|
319
|
+
var r;
|
|
320
|
+
return a(), i("div", {
|
|
321
321
|
key: e.id,
|
|
322
322
|
class: "adj-laminates__item"
|
|
323
323
|
}, [
|
|
324
|
-
|
|
324
|
+
_(K, {
|
|
325
325
|
id: e.id,
|
|
326
326
|
name: e.name,
|
|
327
327
|
underlined: "",
|
|
328
|
-
checked: e.id == ((
|
|
328
|
+
checked: e.id == ((r = l.modelValue) == null ? void 0 : r.id),
|
|
329
329
|
images: e.images,
|
|
330
330
|
modelValue: e,
|
|
331
|
-
onClick: (
|
|
331
|
+
onClick: (c) => o("update:modelValue", e)
|
|
332
332
|
}, null, 8, ["id", "name", "checked", "images", "modelValue", "onClick"])
|
|
333
333
|
]);
|
|
334
|
-
}), 128)) : (a(!0),
|
|
334
|
+
}), 128)) : (a(!0), i(k, { key: 1 }, y(l.skeletonQty, (e) => (a(), i("div", {
|
|
335
335
|
key: e,
|
|
336
336
|
class: "adj-laminates__item"
|
|
337
337
|
}, [
|
|
338
|
-
|
|
339
|
-
loaders:
|
|
338
|
+
_(L, {
|
|
339
|
+
loaders: n,
|
|
340
340
|
centered: !0
|
|
341
341
|
})
|
|
342
342
|
]))), 128))
|
|
343
343
|
]));
|
|
344
344
|
}
|
|
345
|
-
}),
|
|
345
|
+
}), za = /* @__PURE__ */ C(Ye, [["__scopeId", "data-v-9be5871f"]]), Ge = { class: "adj-materials" }, Ke = /* @__PURE__ */ w({
|
|
346
346
|
__name: "AdjMaterials",
|
|
347
347
|
props: {
|
|
348
348
|
modelValue: {},
|
|
@@ -350,8 +350,8 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
350
350
|
skeletonQty: { default: 30 }
|
|
351
351
|
},
|
|
352
352
|
emits: ["update:modelValue", "clickDetail"],
|
|
353
|
-
setup(
|
|
354
|
-
const
|
|
353
|
+
setup(g) {
|
|
354
|
+
const u = [
|
|
355
355
|
{
|
|
356
356
|
aspectRatio: "1"
|
|
357
357
|
},
|
|
@@ -371,14 +371,14 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
371
371
|
width: "90%"
|
|
372
372
|
}
|
|
373
373
|
];
|
|
374
|
-
return (
|
|
375
|
-
|
|
374
|
+
return (o, n) => (a(), i("div", Ge, [
|
|
375
|
+
o.items.length > 0 ? (a(!0), i(k, { key: 0 }, y(o.items, (l, t) => {
|
|
376
376
|
var e;
|
|
377
|
-
return a(),
|
|
377
|
+
return a(), i("div", {
|
|
378
378
|
class: "adj-materials__item",
|
|
379
379
|
key: t
|
|
380
380
|
}, [
|
|
381
|
-
|
|
381
|
+
_(Q, {
|
|
382
382
|
id: l.id,
|
|
383
383
|
image: l.image,
|
|
384
384
|
bordered: !0,
|
|
@@ -386,24 +386,24 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
386
386
|
name: l.name,
|
|
387
387
|
subnames: l.subnames,
|
|
388
388
|
hints: l.hints,
|
|
389
|
-
checked: l.id == ((e =
|
|
389
|
+
checked: l.id == ((e = o.modelValue) == null ? void 0 : e.id),
|
|
390
390
|
labelNew: l.labelNew,
|
|
391
391
|
labelCmyk: l.labelCmyk,
|
|
392
392
|
labelSale: l.labelSale,
|
|
393
393
|
buttonDetail: "",
|
|
394
|
-
onClick: (
|
|
395
|
-
onClickDetail: (
|
|
394
|
+
onClick: (r) => o.$emit("update:modelValue", l),
|
|
395
|
+
onClickDetail: (r) => o.$emit("clickDetail", l)
|
|
396
396
|
}, null, 8, ["id", "image", "name", "subnames", "hints", "checked", "labelNew", "labelCmyk", "labelSale", "onClick", "onClickDetail"])
|
|
397
397
|
]);
|
|
398
|
-
}), 128)) : (a(!0),
|
|
398
|
+
}), 128)) : (a(!0), i(k, { key: 1 }, y(o.skeletonQty, (l) => (a(), i("div", {
|
|
399
399
|
key: l,
|
|
400
400
|
class: "adj-materials__item"
|
|
401
401
|
}, [
|
|
402
|
-
|
|
402
|
+
_(L, { loaders: u })
|
|
403
403
|
]))), 128))
|
|
404
404
|
]));
|
|
405
405
|
}
|
|
406
|
-
}),
|
|
406
|
+
}), Ma = /* @__PURE__ */ C(Ke, [["__scopeId", "data-v-a849395c"]]), Je = { class: "adj-cover-group-item" }, Xe = /* @__PURE__ */ w({
|
|
407
407
|
__name: "AdjCoverGroupItem",
|
|
408
408
|
props: {
|
|
409
409
|
modelValue: {},
|
|
@@ -412,47 +412,47 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
412
412
|
duration: { default: 0 }
|
|
413
413
|
},
|
|
414
414
|
emits: ["update:modelValue"],
|
|
415
|
-
setup(
|
|
416
|
-
const
|
|
417
|
-
function l(
|
|
418
|
-
var
|
|
419
|
-
if (
|
|
420
|
-
const m =
|
|
421
|
-
m &&
|
|
415
|
+
setup(g, { emit: u }) {
|
|
416
|
+
const o = g, n = u;
|
|
417
|
+
function l(c) {
|
|
418
|
+
var p;
|
|
419
|
+
if (c.id !== ((p = o.modelValue) == null ? void 0 : p.id)) {
|
|
420
|
+
const m = o.items.find((V) => V.id === c.id);
|
|
421
|
+
m && n("update:modelValue", m);
|
|
422
422
|
}
|
|
423
423
|
}
|
|
424
|
-
function t(
|
|
425
|
-
const
|
|
426
|
-
|
|
424
|
+
function t(c) {
|
|
425
|
+
const p = o.items.find((m) => m.id !== c.id);
|
|
426
|
+
p && n("update:modelValue", p);
|
|
427
427
|
}
|
|
428
428
|
const e = I(() => {
|
|
429
|
-
let
|
|
430
|
-
return
|
|
429
|
+
let c = o.items[0];
|
|
430
|
+
return o.modelValue && o.items.find((p) => {
|
|
431
431
|
var m;
|
|
432
|
-
return
|
|
433
|
-
}) && (
|
|
434
|
-
}),
|
|
435
|
-
var
|
|
436
|
-
return ((
|
|
432
|
+
return p.id === ((m = o.modelValue) == null ? void 0 : m.id);
|
|
433
|
+
}) && (c = o.modelValue), c;
|
|
434
|
+
}), r = I(() => {
|
|
435
|
+
var c;
|
|
436
|
+
return ((c = o.modelValue) == null ? void 0 : c.id) === e.value.id;
|
|
437
437
|
});
|
|
438
|
-
return (
|
|
439
|
-
|
|
438
|
+
return (c, p) => (a(), i("div", Je, [
|
|
439
|
+
_(K, {
|
|
440
440
|
id: e.value.id,
|
|
441
441
|
name: e.value.name,
|
|
442
442
|
hintHtml: e.value.hintHtml,
|
|
443
|
-
showCornerSwitcher:
|
|
443
|
+
showCornerSwitcher: c.items.length === 2 && r.value,
|
|
444
444
|
roundedCorner: e.value.roundedCorner,
|
|
445
|
-
duration:
|
|
446
|
-
checked:
|
|
445
|
+
duration: c.duration,
|
|
446
|
+
checked: r.value,
|
|
447
447
|
images: e.value.images,
|
|
448
448
|
modelValue: e.value,
|
|
449
|
-
width:
|
|
450
|
-
onClick:
|
|
451
|
-
onSwitchCorner:
|
|
449
|
+
width: c.width,
|
|
450
|
+
onClick: p[0] || (p[0] = (m) => l(m)),
|
|
451
|
+
onSwitchCorner: p[1] || (p[1] = (m) => t(m))
|
|
452
452
|
}, null, 8, ["id", "name", "hintHtml", "showCornerSwitcher", "roundedCorner", "duration", "checked", "images", "modelValue", "width"])
|
|
453
453
|
]));
|
|
454
454
|
}
|
|
455
|
-
}),
|
|
455
|
+
}), xe = { class: "adj-models" }, et = /* @__PURE__ */ w({
|
|
456
456
|
__name: "AdjModels",
|
|
457
457
|
props: {
|
|
458
458
|
modelValue: {},
|
|
@@ -461,24 +461,24 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
461
461
|
duration: { default: 0 }
|
|
462
462
|
},
|
|
463
463
|
emits: ["update:modelValue"],
|
|
464
|
-
setup(
|
|
465
|
-
const
|
|
466
|
-
return (
|
|
467
|
-
|
|
464
|
+
setup(g, { emit: u }) {
|
|
465
|
+
const o = u;
|
|
466
|
+
return (n, l) => (a(), i("div", xe, [
|
|
467
|
+
n.groupItems.length > 0 ? (a(!0), i(k, { key: 0 }, y(n.groupItems, (t, e) => (a(), i("div", {
|
|
468
468
|
class: "adj-models__item",
|
|
469
469
|
key: e
|
|
470
470
|
}, [
|
|
471
|
-
|
|
472
|
-
modelValue:
|
|
471
|
+
_(Xe, {
|
|
472
|
+
modelValue: n.modelValue,
|
|
473
473
|
items: t,
|
|
474
|
-
duration:
|
|
475
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
474
|
+
duration: n.duration,
|
|
475
|
+
"onUpdate:modelValue": l[0] || (l[0] = (r) => o("update:modelValue", r))
|
|
476
476
|
}, null, 8, ["modelValue", "items", "duration"])
|
|
477
|
-
]))), 128)) : (a(!0),
|
|
477
|
+
]))), 128)) : (a(!0), i(k, { key: 1 }, y(n.skeletonQty, (t) => (a(), i("div", {
|
|
478
478
|
key: t,
|
|
479
479
|
class: "adj-models__item"
|
|
480
480
|
}, [
|
|
481
|
-
|
|
481
|
+
_(L, {
|
|
482
482
|
loaders: [
|
|
483
483
|
{ aspectRatio: "0.66", width: "65%" },
|
|
484
484
|
{ marginTop: "20px", height: "26px", width: "120px" }
|
|
@@ -488,7 +488,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
488
488
|
]))), 128))
|
|
489
489
|
]));
|
|
490
490
|
}
|
|
491
|
-
}),
|
|
491
|
+
}), Ra = /* @__PURE__ */ C(et, [["__scopeId", "data-v-16e28efc"]]), tt = { class: "adj-navigator-item__top" }, at = { key: 0 }, lt = /* @__PURE__ */ w({
|
|
492
492
|
__name: "AdjNavigatorItem",
|
|
493
493
|
props: {
|
|
494
494
|
id: {},
|
|
@@ -502,47 +502,47 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
502
502
|
loading: { type: Boolean, default: !1 }
|
|
503
503
|
},
|
|
504
504
|
emits: ["click"],
|
|
505
|
-
setup(
|
|
506
|
-
const
|
|
505
|
+
setup(g, { emit: u }) {
|
|
506
|
+
const o = g, n = u;
|
|
507
507
|
function l() {
|
|
508
|
-
!
|
|
508
|
+
!o.loading && o.squareDesign !== "disabled" && n("click");
|
|
509
509
|
}
|
|
510
|
-
return (t, e) => (a(),
|
|
510
|
+
return (t, e) => (a(), i("div", {
|
|
511
511
|
class: f(["adj-navigator-item", {
|
|
512
512
|
"adj-navigator-item_disabled": t.squareDesign === "disabled",
|
|
513
513
|
"adj-navigator-item_loading": t.loading
|
|
514
514
|
}]),
|
|
515
515
|
onClick: l
|
|
516
516
|
}, [
|
|
517
|
-
|
|
518
|
-
|
|
517
|
+
d("div", tt, [
|
|
518
|
+
d("div", {
|
|
519
519
|
class: f(["adj-navigator-item__line", `adj-navigator-item__line_${t.leftLineDesign}`])
|
|
520
520
|
}, null, 2),
|
|
521
|
-
|
|
521
|
+
d("div", {
|
|
522
522
|
class: f(["adj-navigator-item__square", `adj-navigator-item__square_${t.squareDesign}`])
|
|
523
523
|
}, [
|
|
524
|
-
t.squareType === "id" ? (a(),
|
|
524
|
+
t.squareType === "id" ? (a(), i("span", at, $(t.id), 1)) : (a(), i("i", {
|
|
525
525
|
key: 1,
|
|
526
526
|
class: f(t.squareType)
|
|
527
527
|
}, null, 2))
|
|
528
528
|
], 2),
|
|
529
|
-
|
|
529
|
+
d("div", {
|
|
530
530
|
class: f(["adj-navigator-item__line", `adj-navigator-item__line_${t.rightLineDesign}`])
|
|
531
531
|
}, null, 2)
|
|
532
532
|
]),
|
|
533
|
-
t.showLabel ? (a(),
|
|
533
|
+
t.showLabel ? (a(), i("div", {
|
|
534
534
|
key: 0,
|
|
535
535
|
class: f(["adj-navigator-item__label", `adj-navigator-item__label_${t.squareDesign}`])
|
|
536
|
-
},
|
|
536
|
+
}, $(t.label), 3)) : j("", !0)
|
|
537
537
|
], 2));
|
|
538
538
|
}
|
|
539
|
-
}),
|
|
539
|
+
}), it = /* @__PURE__ */ C(lt, [["__scopeId", "data-v-1c5e5a3c"]]), st = {
|
|
540
540
|
key: 0,
|
|
541
541
|
class: "adj-navigator-wrapper"
|
|
542
542
|
}, ot = {
|
|
543
543
|
key: 0,
|
|
544
544
|
class: "adj-navigator-wrapper__item-title"
|
|
545
|
-
},
|
|
545
|
+
}, nt = /* @__PURE__ */ w({
|
|
546
546
|
__name: "AdjNavigatorWrapper",
|
|
547
547
|
props: {
|
|
548
548
|
items: {},
|
|
@@ -550,52 +550,52 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
550
550
|
loading: { type: Boolean, default: !1 }
|
|
551
551
|
},
|
|
552
552
|
emits: ["click"],
|
|
553
|
-
setup(
|
|
554
|
-
const
|
|
555
|
-
function
|
|
553
|
+
setup(g) {
|
|
554
|
+
const u = g, { width: o } = ge();
|
|
555
|
+
function n(e) {
|
|
556
556
|
"title" in e[0] || (e[0].leftLineDesign = "hidden");
|
|
557
|
-
const
|
|
558
|
-
"title" in e[
|
|
557
|
+
const r = e.length - 1;
|
|
558
|
+
"title" in e[r] || (e[r].rightLineDesign = "hidden");
|
|
559
559
|
}
|
|
560
|
-
const l =
|
|
560
|
+
const l = fe(
|
|
561
561
|
(e) => {
|
|
562
562
|
if (e.length === 0)
|
|
563
563
|
return [];
|
|
564
|
-
let
|
|
565
|
-
const
|
|
566
|
-
return
|
|
564
|
+
let r = [];
|
|
565
|
+
const c = e.findIndex((p) => "title" in p);
|
|
566
|
+
return c == -1 ? r = e : (c > 0 && r.push({ ...e[c - 1] }), r.push({ ...e[c] }), e[c + 1] !== void 0 && r.push({ ...e[c + 1] })), r;
|
|
567
567
|
}
|
|
568
568
|
), t = I(
|
|
569
569
|
() => {
|
|
570
570
|
let e = [];
|
|
571
|
-
return
|
|
571
|
+
return o.value >= 780 ? e = u.items : e = l(u.items), n(e), e;
|
|
572
572
|
}
|
|
573
573
|
);
|
|
574
|
-
return (e,
|
|
575
|
-
(a(!0),
|
|
576
|
-
key:
|
|
574
|
+
return (e, r) => e.items.length > 0 ? (a(), i("div", st, [
|
|
575
|
+
(a(!0), i(k, null, y(t.value, (c) => (a(), i("div", {
|
|
576
|
+
key: c.step,
|
|
577
577
|
class: "adj-navigator-wrapper__item"
|
|
578
578
|
}, [
|
|
579
|
-
"title" in
|
|
579
|
+
"title" in c ? (a(), i("div", ot, $(c.title), 1)) : (a(), N(it, {
|
|
580
580
|
key: 1,
|
|
581
|
-
id:
|
|
582
|
-
step:
|
|
583
|
-
squareType:
|
|
584
|
-
squareDesign:
|
|
585
|
-
leftLineDesign:
|
|
586
|
-
rightLineDesign:
|
|
587
|
-
label:
|
|
581
|
+
id: c.id,
|
|
582
|
+
step: c.step,
|
|
583
|
+
squareType: c.squareType,
|
|
584
|
+
squareDesign: c.squareDesign,
|
|
585
|
+
leftLineDesign: c.leftLineDesign,
|
|
586
|
+
rightLineDesign: c.rightLineDesign,
|
|
587
|
+
label: c.label,
|
|
588
588
|
showLabel: e.showLabel,
|
|
589
589
|
loading: e.loading,
|
|
590
|
-
onClick: (
|
|
590
|
+
onClick: (p) => e.$emit("click", c)
|
|
591
591
|
}, null, 8, ["id", "step", "squareType", "squareDesign", "leftLineDesign", "rightLineDesign", "label", "showLabel", "loading", "onClick"]))
|
|
592
592
|
]))), 128))
|
|
593
|
-
])) :
|
|
593
|
+
])) : j("", !0);
|
|
594
594
|
}
|
|
595
|
-
}), X = /* @__PURE__ */
|
|
595
|
+
}), X = /* @__PURE__ */ C(nt, [["__scopeId", "data-v-c07fa70c"]]), dt = { class: "adj-navigator" }, ut = {
|
|
596
596
|
key: 0,
|
|
597
597
|
class: "adj-navigator__fixed"
|
|
598
|
-
},
|
|
598
|
+
}, rt = { class: "adj-navigator__inline" }, ct = /* @__PURE__ */ w({
|
|
599
599
|
__name: "AdjNavigator",
|
|
600
600
|
props: {
|
|
601
601
|
items: {},
|
|
@@ -603,34 +603,34 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
603
603
|
mobileMarginTop: { default: "0px" }
|
|
604
604
|
},
|
|
605
605
|
emits: ["click"],
|
|
606
|
-
setup(
|
|
607
|
-
|
|
608
|
-
"69d4e0aa":
|
|
606
|
+
setup(g) {
|
|
607
|
+
F((n) => ({
|
|
608
|
+
"69d4e0aa": n.mobileMarginTop
|
|
609
609
|
}));
|
|
610
|
-
const { y:
|
|
611
|
-
return (
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
items:
|
|
610
|
+
const { y: u } = je(), o = I(() => u.value > 90);
|
|
611
|
+
return (n, l) => (a(), i("div", dt, [
|
|
612
|
+
o.value ? (a(), i("div", ut, [
|
|
613
|
+
_(X, {
|
|
614
|
+
items: n.items,
|
|
615
615
|
showLabel: !1,
|
|
616
|
-
loading:
|
|
617
|
-
onClick: l[0] || (l[0] = (t) =>
|
|
616
|
+
loading: n.loading,
|
|
617
|
+
onClick: l[0] || (l[0] = (t) => n.$emit("click", t))
|
|
618
618
|
}, null, 8, ["items", "loading"])
|
|
619
|
-
])) :
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
items:
|
|
619
|
+
])) : j("", !0),
|
|
620
|
+
d("div", rt, [
|
|
621
|
+
_(X, {
|
|
622
|
+
items: n.items,
|
|
623
623
|
showLabel: !0,
|
|
624
|
-
loading:
|
|
625
|
-
onClick: l[1] || (l[1] = (t) =>
|
|
624
|
+
loading: n.loading,
|
|
625
|
+
onClick: l[1] || (l[1] = (t) => n.$emit("click", t))
|
|
626
626
|
}, null, 8, ["items", "loading"])
|
|
627
627
|
])
|
|
628
628
|
]));
|
|
629
629
|
}
|
|
630
|
-
}),
|
|
630
|
+
}), Ba = /* @__PURE__ */ C(ct, [["__scopeId", "data-v-aba78aae"]]), mt = { class: "adj-personalizations" }, pt = { class: "adj-personalizations__items" }, _t = {
|
|
631
631
|
key: 0,
|
|
632
632
|
class: "adj-personalizations__item"
|
|
633
|
-
},
|
|
633
|
+
}, vt = /* @__PURE__ */ w({
|
|
634
634
|
__name: "AdjPersonalizations",
|
|
635
635
|
props: {
|
|
636
636
|
modelValue: { default: () => ({}) },
|
|
@@ -638,8 +638,8 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
638
638
|
skeletonQty: { default: 6 }
|
|
639
639
|
},
|
|
640
640
|
emits: ["click", "clickClose", "clickPlus"],
|
|
641
|
-
setup(
|
|
642
|
-
const
|
|
641
|
+
setup(g) {
|
|
642
|
+
const u = g, o = [
|
|
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
|
-
],
|
|
656
|
+
], n = I(() => u.items.map((l) => {
|
|
657
657
|
var m;
|
|
658
|
-
let t = !1, e = !1,
|
|
659
|
-
return l.id in
|
|
658
|
+
let t = !1, e = !1, r = !1, c = !1, p = 0;
|
|
659
|
+
return l.id in u.modelValue && ((m = u.modelValue[l.id]) == null ? void 0 : m.length) > 0 && (p = u.modelValue[l.id].length, c = !0, t = !0, l.required && (t = !1), l.multiple && (r = !0, e = !0)), {
|
|
660
660
|
...l,
|
|
661
661
|
buttonClose: t,
|
|
662
662
|
buttonPlus: e,
|
|
663
|
-
labelQuantity:
|
|
664
|
-
quantity:
|
|
665
|
-
checked:
|
|
663
|
+
labelQuantity: r,
|
|
664
|
+
quantity: p,
|
|
665
|
+
checked: c
|
|
666
666
|
};
|
|
667
667
|
}));
|
|
668
|
-
return (l, t) => (a(),
|
|
669
|
-
|
|
670
|
-
l.items.length > 0 ? (a(!0),
|
|
668
|
+
return (l, t) => (a(), i("div", mt, [
|
|
669
|
+
d("div", pt, [
|
|
670
|
+
l.items.length > 0 ? (a(!0), i(k, { key: 0 }, y(n.value, (e, r) => (a(), i(k, {
|
|
671
671
|
key: e.idNum
|
|
672
672
|
}, [
|
|
673
|
-
e.hidden !== !0 ? (a(),
|
|
674
|
-
|
|
673
|
+
e.hidden !== !0 ? (a(), i("div", _t, [
|
|
674
|
+
_(Q, {
|
|
675
675
|
id: e.idNum,
|
|
676
676
|
image: e.image,
|
|
677
677
|
name: e.name,
|
|
@@ -682,24 +682,24 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
682
682
|
quantity: e.quantity,
|
|
683
683
|
checked: e.checked,
|
|
684
684
|
centerName: "",
|
|
685
|
-
onClick: (
|
|
686
|
-
onClickClose: (
|
|
687
|
-
onClickPlus: (
|
|
685
|
+
onClick: (c) => l.$emit("click", l.items[r]),
|
|
686
|
+
onClickClose: (c) => l.$emit("clickClose", l.items[r]),
|
|
687
|
+
onClickPlus: (c) => l.$emit("clickPlus", l.items[r])
|
|
688
688
|
}, null, 8, ["id", "image", "name", "buttonClose", "buttonPlus", "labelQuantity", "quantity", "checked", "onClick", "onClickClose", "onClickPlus"])
|
|
689
|
-
])) :
|
|
690
|
-
], 64))), 128)) : (a(!0),
|
|
689
|
+
])) : j("", !0)
|
|
690
|
+
], 64))), 128)) : (a(!0), i(k, { key: 1 }, y(l.skeletonQty, (e) => (a(), i("div", {
|
|
691
691
|
key: e,
|
|
692
692
|
class: "adj-personalizations__item"
|
|
693
693
|
}, [
|
|
694
|
-
|
|
695
|
-
loaders:
|
|
694
|
+
_(L, {
|
|
695
|
+
loaders: o,
|
|
696
696
|
centered: ""
|
|
697
697
|
})
|
|
698
698
|
]))), 128))
|
|
699
699
|
])
|
|
700
700
|
]));
|
|
701
701
|
}
|
|
702
|
-
}),
|
|
702
|
+
}), Pa = /* @__PURE__ */ C(vt, [["__scopeId", "data-v-492497f8"]]), ht = { class: "adj-input__field" }, gt = ["value", "disabled"], ft = /* @__PURE__ */ w({
|
|
703
703
|
__name: "AdjInputNumber",
|
|
704
704
|
props: {
|
|
705
705
|
modelValue: { default: 0 },
|
|
@@ -709,50 +709,50 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
709
709
|
debounceTime: { default: 0 }
|
|
710
710
|
},
|
|
711
711
|
emits: ["update:modelValue"],
|
|
712
|
-
setup(
|
|
713
|
-
const
|
|
714
|
-
function l(
|
|
715
|
-
return
|
|
716
|
-
e(
|
|
717
|
-
},
|
|
712
|
+
setup(g, { emit: u }) {
|
|
713
|
+
const o = g, n = u;
|
|
714
|
+
function l(r) {
|
|
715
|
+
return ke((c, p) => {
|
|
716
|
+
e(c, p);
|
|
717
|
+
}, r);
|
|
718
718
|
}
|
|
719
|
-
let t = l(
|
|
719
|
+
let t = l(o.debounceTime);
|
|
720
720
|
ee(
|
|
721
|
-
() =>
|
|
721
|
+
() => o.debounceTime,
|
|
722
722
|
() => {
|
|
723
|
-
t = l(
|
|
723
|
+
t = l(o.debounceTime);
|
|
724
724
|
}
|
|
725
725
|
);
|
|
726
|
-
function e(
|
|
727
|
-
let
|
|
728
|
-
|
|
726
|
+
function e(r, c) {
|
|
727
|
+
let p = Number(r);
|
|
728
|
+
p < o.min && (p = o.min), p > o.max && (p = o.max), c.target.value = p, o.modelValue != p && n("update:modelValue", p);
|
|
729
729
|
}
|
|
730
|
-
return (
|
|
730
|
+
return (r, c) => (a(), i("div", {
|
|
731
731
|
class: f(["adj-input", {
|
|
732
|
-
"adj-input_disabled":
|
|
732
|
+
"adj-input_disabled": r.disabled
|
|
733
733
|
}])
|
|
734
734
|
}, [
|
|
735
|
-
|
|
736
|
-
|
|
735
|
+
d("div", ht, [
|
|
736
|
+
d("input", {
|
|
737
737
|
ref: "inp",
|
|
738
738
|
class: "adj-input__input",
|
|
739
|
-
value:
|
|
740
|
-
disabled:
|
|
739
|
+
value: r.modelValue,
|
|
740
|
+
disabled: r.disabled,
|
|
741
741
|
type: "number",
|
|
742
|
-
onChange:
|
|
743
|
-
onInput:
|
|
742
|
+
onChange: c[0] || (c[0] = (p) => e(p.target.value, p)),
|
|
743
|
+
onInput: c[1] || (c[1] = (p) => oe(t)(p.target.value, p))
|
|
744
744
|
}, null, 40, gt)
|
|
745
745
|
])
|
|
746
746
|
], 2));
|
|
747
747
|
}
|
|
748
|
-
}),
|
|
748
|
+
}), ae = /* @__PURE__ */ C(ft, [["__scopeId", "data-v-e3e5ba5c"]]), jt = {
|
|
749
749
|
key: 0,
|
|
750
750
|
class: "adj-select-image-wrapper",
|
|
751
751
|
ref: "refElement"
|
|
752
|
-
}, kt = ["onClick"],
|
|
752
|
+
}, kt = ["onClick"], bt = ["onMouseenter"], $t = ["src", "alt"], yt = { class: "adj-select-image__check2" }, Vt = { class: "adj-select-image__check" }, wt = { class: "adj-select-image-item__title adj-text-13" }, Ct = { key: 1 }, At = {
|
|
753
753
|
key: 2,
|
|
754
754
|
class: "adj-shadow"
|
|
755
|
-
}, It = { class: "adj-text-14" }, Tt = { class: "adj-select-image__hint" }, St = /* @__PURE__ */
|
|
755
|
+
}, It = { class: "adj-text-14" }, Tt = { class: "adj-select-image__hint" }, St = /* @__PURE__ */ w({
|
|
756
756
|
__name: "AdjSelectImage",
|
|
757
757
|
props: {
|
|
758
758
|
modelValue: {},
|
|
@@ -763,115 +763,115 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
763
763
|
foldText: {}
|
|
764
764
|
},
|
|
765
765
|
emits: ["update:modelValue"],
|
|
766
|
-
setup(
|
|
767
|
-
|
|
768
|
-
d9b2170a:
|
|
769
|
-
"74994cc7":
|
|
770
|
-
"1e8c82d5":
|
|
771
|
-
"61c59b34":
|
|
766
|
+
setup(g) {
|
|
767
|
+
F((b) => ({
|
|
768
|
+
d9b2170a: r.value,
|
|
769
|
+
"74994cc7": s.value,
|
|
770
|
+
"1e8c82d5": v.value,
|
|
771
|
+
"61c59b34": h.value
|
|
772
772
|
}));
|
|
773
|
-
const
|
|
774
|
-
let
|
|
773
|
+
const u = g, o = J("refElement"), { height: n } = be(o), l = I(() => {
|
|
774
|
+
let b = [
|
|
775
775
|
{
|
|
776
776
|
aspectRatio: "1"
|
|
777
777
|
}
|
|
778
778
|
];
|
|
779
|
-
return
|
|
779
|
+
return u.design === "text" && (b = [
|
|
780
780
|
{ width: "75px", aspectRatio: "1" },
|
|
781
781
|
{
|
|
782
782
|
marginTop: "10px",
|
|
783
783
|
height: "13px",
|
|
784
784
|
width: "80%"
|
|
785
785
|
}
|
|
786
|
-
]),
|
|
786
|
+
]), b;
|
|
787
787
|
}), t = D(!1);
|
|
788
788
|
function e() {
|
|
789
789
|
t.value = !t.value;
|
|
790
790
|
}
|
|
791
|
-
const
|
|
792
|
-
var
|
|
793
|
-
const
|
|
794
|
-
return (
|
|
791
|
+
const r = I(() => u.design === "text" ? "unset" : t.value ? n.value + 20 + "px" : "122px"), c = I(() => n.value > 75), p = J("refRoot"), m = D(""), V = D(""), s = D("0px"), v = D("0px"), h = D("none"), T = I(() => {
|
|
792
|
+
var A;
|
|
793
|
+
const b = ne();
|
|
794
|
+
return (A = b == null ? void 0 : b.type) == null ? void 0 : A.__hmrId;
|
|
795
795
|
});
|
|
796
|
-
function
|
|
797
|
-
const
|
|
798
|
-
if (
|
|
799
|
-
const
|
|
800
|
-
|
|
796
|
+
function M() {
|
|
797
|
+
const b = document.getElementsByClassName(m.value);
|
|
798
|
+
if (b.length > 0) {
|
|
799
|
+
const A = b[0], { left: S, top: W } = A.getBoundingClientRect(), E = A.offsetWidth, ie = A.offsetHeight;
|
|
800
|
+
v.value = S + (E - 120) / 2 + "px", s.value = W + ie + 13 + "px";
|
|
801
801
|
}
|
|
802
802
|
}
|
|
803
|
-
function U(
|
|
804
|
-
|
|
803
|
+
function U(b, A) {
|
|
804
|
+
u.design !== "text" && (m.value = b, V.value = A, M(), h.value = "block");
|
|
805
805
|
}
|
|
806
|
-
function
|
|
807
|
-
|
|
806
|
+
function le() {
|
|
807
|
+
u.design !== "text" && (m.value = "", V.value = "", h.value = "none");
|
|
808
808
|
}
|
|
809
809
|
return de(() => {
|
|
810
|
-
var
|
|
811
|
-
window.addEventListener("scroll",
|
|
812
|
-
const
|
|
813
|
-
|
|
814
|
-
}), (
|
|
815
|
-
|
|
816
|
-
class: f(["adj-select-image", `adj-select-image_${
|
|
810
|
+
var A;
|
|
811
|
+
window.addEventListener("scroll", M), window.addEventListener("resize", M);
|
|
812
|
+
const b = (A = p.value) == null ? void 0 : A.parentNode;
|
|
813
|
+
b && b.addEventListener("scroll", M);
|
|
814
|
+
}), (b, A) => (a(), i(k, null, [
|
|
815
|
+
d("div", {
|
|
816
|
+
class: f(["adj-select-image", `adj-select-image_${b.design}`]),
|
|
817
817
|
ref: "refRoot"
|
|
818
818
|
}, [
|
|
819
|
-
|
|
820
|
-
(a(!0),
|
|
819
|
+
b.items.length > 0 ? (a(), i("div", jt, [
|
|
820
|
+
(a(!0), i(k, null, y(b.items, (S, W) => (a(), i("div", {
|
|
821
821
|
class: f([
|
|
822
822
|
"adj-select-image-item",
|
|
823
|
-
{ "adj-select-image-item_checked": S.id ===
|
|
823
|
+
{ "adj-select-image-item_checked": S.id === b.modelValue.id }
|
|
824
824
|
]),
|
|
825
|
-
key:
|
|
826
|
-
onClick: (
|
|
825
|
+
key: W,
|
|
826
|
+
onClick: (E) => b.$emit("update:modelValue", S)
|
|
827
827
|
}, [
|
|
828
|
-
|
|
828
|
+
d("div", {
|
|
829
829
|
class: f(["adj-select-image-item__image adj-effect-overlay-normal", `item-${T.value}-${S.id}`]),
|
|
830
|
-
onMouseenter:
|
|
831
|
-
onMouseleave:
|
|
830
|
+
onMouseenter: z((E) => U(`item-${T.value}-${S.id}`, S.name), ["stop"]),
|
|
831
|
+
onMouseleave: A[0] || (A[0] = z((E) => le(), ["stop"]))
|
|
832
832
|
}, [
|
|
833
|
-
|
|
833
|
+
d("img", {
|
|
834
834
|
src: S.image,
|
|
835
835
|
alt: S.name
|
|
836
836
|
}, null, 8, $t),
|
|
837
|
-
|
|
838
|
-
default:
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
837
|
+
_(H, { name: "adj-fade" }, {
|
|
838
|
+
default: q(() => [
|
|
839
|
+
B(d("div", yt, [
|
|
840
|
+
d("div", Vt, [
|
|
841
|
+
_(G)
|
|
842
842
|
])
|
|
843
843
|
], 512), [
|
|
844
|
-
[
|
|
844
|
+
[P, S.id === b.modelValue.id]
|
|
845
845
|
])
|
|
846
846
|
]),
|
|
847
847
|
_: 2
|
|
848
848
|
}, 1024)
|
|
849
|
-
], 42,
|
|
850
|
-
|
|
849
|
+
], 42, bt),
|
|
850
|
+
d("div", wt, $(S.name), 1)
|
|
851
851
|
], 10, kt))), 128))
|
|
852
|
-
], 512)) : (a(),
|
|
853
|
-
(a(!0),
|
|
852
|
+
], 512)) : (a(), i("div", Ct, [
|
|
853
|
+
(a(!0), i(k, null, y(b.skeletonQty, (S) => (a(), i("div", {
|
|
854
854
|
key: S,
|
|
855
855
|
class: "adj-select-image-item"
|
|
856
856
|
}, [
|
|
857
|
-
|
|
857
|
+
_(L, {
|
|
858
858
|
loaders: l.value,
|
|
859
859
|
centered: ""
|
|
860
860
|
}, null, 8, ["loaders"])
|
|
861
861
|
]))), 128))
|
|
862
862
|
])),
|
|
863
|
-
|
|
863
|
+
b.design === "image" && !t.value && c.value ? (a(), i("div", At)) : j("", !0)
|
|
864
864
|
], 2),
|
|
865
|
-
|
|
865
|
+
b.design === "image" && c.value ? (a(), i("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
|
-
|
|
872
|
-
], 2)) :
|
|
873
|
-
|
|
874
|
-
|
|
870
|
+
d("span", It, $(t.value ? b.foldText : b.expandText), 1),
|
|
871
|
+
A[1] || (A[1] = d("i", { class: "adj-select-image__expand-icon icon-arrow-down" }, null, -1))
|
|
872
|
+
], 2)) : j("", !0),
|
|
873
|
+
d("div", Tt, [
|
|
874
|
+
_(ue, {
|
|
875
875
|
dark: !1,
|
|
876
876
|
horizontalPosition: "center",
|
|
877
877
|
html: V.value,
|
|
@@ -881,43 +881,43 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
881
881
|
])
|
|
882
882
|
], 64));
|
|
883
883
|
}
|
|
884
|
-
}), x = /* @__PURE__ */
|
|
884
|
+
}), x = /* @__PURE__ */ C(St, [["__scopeId", "data-v-fb2fb1c5"]]), Dt = { class: "adj-personalization-configurator-elements adj-element" }, Lt = { class: "adj-element__item" }, Nt = {
|
|
885
885
|
key: 0,
|
|
886
886
|
class: "adj-item"
|
|
887
|
-
},
|
|
887
|
+
}, qt = {
|
|
888
888
|
key: 1,
|
|
889
889
|
class: "adj-item"
|
|
890
|
-
},
|
|
890
|
+
}, zt = { class: "adj-item__title adj-text-14" }, Mt = {
|
|
891
891
|
key: 2,
|
|
892
892
|
class: "adj-item"
|
|
893
|
-
},
|
|
893
|
+
}, Rt = { class: "adj-item__title" }, Bt = {
|
|
894
894
|
key: 3,
|
|
895
895
|
class: "adj-item"
|
|
896
|
-
},
|
|
896
|
+
}, Pt = { class: "adj-item__title" }, Ut = {
|
|
897
897
|
key: 4,
|
|
898
898
|
class: "adj-item"
|
|
899
|
-
},
|
|
899
|
+
}, Et = { class: "adj-item__title" }, Ft = {
|
|
900
900
|
key: 5,
|
|
901
901
|
class: "adj-item"
|
|
902
|
-
},
|
|
902
|
+
}, Ht = { class: "adj-item__title" }, Qt = {
|
|
903
903
|
key: 6,
|
|
904
904
|
class: "adj-item adj-item_selectImage"
|
|
905
|
-
},
|
|
905
|
+
}, Wt = {
|
|
906
906
|
key: 0,
|
|
907
907
|
class: "adj-item adj-item_selectImage-title"
|
|
908
|
-
},
|
|
908
|
+
}, Ot = { class: "adj-item__title" }, Zt = {
|
|
909
909
|
key: 7,
|
|
910
910
|
class: "adj-item"
|
|
911
|
-
},
|
|
911
|
+
}, Yt = {
|
|
912
912
|
key: 8,
|
|
913
913
|
class: "adj-item"
|
|
914
|
-
},
|
|
914
|
+
}, Gt = { class: "adj-item__title" }, Kt = {
|
|
915
915
|
key: 9,
|
|
916
916
|
class: "adj-item"
|
|
917
917
|
}, Jt = {
|
|
918
918
|
key: 10,
|
|
919
919
|
class: "adj-item"
|
|
920
|
-
}, Xt = /* @__PURE__ */
|
|
920
|
+
}, Xt = /* @__PURE__ */ w({
|
|
921
921
|
__name: "AdjPersonalizationConfiguratorElements",
|
|
922
922
|
props: {
|
|
923
923
|
items: {},
|
|
@@ -927,188 +927,188 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
927
927
|
textAdjFilterSelect: {}
|
|
928
928
|
},
|
|
929
929
|
emits: ["update:modelValue"],
|
|
930
|
-
setup(
|
|
931
|
-
const
|
|
930
|
+
setup(g, { emit: u }) {
|
|
931
|
+
const o = g, n = u;
|
|
932
932
|
function l(m, V) {
|
|
933
|
-
|
|
933
|
+
n("update:modelValue", { ...o.modelValue, [m]: V });
|
|
934
934
|
}
|
|
935
935
|
function t(m, V) {
|
|
936
|
-
return "id" in m ? V.filter((
|
|
937
|
-
var
|
|
938
|
-
return ((
|
|
936
|
+
return "id" in m ? V.filter((s) => {
|
|
937
|
+
var v;
|
|
938
|
+
return ((v = s == null ? void 0 : s.textureRef) == null ? void 0 : v.id) === m.id;
|
|
939
939
|
}) : V;
|
|
940
940
|
}
|
|
941
|
-
const e = I(() =>
|
|
942
|
-
|
|
941
|
+
const e = I(() => o.items.map((m, V) => m.template !== "selectImage" ? [] : t(
|
|
942
|
+
p.value[V],
|
|
943
943
|
m.values
|
|
944
944
|
)));
|
|
945
|
-
function
|
|
946
|
-
return m.reduce((
|
|
945
|
+
function r(m) {
|
|
946
|
+
return m.reduce((s, v) => {
|
|
947
947
|
var T;
|
|
948
|
-
return (T =
|
|
948
|
+
return (T = v == null ? void 0 : v.textureRef) != null && T.id && s.findIndex((M) => {
|
|
949
949
|
var U;
|
|
950
|
-
return
|
|
951
|
-
}) === -1 &&
|
|
952
|
-
id:
|
|
953
|
-
name:
|
|
954
|
-
}),
|
|
955
|
-
}, []).sort((
|
|
950
|
+
return M.id === ((U = v == null ? void 0 : v.textureRef) == null ? void 0 : U.id);
|
|
951
|
+
}) === -1 && s.push({
|
|
952
|
+
id: v.textureRef.id,
|
|
953
|
+
name: v.textureRef.name
|
|
954
|
+
}), s;
|
|
955
|
+
}, []).sort((s, v) => s.name > v.name ? 1 : -1);
|
|
956
956
|
}
|
|
957
|
-
const
|
|
957
|
+
const c = I(() => o.items.map((m) => m.template !== "selectImage" ? [] : r(m.values))), p = D([]);
|
|
958
958
|
return ee(
|
|
959
|
-
|
|
959
|
+
c,
|
|
960
960
|
() => {
|
|
961
|
-
const m =
|
|
962
|
-
m.length !==
|
|
961
|
+
const m = c.value.map(() => ({}));
|
|
962
|
+
m.length !== p.value.length && (p.value = m);
|
|
963
963
|
},
|
|
964
964
|
{ immediate: !0 }
|
|
965
|
-
), (m, V) => (a(),
|
|
966
|
-
(a(!0),
|
|
967
|
-
key:
|
|
965
|
+
), (m, V) => (a(), i("div", Dt, [
|
|
966
|
+
(a(!0), i(k, null, y(m.items, (s, v) => (a(), i(k, {
|
|
967
|
+
key: s.id
|
|
968
968
|
}, [
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
V[0] || (V[0] =
|
|
972
|
-
|
|
973
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
969
|
+
d("div", Lt, [
|
|
970
|
+
s.template === "checkbox" ? (a(), i("div", Nt, [
|
|
971
|
+
V[0] || (V[0] = d("div", { class: "adj-item__title" }, null, -1)),
|
|
972
|
+
d("div", {
|
|
973
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
974
974
|
}, [
|
|
975
|
-
|
|
976
|
-
items:
|
|
977
|
-
title:
|
|
978
|
-
modelValue: m.modelValue[
|
|
979
|
-
"onUpdate:modelValue": (
|
|
975
|
+
_(re, {
|
|
976
|
+
items: s.values,
|
|
977
|
+
title: s.name,
|
|
978
|
+
modelValue: m.modelValue[s.id],
|
|
979
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
980
980
|
}, null, 8, ["items", "title", "modelValue", "onUpdate:modelValue"])
|
|
981
981
|
], 2)
|
|
982
|
-
])) :
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
982
|
+
])) : s.template === "inputNumber" ? (a(), i("div", qt, [
|
|
983
|
+
d("div", zt, $(s.name), 1),
|
|
984
|
+
d("div", {
|
|
985
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
986
986
|
}, [
|
|
987
|
-
|
|
988
|
-
max:
|
|
989
|
-
min:
|
|
987
|
+
_(ae, {
|
|
988
|
+
max: s.values[0].max,
|
|
989
|
+
min: s.values[0].min,
|
|
990
990
|
debounceTime: 2e3,
|
|
991
|
-
modelValue: m.modelValue[
|
|
992
|
-
"onUpdate:modelValue": (
|
|
991
|
+
modelValue: m.modelValue[s.id].value,
|
|
992
|
+
"onUpdate:modelValue": (h) => l(s.id, { ...m.modelValue[s.id], value: h })
|
|
993
993
|
}, null, 8, ["max", "min", "modelValue", "onUpdate:modelValue"])
|
|
994
994
|
], 2)
|
|
995
|
-
])) :
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
999
|
-
},
|
|
1000
|
-
])) :
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
995
|
+
])) : s.template === "number" ? (a(), i("div", Mt, [
|
|
996
|
+
d("div", Rt, $(s.name), 1),
|
|
997
|
+
d("div", {
|
|
998
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
999
|
+
}, $(s.values[0].value), 3)
|
|
1000
|
+
])) : s.template === "selectModern" ? (a(), i("div", Bt, [
|
|
1001
|
+
d("div", Pt, $(s.name), 1),
|
|
1002
|
+
d("div", {
|
|
1003
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
1004
1004
|
}, [
|
|
1005
|
-
|
|
1005
|
+
_(O, {
|
|
1006
1006
|
design: "text",
|
|
1007
|
-
items:
|
|
1008
|
-
modelValue: m.modelValue[
|
|
1009
|
-
"onUpdate:modelValue": (
|
|
1007
|
+
items: s.values,
|
|
1008
|
+
modelValue: m.modelValue[s.id],
|
|
1009
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
1010
1010
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1011
1011
|
], 2)
|
|
1012
|
-
])) :
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
1012
|
+
])) : s.template === "selectModernBackground" ? (a(), i("div", Ut, [
|
|
1013
|
+
d("div", Et, $(s.name), 1),
|
|
1014
|
+
d("div", {
|
|
1015
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
1016
1016
|
}, [
|
|
1017
|
-
|
|
1017
|
+
_(O, {
|
|
1018
1018
|
design: "background",
|
|
1019
|
-
items:
|
|
1020
|
-
modelValue: m.modelValue[
|
|
1021
|
-
"onUpdate:modelValue": (
|
|
1019
|
+
items: s.values,
|
|
1020
|
+
modelValue: m.modelValue[s.id],
|
|
1021
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
1022
1022
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1023
1023
|
], 2)
|
|
1024
|
-
])) :
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
1024
|
+
])) : s.template === "selectModernImage" ? (a(), i("div", Ft, [
|
|
1025
|
+
d("div", Ht, $(s.name), 1),
|
|
1026
|
+
d("div", {
|
|
1027
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
1028
1028
|
}, [
|
|
1029
|
-
|
|
1029
|
+
_(O, {
|
|
1030
1030
|
design: "image",
|
|
1031
|
-
items:
|
|
1032
|
-
modelValue: m.modelValue[
|
|
1033
|
-
"onUpdate:modelValue": (
|
|
1031
|
+
items: s.values,
|
|
1032
|
+
modelValue: m.modelValue[s.id],
|
|
1033
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
1034
1034
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1035
1035
|
], 2)
|
|
1036
|
-
])) :
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
items:
|
|
1041
|
-
modelValue:
|
|
1042
|
-
"onUpdate:modelValue": (
|
|
1036
|
+
])) : s.template === "selectImage" ? (a(), i("div", Qt, [
|
|
1037
|
+
c.value[v].length > 0 ? (a(), i("div", Wt, [
|
|
1038
|
+
d("div", Ot, $(s.name), 1),
|
|
1039
|
+
_(ce, {
|
|
1040
|
+
items: c.value[v],
|
|
1041
|
+
modelValue: p.value[v],
|
|
1042
|
+
"onUpdate:modelValue": (h) => p.value[v] = h,
|
|
1043
1043
|
position: "left",
|
|
1044
1044
|
title: m.textAdjFilterSelect
|
|
1045
1045
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue", "title"])
|
|
1046
|
-
])) :
|
|
1047
|
-
|
|
1048
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
1046
|
+
])) : j("", !0),
|
|
1047
|
+
d("div", {
|
|
1048
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
1049
1049
|
}, [
|
|
1050
|
-
|
|
1050
|
+
_(x, {
|
|
1051
1051
|
design: "image",
|
|
1052
|
-
items: e.value[
|
|
1053
|
-
modelValue: m.modelValue[
|
|
1052
|
+
items: e.value[v],
|
|
1053
|
+
modelValue: m.modelValue[s.id],
|
|
1054
1054
|
expandText: m.expandTextAdjSelectImage,
|
|
1055
1055
|
foldText: m.foldTextAdjSelectImage,
|
|
1056
|
-
"onUpdate:modelValue": (
|
|
1056
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
1057
1057
|
}, null, 8, ["items", "modelValue", "expandText", "foldText", "onUpdate:modelValue"])
|
|
1058
1058
|
], 2)
|
|
1059
|
-
])) :
|
|
1060
|
-
|
|
1061
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
1059
|
+
])) : s.template === "selectImageText" ? (a(), i("div", Zt, [
|
|
1060
|
+
d("div", {
|
|
1061
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
1062
1062
|
}, [
|
|
1063
|
-
|
|
1063
|
+
_(x, {
|
|
1064
1064
|
design: "text",
|
|
1065
|
-
items:
|
|
1066
|
-
modelValue: m.modelValue[
|
|
1067
|
-
"onUpdate:modelValue": (
|
|
1065
|
+
items: s.values,
|
|
1066
|
+
modelValue: m.modelValue[s.id],
|
|
1067
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
1068
1068
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1069
1069
|
], 2)
|
|
1070
|
-
])) :
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
1070
|
+
])) : s.template === "radio" ? (a(), i("div", Yt, [
|
|
1071
|
+
d("div", Gt, $(s.name), 1),
|
|
1072
|
+
d("div", {
|
|
1073
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
1074
1074
|
}, [
|
|
1075
|
-
|
|
1076
|
-
items:
|
|
1077
|
-
modelValue: m.modelValue[
|
|
1078
|
-
"onUpdate:modelValue": (
|
|
1075
|
+
_(me, {
|
|
1076
|
+
items: s.values,
|
|
1077
|
+
modelValue: m.modelValue[s.id],
|
|
1078
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
1079
1079
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1080
1080
|
], 2)
|
|
1081
|
-
])) :
|
|
1082
|
-
|
|
1083
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
1081
|
+
])) : s.template === "tabs" ? (a(), i("div", Kt, [
|
|
1082
|
+
d("div", {
|
|
1083
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
1084
1084
|
}, [
|
|
1085
|
-
|
|
1086
|
-
items:
|
|
1087
|
-
modelValue: m.modelValue[
|
|
1088
|
-
"onUpdate:modelValue": (
|
|
1085
|
+
_(pe, {
|
|
1086
|
+
items: s.values,
|
|
1087
|
+
modelValue: m.modelValue[s.id],
|
|
1088
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
1089
1089
|
}, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
|
|
1090
1090
|
], 2)
|
|
1091
|
-
])) :
|
|
1092
|
-
V[1] || (V[1] =
|
|
1093
|
-
|
|
1094
|
-
class: f(["adj-item__component", `adj-item__component_${
|
|
1091
|
+
])) : s.template === "upload" ? (a(), i("div", Jt, [
|
|
1092
|
+
V[1] || (V[1] = d("div", { class: "adj-item__title" }, null, -1)),
|
|
1093
|
+
d("div", {
|
|
1094
|
+
class: f(["adj-item__component", `adj-item__component_${s.template}`])
|
|
1095
1095
|
}, [
|
|
1096
|
-
|
|
1097
|
-
text:
|
|
1098
|
-
modelValue: m.modelValue[
|
|
1099
|
-
"onUpdate:modelValue": (
|
|
1096
|
+
_(_e, {
|
|
1097
|
+
text: s.name,
|
|
1098
|
+
modelValue: m.modelValue[s.id],
|
|
1099
|
+
"onUpdate:modelValue": (h) => l(s.id, h)
|
|
1100
1100
|
}, null, 8, ["text", "modelValue", "onUpdate:modelValue"])
|
|
1101
1101
|
], 2)
|
|
1102
|
-
])) :
|
|
1102
|
+
])) : j("", !0)
|
|
1103
1103
|
]),
|
|
1104
|
-
!
|
|
1104
|
+
!s.hideHr && v < m.items.length - 1 ? (a(), i("div", {
|
|
1105
1105
|
key: 0,
|
|
1106
|
-
class: f(`adj-${["selectImageText", "tabs"].includes(
|
|
1107
|
-
}, null, 2)) :
|
|
1106
|
+
class: f(`adj-${["selectImageText", "tabs"].includes(s.template) ? "solid" : "dashed"}`)
|
|
1107
|
+
}, null, 2)) : j("", !0)
|
|
1108
1108
|
], 64))), 128))
|
|
1109
1109
|
]));
|
|
1110
1110
|
}
|
|
1111
|
-
}), xt = /* @__PURE__ */
|
|
1111
|
+
}), xt = /* @__PURE__ */ C(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" }, ia = { class: "adj-personalization-header__close" }, sa = { class: "adj-personalization-modal__body adj-personalization-body" }, oa = ["onClick"], na = { class: "adj-miltititle__caret" }, da = { class: "adj-miltititle__delete" }, ua = { class: "adj-items" }, ra = { class: "adj-personalization-modal__footer adj-personalization-footer" }, ca = /* @__PURE__ */ w({
|
|
1112
1112
|
__name: "AdjPersonalizationConfigurator",
|
|
1113
1113
|
props: {
|
|
1114
1114
|
id: {},
|
|
@@ -1123,74 +1123,74 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1123
1123
|
textAdjFilterSelect: {}
|
|
1124
1124
|
},
|
|
1125
1125
|
emits: ["clickClose", "clickSave", "clickAddPersonalization", "clickDeletePersonalization", "update:modelValue", "update:activeModelAndItemId"],
|
|
1126
|
-
setup(
|
|
1127
|
-
const
|
|
1128
|
-
return (
|
|
1129
|
-
|
|
1126
|
+
setup(g, { emit: u }) {
|
|
1127
|
+
const o = u;
|
|
1128
|
+
return (n, l) => (a(), i("div", ea, [
|
|
1129
|
+
_(ve, {
|
|
1130
1130
|
show: !0,
|
|
1131
1131
|
width: "570px",
|
|
1132
1132
|
hideClose: ""
|
|
1133
1133
|
}, {
|
|
1134
|
-
default:
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1134
|
+
default: q(() => [
|
|
1135
|
+
d("div", ta, [
|
|
1136
|
+
d("div", aa, [
|
|
1137
|
+
d("div", la, $(n.name), 1),
|
|
1138
|
+
d("div", ia, [
|
|
1139
|
+
_(Z, {
|
|
1140
1140
|
iconName: "icon-close",
|
|
1141
1141
|
size: 34,
|
|
1142
1142
|
design: "light",
|
|
1143
1143
|
disabled: !1,
|
|
1144
|
-
onClick: l[0] || (l[0] = (t) =>
|
|
1144
|
+
onClick: l[0] || (l[0] = (t) => o("clickClose"))
|
|
1145
1145
|
})
|
|
1146
1146
|
])
|
|
1147
1147
|
]),
|
|
1148
|
-
|
|
1149
|
-
|
|
1148
|
+
d("div", sa, [
|
|
1149
|
+
_(he, {
|
|
1150
1150
|
class: "adj-window__body",
|
|
1151
1151
|
maxHeight: "100%"
|
|
1152
1152
|
}, {
|
|
1153
|
-
default:
|
|
1154
|
-
(a(!0),
|
|
1155
|
-
|
|
1153
|
+
default: q(() => [
|
|
1154
|
+
(a(!0), i(k, null, y(n.modelsAndItems, (t, e) => (a(), i(k, { key: e }, [
|
|
1155
|
+
n.modelsAndItems.length > 1 ? (a(), i("div", {
|
|
1156
1156
|
key: 0,
|
|
1157
1157
|
class: "adj-miltititle",
|
|
1158
|
-
onClick: (
|
|
1158
|
+
onClick: (r) => o("update:activeModelAndItemId", e)
|
|
1159
1159
|
}, [
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
iconName: `icon-arrow-${
|
|
1160
|
+
d("div", na, [
|
|
1161
|
+
_(Z, {
|
|
1162
|
+
iconName: `icon-arrow-${n.activeModelAndItemId === e ? "down" : "right"}`,
|
|
1163
1163
|
size: 24,
|
|
1164
1164
|
design: "light",
|
|
1165
1165
|
disabled: !1
|
|
1166
1166
|
}, null, 8, ["iconName"])
|
|
1167
1167
|
]),
|
|
1168
|
-
|
|
1169
|
-
class: f(["adj-miltititle__title adj-text-16-bold", { "adj-miltititle__title_active":
|
|
1170
|
-
},
|
|
1171
|
-
|
|
1172
|
-
|
|
1168
|
+
d("div", {
|
|
1169
|
+
class: f(["adj-miltititle__title adj-text-16-bold", { "adj-miltititle__title_active": n.activeModelAndItemId === e }])
|
|
1170
|
+
}, $(n.name) + " " + $(e + 1), 3),
|
|
1171
|
+
d("div", da, [
|
|
1172
|
+
_(Z, {
|
|
1173
1173
|
iconName: "icon-close",
|
|
1174
1174
|
size: 24,
|
|
1175
1175
|
design: "light",
|
|
1176
1176
|
disabled: !1,
|
|
1177
|
-
onClick: (
|
|
1177
|
+
onClick: (r) => o("clickDeletePersonalization", e)
|
|
1178
1178
|
}, null, 8, ["onClick"])
|
|
1179
1179
|
])
|
|
1180
|
-
], 8,
|
|
1181
|
-
|
|
1182
|
-
default:
|
|
1183
|
-
|
|
1184
|
-
|
|
1180
|
+
], 8, oa)) : j("", !0),
|
|
1181
|
+
_(H, { name: "adj-popup-pers" }, {
|
|
1182
|
+
default: q(() => [
|
|
1183
|
+
B(d("div", ua, [
|
|
1184
|
+
_(xt, {
|
|
1185
1185
|
items: t.items,
|
|
1186
1186
|
modelValue: t.modelValue,
|
|
1187
|
-
expandTextAdjSelectImage:
|
|
1188
|
-
foldTextAdjSelectImage:
|
|
1189
|
-
textAdjFilterSelect:
|
|
1190
|
-
"onUpdate:modelValue": (
|
|
1187
|
+
expandTextAdjSelectImage: n.expandTextAdjSelectImage,
|
|
1188
|
+
foldTextAdjSelectImage: n.foldTextAdjSelectImage,
|
|
1189
|
+
textAdjFilterSelect: n.textAdjFilterSelect,
|
|
1190
|
+
"onUpdate:modelValue": (r) => n.$emit("update:modelValue", e, r)
|
|
1191
1191
|
}, null, 8, ["items", "modelValue", "expandTextAdjSelectImage", "foldTextAdjSelectImage", "textAdjFilterSelect", "onUpdate:modelValue"])
|
|
1192
1192
|
], 512), [
|
|
1193
|
-
[
|
|
1193
|
+
[P, n.activeModelAndItemId === e]
|
|
1194
1194
|
])
|
|
1195
1195
|
]),
|
|
1196
1196
|
_: 2
|
|
@@ -1200,24 +1200,24 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1200
1200
|
_: 1
|
|
1201
1201
|
})
|
|
1202
1202
|
]),
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
title:
|
|
1203
|
+
d("div", ra, [
|
|
1204
|
+
_(Y, {
|
|
1205
|
+
title: n.titleSave,
|
|
1206
1206
|
size: "small",
|
|
1207
1207
|
design: "primary",
|
|
1208
1208
|
round: "",
|
|
1209
1209
|
iconLeft: "icon-done-circle",
|
|
1210
|
-
onClick: l[1] || (l[1] = (t) =>
|
|
1210
|
+
onClick: l[1] || (l[1] = (t) => o("clickSave"))
|
|
1211
1211
|
}, null, 8, ["title"]),
|
|
1212
|
-
|
|
1212
|
+
n.multiple ? (a(), N(Y, {
|
|
1213
1213
|
key: 0,
|
|
1214
|
-
title:
|
|
1214
|
+
title: n.titleAdd,
|
|
1215
1215
|
size: "small",
|
|
1216
1216
|
design: "alternative-light",
|
|
1217
1217
|
round: "",
|
|
1218
1218
|
iconLeft: "icon-add",
|
|
1219
|
-
onClick: l[2] || (l[2] = (t) =>
|
|
1220
|
-
}, null, 8, ["title"])) :
|
|
1219
|
+
onClick: l[2] || (l[2] = (t) => o("clickAddPersonalization"))
|
|
1220
|
+
}, null, 8, ["title"])) : j("", !0)
|
|
1221
1221
|
])
|
|
1222
1222
|
])
|
|
1223
1223
|
]),
|
|
@@ -1225,7 +1225,126 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1225
1225
|
})
|
|
1226
1226
|
]));
|
|
1227
1227
|
}
|
|
1228
|
-
}),
|
|
1228
|
+
}), Ua = /* @__PURE__ */ C(ca, [["__scopeId", "data-v-d0500d38"]]), ma = { class: "adj-pricebar-wrapper" }, pa = { class: "adj-price__text" }, _a = {
|
|
1229
|
+
key: 0,
|
|
1230
|
+
class: "adj-price__qty"
|
|
1231
|
+
}, va = {
|
|
1232
|
+
key: 1,
|
|
1233
|
+
class: "adj-price__dots"
|
|
1234
|
+
}, ha = {
|
|
1235
|
+
key: 2,
|
|
1236
|
+
class: "adj-price__text"
|
|
1237
|
+
}, ga = { class: "adj-price__hint" }, fa = {
|
|
1238
|
+
key: 3,
|
|
1239
|
+
class: "adj-price__dots"
|
|
1240
|
+
}, ja = {
|
|
1241
|
+
key: 4,
|
|
1242
|
+
class: "adj-price__text adj-price__text_lowercase"
|
|
1243
|
+
}, ka = /* @__PURE__ */ w({
|
|
1244
|
+
__name: "AdjPricebarWrapper",
|
|
1245
|
+
props: {
|
|
1246
|
+
items: {},
|
|
1247
|
+
quantity: {}
|
|
1248
|
+
},
|
|
1249
|
+
emits: ["update:quantity"],
|
|
1250
|
+
setup(g) {
|
|
1251
|
+
return (u, o) => (a(), i("div", ma, [
|
|
1252
|
+
(a(!0), i(k, null, y(u.items, (n) => (a(), i("div", {
|
|
1253
|
+
key: n.id,
|
|
1254
|
+
class: f(`adj-price adj-price_${n.id}`)
|
|
1255
|
+
}, [
|
|
1256
|
+
d("div", pa, $(n.labelLeft), 1),
|
|
1257
|
+
n.id == "edition" ? (a(), i("div", _a, [
|
|
1258
|
+
_(ae, {
|
|
1259
|
+
modelValue: u.quantity,
|
|
1260
|
+
min: 20,
|
|
1261
|
+
max: 1e5,
|
|
1262
|
+
debounceTime: 2e3,
|
|
1263
|
+
"onUpdate:modelValue": o[0] || (o[0] = (l) => u.$emit("update:quantity", l))
|
|
1264
|
+
}, null, 8, ["modelValue"])
|
|
1265
|
+
])) : j("", !0),
|
|
1266
|
+
n.id != "discounts" ? (a(), i("div", va)) : j("", !0),
|
|
1267
|
+
n.id != "discounts" ? (a(), i("div", ha, $(n.labelRight), 1)) : j("", !0),
|
|
1268
|
+
d("div", ga, [
|
|
1269
|
+
_(te, {
|
|
1270
|
+
html: n.hint,
|
|
1271
|
+
"horizontal-position": "right",
|
|
1272
|
+
"vertical-position": "top",
|
|
1273
|
+
"modal-mode": !0
|
|
1274
|
+
}, {
|
|
1275
|
+
default: q(() => o[1] || (o[1] = [
|
|
1276
|
+
d("i", { class: "icon-info" }, null, -1)
|
|
1277
|
+
])),
|
|
1278
|
+
_: 2
|
|
1279
|
+
}, 1032, ["html"])
|
|
1280
|
+
]),
|
|
1281
|
+
n.id == "discounts" ? (a(), i("div", fa)) : j("", !0),
|
|
1282
|
+
n.id == "discounts" ? (a(), i("div", ja, $(n.labelRight), 1)) : j("", !0)
|
|
1283
|
+
], 2))), 128))
|
|
1284
|
+
]));
|
|
1285
|
+
}
|
|
1286
|
+
}), ba = /* @__PURE__ */ C(ka, [["__scopeId", "data-v-1243e31e"]]), $a = { class: "adj-pricebar" }, ya = /* @__PURE__ */ w({
|
|
1287
|
+
__name: "AdjPricebar",
|
|
1288
|
+
props: {
|
|
1289
|
+
labelOne: {},
|
|
1290
|
+
labelEdition: {},
|
|
1291
|
+
labelFrom: {},
|
|
1292
|
+
labelRub: {},
|
|
1293
|
+
labelWithDiscount: {},
|
|
1294
|
+
priceOne: {},
|
|
1295
|
+
priceEdition: {},
|
|
1296
|
+
priceOneDiscounts: {},
|
|
1297
|
+
priceEditionDiscounts: {},
|
|
1298
|
+
hintOne: {},
|
|
1299
|
+
hintEdition: {},
|
|
1300
|
+
hintDiscounts: {},
|
|
1301
|
+
quantity: {},
|
|
1302
|
+
discounts: {},
|
|
1303
|
+
showFrom: { type: Boolean }
|
|
1304
|
+
},
|
|
1305
|
+
emits: ["update:quantity"],
|
|
1306
|
+
setup(g) {
|
|
1307
|
+
const u = g;
|
|
1308
|
+
function o(l, t = 0) {
|
|
1309
|
+
const e = {
|
|
1310
|
+
minimumFractionDigits: t,
|
|
1311
|
+
maximumFractionDigits: t
|
|
1312
|
+
};
|
|
1313
|
+
return l.toLocaleString("ru-RU", e).replace(",", ".");
|
|
1314
|
+
}
|
|
1315
|
+
const n = I(() => {
|
|
1316
|
+
const l = [
|
|
1317
|
+
{
|
|
1318
|
+
id: "one",
|
|
1319
|
+
labelLeft: u.labelOne,
|
|
1320
|
+
labelRight: `${u.showFrom ? u.labelFrom : ""} ${o(u.priceOne, 2)} ${u.labelRub}`,
|
|
1321
|
+
hint: u.hintOne
|
|
1322
|
+
},
|
|
1323
|
+
{
|
|
1324
|
+
id: "edition",
|
|
1325
|
+
labelLeft: u.labelEdition,
|
|
1326
|
+
labelRight: `${u.showFrom ? u.labelFrom : ""} ${o(u.priceEdition, 2)} ${u.labelRub}`,
|
|
1327
|
+
hint: u.hintEdition
|
|
1328
|
+
}
|
|
1329
|
+
];
|
|
1330
|
+
return u.discounts > 0 && l.push({
|
|
1331
|
+
id: "discounts",
|
|
1332
|
+
labelLeft: `${u.labelWithDiscount} ${u.discounts}%`,
|
|
1333
|
+
labelRight: `${u.showFrom ? u.labelFrom : ""} ${o(u.priceOne, 2)} ${u.labelRub} ${u.labelOne}
|
|
1334
|
+
| ${u.showFrom ? u.labelFrom : ""} ${o(u.priceEdition, 2)} ${u.labelRub} ${u.labelEdition}
|
|
1335
|
+
`,
|
|
1336
|
+
hint: u.hintDiscounts
|
|
1337
|
+
}), l;
|
|
1338
|
+
});
|
|
1339
|
+
return (l, t) => (a(), i("div", $a, [
|
|
1340
|
+
_(ba, {
|
|
1341
|
+
quantity: l.quantity,
|
|
1342
|
+
items: n.value,
|
|
1343
|
+
"onUpdate:quantity": t[0] || (t[0] = (e) => l.$emit("update:quantity", e))
|
|
1344
|
+
}, null, 8, ["quantity", "items"])
|
|
1345
|
+
]));
|
|
1346
|
+
}
|
|
1347
|
+
}), Ea = /* @__PURE__ */ C(ya, [["__scopeId", "data-v-ca6f044a"]]), Va = { class: "adj-products" }, wa = { class: "adj-products_wrapper" }, Ca = /* @__PURE__ */ w({
|
|
1229
1348
|
__name: "AdjProducts",
|
|
1230
1349
|
props: {
|
|
1231
1350
|
items: {},
|
|
@@ -1233,30 +1352,30 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1233
1352
|
duration: { default: 0 }
|
|
1234
1353
|
},
|
|
1235
1354
|
emits: ["click"],
|
|
1236
|
-
setup(
|
|
1237
|
-
const
|
|
1238
|
-
return (
|
|
1239
|
-
|
|
1240
|
-
|
|
1355
|
+
setup(g, { emit: u }) {
|
|
1356
|
+
const o = u;
|
|
1357
|
+
return (n, l) => (a(), i("div", Va, [
|
|
1358
|
+
d("div", wa, [
|
|
1359
|
+
n.items.length > 0 ? (a(!0), i(k, { key: 0 }, y(n.items, (t) => (a(), i("div", {
|
|
1241
1360
|
key: t.id,
|
|
1242
1361
|
class: "adj-products__item"
|
|
1243
1362
|
}, [
|
|
1244
|
-
|
|
1363
|
+
_(K, {
|
|
1245
1364
|
id: t.id,
|
|
1246
1365
|
name: t.name,
|
|
1247
1366
|
hintHtml: t.hintHtml,
|
|
1248
|
-
duration:
|
|
1367
|
+
duration: n.duration,
|
|
1249
1368
|
underlined: "",
|
|
1250
1369
|
checked: !1,
|
|
1251
1370
|
images: t.images,
|
|
1252
1371
|
modelValue: t,
|
|
1253
|
-
onClick: (e) =>
|
|
1372
|
+
onClick: (e) => o("click", t)
|
|
1254
1373
|
}, null, 8, ["id", "name", "hintHtml", "duration", "images", "modelValue", "onClick"])
|
|
1255
|
-
]))), 128)) : (a(!0),
|
|
1374
|
+
]))), 128)) : (a(!0), i(k, { key: 1 }, y(n.skeletonQty, (t) => (a(), i("div", {
|
|
1256
1375
|
key: t,
|
|
1257
1376
|
class: "adj-products__item"
|
|
1258
1377
|
}, [
|
|
1259
|
-
|
|
1378
|
+
_(L, {
|
|
1260
1379
|
loaders: [
|
|
1261
1380
|
{ aspectRatio: "0.66", width: "65%" },
|
|
1262
1381
|
{ marginTop: "20px", height: "26px", width: "120px" }
|
|
@@ -1267,7 +1386,7 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1267
1386
|
])
|
|
1268
1387
|
]));
|
|
1269
1388
|
}
|
|
1270
|
-
}),
|
|
1389
|
+
}), Fa = /* @__PURE__ */ C(Ca, [["__scopeId", "data-v-9d2cee0c"]]), Aa = { class: "adj-stitchings" }, Ia = { class: "adj-stitchings__groups" }, Ta = { class: "adj-stitchings__items" }, Sa = /* @__PURE__ */ w({
|
|
1271
1390
|
__name: "AdjStitchings",
|
|
1272
1391
|
props: {
|
|
1273
1392
|
modelValue: {},
|
|
@@ -1275,13 +1394,13 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1275
1394
|
skeletonQty: { default: 6 }
|
|
1276
1395
|
},
|
|
1277
1396
|
emits: ["update:modelValue"],
|
|
1278
|
-
setup(
|
|
1279
|
-
const
|
|
1397
|
+
setup(g) {
|
|
1398
|
+
const u = g, o = [
|
|
1280
1399
|
{
|
|
1281
1400
|
height: "34px",
|
|
1282
1401
|
width: "85px"
|
|
1283
1402
|
}
|
|
1284
|
-
],
|
|
1403
|
+
], n = [
|
|
1285
1404
|
{
|
|
1286
1405
|
aspectRatio: "1.5"
|
|
1287
1406
|
},
|
|
@@ -1292,62 +1411,63 @@ const ye = { class: "adj-top" }, $e = ["src", "alt"], be = {
|
|
|
1292
1411
|
}
|
|
1293
1412
|
], l = I(() => {
|
|
1294
1413
|
var t;
|
|
1295
|
-
for (const e of
|
|
1414
|
+
for (const e of u.groups) {
|
|
1296
1415
|
e.items;
|
|
1297
|
-
for (const
|
|
1298
|
-
if (
|
|
1416
|
+
for (const r of e.items)
|
|
1417
|
+
if (r.id === ((t = u.modelValue) == null ? void 0 : t.id))
|
|
1299
1418
|
return e;
|
|
1300
1419
|
}
|
|
1301
1420
|
return null;
|
|
1302
1421
|
});
|
|
1303
|
-
return (t, e) => (a(),
|
|
1304
|
-
|
|
1305
|
-
t.groups.length > 0 ? (a(!0),
|
|
1306
|
-
var
|
|
1307
|
-
return a(),
|
|
1308
|
-
title:
|
|
1422
|
+
return (t, e) => (a(), i("div", Aa, [
|
|
1423
|
+
d("div", Ia, [
|
|
1424
|
+
t.groups.length > 0 ? (a(!0), i(k, { key: 0 }, y(t.groups, (r) => {
|
|
1425
|
+
var c;
|
|
1426
|
+
return a(), N(Y, {
|
|
1427
|
+
title: r.name,
|
|
1309
1428
|
size: "small",
|
|
1310
|
-
design:
|
|
1311
|
-
onClick: (
|
|
1429
|
+
design: r.id === ((c = l.value) == null ? void 0 : c.id) ? "alternative-active" : "alternative",
|
|
1430
|
+
onClick: (p) => t.$emit("update:modelValue", r.items[0])
|
|
1312
1431
|
}, null, 8, ["title", "design", "onClick"]);
|
|
1313
|
-
}), 256)) : (a(),
|
|
1314
|
-
|
|
1432
|
+
}), 256)) : (a(), i(k, { key: 1 }, y(4, (r) => d("div", { key: r }, [
|
|
1433
|
+
_(L, { loaders: o })
|
|
1315
1434
|
])), 64))
|
|
1316
1435
|
]),
|
|
1317
|
-
|
|
1318
|
-
t.groups.length > 0 && l.value ? (a(!0),
|
|
1319
|
-
var
|
|
1320
|
-
return a(),
|
|
1436
|
+
d("div", Ta, [
|
|
1437
|
+
t.groups.length > 0 && l.value ? (a(!0), i(k, { key: 0 }, y(l.value.items, (r, c) => {
|
|
1438
|
+
var p;
|
|
1439
|
+
return a(), i("div", {
|
|
1321
1440
|
class: "adj-stitchings__item",
|
|
1322
|
-
key:
|
|
1441
|
+
key: c
|
|
1323
1442
|
}, [
|
|
1324
|
-
|
|
1325
|
-
id:
|
|
1326
|
-
image:
|
|
1443
|
+
_(Q, {
|
|
1444
|
+
id: r.id,
|
|
1445
|
+
image: r.image,
|
|
1327
1446
|
aspectRatio: 1.5,
|
|
1328
|
-
name:
|
|
1329
|
-
checked:
|
|
1330
|
-
onClick: (m) => t.$emit("update:modelValue",
|
|
1447
|
+
name: r.name,
|
|
1448
|
+
checked: r.id == ((p = t.modelValue) == null ? void 0 : p.id),
|
|
1449
|
+
onClick: (m) => t.$emit("update:modelValue", r)
|
|
1331
1450
|
}, null, 8, ["id", "image", "name", "checked", "onClick"])
|
|
1332
1451
|
]);
|
|
1333
|
-
}), 128)) : (a(!0),
|
|
1334
|
-
key:
|
|
1452
|
+
}), 128)) : (a(!0), i(k, { key: 1 }, y(t.skeletonQty, (r) => (a(), i("div", {
|
|
1453
|
+
key: r,
|
|
1335
1454
|
class: "adj-stitchings__item"
|
|
1336
1455
|
}, [
|
|
1337
|
-
|
|
1456
|
+
_(L, { loaders: n })
|
|
1338
1457
|
]))), 128))
|
|
1339
1458
|
])
|
|
1340
1459
|
]));
|
|
1341
1460
|
}
|
|
1342
|
-
}),
|
|
1461
|
+
}), Ha = /* @__PURE__ */ C(Sa, [["__scopeId", "data-v-fc6da26b"]]);
|
|
1343
1462
|
export {
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1463
|
+
qa as AdjBlocks,
|
|
1464
|
+
za as AdjLaminates,
|
|
1465
|
+
Ma as AdjMaterials,
|
|
1466
|
+
Ra as AdjModels,
|
|
1467
|
+
Ba as AdjNavigator,
|
|
1468
|
+
Ua as AdjPersonalizationConfigurator,
|
|
1469
|
+
Pa as AdjPersonalizations,
|
|
1470
|
+
Ea as AdjPricebar,
|
|
1471
|
+
Fa as AdjProducts,
|
|
1472
|
+
Ha as AdjStitchings
|
|
1353
1473
|
};
|