@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.
Files changed (79) hide show
  1. package/dist/adjutant-ui.css +1 -1
  2. package/dist/components.cjs +1 -1
  3. package/dist/components.js +941 -222
  4. package/dist/plugin/types.d.ts +1 -12
  5. package/package.json +1 -5
  6. package/dist/AdjUploadFile-9ryecxoi.cjs +0 -1
  7. package/dist/AdjUploadFile-Bp5vEN-C.js +0 -743
  8. package/dist/components/constructor/AdjBlocks/AdjBlocks.mock.d.ts +0 -2
  9. package/dist/components/constructor/AdjBlocks/AdjBlocks.stories.d.ts +0 -6
  10. package/dist/components/constructor/AdjBlocks/AdjBlocks.vue.d.ts +0 -21
  11. package/dist/components/constructor/AdjBlocks/IAdjBlocksItem.d.ts +0 -14
  12. package/dist/components/constructor/AdjLaminates/AdjLaminates.mock.d.ts +0 -2
  13. package/dist/components/constructor/AdjLaminates/AdjLaminates.stories.d.ts +0 -6
  14. package/dist/components/constructor/AdjLaminates/AdjLaminates.vue.d.ts +0 -17
  15. package/dist/components/constructor/AdjLaminates/IAdjLaminatesItem.d.ts +0 -8
  16. package/dist/components/constructor/AdjMaterials/AdjMaterials.mock.d.ts +0 -2
  17. package/dist/components/constructor/AdjMaterials/AdjMaterials.stories.d.ts +0 -6
  18. package/dist/components/constructor/AdjMaterials/AdjMaterials.vue.d.ts +0 -19
  19. package/dist/components/constructor/AdjMaterials/IAdjMaterialsItem.d.ts +0 -18
  20. package/dist/components/constructor/AdjModels/AdjModels.mock.d.ts +0 -2
  21. package/dist/components/constructor/AdjModels/AdjModels.stories.d.ts +0 -6
  22. package/dist/components/constructor/AdjModels/AdjModels.vue.d.ts +0 -20
  23. package/dist/components/constructor/AdjNavigator/AdjNavigator.mock.d.ts +0 -6
  24. package/dist/components/constructor/AdjNavigator/AdjNavigator.stories.d.ts +0 -10
  25. package/dist/components/constructor/AdjNavigator/AdjNavigator.vue.d.ts +0 -17
  26. package/dist/components/constructor/AdjNavigator/IAdjNavigatorItem.d.ts +0 -7
  27. package/dist/components/constructor/AdjPersonalizationConfigurator/AdjPersonalizationConfigurator.mock.d.ts +0 -2
  28. package/dist/components/constructor/AdjPersonalizationConfigurator/AdjPersonalizationConfigurator.stories.d.ts +0 -6
  29. package/dist/components/constructor/AdjPersonalizationConfigurator/AdjPersonalizationConfigurator.vue.d.ts +0 -47
  30. package/dist/components/constructor/AdjPersonalizations/AdjPersonalizations.mock.d.ts +0 -2
  31. package/dist/components/constructor/AdjPersonalizations/AdjPersonalizations.stories.d.ts +0 -6
  32. package/dist/components/constructor/AdjPersonalizations/AdjPersonalizations.vue.d.ts +0 -26
  33. package/dist/components/constructor/AdjPersonalizations/IAdjPersonalizationsItem.d.ts +0 -16
  34. package/dist/components/constructor/AdjPricebar/AdjPricebar.mock.d.ts +0 -2
  35. package/dist/components/constructor/AdjPricebar/AdjPricebar.stories.d.ts +0 -6
  36. package/dist/components/constructor/AdjPricebar/AdjPricebar.vue.d.ts +0 -38
  37. package/dist/components/constructor/AdjProducts/AdjProducts.mock.d.ts +0 -3
  38. package/dist/components/constructor/AdjProducts/AdjProducts.stories.d.ts +0 -7
  39. package/dist/components/constructor/AdjProducts/AdjProducts.vue.d.ts +0 -18
  40. package/dist/components/constructor/AdjProducts/IAdjProductsItem.d.ts +0 -10
  41. package/dist/components/constructor/AdjStitchings/AdjStitchings.mock.d.ts +0 -2
  42. package/dist/components/constructor/AdjStitchings/AdjStitchings.stories.d.ts +0 -6
  43. package/dist/components/constructor/AdjStitchings/AdjStitchings.vue.d.ts +0 -18
  44. package/dist/components/constructor/AdjStitchings/IAdjStitchingsGroup.d.ts +0 -9
  45. package/dist/components/constructor/AdjStitchings/IAdjStitchingsItem.d.ts +0 -8
  46. package/dist/components/constructor/elements/AdjCoverGroupItem/AdjCoverGroupItem.mock.d.ts +0 -3
  47. package/dist/components/constructor/elements/AdjCoverGroupItem/AdjCoverGroupItem.stories.d.ts +0 -7
  48. package/dist/components/constructor/elements/AdjCoverGroupItem/AdjCoverGroupItem.vue.d.ts +0 -20
  49. package/dist/components/constructor/elements/AdjCoverItem/AdjCoverItem.mock.d.ts +0 -3
  50. package/dist/components/constructor/elements/AdjCoverItem/AdjCoverItem.stories.d.ts +0 -8
  51. package/dist/components/constructor/elements/AdjCoverItem/AdjCoverItem.vue.d.ts +0 -41
  52. package/dist/components/constructor/elements/AdjCoverItem/IAdjCoverItem.d.ts +0 -12
  53. package/dist/components/constructor/elements/AdjImageItem/AdjImageItem.mock.d.ts +0 -5
  54. package/dist/components/constructor/elements/AdjImageItem/AdjImageItem.stories.d.ts +0 -13
  55. package/dist/components/constructor/elements/AdjImageItem/AdjImageItem.vue.d.ts +0 -71
  56. package/dist/components/constructor/elements/AdjNavigatorItem/AdjNavigatorItem.mock.d.ts +0 -3
  57. package/dist/components/constructor/elements/AdjNavigatorItem/AdjNavigatorItem.stories.d.ts +0 -7
  58. package/dist/components/constructor/elements/AdjNavigatorItem/AdjNavigatorItem.vue.d.ts +0 -14
  59. package/dist/components/constructor/elements/AdjNavigatorItem/IAdjNavigatorPassive.d.ts +0 -20
  60. package/dist/components/constructor/elements/AdjNavigatorWrapper/AdjNavigatorWrapper.mock.d.ts +0 -6
  61. package/dist/components/constructor/elements/AdjNavigatorWrapper/AdjNavigatorWrapper.stories.d.ts +0 -10
  62. package/dist/components/constructor/elements/AdjNavigatorWrapper/AdjNavigatorWrapper.vue.d.ts +0 -18
  63. package/dist/components/constructor/elements/AdjNavigatorWrapper/IAdjNavigatorWrapperActive.d.ts +0 -4
  64. package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/AdjPersonalizationConfiguratorElements.mock.d.ts +0 -6
  65. package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/AdjPersonalizationConfiguratorElements.stories.d.ts +0 -6
  66. package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/AdjPersonalizationConfiguratorElements.vue.d.ts +0 -20
  67. package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/IAdjPersonalizationConfiguratorElementsItem.d.ts +0 -18
  68. package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/IAdjPersonalizationConfiguratorElementsModel.d.ts +0 -4
  69. package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/IAdjPersonalizationConfiguratorElementsNumber.d.ts +0 -5
  70. package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/IAdjPersonalizationConfiguratorElementsTexture.d.ts +0 -14
  71. package/dist/components/constructor/elements/AdjPersonalizationConfiguratorElements/TAdjPersonalizationConfiguratorElementsValue.d.ts +0 -9
  72. package/dist/components/constructor/elements/AdjPricebarWrapper/AdjPricebarWrapper.mock.d.ts +0 -2
  73. package/dist/components/constructor/elements/AdjPricebarWrapper/AdjPricebarWrapper.stories.d.ts +0 -6
  74. package/dist/components/constructor/elements/AdjPricebarWrapper/AdjPricebarWrapper.vue.d.ts +0 -12
  75. package/dist/components/constructor/elements/AdjPricebarWrapper/IAdjPricebaritem.d.ts +0 -9
  76. package/dist/constructor.cjs +0 -3
  77. package/dist/constructor.d.ts +0 -2
  78. package/dist/constructor.js +0 -1472
  79. package/dist/plugin/constructor.d.ts +0 -11
@@ -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
- };