ablok-photobooth 0.2.41 → 0.2.42
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
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as a } from "./chunks/photo-app.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as a } from "./chunks/photo-app.vue_vue_type_style_index_0_lang-BdQvhbLS.js";
|
|
2
2
|
import { _ as e } from "./chunks/fabric-canvas.vue_vue_type_style_index_0_lang-B-D65X2t.js";
|
|
3
3
|
import { _ as s } from "./chunks/creative-booth.vue_vue_type_style_index_0_lang-BHKoShl5.js";
|
|
4
4
|
import { _ as m } from "./chunks/face-swap.vue_vue_type_style_index_0_lang-B0EJ4Q3T.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as rA, getCurrentInstance as gA, computed as b, ref as B, watch as F, onMounted as sA, openBlock as t, createElementBlock as g, normalizeClass as f, normalizeStyle as v, createVNode as E, createCommentVNode as s, 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
2
|
import uA from "ablok-components/components/molecules/base-camera/base-camera.vue";
|
|
3
3
|
import dA from "ablok-components/components/atoms/base-image/base-image.vue";
|
|
4
4
|
import IA from "ablok-components/components/atoms/loading-spinner/loading-spinner.vue";
|
|
5
|
-
import
|
|
5
|
+
import O from "ablok-components/components/atoms/base-button/base-button.vue";
|
|
6
6
|
import p from "ablok-components/components/atoms/svg-icon/svg-icon.vue";
|
|
7
7
|
import BA from "ablok-components/components/atoms/input-file/input-file.vue";
|
|
8
8
|
import { useCameraFilter as fA } from "ablok-components/composables/useCameraFilter";
|
|
@@ -11,10 +11,10 @@ import { g as EA, f as j, a as vA, b as QA, c as q, M as mA } from "./media-api-
|
|
|
11
11
|
const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHkJJREFUeNrs3Q1u8zaXgNHS8JK4/xVwTyzytgnS1HZsixR/7jlAgZkMBl+hT6Z1H1FyqrX+BQAAAOzt4hAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAEA0V4cAANaTc64j//NLKcl/CwCwllRrdRQAwJDfjDgAAHPyCAAAGP79uwOAAAAAAAAIAAAAAIAAAAAAAAgAAAAAwEn8CgAATOq3l+mNetv+rP9eAIAAAAAAAOF5BAAAAAAEAAAAAEAAAAAAAJZwdQgA2N2tl9Z5UZ1zwjkBQDReAghAmAHPwIdzA4DI7AAAINxwB8+eR0IAADuxAwCA0IO/Ac954jwBQAAAgE2HOUOd88Z5A0BEHgEAINwABy3OPyEAgNXYAQBAyMHf8OZcci4BIAAAwKbDmkEN5xcAAgAAGMxwvjnfABAAAGC1QcwQhnMQAAQAAAxd4JwEQAAAAEMWOEcBEAAAYKrBylCF8xUABAAANh2kDFE4hwFAAADA0ATOaQC44eIQAGBQgvcdOTdb/fQgADzDDgAADP7gXAdAAACAMQORYQjnPQAIAAAYgMDnAAAEAAAMPLD+58JnAgABAADDP/h8AIAAAMA6w43BBp8VnxUABAAADDPgs+OzA0BDF4cAgDMZYMBnAYAxrg4BAIYdGPu5ePf9AADwCjsAADD8g88IAAHYAQCAoQYm+rzYDQBAL3YAAGD4B58dAALwKwAANPF519LwAj5XAAgAAAAAwCAeAQAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAiyznXj38cCcA6A8AjqVZrOcCqF+S3/l5KSY4OYJ0B4Cc7AAA2uigHsAYBIAAAuDAHsJYACAAAuCgHsBYBCAAALHPB7dlcoIVn1hIRAEAAAGDQ8A9gbQJAAAAIcIHt7j/Q0rNriggAIAAAMOGFOoC1BUAAAGBCnvsHVogAdgEACAAAGP4BEQAAAQAAAAAQAAACc/cfmI1dAAACAACGf0AEEAEABAAADP+ACACAAAAAAAAIAACRuPsPrMIuAAABAADDPyACiAAAAgAAAAAgAAAE5e4/sCq7AAAEAAAM/4AIIAIACAAAAACAAAAQhLv/wC7sAgAQAADofEENYM0CQAAAmJg7YYC1DwABAMAFsDtpwJI8CgAgAADQ+AIawBoGgAAAMDF3vgCshQACAADunAHWMgAEAIDVueMFYE0EEAAAXOi6YwZsxQsBAQQAAAz/gLUNAAEAYD/ucAFYIwEEAADcIQOscQAIAACrc2cLwFoJIAAA4M4YYK0DQAAAWJ07WgDWTAABAAB3xABrHgACAMDq3MkCsHYCCAAAuBMGWPsAEAAAVvfbHSwXwIAI8P4aCoAAAAAAAAgAAHNw9x/AWgggAAAAAAACAMDq3PECsCYCCAAAAABAN6lWL1kF6OXzTdbucgFYLwEEAAAAAKA7jwAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAACgEMAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAIAAAAAAAAgAAJHknOvHP44EgHUaYGWpVmslwL0Lyp9/K6UkRwbAWg2wIjsAAJ68oHz0dwCs1QACAAAAACAAAAAAAAIAwOlsHQWwlgMIAADBebEUAAACAAAAnEiUBRAAAAAAAAEA4D7PjAJY0wEEAAAAAEAAANidZ00BrM0AAgAAAAAgAAAAAAACAMAUvCwKwNoOIAAAAAAAAgDA7rxkCsAaDSAAAAAAAAIAAAAAIAAATMFLogCs8QACAAAAACAAAOzOy6UArNUAAgAAAAAgAAAAAAACAAAAACAAAJzD26EBrPUAAgAAAAAgAADszlulAazZAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAEAjfhYKwJoPIAAAAAAAAgDA7vycFIC1G0AAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAPiSc66OAoC1H0AAAAjM70gDWMMBBAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAAAQAAAAAAABACCMUkpyFACs5QACAICLQwCs/QDLSbVWRwEAAAA2ZwcAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgADgEAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAABAc1eHAIgs51x//q2UkhwZAGs8wG7sAABcGD75dwCs8QACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgAAFH5nWgAaziAAACwiVJKchQArP0AAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAIAAAMC/cs7VUQCwdgMIAAAbKKUkRwHAmg8gAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAA04fekAazZAAIAwCb8LjSAtR5AAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAABoxu9KA1irAQQAgE34fWgAAAQAAABYmMgLIAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAMBu/Lw1gjQYQAAA24WeiAKztAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAwEv8XBSANR1AAABwEQmANRpgWanW6igAAADA5uwAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAABACHAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAgLNdHQKA1+Wc6+f/XEpJjgiAtRdgdqnW6igAvHHx+Z0LUQDrL8DsPAIA0PHCFABrLIAAAAAAAAgAAAAAgAAAAAAACAAAAOzA8/8AAgCAi1QAABAAAPrwc1MA1mQAAQAAAAAQAAAAAAABAAAAABAAANbgRYAA1lQAAQBgE146BWAtBhAAAAAAAAEAAAAAEAAAtuCZVQBrKYAAAAAAAAgAAKvw8ikAazCAAAAAAAAIAAAAAIAAALAFL68CsIYCCAAAAACAAACwCi+hArD2AggAAAAAgAAAAAAACAAAW/ASKwBrJ4AAALAJz6ICWHMBBAAAAABAAAAAAAAEAIAteJYVwJoJIAAAAAAAAgDAKryUCsBaCyAAAAAAAAIAQASeaQWwVgIIAAAAAIAAALAKz6YCWGMBBAAAAABAAACIwLOtAAAIAAAAhCaSAggAAEvxjCqAtRVAAAAAAAAEAAAAAEAAANiCZ1wBrI0AAgDAJjyrCmBNBRAAAAAAAAEAIAJbXQGsiQACAAAAACAAAKzCM6sA1lIAAQAAAAAQAAAAAAABAGAZ97au2tIKYK0EEAAANr+wdUELYK0EGCnV6tdXAAAAYHd2AAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAKAQwAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAgAAAAAAACAAAAACAAADAQTnn+vGPIwFYvwBoJdVqfQaY6cL51t9LKcnRAaxfABxhBwAAAAAIAADMwHZawBoFgAAAAAAACAAAu3CHDbA2ASAAAAAAAAIAwCq8LRuwpgEgAABgqy1gTQJAAAAAAAAEAIBl2DILWMsAEAAAsOUWsBYBIAAAAAAAAgDAMn7bOuvOGzDSb2uQ7f8AAgAAAAAgAAAAAAACAEAwHgMAZmT7P4AAAAAAAAgAALzDnTTAmgWAAACAxwAAaw4AAgAAAAAgAAAsw8sAgRl4+R+AAAAAAAAIAAC04M4aYI0CQAAAwGMAgDUGAAEAAAAAEAAAluFlgMAIXv4HIAAAAAAAAgAAPdgFAJzJ3X8AAQAAAAAQAAAAAAABAIBDPAYAnMH2fwABAAAAABAAADiDXQBAT+7+AwgAAAAAgAAAwJnsAgB6cPcfQAAAAAAABAAAAABAAACgC48BAC3Z/g8gAAAAAAACAAAj2QUAtODuP4AAAAAAAAgAAMzALgDgCHf/AQQAAAAAQAAAYCZ2AQDvcPcfQAAAAAAABAAAZuROHWBNAUAAAAAAAAEAAAAAEAAAWIYtu4C1BIBbUq1eCg0AAAC7swMAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAAAQABwCAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAEAAD4JudcP/5xJMDnE4B1pVp9XwBwf7D4+bdSSnJkwGcUgPXYAQDA04PFo78DPqMACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAAAgAAQfkZMfAZBkAAAAAAAAQAAHZXSkmOAvgsAiAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAABAHDnn6igAIAAAYGgAABAAAOA2vzsOPpMACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAfMk5V0cBfKYBEAAACMzvjYPPJgACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAABf/F44+GwDIAAAAAAAAgAAuyulJEcBfEYBEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAA+CPnXB0F8BkHQAAAIDC/Lw4+qwAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAA8xc+Kgc8sAAIAAAAAsJBUa3UUAPgj5/z1peBOIvgsAyAAAAAAAIvxCAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAADAIVeHAGAeOef682+llOTIANYwAI5KtVZHAWCSC+V7XEAD1jQAjrIDAGCyC2OAiGuiKAAgAAAY9AECr5/CAIAAAGDQBwi83goDAAIAgCEfIPgaLQ4A3OYlgICLyMkHfReygPXUegogAABsdGHqAhWw7lp3AQQAABeeANZl6zKAAACwykWmi0qANdZs6zWwIy8BBHDhCDDdmulFrAACAIAhHyD4GisOAAgAAAZ9gMDrsjAAIAAAGPQBAq/jwgDAP7wEENjWvQs+gz4AvicAAQAAAADY0sUhAAAAAAEAAAAAEAAAAACAFfgVAOBXt16S5AVJAOC7GViLlwACT11U3OJCAwB8TwPrsAMA8PvIABDg+10QAAQAcEEAAAgCgAAAGPgBAEEAEAAAAz8AIAgAS/ASQDD0v8VFAQD43gcEAGDDL35f/gDgmsA1AQgAgC93AMA1AyAAAL68AQDXFIAAAPhyBgBccwACAPjy9eULALgmAQQA8CXryxUAcK0CCAAQ6wvVlygA4PoFuOfqEMC6fGECAGdfb4x4ZAAQAMDADwAgCAACABj4AQAEAeCTdwDAyR59KRr4AQDXPoAAAAAAALzt4hAAAACAAAAAAAAIAAAAAIAAACf4eLGMt80CAOB6Ex7zEkCWXIAf/d+9TRYAANed8H9Xh4AdFl8AABh5jSoGIACAoR8AADEABAAw9AMAIAaAAIChHwAAxAAQADD0AwCAGADP8isAbDH0W0ABAHAtCwIAFkoAAHCNiwAgALDSomhBBADAdS8IAFj8AADA9TAIAKy00FnkAABwjewaGQGATRc1CxoAAK6bXTcjAGDxAgAA19OupxEAWGmhskgBAIBrbAQALEoAAOCa2zU3AgCrLUIWIAAAcB2OAIAFBwAAcF2OAMBqi4zFBQAAXKczr6tDwFEWFAAA6H+93foXBBAAwOAPAABCAAIAGPwBAEAIYEXeAcB/3FtEDP0AAOA6HgGAjRcPCwYAALiWRwAAAAAAFnFxCAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAACAG64OwRg55/r5P5dSkiMCAACYgegp1VodhUEn/Xc+AAAAgDmInjwCMMFJDwAAYEaiN48AOKkBAACGz0t2A/RnB4DhHwAAwOwkAOAEBgAAMEMJADQ5cW11AQAAdvbKzCMC9ONXAAYO/oZ/AADAvGReOosdAE5mAACAU7w6A9kNIAAY/gEAAEQAXuQRgJOHf4M/AACAWWoEOwCcsAAAAEN4OaAAYPgHAAAQAUQAAcDwDwAAIALwKu8A6Dj4G/4BAADMWwLA5iejExEAAMDsNROPADgBAQAApuKRAAHA8A8AACACiAACgOEfAABABEAAMPwDAACIAAIAhn8AAAARQAAw/Bv+AQAARAABwPAPAACACCAAGP4BAAAQAQQAwz8AAAAigABg+AcAAEAEEAAM/wAAACKACCAAGP4BAABEABEgcgAw/AMAAIgAAgCGfwAAALObALC6Z4uPEwgAAGC/CBB1F0C4AGD4BwAAEAEiRoBQAcDwDwAAIAJEjQBhAoDhHwAAQASIHAG8BNDwDwAAYMYTAJwYAAAAmPUEACcEAAAAZj4BwIkAAACA2U8AGP5fthMAAAAgdgSINBemWquzAAAAADbnHQAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAACAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAAAgAAAAAgAAAAAAACAAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAIAA4BAAAACAAAAAAAAIAAAAAIAAAAAAAAgAAAAAgAAAAAAANHId/S+Qc64//1ZKSf6rAQAAYFUzzrqX2Q7Io78DAADAisP/DLOuRwAAAAAggGEBwF1+AAAAohk5C9sBAAAAAAEMCQC/FQ8vAQQAAGBXo3YB2AEAAAAADc16U/v0AODuPwAAANEjwIhdAHYAAAAAQACnBgB3/wEAAIhitl0AdgAAAABAAKcFAHf/AQAAiGamXQB2AAAAAEAApwQAd/8BAACIapZdAHYAAAAAQADdA8CI3zYEAACAlZwxOw/fAWD7PwAAALubYfb1CAAAAAAE0DUAePkfAAAAPDcD934MwA4AAAAACKBbAHD3HwAAAF6bhXvuArADAAAAAAIYEgDc/QcAACCqUTNxlwBwxu8XAgAAwI56zdQeAQAAAIAAmgcAL/8DAACAx0a8DNAOAAAAAAjg1ADg7j8AAACMmZGbBgAv/wMAAIA5Z2yPAAAAAEAApwUA2/8BAABg3KzcLADY/g8AAABttZy1PQIAAAAAAZwSAGz/BwAAgLEzc5MAYPs/AAAA9NFq5vYIAAAAAATQPQDY/g8AAADjZ+fDAcD2fwAAAOirxeztEQAAAAAIoGsAsP0fAAAA5pihDwUA2/8BAADgHEdncI8AAAAAQADdAoDt/wAAADDPLG0HAAAAAATwdgDw/D8AAACc68gsbgcAAAAABNAlAHj+HwAAAOaaqe0AAAAAgADeDgD3ioS7/wAAAHBMj5n70vJfyPAPAAAAfSLA0Zk71epl/gAAALA77wAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAEAIcAAAAABAAAAABAAAAAAAAEAAAAAEAAAAAAAAQAAAAAQAAAAAAABAAAAABAAAAAAAABAAAAABAAAAAAAAEAAAAAEAAAAACAs13f+X/KOdfv/3spJTmUAAAA0EeLOfxy9D/03t8AAACA9sP/u3O4RwAAAAAggJcCgDv9AAAAMIdXZ3Q7AAAAACAAAQAAAAAEAAAAAEAAAADgb3bsWAAAAABgkL/1IPYWRgAgAAAAAAABAAAAAAgAAAAAQAAAAAAAAgAAAAAQAAAAACAAAAAAAAEAAAAACAAAAABAAAAAAAACAAAAABAAAAAAgAAAAAAABAAAAAAIAAAAAEAAAAAAAAIAAAAAEAAAAACAAAAAAAAEAAAAALAkwACd6iSVhnRezwAAAABJRU5ErkJggg==", DA = { class: "photo-app__drop-target__canvas" }, yA = { class: "flex-grow-1 text-center" }, pA = ["innerHTML"], hA = { class: "ml-2" }, PA = {
|
|
12
12
|
key: 0,
|
|
13
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" },
|
|
14
|
+
}, MA = { key: 0 }, LA = { class: "photo-app__errors mt-2" }, HA = { class: "error--text" }, OA = {
|
|
15
15
|
key: 1,
|
|
16
16
|
class: "photo-app__file-list"
|
|
17
|
-
},
|
|
17
|
+
}, kA = { 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
18
|
key: 0,
|
|
19
19
|
class: "d-flex justify-center col-8 mx-auto"
|
|
20
20
|
}, TA = { class: "col" }, ZA = {
|
|
@@ -23,7 +23,7 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
23
23
|
}, xA = {
|
|
24
24
|
key: 1,
|
|
25
25
|
class: "col"
|
|
26
|
-
}, WA = ["required", "value"], oe = /* @__PURE__ */
|
|
26
|
+
}, WA = ["required", "value"], oe = /* @__PURE__ */ rA({
|
|
27
27
|
__name: "photo-app",
|
|
28
28
|
props: {
|
|
29
29
|
modelValue: {
|
|
@@ -179,79 +179,83 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
179
179
|
enableZoomSlider: {
|
|
180
180
|
type: Boolean,
|
|
181
181
|
default: !1
|
|
182
|
+
},
|
|
183
|
+
correctOrientation: {
|
|
184
|
+
type: Boolean,
|
|
185
|
+
default: !1
|
|
182
186
|
}
|
|
183
187
|
},
|
|
184
188
|
emits: ["update:modelValue"],
|
|
185
189
|
setup(A, { emit: _ }) {
|
|
186
|
-
const { tm: KA } = wA(), J =
|
|
190
|
+
const { tm: KA } = wA(), J = gA(), S = J && J.appContext.config.globalProperties.$config, r = 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
191
|
const e = l.value.find((a) => a.response && a.response.path);
|
|
188
192
|
return e && e.response.path;
|
|
189
193
|
}), T = b(() => z.value ? `${eA.value}${z.value}` : ""), u = b(() => ({
|
|
190
|
-
...
|
|
191
|
-
...
|
|
194
|
+
...r.i18n ? r.i18n.messages : {},
|
|
195
|
+
...r.messages
|
|
192
196
|
}));
|
|
193
197
|
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(),
|
|
198
|
+
const tA = b(() => l.value.length ? u.value.reviewTitle : u.value.captureTitle), l = B([]), L = B(), Z = B(), R = B(), k = B(!1), c = B(!1), N = B(), I = B(), w = B(!1), x = B("");
|
|
195
199
|
F(N, async (e, a) => {
|
|
196
200
|
if (e) {
|
|
197
|
-
const o = e.blob && e.blob.type.split("/")[1],
|
|
201
|
+
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
202
|
l.value.push(new File([P], `${e.id}.${o}`, {
|
|
199
203
|
type: P.type
|
|
200
204
|
})), w.value = !1, lA();
|
|
201
205
|
}
|
|
202
206
|
}, { deep: !0 }), F(l, async (e, a) => {
|
|
203
|
-
if (
|
|
207
|
+
if (r.enableInstantUpload)
|
|
204
208
|
e.find((o) => !o.response.path) && (L.value.active = !0);
|
|
205
209
|
else {
|
|
206
|
-
const o = await Promise.all(e.map(async (
|
|
207
|
-
let d = await j(
|
|
208
|
-
|
|
209
|
-
const h =
|
|
210
|
+
const o = await Promise.all(e.map(async (C) => {
|
|
211
|
+
let d = await j(C);
|
|
212
|
+
r.downScaleImages && Number(r.maxFileSize) && C.size > Number(r.maxFileSize) && (d = await QA(d, 800, 800));
|
|
213
|
+
const h = r.ratio.split("x");
|
|
210
214
|
return await q(d, Number(h[0]) / Number(h[1]));
|
|
211
215
|
}));
|
|
212
216
|
I.value = o[0];
|
|
213
217
|
}
|
|
214
218
|
}, { deep: !0 }), F(aA, async (e, a) => {
|
|
215
|
-
e && !a && (I.value =
|
|
219
|
+
e && !a && (I.value = r.enableInstantUpload ? z.value : await q(T.value));
|
|
216
220
|
}, { deep: !0 }), F(I, async (e, a) => {
|
|
217
|
-
|
|
221
|
+
r.enableAutoSave && I !== a && K();
|
|
218
222
|
});
|
|
219
223
|
function W() {
|
|
220
224
|
I.value = "", l.value = [], w.value = !1;
|
|
221
225
|
}
|
|
222
226
|
function lA() {
|
|
223
|
-
|
|
227
|
+
c.value = !1;
|
|
224
228
|
}
|
|
225
229
|
function Y() {
|
|
226
|
-
W(),
|
|
230
|
+
W(), c.value = !c.value;
|
|
227
231
|
}
|
|
228
232
|
async function oA(e) {
|
|
229
|
-
if (!
|
|
233
|
+
if (!r.filter) {
|
|
230
234
|
l.value = e;
|
|
231
235
|
return;
|
|
232
236
|
}
|
|
233
237
|
const { applyFilterToImageBlob: a } = fA({
|
|
234
|
-
...
|
|
235
|
-
filter:
|
|
236
|
-
tintColor:
|
|
237
|
-
tintIntensity:
|
|
238
|
-
}), o = await Promise.all((e || []).map(async (
|
|
239
|
-
const d =
|
|
238
|
+
...r,
|
|
239
|
+
filter: r.filter ?? "none",
|
|
240
|
+
tintColor: r.tint?.color ?? "",
|
|
241
|
+
tintIntensity: r.tint?.intensity ?? 0
|
|
242
|
+
}), o = await Promise.all((e || []).map(async (C) => {
|
|
243
|
+
const d = C?.file instanceof File ? C.file : C instanceof File ? C : null;
|
|
240
244
|
if (!d)
|
|
241
|
-
return
|
|
245
|
+
return C;
|
|
242
246
|
const h = await j(d), H = await a(h), m = new File([H], d.name, {
|
|
243
247
|
type: H.type || d.type,
|
|
244
248
|
lastModified: d.lastModified
|
|
245
249
|
});
|
|
246
|
-
if (
|
|
250
|
+
if (C?.file instanceof File) {
|
|
247
251
|
const P = window.URL || window.webkitURL;
|
|
248
252
|
return {
|
|
249
|
-
...
|
|
253
|
+
...C,
|
|
250
254
|
file: m,
|
|
251
255
|
size: m.size,
|
|
252
256
|
type: m.type,
|
|
253
257
|
name: m.name,
|
|
254
|
-
blob: P && P.createObjectURL ? P.createObjectURL(m) :
|
|
258
|
+
blob: P && P.createObjectURL ? P.createObjectURL(m) : C.blob
|
|
255
259
|
};
|
|
256
260
|
}
|
|
257
261
|
return m;
|
|
@@ -259,40 +263,40 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
259
263
|
l.value = o;
|
|
260
264
|
}
|
|
261
265
|
const K = (async () => {
|
|
262
|
-
w.value = !0,
|
|
266
|
+
w.value = !0, r.enableProcessImage && r.processImage && (I.value = await r.processImage.reduce(async (e, a) => {
|
|
263
267
|
const o = await e;
|
|
264
268
|
return await nA(o, a);
|
|
265
269
|
}, Promise.resolve(I.value))), AA("update:modelValue", I.value);
|
|
266
270
|
}), nA = (async (e, a) => `${await mA.processImage(
|
|
267
271
|
`${a.endpoint}${a.search ? `?${a.search}` : ""}`,
|
|
268
|
-
{ ...a.body, dataUrl: e, resolution:
|
|
272
|
+
{ ...a.body, dataUrl: e, resolution: r.fixedResolution },
|
|
269
273
|
a.basePath
|
|
270
274
|
)}`);
|
|
271
275
|
function V() {
|
|
272
276
|
w.value = !0, Z.value?.onCapture();
|
|
273
277
|
}
|
|
274
|
-
return
|
|
278
|
+
return sA(() => {
|
|
275
279
|
["dragenter", "dragover"].forEach((e) => {
|
|
276
280
|
document.body.addEventListener(e, (a) => {
|
|
277
|
-
a.preventDefault(),
|
|
281
|
+
a.preventDefault(), k.value = !0;
|
|
278
282
|
}, !1);
|
|
279
283
|
}), ["dragleave", "drop"].forEach((e) => {
|
|
280
284
|
R.value.addEventListener(e, (a) => {
|
|
281
|
-
a.preventDefault(),
|
|
285
|
+
a.preventDefault(), k.value = !1;
|
|
282
286
|
}, !1);
|
|
283
287
|
}), ["drop"].forEach((e) => {
|
|
284
288
|
R.value.addEventListener(e, (a) => {
|
|
285
|
-
a.preventDefault(),
|
|
289
|
+
a.preventDefault(), k.value = !1;
|
|
286
290
|
const o = a.dataTransfer;
|
|
287
291
|
(o && Array.from(o.files || []))?.forEach((d) => {
|
|
288
292
|
l.value.push(d);
|
|
289
293
|
});
|
|
290
294
|
}, !1);
|
|
291
295
|
});
|
|
292
|
-
}), (e, a) => (t(),
|
|
296
|
+
}), (e, a) => (t(), g("div", {
|
|
293
297
|
class: f(["photo-app", A.variant === "dark" && "theme--dark"])
|
|
294
298
|
}, [
|
|
295
|
-
A.enableCamera ? (t(),
|
|
299
|
+
A.enableCamera ? (t(), g("div", {
|
|
296
300
|
key: 0,
|
|
297
301
|
class: "photo-app__canvas media-container",
|
|
298
302
|
style: v({
|
|
@@ -300,7 +304,7 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
300
304
|
backgroundColor: A.backgroundColor
|
|
301
305
|
})
|
|
302
306
|
}, [
|
|
303
|
-
|
|
307
|
+
c.value ? (t(), g("div", {
|
|
304
308
|
key: 0,
|
|
305
309
|
class: f(["photo-app__camera", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
|
|
306
310
|
style: v({ borderColor: A.color })
|
|
@@ -329,10 +333,11 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
329
333
|
"tint-color": A.tint?.color,
|
|
330
334
|
"tint-intensity": A.tint?.intensity,
|
|
331
335
|
zoom: A.zoom,
|
|
332
|
-
"enable-zoom-slider": A.enableZoomSlider
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
+
"enable-zoom-slider": A.enableZoomSlider,
|
|
337
|
+
"correct-orientation": A.correctOrientation
|
|
338
|
+
}, 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", "correct-orientation"])
|
|
339
|
+
], 6)) : s("", !0),
|
|
340
|
+
l.value && l.value.length && !c.value ? (t(), g("div", {
|
|
336
341
|
key: 1,
|
|
337
342
|
class: "photo-app__preview",
|
|
338
343
|
style: v({ borderColor: A.color })
|
|
@@ -340,17 +345,17 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
340
345
|
I.value ? (t(), Q(dA, {
|
|
341
346
|
key: 0,
|
|
342
347
|
src: T.value || I.value
|
|
343
|
-
}, null, 8, ["src"])) :
|
|
348
|
+
}, null, 8, ["src"])) : s("", !0),
|
|
344
349
|
E(iA, {
|
|
345
350
|
name: "fade",
|
|
346
351
|
mode: "out-in"
|
|
347
352
|
}, {
|
|
348
353
|
default: D(() => [
|
|
349
|
-
w.value ? (t(), Q(IA, { key: 0 })) :
|
|
354
|
+
w.value ? (t(), Q(IA, { key: 0 })) : s("", !0)
|
|
350
355
|
]),
|
|
351
356
|
_: 1
|
|
352
357
|
})
|
|
353
|
-
], 4)) :
|
|
358
|
+
], 4)) : c.value ? s("", !0) : (t(), g("div", {
|
|
354
359
|
key: 2,
|
|
355
360
|
class: f(["photo-app__drop-target", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
|
|
356
361
|
style: v({ borderColor: A.color })
|
|
@@ -361,7 +366,7 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
361
366
|
class: "headline h2 font-weight-bold",
|
|
362
367
|
innerHTML: u.value.title || e.$t("fileInput.coverTitle")
|
|
363
368
|
}, null, 8, pA),
|
|
364
|
-
A.enableCamera ? (t(), Q(
|
|
369
|
+
A.enableCamera ? (t(), Q(O, {
|
|
365
370
|
key: 0,
|
|
366
371
|
type: "button",
|
|
367
372
|
onClick: M(Y, ["prevent"]),
|
|
@@ -374,9 +379,9 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
374
379
|
n("span", hA, i(u.value.launchCamera || e.$t("fileInput.coverLaunchCta")), 1)
|
|
375
380
|
]),
|
|
376
381
|
_: 1
|
|
377
|
-
}, 8, ["style"])) :
|
|
382
|
+
}, 8, ["style"])) : s("", !0)
|
|
378
383
|
]),
|
|
379
|
-
A.enableLocalFileUpload ? (t(),
|
|
384
|
+
A.enableLocalFileUpload ? (t(), g("div", PA, [
|
|
380
385
|
n("p", {
|
|
381
386
|
class: "subtitle fw-bold ma-0",
|
|
382
387
|
style: v({ color: A.color })
|
|
@@ -385,7 +390,7 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
385
390
|
class: "text-body-1",
|
|
386
391
|
style: v({ color: A.color })
|
|
387
392
|
}, [
|
|
388
|
-
A.enableDragDrop ? (t(),
|
|
393
|
+
A.enableDragDrop ? (t(), g("span", MA, i(u.value.dropTarget || e.$t("fileInput.coverDropTarget")) + " " + i(A.enableLocalFileUpload && A.enableDragDrop ? u.value.or || e.$t("common.or") : "") + " " + i(), 1)) : s("", !0),
|
|
389
394
|
n("label", {
|
|
390
395
|
for: "fileUpload",
|
|
391
396
|
role: "button",
|
|
@@ -393,10 +398,10 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
393
398
|
style: v({ color: A.color })
|
|
394
399
|
}, i(u.value.coverSelectFileCta || e.$t("fileInput.coverLocalFileCta")), 5)
|
|
395
400
|
], 4)
|
|
396
|
-
])) :
|
|
401
|
+
])) : s("", !0)
|
|
397
402
|
])
|
|
398
403
|
], 6))
|
|
399
|
-
], 4)) :
|
|
404
|
+
], 4)) : s("", !0),
|
|
400
405
|
U(n("div", {
|
|
401
406
|
class: "photo-app__drop-overlay",
|
|
402
407
|
ref_key: "dropArea",
|
|
@@ -404,16 +409,16 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
404
409
|
}, [
|
|
405
410
|
n("h3", null, i(u.value.dropTarget || e.$t("fileInput.dropTargetLabel")), 1)
|
|
406
411
|
], 512), [
|
|
407
|
-
[G, A.enableLocalFileUpload && A.enableDragDrop &&
|
|
412
|
+
[G, A.enableLocalFileUpload && A.enableDragDrop && k.value]
|
|
408
413
|
]),
|
|
409
414
|
U(n("div", LA, [
|
|
410
415
|
n("p", HA, i(x.value), 1)
|
|
411
416
|
], 512), [
|
|
412
417
|
[G, x.value]
|
|
413
418
|
]),
|
|
414
|
-
A.enableFileList && l.value.length ? (t(),
|
|
415
|
-
n("div",
|
|
416
|
-
(t(!0),
|
|
419
|
+
A.enableFileList && l.value.length ? (t(), g("div", OA, [
|
|
420
|
+
n("div", kA, [
|
|
421
|
+
(t(!0), g(cA, null, CA(l.value, (o) => (t(), g("div", {
|
|
417
422
|
key: o.id,
|
|
418
423
|
class: "col col-12"
|
|
419
424
|
}, [
|
|
@@ -421,28 +426,28 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
421
426
|
a[2] || (a[2] = y(" - ", -1)),
|
|
422
427
|
n("span", null, i(o.size), 1),
|
|
423
428
|
a[3] || (a[3] = y(" - ", -1)),
|
|
424
|
-
o.error ? (t(),
|
|
429
|
+
o.error ? (t(), g("span", YA, i(o.error), 1)) : o.success ? (t(), g("span", FA, i(e.$t("common.success")), 1)) : o.active ? (t(), g("span", UA, i(e.$t("common.active")), 1)) : (t(), g("span", GA))
|
|
425
430
|
]))), 128))
|
|
426
431
|
])
|
|
427
|
-
])) :
|
|
432
|
+
])) : s("", !0),
|
|
428
433
|
U(n("div", SA, [
|
|
429
434
|
n("div", zA, [
|
|
430
435
|
n("div", RA, [
|
|
431
436
|
n("div", NA, [
|
|
432
437
|
X(e.$slots, "headline", {}, () => [
|
|
433
|
-
A.enableTitle && (
|
|
438
|
+
A.enableTitle && (c.value || l.value.length) ? (t(), g("p", {
|
|
434
439
|
key: 0,
|
|
435
440
|
class: "headline",
|
|
436
441
|
innerHTML: tA.value
|
|
437
|
-
}, null, 8, jA)) :
|
|
442
|
+
}, null, 8, jA)) : s("", !0)
|
|
438
443
|
]),
|
|
439
|
-
!A.enableLegacyInput && (
|
|
444
|
+
!A.enableLegacyInput && (c.value || l.value.length) ? (t(), g("div", JA, [
|
|
440
445
|
n("div", TA, [
|
|
441
|
-
|
|
446
|
+
c.value || l.value.length && (!L.value || !L.value.active) ? (t(), Q(O, {
|
|
442
447
|
key: 0,
|
|
443
448
|
type: "button",
|
|
444
449
|
class: f(["btn btn-primary-outline rounded-circle", `theme--${A.variant}`]),
|
|
445
|
-
onClick: a[1] || (a[1] = M((o) =>
|
|
450
|
+
onClick: a[1] || (a[1] = M((o) => c.value ? Y() : W(), ["prevent"]))
|
|
446
451
|
}, {
|
|
447
452
|
default: D(() => [
|
|
448
453
|
E(p, {
|
|
@@ -453,10 +458,10 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
453
458
|
y(" " + i(A.enableButtonCaptions ? u.value.cancel || e.$t("fileInput.cancel") : ""), 1)
|
|
454
459
|
]),
|
|
455
460
|
_: 1
|
|
456
|
-
}, 8, ["class"])) :
|
|
461
|
+
}, 8, ["class"])) : s("", !0)
|
|
457
462
|
]),
|
|
458
|
-
|
|
459
|
-
E(
|
|
463
|
+
c.value ? (t(), g("div", ZA, [
|
|
464
|
+
E(O, {
|
|
460
465
|
type: "button",
|
|
461
466
|
class: f(["btn btn-primary rounded-circle", `theme--${A.variant}`]),
|
|
462
467
|
onClick: M(V, ["prevent"]),
|
|
@@ -471,8 +476,8 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
471
476
|
]),
|
|
472
477
|
_: 1
|
|
473
478
|
}, 8, ["class", "disabled"])
|
|
474
|
-
])) : A.enableReview ? (t(),
|
|
475
|
-
E(
|
|
479
|
+
])) : A.enableReview ? (t(), g("div", xA, [
|
|
480
|
+
E(O, {
|
|
476
481
|
type: "button",
|
|
477
482
|
class: f(["btn btn-primary rounded-circle", {
|
|
478
483
|
[`theme--${A.variant}`]: A.variant,
|
|
@@ -487,11 +492,11 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
487
492
|
]),
|
|
488
493
|
_: 1
|
|
489
494
|
}, 8, ["class", "disabled"])
|
|
490
|
-
])) :
|
|
491
|
-
])) :
|
|
495
|
+
])) : s("", !0)
|
|
496
|
+
])) : s("", !0),
|
|
492
497
|
U(n("div", {
|
|
493
498
|
class: f(["justify-center col-10 mx-auto", {
|
|
494
|
-
"d-flex": A.enableLegacyInput && (
|
|
499
|
+
"d-flex": A.enableLegacyInput && (c.value || l.value.length)
|
|
495
500
|
}])
|
|
496
501
|
}, [
|
|
497
502
|
n("button", {
|
|
@@ -502,10 +507,10 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
502
507
|
A.enableButtonIcons ? (t(), Q(p, {
|
|
503
508
|
key: 0,
|
|
504
509
|
symbol: "camera"
|
|
505
|
-
})) :
|
|
506
|
-
y(" " + i(A.enableButtonCaptions ?
|
|
510
|
+
})) : s("", !0),
|
|
511
|
+
y(" " + i(A.enableButtonCaptions ? c.value ? u.value.cancel || e.$t("common.cancel") : u.value.camera || e.$t("fileInput.selectCameraCta") : ""), 1)
|
|
507
512
|
], 2),
|
|
508
|
-
|
|
513
|
+
c.value && (!e.$refs.upload || L.value.active) ? (t(), Q(O, {
|
|
509
514
|
key: 0,
|
|
510
515
|
type: "button",
|
|
511
516
|
class: f(["btn btn-primary", `theme--${A.variant}`]),
|
|
@@ -516,11 +521,11 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
516
521
|
A.enableButtonIcons ? (t(), Q(p, {
|
|
517
522
|
key: 0,
|
|
518
523
|
symbol: "camera"
|
|
519
|
-
})) :
|
|
524
|
+
})) : s("", !0),
|
|
520
525
|
y(" " + i(A.enableButtonCaptions ? u.value.shoot || e.$t("fileInput.shoot") : ""), 1)
|
|
521
526
|
]),
|
|
522
527
|
_: 1
|
|
523
|
-
}, 8, ["class", "disabled"])) :
|
|
528
|
+
}, 8, ["class", "disabled"])) : s("", !0),
|
|
524
529
|
E(BA, {
|
|
525
530
|
ref_key: "upload",
|
|
526
531
|
ref: L,
|
|
@@ -539,27 +544,27 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
|
|
|
539
544
|
A.enableButtonIcons ? (t(), Q(p, {
|
|
540
545
|
key: 0,
|
|
541
546
|
symbol: "camera"
|
|
542
|
-
})) :
|
|
547
|
+
})) : s("", !0)
|
|
543
548
|
], 2)
|
|
544
549
|
])
|
|
545
550
|
]),
|
|
546
551
|
_: 3
|
|
547
552
|
}, 8, ["model-value"])
|
|
548
553
|
], 2), [
|
|
549
|
-
[G, A.enableLegacyInput && (
|
|
554
|
+
[G, A.enableLegacyInput && (c.value || l.value.length)]
|
|
550
555
|
]),
|
|
551
|
-
A.required ? (t(),
|
|
556
|
+
A.required ? (t(), g("input", {
|
|
552
557
|
key: 1,
|
|
553
558
|
ref: "hiddenInput",
|
|
554
559
|
required: A.required,
|
|
555
560
|
value: I.value,
|
|
556
561
|
style: { display: "none" }
|
|
557
|
-
}, null, 8, WA)) :
|
|
562
|
+
}, null, 8, WA)) : s("", !0)
|
|
558
563
|
])
|
|
559
564
|
])
|
|
560
565
|
])
|
|
561
566
|
], 512), [
|
|
562
|
-
[G,
|
|
567
|
+
[G, c.value || l.value.length]
|
|
563
568
|
])
|
|
564
569
|
], 2));
|
|
565
570
|
}
|
package/dist/photo-app.js
CHANGED
|
@@ -148,6 +148,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
148
148
|
type: BooleanConstructor;
|
|
149
149
|
default: boolean;
|
|
150
150
|
};
|
|
151
|
+
correctOrientation: {
|
|
152
|
+
type: BooleanConstructor;
|
|
153
|
+
default: boolean;
|
|
154
|
+
};
|
|
151
155
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
152
156
|
"update:modelValue": (...args: any[]) => void;
|
|
153
157
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -300,6 +304,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
300
304
|
type: BooleanConstructor;
|
|
301
305
|
default: boolean;
|
|
302
306
|
};
|
|
307
|
+
correctOrientation: {
|
|
308
|
+
type: BooleanConstructor;
|
|
309
|
+
default: boolean;
|
|
310
|
+
};
|
|
303
311
|
}>> & Readonly<{
|
|
304
312
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
305
313
|
}>, {
|
|
@@ -339,6 +347,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
339
347
|
enableSelectDevice: boolean;
|
|
340
348
|
enableProcessImage: boolean;
|
|
341
349
|
enableZoomSlider: boolean;
|
|
350
|
+
correctOrientation: boolean;
|
|
342
351
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
343
352
|
camera: any;
|
|
344
353
|
dropArea: HTMLDivElement;
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ablok-photobooth",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.2.
|
|
4
|
+
"version": "0.2.42",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"peerDependencies": {
|
|
7
7
|
"@popperjs/core": "^2.11.6",
|
|
8
|
-
"ablok-components": "^0.3.
|
|
8
|
+
"ablok-components": "^0.3.74",
|
|
9
9
|
"bootstrap": "^5.3.8",
|
|
10
10
|
"fabric": "^7.1.0",
|
|
11
11
|
"lodash": "^4.17.23",
|