bry-biometric-collector 2.2.1 → 2.2.2

package/dist/CameraBtn_6f8a02ac_2.2.2.js

@@ -0,0 +1,509 @@
+import { aO as S, S as V, r as P, t as B, w as Z, x as n, y as g, B as b, G as k, H as v, O as r, Q as I, aZ as A, a_ as L, a$ as D, b0 as R, D as w, b1 as h, I as E, aI as O, b2 as M, b3 as H, E as y, J as U, N as z, L as q, P as j, aD as T, W as F, an as K } from "./main_3ec3e90c_2.2.2.js";
+var C = /* @__PURE__ */ ((c) => (c.OK = "OK", c.DEVICE_NOT_FOUND_ERROR = "DEVICE_NOT_FOUND_ERROR", c.CAMERA_DENIED_ERROR = "CAMERA_DENIED_ERROR", c.CAMERA_IN_USE_ERROR = "CAMERA_IN_USE_ERROR", c.CAMERA_CLOSED_ERROR = "CAMERA_CLOSED_ERROR", c.CAMERA_UNSUPPORTED = "CAMERA_UNSUPPORTED", c.CAMERA_ORIENTATION_PORTRAIT = "CAMERA_ORIENTATION_PORTRAIT", c.CAMERA_ORIENTATION_LANDSCAPE = "CAMERA_ORIENTATION_LANDSCAPE", c))(C || {});
+const G = S(
+  "OK"
+  /* OK */
+);
+function J(c) {
+  let e, m, u, s, o, a, _, i, x, p, d = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    c[2]
+  ], f = {};
+  for (let t = 0; t < d.length; t += 1)
+    f = A(f, d[t]);
+  return {
+    c() {
+      e = R("svg"), m = R("path"), u = w(), s = b("span"), s.textContent = "O dispositivo precisa estar na posição paisagem.", o = w(), a = b("span"), a.textContent = "Por favor, vire o dispositivo ou pressione o botão abaixo.", _ = w(), i = b("button"), i.textContent = "Ajustar Orientação", v(m, "fill", "currentColor"), v(m, "d", "M208 56h-27.72l-13.63-20.44A8 8 0 0 0 160 32H96a8 8 0 0 0-6.65 3.56L75.71 56H48a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h160a24 24 0 0 0 24-24V80a24 24 0 0 0-24-24m-51.19 110.4A48.21 48.21 0 0 1 96 163.77V168a8 8 0 0 1-16 0v-24a8 8 0 0 1 8-8h24a8 8 0 0 1 0 16h-5.15a32.12 32.12 0 0 0 40.34 1.61a8 8 0 0 1 9.62 12.79M176 120a8 8 0 0 1-8 8h-24a8 8 0 0 1 0-16h5.15a32.12 32.12 0 0 0-40.34-1.61a8 8 0 0 1-9.62-12.79a48.21 48.21 0 0 1 60.81 2.63V96a8 8 0 0 1 16 0Z"), h(e, f), v(s, "class", "text-xl font-bold text-center"), v(a, "class", "m-auto text-base block text-center"), v(i, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, l) {
+      n(t, e, l), E(e, m), n(t, u, l), n(t, s, l), n(t, o, l), n(t, a, l), n(t, _, l), n(t, i, l), x || (p = O(
+        i,
+        "click",
+        /*click_handler_6*/
+        c[9]
+      ), x = !0);
+    },
+    p(t, l) {
+      h(e, f = M(d, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        l & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && r(e), t && r(u), t && r(s), t && r(o), t && r(a), t && r(_), t && r(i), x = !1, p();
+    }
+  };
+}
+function Q(c) {
+  let e, m, u, s, o, a, _, i, x, p, d = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    c[2]
+  ], f = {};
+  for (let t = 0; t < d.length; t += 1)
+    f = A(f, d[t]);
+  return {
+    c() {
+      e = R("svg"), m = R("path"), u = w(), s = b("span"), s.textContent = "O dispositivo precisa estar na posição retrato.", o = w(), a = b("span"), a.textContent = "Por favor, vire o dispositivo ou pressione o botão abaixo.", _ = w(), i = b("button"), i.textContent = "Ajustar Orientação", v(m, "fill", "currentColor"), v(m, "d", "M208 56h-27.72l-13.63-20.44A8 8 0 0 0 160 32H96a8 8 0 0 0-6.65 3.56L75.71 56H48a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h160a24 24 0 0 0 24-24V80a24 24 0 0 0-24-24m-51.19 110.4A48.21 48.21 0 0 1 96 163.77V168a8 8 0 0 1-16 0v-24a8 8 0 0 1 8-8h24a8 8 0 0 1 0 16h-5.15a32.12 32.12 0 0 0 40.34 1.61a8 8 0 0 1 9.62 12.79M176 120a8 8 0 0 1-8 8h-24a8 8 0 0 1 0-16h5.15a32.12 32.12 0 0 0-40.34-1.61a8 8 0 0 1-9.62-12.79a48.21 48.21 0 0 1 60.81 2.63V96a8 8 0 0 1 16 0Z"), h(e, f), v(s, "class", "text-xl font-bold text-center"), v(a, "class", "m-auto text-base block text-center"), v(i, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, l) {
+      n(t, e, l), E(e, m), n(t, u, l), n(t, s, l), n(t, o, l), n(t, a, l), n(t, _, l), n(t, i, l), x || (p = O(
+        i,
+        "click",
+        /*click_handler_5*/
+        c[8]
+      ), x = !0);
+    },
+    p(t, l) {
+      h(e, f = M(d, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        l & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && r(e), t && r(u), t && r(s), t && r(o), t && r(a), t && r(_), t && r(i), x = !1, p();
+    }
+  };
+}
+function W(c) {
+  let e, m, u, s, o, a, _, i, x, p, d = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    c[2]
+  ], f = {};
+  for (let t = 0; t < d.length; t += 1)
+    f = A(f, d[t]);
+  return {
+    c() {
+      e = R("svg"), m = R("path"), u = w(), s = b("span"), s.textContent = "A câmera não atende os requisitos necessários.", o = w(), a = b("span"), a.textContent = "Por favor, conecte outra câmera e tente novamente.", _ = w(), i = b("button"), i.textContent = "Reiniciar", v(m, "fill", "currentColor"), v(m, "d", "M249.45 69.31a12 12 0 0 0-12.51 1L212 88.43V72a20 20 0 0 0-20-20h-68.12a12 12 0 0 0 0 24H188v68a12 12 0 0 0 4.46 9.33c.15.13.31.25.48.38l44 32A12 12 0 0 0 256 176V80a12 12 0 0 0-6.55-10.69M232 152.43l-20-14.54v-19.78l20-14.54ZM56.88 31.93a12 12 0 1 0-17.76 16.14L42.69 52H32a20 20 0 0 0-20 20v112a20 20 0 0 0 20 20h148.87l18.25 20.07a12 12 0 0 0 17.76-16.14ZM36 180V76h28.51l94.55 104Z"), h(e, f), v(s, "class", "text-xl font-bold text-center"), v(a, "class", "m-auto text-base block text-center"), v(i, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, l) {
+      n(t, e, l), E(e, m), n(t, u, l), n(t, s, l), n(t, o, l), n(t, a, l), n(t, _, l), n(t, i, l), x || (p = O(
+        i,
+        "click",
+        /*click_handler_4*/
+        c[7]
+      ), x = !0);
+    },
+    p(t, l) {
+      h(e, f = M(d, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        l & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && r(e), t && r(u), t && r(s), t && r(o), t && r(a), t && r(_), t && r(i), x = !1, p();
+    }
+  };
+}
+function X(c) {
+  let e, m, u, s, o, a, _, i, x, p, d = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    c[2]
+  ], f = {};
+  for (let t = 0; t < d.length; t += 1)
+    f = A(f, d[t]);
+  return {
+    c() {
+      e = R("svg"), m = R("path"), u = w(), s = b("span"), s.textContent = "Por favor, permaneça na mesma aba durante a coleta biométrica.", o = w(), a = b("span"), a.textContent = "Clique no botão Reiniciar para capturar novamente.", _ = w(), i = b("button"), i.textContent = "Reiniciar", v(m, "fill", "currentColor"), v(m, "d", "M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12"), h(e, f), v(s, "class", "text-xl font-bold text-center"), v(a, "class", "m-auto text-base block text-center"), v(i, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, l) {
+      n(t, e, l), E(e, m), n(t, u, l), n(t, s, l), n(t, o, l), n(t, a, l), n(t, _, l), n(t, i, l), x || (p = O(
+        i,
+        "click",
+        /*click_handler_3*/
+        c[6]
+      ), x = !0);
+    },
+    p(t, l) {
+      h(e, f = M(d, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        l & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && r(e), t && r(u), t && r(s), t && r(o), t && r(a), t && r(_), t && r(i), x = !1, p();
+    }
+  };
+}
+function Y(c) {
+  let e, m, u, s, o, a, _, i, x, p, d = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    c[2]
+  ], f = {};
+  for (let t = 0; t < d.length; t += 1)
+    f = A(f, d[t]);
+  return {
+    c() {
+      e = R("svg"), m = R("path"), u = w(), s = b("span"), s.textContent = "A câmera está em uso.", o = w(), a = b("span"), a.textContent = "Certifique-se de que a câmera não está sendo utilizada por nenhuma outra aplicação e clique no botão abaixo.", _ = w(), i = b("button"), i.textContent = "Reiniciar", v(m, "fill", "currentColor"), v(m, "d", "M56.88 31.93a12 12 0 1 0-17.76 16.14l4 4.37A28 28 0 0 0 20 80v112a28 28 0 0 0 28 28h147.42l3.7 4.07a12 12 0 0 0 17.76-16.14Zm49.35 90L136 154.64a24 24 0 0 1-29.77-32.75ZM48 196a4 4 0 0 1-4-4V80a4 4 0 0 1 4-4h16.51l24.92 27.41a48 48 0 0 0 63.34 69.67L173.6 196ZM236 80v94.14a12 12 0 0 1-24 0V80a4 4 0 0 0-4-4h-32a12 12 0 0 1-10-5.34L153.57 52h-51.51a12 12 0 0 1 0-24H160a12 12 0 0 1 10 5.34L182.42 52H208a28 28 0 0 1 28 28"), h(e, f), v(s, "class", "text-xl font-bold text-center"), v(a, "class", "m-auto text-base block text-center"), v(i, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, l) {
+      n(t, e, l), E(e, m), n(t, u, l), n(t, s, l), n(t, o, l), n(t, a, l), n(t, _, l), n(t, i, l), x || (p = O(
+        i,
+        "click",
+        /*click_handler_2*/
+        c[5]
+      ), x = !0);
+    },
+    p(t, l) {
+      h(e, f = M(d, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        l & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && r(e), t && r(u), t && r(s), t && r(o), t && r(a), t && r(_), t && r(i), x = !1, p();
+    }
+  };
+}
+function $(c) {
+  let e, m, u, s, o, a, _, i, x, p, d = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    c[2]
+  ], f = {};
+  for (let t = 0; t < d.length; t += 1)
+    f = A(f, d[t]);
+  return {
+    c() {
+      e = R("svg"), m = R("path"), u = w(), s = b("span"), s.textContent = "A câmera não foi detectada.", o = w(), a = b("span"), a.textContent = "Por favor, conecte a sua câmera, espere alguns instantes e clique no botão Reiniciar.", _ = w(), i = b("button"), i.textContent = "Reiniciar", v(m, "fill", "currentColor"), v(m, "d", "m137 168l11.52-11.51a12 12 0 0 0-17-17L120 151l-15-15l11.52-11.51a12 12 0 0 0-17-17L88 119l-15.51-15.49a12 12 0 0 0-17 17L59 124l-20.46 20.49a36 36 0 0 0 0 50.91l2.55 2.54l-25.58 25.57a12 12 0 0 0 17 17l25.57-25.58l2.54 2.55a36.06 36.06 0 0 0 50.91 0L132 197l3.51 3.52a12 12 0 0 0 17-17Zm-42.46 32.49a12 12 0 0 1-17 0l-22.03-22.06a12 12 0 0 1 0-17L76 141l39 39Zm146-185a12 12 0 0 0-17 0l-25.6 25.6l-2.54-2.55a36.05 36.05 0 0 0-50.91 0L124 59l-3.51-3.52a12 12 0 0 0-17 17l80 80a12 12 0 0 0 17-17L197 132l20.49-20.49a36 36 0 0 0 0-50.91l-2.55-2.54l25.58-25.57a12 12 0 0 0-.03-16.98Zm-40 79L180 115l-39-39l20.49-20.49a12 12 0 0 1 17 0l22.06 22.06a12 12 0 0 1 0 17Z"), h(e, f), v(s, "class", "text-xl font-bold text-center"), v(a, "class", "m-auto text-base block text-center"), v(i, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, l) {
+      n(t, e, l), E(e, m), n(t, u, l), n(t, s, l), n(t, o, l), n(t, a, l), n(t, _, l), n(t, i, l), x || (p = O(
+        i,
+        "click",
+        /*click_handler_1*/
+        c[4]
+      ), x = !0);
+    },
+    p(t, l) {
+      h(e, f = M(d, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        l & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && r(e), t && r(u), t && r(s), t && r(o), t && r(a), t && r(_), t && r(i), x = !1, p();
+    }
+  };
+}
+function tt(c) {
+  let e, m, u, s, o, a, _, i, x, p, d = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    c[2]
+  ], f = {};
+  for (let t = 0; t < d.length; t += 1)
+    f = A(f, d[t]);
+  return {
+    c() {
+      e = R("svg"), m = R("path"), u = w(), s = b("span"), s.textContent = "Por favor, conceda permissão de acesso à câmera.", o = w(), a = b("span"), a.textContent = "Após conceder a permissão, clique no botão Reiniciar.", _ = w(), i = b("button"), i.textContent = "Reiniciar", v(m, "fill", "currentColor"), v(m, "d", "M249.45 69.31a12 12 0 0 0-12.51 1L212 88.43V72a20 20 0 0 0-20-20h-68.12a12 12 0 0 0 0 24H188v68a12 12 0 0 0 4.46 9.33c.15.13.31.25.48.38l44 32A12 12 0 0 0 256 176V80a12 12 0 0 0-6.55-10.69M232 152.43l-20-14.54v-19.78l20-14.54ZM56.88 31.93a12 12 0 1 0-17.76 16.14L42.69 52H32a20 20 0 0 0-20 20v112a20 20 0 0 0 20 20h148.87l18.25 20.07a12 12 0 0 0 17.76-16.14ZM36 180V76h28.51l94.55 104Z"), h(e, f), v(s, "class", "text-xl font-bold text-center"), v(a, "class", "m-auto text-base block text-center"), v(i, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, l) {
+      n(t, e, l), E(e, m), n(t, u, l), n(t, s, l), n(t, o, l), n(t, a, l), n(t, _, l), n(t, i, l), x || (p = O(
+        i,
+        "click",
+        /*click_handler*/
+        c[3]
+      ), x = !0);
+    },
+    p(t, l) {
+      h(e, f = M(d, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        l & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && r(e), t && r(u), t && r(s), t && r(o), t && r(a), t && r(_), t && r(i), x = !1, p();
+    }
+  };
+}
+function et(c) {
+  let e;
+  function m(o, a) {
+    if (
+      /*$cameraStatusStore*/
+      o[1] === C.CAMERA_DENIED_ERROR
+    )
+      return tt;
+    if (
+      /*$cameraStatusStore*/
+      o[1] === C.DEVICE_NOT_FOUND_ERROR
+    )
+      return $;
+    if (
+      /*$cameraStatusStore*/
+      o[1] === C.CAMERA_IN_USE_ERROR
+    )
+      return Y;
+    if (
+      /*$cameraStatusStore*/
+      o[1] === C.CAMERA_CLOSED_ERROR
+    )
+      return X;
+    if (
+      /*$cameraStatusStore*/
+      o[1] === C.CAMERA_UNSUPPORTED
+    )
+      return W;
+    if (
+      /*$cameraStatusStore*/
+      o[1] === C.CAMERA_ORIENTATION_PORTRAIT
+    )
+      return Q;
+    if (
+      /*$cameraStatusStore*/
+      o[1] === C.CAMERA_ORIENTATION_LANDSCAPE
+    )
+      return J;
+  }
+  let u = m(c), s = u && u(c);
+  return {
+    c() {
+      e = b("div"), s && s.c(), this.c = k, v(e, "class", "flex flex-col gap-4 justify-center absolute -translate-y-1/2 -translate-x-1/2 top-1/2 left-1/2 overflow-visible text-nowrap");
+    },
+    m(o, a) {
+      n(o, e, a), s && s.m(e, null);
+    },
+    p(o, [a]) {
+      u === (u = m(o)) && s ? s.p(o, a) : (s && s.d(1), s = u && u(o), s && (s.c(), s.m(e, null)));
+    },
+    i: k,
+    o: k,
+    d(o) {
+      o && r(e), s && s.d();
+    }
+  };
+}
+function lt(c, e, m) {
+  let u;
+  I(c, G, (f) => m(1, u = f));
+  let { handler: s = () => {
+  } } = e;
+  const o = () => {
+    s(), console.log("canicna", s);
+  }, a = () => {
+    s(), console.log("canicna", s);
+  }, _ = () => {
+    s(), console.log("canicna", s);
+  }, i = () => {
+    s();
+  }, x = () => {
+    s();
+  }, p = () => {
+    D(!0);
+  }, d = () => {
+    D(!1);
+  };
+  return c.$$set = (f) => {
+    m(2, e = A(A({}, e), L(f))), "handler" in f && m(0, s = f.handler);
+  }, e = L(e), [
+    s,
+    u,
+    e,
+    o,
+    a,
+    _,
+    i,
+    x,
+    p,
+    d
+  ];
+}
+class st extends V {
+  constructor(e) {
+    super(), P(
+      this,
+      {
+        target: this.shadowRoot,
+        props: Z(this.attributes),
+        customElement: !0
+      },
+      lt,
+      et,
+      B,
+      { handler: 0 },
+      null
+    ), e && (e.target && n(e.target, this, e.anchor), e.props && (this.$set(e.props), g()));
+  }
+  static get observedAttributes() {
+    return ["handler"];
+  }
+  get handler() {
+    return this.$$.ctx[0];
+  }
+  set handler(e) {
+    this.$$set({ handler: e }), g();
+  }
+}
+customElements.define("camera-status", st);
+function at(c) {
+  let e, m, u, s, o, a, _, i, x, p, d;
+  e = new H({});
+  let f = [
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "3em" },
+    { height: "3em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    c[3]
+  ], t = {};
+  for (let l = 0; l < f.length; l += 1)
+    t = A(t, f[l]);
+  return {
+    c() {
+      y(e.$$.fragment), m = w(), u = b("div"), s = b("label"), o = R("svg"), a = R("path"), this.c = k, v(a, "fill", "currentColor"), v(a, "d", "M208 56h-27.72l-13.63-20.44A8 8 0 0 0 160 32H96a8 8 0 0 0-6.65 3.56L75.71 56H48a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h160a24 24 0 0 0 24-24V80a24 24 0 0 0-24-24m-51.19 110.4A48.21 48.21 0 0 1 96 163.77V168a8 8 0 0 1-16 0v-24a8 8 0 0 1 8-8h24a8 8 0 0 1 0 16h-5.15a32.12 32.12 0 0 0 40.34 1.61a8 8 0 0 1 9.62 12.79M176 120a8 8 0 0 1-8 8h-24a8 8 0 0 1 0-16h5.15a32.12 32.12 0 0 0-40.34-1.61a8 8 0 0 1-9.62-12.79a48.21 48.21 0 0 1 60.81 2.63V96a8 8 0 0 1 16 0Z"), h(o, t), v(s, "tabindex", "0"), s.hidden = _ = /*$cameraDevicesStore*/
+      c[2].length == 1, v(s, "class", "ce-dui-btn ce-dui-btn-ghost m-1"), v(u, "class", i = "ce-dui-dropdown ce-dui-dropdown-top absolute z-10 right-0 sm:block " + /*className*/
+      c[0]);
+    },
+    m(l, N) {
+      U(e, l, N), n(l, m, N), n(l, u, N), E(u, s), E(s, o), E(o, a), x = !0, p || (d = O(
+        u,
+        "click",
+        /*click_handler*/
+        c[4]
+      ), p = !0);
+    },
+    p(l, [N]) {
+      h(o, t = M(f, [
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "3em" },
+        { height: "3em" },
+        { viewBox: "0 0 256 256" },
+        N & /*$$props*/
+        8 && /*$$props*/
+        l[3]
+      ])), (!x || N & /*$cameraDevicesStore*/
+      4 && _ !== (_ = /*$cameraDevicesStore*/
+      l[2].length == 1)) && (s.hidden = _), (!x || N & /*className*/
+      1 && i !== (i = "ce-dui-dropdown ce-dui-dropdown-top absolute z-10 right-0 sm:block " + /*className*/
+      l[0])) && v(u, "class", i);
+    },
+    i(l) {
+      x || (z(e.$$.fragment, l), x = !0);
+    },
+    o(l) {
+      q(e.$$.fragment, l), x = !1;
+    },
+    d(l) {
+      j(e, l), l && r(m), l && r(u), p = !1, d();
+    }
+  };
+}
+function it(c, e, m) {
+  let u, s;
+  I(c, T, (_) => m(1, u = _)), I(c, F, (_) => m(2, s = _));
+  let { className: o = "" } = e;
+  const a = () => {
+    K(T, u = !u, u);
+  };
+  return c.$$set = (_) => {
+    m(3, e = A(A({}, e), L(_))), "className" in _ && m(0, o = _.className);
+  }, e = L(e), [o, u, s, e, a];
+}
+class ot extends V {
+  constructor(e) {
+    super(), P(
+      this,
+      {
+        target: this.shadowRoot,
+        props: Z(this.attributes),
+        customElement: !0
+      },
+      it,
+      at,
+      B,
+      { className: 0 },
+      null
+    ), e && (e.target && n(e.target, this, e.anchor), e.props && (this.$set(e.props), g()));
+  }
+  static get observedAttributes() {
+    return ["className"];
+  }
+  get className() {
+    return this.$$.ctx[0];
+  }
+  set className(e) {
+    this.$$set({ className: e }), g();
+  }
+}
+customElements.define("camera-btn", ot);
+export {
+  C,
+  ot as a,
+  st as b,
+  G as c
+};