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