bry-biometric-collector 3.3.0-RC07 → 3.3.0-RC08

package/dist/CaptureBar_4b9ad872_3.3.0-RC08.js

@@ -0,0 +1,847 @@
+import { S as M, x as K, y as R, z as D, B as w, C as g, O as fe, E as C, H as E, I as b, ab as be, a_ as $, bs as j, bt as x, aB as L, D as O, G as v, bk as ee, bu as te, X as p, b7 as V, bv as _e, U as he, Y as de, ae as F, $ as ce, a1 as k, a2 as c, a3 as B, a0 as d, J as we, bn as N, a8 as Ce, T as pe, ap as ve, Q as ke, K as Be, N as T, b6 as _, bl as H, bw as me, Z as y, _ as A, a4 as S, M as I, L as ne } from "./main_e5443c19_3.3.0-RC08.js";
+function Ee(r) {
+  let e;
+  return {
+    c() {
+      e = O("div"), v(e, "class", "w-16");
+    },
+    m(n, t) {
+      w(n, e, t);
+    },
+    p: C,
+    d(n) {
+      n && E(e);
+    }
+  };
+}
+function Oe(r) {
+  let e, n, t, a, i, s, u, l = [
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "2em" },
+    { height: "2em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    r[3]
+  ], o = {};
+  for (let f = 0; f < l.length; f += 1)
+    o = j(o, l[f]);
+  return {
+    c() {
+      e = O("div"), n = O("label"), t = ee("svg"), a = ee("path"), v(a, "fill", "hsl(var(--n))"), 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"), te(t, o), v(n, "tabindex", "0"), n.hidden = i = /*$cameraDevicesStore*/
+      r[1].length <= 1, v(n, "class", "ce-dui-btn ce-dui-btn-ghost w-16");
+    },
+    m(f, m) {
+      w(f, e, m), p(e, n), p(n, t), p(t, a), s || (u = V(
+        e,
+        "click",
+        /*click_handler*/
+        r[4]
+      ), s = !0);
+    },
+    p(f, m) {
+      te(t, o = _e(l, [
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "2em" },
+        { height: "2em" },
+        { viewBox: "0 0 256 256" },
+        m & /*$$props*/
+        8 && /*$$props*/
+        f[3]
+      ])), m & /*$cameraDevicesStore*/
+      2 && i !== (i = /*$cameraDevicesStore*/
+      f[1].length <= 1) && (n.hidden = i);
+    },
+    d(f) {
+      f && E(e), s = !1, u();
+    }
+  };
+}
+function ye(r) {
+  let e;
+  function n(i, s) {
+    return (
+      /*show*/
+      i[0] && /*$cameraDevicesStore*/
+      i[1].length > 1 ? Oe : Ee
+    );
+  }
+  let t = n(r), a = t(r);
+  return {
+    c() {
+      a.c(), e = fe(), this.c = C;
+    },
+    m(i, s) {
+      a.m(i, s), w(i, e, s);
+    },
+    p(i, [s]) {
+      t === (t = n(i)) && a ? a.p(i, s) : (a.d(1), a = t(i), a && (a.c(), a.m(e.parentNode, e)));
+    },
+    i: C,
+    o: C,
+    d(i) {
+      a.d(i), i && E(e);
+    }
+  };
+}
+function Ae(r, e, n) {
+  let t, a;
+  b(r, be, (u) => n(1, t = u)), b(r, $, (u) => n(2, a = u));
+  let { show: i } = e;
+  const s = () => {
+    L($, a = !a, a);
+  };
+  return r.$$set = (u) => {
+    n(3, e = j(j({}, e), x(u))), "show" in u && n(0, i = u.show);
+  }, e = x(e), [i, t, a, e, s];
+}
+class U extends M {
+  constructor(e) {
+    super(), K(
+      this,
+      {
+        target: this.shadowRoot,
+        props: D(this.attributes),
+        customElement: !0
+      },
+      Ae,
+      ye,
+      R,
+      { show: 0 },
+      null
+    ), e && (e.target && w(e.target, this, e.anchor), e.props && (this.$set(e.props), g()));
+  }
+  static get observedAttributes() {
+    return ["show"];
+  }
+  get show() {
+    return this.$$.ctx[0];
+  }
+  set show(e) {
+    this.$$set({ show: e }), g();
+  }
+}
+customElements.define("camera-btn", U);
+function Se(r) {
+  let e, n = (
+    /*$_*/
+    r[0]("buttons.startCapture") + ""
+  ), t, a, i;
+  return {
+    c() {
+      e = O("button"), t = he(n), this.c = C, v(e, "class", "bg-primary text-white font-medium h-12 px-4 rounded-3xl text-xl transition-colors duration-500 hover:bg-primary-focus");
+    },
+    m(s, u) {
+      w(s, e, u), p(e, t), a || (i = V(
+        e,
+        "click",
+        /*click_handler*/
+        r[2]
+      ), a = !0);
+    },
+    p(s, [u]) {
+      u & /*$_*/
+      1 && n !== (n = /*$_*/
+      s[0]("buttons.startCapture") + "") && de(t, n);
+    },
+    i: C,
+    o: C,
+    d(s) {
+      s && E(e), a = !1, i();
+    }
+  };
+}
+function Te(r, e, n) {
+  let t, a;
+  b(r, F, (u) => n(3, t = u)), b(r, ce, (u) => n(0, a = u));
+  function i() {
+    L(F, t = !0, t);
+  }
+  return [a, i, () => i()];
+}
+class ge extends M {
+  constructor(e) {
+    super(), K(
+      this,
+      {
+        target: this.shadowRoot,
+        props: D(this.attributes),
+        customElement: !0
+      },
+      Te,
+      Se,
+      R,
+      {},
+      null
+    ), e && e.target && w(e.target, this, e.anchor);
+  }
+}
+customElements.define("start-auto-capture-btn", ge);
+function Le(r) {
+  let e, n = (
+    /*$_*/
+    r[3]("faceCollector.capture") + ""
+  ), t, a, i;
+  return {
+    c() {
+      e = O("button"), t = he(n), this.c = C, e.disabled = /*disabled*/
+      r[1], e.hidden = /*hidden*/
+      r[2], v(e, "class", "bg-primary text-white font-medium h-12 px-4 rounded-3xl text-xl transition-colors duration-200 hover:bg-primary-focus disabled:bg-gray-300 disabled:hover:bg-gray-300 disabled:opacity-60");
+    },
+    m(s, u) {
+      w(s, e, u), p(e, t), a || (i = V(
+        e,
+        "click",
+        /*click_handler*/
+        r[4]
+      ), a = !0);
+    },
+    p(s, [u]) {
+      u & /*$_*/
+      8 && n !== (n = /*$_*/
+      s[3]("faceCollector.capture") + "") && de(t, n), u & /*disabled*/
+      2 && (e.disabled = /*disabled*/
+      s[1]), u & /*hidden*/
+      4 && (e.hidden = /*hidden*/
+      s[2]);
+    },
+    i: C,
+    o: C,
+    d(s) {
+      s && E(e), a = !1, i();
+    }
+  };
+}
+function He(r, e, n) {
+  let t;
+  b(r, ce, (l) => n(3, t = l));
+  let { handler: a = () => {
+  } } = e, { disabled: i = !1 } = e, { hidden: s = !1 } = e;
+  const u = () => !i && a();
+  return r.$$set = (l) => {
+    "handler" in l && n(0, a = l.handler), "disabled" in l && n(1, i = l.disabled), "hidden" in l && n(2, s = l.hidden);
+  }, [a, i, s, t, u];
+}
+class Z extends M {
+  constructor(e) {
+    super(), K(
+      this,
+      {
+        target: this.shadowRoot,
+        props: D(this.attributes),
+        customElement: !0
+      },
+      He,
+      Le,
+      R,
+      { handler: 0, disabled: 1, hidden: 2 },
+      null
+    ), e && (e.target && w(e.target, this, e.anchor), e.props && (this.$set(e.props), g()));
+  }
+  static get observedAttributes() {
+    return ["handler", "disabled", "hidden"];
+  }
+  get handler() {
+    return this.$$.ctx[0];
+  }
+  set handler(e) {
+    this.$$set({ handler: e }), g();
+  }
+  get disabled() {
+    return this.$$.ctx[1];
+  }
+  set disabled(e) {
+    this.$$set({ disabled: e }), g();
+  }
+  get hidden() {
+    return this.$$.ctx[2];
+  }
+  set hidden(e) {
+    this.$$set({ hidden: e }), g();
+  }
+}
+customElements.define("take-picture-btn", Z);
+function Ie(r) {
+  let e, n, t, a, i = (
+    /*$ready*/
+    r[13] && re(r)
+  ), s = (
+    /*$ready*/
+    r[13] && ae(r)
+  ), u = (
+    /*$ready*/
+    r[13] && ie(r)
+  );
+  return {
+    c() {
+      e = O("div"), i && i.c(), n = T(), s && s.c(), t = T(), u && u.c(), v(e, "class", "w-full flex justify-between items-center px-2"), _(e, "background-color", "rgba(" + H(
+        /*videoOverlay*/
+        r[5]
+      ) + ", " + (1 - /*videoOverlayTransparency*/
+      r[6] / 100) + ")"), _(
+        e,
+        "height",
+        /*$captureBarHeight*/
+        r[11] + "px"
+      ), _(
+        e,
+        "max-height",
+        /*$captureBarHeight*/
+        r[11] + "px"
+      );
+    },
+    m(l, o) {
+      w(l, e, o), i && i.m(e, null), p(e, n), s && s.m(e, null), p(e, t), u && u.m(e, null), a = !0;
+    },
+    p(l, o) {
+      /*$ready*/
+      l[13] ? i ? (i.p(l, o), o & /*$ready*/
+      8192 && d(i, 1)) : (i = re(l), i.c(), d(i, 1), i.m(e, n)) : i && (k(), c(i, 1, 1, () => {
+        i = null;
+      }), B()), /*$ready*/
+      l[13] ? s ? (s.p(l, o), o & /*$ready*/
+      8192 && d(s, 1)) : (s = ae(l), s.c(), d(s, 1), s.m(e, t)) : s && (k(), c(s, 1, 1, () => {
+        s = null;
+      }), B()), /*$ready*/
+      l[13] ? u ? (u.p(l, o), o & /*$ready*/
+      8192 && d(u, 1)) : (u = ie(l), u.c(), d(u, 1), u.m(e, null)) : u && (k(), c(u, 1, 1, () => {
+        u = null;
+      }), B()), (!a || o & /*videoOverlay, videoOverlayTransparency*/
+      96) && _(e, "background-color", "rgba(" + H(
+        /*videoOverlay*/
+        l[5]
+      ) + ", " + (1 - /*videoOverlayTransparency*/
+      l[6] / 100) + ")"), (!a || o & /*$captureBarHeight*/
+      2048) && _(
+        e,
+        "height",
+        /*$captureBarHeight*/
+        l[11] + "px"
+      ), (!a || o & /*$captureBarHeight*/
+      2048) && _(
+        e,
+        "max-height",
+        /*$captureBarHeight*/
+        l[11] + "px"
+      );
+    },
+    i(l) {
+      a || (d(i), d(s), d(u), a = !0);
+    },
+    o(l) {
+      c(i), c(s), c(u), a = !1;
+    },
+    d(l) {
+      l && E(e), i && i.d(), s && s.d(), u && u.d();
+    }
+  };
+}
+function Me(r) {
+  let e, n, t, a, i, s = (
+    /*$ready*/
+    r[13] && se(r)
+  ), u = (
+    /*showAutoCaptureButton*/
+    r[1] && !/*$automaticCapture*/
+    r[14] && !/*showCaptureButton*/
+    r[2] && /*$ready*/
+    r[13] && le()
+  ), l = (
+    /*showCaptureButton*/
+    r[2] && /*$ready*/
+    r[13] && ue(r)
+  ), o = (
+    /*$ready*/
+    r[13] && oe(r)
+  );
+  return {
+    c() {
+      e = O("div"), s && s.c(), n = T(), u && u.c(), t = T(), l && l.c(), a = T(), o && o.c(), v(e, "class", "w-full flex justify-between items-center px-2"), _(e, "background-color", "rgba(" + H(
+        /*videoOverlay*/
+        r[5]
+      ) + ", " + (1 - /*videoOverlayTransparency*/
+      r[6] / 100) + ")"), _(
+        e,
+        "height",
+        /*$captureBarHeight*/
+        r[11] + "px"
+      ), _(
+        e,
+        "max-height",
+        /*$captureBarHeight*/
+        r[11] + "px"
+      );
+    },
+    m(f, m) {
+      w(f, e, m), s && s.m(e, null), p(e, n), u && u.m(e, null), p(e, t), l && l.m(e, null), p(e, a), o && o.m(e, null), i = !0;
+    },
+    p(f, m) {
+      /*$ready*/
+      f[13] ? s ? (s.p(f, m), m & /*$ready*/
+      8192 && d(s, 1)) : (s = se(f), s.c(), d(s, 1), s.m(e, n)) : s && (k(), c(s, 1, 1, () => {
+        s = null;
+      }), B()), /*showAutoCaptureButton*/
+      f[1] && !/*$automaticCapture*/
+      f[14] && !/*showCaptureButton*/
+      f[2] && /*$ready*/
+      f[13] ? u ? m & /*showAutoCaptureButton, $automaticCapture, showCaptureButton, $ready*/
+      24582 && d(u, 1) : (u = le(), u.c(), d(u, 1), u.m(e, t)) : u && (k(), c(u, 1, 1, () => {
+        u = null;
+      }), B()), /*showCaptureButton*/
+      f[2] && /*$ready*/
+      f[13] ? l ? (l.p(f, m), m & /*showCaptureButton, $ready*/
+      8196 && d(l, 1)) : (l = ue(f), l.c(), d(l, 1), l.m(e, a)) : l && (k(), c(l, 1, 1, () => {
+        l = null;
+      }), B()), /*$ready*/
+      f[13] ? o ? (o.p(f, m), m & /*$ready*/
+      8192 && d(o, 1)) : (o = oe(f), o.c(), d(o, 1), o.m(e, null)) : o && (k(), c(o, 1, 1, () => {
+        o = null;
+      }), B()), (!i || m & /*videoOverlay, videoOverlayTransparency*/
+      96) && _(e, "background-color", "rgba(" + H(
+        /*videoOverlay*/
+        f[5]
+      ) + ", " + (1 - /*videoOverlayTransparency*/
+      f[6] / 100) + ")"), (!i || m & /*$captureBarHeight*/
+      2048) && _(
+        e,
+        "height",
+        /*$captureBarHeight*/
+        f[11] + "px"
+      ), (!i || m & /*$captureBarHeight*/
+      2048) && _(
+        e,
+        "max-height",
+        /*$captureBarHeight*/
+        f[11] + "px"
+      );
+    },
+    i(f) {
+      i || (d(s), d(u), d(l), d(o), i = !0);
+    },
+    o(f) {
+      c(s), c(u), c(l), c(o), i = !1;
+    },
+    d(f) {
+      f && E(e), s && s.d(), u && u.d(), l && l.d(), o && o.d();
+    }
+  };
+}
+function re(r) {
+  let e, n;
+  return e = new me({
+    props: { show: (
+      /*showConfigButton*/
+      r[0]
+    ) }
+  }), {
+    c() {
+      y(e.$$.fragment);
+    },
+    m(t, a) {
+      A(e, t, a), n = !0;
+    },
+    p(t, a) {
+      const i = {};
+      a & /*showConfigButton*/
+      1 && (i.show = /*showConfigButton*/
+      t[0]), e.$set(i);
+    },
+    i(t) {
+      n || (d(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      c(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      S(e, t);
+    }
+  };
+}
+function ae(r) {
+  let e, n;
+  return e = new Z({
+    props: {
+      hidden: (
+        /*$cameraStatusStore*/
+        r[16] !== I.OK
+      ),
+      handler: (
+        /*handler*/
+        r[10]
+      )
+    }
+  }), {
+    c() {
+      y(e.$$.fragment);
+    },
+    m(t, a) {
+      A(e, t, a), n = !0;
+    },
+    p(t, a) {
+      const i = {};
+      a & /*$cameraStatusStore*/
+      65536 && (i.hidden = /*$cameraStatusStore*/
+      t[16] !== I.OK), a & /*handler*/
+      1024 && (i.handler = /*handler*/
+      t[10]), e.$set(i);
+    },
+    i(t) {
+      n || (d(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      c(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      S(e, t);
+    }
+  };
+}
+function ie(r) {
+  let e, n;
+  return e = new U({
+    props: { show: (
+      /*showCameraButton*/
+      r[3]
+    ) }
+  }), {
+    c() {
+      y(e.$$.fragment);
+    },
+    m(t, a) {
+      A(e, t, a), n = !0;
+    },
+    p(t, a) {
+      const i = {};
+      a & /*showCameraButton*/
+      8 && (i.show = /*showCameraButton*/
+      t[3]), e.$set(i);
+    },
+    i(t) {
+      n || (d(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      c(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      S(e, t);
+    }
+  };
+}
+function se(r) {
+  let e, n;
+  return e = new me({
+    props: { show: (
+      /*showConfigButton*/
+      r[0]
+    ) }
+  }), {
+    c() {
+      y(e.$$.fragment);
+    },
+    m(t, a) {
+      A(e, t, a), n = !0;
+    },
+    p(t, a) {
+      const i = {};
+      a & /*showConfigButton*/
+      1 && (i.show = /*showConfigButton*/
+      t[0]), e.$set(i);
+    },
+    i(t) {
+      n || (d(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      c(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      S(e, t);
+    }
+  };
+}
+function le(r) {
+  let e, n;
+  return e = new ge({}), {
+    c() {
+      y(e.$$.fragment);
+    },
+    m(t, a) {
+      A(e, t, a), n = !0;
+    },
+    i(t) {
+      n || (d(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      c(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      S(e, t);
+    }
+  };
+}
+function ue(r) {
+  let e, n;
+  return e = new Z({
+    props: {
+      disabled: !/*enableCaptureButton*/
+      r[4] && /*$enableFaceApi*/
+      r[15] || !/*$ready*/
+      r[13] && !/*$enableFaceApi*/
+      r[15],
+      hidden: (
+        /*$cameraStatusStore*/
+        r[16] !== I.OK || ne() && /*idrndLoading*/
+        (r[8] || /*idrndClosed*/
+        r[7] || /*waitingIdrndCaptureEvent*/
+        r[9])
+      ),
+      handler: (
+        /*handler*/
+        r[10]
+      )
+    }
+  }), {
+    c() {
+      y(e.$$.fragment);
+    },
+    m(t, a) {
+      A(e, t, a), n = !0;
+    },
+    p(t, a) {
+      const i = {};
+      a & /*enableCaptureButton, $enableFaceApi, $ready*/
+      40976 && (i.disabled = !/*enableCaptureButton*/
+      t[4] && /*$enableFaceApi*/
+      t[15] || !/*$ready*/
+      t[13] && !/*$enableFaceApi*/
+      t[15]), a & /*$cameraStatusStore, idrndLoading, idrndClosed, waitingIdrndCaptureEvent*/
+      66432 && (i.hidden = /*$cameraStatusStore*/
+      t[16] !== I.OK || ne() && /*idrndLoading*/
+      (t[8] || /*idrndClosed*/
+      t[7] || /*waitingIdrndCaptureEvent*/
+      t[9])), a & /*handler*/
+      1024 && (i.handler = /*handler*/
+      t[10]), e.$set(i);
+    },
+    i(t) {
+      n || (d(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      c(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      S(e, t);
+    }
+  };
+}
+function oe(r) {
+  let e, n;
+  return e = new U({
+    props: { show: (
+      /*showCameraButton*/
+      r[3]
+    ) }
+  }), {
+    c() {
+      y(e.$$.fragment);
+    },
+    m(t, a) {
+      A(e, t, a), n = !0;
+    },
+    p(t, a) {
+      const i = {};
+      a & /*showCameraButton*/
+      8 && (i.show = /*showCameraButton*/
+      t[3]), e.$set(i);
+    },
+    i(t) {
+      n || (d(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      c(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      S(e, t);
+    }
+  };
+}
+function Ke(r) {
+  let e, n, t, a;
+  const i = [Me, Ie], s = [];
+  function u(l, o) {
+    return (
+      /*$collectorSelect*/
+      l[12] === "FACE" || /*$collectorSelect*/
+      l[12] === "BOTH" ? 0 : (
+        /*$collectorSelect*/
+        l[12] === "DOCUMENT" ? 1 : -1
+      )
+    );
+  }
+  return ~(e = u(r)) && (n = s[e] = i[e](r)), {
+    c() {
+      n && n.c(), t = fe(), this.c = C;
+    },
+    m(l, o) {
+      ~e && s[e].m(l, o), w(l, t, o), a = !0;
+    },
+    p(l, [o]) {
+      let f = e;
+      e = u(l), e === f ? ~e && s[e].p(l, o) : (n && (k(), c(s[f], 1, 1, () => {
+        s[f] = null;
+      }), B()), ~e ? (n = s[e], n ? n.p(l, o) : (n = s[e] = i[e](l), n.c()), d(n, 1), n.m(t.parentNode, t)) : n = null);
+    },
+    i(l) {
+      a || (d(n), a = !0);
+    },
+    o(l) {
+      c(n), a = !1;
+    },
+    d(l) {
+      ~e && s[e].d(l), l && E(t);
+    }
+  };
+}
+function Re(r, e, n) {
+  let t, a, i, s, u, l, o;
+  b(r, we, (h) => n(17, t = h)), b(r, N, (h) => n(11, a = h)), b(r, Ce, (h) => n(12, i = h)), b(r, pe, (h) => n(13, s = h)), b(r, F, (h) => n(14, u = h)), b(r, ve, (h) => n(15, l = h)), b(r, ke, (h) => n(16, o = h));
+  let { showConfigButton: f = null } = e, { showAutoCaptureButton: m = null } = e, { showCaptureButton: q = null } = e, { showCameraButton: z = null } = e, { enableCaptureButton: G = null } = e, { videoOverlay: J = "" } = e, { videoOverlayTransparency: P = 100 } = e, { idrndClosed: Q = null } = e, { idrndLoading: X = null } = e, { waitingIdrndCaptureEvent: Y = null } = e, { handler: W = () => {
+  } } = e;
+  return r.$$set = (h) => {
+    "showConfigButton" in h && n(0, f = h.showConfigButton), "showAutoCaptureButton" in h && n(1, m = h.showAutoCaptureButton), "showCaptureButton" in h && n(2, q = h.showCaptureButton), "showCameraButton" in h && n(3, z = h.showCameraButton), "enableCaptureButton" in h && n(4, G = h.enableCaptureButton), "videoOverlay" in h && n(5, J = h.videoOverlay), "videoOverlayTransparency" in h && n(6, P = h.videoOverlayTransparency), "idrndClosed" in h && n(7, Q = h.idrndClosed), "idrndLoading" in h && n(8, X = h.idrndLoading), "waitingIdrndCaptureEvent" in h && n(9, Y = h.waitingIdrndCaptureEvent), "handler" in h && n(10, W = h.handler);
+  }, r.$$.update = () => {
+    r.$$.dirty & /*$videoStore*/
+    131072 && t && (Be() ? L(N, a = Math.round(t.videoHeight * 0.25), a) : L(N, a = Math.round(t.videoHeight * 0.15), a));
+  }, [
+    f,
+    m,
+    q,
+    z,
+    G,
+    J,
+    P,
+    Q,
+    X,
+    Y,
+    W,
+    a,
+    i,
+    s,
+    u,
+    l,
+    o,
+    t
+  ];
+}
+class De extends M {
+  constructor(e) {
+    super(), K(
+      this,
+      {
+        target: this.shadowRoot,
+        props: D(this.attributes),
+        customElement: !0
+      },
+      Re,
+      Ke,
+      R,
+      {
+        showConfigButton: 0,
+        showAutoCaptureButton: 1,
+        showCaptureButton: 2,
+        showCameraButton: 3,
+        enableCaptureButton: 4,
+        videoOverlay: 5,
+        videoOverlayTransparency: 6,
+        idrndClosed: 7,
+        idrndLoading: 8,
+        waitingIdrndCaptureEvent: 9,
+        handler: 10
+      },
+      null
+    ), e && (e.target && w(e.target, this, e.anchor), e.props && (this.$set(e.props), g()));
+  }
+  static get observedAttributes() {
+    return [
+      "showConfigButton",
+      "showAutoCaptureButton",
+      "showCaptureButton",
+      "showCameraButton",
+      "enableCaptureButton",
+      "videoOverlay",
+      "videoOverlayTransparency",
+      "idrndClosed",
+      "idrndLoading",
+      "waitingIdrndCaptureEvent",
+      "handler"
+    ];
+  }
+  get showConfigButton() {
+    return this.$$.ctx[0];
+  }
+  set showConfigButton(e) {
+    this.$$set({ showConfigButton: e }), g();
+  }
+  get showAutoCaptureButton() {
+    return this.$$.ctx[1];
+  }
+  set showAutoCaptureButton(e) {
+    this.$$set({ showAutoCaptureButton: e }), g();
+  }
+  get showCaptureButton() {
+    return this.$$.ctx[2];
+  }
+  set showCaptureButton(e) {
+    this.$$set({ showCaptureButton: e }), g();
+  }
+  get showCameraButton() {
+    return this.$$.ctx[3];
+  }
+  set showCameraButton(e) {
+    this.$$set({ showCameraButton: e }), g();
+  }
+  get enableCaptureButton() {
+    return this.$$.ctx[4];
+  }
+  set enableCaptureButton(e) {
+    this.$$set({ enableCaptureButton: e }), g();
+  }
+  get videoOverlay() {
+    return this.$$.ctx[5];
+  }
+  set videoOverlay(e) {
+    this.$$set({ videoOverlay: e }), g();
+  }
+  get videoOverlayTransparency() {
+    return this.$$.ctx[6];
+  }
+  set videoOverlayTransparency(e) {
+    this.$$set({ videoOverlayTransparency: e }), g();
+  }
+  get idrndClosed() {
+    return this.$$.ctx[7];
+  }
+  set idrndClosed(e) {
+    this.$$set({ idrndClosed: e }), g();
+  }
+  get idrndLoading() {
+    return this.$$.ctx[8];
+  }
+  set idrndLoading(e) {
+    this.$$set({ idrndLoading: e }), g();
+  }
+  get waitingIdrndCaptureEvent() {
+    return this.$$.ctx[9];
+  }
+  set waitingIdrndCaptureEvent(e) {
+    this.$$set({ waitingIdrndCaptureEvent: e }), g();
+  }
+  get handler() {
+    return this.$$.ctx[10];
+  }
+  set handler(e) {
+    this.$$set({ handler: e }), g();
+  }
+}
+customElements.define("capture-bar", De);
+export {
+  De as C
+};