@beeq/core 1.8.0-beta.3 → 1.8.0-beta.5

package/dist/beeq/p-01df4baa.js

@@ -0,0 +1,1826 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+const e = "beeq";
+
+const t = /* beeq */ {
+  allRenderFn: true,
+  appendChildSlotFix: true,
+  asyncLoading: true,
+  asyncQueue: false,
+  attachStyles: true,
+  cloneNodeFix: true,
+  cmpDidLoad: true,
+  cmpDidRender: false,
+  cmpDidUnload: false,
+  cmpDidUpdate: true,
+  cmpShouldUpdate: false,
+  cmpWillLoad: true,
+  cmpWillRender: false,
+  cmpWillUpdate: false,
+  connectedCallback: true,
+  constructableCSS: true,
+  cssAnnotations: true,
+  devTools: false,
+  disconnectedCallback: true,
+  element: false,
+  event: true,
+  experimentalScopedSlotChanges: true,
+  experimentalSlotFixes: true,
+  formAssociated: true,
+  hasRenderFn: true,
+  hostListener: true,
+  hostListenerTarget: true,
+  hostListenerTargetBody: true,
+  hostListenerTargetDocument: true,
+  hostListenerTargetParent: false,
+  hostListenerTargetWindow: true,
+  hotModuleReplacement: false,
+  hydrateClientSide: true,
+  hydrateServerSide: false,
+  hydratedAttribute: false,
+  hydratedClass: true,
+  hydratedSelectorName: "hydrated",
+  initializeNextTick: false,
+  invisiblePrehydration: true,
+  isDebug: true,
+  isDev: false,
+  isTesting: false,
+  lazyLoad: true,
+  lifecycle: true,
+  lifecycleDOMEvents: true,
+  member: true,
+  method: true,
+  mode: false,
+  observeAttribute: true,
+  profile: false,
+  prop: true,
+  propBoolean: true,
+  propMutable: true,
+  propNumber: true,
+  propString: true,
+  reflect: true,
+  scoped: false,
+  scopedSlotTextContentFix: true,
+  scriptDataOpts: false,
+  shadowDelegatesFocus: true,
+  shadowDom: true,
+  slot: true,
+  slotChildNodesFix: true,
+  slotRelocation: false,
+  state: true,
+  style: true,
+  svg: true,
+  taskQueue: true,
+  transformTagName: false,
+  updatable: true,
+  vdomAttribute: true,
+  vdomClass: true,
+  vdomFunctional: true,
+  vdomKey: true,
+  vdomListener: true,
+  vdomPropOrAttr: true,
+  vdomRef: true,
+  vdomRender: true,
+  vdomStyle: true,
+  vdomText: true,
+  vdomXlink: true,
+  watchCallback: true
+};
+
+/*
+ Stencil Client Platform v4.22.1 | MIT Licensed | https://stenciljs.com
+ */ var n = Object.defineProperty;
+
+var __export = (e, t) => {
+  for (var r in t) n(e, r, {
+    get: t[r],
+    enumerable: true
+  });
+};
+
+var r =  new WeakMap;
+
+var getHostRef = e => r.get(e);
+
+var registerInstance = (e, t) => r.set(t._$$lazyInstance$$_ = e, t);
+
+var registerHost = (e, t) => {
+  const n = {
+    _$$flags$$_: 0,
+    $hostElement$: e,
+    _$$cmpMeta$$_: t,
+    _$$instanceValues$$_:  new Map
+  };
+  {
+    n._$$onInstancePromise$$_ = new Promise((e => n._$$onInstanceResolve$$_ = e));
+  }
+  {
+    n._$$onReadyPromise$$_ = new Promise((e => n._$$onReadyResolve$$_ = e));
+    e["s-p"] = [];
+    e["s-rc"] = [];
+  }
+  return r.set(e, n);
+};
+
+var isMemberInElement = (e, t) => t in e;
+
+var consoleError = (e, t) => (0, console.error)(e, t)
+// src/client/client-load-module.ts
+;
+
+var l =  new Map;
+
+var loadModule = (e, t, n) => {
+  const r = e._$$tagName$$_.replace(/-/g, "_");
+  const s = e._$$lazyBundleId$$_;
+  if (!s) {
+    return void 0;
+  }
+  const o = l.get(s);
+  if (o) {
+    return o[r];
+  }
+  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/  return import(
+  /* @vite-ignore */
+  /* webpackInclude: /\.entry\.js$/ */
+  /* webpackExclude: /\.system\.entry\.js$/ */
+  /* webpackMode: "lazy" */
+  `./${s}.entry.js${""}`).then((e => {
+    {
+      l.set(s, e);
+    }
+    return e[r];
+  }), consoleError);
+};
+
+// src/client/client-style.ts
+var s =  new Map;
+
+// src/runtime/runtime-constants.ts
+var o = "r";
+
+var i = "o";
+
+var a = "s";
+
+var f = "t";
+
+var c = "s-id";
+
+var u = "sty-id";
+
+var v = "c-id";
+
+var d = "{visibility:hidden}.hydrated{visibility:inherit}";
+
+var p = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+
+var m = "http://www.w3.org/1999/xlink";
+
+var $ = [ "formAssociatedCallback", "formResetCallback", "formDisabledCallback", "formStateRestoreCallback" ];
+
+var y = typeof window !== "undefined" ? window : {};
+
+var b = y.document || {
+  head: {}
+};
+
+var w = y.HTMLElement || class {};
+
+var g = {
+  _$$flags$$_: 0,
+  _$$resourcesUrl$$_: "",
+  jmp: e => e(),
+  raf: e => requestAnimationFrame(e),
+  ael: (e, t, n, r) => e.addEventListener(t, n, r),
+  rel: (e, t, n, r) => e.removeEventListener(t, n, r),
+  ce: (e, t) => new CustomEvent(e, t)
+};
+
+var S = t.shadowDom;
+
+var k =  (() => {
+  let e = false;
+  try {
+    b.addEventListener("e", null, Object.defineProperty({}, "passive", {
+      get() {
+        e = true;
+      }
+    }));
+  } catch (e) {}
+  return e;
+})();
+
+var promiseResolve = e => Promise.resolve(e);
+
+var C =  (() => {
+  try {
+    new CSSStyleSheet;
+    return typeof (new CSSStyleSheet).replaceSync === "function";
+  } catch (e) {}
+  return false;
+})();
+
+var x = false;
+
+var j = [];
+
+var O = [];
+
+var queueTask = (e, t) => n => {
+  e.push(n);
+  if (!x) {
+    x = true;
+    if (t && g._$$flags$$_ & 4 /* queueSync */) {
+      nextTick(flush);
+    } else {
+      g.raf(flush);
+    }
+  }
+};
+
+var consume = e => {
+  for (let t = 0; t < e.length; t++) {
+    try {
+      e[t](performance.now());
+    } catch (e) {
+      consoleError(e);
+    }
+  }
+  e.length = 0;
+};
+
+var flush = () => {
+  consume(j);
+  {
+    consume(O);
+    if (x = j.length > 0) {
+      g.raf(flush);
+    }
+  }
+};
+
+var nextTick = e => promiseResolve().then(e);
+
+var D =  queueTask(O, true);
+
+// src/utils/constants.ts
+var T = {};
+
+var A = "http://www.w3.org/2000/svg";
+
+var L = "http://www.w3.org/1999/xhtml";
+
+// src/utils/helpers.ts
+var isDef = e => e != null;
+
+var isComplexType = e => {
+  e = typeof e;
+  return e === "object" || e === "function";
+};
+
+// src/utils/query-nonce-meta-tag-content.ts
+function queryNonceMetaTagContent(e) {
+  var t, n, r;
+  return (r = (n = (t = e.head) == null ? void 0 : t.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : n.getAttribute("content")) != null ? r : void 0;
+}
+
+// src/utils/result.ts
+var M = {};
+
+__export(M, {
+  err: () => err,
+  map: () => map,
+  ok: () => ok,
+  unwrap: () => unwrap,
+  unwrapErr: () => unwrapErr
+});
+
+var ok = e => ({
+  isOk: true,
+  isErr: false,
+  value: e
+});
+
+var err = e => ({
+  isOk: false,
+  isErr: true,
+  value: e
+});
+
+function map(e, t) {
+  if (e.isOk) {
+    const n = t(e.value);
+    if (n instanceof Promise) {
+      return n.then((e => ok(e)));
+    } else {
+      return ok(n);
+    }
+  }
+  if (e.isErr) {
+    const t = e.value;
+    return err(t);
+  }
+  throw "should never get here";
+}
+
+var unwrap = e => {
+  if (e.isOk) {
+    return e.value;
+  } else {
+    throw e.value;
+  }
+};
+
+var unwrapErr = e => {
+  if (e.isErr) {
+    return e.value;
+  } else {
+    throw e.value;
+  }
+};
+
+var createTime = (e, t = "") => {
+  {
+    return () => {};
+  }
+};
+
+var uniqueTime = (e, t) => {
+  {
+    return () => {};
+  }
+};
+
+var h = (e, t, ...n) => {
+  let r = null;
+  let l = null;
+  let s = false;
+  let o = false;
+  const i = [];
+  const walk = t => {
+    for (let n = 0; n < t.length; n++) {
+      r = t[n];
+      if (Array.isArray(r)) {
+        walk(r);
+      } else if (r != null && typeof r !== "boolean") {
+        if (s = typeof e !== "function" && !isComplexType(r)) {
+          r = String(r);
+        }
+        if (s && o) {
+          i[i.length - 1]._$$text$$_ += r;
+        } else {
+          i.push(s ? newVNode(null, r) : r);
+        }
+        o = s;
+      }
+    }
+  };
+  walk(n);
+  if (t) {
+    if (t.key) {
+      l = t.key;
+    }
+    {
+      const e = t.className || t.class;
+      if (e) {
+        t.class = typeof e !== "object" ? e : Object.keys(e).filter((t => e[t])).join(" ");
+      }
+    }
+  }
+  if (typeof e === "function") {
+    return e(t === null ? {} : t, i, R);
+  }
+  const a = newVNode(e, null);
+  a._$$attrs$$_ = t;
+  if (i.length > 0) {
+    a._$$children$$_ = i;
+  }
+  {
+    a._$$key$$_ = l;
+  }
+  return a;
+};
+
+var newVNode = (e, t) => {
+  const n = {
+    _$$flags$$_: 0,
+    _$$tag$$_: e,
+    _$$text$$_: t,
+    _$$elm$$_: null,
+    _$$children$$_: null
+  };
+  {
+    n._$$attrs$$_ = null;
+  }
+  {
+    n._$$key$$_ = null;
+  }
+  return n;
+};
+
+var E = {};
+
+var isHost = e => e && e._$$tag$$_ === E;
+
+var R = {
+  forEach: (e, t) => e.map(convertToPublic).forEach(t),
+  map: (e, t) => e.map(convertToPublic).map(t).map(convertToPrivate)
+};
+
+var convertToPublic = e => ({
+  vattrs: e._$$attrs$$_,
+  vchildren: e._$$children$$_,
+  vkey: e._$$key$$_,
+  vname: e._$$name$$_,
+  vtag: e._$$tag$$_,
+  vtext: e._$$text$$_
+});
+
+var convertToPrivate = e => {
+  if (typeof e.vtag === "function") {
+    const t = {
+      ...e.vattrs
+    };
+    if (e.vkey) {
+      t.key = e.vkey;
+    }
+    if (e.vname) {
+      t.name = e.vname;
+    }
+    return h(e.vtag, t, ...e.vchildren || []);
+  }
+  const t = newVNode(e.vtag, e.vtext);
+  t._$$attrs$$_ = e.vattrs;
+  t._$$children$$_ = e.vchildren;
+  t._$$key$$_ = e.vkey;
+  t._$$name$$_ = e.vname;
+  return t;
+};
+
+// src/runtime/client-hydrate.ts
+var initializeClientHydrate = (e, t, n, r) => {
+  const l = createTime("hydrateClient", t);
+  const s = e.shadowRoot;
+  const o = [];
+  const i = [];
+  const a = s ? [] : null;
+  const f = r._$$vnode$$_ = newVNode(t, null);
+  if (!g._$$orgLocNodes$$_) {
+    initializeDocumentHydrate(b.body, g._$$orgLocNodes$$_ =  new Map);
+  }
+  e[c] = n;
+  e.removeAttribute(c);
+  clientHydrate(f, o, i, a, e, e, n);
+  o.map((e => {
+    const n = e._$$hostId$$_ + "." + e._$$nodeId$$_;
+    const r = g._$$orgLocNodes$$_.get(n);
+    const l = e._$$elm$$_;
+    if (r && S && r["s-en"] === "") {
+      r.parentNode.insertBefore(l, r.nextSibling);
+    }
+    if (!s) {
+      l["s-hn"] = t;
+      if (r) {
+        l["s-ol"] = r;
+        l["s-ol"]["s-nr"] = l;
+      }
+    }
+    g._$$orgLocNodes$$_.delete(n);
+  }));
+  if (s) {
+    a.map((e => {
+      if (e) {
+        s.appendChild(e);
+      }
+    }));
+  }
+  l();
+};
+
+var clientHydrate = (e, t, n, r, l, s, i) => {
+  let c;
+  let u;
+  let d;
+  let p;
+  if (s.nodeType === 1 /* ElementNode */) {
+    c = s.getAttribute(v);
+    if (c) {
+      u = c.split(".");
+      if (u[0] === i || u[0] === "0") {
+        d = {
+          _$$flags$$_: 0,
+          _$$hostId$$_: u[0],
+          _$$nodeId$$_: u[1],
+          _$$depth$$_: u[2],
+          _$$index$$_: u[3],
+          _$$tag$$_: s.tagName.toLowerCase(),
+          _$$elm$$_: s,
+          _$$attrs$$_: null,
+          _$$children$$_: null,
+          _$$key$$_: null,
+          _$$name$$_: null,
+          _$$text$$_: null
+        };
+        t.push(d);
+        s.removeAttribute(v);
+        if (!e._$$children$$_) {
+          e._$$children$$_ = [];
+        }
+        e._$$children$$_[d._$$index$$_] = d;
+        e = d;
+        if (r && d._$$depth$$_ === "0") {
+          r[d._$$index$$_] = d._$$elm$$_;
+        }
+      }
+    }
+    if (s.shadowRoot) {
+      for (p = s.shadowRoot.childNodes.length - 1; p >= 0; p--) {
+        clientHydrate(e, t, n, r, l, s.shadowRoot.childNodes[p], i);
+      }
+    }
+    for (p = s.childNodes.length - 1; p >= 0; p--) {
+      clientHydrate(e, t, n, r, l, s.childNodes[p], i);
+    }
+  } else if (s.nodeType === 8 /* CommentNode */) {
+    u = s.nodeValue.split(".");
+    if (u[1] === i || u[1] === "0") {
+      c = u[0];
+      d = {
+        _$$flags$$_: 0,
+        _$$hostId$$_: u[1],
+        _$$nodeId$$_: u[2],
+        _$$depth$$_: u[3],
+        _$$index$$_: u[4],
+        _$$elm$$_: s,
+        _$$attrs$$_: null,
+        _$$children$$_: null,
+        _$$key$$_: null,
+        _$$name$$_: null,
+        _$$tag$$_: null,
+        _$$text$$_: null
+      };
+      if (c === f) {
+        d._$$elm$$_ = s.nextSibling;
+        if (d._$$elm$$_ && d._$$elm$$_.nodeType === 3 /* TextNode */) {
+          d._$$text$$_ = d._$$elm$$_.textContent;
+          t.push(d);
+          s.remove();
+          if (!e._$$children$$_) {
+            e._$$children$$_ = [];
+          }
+          e._$$children$$_[d._$$index$$_] = d;
+          if (r && d._$$depth$$_ === "0") {
+            r[d._$$index$$_] = d._$$elm$$_;
+          }
+        }
+      } else if (d._$$hostId$$_ === i) {
+        if (c === a) {
+          d._$$tag$$_ = "slot";
+          if (u[5]) {
+            s["s-sn"] = d._$$name$$_ = u[5];
+          } else {
+            s["s-sn"] = "";
+          }
+          s["s-sr"] = true;
+          if (r) {
+            d._$$elm$$_ = b.createElement(d._$$tag$$_);
+            if (d._$$name$$_) {
+              d._$$elm$$_.setAttribute("name", d._$$name$$_);
+            }
+            s.parentNode.insertBefore(d._$$elm$$_, s);
+            s.remove();
+            if (d._$$depth$$_ === "0") {
+              r[d._$$index$$_] = d._$$elm$$_;
+            }
+          }
+          n.push(d);
+          if (!e._$$children$$_) {
+            e._$$children$$_ = [];
+          }
+          e._$$children$$_[d._$$index$$_] = d;
+        } else if (c === o) {
+          if (r) {
+            s.remove();
+          }
+        }
+      }
+    }
+  } else if (e && e._$$tag$$_ === "style") {
+    const t = newVNode(null, s.textContent);
+    t._$$elm$$_ = s;
+    t._$$index$$_ = "0";
+    e._$$children$$_ = [ t ];
+  }
+};
+
+var initializeDocumentHydrate = (e, t) => {
+  if (e.nodeType === 1 /* ElementNode */) {
+    let n = 0;
+    if (e.shadowRoot) {
+      for (;n < e.shadowRoot.childNodes.length; n++) {
+        initializeDocumentHydrate(e.shadowRoot.childNodes[n], t);
+      }
+    }
+    for (n = 0; n < e.childNodes.length; n++) {
+      initializeDocumentHydrate(e.childNodes[n], t);
+    }
+  } else if (e.nodeType === 8 /* CommentNode */) {
+    const n = e.nodeValue.split(".");
+    if (n[0] === i) {
+      t.set(n[1] + "." + n[2], e);
+      e.nodeValue = "";
+      e["s-en"] = n[3];
+    }
+  }
+};
+
+var parsePropertyValue = (e, t) => {
+  if (e != null && !isComplexType(e)) {
+    if (t & 4 /* Boolean */) {
+      return e === "false" ? false : e === "" || !!e;
+    }
+    if (t & 2 /* Number */) {
+      return parseFloat(e);
+    }
+    if (t & 1 /* String */) {
+      return String(e);
+    }
+    return e;
+  }
+  return e;
+};
+
+var getElement = e => getHostRef(e).$hostElement$
+// src/runtime/event-emitter.ts
+;
+
+var createEvent = (e, t, n) => {
+  const r = getElement(e);
+  return {
+    emit: e => emitEvent(r, t, {
+      bubbles: !!(n & 4 /* Bubbles */),
+      composed: !!(n & 2 /* Composed */),
+      cancelable: !!(n & 1 /* Cancellable */),
+      detail: e
+    })
+  };
+};
+
+var emitEvent = (e, t, n) => {
+  const r = g.ce(t, n);
+  e.dispatchEvent(r);
+  return r;
+};
+
+var N =  new WeakMap;
+
+var registerStyle = (e, t, n) => {
+  let r = s.get(e);
+  if (C && n) {
+    r = r || new CSSStyleSheet;
+    if (typeof r === "string") {
+      r = t;
+    } else {
+      r.replaceSync(t);
+    }
+  } else {
+    r = t;
+  }
+  s.set(e, r);
+};
+
+var addStyle = (e, t, n) => {
+  var r;
+  const l = getScopeId(t);
+  const o = s.get(l);
+  e = e.nodeType === 11 /* DocumentFragment */ ? e : b;
+  if (o) {
+    if (typeof o === "string") {
+      e = e.head || e;
+      let n = N.get(e);
+      let s;
+      if (!n) {
+        N.set(e, n =  new Set);
+      }
+      if (!n.has(l)) {
+        if (e.host && (s = e.querySelector(`[${u}="${l}"]`))) {
+          s.innerHTML = o;
+        } else {
+          s = b.createElement("style");
+          s.innerHTML = o;
+          const n = (r = g._$$nonce$$_) != null ? r : queryNonceMetaTagContent(b);
+          if (n != null) {
+            s.setAttribute("nonce", n);
+          }
+          if (!(t._$$flags$$_ & 1 /* shadowDomEncapsulation */)) {
+            if (e.nodeName === "HEAD") {
+              const t = e.querySelectorAll("link[rel=preconnect]");
+              const n = t.length > 0 ? t[t.length - 1].nextSibling : e.querySelector("style");
+              e.insertBefore(s, n);
+            } else if ("host" in e) {
+              const t = e.querySelector("style");
+              if (t) {
+                t.innerHTML = o + t.innerHTML;
+              } else {
+                e.prepend(s);
+              }
+            } else {
+              e.append(s);
+            }
+          }
+          if (t._$$flags$$_ & 1 /* shadowDomEncapsulation */ && e.nodeName !== "HEAD") {
+            e.insertBefore(s, null);
+          }
+        }
+        if (t._$$flags$$_ & 4 /* hasSlotRelocation */) {
+          s.innerHTML += p;
+        }
+        if (n) {
+          n.add(l);
+        }
+      }
+    } else if (!e.adoptedStyleSheets.includes(o)) {
+      e.adoptedStyleSheets = [ ...e.adoptedStyleSheets, o ];
+    }
+  }
+  return l;
+};
+
+var attachStyles = e => {
+  const t = e._$$cmpMeta$$_;
+  const n = e.$hostElement$;
+  const r = t._$$flags$$_;
+  const l = createTime("attachStyles", t._$$tagName$$_);
+  const s = addStyle(n.shadowRoot ? n.shadowRoot : n.getRootNode(), t);
+  if (r & 10 /* needsScopedEncapsulation */ && r & 2 /* scopedCssEncapsulation */) {
+    n["s-sc"] = s;
+    n.classList.add(s + "-h");
+  }
+  l();
+};
+
+var getScopeId = (e, t) => "sc-" + e._$$tagName$$_;
+
+var setAccessor = (e, t, n, r, l, s) => {
+  if (n !== r) {
+    let o = isMemberInElement(e, t);
+    let i = t.toLowerCase();
+    if (t === "class") {
+      const t = e.classList;
+      const l = parseClassList(n);
+      const s = parseClassList(r);
+      t.remove(...l.filter((e => e && !s.includes(e))));
+      t.add(...s.filter((e => e && !l.includes(e))));
+    } else if (t === "style") {
+      {
+        for (const t in n) {
+          if (!r || r[t] == null) {
+            if (t.includes("-")) {
+              e.style.removeProperty(t);
+            } else {
+              e.style[t] = "";
+            }
+          }
+        }
+      }
+      for (const t in r) {
+        if (!n || r[t] !== n[t]) {
+          if (t.includes("-")) {
+            e.style.setProperty(t, r[t]);
+          } else {
+            e.style[t] = r[t];
+          }
+        }
+      }
+    } else if (t === "key") ; else if (t === "ref") {
+      if (r) {
+        r(e);
+      }
+    } else if (!o && t[0] === "o" && t[1] === "n") {
+      if (t[2] === "-") {
+        t = t.slice(3);
+      } else if (isMemberInElement(y, i)) {
+        t = i.slice(2);
+      } else {
+        t = i[2] + t.slice(3);
+      }
+      if (n || r) {
+        const l = t.endsWith(U);
+        t = t.replace(P, "");
+        if (n) {
+          g.rel(e, t, n, l);
+        }
+        if (r) {
+          g.ael(e, t, r, l);
+        }
+      }
+    } else {
+      const a = isComplexType(r);
+      if ((o || a && r !== null) && !l) {
+        try {
+          if (!e.tagName.includes("-")) {
+            const l = r == null ? "" : r;
+            if (t === "list") {
+              o = false;
+            } else if (n == null || e[t] != l) {
+              if (typeof e.__lookupSetter__(t) === "function") {
+                e[t] = l;
+              } else {
+                e.setAttribute(t, l);
+              }
+            }
+          } else {
+            e[t] = r;
+          }
+        } catch (e) {}
+      }
+      let f = false;
+      {
+        if (i !== (i = i.replace(/^xlink\:?/, ""))) {
+          t = i;
+          f = true;
+        }
+      }
+      if (r == null || r === false) {
+        if (r !== false || e.getAttribute(t) === "") {
+          if (f) {
+            e.removeAttributeNS(m, t);
+          } else {
+            e.removeAttribute(t);
+          }
+        }
+      } else if ((!o || s & 4 /* isHost */ || l) && !a) {
+        r = r === true ? "" : r;
+        if (f) {
+          e.setAttributeNS(m, t, r);
+        } else {
+          e.setAttribute(t, r);
+        }
+      }
+    }
+  }
+};
+
+var F = /\s/;
+
+var parseClassList = e => !e ? [] : e.split(F);
+
+var U = "Capture";
+
+var P = new RegExp(U + "$");
+
+// src/runtime/vdom/update-element.ts
+var updateElement = (e, t, n) => {
+  const r = t._$$elm$$_.nodeType === 11 /* DocumentFragment */ && t._$$elm$$_.host ? t._$$elm$$_.host : t._$$elm$$_;
+  const l = e && e._$$attrs$$_ || T;
+  const s = t._$$attrs$$_ || T;
+  {
+    for (const e of sortedAttrNames(Object.keys(l))) {
+      if (!(e in s)) {
+        setAccessor(r, e, l[e], void 0, n, t._$$flags$$_);
+      }
+    }
+  }
+  for (const e of sortedAttrNames(Object.keys(s))) {
+    setAccessor(r, e, l[e], s[e], n, t._$$flags$$_);
+  }
+};
+
+function sortedAttrNames(e) {
+  return e.includes("ref") ? 
+  // we need to sort these to ensure that `'ref'` is the last attr
+  [ ...e.filter((e => e !== "ref")), "ref" ] : 
+  // no need to sort, return the original array
+  e;
+}
+
+// src/runtime/vdom/vdom-render.ts
+var W;
+
+var q;
+
+var I = false;
+
+var H = false;
+
+var createElm = (e, n, r, l) => {
+  const s = n._$$children$$_[r];
+  let o = 0;
+  let i;
+  let a;
+  if (s._$$text$$_ !== null) {
+    i = s._$$elm$$_ = b.createTextNode(s._$$text$$_);
+  } else {
+    if (!H) {
+      H = s._$$tag$$_ === "svg";
+    }
+    i = s._$$elm$$_ = b.createElementNS(H ? A : L, !I && t.slotRelocation && s._$$flags$$_ & 2 /* isSlotFallback */ ? "slot-fb" : s._$$tag$$_);
+    if (H && s._$$tag$$_ === "foreignObject") {
+      H = false;
+    }
+    {
+      updateElement(null, s, H);
+    }
+    const n = i.getRootNode();
+    const r = !n.querySelector("body");
+    if (!r && t.scoped && isDef(W) && i["s-si"] !== W) {
+      i.classList.add(i["s-si"] = W);
+    }
+    if (s._$$children$$_) {
+      for (o = 0; o < s._$$children$$_.length; ++o) {
+        a = createElm(e, s, o);
+        if (a) {
+          i.appendChild(a);
+        }
+      }
+    }
+    {
+      if (s._$$tag$$_ === "svg") {
+        H = false;
+      } else if (i.tagName === "foreignObject") {
+        H = true;
+      }
+    }
+  }
+  i["s-hn"] = q;
+  return i;
+};
+
+var relocateToHostRoot = e => {
+  g._$$flags$$_ |= 1 /* isTmpDisconnected */;
+  const t = e.closest(q.toLowerCase());
+  if (t != null) {
+    const n = Array.from(t.childNodes).find((e => e["s-cr"]));
+    const r = Array.from(e.childNodes);
+    for (const e of n ? r.reverse() : r) {
+      if (e["s-sh"] != null) {
+        insertBefore(t, e, n != null ? n : null);
+        e["s-sh"] = void 0;
+      }
+    }
+  }
+  g._$$flags$$_ &= ~1 /* isTmpDisconnected */;
+};
+
+var addVnodes = (e, t, n, r, l, s) => {
+  let o = e;
+  let i;
+  if (o.shadowRoot && o.tagName === q) {
+    o = o.shadowRoot;
+  }
+  for (;l <= s; ++l) {
+    if (r[l]) {
+      i = createElm(null, n, l);
+      if (i) {
+        r[l]._$$elm$$_ = i;
+        insertBefore(o, i, t);
+      }
+    }
+  }
+};
+
+var removeVnodes = (e, t, n) => {
+  for (let r = t; r <= n; ++r) {
+    const t = e[r];
+    if (t) {
+      const e = t._$$elm$$_;
+      nullifyVNodeRefs(t);
+      if (e) {
+        e.remove();
+      }
+    }
+  }
+};
+
+var updateChildren = (e, t, n, r, l = false) => {
+  let s = 0;
+  let o = 0;
+  let i = 0;
+  let a = 0;
+  let f = t.length - 1;
+  let c = t[0];
+  let u = t[f];
+  let v = r.length - 1;
+  let d = r[0];
+  let p = r[v];
+  let m;
+  let $;
+  while (s <= f && o <= v) {
+    if (c == null) {
+      c = t[++s];
+    } else if (u == null) {
+      u = t[--f];
+    } else if (d == null) {
+      d = r[++o];
+    } else if (p == null) {
+      p = r[--v];
+    } else if (isSameVnode(c, d, l)) {
+      patch(c, d, l);
+      c = t[++s];
+      d = r[++o];
+    } else if (isSameVnode(u, p, l)) {
+      patch(u, p, l);
+      u = t[--f];
+      p = r[--v];
+    } else if (isSameVnode(c, p, l)) {
+      patch(c, p, l);
+      insertBefore(e, c._$$elm$$_, u._$$elm$$_.nextSibling);
+      c = t[++s];
+      p = r[--v];
+    } else if (isSameVnode(u, d, l)) {
+      patch(u, d, l);
+      insertBefore(e, u._$$elm$$_, c._$$elm$$_);
+      u = t[--f];
+      d = r[++o];
+    } else {
+      i = -1;
+      {
+        for (a = s; a <= f; ++a) {
+          if (t[a] && t[a]._$$key$$_ !== null && t[a]._$$key$$_ === d._$$key$$_) {
+            i = a;
+            break;
+          }
+        }
+      }
+      if (i >= 0) {
+        $ = t[i];
+        if ($._$$tag$$_ !== d._$$tag$$_) {
+          m = createElm(t && t[o], n, i);
+        } else {
+          patch($, d, l);
+          t[i] = void 0;
+          m = $._$$elm$$_;
+        }
+        d = r[++o];
+      } else {
+        m = createElm(t && t[o], n, o);
+        d = r[++o];
+      }
+      if (m) {
+        {
+          insertBefore(c._$$elm$$_.parentNode, m, c._$$elm$$_);
+        }
+      }
+    }
+  }
+  if (s > f) {
+    addVnodes(e, r[v + 1] == null ? null : r[v + 1]._$$elm$$_, n, r, o, v);
+  } else if (o > v) {
+    removeVnodes(t, s, f);
+  }
+};
+
+var isSameVnode = (e, t, n = false) => {
+  if (e._$$tag$$_ === t._$$tag$$_) {
+    if (!n) {
+      return e._$$key$$_ === t._$$key$$_;
+    }
+    return true;
+  }
+  return false;
+};
+
+var patch = (e, n, r = false) => {
+  const l = n._$$elm$$_ = e._$$elm$$_;
+  const s = e._$$children$$_;
+  const o = n._$$children$$_;
+  const i = n._$$tag$$_;
+  const a = n._$$text$$_;
+  if (a === null) {
+    {
+      H = i === "svg" ? true : i === "foreignObject" ? false : H;
+    }
+    {
+      if (i === "slot" && !I) {
+        if (e._$$name$$_ !== n._$$name$$_) {
+          n._$$elm$$_["s-sn"] = n._$$name$$_ || "";
+          relocateToHostRoot(n._$$elm$$_.parentElement);
+        }
+      } else {
+        updateElement(e, n, H);
+      }
+    }
+    if (s !== null && o !== null) {
+      updateChildren(l, s, n, o, r);
+    } else if (o !== null) {
+      if (e._$$text$$_ !== null) {
+        l.textContent = "";
+      }
+      addVnodes(l, null, n, o, 0, o.length - 1);
+    } else if (
+    // don't do this on initial render as it can cause non-hydrated content to be removed
+    !r && t.updatable && s !== null) {
+      removeVnodes(s, 0, s.length - 1);
+    }
+    if (H && i === "svg") {
+      H = false;
+    }
+  } else if (e._$$text$$_ !== a) {
+    l.data = a;
+  }
+};
+
+var nullifyVNodeRefs = e => {
+  {
+    e._$$attrs$$_ && e._$$attrs$$_.ref && e._$$attrs$$_.ref(null);
+    e._$$children$$_ && e._$$children$$_.map(nullifyVNodeRefs);
+  }
+};
+
+var insertBefore = (e, t, n) => {
+  const r = e == null ? void 0 : e.insertBefore(t, n);
+  return r;
+};
+
+var renderVdom = (e, t, n = false) => {
+  var r;
+  const l = e.$hostElement$;
+  const s = e._$$cmpMeta$$_;
+  const o = e._$$vnode$$_ || newVNode(null, null);
+  const i = isHost(t) ? t : h(null, null, t);
+  q = l.tagName;
+  if (s._$$attrsToReflect$$_) {
+    i._$$attrs$$_ = i._$$attrs$$_ || {};
+    s._$$attrsToReflect$$_.map((([e, t]) => i._$$attrs$$_[t] = l[e]));
+  }
+  if (n && i._$$attrs$$_) {
+    for (const e of Object.keys(i._$$attrs$$_)) {
+      if (l.hasAttribute(e) && ![ "key", "ref", "style", "class" ].includes(e)) {
+        i._$$attrs$$_[e] = l[e];
+      }
+    }
+  }
+  i._$$tag$$_ = null;
+  i._$$flags$$_ |= 4 /* isHost */;
+  e._$$vnode$$_ = i;
+  i._$$elm$$_ = o._$$elm$$_ = l.shadowRoot || l;
+  {
+    W = l["s-sc"];
+  }
+  I = (s._$$flags$$_ & 1 /* shadowDomEncapsulation */) !== 0;
+  patch(o, i, n);
+  if (s._$$flags$$_ & 2 /* scopedCssEncapsulation */) {
+    for (const e of i._$$elm$$_.childNodes) {
+      if (e["s-hn"] !== q && !e["s-sh"]) {
+        if (n && e["s-ih"] == null) {
+          e["s-ih"] = (r = e.hidden) != null ? r : false;
+        }
+        e.hidden = true;
+      }
+    }
+  }
+};
+
+// src/runtime/update-component.ts
+var attachToAncestor = (e, t) => {
+  if (t && !e._$$onRenderResolve$$_ && t["s-p"]) {
+    t["s-p"].push(new Promise((t => e._$$onRenderResolve$$_ = t)));
+  }
+};
+
+var scheduleUpdate = (e, t) => {
+  {
+    e._$$flags$$_ |= 16 /* isQueuedForUpdate */;
+  }
+  if (e._$$flags$$_ & 4 /* isWaitingForChildren */) {
+    e._$$flags$$_ |= 512 /* needsRerender */;
+    return;
+  }
+  attachToAncestor(e, e._$$ancestorComponent$$_);
+  const dispatch = () => dispatchHooks(e, t);
+  return D(dispatch);
+};
+
+var dispatchHooks = (e, t) => {
+  const n = e.$hostElement$;
+  const r = createTime("scheduleUpdate", e._$$cmpMeta$$_._$$tagName$$_);
+  const l = e._$$lazyInstance$$_;
+  if (!l) {
+    throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);
+  }
+  let s;
+  if (t) {
+    {
+      e._$$flags$$_ |= 256 /* isListenReady */;
+      if (e._$$queuedListeners$$_) {
+        e._$$queuedListeners$$_.map((([e, t]) => safeCall(l, e, t)));
+        e._$$queuedListeners$$_ = void 0;
+      }
+    }
+    emitLifecycleEvent(n, "componentWillLoad");
+    {
+      s = safeCall(l, "componentWillLoad");
+    }
+  } else {
+    emitLifecycleEvent(n, "componentWillUpdate");
+  }
+  emitLifecycleEvent(n, "componentWillRender");
+  r();
+  return enqueue(s, (() => updateComponent(e, l, t)));
+};
+
+var enqueue = (e, t) => isPromisey(e) ? e.then(t).catch((e => {
+  console.error(e);
+  t();
+})) : t();
+
+var isPromisey = e => e instanceof Promise || e && e.then && typeof e.then === "function";
+
+var updateComponent = async (e, t, n) => {
+  var r;
+  const l = e.$hostElement$;
+  const s = createTime("update", e._$$cmpMeta$$_._$$tagName$$_);
+  const o = l["s-rc"];
+  if (n) {
+    attachStyles(e);
+  }
+  const i = createTime("render", e._$$cmpMeta$$_._$$tagName$$_);
+  {
+    callRender(e, t, l, n);
+  }
+  if (o) {
+    o.map((e => e()));
+    l["s-rc"] = void 0;
+  }
+  i();
+  s();
+  {
+    const t = (r = l["s-p"]) != null ? r : [];
+    const postUpdate = () => postUpdateComponent(e);
+    if (t.length === 0) {
+      postUpdate();
+    } else {
+      Promise.all(t).then(postUpdate);
+      e._$$flags$$_ |= 4 /* isWaitingForChildren */;
+      t.length = 0;
+    }
+  }
+};
+
+var callRender = (e, t, n, r) => {
+  try {
+    t = t.render();
+    {
+      e._$$flags$$_ &= ~16 /* isQueuedForUpdate */;
+    }
+    {
+      e._$$flags$$_ |= 2 /* hasRendered */;
+    }
+    {
+      {
+        {
+          renderVdom(e, t, r);
+        }
+      }
+    }
+  } catch (t) {
+    consoleError(t, e.$hostElement$);
+  }
+  return null;
+};
+
+var postUpdateComponent = e => {
+  const t = e._$$cmpMeta$$_._$$tagName$$_;
+  const n = e.$hostElement$;
+  const r = createTime("postUpdate", t);
+  const l = e._$$lazyInstance$$_;
+  const s = e._$$ancestorComponent$$_;
+  emitLifecycleEvent(n, "componentDidRender");
+  if (!(e._$$flags$$_ & 64 /* hasLoadedComponent */)) {
+    e._$$flags$$_ |= 64 /* hasLoadedComponent */;
+    {
+      addHydratedFlag(n);
+    }
+    {
+      safeCall(l, "componentDidLoad");
+    }
+    emitLifecycleEvent(n, "componentDidLoad");
+    r();
+    {
+      e._$$onReadyResolve$$_(n);
+      if (!s) {
+        appDidLoad();
+      }
+    }
+  } else {
+    {
+      safeCall(l, "componentDidUpdate");
+    }
+    emitLifecycleEvent(n, "componentDidUpdate");
+    r();
+  }
+  {
+    e._$$onInstanceResolve$$_(n);
+  }
+  {
+    if (e._$$onRenderResolve$$_) {
+      e._$$onRenderResolve$$_();
+      e._$$onRenderResolve$$_ = void 0;
+    }
+    if (e._$$flags$$_ & 512 /* needsRerender */) {
+      nextTick((() => scheduleUpdate(e, false)));
+    }
+    e._$$flags$$_ &= ~(4 /* isWaitingForChildren */ | 512 /* needsRerender */);
+  }
+};
+
+var appDidLoad = t => {
+  {
+    addHydratedFlag(b.documentElement);
+  }
+  nextTick((() => emitEvent(y, "appload", {
+    detail: {
+      namespace: e
+    }
+  })));
+};
+
+var safeCall = (e, t, n) => {
+  if (e && e[t]) {
+    try {
+      return e[t](n);
+    } catch (e) {
+      consoleError(e);
+    }
+  }
+  return void 0;
+};
+
+var emitLifecycleEvent = (t, n) => {
+  {
+    emitEvent(t, "stencil_" + n, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        namespace: e
+      }
+    });
+  }
+};
+
+var addHydratedFlag = e => {
+  var n;
+  return e.classList.add((n = t.hydratedSelectorName) != null ? n : "hydrated");
+};
+
+// src/runtime/set-value.ts
+var getValue = (e, t) => getHostRef(e)._$$instanceValues$$_.get(t);
+
+var setValue = (e, t, n, r) => {
+  const l = getHostRef(e);
+  if (!l) {
+    throw new Error(`Couldn't find host element for "${r._$$tagName$$_}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);
+  }
+  const s = l.$hostElement$;
+  const o = l._$$instanceValues$$_.get(t);
+  const i = l._$$flags$$_;
+  const a = l._$$lazyInstance$$_;
+  n = parsePropertyValue(n, r._$$members$$_[t][0]);
+  const f = Number.isNaN(o) && Number.isNaN(n);
+  const c = n !== o && !f;
+  if ((!(i & 8 /* isConstructingInstance */) || o === void 0) && c) {
+    l._$$instanceValues$$_.set(t, n);
+    if (a) {
+      if (r._$$watchers$$_ && i & 128 /* isWatchReady */) {
+        const e = r._$$watchers$$_[t];
+        if (e) {
+          e.map((e => {
+            try {
+              a[e](n, o, t);
+            } catch (e) {
+              consoleError(e, s);
+            }
+          }));
+        }
+      }
+      if ((i & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        scheduleUpdate(l, false);
+      }
+    }
+  }
+};
+
+// src/runtime/proxy-component.ts
+var proxyComponent = (e, t, n) => {
+  var r, l;
+  const s = e.prototype;
+  if (t._$$flags$$_ & 64 /* formAssociated */ && n & 1 /* isElementConstructor */) {
+    $.forEach((e => Object.defineProperty(s, e, {
+      value(...t) {
+        const n = getHostRef(this);
+        const r = n._$$lazyInstance$$_;
+        if (!r) {
+          n._$$onReadyPromise$$_.then((n => {
+            const r = n[e];
+            typeof r === "function" && r.call(n, ...t);
+          }));
+        } else {
+          const n = r[e];
+          typeof n === "function" && n.call(r, ...t);
+        }
+      }
+    })));
+  }
+  if (t._$$members$$_ || (t._$$watchers$$_ || e.watchers)) {
+    if (e.watchers && !t._$$watchers$$_) {
+      t._$$watchers$$_ = e.watchers;
+    }
+    const o = Object.entries((r = t._$$members$$_) != null ? r : {});
+    o.map((([e, [r]]) => {
+      if (r & 31 /* Prop */ || n & 2 /* proxyState */ && r & 32 /* State */) {
+        Object.defineProperty(s, e, {
+          get() {
+            return getValue(this, e);
+          },
+          set(n) {
+            setValue(this, e, n, t);
+          },
+          configurable: true,
+          enumerable: true
+        });
+      } else if (n & 1 /* isElementConstructor */ && r & 64 /* Method */) {
+        Object.defineProperty(s, e, {
+          value(...t) {
+            var n;
+            const r = getHostRef(this);
+            return (n = r == null ? void 0 : r._$$onInstancePromise$$_) == null ? void 0 : n.then((() => {
+              var n;
+              return (n = r._$$lazyInstance$$_) == null ? void 0 : n[e](...t);
+            }));
+          }
+        });
+      }
+    }));
+    if (n & 1 /* isElementConstructor */) {
+      const n =  new Map;
+      s.attributeChangedCallback = function(e, r, l) {
+        g.jmp((() => {
+          var o;
+          const i = n.get(e);
+          if (this.hasOwnProperty(i)) {
+            l = this[i];
+            delete this[i];
+          } else if (s.hasOwnProperty(i) && typeof this[i] === "number" && // cast type to number to avoid TS compiler issues
+          this[i] == l) {
+            return;
+          } else if (i == null) {
+            const n = getHostRef(this);
+            const s = n == null ? void 0 : n._$$flags$$_;
+            if (s && !(s & 8 /* isConstructingInstance */) && s & 128 /* isWatchReady */ && l !== r) {
+              const s = n._$$lazyInstance$$_;
+              const i = (o = t._$$watchers$$_) == null ? void 0 : o[e];
+              i == null ? void 0 : i.forEach((t => {
+                if (s[t] != null) {
+                  s[t].call(s, l, r, e);
+                }
+              }));
+            }
+            return;
+          }
+          this[i] = l === null && typeof this[i] === "boolean" ? false : l;
+        }));
+      };
+      e.observedAttributes = Array.from(
+       new Set([ ...Object.keys((l = t._$$watchers$$_) != null ? l : {}), ...o.filter((([e, t]) => t[0] & 15 /* HasAttribute */)).map((([e, r]) => {
+        var l;
+        const s = r[1] || e;
+        n.set(s, e);
+        if (r[0] & 512 /* ReflectAttr */) {
+          (l = t._$$attrsToReflect$$_) == null ? void 0 : l.push([ e, s ]);
+        }
+        return s;
+      })) ]));
+    }
+  }
+  return e;
+};
+
+// src/runtime/initialize-component.ts
+var initializeComponent = async (e, t, n, r) => {
+  let l;
+  if ((t._$$flags$$_ & 32 /* hasInitializedComponent */) === 0) {
+    t._$$flags$$_ |= 32 /* hasInitializedComponent */;
+    const r = n._$$lazyBundleId$$_;
+    if (r) {
+      const e = loadModule(n);
+      if (e && "then" in e) {
+        const t = uniqueTime();
+        l = await e;
+        t();
+      } else {
+        l = e;
+      }
+      if (!l) {
+        throw new Error(`Constructor for "${n._$$tagName$$_}#${t._$$modeName$$_}" was not found`);
+      }
+      if (!l.isProxied) {
+        {
+          n._$$watchers$$_ = l.watchers;
+        }
+        proxyComponent(l, n, 2 /* proxyState */);
+        l.isProxied = true;
+      }
+      const r = createTime("createInstance", n._$$tagName$$_);
+      {
+        t._$$flags$$_ |= 8 /* isConstructingInstance */;
+      }
+      try {
+        new l(t);
+      } catch (e) {
+        consoleError(e);
+      }
+      {
+        t._$$flags$$_ &= ~8 /* isConstructingInstance */;
+      }
+      {
+        t._$$flags$$_ |= 128 /* isWatchReady */;
+      }
+      r();
+      fireConnectedCallback(t._$$lazyInstance$$_);
+    } else {
+      l = e.constructor;
+      const n = e.localName;
+      customElements.whenDefined(n).then((() => t._$$flags$$_ |= 128 /* isWatchReady */));
+    }
+    if (l && l.style) {
+      let e;
+      if (typeof l.style === "string") {
+        e = l.style;
+      }
+      const t = getScopeId(n);
+      if (!s.has(t)) {
+        const r = createTime("registerStyles", n._$$tagName$$_);
+        registerStyle(t, e, !!(n._$$flags$$_ & 1 /* shadowDomEncapsulation */));
+        r();
+      }
+    }
+  }
+  const o = t._$$ancestorComponent$$_;
+  const schedule = () => scheduleUpdate(t, true);
+  if (o && o["s-rc"]) {
+    o["s-rc"].push(schedule);
+  } else {
+    schedule();
+  }
+};
+
+var fireConnectedCallback = e => {
+  {
+    safeCall(e, "connectedCallback");
+  }
+};
+
+// src/runtime/connected-callback.ts
+var connectedCallback = e => {
+  if ((g._$$flags$$_ & 1 /* isTmpDisconnected */) === 0) {
+    const t = getHostRef(e);
+    const n = t._$$cmpMeta$$_;
+    const r = createTime("connectedCallback", n._$$tagName$$_);
+    if (!(t._$$flags$$_ & 1 /* hasConnected */)) {
+      t._$$flags$$_ |= 1 /* hasConnected */;
+      let r;
+      {
+        r = e.getAttribute(c);
+        if (r) {
+          if (n._$$flags$$_ & 1 /* shadowDomEncapsulation */) {
+            const t = addStyle(e.shadowRoot, n);
+            e.classList.remove(t + "-h", t + "-s");
+          }
+          initializeClientHydrate(e, n._$$tagName$$_, r, t);
+        }
+      }
+      {
+        let n = e;
+        while (n = n.parentNode || n.host) {
+          if (n.nodeType === 1 /* ElementNode */ && n.hasAttribute("s-id") && n["s-p"] || n["s-p"]) {
+            attachToAncestor(t, t._$$ancestorComponent$$_ = n);
+            break;
+          }
+        }
+      }
+      if (n._$$members$$_) {
+        Object.entries(n._$$members$$_).map((([t, [n]]) => {
+          if (n & 31 /* Prop */ && e.hasOwnProperty(t)) {
+            const n = e[t];
+            delete e[t];
+            e[t] = n;
+          }
+        }));
+      }
+      {
+        initializeComponent(e, t, n);
+      }
+    } else {
+      addHostEventListeners(e, t, n._$$listeners$$_);
+      if (t == null ? void 0 : t._$$lazyInstance$$_) {
+        fireConnectedCallback(t._$$lazyInstance$$_);
+      } else if (t == null ? void 0 : t._$$onReadyPromise$$_) {
+        t._$$onReadyPromise$$_.then((() => fireConnectedCallback(t._$$lazyInstance$$_)));
+      }
+    }
+    r();
+  }
+};
+
+var disconnectInstance = e => {
+  {
+    safeCall(e, "disconnectedCallback");
+  }
+};
+
+var disconnectedCallback = async e => {
+  if ((g._$$flags$$_ & 1 /* isTmpDisconnected */) === 0) {
+    const t = getHostRef(e);
+    {
+      if (t._$$rmListeners$$_) {
+        t._$$rmListeners$$_.map((e => e()));
+        t._$$rmListeners$$_ = void 0;
+      }
+    }
+    if (t == null ? void 0 : t._$$lazyInstance$$_) {
+      disconnectInstance(t._$$lazyInstance$$_);
+    } else if (t == null ? void 0 : t._$$onReadyPromise$$_) {
+      t._$$onReadyPromise$$_.then((() => disconnectInstance(t._$$lazyInstance$$_)));
+    }
+  }
+};
+
+// src/runtime/bootstrap-lazy.ts
+var bootstrapLazy = (e, t = {}) => {
+  var n;
+  const r = createTime();
+  const l = [];
+  const s = t.exclude || [];
+  const o = y.customElements;
+  const i = b.head;
+  const a =  i.querySelector("meta[charset]");
+  const f =  b.createElement("style");
+  const c = [];
+  let u;
+  let v = true;
+  Object.assign(g, t);
+  g._$$resourcesUrl$$_ = new URL(t.resourcesUrl || "./", b.baseURI).href;
+  {
+    g._$$flags$$_ |= 2 /* appLoaded */;
+  }
+  let m = false;
+  e.map((e => {
+    e[1].map((t => {
+      var n;
+      const r = {
+        _$$flags$$_: t[0],
+        _$$tagName$$_: t[1],
+        _$$members$$_: t[2],
+        _$$listeners$$_: t[3]
+      };
+      if (r._$$flags$$_ & 4 /* hasSlotRelocation */) {
+        m = true;
+      }
+      {
+        r._$$members$$_ = t[2];
+      }
+      {
+        r._$$listeners$$_ = t[3];
+      }
+      {
+        r._$$attrsToReflect$$_ = [];
+      }
+      {
+        r._$$watchers$$_ = (n = t[4]) != null ? n : {};
+      }
+      const i = r._$$tagName$$_;
+      const a = class extends HTMLElement {
+        // StencilLazyHost
+        constructor(e) {
+          super(e);
+          this.hasRegisteredEventListeners = false;
+          e = this;
+          registerHost(e, r);
+          if (r._$$flags$$_ & 1 /* shadowDomEncapsulation */) {
+            {
+              if (!e.shadowRoot) {
+                {
+                  e.attachShadow({
+                    mode: "open",
+                    delegatesFocus: !!(r._$$flags$$_ & 16 /* shadowDelegatesFocus */)
+                  });
+                }
+              } else {
+                if (e.shadowRoot.mode !== "open") {
+                  throw new Error(`Unable to re-use existing shadow root for ${r._$$tagName$$_}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`);
+                }
+              }
+            }
+          }
+        }
+        connectedCallback() {
+          const e = getHostRef(this);
+          if (!this.hasRegisteredEventListeners) {
+            this.hasRegisteredEventListeners = true;
+            addHostEventListeners(this, e, r._$$listeners$$_);
+          }
+          if (u) {
+            clearTimeout(u);
+            u = null;
+          }
+          if (v) {
+            c.push(this);
+          } else {
+            g.jmp((() => connectedCallback(this)));
+          }
+        }
+        disconnectedCallback() {
+          g.jmp((() => disconnectedCallback(this)));
+        }
+        componentOnReady() {
+          return getHostRef(this)._$$onReadyPromise$$_;
+        }
+      };
+      if (r._$$flags$$_ & 64 /* formAssociated */) {
+        a.formAssociated = true;
+      }
+      r._$$lazyBundleId$$_ = e[0];
+      if (!s.includes(i) && !o.get(i)) {
+        l.push(i);
+        o.define(i, proxyComponent(a, r, 1 /* isElementConstructor */));
+      }
+    }));
+  }));
+  if (l.length > 0) {
+    if (m) {
+      f.textContent += p;
+    }
+    {
+      f.textContent += l.sort() + d;
+    }
+    if (f.innerHTML.length) {
+      f.setAttribute("data-styles", "");
+      const e = (n = g._$$nonce$$_) != null ? n : queryNonceMetaTagContent(b);
+      if (e != null) {
+        f.setAttribute("nonce", e);
+      }
+      i.insertBefore(f, a ? a.nextSibling : i.firstChild);
+    }
+  }
+  v = false;
+  if (c.length) {
+    c.map((e => e.connectedCallback()));
+  } else {
+    {
+      g.jmp((() => u = setTimeout(appDidLoad, 30)));
+    }
+  }
+  r();
+};
+
+// src/runtime/fragment.ts
+var Fragment = (e, t) => t;
+
+var addHostEventListeners = (e, t, n, r) => {
+  if (n) {
+    n.map((([n, r, l]) => {
+      const s = getHostListenerTarget(e, n);
+      const o = hostListenerProxy(t, l);
+      const i = hostListenerOpts(n);
+      g.ael(s, r, o, i);
+      (t._$$rmListeners$$_ = t._$$rmListeners$$_ || []).push((() => g.rel(s, r, o, i)));
+    }));
+  }
+};
+
+var hostListenerProxy = (e, t) => n => {
+  var r;
+  try {
+    {
+      if (e._$$flags$$_ & 256 /* isListenReady */) {
+        (r = e._$$lazyInstance$$_) == null ? void 0 : r[t](n);
+      } else {
+        (e._$$queuedListeners$$_ = e._$$queuedListeners$$_ || []).push([ t, n ]);
+      }
+    }
+  } catch (e) {
+    consoleError(e);
+  }
+};
+
+var getHostListenerTarget = (e, t) => {
+  if (t & 4 /* TargetDocument */) return b;
+  if (t & 8 /* TargetWindow */) return y;
+  if (t & 16 /* TargetBody */) return b.body;
+  return e;
+};
+
+var hostListenerOpts = e => k ? {
+  passive: (e & 1 /* Passive */) !== 0,
+  capture: (e & 2 /* Capture */) !== 0
+} : (e & 2 /* Capture */) !== 0
+// src/runtime/nonce.ts
+;
+
+var setNonce = e => g._$$nonce$$_ = e;
+
+export { Fragment as F, w as H, E as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+//# sourceMappingURL=p-01df4baa.js.map