@nexxtmove/ui 0.1.16 → 0.1.18
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/index.d.ts +11 -3
- package/dist/index.js +282 -276
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -174,17 +174,24 @@ declare interface NexxtSocialIconsProps {
|
|
|
174
174
|
tiktok?: boolean;
|
|
175
175
|
}
|
|
176
176
|
|
|
177
|
-
export declare const NexxtSocialMediaTemplate: DefineComponent<NexxtSocialMediaTemplateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
177
|
+
export declare const NexxtSocialMediaTemplate: DefineComponent<NexxtSocialMediaTemplateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
178
|
+
click: (...args: any[]) => void;
|
|
179
|
+
}, string, PublicProps, Readonly<NexxtSocialMediaTemplateProps> & Readonly<{
|
|
180
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
181
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
178
182
|
videoRef: HTMLVideoElement;
|
|
179
183
|
}, HTMLDivElement>;
|
|
180
184
|
|
|
181
185
|
declare interface NexxtSocialMediaTemplateProps {
|
|
182
|
-
variant: 'post' | 'video';
|
|
186
|
+
variant: 'post' | 'video' | 'slideshow';
|
|
183
187
|
media: string;
|
|
188
|
+
mediaType: 'image' | 'video';
|
|
184
189
|
name: string;
|
|
185
190
|
type: string;
|
|
191
|
+
mediaExtension?: string;
|
|
186
192
|
selected?: boolean;
|
|
187
193
|
muted?: boolean;
|
|
194
|
+
aspectRatio?: string;
|
|
188
195
|
}
|
|
189
196
|
|
|
190
197
|
export declare const NexxtSocialMediaType: DefineComponent<NexxtSocialMediaTypeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -194,7 +201,8 @@ onClick?: ((...args: any[]) => any) | undefined;
|
|
|
194
201
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
195
202
|
|
|
196
203
|
declare interface NexxtSocialMediaTypeProps {
|
|
197
|
-
variant: '
|
|
204
|
+
variant: 'post' | 'reel' | 'story';
|
|
205
|
+
label?: string;
|
|
198
206
|
chip?: string;
|
|
199
207
|
selected?: boolean;
|
|
200
208
|
icons?: SocialPlatform[];
|
package/dist/index.js
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as m, ref as N, computed as f, watch as H, createBlock as k, openBlock as a, TransitionGroup as E, withCtx as y, createElementBlock as s, Fragment as S, renderList as T, createVNode as p, Transition as Z, toDisplayString as g, normalizeClass as c, createCommentVNode as b, renderSlot as w, createElementVNode as l, createTextVNode as M, watchEffect as C, normalizeStyle as F, withKeys as $, withModifiers as B, createStaticVNode as z, mergeProps as I, resolveDynamicComponent as V, createSlots as A } from "vue";
|
|
2
|
+
const L = /* @__PURE__ */ m({
|
|
3
3
|
__name: "AnimatedNumber",
|
|
4
4
|
props: {
|
|
5
5
|
value: {},
|
|
6
6
|
duration: { default: 500 },
|
|
7
7
|
easing: { default: "ease-out" }
|
|
8
8
|
},
|
|
9
|
-
setup(
|
|
10
|
-
const
|
|
9
|
+
setup(e) {
|
|
10
|
+
const t = N("up"), n = f(() => String(e.value).split("")), i = f(() => `duration-${e.duration}`);
|
|
11
11
|
return H(
|
|
12
|
-
() =>
|
|
13
|
-
(
|
|
14
|
-
|
|
12
|
+
() => e.value,
|
|
13
|
+
(u, d) => {
|
|
14
|
+
t.value = u > d ? "up" : "down";
|
|
15
15
|
}
|
|
16
|
-
), (
|
|
16
|
+
), (u, d) => (a(), k(E, {
|
|
17
17
|
tag: "div",
|
|
18
18
|
class: "relative flex shrink-0 items-center tabular-nums",
|
|
19
|
-
"aria-label":
|
|
20
|
-
"enter-active-class": `transition-all ${
|
|
21
|
-
"leave-active-class": `absolute transition-all ${
|
|
22
|
-
"enter-from-class":
|
|
23
|
-
"leave-to-class":
|
|
19
|
+
"aria-label": e.value,
|
|
20
|
+
"enter-active-class": `transition-all ${i.value} ${e.easing}`,
|
|
21
|
+
"leave-active-class": `absolute transition-all ${i.value} ${e.easing}`,
|
|
22
|
+
"enter-from-class": t.value === "up" ? "translate-y-full opacity-0" : "-translate-y-full opacity-0",
|
|
23
|
+
"leave-to-class": t.value === "up" ? "-translate-y-full opacity-0" : "translate-y-full opacity-0",
|
|
24
24
|
"move-class": "transition-all duration-500 ease-in-out"
|
|
25
25
|
}, {
|
|
26
|
-
default:
|
|
27
|
-
(a(!0),
|
|
28
|
-
key:
|
|
26
|
+
default: y(() => [
|
|
27
|
+
(a(!0), s(S, null, T(n.value, (v, o) => (a(), s("div", {
|
|
28
|
+
key: o,
|
|
29
29
|
class: "relative inline-flex h-[1.5em] w-[1ch] items-center justify-center overflow-hidden",
|
|
30
30
|
"aria-hidden": "true"
|
|
31
31
|
}, [
|
|
32
|
-
|
|
33
|
-
"enter-active-class": `transition-transform ${
|
|
34
|
-
"leave-active-class": `absolute inset-0 transition-transform ${
|
|
35
|
-
"enter-from-class":
|
|
36
|
-
"leave-to-class":
|
|
32
|
+
p(Z, {
|
|
33
|
+
"enter-active-class": `transition-transform ${i.value} ${e.easing}`,
|
|
34
|
+
"leave-active-class": `absolute inset-0 transition-transform ${i.value} ${e.easing}`,
|
|
35
|
+
"enter-from-class": t.value === "up" ? "translate-y-full" : "-translate-y-full",
|
|
36
|
+
"leave-to-class": t.value === "up" ? "-translate-y-full" : "translate-y-full"
|
|
37
37
|
}, {
|
|
38
|
-
default:
|
|
39
|
-
(a(),
|
|
40
|
-
key:
|
|
38
|
+
default: y(() => [
|
|
39
|
+
(a(), s("span", {
|
|
40
|
+
key: v,
|
|
41
41
|
class: "flex h-full w-full items-center justify-center"
|
|
42
|
-
}, g(
|
|
42
|
+
}, g(v), 1))
|
|
43
43
|
]),
|
|
44
44
|
_: 2
|
|
45
45
|
}, 1032, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
|
|
@@ -48,22 +48,22 @@ const V = /* @__PURE__ */ p({
|
|
|
48
48
|
_: 1
|
|
49
49
|
}, 8, ["aria-label", "enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"]));
|
|
50
50
|
}
|
|
51
|
-
}),
|
|
51
|
+
}), x = /* @__PURE__ */ m({
|
|
52
52
|
name: "NexxtIcon",
|
|
53
53
|
__name: "Icon",
|
|
54
54
|
props: {
|
|
55
55
|
name: {},
|
|
56
56
|
type: { default: "light" }
|
|
57
57
|
},
|
|
58
|
-
setup(
|
|
59
|
-
return (
|
|
60
|
-
class:
|
|
58
|
+
setup(e) {
|
|
59
|
+
return (t, n) => (a(), s("i", {
|
|
60
|
+
class: c([`fa-${e.type}`, `fa-${e.name}`, "items-center", "justify-center"])
|
|
61
61
|
}, null, 2));
|
|
62
62
|
}
|
|
63
|
-
}),
|
|
63
|
+
}), P = ["type", "disabled", "data-variant"], R = {
|
|
64
64
|
key: 0,
|
|
65
|
-
class: /* @__PURE__ */
|
|
66
|
-
},
|
|
65
|
+
class: /* @__PURE__ */ c(["absolute inset-0 flex items-center justify-center rounded-lg"])
|
|
66
|
+
}, D = /* @__PURE__ */ m({
|
|
67
67
|
name: "NexxtButton",
|
|
68
68
|
__name: "Button",
|
|
69
69
|
props: {
|
|
@@ -74,36 +74,36 @@ const V = /* @__PURE__ */ p({
|
|
|
74
74
|
loading: { type: Boolean, default: !1 },
|
|
75
75
|
buttonType: { default: "button" }
|
|
76
76
|
},
|
|
77
|
-
setup(
|
|
78
|
-
return (
|
|
79
|
-
type:
|
|
80
|
-
disabled:
|
|
81
|
-
class:
|
|
77
|
+
setup(e) {
|
|
78
|
+
return (t, n) => (a(), s("button", {
|
|
79
|
+
type: e.buttonType,
|
|
80
|
+
disabled: e.disabled,
|
|
81
|
+
class: c([
|
|
82
82
|
"button relative flex h-10 cursor-pointer items-center justify-center overflow-hidden rounded-lg transition-colors duration-200 focus-visible:outline-3 disabled:cursor-not-allowed",
|
|
83
|
-
`button-${
|
|
84
|
-
|
|
85
|
-
!
|
|
86
|
-
|
|
83
|
+
`button-${e.variant}`,
|
|
84
|
+
t.$slots.default ?? "w-10",
|
|
85
|
+
!t.$slots.default && e.icon ? "aspect-square px-0" : "",
|
|
86
|
+
e.loading ? "pointer-events-none" : ""
|
|
87
87
|
]),
|
|
88
|
-
"data-variant":
|
|
88
|
+
"data-variant": e.variant
|
|
89
89
|
}, [
|
|
90
|
-
|
|
90
|
+
e.icon ? (a(), k(x, {
|
|
91
91
|
key: 0,
|
|
92
|
-
name:
|
|
93
|
-
class:
|
|
94
|
-
}, null, 8, ["name", "class"])) :
|
|
95
|
-
|
|
92
|
+
name: e.icon,
|
|
93
|
+
class: c(["transition-all duration-200", { "order-last": e.iconRight, "opacity-0": e.loading }])
|
|
94
|
+
}, null, 8, ["name", "class"])) : b("", !0),
|
|
95
|
+
t.$slots.default ? (a(), s("span", {
|
|
96
96
|
key: 1,
|
|
97
|
-
class:
|
|
97
|
+
class: c([
|
|
98
98
|
"inline-block transition-all duration-200",
|
|
99
|
-
{ "opacity-0":
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
{ "opacity-0": e.loading },
|
|
100
|
+
e.variant === "link" ? "body-link underline-offset-1" : "body-normal",
|
|
101
|
+
e.variant === "link" && !e.loading && !e.disabled ? "hover:underline-offset-2" : ""
|
|
102
102
|
])
|
|
103
103
|
}, [
|
|
104
|
-
|
|
105
|
-
], 2)) :
|
|
106
|
-
|
|
104
|
+
w(t.$slots, "default")
|
|
105
|
+
], 2)) : b("", !0),
|
|
106
|
+
p(Z, {
|
|
107
107
|
"enter-active-class": "transition-opacity duration-200",
|
|
108
108
|
"enter-from-class": "opacity-0",
|
|
109
109
|
"enter-to-class": "opacity-100",
|
|
@@ -111,28 +111,28 @@ const V = /* @__PURE__ */ p({
|
|
|
111
111
|
"leave-from-class": "opacity-100",
|
|
112
112
|
"leave-to-class": "opacity-0"
|
|
113
113
|
}, {
|
|
114
|
-
default:
|
|
115
|
-
|
|
116
|
-
|
|
114
|
+
default: y(() => [
|
|
115
|
+
e.loading ? (a(), s("div", R, [
|
|
116
|
+
p(x, {
|
|
117
117
|
name: "spinner-third",
|
|
118
118
|
type: "light",
|
|
119
119
|
class: "fa-spin absolute text-sm"
|
|
120
120
|
})
|
|
121
|
-
])) :
|
|
121
|
+
])) : b("", !0)
|
|
122
122
|
]),
|
|
123
123
|
_: 1
|
|
124
124
|
})
|
|
125
|
-
], 10,
|
|
125
|
+
], 10, P));
|
|
126
126
|
}
|
|
127
|
-
}), q = { class: "justify-start text-center extra-small-semibold text-white" },
|
|
127
|
+
}), q = { class: "justify-start text-center extra-small-semibold text-white" }, K = /* @__PURE__ */ m({
|
|
128
128
|
name: "NexxtChip",
|
|
129
129
|
__name: "Chip",
|
|
130
130
|
props: {
|
|
131
131
|
variant: { default: "default" }
|
|
132
132
|
},
|
|
133
|
-
setup(
|
|
134
|
-
const
|
|
135
|
-
switch (
|
|
133
|
+
setup(e) {
|
|
134
|
+
const t = f(() => {
|
|
135
|
+
switch (e.variant) {
|
|
136
136
|
case "warning":
|
|
137
137
|
return "bg-orange-500";
|
|
138
138
|
case "success":
|
|
@@ -143,20 +143,20 @@ const V = /* @__PURE__ */ p({
|
|
|
143
143
|
return "bg-cornflower-blue-600";
|
|
144
144
|
}
|
|
145
145
|
});
|
|
146
|
-
return (n,
|
|
147
|
-
class:
|
|
146
|
+
return (n, i) => (a(), s("span", {
|
|
147
|
+
class: c(["inline-flex h-5 flex-col items-center justify-center gap-2.5 rounded-[200px] px-4", t.value])
|
|
148
148
|
}, [
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
149
|
+
l("span", q, [
|
|
150
|
+
w(n.$slots, "default", {}, () => [
|
|
151
|
+
i[0] || (i[0] = M("Chip", -1))
|
|
152
152
|
])
|
|
153
153
|
])
|
|
154
154
|
], 2));
|
|
155
155
|
}
|
|
156
|
-
}),
|
|
156
|
+
}), G = { class: "flex max-w-full items-center justify-start gap-4" }, U = { class: "block truncate heading-4 text-sapphire-500" }, W = {
|
|
157
157
|
key: 0,
|
|
158
158
|
class: "col-span-1 col-start-2 flex justify-center"
|
|
159
|
-
}, X = /* @__PURE__ */
|
|
159
|
+
}, X = /* @__PURE__ */ m({
|
|
160
160
|
name: "NexxtHeader",
|
|
161
161
|
__name: "Header",
|
|
162
162
|
props: {
|
|
@@ -166,32 +166,32 @@ const V = /* @__PURE__ */ p({
|
|
|
166
166
|
window.history.back();
|
|
167
167
|
} }
|
|
168
168
|
},
|
|
169
|
-
setup(
|
|
170
|
-
return (
|
|
171
|
-
class:
|
|
169
|
+
setup(e) {
|
|
170
|
+
return (t, n) => (a(), s("div", {
|
|
171
|
+
class: c(["header flex items-center", t.$slots.center ? "grid grid-cols-3" : ""])
|
|
172
172
|
}, [
|
|
173
|
-
|
|
174
|
-
|
|
173
|
+
l("div", G, [
|
|
174
|
+
p(D, {
|
|
175
175
|
class: "shrink-0",
|
|
176
176
|
variant: "secondary",
|
|
177
|
-
onClick:
|
|
177
|
+
onClick: e.backButtonAction
|
|
178
178
|
}, {
|
|
179
|
-
default:
|
|
180
|
-
|
|
179
|
+
default: y(() => [
|
|
180
|
+
M(g(e.backButtonText), 1)
|
|
181
181
|
]),
|
|
182
182
|
_: 1
|
|
183
183
|
}, 8, ["onClick"]),
|
|
184
|
-
|
|
184
|
+
l("span", U, g(e.title), 1)
|
|
185
185
|
]),
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
])) :
|
|
189
|
-
|
|
186
|
+
t.$slots.center ? (a(), s("div", W, [
|
|
187
|
+
w(t.$slots, "center")
|
|
188
|
+
])) : b("", !0),
|
|
189
|
+
t.$slots.right ? (a(), s("div", {
|
|
190
190
|
key: 1,
|
|
191
|
-
class:
|
|
191
|
+
class: c(t.$slots.center ? "col-span-1 col-start-3 flex justify-end" : "ml-auto")
|
|
192
192
|
}, [
|
|
193
|
-
|
|
194
|
-
], 2)) :
|
|
193
|
+
w(t.$slots, "right")
|
|
194
|
+
], 2)) : b("", !0)
|
|
195
195
|
], 2));
|
|
196
196
|
}
|
|
197
197
|
}), Y = {
|
|
@@ -200,37 +200,37 @@ const V = /* @__PURE__ */ p({
|
|
|
200
200
|
}, J = {
|
|
201
201
|
class: "flex min-h-20 w-20 shrink-0 items-center justify-center rounded-l-xl bg-green-50",
|
|
202
202
|
"aria-hidden": "true"
|
|
203
|
-
}, O = { class: "flex aspect-square h-10 items-center justify-center rounded-full bg-green-500" }, Q = { class: "p-5" },
|
|
203
|
+
}, O = { class: "flex aspect-square h-10 items-center justify-center rounded-full bg-green-500" }, Q = { class: "p-5" }, C1 = /* @__PURE__ */ m({
|
|
204
204
|
name: "NexxtInfoBlock",
|
|
205
205
|
__name: "InfoBlock",
|
|
206
|
-
setup(
|
|
207
|
-
return (
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
206
|
+
setup(e) {
|
|
207
|
+
return (t, n) => (a(), s("div", Y, [
|
|
208
|
+
l("div", J, [
|
|
209
|
+
l("div", O, [
|
|
210
|
+
p(x, {
|
|
211
211
|
name: "thumbs-up",
|
|
212
212
|
size: "lg",
|
|
213
213
|
class: "text-white"
|
|
214
214
|
})
|
|
215
215
|
])
|
|
216
216
|
]),
|
|
217
|
-
|
|
218
|
-
n[1] || (n[1] =
|
|
219
|
-
|
|
220
|
-
n[0] || (n[0] =
|
|
217
|
+
l("div", Q, [
|
|
218
|
+
n[1] || (n[1] = l("span", { class: "mr-[0.7ch] body-semibold" }, "Tip!", -1)),
|
|
219
|
+
w(t.$slots, "default", {}, () => [
|
|
220
|
+
n[0] || (n[0] = l("span", null, "Koopwoningen doen het goed als post of reel: zo geef je de woning genoeg aandacht én vergroot je het bereik.", -1))
|
|
221
221
|
])
|
|
222
222
|
])
|
|
223
223
|
]));
|
|
224
224
|
}
|
|
225
|
-
}),
|
|
225
|
+
}), _ = { class: "@container" }, e1 = { class: "flex flex-col @md:gap-2" }, t1 = { class: "flex items-center justify-between gap-2" }, a1 = ["aria-label", "aria-valuenow", "aria-valuetext"], l1 = {
|
|
226
226
|
key: 0,
|
|
227
227
|
class: "flex items-center small-normal tabular-nums @md:hidden",
|
|
228
228
|
"aria-hidden": "true"
|
|
229
|
-
},
|
|
229
|
+
}, s1 = {
|
|
230
230
|
key: 0,
|
|
231
231
|
class: "flex justify-between @max-md:order-first @max-md:justify-center",
|
|
232
232
|
"aria-label": "Progress steps"
|
|
233
|
-
},
|
|
233
|
+
}, n1 = ["aria-current", "role", "tabindex", "aria-label", "onClick", "onKeydown"], i1 = /* @__PURE__ */ m({
|
|
234
234
|
name: "NexxtProgressBar",
|
|
235
235
|
__name: "ProgressBar",
|
|
236
236
|
props: {
|
|
@@ -240,60 +240,60 @@ const V = /* @__PURE__ */ p({
|
|
|
240
240
|
stepTitles: {}
|
|
241
241
|
},
|
|
242
242
|
emits: ["update:currentStep"],
|
|
243
|
-
setup(
|
|
244
|
-
const
|
|
245
|
-
return
|
|
246
|
-
|
|
247
|
-
`[NexxtProgressBar] The "stepTitles" array length (${
|
|
243
|
+
setup(e) {
|
|
244
|
+
const t = f(() => Math.min(Math.max(0, e.currentStep), Math.max(0, e.steps - 1))), n = f(() => e.steps > 0 ? t.value + 1 : 0), i = f(() => e.steps <= 1 ? e.steps === 1 ? 100 : 0 : t.value / (e.steps - 1) * 100), u = f(() => !!e.stepTitles?.length);
|
|
245
|
+
return C(() => {
|
|
246
|
+
e.stepTitles && e.stepTitles.length !== e.steps && console.warn(
|
|
247
|
+
`[NexxtProgressBar] The "stepTitles" array length (${e.stepTitles.length}) must match the "steps" prop (${e.steps}).`
|
|
248
248
|
);
|
|
249
|
-
}), (
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
249
|
+
}), (d, v) => (a(), s("div", _, [
|
|
250
|
+
l("div", e1, [
|
|
251
|
+
l("div", t1, [
|
|
252
|
+
l("div", {
|
|
253
253
|
class: "progress-bar progress-bar-bar h-2 w-full overflow-hidden rounded-full",
|
|
254
254
|
role: "progressbar",
|
|
255
|
-
"aria-label":
|
|
255
|
+
"aria-label": e.progressLabel,
|
|
256
256
|
"aria-valuemin": "0",
|
|
257
257
|
"aria-valuemax": "100",
|
|
258
|
-
"aria-valuenow": Math.round(
|
|
259
|
-
"aria-valuetext":
|
|
258
|
+
"aria-valuenow": Math.round(i.value),
|
|
259
|
+
"aria-valuetext": u.value && e.stepTitles?.[t.value] ? `Step ${n.value} of ${e.steps}: ${e.stepTitles[t.value]}` : `Step ${n.value} of ${e.steps}`
|
|
260
260
|
}, [
|
|
261
|
-
|
|
261
|
+
l("div", {
|
|
262
262
|
class: "progress-bar-progress h-full transition-all duration-500 ease-out",
|
|
263
|
-
style:
|
|
263
|
+
style: F({ width: `${i.value}%` }),
|
|
264
264
|
"aria-hidden": !0
|
|
265
265
|
}, null, 4)
|
|
266
|
-
], 8,
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
])) :
|
|
266
|
+
], 8, a1),
|
|
267
|
+
u.value ? (a(), s("div", l1, [
|
|
268
|
+
p(L, { value: n.value }, null, 8, ["value"]),
|
|
269
|
+
l("span", null, "/" + g(e.steps), 1)
|
|
270
|
+
])) : b("", !0)
|
|
271
271
|
]),
|
|
272
|
-
|
|
273
|
-
(a(!0),
|
|
274
|
-
key:
|
|
275
|
-
class:
|
|
276
|
-
|
|
277
|
-
|
|
272
|
+
u.value ? (a(), s("ol", s1, [
|
|
273
|
+
(a(!0), s(S, null, T(e.stepTitles, (o, r) => (a(), s("li", {
|
|
274
|
+
key: o,
|
|
275
|
+
class: c(["rounded-xs transition-colors duration-500 focus-visible:outline-3 @max-md:hidden @max-md:body-normal @min-md:small-normal", [
|
|
276
|
+
r === t.value ? "text-sapphire-500 @max-md:inline" : "",
|
|
277
|
+
r < t.value ? "cursor-pointer duration-200! hover:text-sapphire-400" : ""
|
|
278
278
|
]]),
|
|
279
|
-
"aria-current":
|
|
280
|
-
role:
|
|
281
|
-
tabindex:
|
|
282
|
-
"aria-label":
|
|
283
|
-
onClick: (
|
|
279
|
+
"aria-current": r === t.value ? "step" : void 0,
|
|
280
|
+
role: r < t.value ? "button" : void 0,
|
|
281
|
+
tabindex: r < t.value ? 0 : void 0,
|
|
282
|
+
"aria-label": r < t.value ? `Ga naar ${o}` : void 0,
|
|
283
|
+
onClick: (h) => r < t.value && d.$emit("update:currentStep", r),
|
|
284
284
|
onKeydown: [
|
|
285
|
-
|
|
286
|
-
|
|
285
|
+
$((h) => r < t.value && d.$emit("update:currentStep", r), ["enter"]),
|
|
286
|
+
$(B((h) => r < t.value && d.$emit("update:currentStep", r), ["prevent"]), ["space"])
|
|
287
287
|
]
|
|
288
|
-
}, g(
|
|
289
|
-
])) :
|
|
288
|
+
}, g(o), 43, n1))), 128))
|
|
289
|
+
])) : b("", !0)
|
|
290
290
|
])
|
|
291
291
|
]));
|
|
292
292
|
}
|
|
293
|
-
}),
|
|
293
|
+
}), o1 = {
|
|
294
294
|
class: "m-0 inline-flex list-none items-start justify-start gap-0.5 p-0",
|
|
295
295
|
"aria-label": "Sociale media kanalen"
|
|
296
|
-
},
|
|
296
|
+
}, r1 = ["aria-label"], c1 = /* @__PURE__ */ m({
|
|
297
297
|
name: "NexxtSocialIcons",
|
|
298
298
|
__name: "SocialIcons",
|
|
299
299
|
props: {
|
|
@@ -304,181 +304,186 @@ const V = /* @__PURE__ */ p({
|
|
|
304
304
|
google: { type: Boolean },
|
|
305
305
|
tiktok: { type: Boolean }
|
|
306
306
|
},
|
|
307
|
-
setup(
|
|
308
|
-
const
|
|
307
|
+
setup(e) {
|
|
308
|
+
const t = e, n = [
|
|
309
309
|
{ name: "facebook", label: "Facebook", icon: "facebook-f" },
|
|
310
310
|
{ name: "instagram", label: "Instagram", icon: "instagram" },
|
|
311
311
|
{ name: "linkedin", label: "LinkedIn", icon: "linkedin-in" },
|
|
312
312
|
{ name: "x", label: "X (voorheen Twitter)", icon: "x-twitter" },
|
|
313
313
|
{ name: "google", label: "Google", icon: "google" },
|
|
314
314
|
{ name: "tiktok", label: "TikTok", icon: "tiktok" }
|
|
315
|
-
],
|
|
315
|
+
], i = {
|
|
316
316
|
facebook: "bg-brands-facebook",
|
|
317
317
|
instagram: "bg-brands-instagram",
|
|
318
318
|
linkedin: "bg-brands-linkedin",
|
|
319
319
|
x: "bg-brands-x",
|
|
320
320
|
google: "bg-brands-google",
|
|
321
321
|
tiktok: "bg-brands-tiktok"
|
|
322
|
-
},
|
|
323
|
-
() => n.filter((
|
|
322
|
+
}, u = f(
|
|
323
|
+
() => n.filter((d) => t[d.name])
|
|
324
324
|
);
|
|
325
|
-
return (
|
|
326
|
-
(a(!0),
|
|
327
|
-
key:
|
|
328
|
-
class:
|
|
329
|
-
"aria-label":
|
|
325
|
+
return (d, v) => (a(), s("ul", o1, [
|
|
326
|
+
(a(!0), s(S, null, T(u.value, (o) => (a(), s("li", {
|
|
327
|
+
key: o.name,
|
|
328
|
+
class: c(["inline-flex h-5 w-5 items-center justify-center rounded-full outline-1 outline-white", i[o.name]]),
|
|
329
|
+
"aria-label": o.label
|
|
330
330
|
}, [
|
|
331
|
-
|
|
332
|
-
name:
|
|
331
|
+
p(x, {
|
|
332
|
+
name: o.icon,
|
|
333
333
|
type: "brands",
|
|
334
334
|
class: "text-[10px] text-white",
|
|
335
335
|
"aria-hidden": "true"
|
|
336
336
|
}, null, 8, ["name"])
|
|
337
|
-
], 10,
|
|
337
|
+
], 10, r1))), 128))
|
|
338
338
|
]));
|
|
339
339
|
}
|
|
340
|
-
}),
|
|
340
|
+
}), d1 = ["aria-pressed"], u1 = {
|
|
341
341
|
key: 0,
|
|
342
342
|
class: "col-start-1 row-span-2 row-start-1"
|
|
343
|
-
},
|
|
343
|
+
}, f1 = ["srcset"], h1 = ["src"], p1 = ["muted"], m1 = ["src", "type"], v1 = { class: "flex aspect-square items-center justify-center rounded-full bg-cornflower-blue-500 px-2" }, b1 = { class: "goup-hover:opacity-0 z-20 col-start-1 row-start-2 flex items-center bg-social-media-template-info-bg px-5 pt-2.5 pb-3.5 text-white transition-all duration-300 ease-out group-hover:translate-y-full" }, g1 = { class: "heading-4" }, y1 = { class: "extra-small" }, F1 = /* @__PURE__ */ m({
|
|
344
344
|
name: "NexxtSocialMediaTemplate",
|
|
345
345
|
__name: "SocialMediaTemplate",
|
|
346
346
|
props: {
|
|
347
347
|
variant: {},
|
|
348
348
|
media: {},
|
|
349
|
+
mediaType: {},
|
|
349
350
|
name: {},
|
|
350
351
|
type: {},
|
|
352
|
+
mediaExtension: {},
|
|
351
353
|
selected: { type: Boolean },
|
|
352
|
-
muted: { type: Boolean }
|
|
354
|
+
muted: { type: Boolean },
|
|
355
|
+
aspectRatio: {}
|
|
353
356
|
},
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
357
|
+
emits: ["click"],
|
|
358
|
+
setup(e, { emit: t }) {
|
|
359
|
+
const n = t, i = N(null), u = f(() => e.mediaType !== "video" ? void 0 : {
|
|
360
|
+
mp4: "video/mp4",
|
|
361
|
+
webm: "video/webm",
|
|
362
|
+
ogg: "video/ogg",
|
|
363
|
+
mov: "video/quicktime",
|
|
364
|
+
avi: "video/x-msvideo",
|
|
365
|
+
mkv: "video/x-matroska"
|
|
366
|
+
}[e.mediaExtension || ""] || "video/mp4"), d = f(() => e.aspectRatio ? e.aspectRatio.startsWith("aspect-") ? e.aspectRatio.replace(":", "/") : `aspect-${e.aspectRatio.replace(":", "/")}` : e.mediaType === "video" ? "aspect-9/16" : ""), v = () => {
|
|
367
|
+
i.value && i.value.play();
|
|
368
|
+
}, o = () => {
|
|
369
|
+
i.value && i.value.pause();
|
|
362
370
|
};
|
|
363
|
-
return (r,
|
|
364
|
-
class:
|
|
365
|
-
|
|
366
|
-
|
|
371
|
+
return (r, h) => (a(), s("div", {
|
|
372
|
+
class: c(["group grid w-64 cursor-pointer grid-cols-1 grid-rows-[1fr_auto] overflow-hidden rounded-3xl outline-1 -outline-offset-1 transition-all focus-visible:outline-2 focus-visible:outline-cornflower-blue-600", [
|
|
373
|
+
e.variant !== "post" ? d.value : "h-80",
|
|
374
|
+
e.selected ? "outline-cornflower-blue-500" : "outline-gray-200"
|
|
375
|
+
]]),
|
|
376
|
+
role: "button",
|
|
377
|
+
tabindex: "0",
|
|
378
|
+
"aria-pressed": e.selected,
|
|
379
|
+
onMouseenter: v,
|
|
380
|
+
onMouseleave: o,
|
|
381
|
+
onFocus: v,
|
|
382
|
+
onBlur: o,
|
|
383
|
+
onClick: h[0] || (h[0] = (j) => n("click")),
|
|
384
|
+
onKeydown: [
|
|
385
|
+
h[1] || (h[1] = $(B((j) => n("click"), ["prevent"]), ["enter"])),
|
|
386
|
+
h[2] || (h[2] = $(B((j) => n("click"), ["prevent"]), ["space"]))
|
|
387
|
+
]
|
|
367
388
|
}, [
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
src:
|
|
389
|
+
e.mediaType === "image" ? (a(), s("picture", u1, [
|
|
390
|
+
l("source", { srcset: e.media }, null, 8, f1),
|
|
391
|
+
l("img", {
|
|
392
|
+
src: e.media,
|
|
372
393
|
alt: "Media content",
|
|
373
394
|
class: "h-full w-full object-cover object-center"
|
|
374
395
|
}, null, 8, h1)
|
|
375
|
-
])) : (a(),
|
|
396
|
+
])) : (a(), s("video", {
|
|
376
397
|
key: 1,
|
|
377
398
|
ref_key: "videoRef",
|
|
378
|
-
ref:
|
|
379
|
-
muted:
|
|
399
|
+
ref: i,
|
|
400
|
+
muted: e.muted,
|
|
380
401
|
loop: "true",
|
|
381
402
|
class: "col-start-1 row-span-2 row-start-1 h-full w-full object-cover"
|
|
382
403
|
}, [
|
|
383
|
-
|
|
384
|
-
src:
|
|
385
|
-
type:
|
|
386
|
-
}, null, 8,
|
|
387
|
-
|
|
388
|
-
], 8,
|
|
389
|
-
|
|
390
|
-
class:
|
|
404
|
+
l("source", {
|
|
405
|
+
src: e.media,
|
|
406
|
+
type: u.value
|
|
407
|
+
}, null, 8, m1),
|
|
408
|
+
h[3] || (h[3] = M(" Your browser does not support the video tag. ", -1))
|
|
409
|
+
], 8, p1)),
|
|
410
|
+
l("div", {
|
|
411
|
+
class: c(["z-10 col-start-1 row-span-2 row-start-1 flex items-center justify-center bg-cornflower-blue-200/70 transition-opacity duration-300", e.selected ? "opacity-100" : "opacity-0"])
|
|
391
412
|
}, [
|
|
392
|
-
|
|
393
|
-
|
|
413
|
+
l("div", v1, [
|
|
414
|
+
p(x, {
|
|
394
415
|
name: "check",
|
|
395
416
|
class: "ml-auto block shrink-0 text-3xl text-white"
|
|
396
417
|
})
|
|
397
418
|
])
|
|
398
419
|
], 2),
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
420
|
+
l("div", b1, [
|
|
421
|
+
l("div", null, [
|
|
422
|
+
l("div", g1, g(e.name), 1),
|
|
423
|
+
l("div", y1, g(e.type), 1)
|
|
403
424
|
]),
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
})) : v("", !0)
|
|
425
|
+
p(x, {
|
|
426
|
+
name: e.variant === "post" ? "image" : e.variant === "video" ? "play-circle" : "images",
|
|
427
|
+
class: "mb-1 ml-auto block shrink-0 self-end text-lg"
|
|
428
|
+
}, null, 8, ["name"])
|
|
409
429
|
])
|
|
410
|
-
],
|
|
430
|
+
], 42, d1));
|
|
411
431
|
}
|
|
412
|
-
}),
|
|
432
|
+
}), x1 = {
|
|
413
433
|
xmlns: "http://www.w3.org/2000/svg",
|
|
414
434
|
viewBox: "0 0 394.727 791.624"
|
|
415
435
|
};
|
|
416
|
-
function
|
|
417
|
-
return a(),
|
|
418
|
-
|
|
436
|
+
function k1(e, t) {
|
|
437
|
+
return a(), s("svg", x1, [...t[0] || (t[0] = [
|
|
438
|
+
z('<path fill="#090814" d="M394.727 188.12h-4.353V68.962A68.963 68.963 0 0 0 321.412 0H68.963A68.963 68.963 0 0 0 0 68.962v653.7a68.963 68.963 0 0 0 68.962 68.962h252.45a68.963 68.963 0 0 0 68.963-68.963V272.937h4.352Z"></path><path fill="#fff" d="M324.203 17.943h-32.952a24.468 24.468 0 0 1-22.654 33.71H123.965a24.468 24.468 0 0 1-22.655-33.71H70.533a51.5 51.5 0 0 0-51.5 51.5v652.746a51.5 51.5 0 0 0 51.5 51.5h253.66a51.5 51.5 0 0 0 51.5-51.5V69.445a51.5 51.5 0 0 0-51.491-51.5Z"></path><path fill="#f2f2f2" d="M188.368 428.147c0 61.894-36.795 83.5-82.184 83.5S24 490.036 24 428.147s82.184-140.633 82.184-140.633 82.184 78.739 82.184 140.633"></path><path fill="#e6e6e6" d="m103.192 502.185.842-51.8 35.028-64.084-34.9 55.958.378-23.292 24.142-46.364-24.042 40.2.681-41.891 25.85-36.911-25.739 30.326.425-76.812-2.673 101.686.22-4.2-26.284-40.227 25.862 48.284-2.449 46.784-.073-1.242-30.299-42.334 30.208 46.724-.306 5.85-.055.088.025.481-6.213 118.7h8.3l1-61.309 30.134-46.609Z"></path><path fill="#f2f2f2" d="M370.006 394.663c0 76.7-45.6 103.476-101.845 103.476s-101.845-26.781-101.845-103.476S268.16 220.385 268.16 220.385s101.846 97.576 101.846 174.278"></path><path fill="#e6e6e6" d="m264.454 486.413 1.043-64.193 43.408-79.415-43.249 69.346.468-28.864 29.917-57.456-29.793 49.817.844-51.913 32.034-45.742-31.9 37.581.527-95.188-3.309 126.013.273-5.2-32.572-49.855 32.049 59.835-3.035 57.977-.09-1.539-37.548-52.463 37.435 57.9-.379 7.25-.068.109.031.6-7.7 147.1h10.286l1.239-75.976 37.343-57.76Z"></path><g transform="translate(-737.609 -43.85)"><circle cx="20.597" cy="20.597" r="20.597" fill="#2f2e41" transform="translate(914.156 243.577)"></circle><path fill="#ed9da0" d="m1008.156 198.66 6.881-5.771a8.133 8.133 0 0 0 .607-11.9 8.133 8.133 0 0 0-13.407 2.7l-3.284 8.393-26.293 45.137-13.366 36.592 10.737 12.928 14.461-44.7ZM861.789 198.66l-6.881-5.771a8.133 8.133 0 0 1-.607-11.9 8.133 8.133 0 0 1 13.407 2.7l3.284 8.393 26.293 45.137 14.68 37.03-12.051 12.489-14.461-44.7Z"></path><circle cx="10.517" cy="10.517" r="10.517" fill="#090814" transform="translate(925.113 233.06)"></circle><path fill="#ed9da0" d="m936.505 572.683-9.422-.657.438-128.4 23.226 5.7Z"></path><path fill="#090814" d="M925.938 604.606a9.16 9.16 0 0 1-8.443-6.134c-2.049-6.021-.99-11.749 2.578-17.242l-1.166-8.161a9.08 9.08 0 0 1 2.137-7.241l6.041-6.947v8.764c4.422-3.867 7.148-4.007 10.956-.876l-3.511 17.966.856 9.844a9.23 9.23 0 0 1-9.453 10.027Z"></path><path fill="#ed9da0" d="m951.624 312.159-36.811-.876c5.216-5.07 12.686-24.512 11.394-30.237h17.967c-2.156 5.892 2.018 25.907 7.45 31.113"></path><path fill="#f59e0b" d="m961.264 379.646-50.834-14.9 1.753-21.911-4.381-22.344c.447-2.425-11.123-32.374-10.517-34.62 2.42-8.972 8.759-7.732 13.366-14.242.748-1.057 6.586 6.377 10.362 11.4.448.774.756 1.3.968 1.655a13.1 13.1 0 0 1 1.763 7.961v.048c-2.069 7.161 2.684 4.225 10.137 4.349 6.323.105 12.051 5.115 12.051-1.208q-.016-.539-.043-1.118a17.64 17.64 0 0 1 2.22-9.273 39 39 0 0 1 2.016-3.5c4.277-6.047 10.166-14.083 10.487-12.944 1.351 4.795 8.3 8.823 10.737 17.31.375 1.306-1.883 9.235-1.753 10.517.976 9.611-.876 14.9-1.753 22.349a188.8 188.8 0 0 0-6.579 60.471"></path><path fill="#090814" d="m954.254 454.58-28.923-8.764-.438-26.293-22.788-43.822 8.764-14.461 49.957 13.147c3.41 21.843-.347 49.942-6.572 80.193"></path><path fill="#2f2e41" d="M940.669 419.524h-15.777l-29.36-41.193 10.517-8.765Z"></path><path fill="#090814" d="M948.119 419.086h-26.214a31.05 31.05 0 0 1-17.447-5.332 27.71 27.71 0 0 1-8.926-35.423l52.587 2.629Z"></path><path fill="#ed9da0" d="m925.182 389.548-23.077-.7q-.13-.329-.246-.66c-3.069-8.741 1.546-18.243 10.085-21.836.86-.362 1.733-.7 2.625-1a13.784 13.784 0 0 1 18.326 12.774 35 35 0 0 1-.327 5.25 7.216 7.216 0 0 1-7.383 6.172Z"></path><path fill="#ed9da0" d="M912.622 459.839h-9.2l-1.315-74.5 25.856-.438Z"></path><path fill="#090814" d="M902.273 492.576a9.16 9.16 0 0 1-8.443-6.134c-2.049-6.021-.99-11.749 2.578-17.242l-1.166-8.161a9.08 9.08 0 0 1 2.137-7.241l6.041-6.947v8.764c4.422-3.867 7.148-4.007 10.956-.876l-3.506 17.967.856 9.844a9.23 9.23 0 0 1-9.453 10.027Z"></path><circle cx="17.967" cy="17.967" r="17.967" fill="#ed9da0" transform="translate(917.443 251.685)"></circle><path fill="#090814" d="M951.186 261.763c0 9.2-8.332-3.944-17.529-3.944s-15.776 13.141-15.776 3.944a16.652 16.652 0 0 1 33.3 0Z"></path></g><path fill="none" stroke="#090814" stroke-linecap="round" stroke-width="5" d="M65.5 141.199h288"></path><path fill="#f2f2f2" d="M375.246 571.411H19.367v-3.3H375.41Z"></path><path fill="#f59e0b" d="M140 72.699h48a8 8 0 0 1 0 16h-48a8 8 0 0 1 0-16"></path><path fill="#e6e6e6" d="M208 72.699h48a8 8 0 0 1 0 16h-48a8 8 0 0 1 0-16"></path><path fill="#090814" d="M57 626.699h98a8 8 0 0 1 0 16H57a8 8 0 0 1 0-16"></path><path fill="#f59e0b" d="M183 626.699a8 8 0 1 1-8 8 8 8 0 0 1 8-8"></path><path fill="#e6e6e6" d="M57 650.699h208a8 8 0 0 1 0 16H57a8 8 0 0 1 0-16M57 674.699h208a8 8 0 0 1 0 16H57a8 8 0 0 1 0-16"></path><path fill="#090814" d="M62.494 775.195a51.68 51.68 0 0 1-44.131-44.029v-10.971h358.049v8.514a51.65 51.65 0 0 1-44.406 46.486Z"></path><path fill="#f59e0b" d="M65.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5"></path><path fill="#3f3d56" d="M130.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5M196.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5M326.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5M261.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5"></path><path fill="#f59e0b" d="M328.5 666.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5"></path><path fill="#e6e6e6" d="M328.5 625.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5M328.5 584.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5"></path><path fill="#f59e0b" d="M329 409.699a24 24 0 1 1-24 24 24 24 0 0 1 24-24"></path><path fill="#fe6583" d="M329 445.699a12 12 0 1 1-12 12 12 12 0 0 1 12-12"></path><path fill="#f2f2f2" d="M328.093 462.887c-.454-1.085 0-4.34 0-4.34s-3.207.427-4.275 0-1.069-1.281 0-1.708 4.275 0 4.275 0-.454-3.247 0-4.329 1.362-1.082 1.815 0 0 4.329 0 4.329 3.207-.427 4.275 0 1.069 1.281 0 1.708-4.275 0-4.275 0 .454 3.255 0 4.34-1.361 1.085-1.815 0"></path>', 22)
|
|
419
439
|
])]);
|
|
420
440
|
}
|
|
421
|
-
const
|
|
441
|
+
const w1 = { render: k1 }, M1 = {
|
|
422
442
|
xmlns: "http://www.w3.org/2000/svg",
|
|
423
443
|
viewBox: "0 0 716.872 800.535"
|
|
424
444
|
};
|
|
425
|
-
function
|
|
426
|
-
return a(),
|
|
427
|
-
|
|
428
|
-
])]);
|
|
429
|
-
}
|
|
430
|
-
const w1 = { render: k1 }, $1 = {
|
|
431
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
432
|
-
fill: "none",
|
|
433
|
-
viewBox: "0 0 494 664"
|
|
434
|
-
};
|
|
435
|
-
function F1(t, e) {
|
|
436
|
-
return a(), l("svg", $1, [...e[0] || (e[0] = [
|
|
437
|
-
w('<g clip-path="url(#a)"><path fill="#3F3D56" d="M331.263 157.737h-3.648V57.826A57.825 57.825 0 0 0 269.79 0H58.114A57.826 57.826 0 0 0 .288 57.826v548.121a57.824 57.824 0 0 0 57.826 57.826h211.675a57.82 57.82 0 0 0 40.889-16.937 57.82 57.82 0 0 0 16.937-40.889V228.856h3.648z"></path><path fill="#fff" d="M315.309 58.23v547.32c0 .8-.02 1.59-.071 2.38a43.166 43.166 0 0 1-43.119 40.8H59.429a43.164 43.164 0 0 1-43.12-40.96q-.06-1.095-.06-2.22V58.23a43.186 43.186 0 0 1 43.18-43.19h25.81a20.52 20.52 0 0 0 18.99 28.27h121.27a20.52 20.52 0 0 0 20.402-18.429 20.5 20.5 0 0 0-1.413-9.841h27.631a43.193 43.193 0 0 1 43.19 43.19"></path><path fill="#F0F0F0" d="M311.381 471H20.17a3.864 3.864 0 0 1-3.86-3.858V109.869a3.863 3.863 0 0 1 3.86-3.859H311.38a3.86 3.86 0 0 1 3.859 3.859v357.273a3.864 3.864 0 0 1-3.859 3.858"></path><path fill="#fff" d="M290.008 130.94H42.138a3.863 3.863 0 0 0-3.86 3.86v258.15a3.86 3.86 0 0 0 3.86 3.85h247.87a3.861 3.861 0 0 0 3.861-3.85V134.8a3.864 3.864 0 0 0-3.861-3.86"></path><path fill="#D300C5" d="M37.839 93c5.522 0 10-4.477 10-10s-4.478-10-10-10-10 4.477-10 10 4.477 10 10 10"></path><path fill="#F0F0F0" d="M85.404 409.529c-17.076-27.502-11.192-62.637-8.318-94.881a433.1 433.1 0 0 0-11.46-144.223 111.2 111.2 0 0 1 26.908 56.249c2.819 17.455 1.426 35.412 4.619 52.802 6.847 37.288 34.421 70.917 30.154 108.588-.944 8.327-4.117 17.282-11.51 21.228-8.344 4.454-18.53.911-27.284-2.674"></path><path fill="#D300C5" d="M56.586 420.945a9.995 9.995 0 1 0-14.172 14.101l.034.034 14.138 14.136 14.138-14.136a9.995 9.995 0 0 0-14.138-14.135M100.586 420.945a9.996 9.996 0 1 0-14.172 14.101l.034.034 14.138 14.136 14.137-14.136a10 10 0 0 0-.019-14.118 9.997 9.997 0 0 0-14.118-.017M144.586 420.945a9.996 9.996 0 1 0-14.172 14.101l.034.034 14.138 14.136 14.137-14.136a10 10 0 0 0-.019-14.118 9.997 9.997 0 0 0-14.118-.017M222.307 90.842H81.292a7.716 7.716 0 1 1 0-15.432h141.015a7.71 7.71 0 0 1 7.137 4.761 7.72 7.72 0 0 1-1.675 8.414 7.73 7.73 0 0 1-5.462 2.257"></path><path fill="#F0F0F0" d="M311.379 538.01H20.169a3.863 3.863 0 0 0-3.86 3.86v65.9a43.164 43.164 0 0 0 43.12 40.96h212.69a43.17 43.17 0 0 0 43.119-40.8v-66.06a3.86 3.86 0 0 0-3.859-3.86"></path><path fill="#fff" d="M290.008 562.94H42.138a3.863 3.863 0 0 0-3.86 3.86v76.4a42.94 42.94 0 0 0 21.15 5.53H272.12a43 43 0 0 0 21.75-5.87V566.8a3.864 3.864 0 0 0-3.861-3.86"></path><path fill="#E4E4E4" d="M37.839 525c5.522 0 10-4.477 10-10s-4.478-10-10-10-10 4.477-10 10 4.477 10 10 10M222.307 522.842H81.292a7.7 7.7 0 0 1-5.462-2.257 7.7 7.7 0 0 1-2.263-5.459 7.72 7.72 0 0 1 7.725-7.716h141.015a7.7 7.7 0 0 1 5.462 2.257 7.72 7.72 0 0 1 2.263 5.459 7.72 7.72 0 0 1-2.263 5.459 7.701 7.701 0 0 1-5.462 2.257"></path><path fill="#F2F2F2" d="M142.598 648.73h-73.27c7.46-14.68 21.23-26.64 37.461-27.27 2.446-.091 4.894.09 7.3.54 1.009.18 2 .42 2.99.68a35.23 35.23 0 0 1 25.519 26.05M259.789 648.73h-99.49a144 144 0 0 0 3.89-13.9c4.469-19.31 9.02-40.99 25.509-51.97 9.181-6.12 20.351-7.12 30.94-4.42.321.08.651.17.971.27a51.43 51.43 0 0 1 30.02 22.55c8.43 14.14 10.31 30.96 8.16 47.47"></path><path fill="#fff" d="M118.109 636.94a77 77 0 0 1-1.05 11.79h-2.861a77.9 77.9 0 0 0-.109-26.73c1.009.18 2 .42 2.99.68a82 82 0 0 1 1.03 14.26M221.979 579.63a217.28 217.28 0 0 1-8.06 59.83q-1.29 4.65-2.79 9.27h-2.94c1.8-5.48 3.37-11.03 4.73-16.59a214.8 214.8 0 0 0 6.239-52.16 1.55 1.55 0 0 1 1.48-1.54c.347-.038.694.058.971.27a1.1 1.1 0 0 1 .37.92"></path><path fill="#F2F2F2" d="M274.792 598.066a6 6 0 1 0 0-12 6 6 0 0 0 0 12"></path><path fill="#D300C5" d="M130.973 160.198a6 6 0 1 0 0-12 6 6 0 0 0 0 12"></path><path fill="#E4E4E4" d="M241.973 195.198a6 6 0 1 0 0-12 6 6 0 0 0 0 12M238.973 317.198a6 6 0 1 0 0-12 6 6 0 0 0 0 12"></path><path fill="#3F3D56" d="m212.419 374.38-4.06-13a75 75 0 0 0-2.65-8.92c-4.58-13.84-14.64-41.75-26.491-70.91l-13.94-13.94-3.859-2.52-3.65-2.37-1.571 1.45-14.969 13.82-.11.91-9.78 83.12s-.03.23-.081.68c-.109.97-.339 2.95-.639 5.78-.57 5.32-1.49 14.61-2.401 26.32h90.571z"></path><path fill="#000" d="m148.236 315.262-3.801 23.715 25.722 10.61z" opacity=".2"></path><path fill="#2F2E41" d="M194.289 209.15a34.341 34.341 0 0 0-59.67 23.2v25.63a4.62 4.62 0 0 0 4.619 4.62h59.471a4.62 4.62 0 0 0 4.61-4.62v-25.63a34.28 34.28 0 0 0-9.03-23.2"></path><path fill="#FFB8B8" d="M175.537 261.051c13.908 0 25.183-11.274 25.183-25.183 0-13.908-11.275-25.183-25.183-25.183s-25.183 11.275-25.183 25.183c0 13.909 11.275 25.183 25.183 25.183"></path><path fill="#2F2E41" d="M194.289 209.15a26.9 26.9 0 0 0-10.01-1.92h-5.13a27.134 27.134 0 0 0-22.08 11.37c-.17.22-.32.45-.471.67a26.96 26.96 0 0 0-4.619 15.13v.51h10.83l3.7-10.35.74 10.35h5.599l1.861-5.22.37 5.22c11.71 4.328 23.86 4.051 36.369 0v-.51a27.196 27.196 0 0 0-17.159-25.25"></path><path fill="#2F2E41" d="M178.948 260.82a1.4 1.4 0 0 0-.079-.17c-3.39-6.46-7.64-16.35-7.881-25.74-.14-5.61 1.161-11.05 4.94-15.46l.721-.85h-29.31v44.01l8.859 1.56 5.221.92 12.549 2.22q.407.073.821.07a4.6 4.6 0 0 0 2.088-.503 4.6 4.6 0 0 0 1.631-1.397c.617-.83.928-1.847.88-2.88a4.3 4.3 0 0 0-.44-1.78"></path><path fill="#000" d="M131.95 360.864a46.26 46.26 0 0 0 55.527 11.223l5.481-2.712z" opacity=".2"></path><path fill="#A0616A" d="M415.953 436.692a11.838 11.838 0 0 1 14.454-10.983l15.656-22.064 15.729 6.244-22.547 30.847a11.902 11.902 0 0 1-23.292-4.044"></path><path fill="#3F3D56" d="m433.128 417.717 27.835-46.816-11.34-30.242 15.445-41.19.57.245c.373.16 9.15 4.076 10.451 18.101l17.75 55.785-47.373 61.457z"></path><path fill="#A0616A" d="M281.95 245.608a11.83 11.83 0 0 1 8.479 5.334 11.85 11.85 0 0 1 1.353 9.926l20.788 17.315-7.442 15.198-29.012-24.864a11.905 11.905 0 0 1-2.397-20.965 11.9 11.9 0 0 1 8.231-1.944"></path><path fill="#3F3D56" d="m299.54 264.198 44.523 31.372 31.029-8.969 39.872 18.584-.288.549c-.188.36-4.771 8.808-18.855 9.02l-56.991 13.384-57.609-51.982z"></path><path fill="#A0616A" d="m381.01 645.697-15.479-.001-7.364-59.703 22.845.001z"></path><path fill="#2F2E41" d="M349.799 641.274h34.527v18.795h-48.647v-4.676a14.12 14.12 0 0 1 14.12-14.119"></path><path fill="#A0616A" d="m442.874 645.697-15.478-.001-7.364-59.703 22.845.001z"></path><path fill="#2F2E41" d="M411.663 641.274h34.528v18.795h-48.647v-4.676a14.12 14.12 0 0 1 14.119-14.119M448.379 427.774l-1.262 88.379-1.263 116.154-27.776-2.525-13.888-160.344-17.675 160.344h-28.676l-2.888-161.606 10.1-35.351z"></path><path fill="#3F3D56" d="m362.283 433.364-4.232-.183 19.655-108.275-8.048-32.726a7.166 7.166 0 0 1 4.439-8.414l14.48-5.43 5.115-14.068 40.361 4.349.992 10.995c4.374 1.403 40.39 13.397 37.905 27.064-2.453 13.49-16.935 55.93-17.67 58.081l-2.537 60.866-.312.156c-.375.187-28.194 13.866-58.416 13.864-10.643-.001-21.59-1.698-31.732-6.279"></path><path fill="#A0616A" d="M437.789 242.186c7.698-14.083 2.523-31.74-11.56-39.438s-31.739-2.522-39.437 11.56-2.522 31.739 11.56 39.437 31.739 2.523 39.437-11.559"></path><path fill="#2F2E41" d="M435.829 256.377c-5.538 5.9-15.823 2.733-16.545-5.326a9.8 9.8 0 0 1 .013-1.881c.372-3.57 2.435-6.811 1.941-10.58a5.55 5.55 0 0 0-1.016-2.597c-4.413-5.91-14.773 2.643-18.937-2.707-2.554-3.28.448-8.445-1.512-12.111-2.587-4.839-10.248-2.452-15.053-5.102-5.345-2.949-5.026-11.15-1.507-16.139 4.292-6.084 11.816-9.331 19.246-9.798 7.431-.468 14.81 1.54 21.747 4.244 7.882 3.071 15.698 7.316 20.548 14.247 5.899 8.428 6.466 19.759 3.516 29.614-1.794 5.996-7.919 13.319-12.441 18.136"></path><path fill="#D300C5" d="M225.006 372.041h-15.573a2.003 2.003 0 0 1-2-1.814l-3.118-31.952h25.809l-3.117 31.951a2.004 2.004 0 0 1-2.001 1.815"></path><path fill="#3F3D56" d="M230.083 342.295h-25.726a2.01 2.01 0 0 1-2.01-2.01v-4.824a2.015 2.015 0 0 1 2.01-2.01h25.726a2.01 2.01 0 0 1 2.01 2.01v4.824a2.015 2.015 0 0 1-2.01 2.01"></path><path fill="#FFB8B8" d="M219.581 355.067a11.55 11.55 0 0 0-8.982-3.868 11.55 11.55 0 0 0-8.731 4.403l-25.427-7.139-8.107 14.394 36.05 9.576a11.617 11.617 0 0 0 18.187-9.671 11.62 11.62 0 0 0-2.99-7.695"></path><path fill="#3F3D56" d="m178.238 347.26-12.069-7.69-3.44-1.62-15.551-7.33c.46-1.58 1.781-6.3 3.031-12.28 2.92-13.99 5.41-34.88-4.64-38.54a14.1 14.1 0 0 0-4.45-.9 11.64 11.64 0 0 0-5.86 1.34c-7.53 3.93-10.52 14.99-10.63 15.4l-9.31 25.55c-.86 1.18-9.71 13.44-8.28 22.52a9.53 9.53 0 0 0 4 6.52 172 172 0 0 0 20.22 12.47 114 114 0 0 0 4.78 2.33c8.72 3.98 16.409 6.01 22.869 6.01a25.5 25.5 0 0 0 6.27-.73l25.091-.57.159-.72.06-.28 3.331-15.4.94-4.36z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h494v664H0z"></path></clipPath></defs>', 2)
|
|
445
|
+
function $1(e, t) {
|
|
446
|
+
return a(), s("svg", M1, [...t[0] || (t[0] = [
|
|
447
|
+
z('<path fill="#ed9da0" d="M118.9 79.849a68.781 68.781 0 1 1 89.387 65.637l-13.3 87.874-67.779-56.487s14.643-18.652 22.5-39.683a68.7 68.7 0 0 1-30.8-57.341ZM14.072 592.752l17.049-120.7 36.779 24.27L43.968 598.63c4.422 6.371 6.331 15.182 4.537 24.3-3.138 15.961-16.39 26.794-29.6 24.2S-2.467 629.49.671 613.529c1.794-9.122 6.9-16.554 13.4-20.777Z"></path><path fill="#e09093" d="m351.03 583.309-17.049-120.7-36.782 24.273 23.935 102.3c-4.422 6.371-6.331 15.182-4.537 24.3 3.138 15.961 16.39 26.794 29.6 24.2s21.373-17.641 18.235-33.6c-1.794-9.122-6.9-16.554-13.4-20.777Z"></path><path fill="#e6e6e6" d="m207.009 161.502-80.27 11.8v21.407s-68.466-11.963-77.909 47.059v146.379L15.779 534.519l42.5 9.443 53.12-155.819 20.4 19.319h106.24l25.47-19.315 33.212 132.21L346.3 501.47l-25.691-122.766s11.529-153.458-42.772-177.067-54.3-16.526-54.3-16.526z"></path><path fill="#090814" d="m131.462 407.035-9.444 25.97S51.192 501.47 65.357 678.537l231.367-7.083s33.052-188.871-44.857-243.171l-14.184-21.248zM96.816 170.219s3.212 24.368 32.969 25.164L190.148 197S139.121 72.815 160.102 86.805s76.934-44.661 76.934-44.661l16.509 30.963s39.442-14.283-4.27-49.258c0 0-52.155-40.322-107.524-16.109S96.816 170.219 96.816 170.219"></path><path fill="#fff" d="m535.34 799.472-329.553-90.5a14.737 14.737 0 0 1-10.3-18.093L357.866 99.601a14.737 14.737 0 0 1 18.093-10.3l329.554 90.5a14.737 14.737 0 0 1 10.3 18.093l-162.38 591.281a14.737 14.737 0 0 1-18.093 10.3Z"></path><path fill="none" stroke="#2f2e41" stroke-miterlimit="10" d="m535.34 799.472-329.553-90.5a14.737 14.737 0 0 1-10.3-18.093L357.866 99.601a14.737 14.737 0 0 1 18.093-10.3l329.554 90.5a14.737 14.737 0 0 1 10.3 18.093l-162.38 591.281a14.737 14.737 0 0 1-18.093 10.3Z"></path><path fill="#6899FC" d="m561.191 577.54-270.7-74.339a16.654 16.654 0 0 1-11.637-20.446l61.655-224.509a16.654 16.654 0 0 1 20.447-11.635l270.7 74.339a16.65 16.65 0 0 1 11.634 20.445l-61.654 224.51a16.65 16.65 0 0 1-20.445 11.635"></path><path fill="#d6d6e3" d="m441.72 224.644-73.547-20.2a7.11 7.11 0 0 1-4.968-8.728l4.695-17.1a7.11 7.11 0 0 1 8.729-4.968l73.547 20.196a7.11 7.11 0 0 1 4.965 8.728l-4.695 17.1a7.11 7.11 0 0 1-8.726 4.967ZM446.594 170.792l-65.375-17.953a6.02 6.02 0 0 1-4.208-7.394l3.86-14.056a6.02 6.02 0 0 1 7.394-4.209l65.375 17.953a6.02 6.02 0 0 1 4.207 7.4l-3.86 14.056a6.02 6.02 0 0 1-7.394 4.208ZM546.922 253.529l-73.547-20.2a7.11 7.11 0 0 1-4.968-8.728l4.695-17.1a7.11 7.11 0 0 1 8.729-4.968l73.547 20.2a7.11 7.11 0 0 1 4.965 8.728l-4.695 17.1a7.11 7.11 0 0 1-8.726 4.967ZM652.124 282.42l-73.547-20.2a7.11 7.11 0 0 1-4.968-8.728l4.695-17.1a7.11 7.11 0 0 1 8.729-4.968l73.547 20.2a7.11 7.11 0 0 1 4.965 8.728l-4.695 17.101a7.11 7.11 0 0 1-8.726 4.967"></path><path fill="#6899FC" d="M275.576 590.166a22.618 22.618 0 1 1 27.8-15.821 22.644 22.644 0 0 1-27.8 15.821"></path><path fill="#d6d6e3" d="m461.072 678.359-207.838-57.077a10.644 10.644 0 1 1 5.637-20.527l207.839 57.076a10.644 10.644 0 1 1-5.637 20.527ZM452.138 715.914 244.299 658.84a10.644 10.644 0 1 1 5.638-20.526l207.838 57.077a10.644 10.644 0 1 1-5.637 20.527ZM367.509 732.687l-132.144-36.289a10.644 10.644 0 1 1 5.637-20.527l132.142 36.289a10.644 10.644 0 1 1-5.637 20.527Z"></path>', 10)
|
|
438
448
|
])]);
|
|
439
449
|
}
|
|
440
|
-
const B1 = { render:
|
|
450
|
+
const B1 = { render: $1 }, S1 = {
|
|
441
451
|
xmlns: "http://www.w3.org/2000/svg",
|
|
442
452
|
fill: "none",
|
|
443
453
|
viewBox: "0 0 117 182"
|
|
444
454
|
};
|
|
445
|
-
function
|
|
446
|
-
return a(),
|
|
447
|
-
|
|
455
|
+
function T1(e, t) {
|
|
456
|
+
return a(), s("svg", S1, [...t[0] || (t[0] = [
|
|
457
|
+
z('<g clip-path="url(#a)"><path fill="#3F3D56" d="M42.451 0h56.677a16.75 16.75 0 0 1 11.852 4.94 16.9 16.9 0 0 1 4.918 11.91v5.148a.775.775 0 0 1 .907.413c.053.11.079.23.078.35v3.959a.792.792 0 0 1-.303.629.78.78 0 0 1-.682.134v5.993a.775.775 0 0 1 .907.414c.053.109.079.229.078.35v9.896a.786.786 0 0 1-.628.777.8.8 0 0 1-.357-.013v3.618a.775.775 0 0 1 .907.413c.053.11.079.23.078.35v9.897a.79.79 0 0 1-.628.777.8.8 0 0 1-.357-.014v104.503a16.9 16.9 0 0 1-4.918 11.909 16.75 16.75 0 0 1-11.852 4.941H42.45a16.75 16.75 0 0 1-11.853-4.941 16.9 16.9 0 0 1-4.917-11.909V16.85a16.9 16.9 0 0 1 4.917-11.91A16.75 16.75 0 0 1 42.451 0M29.227 164.444a13.34 13.34 0 0 0 3.878 9.391 13.2 13.2 0 0 0 9.346 3.896h56.677a13.2 13.2 0 0 0 9.346-3.896 13.33 13.33 0 0 0 3.877-9.391V16.85a13.33 13.33 0 0 0-3.877-9.39 13.2 13.2 0 0 0-9.346-3.897H42.45a13.2 13.2 0 0 0-9.346 3.896 13.33 13.33 0 0 0-3.877 9.391z"></path><path fill="#E6E6E6" d="M42.451 179.71h56.677a15.17 15.17 0 0 0 10.738-4.476 15.32 15.32 0 0 0 4.455-10.79V16.85a15.32 15.32 0 0 0-4.455-10.79 15.17 15.17 0 0 0-10.738-4.477H42.45A15.17 15.17 0 0 0 31.713 6.06a15.32 15.32 0 0 0-4.455 10.79v147.594a15.32 15.32 0 0 0 4.455 10.79 15.18 15.18 0 0 0 10.738 4.476"></path><path fill="#fff" d="M41.05 177.335h59.478a10.24 10.24 0 0 0 7.244-3.02 10.33 10.33 0 0 0 3.004-7.278V14.253a10.33 10.33 0 0 0-3.004-7.278 10.24 10.24 0 0 0-7.244-3.02h-7.757c-.448.001-.879.18-1.197.5a1.7 1.7 0 0 0-.496 1.202 5.05 5.05 0 0 1-1.467 3.554 5 5 0 0 1-3.537 1.474H56.292a5 5 0 0 1-3.536-1.474 5.05 5.05 0 0 1-1.467-3.554c0-.45-.18-.883-.497-1.202a1.7 1.7 0 0 0-1.197-.5h-8.544a10.23 10.23 0 0 0-7.244 3.02 10.33 10.33 0 0 0-3.005 7.278v152.784a10.33 10.33 0 0 0 3.005 7.278 10.23 10.23 0 0 0 7.244 3.02"></path><path fill="#fff" d="M68.229 7.422h7.09a.786.786 0 0 0 .789-.792.794.794 0 0 0-.788-.791h-7.091a.786.786 0 0 0-.788.791.794.794 0 0 0 .788.792M63.304 7.224a.395.395 0 1 1 .002-.79.395.395 0 0 1-.002.79"></path><path fill="#E6E6E6" d="M28.887 34.882h83.883v.902H28.887zM28.887 52.924h83.883v.902H28.887zM28.887 90.212h83.883v.902H28.887zM28.887 127.499h83.883v.902H28.887zM28.887 156.668h83.883v.902H28.887z"></path><path fill="#E6E6E6" d="M51.852 35.333h.898v55.33h-.898zM93.845 90.647h.898v66.471h-.898z"></path><path fill="#E6E6E6" d="M30.803 108.88h63.49v.902h-63.49zM51.756 157.118h.898v20.216h-.898zM52.45 71.937h58.475v.902H52.451zM98.713 3.388l.828.348-13.232 31.77-.828-.348zM57.96 10.688h.898v24.645h-.898z"></path><path fill="#6899FC" d="M34.81 49.015c0 8.083 12.436 26.918 16.072 32.25a1.2 1.2 0 0 0 .985.522 1.19 1.19 0 0 0 .986-.522c3.635-5.332 16.073-24.167 16.073-32.25 0-4.546-1.798-8.906-4.997-12.12a17.02 17.02 0 0 0-12.062-5.02 17.02 17.02 0 0 0-12.062 5.02 17.18 17.18 0 0 0-4.997 12.12z"></path><path fill="#fff" d="M51.868 56.533c-4.794 0-8.68-3.905-8.68-8.72 0-4.817 3.886-8.721 8.68-8.721s8.679 3.904 8.679 8.72-3.886 8.72-8.68 8.72"></path><path fill="#E6E6E6" d="m52.436 90.922 32.868 65.984-.803.404-32.868-65.985z"></path><path fill="#6899FC" d="M51.868 94.421c-2.149 0-3.89-1.75-3.89-3.909s1.741-3.909 3.89-3.909 3.89 1.75 3.89 3.91c0 2.158-1.742 3.908-3.89 3.908"></path><path fill="#F2F2F2" d="M10.029 56.794c-.723 0-1.31-.589-1.31-1.315 0-.727.587-1.316 1.31-1.316s1.309.59 1.309 1.316-.586 1.315-1.31 1.315"></path><path fill="#6899FC" d="m17.66 66.868 4.816.188-.24 6.22-4.816-.187z"></path><path fill="#FFB9B9" d="M39.383 88.656s6.67-3.202 6.562-.437-6.722 4.584-6.722 4.584z"></path><path fill="#090814" d="M35.724 112.05s3.146 7.738 4.309 13.321c1.162 5.583 2.932 13.267.655 18.717s-8.751 21.465-8.818 23.193.554 3.484-.822 3.43-8.863-2.423-9.167-3.473 2.555-3.708 2.555-3.708l7.06-22.224-7.365-14.478-5.312 21.599-1.04 26.958s-5.106-1.584-5.847-.228c0 0-2.288-3.204-2.579-4.6-.29-1.396 1.08-27.995 1.08-27.995s-4.686-30.296-.903-30.149c3.784.148 18.603-8.966 26.194-.363"></path><path fill="#090814" d="M31.103 169.328s3.49 7.75 3.82 8.11c.331.36 2.605 3.909.886 3.842-1.72-.067-5.781-1.956-8.77-4.841-2.99-2.886-6.93-7.885-6.573-8.218.357-.332 2.805-1.275 2.805-1.275zM17.157 173.631s.21 3.469.845 4.878.555 3.484-1.165 3.416c-1.72-.067-6.165-.932-6.165-.932s-.264-2.087.094-2.419c.357-.333 1.88-4.081 1.232-5.144-.648-1.064 5.16.201 5.16.201"></path><path fill="#FFB9B9" d="M14.613 61.038s-3.667 5.741-5.096 7.07 2.592 4.255 2.592 4.255l7.196.972s-.09-6.58.28-7.257c.371-.678-4.972-5.04-4.972-5.04"></path><path fill="#6899FC" d="M20.868 68.55s-1.483 2.712-2.858 2.658c-1.376-.053-8.494-3.1-8.797-4.15s-2.357 7.523-2.357 7.523l17.414 30.792 4.247-2.95-2.058-18.079-1.69-9.757z"></path><path fill="#D6D6E3" d="M8.571 96.108c.695 1.46 1.128 2.983 1.068 4.541a4 4 0 0 1-.011.208c-.165 3.198-1.338 6.898-1.758 9.588-.306 1.93-.219 3.339.905 3.67 2.725.798-.397 1.369 10.146 4.895s12.383.482 12.41-.209c.026-.691-1.494-5.943-1.136-6.274.357-.332 5 4.348 6.402 3.71s.16-4.147.16-4.147-3.16-7.392-3.093-9.12-4.787-9.878-4.787-9.878l-3.3-21.59s-1.27-2.818-2.976-3.23c-1.707-.413-3.123.57-3.123.57l2.856 6.342 3.013 11.195-.504 4.134s-3.503-7.406-5.804-10.264c-2.302-2.86-7.208-9.627-7.208-9.627s-1.145-3.883-.281-5.044c.864-1.163-3.607-1.338-5.514 3.434-1.01 2.529-2.65 6.3-3.678 9.811-.916 3.111-1.349 6.019-.441 7.681 1.387 2.539 4.876 5.876 6.654 9.604"></path><path fill="#000" d="M1.918 86.503c1.386 2.54 4.875 5.878 6.653 9.605.464-1.681 1.031-3.421 1.031-3.421s2.173-11.684-4.255-14.703a4.3 4.3 0 0 0-2.988.838c-.916 3.111-1.349 6.02-.441 7.681" opacity=".1"></path><path fill="#D6D6E3" d="m27.438 85.767 5.45 1.597 7.567.295.779 6.606-12.437.9s-3.105-8.774-1.36-9.398"></path><path fill="#FFB9B9" d="M18.55 107.981s7.292 1.216 5.628 3.421c-1.665 2.204-8.124-.114-8.124-.114z"></path><path fill="#000" d="M9.628 100.856c-.165 3.199-1.338 6.898-1.759 9.588 2.323 2.209 4.532 4.159 5.364 4.19 1.72.067 4.485-.171 5.503.214 1.019.386 1.616-6.167 1.616-6.167s-.608-2.101-3.32-3.244c-1.83-.774-5.338-2.873-7.404-4.581" opacity=".1"></path><path fill="#D6D6E3" d="M5.427 75.91s-5.821-.92-5.507 8.785-.613 15.898 1.728 17.721c2.34 1.823 9.945 10.08 11.665 10.146s4.485-.171 5.504.215c1.018.385 1.615-6.168 1.615-6.168s-.608-2.1-3.32-3.244c-2.71-1.143-9.1-5.2-9.046-6.583.053-1.382 1.616-6.167 1.616-6.167S11.855 78.93 5.427 75.91"></path><path fill="#FFB9B9" d="M19.746 69.54c-4.183 0-7.573-3.407-7.573-7.61 0-4.202 3.39-7.609 7.573-7.609s7.573 3.407 7.573 7.61c0 4.202-3.39 7.608-7.573 7.608"></path><path fill="#090814" d="M24.845 51.024c.183.158.401.268.637.32a.454.454 0 0 0 .526-.366c.173.361.368.746.723.931.354.186.9.03.951-.367.052.301.185.583.385.815.22.21.617.263.809.027-.155.85-.06 1.725-.108 2.589-.05.863-.278 1.779-.927 2.346-.947.828-2.37.624-3.616.467a1.1 1.1 0 0 0-.567.031c-.466.2-.445.852-.451 1.361a3.8 3.8 0 0 1-.994 2.403 3.76 3.76 0 0 1-2.302 1.19 1.88 1.88 0 0 1-1.403-.345c-.353-.3-.534-.792-.94-1.018-.658-.368-1.458.169-1.94.752-.481.583-.956 1.3-1.703 1.406-.987.141-1.74-.87-2.108-1.801a10.54 10.54 0 0 1 .207-8.157c2.062-4.516 9.104-5.23 12.82-2.584"></path></g><defs><clipPath id="a"><path fill="#fff" d="M117 0H0v182h117z"></path></clipPath></defs>', 2)
|
|
448
458
|
])]);
|
|
449
459
|
}
|
|
450
|
-
const
|
|
460
|
+
const z1 = { render: T1 }, j1 = { class: "flex items-center justify-end self-stretch px-4" }, N1 = { class: "flex justify-center self-stretch py-14" }, Z1 = { class: "flex w-full justify-center self-stretch text-center" }, H1 = { class: "relative block max-w-full text-center body-semibold text-ellipsis text-white" }, I1 = /* @__PURE__ */ m({
|
|
451
461
|
name: "NexxtSocialMediaType",
|
|
452
462
|
__name: "SocialMediaType",
|
|
453
463
|
props: {
|
|
454
464
|
variant: {},
|
|
465
|
+
label: {},
|
|
455
466
|
chip: {},
|
|
456
467
|
selected: { type: Boolean },
|
|
457
468
|
icons: {}
|
|
458
469
|
},
|
|
459
470
|
emits: ["click"],
|
|
460
|
-
setup(
|
|
461
|
-
const n =
|
|
462
|
-
tiktok: "TikTok",
|
|
471
|
+
setup(e, { emit: t }) {
|
|
472
|
+
const n = t, i = {
|
|
463
473
|
post: "Post",
|
|
464
|
-
reel: "Reel",
|
|
474
|
+
reel: "TikTok & Reel",
|
|
465
475
|
story: "Story"
|
|
466
|
-
},
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
(i, c) => (i[c] = !0, i),
|
|
476
|
+
}, u = f(() => ({
|
|
477
|
+
post: B1,
|
|
478
|
+
reel: w1,
|
|
479
|
+
story: z1
|
|
480
|
+
})[e.variant]), d = f(() => {
|
|
481
|
+
if (e.icons)
|
|
482
|
+
return e.icons.map((o) => o === "twitter" ? "x" : o).reduce(
|
|
483
|
+
(o, r) => (o[r] = !0, o),
|
|
475
484
|
{}
|
|
476
485
|
);
|
|
477
|
-
switch (
|
|
478
|
-
case "tiktok":
|
|
479
|
-
return {
|
|
480
|
-
tiktok: !0
|
|
481
|
-
};
|
|
486
|
+
switch (e.variant) {
|
|
482
487
|
case "post":
|
|
483
488
|
return {
|
|
484
489
|
facebook: !0,
|
|
@@ -489,7 +494,8 @@ const E1 = { render: z1 }, H1 = { class: "flex items-center justify-end self-str
|
|
|
489
494
|
};
|
|
490
495
|
case "reel":
|
|
491
496
|
return {
|
|
492
|
-
instagram: !0
|
|
497
|
+
instagram: !0,
|
|
498
|
+
tiktok: !0
|
|
493
499
|
};
|
|
494
500
|
case "story":
|
|
495
501
|
return {
|
|
@@ -499,48 +505,48 @@ const E1 = { render: z1 }, H1 = { class: "flex items-center justify-end self-str
|
|
|
499
505
|
return {};
|
|
500
506
|
}
|
|
501
507
|
});
|
|
502
|
-
return (
|
|
508
|
+
return (v, o) => (a(), s("button", {
|
|
503
509
|
type: "button",
|
|
504
|
-
class:
|
|
505
|
-
onClick:
|
|
510
|
+
class: c(["group inline-flex min-w-60 cursor-pointer flex-col items-start justify-start gap-2.5 overflow-hidden rounded-3xl pt-4 outline-1 -outline-offset-1 transition-colors hover:outline-cornflower-blue-600 focus-visible:outline-2 focus-visible:outline-cornflower-blue-600", e.selected ? "bg-gray-50 outline-cornflower-blue-500" : "bg-white outline-gray-200"]),
|
|
511
|
+
onClick: o[0] || (o[0] = (r) => n("click"))
|
|
506
512
|
}, [
|
|
507
|
-
|
|
508
|
-
|
|
513
|
+
l("div", j1, [
|
|
514
|
+
e.chip ? (a(), k(K, {
|
|
509
515
|
key: 0,
|
|
510
516
|
variant: "warning"
|
|
511
517
|
}, {
|
|
512
|
-
default:
|
|
513
|
-
|
|
518
|
+
default: y(() => [
|
|
519
|
+
M(g(e.chip), 1)
|
|
514
520
|
]),
|
|
515
521
|
_: 1
|
|
516
|
-
})) :
|
|
517
|
-
|
|
522
|
+
})) : b("", !0),
|
|
523
|
+
p(c1, I({ class: "ml-auto" }, d.value, { "aria-hidden": "true" }), null, 16)
|
|
518
524
|
]),
|
|
519
|
-
|
|
520
|
-
(a(),
|
|
525
|
+
l("div", N1, [
|
|
526
|
+
(a(), k(V(u.value), {
|
|
521
527
|
class: "h-44 object-contain transition-transform group-hover:-translate-y-0.5",
|
|
522
528
|
"aria-hidden": "true"
|
|
523
529
|
}))
|
|
524
530
|
]),
|
|
525
|
-
|
|
526
|
-
class:
|
|
531
|
+
l("div", {
|
|
532
|
+
class: c(["inline-flex w-full flex-col items-center justify-center gap-2.5 bg-cornflower-blue-500 py-3.5 transition-colors group-hover:bg-cornflower-blue-600", e.selected ? "bg-cornflower-blue-600" : "bg-cornflower-blue-500"])
|
|
527
533
|
}, [
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
534
|
+
l("div", Z1, [
|
|
535
|
+
l("span", H1, [
|
|
536
|
+
e.selected ? (a(), k(x, {
|
|
531
537
|
key: 0,
|
|
532
538
|
name: "check",
|
|
533
539
|
type: "solid",
|
|
534
540
|
class: "absolute top-1/2 -translate-x-[calc(100%+4px)] -translate-y-[calc(50%+1px)] text-white",
|
|
535
541
|
"aria-hidden": "true"
|
|
536
|
-
})) :
|
|
537
|
-
|
|
542
|
+
})) : b("", !0),
|
|
543
|
+
M(" " + g(e.label ?? i[e.variant]), 1)
|
|
538
544
|
])
|
|
539
545
|
])
|
|
540
546
|
], 2)
|
|
541
547
|
], 2));
|
|
542
548
|
}
|
|
543
|
-
}), V1 = /* @__PURE__ */
|
|
549
|
+
}), V1 = /* @__PURE__ */ m({
|
|
544
550
|
name: "NexxtStepperHeader",
|
|
545
551
|
__name: "StepperHeader",
|
|
546
552
|
props: {
|
|
@@ -551,29 +557,29 @@ const E1 = { render: z1 }, H1 = { class: "flex items-center justify-end self-str
|
|
|
551
557
|
backButtonAction: {}
|
|
552
558
|
},
|
|
553
559
|
emits: ["update:currentStep"],
|
|
554
|
-
setup(
|
|
555
|
-
return (
|
|
556
|
-
title:
|
|
557
|
-
"back-button-action":
|
|
558
|
-
"back-button-text":
|
|
559
|
-
},
|
|
560
|
-
|
|
560
|
+
setup(e) {
|
|
561
|
+
return (t, n) => (a(), k(X, {
|
|
562
|
+
title: e.title,
|
|
563
|
+
"back-button-action": e.backButtonAction,
|
|
564
|
+
"back-button-text": e.backButtonText
|
|
565
|
+
}, A({ _: 2 }, [
|
|
566
|
+
e.steps ? {
|
|
561
567
|
name: "center",
|
|
562
|
-
fn:
|
|
563
|
-
|
|
568
|
+
fn: y(() => [
|
|
569
|
+
p(i1, {
|
|
564
570
|
class: "w-full",
|
|
565
|
-
steps:
|
|
566
|
-
"step-titles":
|
|
567
|
-
"current-step":
|
|
568
|
-
"onUpdate:currentStep": n[0] || (n[0] = (
|
|
571
|
+
steps: e.steps.length,
|
|
572
|
+
"step-titles": e.steps,
|
|
573
|
+
"current-step": e.currentStep,
|
|
574
|
+
"onUpdate:currentStep": n[0] || (n[0] = (i) => t.$emit("update:currentStep", i))
|
|
569
575
|
}, null, 8, ["steps", "step-titles", "current-step"])
|
|
570
576
|
]),
|
|
571
577
|
key: "0"
|
|
572
578
|
} : void 0,
|
|
573
|
-
|
|
579
|
+
t.$slots.default ? {
|
|
574
580
|
name: "right",
|
|
575
|
-
fn:
|
|
576
|
-
|
|
581
|
+
fn: y(() => [
|
|
582
|
+
w(t.$slots, "default")
|
|
577
583
|
]),
|
|
578
584
|
key: "1"
|
|
579
585
|
} : void 0
|
|
@@ -581,15 +587,15 @@ const E1 = { render: z1 }, H1 = { class: "flex items-center justify-end self-str
|
|
|
581
587
|
}
|
|
582
588
|
});
|
|
583
589
|
export {
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
590
|
+
L as NexxtAnimatedNumber,
|
|
591
|
+
D as NexxtButton,
|
|
592
|
+
K as NexxtChip,
|
|
587
593
|
X as NexxtHeader,
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
+
x as NexxtIcon,
|
|
595
|
+
C1 as NexxtInfoBlock,
|
|
596
|
+
i1 as NexxtProgressBar,
|
|
597
|
+
c1 as NexxtSocialIcons,
|
|
598
|
+
F1 as NexxtSocialMediaTemplate,
|
|
599
|
+
I1 as NexxtSocialMediaType,
|
|
594
600
|
V1 as NexxtStepperHeader
|
|
595
601
|
};
|