ablok-photobooth 0.2.39 → 0.2.41
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/ablok-photobooth.js +12 -0
- package/dist/chunks/color-booth.vue_vue_type_style_index_0_lang-Cxo8ZMRt.js +98 -0
- package/dist/chunks/creative-booth.vue_vue_type_style_index_0_lang-BHKoShl5.js +248 -0
- package/dist/chunks/fabric-canvas.vue_vue_type_style_index_0_lang-B-D65X2t.js +318 -0
- package/dist/chunks/face-swap.vue_vue_type_style_index_0_lang-B0EJ4Q3T.js +229 -0
- package/dist/chunks/media-api-DcCOqndv.js +164 -0
- package/dist/chunks/photo-app.vue_vue_type_style_index_0_lang-CQsO0T0U.js +569 -0
- package/dist/color-booth.js +4 -0
- package/dist/creative-booth.js +6 -0
- package/dist/fabric-canvas.js +4 -0
- package/dist/face-swap.js +6 -0
- package/dist/photo-app.js +4 -0
- package/dist/{components → types/components}/creative-booth.vue.d.ts +39 -89
- package/dist/{components → types/components}/photo-app.vue.d.ts +2 -2
- package/package.json +49 -10
- package/dist/App.vue.d.ts +0 -2
- package/dist/ablok-photobooth.es.js +0 -1545
- package/dist/ablok-photobooth.umd.js +0 -1
- package/dist/histoire.setup.d.ts +0 -1
- package/dist/i18n.d.ts +0 -77
- package/dist/main.d.ts +0 -0
- /package/dist/{api → types/api}/media-api.d.ts +0 -0
- /package/dist/{components → types/components}/color-booth.vue.d.ts +0 -0
- /package/dist/{components → types/components}/fabric-canvas.vue.d.ts +0 -0
- /package/dist/{components → types/components}/face-swap.vue.d.ts +0 -0
- /package/dist/{components → types/components}/svg-canvas.vue.d.ts +0 -0
- /package/dist/{index.d.ts → types/index.d.ts} +0 -0
- /package/dist/{locales → types/locales}/en.d.ts +0 -0
- /package/dist/{utilities → types/utilities}/idb-keyval.d.ts +0 -0
- /package/dist/{utilities → types/utilities}/indexed-db-api.d.ts +0 -0
- /package/dist/{utilities → types/utilities}/media-helpers.d.ts +0 -0
|
@@ -0,0 +1,569 @@
|
|
|
1
|
+
import { defineComponent as gA, getCurrentInstance as sA, computed as b, ref as B, watch as F, onMounted as rA, openBlock as t, createElementBlock as s, normalizeClass as f, normalizeStyle as v, createVNode as E, createCommentVNode as r, createBlock as Q, Transition as iA, withCtx as D, createElementVNode as n, withModifiers as M, toDisplayString as i, withDirectives as U, vShow as G, Fragment as CA, renderList as cA, createTextVNode as y, renderSlot as X, unref as $ } from "vue";
|
|
2
|
+
import uA from "ablok-components/components/molecules/base-camera/base-camera.vue";
|
|
3
|
+
import dA from "ablok-components/components/atoms/base-image/base-image.vue";
|
|
4
|
+
import IA from "ablok-components/components/atoms/loading-spinner/loading-spinner.vue";
|
|
5
|
+
import k from "ablok-components/components/atoms/base-button/base-button.vue";
|
|
6
|
+
import p from "ablok-components/components/atoms/svg-icon/svg-icon.vue";
|
|
7
|
+
import BA from "ablok-components/components/atoms/input-file/input-file.vue";
|
|
8
|
+
import { useCameraFilter as fA } from "ablok-components/composables/useCameraFilter";
|
|
9
|
+
import { useI18n as wA } from "vue-i18n";
|
|
10
|
+
import { g as EA, f as j, a as vA, b as QA, c as q, M as mA } from "./media-api-DcCOqndv.js";
|
|
11
|
+
const bA = "data:image/png;base64,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", DA = { class: "photo-app__drop-target__canvas" }, yA = { class: "flex-grow-1 text-center" }, pA = ["innerHTML"], hA = { class: "ml-2" }, PA = {
|
|
12
|
+
key: 0,
|
|
13
|
+
class: "d-flex flex-column align-center justify-center"
|
|
14
|
+
}, MA = { key: 0 }, LA = { class: "photo-app__errors mt-2" }, HA = { class: "error--text" }, kA = {
|
|
15
|
+
key: 1,
|
|
16
|
+
class: "photo-app__file-list"
|
|
17
|
+
}, OA = { class: "row" }, YA = { key: 0 }, FA = { key: 1 }, UA = { key: 2 }, GA = { key: 3 }, SA = { class: "photo-app__form-input text-center" }, zA = { class: "photo-app__controls" }, RA = { class: "row" }, NA = { class: "col col-12" }, jA = ["innerHTML"], JA = {
|
|
18
|
+
key: 0,
|
|
19
|
+
class: "d-flex justify-center col-8 mx-auto"
|
|
20
|
+
}, TA = { class: "col" }, ZA = {
|
|
21
|
+
key: 0,
|
|
22
|
+
class: "col"
|
|
23
|
+
}, xA = {
|
|
24
|
+
key: 1,
|
|
25
|
+
class: "col"
|
|
26
|
+
}, WA = ["required", "value"], oe = /* @__PURE__ */ gA({
|
|
27
|
+
__name: "photo-app",
|
|
28
|
+
props: {
|
|
29
|
+
modelValue: {
|
|
30
|
+
type: String,
|
|
31
|
+
default: ""
|
|
32
|
+
},
|
|
33
|
+
enableDragDrop: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: !0
|
|
36
|
+
},
|
|
37
|
+
enableLocalFileUpload: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: !0
|
|
40
|
+
},
|
|
41
|
+
enableCamera: {
|
|
42
|
+
type: Boolean,
|
|
43
|
+
default: !0
|
|
44
|
+
},
|
|
45
|
+
enableSwitchCamera: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
default: !1
|
|
48
|
+
},
|
|
49
|
+
defaultRearCamera: {
|
|
50
|
+
type: Boolean,
|
|
51
|
+
default: !1
|
|
52
|
+
},
|
|
53
|
+
enableFileList: {
|
|
54
|
+
type: Boolean,
|
|
55
|
+
default: !1
|
|
56
|
+
},
|
|
57
|
+
enableTogglePlay: {
|
|
58
|
+
type: Boolean,
|
|
59
|
+
default: !1
|
|
60
|
+
},
|
|
61
|
+
enableButtonIcons: {
|
|
62
|
+
type: Boolean,
|
|
63
|
+
default: !1
|
|
64
|
+
},
|
|
65
|
+
enableButtonCaptions: {
|
|
66
|
+
type: Boolean,
|
|
67
|
+
default: !1
|
|
68
|
+
},
|
|
69
|
+
enableLegacyInput: {
|
|
70
|
+
type: Boolean,
|
|
71
|
+
default: !1
|
|
72
|
+
},
|
|
73
|
+
enableInstantUpload: {
|
|
74
|
+
type: Boolean,
|
|
75
|
+
default: !1
|
|
76
|
+
},
|
|
77
|
+
enableAutoSave: {
|
|
78
|
+
type: Boolean,
|
|
79
|
+
default: !1
|
|
80
|
+
},
|
|
81
|
+
enableMirrorCamera: {
|
|
82
|
+
type: Boolean,
|
|
83
|
+
default: !1
|
|
84
|
+
},
|
|
85
|
+
enableCropImage: {
|
|
86
|
+
type: Boolean,
|
|
87
|
+
default: !0
|
|
88
|
+
},
|
|
89
|
+
enableGuide: {
|
|
90
|
+
type: Boolean,
|
|
91
|
+
default: !1
|
|
92
|
+
},
|
|
93
|
+
enableTitle: {
|
|
94
|
+
type: Boolean,
|
|
95
|
+
default: !0
|
|
96
|
+
},
|
|
97
|
+
enableReview: {
|
|
98
|
+
type: Boolean,
|
|
99
|
+
default: !0
|
|
100
|
+
},
|
|
101
|
+
downScaleImages: {
|
|
102
|
+
type: Boolean,
|
|
103
|
+
default: !1
|
|
104
|
+
},
|
|
105
|
+
guideSrc: {
|
|
106
|
+
type: String,
|
|
107
|
+
default: bA
|
|
108
|
+
},
|
|
109
|
+
acceptButton: {
|
|
110
|
+
type: Boolean,
|
|
111
|
+
default: ""
|
|
112
|
+
},
|
|
113
|
+
captureCountdown: {
|
|
114
|
+
type: Number,
|
|
115
|
+
default: 3
|
|
116
|
+
},
|
|
117
|
+
backgroundColor: {
|
|
118
|
+
type: String,
|
|
119
|
+
default: ""
|
|
120
|
+
},
|
|
121
|
+
color: {
|
|
122
|
+
type: String,
|
|
123
|
+
default: ""
|
|
124
|
+
},
|
|
125
|
+
i18n: {},
|
|
126
|
+
messages: {
|
|
127
|
+
default: () => ({})
|
|
128
|
+
},
|
|
129
|
+
apiEndpoint: {
|
|
130
|
+
type: String,
|
|
131
|
+
default: ""
|
|
132
|
+
},
|
|
133
|
+
apiEndpointSuffix: {
|
|
134
|
+
type: String,
|
|
135
|
+
default: ""
|
|
136
|
+
},
|
|
137
|
+
required: {
|
|
138
|
+
type: Boolean,
|
|
139
|
+
default: !1
|
|
140
|
+
},
|
|
141
|
+
variant: {
|
|
142
|
+
type: String,
|
|
143
|
+
default: "light"
|
|
144
|
+
},
|
|
145
|
+
maxFileSize: {
|
|
146
|
+
type: Number,
|
|
147
|
+
default: 1024 * 1024
|
|
148
|
+
},
|
|
149
|
+
fixedResolution: {
|
|
150
|
+
type: Number,
|
|
151
|
+
default: 1024
|
|
152
|
+
},
|
|
153
|
+
ratio: {
|
|
154
|
+
type: String,
|
|
155
|
+
default: "3x4"
|
|
156
|
+
},
|
|
157
|
+
// enableRemoveBackground: {
|
|
158
|
+
// type: Boolean,
|
|
159
|
+
// default: false
|
|
160
|
+
// },
|
|
161
|
+
enableAudio: {
|
|
162
|
+
type: Boolean,
|
|
163
|
+
default: !1
|
|
164
|
+
},
|
|
165
|
+
enableSelectDevice: {
|
|
166
|
+
type: Boolean,
|
|
167
|
+
default: !1
|
|
168
|
+
},
|
|
169
|
+
enableProcessImage: {
|
|
170
|
+
type: Boolean,
|
|
171
|
+
default: !1
|
|
172
|
+
},
|
|
173
|
+
// removeBackground: null,
|
|
174
|
+
processImage: null,
|
|
175
|
+
filter: String,
|
|
176
|
+
tint: Object,
|
|
177
|
+
resolutions: Object,
|
|
178
|
+
zoom: Number,
|
|
179
|
+
enableZoomSlider: {
|
|
180
|
+
type: Boolean,
|
|
181
|
+
default: !1
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
emits: ["update:modelValue"],
|
|
185
|
+
setup(A, { emit: _ }) {
|
|
186
|
+
const { tm: KA } = wA(), J = sA(), S = J && J.appContext.config.globalProperties.$config, g = A, AA = _, eA = b(() => S.baseMediaPath), aA = b(() => l.value && l.value.length && l.value.filter((e) => e.response && Object.keys(e.response).length).length === l.value.length), z = b(() => {
|
|
187
|
+
const e = l.value.find((a) => a.response && a.response.path);
|
|
188
|
+
return e && e.response.path;
|
|
189
|
+
}), T = b(() => z.value ? `${eA.value}${z.value}` : ""), u = b(() => ({
|
|
190
|
+
...g.i18n ? g.i18n.messages : {},
|
|
191
|
+
...g.messages
|
|
192
|
+
}));
|
|
193
|
+
b(() => !!(l.value && l.value.length));
|
|
194
|
+
const tA = b(() => l.value.length ? u.value.reviewTitle : u.value.captureTitle), l = B([]), L = B(), Z = B(), R = B(), O = B(!1), C = B(!1), N = B(), I = B(), w = B(!1), x = B("");
|
|
195
|
+
F(N, async (e, a) => {
|
|
196
|
+
if (e) {
|
|
197
|
+
const o = e.blob && e.blob.type.split("/")[1], c = new File([e.blob], `${e.id}.${o}`), d = await EA(c), h = await j(c), H = await vA(h, d), P = await (await fetch(H)).blob();
|
|
198
|
+
l.value.push(new File([P], `${e.id}.${o}`, {
|
|
199
|
+
type: P.type
|
|
200
|
+
})), w.value = !1, lA();
|
|
201
|
+
}
|
|
202
|
+
}, { deep: !0 }), F(l, async (e, a) => {
|
|
203
|
+
if (g.enableInstantUpload)
|
|
204
|
+
e.find((o) => !o.response.path) && (L.value.active = !0);
|
|
205
|
+
else {
|
|
206
|
+
const o = await Promise.all(e.map(async (c) => {
|
|
207
|
+
let d = await j(c);
|
|
208
|
+
g.downScaleImages && Number(g.maxFileSize) && c.size > Number(g.maxFileSize) && (d = await QA(d, 800, 800));
|
|
209
|
+
const h = g.ratio.split("x");
|
|
210
|
+
return await q(d, Number(h[0]) / Number(h[1]));
|
|
211
|
+
}));
|
|
212
|
+
I.value = o[0];
|
|
213
|
+
}
|
|
214
|
+
}, { deep: !0 }), F(aA, async (e, a) => {
|
|
215
|
+
e && !a && (I.value = g.enableInstantUpload ? z.value : await q(T.value));
|
|
216
|
+
}, { deep: !0 }), F(I, async (e, a) => {
|
|
217
|
+
g.enableAutoSave && I !== a && K();
|
|
218
|
+
});
|
|
219
|
+
function W() {
|
|
220
|
+
I.value = "", l.value = [], w.value = !1;
|
|
221
|
+
}
|
|
222
|
+
function lA() {
|
|
223
|
+
C.value = !1;
|
|
224
|
+
}
|
|
225
|
+
function Y() {
|
|
226
|
+
W(), C.value = !C.value;
|
|
227
|
+
}
|
|
228
|
+
async function oA(e) {
|
|
229
|
+
if (!g.filter) {
|
|
230
|
+
l.value = e;
|
|
231
|
+
return;
|
|
232
|
+
}
|
|
233
|
+
const { applyFilterToImageBlob: a } = fA({
|
|
234
|
+
...g,
|
|
235
|
+
filter: g.filter ?? "none",
|
|
236
|
+
tintColor: g.tint?.color ?? "",
|
|
237
|
+
tintIntensity: g.tint?.intensity ?? 0
|
|
238
|
+
}), o = await Promise.all((e || []).map(async (c) => {
|
|
239
|
+
const d = c?.file instanceof File ? c.file : c instanceof File ? c : null;
|
|
240
|
+
if (!d)
|
|
241
|
+
return c;
|
|
242
|
+
const h = await j(d), H = await a(h), m = new File([H], d.name, {
|
|
243
|
+
type: H.type || d.type,
|
|
244
|
+
lastModified: d.lastModified
|
|
245
|
+
});
|
|
246
|
+
if (c?.file instanceof File) {
|
|
247
|
+
const P = window.URL || window.webkitURL;
|
|
248
|
+
return {
|
|
249
|
+
...c,
|
|
250
|
+
file: m,
|
|
251
|
+
size: m.size,
|
|
252
|
+
type: m.type,
|
|
253
|
+
name: m.name,
|
|
254
|
+
blob: P && P.createObjectURL ? P.createObjectURL(m) : c.blob
|
|
255
|
+
};
|
|
256
|
+
}
|
|
257
|
+
return m;
|
|
258
|
+
}));
|
|
259
|
+
l.value = o;
|
|
260
|
+
}
|
|
261
|
+
const K = (async () => {
|
|
262
|
+
w.value = !0, g.enableProcessImage && g.processImage && (I.value = await g.processImage.reduce(async (e, a) => {
|
|
263
|
+
const o = await e;
|
|
264
|
+
return await nA(o, a);
|
|
265
|
+
}, Promise.resolve(I.value))), AA("update:modelValue", I.value);
|
|
266
|
+
}), nA = (async (e, a) => `${await mA.processImage(
|
|
267
|
+
`${a.endpoint}${a.search ? `?${a.search}` : ""}`,
|
|
268
|
+
{ ...a.body, dataUrl: e, resolution: g.fixedResolution },
|
|
269
|
+
a.basePath
|
|
270
|
+
)}`);
|
|
271
|
+
function V() {
|
|
272
|
+
w.value = !0, Z.value?.onCapture();
|
|
273
|
+
}
|
|
274
|
+
return rA(() => {
|
|
275
|
+
["dragenter", "dragover"].forEach((e) => {
|
|
276
|
+
document.body.addEventListener(e, (a) => {
|
|
277
|
+
a.preventDefault(), O.value = !0;
|
|
278
|
+
}, !1);
|
|
279
|
+
}), ["dragleave", "drop"].forEach((e) => {
|
|
280
|
+
R.value.addEventListener(e, (a) => {
|
|
281
|
+
a.preventDefault(), O.value = !1;
|
|
282
|
+
}, !1);
|
|
283
|
+
}), ["drop"].forEach((e) => {
|
|
284
|
+
R.value.addEventListener(e, (a) => {
|
|
285
|
+
a.preventDefault(), O.value = !1;
|
|
286
|
+
const o = a.dataTransfer;
|
|
287
|
+
(o && Array.from(o.files || []))?.forEach((d) => {
|
|
288
|
+
l.value.push(d);
|
|
289
|
+
});
|
|
290
|
+
}, !1);
|
|
291
|
+
});
|
|
292
|
+
}), (e, a) => (t(), s("div", {
|
|
293
|
+
class: f(["photo-app", A.variant === "dark" && "theme--dark"])
|
|
294
|
+
}, [
|
|
295
|
+
A.enableCamera ? (t(), s("div", {
|
|
296
|
+
key: 0,
|
|
297
|
+
class: "photo-app__canvas media-container",
|
|
298
|
+
style: v({
|
|
299
|
+
color: A.color,
|
|
300
|
+
backgroundColor: A.backgroundColor
|
|
301
|
+
})
|
|
302
|
+
}, [
|
|
303
|
+
C.value ? (t(), s("div", {
|
|
304
|
+
key: 0,
|
|
305
|
+
class: f(["photo-app__camera", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
|
|
306
|
+
style: v({ borderColor: A.color })
|
|
307
|
+
}, [
|
|
308
|
+
E(uA, {
|
|
309
|
+
ref_key: "camera",
|
|
310
|
+
ref: Z,
|
|
311
|
+
modelValue: N.value,
|
|
312
|
+
"onUpdate:modelValue": a[0] || (a[0] = (o) => N.value = o),
|
|
313
|
+
"enable-toggle-play": A.enableTogglePlay,
|
|
314
|
+
countdown: A.captureCountdown,
|
|
315
|
+
"enable-mirror-camera": A.enableMirrorCamera,
|
|
316
|
+
"enable-switch-camera": A.enableSwitchCamera,
|
|
317
|
+
"default-rear-camera": A.defaultRearCamera,
|
|
318
|
+
"enable-guide": A.enableGuide,
|
|
319
|
+
"guide-src": A.guideSrc,
|
|
320
|
+
"fixed-resolution": A.fixedResolution,
|
|
321
|
+
"enable-audio": A.enableAudio,
|
|
322
|
+
"enable-select-device": A.enableSelectDevice,
|
|
323
|
+
"enable-crop-image": A.enableCropImage,
|
|
324
|
+
onOnStopped: Y,
|
|
325
|
+
"text-color": A.color,
|
|
326
|
+
ratio: A.ratio,
|
|
327
|
+
resolutions: A.resolutions,
|
|
328
|
+
filter: A.filter,
|
|
329
|
+
"tint-color": A.tint?.color,
|
|
330
|
+
"tint-intensity": A.tint?.intensity,
|
|
331
|
+
zoom: A.zoom,
|
|
332
|
+
"enable-zoom-slider": A.enableZoomSlider
|
|
333
|
+
}, null, 8, ["modelValue", "enable-toggle-play", "countdown", "enable-mirror-camera", "enable-switch-camera", "default-rear-camera", "enable-guide", "guide-src", "fixed-resolution", "enable-audio", "enable-select-device", "enable-crop-image", "text-color", "ratio", "resolutions", "filter", "tint-color", "tint-intensity", "zoom", "enable-zoom-slider"])
|
|
334
|
+
], 6)) : r("", !0),
|
|
335
|
+
l.value && l.value.length && !C.value ? (t(), s("div", {
|
|
336
|
+
key: 1,
|
|
337
|
+
class: "photo-app__preview",
|
|
338
|
+
style: v({ borderColor: A.color })
|
|
339
|
+
}, [
|
|
340
|
+
I.value ? (t(), Q(dA, {
|
|
341
|
+
key: 0,
|
|
342
|
+
src: T.value || I.value
|
|
343
|
+
}, null, 8, ["src"])) : r("", !0),
|
|
344
|
+
E(iA, {
|
|
345
|
+
name: "fade",
|
|
346
|
+
mode: "out-in"
|
|
347
|
+
}, {
|
|
348
|
+
default: D(() => [
|
|
349
|
+
w.value ? (t(), Q(IA, { key: 0 })) : r("", !0)
|
|
350
|
+
]),
|
|
351
|
+
_: 1
|
|
352
|
+
})
|
|
353
|
+
], 4)) : C.value ? r("", !0) : (t(), s("div", {
|
|
354
|
+
key: 2,
|
|
355
|
+
class: f(["photo-app__drop-target", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
|
|
356
|
+
style: v({ borderColor: A.color })
|
|
357
|
+
}, [
|
|
358
|
+
n("div", DA, [
|
|
359
|
+
n("div", yA, [
|
|
360
|
+
n("p", {
|
|
361
|
+
class: "headline h2 font-weight-bold",
|
|
362
|
+
innerHTML: u.value.title || e.$t("fileInput.coverTitle")
|
|
363
|
+
}, null, 8, pA),
|
|
364
|
+
A.enableCamera ? (t(), Q(k, {
|
|
365
|
+
key: 0,
|
|
366
|
+
type: "button",
|
|
367
|
+
onClick: M(Y, ["prevent"]),
|
|
368
|
+
style: v({ color: A.color }),
|
|
369
|
+
icon: "camera",
|
|
370
|
+
class: "rounded-pill"
|
|
371
|
+
}, {
|
|
372
|
+
default: D(() => [
|
|
373
|
+
E(p, { symbol: "camera" }),
|
|
374
|
+
n("span", hA, i(u.value.launchCamera || e.$t("fileInput.coverLaunchCta")), 1)
|
|
375
|
+
]),
|
|
376
|
+
_: 1
|
|
377
|
+
}, 8, ["style"])) : r("", !0)
|
|
378
|
+
]),
|
|
379
|
+
A.enableLocalFileUpload ? (t(), s("div", PA, [
|
|
380
|
+
n("p", {
|
|
381
|
+
class: "subtitle fw-bold ma-0",
|
|
382
|
+
style: v({ color: A.color })
|
|
383
|
+
}, i(u.value.localFileTitle || e.$t("fileInput.coverLocalSelectTitle")), 5),
|
|
384
|
+
n("p", {
|
|
385
|
+
class: "text-body-1",
|
|
386
|
+
style: v({ color: A.color })
|
|
387
|
+
}, [
|
|
388
|
+
A.enableDragDrop ? (t(), s("span", MA, i(u.value.dropTarget || e.$t("fileInput.coverDropTarget")) + " " + i(A.enableLocalFileUpload && A.enableDragDrop ? u.value.or || e.$t("common.or") : "") + " " + i(), 1)) : r("", !0),
|
|
389
|
+
n("label", {
|
|
390
|
+
for: "fileUpload",
|
|
391
|
+
role: "button",
|
|
392
|
+
class: "d-inline link",
|
|
393
|
+
style: v({ color: A.color })
|
|
394
|
+
}, i(u.value.coverSelectFileCta || e.$t("fileInput.coverLocalFileCta")), 5)
|
|
395
|
+
], 4)
|
|
396
|
+
])) : r("", !0)
|
|
397
|
+
])
|
|
398
|
+
], 6))
|
|
399
|
+
], 4)) : r("", !0),
|
|
400
|
+
U(n("div", {
|
|
401
|
+
class: "photo-app__drop-overlay",
|
|
402
|
+
ref_key: "dropArea",
|
|
403
|
+
ref: R
|
|
404
|
+
}, [
|
|
405
|
+
n("h3", null, i(u.value.dropTarget || e.$t("fileInput.dropTargetLabel")), 1)
|
|
406
|
+
], 512), [
|
|
407
|
+
[G, A.enableLocalFileUpload && A.enableDragDrop && O.value]
|
|
408
|
+
]),
|
|
409
|
+
U(n("div", LA, [
|
|
410
|
+
n("p", HA, i(x.value), 1)
|
|
411
|
+
], 512), [
|
|
412
|
+
[G, x.value]
|
|
413
|
+
]),
|
|
414
|
+
A.enableFileList && l.value.length ? (t(), s("div", kA, [
|
|
415
|
+
n("div", OA, [
|
|
416
|
+
(t(!0), s(CA, null, cA(l.value, (o) => (t(), s("div", {
|
|
417
|
+
key: o.id,
|
|
418
|
+
class: "col col-12"
|
|
419
|
+
}, [
|
|
420
|
+
n("span", null, i(o.name), 1),
|
|
421
|
+
a[2] || (a[2] = y(" - ", -1)),
|
|
422
|
+
n("span", null, i(o.size), 1),
|
|
423
|
+
a[3] || (a[3] = y(" - ", -1)),
|
|
424
|
+
o.error ? (t(), s("span", YA, i(o.error), 1)) : o.success ? (t(), s("span", FA, i(e.$t("common.success")), 1)) : o.active ? (t(), s("span", UA, i(e.$t("common.active")), 1)) : (t(), s("span", GA))
|
|
425
|
+
]))), 128))
|
|
426
|
+
])
|
|
427
|
+
])) : r("", !0),
|
|
428
|
+
U(n("div", SA, [
|
|
429
|
+
n("div", zA, [
|
|
430
|
+
n("div", RA, [
|
|
431
|
+
n("div", NA, [
|
|
432
|
+
X(e.$slots, "headline", {}, () => [
|
|
433
|
+
A.enableTitle && (C.value || l.value.length) ? (t(), s("p", {
|
|
434
|
+
key: 0,
|
|
435
|
+
class: "headline",
|
|
436
|
+
innerHTML: tA.value
|
|
437
|
+
}, null, 8, jA)) : r("", !0)
|
|
438
|
+
]),
|
|
439
|
+
!A.enableLegacyInput && (C.value || l.value.length) ? (t(), s("div", JA, [
|
|
440
|
+
n("div", TA, [
|
|
441
|
+
C.value || l.value.length && (!L.value || !L.value.active) ? (t(), Q(k, {
|
|
442
|
+
key: 0,
|
|
443
|
+
type: "button",
|
|
444
|
+
class: f(["btn btn-primary-outline rounded-circle", `theme--${A.variant}`]),
|
|
445
|
+
onClick: a[1] || (a[1] = M((o) => C.value ? Y() : W(), ["prevent"]))
|
|
446
|
+
}, {
|
|
447
|
+
default: D(() => [
|
|
448
|
+
E(p, {
|
|
449
|
+
symbol: "x",
|
|
450
|
+
"base-path": $(S).iconSprite,
|
|
451
|
+
class: "primary"
|
|
452
|
+
}, null, 8, ["base-path"]),
|
|
453
|
+
y(" " + i(A.enableButtonCaptions ? u.value.cancel || e.$t("fileInput.cancel") : ""), 1)
|
|
454
|
+
]),
|
|
455
|
+
_: 1
|
|
456
|
+
}, 8, ["class"])) : r("", !0)
|
|
457
|
+
]),
|
|
458
|
+
C.value ? (t(), s("div", ZA, [
|
|
459
|
+
E(k, {
|
|
460
|
+
type: "button",
|
|
461
|
+
class: f(["btn btn-primary rounded-circle", `theme--${A.variant}`]),
|
|
462
|
+
onClick: M(V, ["prevent"]),
|
|
463
|
+
disabled: w.value
|
|
464
|
+
}, {
|
|
465
|
+
default: D(() => [
|
|
466
|
+
E(p, {
|
|
467
|
+
symbol: "camera",
|
|
468
|
+
"base-path": $(S).iconSprite
|
|
469
|
+
}, null, 8, ["base-path"]),
|
|
470
|
+
y(" " + i(A.enableButtonCaptions ? u.value.shoot || e.$t("fileInput.shoot") : ""), 1)
|
|
471
|
+
]),
|
|
472
|
+
_: 1
|
|
473
|
+
}, 8, ["class", "disabled"])
|
|
474
|
+
])) : A.enableReview ? (t(), s("div", xA, [
|
|
475
|
+
E(k, {
|
|
476
|
+
type: "button",
|
|
477
|
+
class: f(["btn btn-primary rounded-circle", {
|
|
478
|
+
[`theme--${A.variant}`]: A.variant,
|
|
479
|
+
"btn-success": w.value
|
|
480
|
+
}]),
|
|
481
|
+
onClick: M(K, ["prevent"]),
|
|
482
|
+
disabled: w.value
|
|
483
|
+
}, {
|
|
484
|
+
default: D(() => [
|
|
485
|
+
E(p, { symbol: "check" }),
|
|
486
|
+
y(" " + i(A.enableButtonCaptions ? u.value.accept || e.$t("common.accept") : ""), 1)
|
|
487
|
+
]),
|
|
488
|
+
_: 1
|
|
489
|
+
}, 8, ["class", "disabled"])
|
|
490
|
+
])) : r("", !0)
|
|
491
|
+
])) : r("", !0),
|
|
492
|
+
U(n("div", {
|
|
493
|
+
class: f(["justify-center col-10 mx-auto", {
|
|
494
|
+
"d-flex": A.enableLegacyInput && (C.value || l.value.length)
|
|
495
|
+
}])
|
|
496
|
+
}, [
|
|
497
|
+
n("button", {
|
|
498
|
+
type: "button",
|
|
499
|
+
class: f(["btn btn-primary", `theme--${A.variant}`]),
|
|
500
|
+
onClick: M(Y, ["prevent"])
|
|
501
|
+
}, [
|
|
502
|
+
A.enableButtonIcons ? (t(), Q(p, {
|
|
503
|
+
key: 0,
|
|
504
|
+
symbol: "camera"
|
|
505
|
+
})) : r("", !0),
|
|
506
|
+
y(" " + i(A.enableButtonCaptions ? C.value ? u.value.cancel || e.$t("common.cancel") : u.value.camera || e.$t("fileInput.selectCameraCta") : ""), 1)
|
|
507
|
+
], 2),
|
|
508
|
+
C.value && (!e.$refs.upload || L.value.active) ? (t(), Q(k, {
|
|
509
|
+
key: 0,
|
|
510
|
+
type: "button",
|
|
511
|
+
class: f(["btn btn-primary", `theme--${A.variant}`]),
|
|
512
|
+
onClick: M(V, ["prevent"]),
|
|
513
|
+
disabled: w.value
|
|
514
|
+
}, {
|
|
515
|
+
default: D(() => [
|
|
516
|
+
A.enableButtonIcons ? (t(), Q(p, {
|
|
517
|
+
key: 0,
|
|
518
|
+
symbol: "camera"
|
|
519
|
+
})) : r("", !0),
|
|
520
|
+
y(" " + i(A.enableButtonCaptions ? u.value.shoot || e.$t("fileInput.shoot") : ""), 1)
|
|
521
|
+
]),
|
|
522
|
+
_: 1
|
|
523
|
+
}, 8, ["class", "disabled"])) : r("", !0),
|
|
524
|
+
E(BA, {
|
|
525
|
+
ref_key: "upload",
|
|
526
|
+
ref: L,
|
|
527
|
+
"model-value": l.value,
|
|
528
|
+
id: "fileUpload",
|
|
529
|
+
"onUpdate:modelValue": oA,
|
|
530
|
+
name: "fileUpload"
|
|
531
|
+
}, {
|
|
532
|
+
default: D(() => [
|
|
533
|
+
X(e.$slots, "label", {}, () => [
|
|
534
|
+
n("label", {
|
|
535
|
+
for: "fileUpload",
|
|
536
|
+
type: "button",
|
|
537
|
+
class: f(["btn btn-primary", `theme--${A.variant}`])
|
|
538
|
+
}, [
|
|
539
|
+
A.enableButtonIcons ? (t(), Q(p, {
|
|
540
|
+
key: 0,
|
|
541
|
+
symbol: "camera"
|
|
542
|
+
})) : r("", !0)
|
|
543
|
+
], 2)
|
|
544
|
+
])
|
|
545
|
+
]),
|
|
546
|
+
_: 3
|
|
547
|
+
}, 8, ["model-value"])
|
|
548
|
+
], 2), [
|
|
549
|
+
[G, A.enableLegacyInput && (C.value || l.value.length)]
|
|
550
|
+
]),
|
|
551
|
+
A.required ? (t(), s("input", {
|
|
552
|
+
key: 1,
|
|
553
|
+
ref: "hiddenInput",
|
|
554
|
+
required: A.required,
|
|
555
|
+
value: I.value,
|
|
556
|
+
style: { display: "none" }
|
|
557
|
+
}, null, 8, WA)) : r("", !0)
|
|
558
|
+
])
|
|
559
|
+
])
|
|
560
|
+
])
|
|
561
|
+
], 512), [
|
|
562
|
+
[G, C.value || l.value.length]
|
|
563
|
+
])
|
|
564
|
+
], 2));
|
|
565
|
+
}
|
|
566
|
+
});
|
|
567
|
+
export {
|
|
568
|
+
oe as _
|
|
569
|
+
};
|