@poni/adjutant-ui 0.0.105 → 0.0.107

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.
@@ -1,705 +0,0 @@
1
- import { defineComponent as g, openBlock as s, createElementBlock as i, normalizeClass as _, createCommentVNode as w, createElementVNode as n, toDisplayString as k, withDirectives as H, vShow as L, normalizeStyle as N, renderSlot as D, useTemplateRef as z, ref as b, createVNode as y, Transition as W, withCtx as A, Fragment as S, renderList as R, withModifiers as C, useCssVars as T, computed as O, createBlock as te } from "vue";
2
- import { onClickOutside as Z, useWindowSize as ae, useMouseInElement as q } from "@vueuse/core";
3
- const le = /* @__PURE__ */ g({
4
- __name: "AdjButton",
5
- props: {
6
- title: {},
7
- flex: { type: Boolean, default: !1 },
8
- size: { default: "medium" },
9
- design: { default: "primary" },
10
- disabled: { type: Boolean, default: !1 },
11
- round: { type: Boolean, default: !1 },
12
- iconLeft: { default: "" },
13
- iconRight: { default: "" }
14
- },
15
- emits: ["click"],
16
- setup(r) {
17
- return (e, l) => (s(), i("button", {
18
- class: _(["adj-button", {
19
- [`adj-button_${e.size}`]: !0,
20
- [`adj-button_${e.design}`]: !0,
21
- "adj-button_disabled": e.disabled,
22
- "adj-button_flex": e.flex,
23
- "adj-button_round": e.round
24
- }]),
25
- onClick: l[0] || (l[0] = (o) => e.disabled ? 0 : e.$emit("click"))
26
- }, [
27
- e.iconLeft ? (s(), i("i", {
28
- key: 0,
29
- class: _(e.iconLeft)
30
- }, null, 2)) : w("", !0),
31
- n("div", null, k(e.title), 1),
32
- e.iconRight ? (s(), i("i", {
33
- key: 1,
34
- class: _(e.iconRight)
35
- }, null, 2)) : w("", !0)
36
- ], 2));
37
- }
38
- }), j = (r, e) => {
39
- const l = r.__vccOpts || r;
40
- for (const [o, u] of e)
41
- l[o] = u;
42
- return l;
43
- }, lt = /* @__PURE__ */ j(le, [["__scopeId", "data-v-602b5e80"]]), oe = {
44
- key: 0,
45
- class: "adj-text-13"
46
- }, se = { class: "adj-checkbox__handle" }, ie = {
47
- width: "16",
48
- height: "16",
49
- viewBox: "0 0 16 16",
50
- fill: "none",
51
- xmlns: "http://www.w3.org/2000/svg"
52
- }, ne = {
53
- key: 1,
54
- class: "adj-text-13"
55
- }, de = /* @__PURE__ */ g({
56
- __name: "AdjCheckbox",
57
- props: {
58
- title: { default: "" },
59
- titlePosition: { default: "right" },
60
- items: {},
61
- modelValue: { default: () => ({ checked: !1 }) },
62
- disabled: { type: Boolean, default: !1 }
63
- },
64
- emits: ["update:modelValue"],
65
- setup(r, { emit: e }) {
66
- const l = r, o = e;
67
- function u() {
68
- l.modelValue.checked === l.items[0].checked ? o("update:modelValue", l.items[1]) : o("update:modelValue", l.items[0]);
69
- }
70
- return (t, c) => (s(), i("div", {
71
- class: _(["adj-checkbox", { disabled: t.disabled }]),
72
- onClick: c[0] || (c[0] = (p) => u())
73
- }, [
74
- t.title && t.titlePosition === "left" ? (s(), i("span", oe, k(t.title), 1)) : w("", !0),
75
- n("div", se, [
76
- H((s(), i("svg", ie, c[1] || (c[1] = [
77
- n("rect", {
78
- width: "16",
79
- height: "16",
80
- rx: "4"
81
- }, null, -1),
82
- n("path", { d: "M12.7423 4.27169C12.3993 3.90944 11.842 3.90944 11.4993 4.27169L6.31133 9.75632L4.50067 7.84213C4.169 7.4915 3.58867 7.49185 3.258 7.84178C3.09167 8.01691 3 8.25055 3 8.49899C3 8.74742 3.09167 8.98106 3.25767 9.1562L5.69 11.7276C5.856 11.9034 6.07667 12 6.31167 12C6.54667 12 6.76767 11.9031 6.93333 11.7276L12.7423 5.58647C12.9083 5.41098 13 5.17734 13 4.9289C13 4.68047 12.9087 4.44719 12.7423 4.27169Z" }, null, -1)
83
- ]), 512)), [
84
- [L, t.modelValue.checked]
85
- ])
86
- ]),
87
- t.title && t.titlePosition === "right" ? (s(), i("span", ne, k(t.title), 1)) : w("", !0)
88
- ], 2));
89
- }
90
- }), ot = /* @__PURE__ */ j(de, [["__scopeId", "data-v-f8f6e87a"]]), ue = /* @__PURE__ */ g({
91
- __name: "AdjScroll",
92
- props: {
93
- maxHeight: { default: "unset" },
94
- white: { type: Boolean, default: !1 }
95
- },
96
- setup(r) {
97
- const e = r;
98
- return (l, o) => (s(), i("div", {
99
- class: _(["adj-scroll", { "adj-scroll_white": l.white }]),
100
- style: N({ maxHeight: `${e.maxHeight}` })
101
- }, [
102
- D(l.$slots, "default", {}, void 0, !0)
103
- ], 6));
104
- }
105
- }), G = /* @__PURE__ */ j(ue, [["__scopeId", "data-v-ab6451fe"]]), re = {
106
- key: 0,
107
- class: "icon-close"
108
- }, ce = {
109
- key: 1,
110
- class: "icon-arrow-down"
111
- }, pe = {
112
- key: 0,
113
- class: "adj-filter-select__items adj-effect-overlay-big"
114
- }, fe = ["onClick"], me = /* @__PURE__ */ g({
115
- __name: "AdjFilterSelect",
116
- props: {
117
- title: {},
118
- position: { default: "right" },
119
- items: { default: () => [] },
120
- modelValue: {}
121
- },
122
- emits: ["update:modelValue"],
123
- setup(r, { emit: e }) {
124
- const l = r, o = e, u = z("refElement");
125
- Z(u, () => t.value = !1);
126
- const t = b(!1);
127
- function c(a) {
128
- "disabled" in a && a.disabled || ("id" in a && a.id && (t.value = !1), o("update:modelValue", a));
129
- }
130
- function p() {
131
- "id" in l.modelValue ? c({}) : t.value = !t.value;
132
- }
133
- return (a, f) => (s(), i("div", {
134
- ref: "refElement",
135
- class: _(["adj-filter-select", [{ show: t.value, active: "id" in a.modelValue && a.modelValue.id }, a.position]])
136
- }, [
137
- n("div", {
138
- class: "adj-filter-select__name adj-text-14",
139
- onClick: f[0] || (f[0] = (d) => p())
140
- }, [
141
- n("span", null, k("id" in a.modelValue && a.modelValue.id ? a.modelValue.name : a.title), 1),
142
- "id" in a.modelValue && a.modelValue.id ? (s(), i("i", re)) : (s(), i("i", ce)),
143
- y(W, { name: "adj-fade" }, {
144
- default: A(() => [
145
- t.value ? (s(), i("div", pe, [
146
- y(G, { maxHeight: "384px" }, {
147
- default: A(() => [
148
- n("div", null, [
149
- (s(!0), i(S, null, R(a.items, (d) => (s(), i("div", {
150
- key: d.id,
151
- class: _(["adj-filter-select__item adj-text-14", { "adj-filter-select__item_disabled": d.disabled }]),
152
- onClick: C((v) => c(d), ["stop"])
153
- }, [
154
- n("span", null, k(d.name), 1)
155
- ], 10, fe))), 128))
156
- ])
157
- ]),
158
- _: 1
159
- })
160
- ])) : w("", !0)
161
- ]),
162
- _: 1
163
- })
164
- ])
165
- ], 2));
166
- }
167
- }), st = /* @__PURE__ */ j(me, [["__scopeId", "data-v-1388613f"]]), ve = ["innerHTML"], _e = /* @__PURE__ */ g({
168
- __name: "AdjHintDesktop",
169
- props: {
170
- html: { default: "" },
171
- horizontalPosition: { default: "left" },
172
- verticalPosition: { default: "top" },
173
- dark: { type: Boolean, default: !1 },
174
- width: { default: "200px" }
175
- },
176
- setup(r) {
177
- return T((e) => ({
178
- "7aca7e46": e.width
179
- })), (e, l) => (s(), i("div", {
180
- class: _([
181
- "adj-hint-desktop",
182
- { "adj-hint-desktop_dark": e.dark },
183
- `adj-hint-desktop_${e.verticalPosition}`,
184
- `adj-hint-desktop_${e.horizontalPosition}`
185
- ])
186
- }, [
187
- n("div", {
188
- class: "adj-hint-desktop__text",
189
- innerHTML: e.html
190
- }, null, 8, ve),
191
- l[0] || (l[0] = n("svg", {
192
- class: "adj-hint-desktop__triangle",
193
- width: "14",
194
- height: "14",
195
- viewBox: "0 0 14 14",
196
- fill: "none",
197
- xmlns: "http://www.w3.org/2000/svg"
198
- }, [
199
- n("path", {
200
- class: "adj-hint-desktop__triangle_inner",
201
- d: "M13 13L7 2L1 13H13Z"
202
- }),
203
- n("path", {
204
- class: "adj-hint-desktop__triangle_border",
205
- d: "M13 13L7 2L1 13"
206
- })
207
- ], -1))
208
- ], 2));
209
- }
210
- }), he = /* @__PURE__ */ j(_e, [["__scopeId", "data-v-c37cada5"]]), je = { class: "adj-modal" }, ge = { class: "adj-modal_wrapper" }, ke = /* @__PURE__ */ g({
211
- __name: "AdjModal",
212
- props: {
213
- show: { type: Boolean },
214
- width: { default: "100%" },
215
- hideClose: { type: Boolean, default: !1 }
216
- },
217
- emits: ["update:show"],
218
- setup(r, { emit: e }) {
219
- T((u) => ({
220
- 65069964: u.width
221
- }));
222
- const l = e;
223
- function o() {
224
- l("update:show", !1);
225
- }
226
- return (u, t) => (s(), i("div", je, [
227
- y(W, { name: "adj-fade" }, {
228
- default: A(() => [
229
- H(n("div", ge, t[1] || (t[1] = [
230
- n("div", { class: "adj-modal__background" }, null, -1)
231
- ]), 512), [
232
- [L, u.show]
233
- ])
234
- ]),
235
- _: 1
236
- }),
237
- y(W, { name: "adj-popup-bottom" }, {
238
- default: A(() => [
239
- H(n("div", {
240
- class: "adj-modal_wrapper",
241
- onClick: C(o, ["stop"])
242
- }, [
243
- n("div", {
244
- class: "adj-modal__window",
245
- onClick: t[0] || (t[0] = C(() => {
246
- }, ["stop"]))
247
- }, [
248
- u.hideClose ? w("", !0) : (s(), i("div", {
249
- key: 0,
250
- class: "adj-modal__close icon-close",
251
- onClick: C(o, ["stop"])
252
- })),
253
- D(u.$slots, "default", {}, void 0, !0)
254
- ])
255
- ], 512), [
256
- [L, u.show]
257
- ])
258
- ]),
259
- _: 3
260
- })
261
- ]));
262
- }
263
- }), be = /* @__PURE__ */ j(ke, [["__scopeId", "data-v-921de616"]]), we = { class: "adj-hint" }, $e = ["innerHTML"], E = 14, F = 14, Ce = /* @__PURE__ */ g({
264
- __name: "AdjHint",
265
- props: {
266
- html: { default: "" },
267
- horizontalPosition: { default: "left" },
268
- verticalPosition: { default: "bottom" },
269
- dark: { type: Boolean, default: !0 },
270
- modalMode: { type: Boolean, default: !1 }
271
- },
272
- setup(r) {
273
- const e = r, l = b(!1), o = b(!1), { width: u, height: t } = ae(), c = z("refSlot"), p = z("refHint"), a = b(0), f = b(0), { elementWidth: d, elementHeight: v } = q(c), m = b(0), h = b(80), { elementWidth: $, elementHeight: I } = q(p), P = b(e.horizontalPosition), B = b(e.verticalPosition);
274
- let M = 10 + F / 2;
275
- function J() {
276
- (!e.modalMode || u.value >= 1200) && (X(), Y(), x(), l.value = !0);
277
- }
278
- function K() {
279
- (!e.modalMode || u.value >= 1200) && (l.value = !1);
280
- }
281
- function Q() {
282
- e.modalMode && u.value < 1200 && (o.value = !0);
283
- }
284
- function X() {
285
- if (c.value !== null) {
286
- const V = c.value.getBoundingClientRect();
287
- a.value = V.left, f.value = V.top;
288
- }
289
- }
290
- function Y() {
291
- e.dark && (M = 15 + F / 2), P.value = e.horizontalPosition, B.value = e.verticalPosition, e.horizontalPosition === "left" && a.value + d.value / 2 + M - $.value < 0 ? P.value = "right" : e.horizontalPosition === "right" && a.value + d.value / 2 - M + $.value > u.value && (P.value = "left"), e.verticalPosition === "top" && f.value - E - I.value < 0 ? B.value = "bottom" : e.verticalPosition === "bottom" && f.value + v.value + E + I.value > t.value && (B.value = "top");
292
- }
293
- function x() {
294
- e.dark && (M = 15 + F / 2), P.value === "left" ? m.value = a.value + d.value / 2 + M - $.value : P.value === "center" ? m.value = a.value + d.value / 2 - F / 2 - $.value / 2 : P.value === "right" && (m.value = a.value + d.value / 2 - M), B.value == "top" ? h.value = f.value - E - I.value : B.value == "bottom" && (h.value = f.value + v.value + E);
295
- }
296
- return (V, U) => (s(), i("div", we, [
297
- n("div", {
298
- class: "adj-hint__slot",
299
- onMouseenter: C(J, ["stop"]),
300
- onMouseleave: C(K, ["stop"]),
301
- onClick: C(Q, ["stop"]),
302
- ref: "refSlot"
303
- }, [
304
- D(V.$slots, "default", {}, void 0, !0)
305
- ], 544),
306
- n("div", {
307
- class: "adj-hint__hint",
308
- style: N({
309
- left: m.value + "px",
310
- top: h.value + "px",
311
- visibility: l.value ? "visible" : "hidden"
312
- }),
313
- ref: "refHint"
314
- }, [
315
- H(y(he, {
316
- html: V.html,
317
- horizontalPosition: P.value,
318
- verticalPosition: B.value,
319
- dark: V.dark,
320
- width: "252px"
321
- }, null, 8, ["html", "horizontalPosition", "verticalPosition", "dark"]), [
322
- [L, V.html !== ""]
323
- ])
324
- ], 4),
325
- y(be, {
326
- show: o.value,
327
- "onUpdate:show": U[0] || (U[0] = (ee) => o.value = ee),
328
- width: "430px"
329
- }, {
330
- default: A(() => [
331
- n("div", {
332
- class: "adj-hint__modal",
333
- innerHTML: V.html
334
- }, null, 8, $e)
335
- ]),
336
- _: 1
337
- }, 8, ["show"])
338
- ]));
339
- }
340
- }), ye = /* @__PURE__ */ j(Ce, [["__scopeId", "data-v-be48db98"]]), Ve = /* @__PURE__ */ g({
341
- __name: "AdjIcon",
342
- props: {
343
- iconName: {},
344
- size: { default: 24 },
345
- design: { default: "contrast" },
346
- tooltip: { default: "" },
347
- disabled: { type: Boolean, default: !1 },
348
- tooltipPosition: { default: "left" }
349
- },
350
- emits: ["click"],
351
- setup(r) {
352
- T((o) => ({
353
- "7fb84d06": l.value
354
- }));
355
- const e = r, l = O(() => e.size + "px");
356
- return (o, u) => (s(), i("div", {
357
- class: _(["adj-icon", {
358
- [`adj-icon_${o.design}`]: !0,
359
- "adj-icon_disabled": o.disabled
360
- }])
361
- }, [
362
- y(ye, {
363
- dark: !1,
364
- html: o.disabled ? "" : o.tooltip,
365
- horizontalPosition: o.tooltipPosition
366
- }, {
367
- default: A(() => [
368
- n("i", {
369
- class: _([o.iconName]),
370
- onClick: u[0] || (u[0] = (t) => o.$emit("click"))
371
- }, null, 2)
372
- ]),
373
- _: 1
374
- }, 8, ["html", "horizontalPosition"])
375
- ], 2));
376
- }
377
- }), it = /* @__PURE__ */ j(Ve, [["__scopeId", "data-v-5524b1e2"]]), Ae = {
378
- key: 0,
379
- class: "adj-icon-button__qty adj-text-12"
380
- }, Pe = /* @__PURE__ */ g({
381
- __name: "AdjIconButton",
382
- props: {
383
- iconName: {},
384
- qty: { default: 0 },
385
- size: { default: "medium" },
386
- design: { default: "white-back" },
387
- disabled: { type: Boolean, default: !1 }
388
- },
389
- emits: ["click"],
390
- setup(r) {
391
- return (e, l) => (s(), i("div", {
392
- class: _(["adj-icon-button", {
393
- [`adj-icon-button_${e.size}`]: !0,
394
- [`adj-icon-button_${e.design}`]: !0,
395
- "adj-icon-button_disabled": e.disabled
396
- }]),
397
- onClick: l[0] || (l[0] = (o) => e.$emit("click"))
398
- }, [
399
- n("i", {
400
- class: _(["adj-icon-button__icon", e.iconName])
401
- }, null, 2),
402
- e.qty > 0 ? (s(), i("div", Ae, k(e.qty), 1)) : w("", !0)
403
- ], 2));
404
- }
405
- }), nt = /* @__PURE__ */ j(Pe, [["__scopeId", "data-v-bd9a4816"]]), Ie = ["onClick"], Be = { class: "adj-radio__item_name adj-text-13" }, Me = /* @__PURE__ */ g({
406
- __name: "AdjRadio",
407
- props: {
408
- namePosition: { default: "right" },
409
- items: { default: () => [] },
410
- modelValue: {},
411
- disabled: { type: Boolean, default: !1 }
412
- },
413
- emits: ["update:modelValue"],
414
- setup(r, { emit: e }) {
415
- const l = r, o = e;
416
- function u(t) {
417
- var c;
418
- t.id !== ((c = l.modelValue) == null ? void 0 : c.id) && o("update:modelValue", t);
419
- }
420
- return (t, c) => (s(), i("div", {
421
- class: _(["adj-radio", { "adj-radio_disabled": t.disabled }])
422
- }, [
423
- (s(!0), i(S, null, R(t.items, (p) => {
424
- var a;
425
- return s(), i("div", {
426
- key: p.id,
427
- class: _(["adj-radio__item", {
428
- active: ((a = t.modelValue) == null ? void 0 : a.id) === p.id,
429
- [`adj-radio__item_${t.namePosition}`]: !0
430
- }]),
431
- onClick: (f) => u(p)
432
- }, [
433
- n("div", {
434
- class: _(["adj-radio__item_button", { "adj-effect-overlay-small": !t.disabled }])
435
- }, null, 2),
436
- n("span", Be, k(p.name), 1)
437
- ], 10, Ie);
438
- }), 128))
439
- ], 2));
440
- }
441
- }), dt = /* @__PURE__ */ j(Me, [["__scopeId", "data-v-1291569e"]]), He = ["src"], Le = { class: "adj-input__text" }, ze = {
442
- key: 0,
443
- class: "adj-select-modern__items adj-effect-overlay-big"
444
- }, Se = ["onClick"], Re = ["src"], Te = { class: "adj-select-modern__item-text" }, Ee = /* @__PURE__ */ g({
445
- __name: "AdjSelectModern",
446
- props: {
447
- design: { default: "text" },
448
- position: { default: "right" },
449
- items: { default: () => [] },
450
- modelValue: {}
451
- },
452
- emits: ["update:modelValue"],
453
- setup(r, { emit: e }) {
454
- const l = r, o = e, u = z("refElement");
455
- Z(u, () => t.value = !1);
456
- const t = b(!1);
457
- function c(a) {
458
- var f;
459
- t.value = !1, a.id != ((f = l.modelValue) == null ? void 0 : f.id) && o("update:modelValue", a);
460
- }
461
- function p() {
462
- t.value = !t.value;
463
- }
464
- return (a, f) => {
465
- var d, v, m;
466
- return s(), i("div", {
467
- ref: "refElement",
468
- class: _(["adj-select-modern", "adj-text-14", a.position, `adj-select-modern_${a.design}`, { show: t.value }])
469
- }, [
470
- n("div", {
471
- class: "adj-input adj-text-14",
472
- onClick: f[0] || (f[0] = (h) => p())
473
- }, [
474
- a.design === "image" ? (s(), i("img", {
475
- key: 0,
476
- class: "adj-input__image",
477
- src: (d = a.modelValue) == null ? void 0 : d.image,
478
- alt: ""
479
- }, null, 8, He)) : a.design === "background" ? (s(), i("div", {
480
- key: 1,
481
- class: "adj-input__image",
482
- style: N({ background: (v = a.modelValue) == null ? void 0 : v.background })
483
- }, null, 4)) : w("", !0),
484
- n("span", Le, k((m = a.modelValue) == null ? void 0 : m.name), 1),
485
- f[1] || (f[1] = n("i", { class: "adj-input__icon icon-arrow-down" }, null, -1))
486
- ]),
487
- y(W, { name: "adj-fade" }, {
488
- default: A(() => [
489
- t.value ? (s(), i("div", ze, [
490
- y(G, { maxHeight: "384px" }, {
491
- default: A(() => [
492
- n("div", null, [
493
- (s(!0), i(S, null, R(a.items, (h) => (s(), i("div", {
494
- key: h.id,
495
- class: "adj-select-modern__item adj-text-14",
496
- onClick: C(($) => c(h), ["stop"])
497
- }, [
498
- a.design === "image" ? (s(), i("img", {
499
- key: 0,
500
- class: "adj-select-modern__item-image",
501
- src: h.image,
502
- alt: ""
503
- }, null, 8, Re)) : a.design === "background" ? (s(), i("div", {
504
- key: 1,
505
- class: "adj-select-modern__item-image",
506
- style: N({ background: h.background })
507
- }, null, 4)) : w("", !0),
508
- n("span", Te, k(h.name), 1)
509
- ], 8, Se))), 128))
510
- ])
511
- ]),
512
- _: 1
513
- })
514
- ])) : w("", !0)
515
- ]),
516
- _: 1
517
- })
518
- ], 2);
519
- };
520
- }
521
- }), ut = /* @__PURE__ */ j(Ee, [["__scopeId", "data-v-af0fc45c"]]), Fe = { class: "adj-skeleton-item" }, Ne = /* @__PURE__ */ g({
522
- __name: "AdjSkeletonItem",
523
- props: {
524
- width: { default: "100%" },
525
- height: { default: "unset" },
526
- aspectRatio: { default: "unset" },
527
- marginTop: { default: "0px" }
528
- },
529
- setup(r) {
530
- T((o) => ({
531
- "73b36252": o.width,
532
- "5f18ed58": o.marginTop,
533
- ac595bde: l.value,
534
- "3656db94": o.height
535
- }));
536
- const e = r, l = O(() => e.height !== "unset" ? "unset" : e.aspectRatio);
537
- return (o, u) => (s(), i("div", Fe));
538
- }
539
- }), We = /* @__PURE__ */ j(Ne, [["__scopeId", "data-v-c6820958"]]), De = { class: "adj-skeleton" }, Oe = /* @__PURE__ */ g({
540
- __name: "AdjSkeleton",
541
- props: {
542
- loaders: { default: () => [] },
543
- width: { default: "100%" },
544
- centered: { type: Boolean, default: !1 }
545
- },
546
- setup(r) {
547
- T((o) => ({
548
- c2e40cd4: l.value,
549
- "019b6ab8": o.width
550
- }));
551
- const e = r, l = O(() => e.centered ? "center" : "unset");
552
- return (o, u) => (s(), i("div", De, [
553
- (s(!0), i(S, null, R(o.loaders, (t) => (s(), te(We, {
554
- width: t.width,
555
- height: t.height,
556
- "aspect-ratio": t.aspectRatio,
557
- "margin-top": t.marginTop
558
- }, null, 8, ["width", "height", "aspect-ratio", "margin-top"]))), 256))
559
- ]));
560
- }
561
- }), rt = /* @__PURE__ */ j(Oe, [["__scopeId", "data-v-080d9f14"]]), Ue = {}, qe = {
562
- viewBox: "0 0 34 34",
563
- fill: "none",
564
- xmlns: "http://www.w3.org/2000/svg"
565
- };
566
- function Ze(r, e) {
567
- return s(), i("svg", qe, e[0] || (e[0] = [
568
- n("circle", {
569
- cx: "17",
570
- cy: "17",
571
- r: "16.5"
572
- }, null, -1),
573
- n("path", { d: "M22.7034 12.9285C22.6244 12.8488 22.5304 12.7856 22.4268 12.7424C22.3232 12.6993 22.2121 12.6771 22.0999 12.6771C21.9877 12.6771 21.8766 12.6993 21.773 12.7424C21.6694 12.7856 21.5754 12.8488 21.4964 12.9285L15.1639 19.2695L12.5034 16.6005C12.4213 16.5212 12.3245 16.4589 12.2184 16.4171C12.1122 16.3753 11.9989 16.3548 11.8849 16.3567C11.7708 16.3587 11.6583 16.3831 11.5536 16.4286C11.449 16.4741 11.3544 16.5397 11.2751 16.6217C11.1959 16.7038 11.1336 16.8006 11.0917 16.9068C11.0499 17.0129 11.0294 17.1262 11.0314 17.2403C11.0334 17.3543 11.0578 17.4669 11.1032 17.5715C11.1487 17.6761 11.2143 17.7707 11.2964 17.85L14.5604 21.114C14.6394 21.1937 14.7334 21.2569 14.837 21.3C14.9406 21.3432 15.0517 21.3654 15.1639 21.3654C15.2761 21.3654 15.3872 21.3432 15.4908 21.3C15.5944 21.2569 15.6884 21.1937 15.7674 21.114L22.7034 14.178C22.7897 14.0984 22.8585 14.0018 22.9056 13.8943C22.9527 13.7867 22.977 13.6706 22.977 13.5532C22.977 13.4359 22.9527 13.3197 22.9056 13.2122C22.8585 13.1047 22.7897 13.0081 22.7034 12.9285Z" }, null, -1)
574
- ]));
575
- }
576
- const ct = /* @__PURE__ */ j(Ue, [["render", Ze], ["__scopeId", "data-v-f04662e9"]]), Ge = { class: "adj-tabs" }, Je = { class: "adj-tabs-wrapper" }, Ke = ["onClick"], Qe = { key: 0 }, Xe = /* @__PURE__ */ g({
577
- __name: "AdjTabs",
578
- props: {
579
- items: { default: () => [] },
580
- modelValue: {}
581
- },
582
- emits: ["update:modelValue"],
583
- setup(r, { emit: e }) {
584
- const l = r, o = e;
585
- function u(t) {
586
- var c;
587
- !t.disabled && t.id !== ((c = l.modelValue) == null ? void 0 : c.id) && o("update:modelValue", t);
588
- }
589
- return (t, c) => (s(), i("div", Ge, [
590
- n("div", Je, [
591
- (s(!0), i(S, null, R(t.items, (p) => {
592
- var a;
593
- return s(), i("div", {
594
- key: p.name,
595
- class: _(["adj-tabs__item", { active: p.id == ((a = t.modelValue) == null ? void 0 : a.id), disabled: p.disabled }]),
596
- onClick: (f) => u(p)
597
- }, [
598
- n("p", null, k(p.name), 1),
599
- p.number ? (s(), i("span", Qe, k(p.number), 1)) : w("", !0)
600
- ], 10, Ke);
601
- }), 128))
602
- ])
603
- ]));
604
- }
605
- }), pt = /* @__PURE__ */ j(Xe, [["__scopeId", "data-v-fcf34a9c"]]), Ye = { class: "adj-upload-file__main" }, xe = { class: "adj-text-14" }, et = /* @__PURE__ */ g({
606
- __name: "AdjUploadFile",
607
- props: {
608
- text: {},
609
- modelValue: {},
610
- width: { default: 500 },
611
- height: { default: 430 }
612
- },
613
- emits: ["update:modelValue"],
614
- setup(r, { emit: e }) {
615
- const l = r, o = e, u = z("refFileInput"), t = b(!1);
616
- function c() {
617
- var d;
618
- t.value || (d = u.value) == null || d.click();
619
- }
620
- async function p(d) {
621
- return new Promise((v, m) => {
622
- const h = new FileReader();
623
- h.readAsDataURL(d), h.onload = () => v(h.result), h.onerror = ($) => m($);
624
- });
625
- }
626
- async function a(d) {
627
- if (!d)
628
- return {
629
- url: ""
630
- };
631
- const m = await (await fetch("https://api.adjutant.ru/constructor-new/upload-image", {
632
- method: "POST",
633
- headers: { "Content-Type": "application/json;charset=utf-8" },
634
- body: JSON.stringify({
635
- id: Date.now(),
636
- key: "fvk34lkjf03fd93j9dfsaf0d",
637
- lang: "ru",
638
- testMode: !0,
639
- params: d
640
- })
641
- })).json();
642
- return {
643
- url: `${m == null ? void 0 : m.result}`
644
- // urlFull: `https://api.adjutant.ru/tmp/upload/constructorzakaz/${responseJson?.result}`,
645
- };
646
- }
647
- async function f(d) {
648
- var I;
649
- if (!(d.files && ((I = d == null ? void 0 : d.files) == null ? void 0 : I.length) > 0))
650
- return;
651
- t.value = !0;
652
- const v = d == null ? void 0 : d.files[0];
653
- let m = v.type;
654
- m === "image/svg+xml" && (m = "image/svg");
655
- const h = await p(v), $ = await a({
656
- type: m,
657
- data: h,
658
- width: l.width,
659
- height: l.height
660
- });
661
- o("update:modelValue", { ...l.modelValue, ...$ }), t.value = !1;
662
- }
663
- return (d, v) => (s(), i("div", {
664
- class: _(["adj-upload-file", { "adj-upload-file_loading": t.value }]),
665
- onClick: c
666
- }, [
667
- n("div", Ye, [
668
- v[2] || (v[2] = n("i", { class: "icon-arrow-circle-up" }, null, -1)),
669
- n("span", xe, k(d.modelValue.url || d.text), 1)
670
- ]),
671
- H(n("i", {
672
- class: "icon-close",
673
- onClick: v[0] || (v[0] = C((m) => d.$emit("update:modelValue", { url: "" }), ["stop"]))
674
- }, null, 512), [
675
- [L, d.modelValue.url]
676
- ]),
677
- n("input", {
678
- id: "file",
679
- ref: "refFileInput",
680
- type: "file",
681
- hidden: "hidden",
682
- onInput: v[1] || (v[1] = (m) => f(m.target))
683
- }, null, 544)
684
- ], 2));
685
- }
686
- }), ft = /* @__PURE__ */ j(et, [["__scopeId", "data-v-a4227077"]]);
687
- export {
688
- he as A,
689
- j as _,
690
- G as a,
691
- lt as b,
692
- ot as c,
693
- st as d,
694
- ye as e,
695
- it as f,
696
- nt as g,
697
- be as h,
698
- dt as i,
699
- ut as j,
700
- rt as k,
701
- We as l,
702
- ct as m,
703
- pt as n,
704
- ft as o
705
- };