bt-core-app 2.2.6 → 2.2.8

package/dist/components/BT-Camera-Overlay.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as O, ref as i, computed as B, watch as P, onUnmounted as F, resolveComponent as $, openBlock as n, createElementBlock as _, createBlock as m, unref as t, mergeProps as A, withModifiers as R, createCommentVNode as f, createVNode as r, withCtx as p, normalizeStyle as W, renderSlot as q, createElementVNode as D } from "vue";
-import { isLengthyArray as G } from "../composables/helpers.mjs";
+import { defineComponent as H, ref as u, computed as $, watch as I, onUnmounted as N, openBlock as n, createElementBlock as V, createBlock as m, unref as l, mergeProps as O, withModifiers as P, createCommentVNode as f, createVNode as r, withCtx as p, normalizeStyle as F, renderSlot as R, createElementVNode as D } from "vue";
+import { isLengthyArray as X } from "../composables/helpers.mjs";
 import { VBtn as y } from "../bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs";
-import { VOverlay as E } from "../bt-core/core/node_modules/vuetify/lib/components/VOverlay/VOverlay.mjs";
-import { VCard as L } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCard.mjs";
-import { VProgressCircular as J } from "../bt-core/core/node_modules/vuetify/lib/components/VProgressCircular/VProgressCircular.mjs";
-const K = ["src"], ae = /* @__PURE__ */ O({
+import { VOverlay as S } from "../bt-core/core/node_modules/vuetify/lib/components/VOverlay/VOverlay.mjs";
+import { VCard as T } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCard.mjs";
+import { VSlideXReverseTransition as A, VSlideXTransition as W } from "../bt-core/core/node_modules/vuetify/lib/components/transitions/index.mjs";
+import { VProgressCircular as q } from "../bt-core/core/node_modules/vuetify/lib/components/VProgressCircular/VProgressCircular.mjs";
+const G = ["src"], ae = /* @__PURE__ */ H({
   __name: "BT-Camera-Overlay",
   props: {
     color: {},
@@ -14,162 +15,159 @@ const K = ["src"], ae = /* @__PURE__ */ O({
     usedHeight: { default: 0 }
   },
   emits: ["cancel", "change", "close", "open", "update:modelValue"],
-  setup(z, { emit: M }) {
-    const s = M, h = z, c = i(null), x = i("environment"), u = i(!0), g = i(), o = i(null), k = i([]), S = B(() => h.fullscreen == !0 ? `height: calc(100vh - ${h.usedHeight}px); width: 100%;` : ""), l = i(), v = i(!1), T = B(() => u.value ? !0 : l.value == null ? g.value == null : u.value);
-    P(() => h.openToggle, async () => {
+  setup(_, { emit: E }) {
+    const s = E, h = _, c = u(null), x = u("environment"), i = u(!0), g = u(), o = u(null), k = u([]), L = $(() => h.fullscreen == !0 ? `height: calc(100vh - ${h.usedHeight}px); width: 100%;` : ""), a = u(), v = u(!1), z = $(() => i.value ? !0 : a.value == null ? g.value == null : i.value);
+    I(() => h.openToggle, async () => {
       await w();
     });
     function d() {
-      var a;
-      const e = (a = g.value) == null ? void 0 : a.getVideoTracks();
-      G(e) && (e == null || e.forEach((C) => C.stop()));
+      var t;
+      const e = (t = g.value) == null ? void 0 : t.getVideoTracks();
+      X(e) && (e == null || e.forEach((C) => C.stop()));
     }
-    async function V(e) {
+    async function B(e) {
       o.value != null && (x.value = e, g.value = await navigator.mediaDevices.getUserMedia({
         video: { facingMode: e }
       }), o.value.srcObject = g.value, await o.value.play());
     }
-    async function U() {
-      u.value = !0, d(), await V(x.value == "environment" ? "user" : "environment"), u.value = !1;
+    async function M() {
+      i.value = !0, d(), await B(x.value == "environment" ? "user" : "environment"), i.value = !1;
     }
-    function b() {
+    function U() {
       if (o.value == null || c.value == null)
         return;
       c.value.width = o.value.videoWidth, c.value.height = o.value.videoHeight;
       let e = c.value.getContext("2d");
-      e != null && (e.save(), e.drawImage(o.value, 0, 0), e.restore(), l.value = c.value.toDataURL("image/png"), d());
+      e != null && (e.save(), e.drawImage(o.value, 0, 0), e.restore(), a.value = c.value.toDataURL("image/png"), d());
     }
-    function j() {
-      d(), s("update:modelValue", l.value), s("change", l.value), s("close"), v.value = !1;
+    function b() {
+      d(), s("update:modelValue", a.value), s("change", a.value), s("close"), v.value = !1;
     }
-    function H() {
+    function j() {
       d(), s("cancel"), s("close"), v.value = !1;
     }
     async function w() {
-      u.value = !0, v.value = !0, l.value = void 0;
+      i.value = !0, v.value = !0, a.value = void 0;
       const e = await navigator.mediaDevices.enumerateDevices();
-      k.value = e.filter((a) => a.kind === "videoinput"), await V(k.value.length == 1 ? "user" : "environment"), s("open"), u.value = !1;
+      k.value = e.filter((t) => t.kind === "videoinput"), await B(k.value.length == 1 ? "user" : "environment"), s("open"), i.value = !1;
     }
-    return F(() => {
+    return N(() => {
       d();
-    }), (e, a) => {
-      const C = $("v-slide-x-reverse-transition"), I = $("v-slide-x-transition");
-      return n(), _("div", null, [
-        !e.hideButton && !v.value ? (n(), m(t(y), A({
-          key: 0,
-          onClick: R(w, ["stop"])
-        }, e.$attrs), null, 16)) : f("", !0),
-        r(t(E), {
-          "onClick:outside": a[0] || (a[0] = () => d()),
-          modelValue: v.value,
-          "onUpdate:modelValue": a[1] || (a[1] = (N) => v.value = N),
-          "z-index": "1001"
-        }, {
-          default: p(() => [
-            r(t(L), {
-              class: "pa-0 ma-0 d-flex align-center justify-center",
-              color: e.color,
-              style: W(S.value)
-            }, {
-              default: p(() => [
-                q(e.$slots, "top"),
-                D("canvas", {
-                  style: { display: "none" },
-                  ref_key: "canva",
-                  ref: c
-                }, null, 512),
-                r(t(L), {
-                  class: "d-flex flex-column align-center justify-center",
-                  color: "primary",
-                  style: { position: "fixed", opacity: "0.75", right: "0" },
-                  width: "60"
-                }, {
-                  default: p(() => [
-                    r(C, {
-                      "hide-on-leave": "",
-                      group: ""
-                    }, {
-                      default: p(() => [
-                        l.value == null ? (n(), m(t(y), {
-                          class: "my-3",
-                          onClick: H,
-                          icon: "$close",
-                          key: "1",
-                          variant: "tonal"
-                        })) : f("", !0),
-                        l.value != null ? (n(), m(t(y), {
-                          class: "my-3",
-                          onClick: w,
-                          icon: "$close",
-                          key: "2",
-                          variant: "tonal"
-                        })) : f("", !0),
-                        l.value == null ? (n(), m(t(y), {
-                          class: "text-error my-3",
-                          onClick: b,
-                          icon: "$circle",
-                          key: "3",
-                          variant: "tonal"
-                        })) : f("", !0),
-                        l.value != null ? (n(), m(t(y), {
-                          class: "my-3",
-                          onClick: j,
-                          icon: "$check",
-                          key: "4",
-                          variant: "tonal"
-                        })) : f("", !0),
-                        l.value == null ? (n(), m(t(y), {
-                          key: 4,
-                          class: "my-3",
-                          onClick: U,
-                          disabled: u.value || k.value.length < 2,
-                          icon: "$camera-flip",
-                          variant: "tonal"
-                        }, null, 8, ["disabled"])) : f("", !0)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                r(I, null, {
-                  default: p(() => [
-                    l.value == null ? (n(), _("video", {
-                      key: 0,
-                      ref_key: "videoEl",
-                      ref: o,
-                      style: { height: "100vh", width: "100vw" }
-                    }, null, 512)) : (n(), _("img", {
-                      key: 1,
-                      cover: "",
-                      src: l.value,
-                      style: { "max-height": "100vh", "max-width": "100vw" }
-                    }, null, 8, K))
-                  ]),
-                  _: 1
-                }),
-                r(t(E), {
-                  value: T.value,
-                  class: "text-center",
-                  "z-index": "1002"
-                }, {
-                  default: p(() => [
-                    r(t(J), {
-                      indeterminate: "",
-                      size: "32"
-                    }),
-                    a[2] || (a[2] = D("p", null, "Loading Image", -1))
-                  ]),
-                  _: 1
-                }, 8, ["value"])
-              ]),
-              _: 3
-            }, 8, ["color", "style"])
-          ]),
-          _: 3
-        }, 8, ["modelValue"])
-      ]);
-    };
+    }), (e, t) => (n(), V("div", null, [
+      !e.hideButton && !v.value ? (n(), m(l(y), O({
+        key: 0,
+        onClick: P(w, ["stop"])
+      }, e.$attrs), null, 16)) : f("", !0),
+      r(l(S), {
+        "onClick:outside": t[0] || (t[0] = () => d()),
+        modelValue: v.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (C) => v.value = C),
+        "z-index": "1001"
+      }, {
+        default: p(() => [
+          r(l(T), {
+            class: "pa-0 ma-0 d-flex align-center justify-center",
+            color: e.color,
+            style: F(L.value)
+          }, {
+            default: p(() => [
+              R(e.$slots, "top"),
+              D("canvas", {
+                style: { display: "none" },
+                ref_key: "canva",
+                ref: c
+              }, null, 512),
+              r(l(T), {
+                class: "d-flex flex-column align-center justify-center",
+                color: "primary",
+                style: { position: "fixed", opacity: "0.75", right: "0" },
+                width: "60"
+              }, {
+                default: p(() => [
+                  r(l(A), {
+                    "hide-on-leave": "",
+                    group: ""
+                  }, {
+                    default: p(() => [
+                      a.value == null ? (n(), m(l(y), {
+                        class: "my-3",
+                        onClick: j,
+                        icon: "$close",
+                        key: "1",
+                        variant: "tonal"
+                      })) : f("", !0),
+                      a.value != null ? (n(), m(l(y), {
+                        class: "my-3",
+                        onClick: w,
+                        icon: "$close",
+                        key: "2",
+                        variant: "tonal"
+                      })) : f("", !0),
+                      a.value == null ? (n(), m(l(y), {
+                        class: "text-error my-3",
+                        onClick: U,
+                        icon: "$circle",
+                        key: "3",
+                        variant: "tonal"
+                      })) : f("", !0),
+                      a.value != null ? (n(), m(l(y), {
+                        class: "my-3",
+                        onClick: b,
+                        icon: "$check",
+                        key: "4",
+                        variant: "tonal"
+                      })) : f("", !0),
+                      a.value == null ? (n(), m(l(y), {
+                        key: 4,
+                        class: "my-3",
+                        onClick: M,
+                        disabled: i.value || k.value.length < 2,
+                        icon: "$camera-flip",
+                        variant: "tonal"
+                      }, null, 8, ["disabled"])) : f("", !0)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              r(l(W), null, {
+                default: p(() => [
+                  a.value == null ? (n(), V("video", {
+                    key: 0,
+                    ref_key: "videoEl",
+                    ref: o,
+                    style: { height: "100vh", width: "100vw" }
+                  }, null, 512)) : (n(), V("img", {
+                    key: 1,
+                    cover: "",
+                    src: a.value,
+                    style: { "max-height": "100vh", "max-width": "100vw" }
+                  }, null, 8, G))
+                ]),
+                _: 1
+              }),
+              r(l(S), {
+                value: z.value,
+                class: "text-center",
+                "z-index": "1002"
+              }, {
+                default: p(() => [
+                  r(l(q), {
+                    indeterminate: "",
+                    size: "32"
+                  }),
+                  t[2] || (t[2] = D("p", null, "Loading Image", -1))
+                ]),
+                _: 1
+              }, 8, ["value"])
+            ]),
+            _: 3
+          }, 8, ["color", "style"])
+        ]),
+        _: 3
+      }, 8, ["modelValue"])
+    ]));
   }
 });
 export {