var x = (e, t, n) => new Promise((r, s) => {
  var a = (o) => {
    try {
      i(n.next(o));
    } catch (c) {
      s(c);
    }
  }, l = (o) => {
    try {
      i(n.throw(o));
    } catch (c) {
      s(c);
    }
  }, i = (o) => o.done ? r(o.value) : Promise.resolve(o.value).then(a, l);
  i((n = n.apply(e, t)).next());
});
const $e = "ui-skeleton", D = (
  /* ui-skeleton */
  { allRenderFn: !0, appendChildSlotFix: !1, asyncLoading: !0, asyncQueue: !1, attachStyles: !0, cloneNodeFix: !1, cmpDidLoad: !1, cmpDidRender: !1, cmpDidUnload: !1, cmpDidUpdate: !1, cmpShouldUpdate: !1, cmpWillLoad: !1, cmpWillRender: !1, cmpWillUpdate: !1, connectedCallback: !1, constructableCSS: !0, cssAnnotations: !0, devTools: !1, disconnectedCallback: !1, element: !1, event: !1, experimentalScopedSlotChanges: !1, experimentalSlotFixes: !1, formAssociated: !1, hasRenderFn: !0, hostListener: !1, hostListenerTarget: !1, hostListenerTargetBody: !1, hostListenerTargetDocument: !1, hostListenerTargetParent: !1, hostListenerTargetWindow: !1, hotModuleReplacement: !1, hydrateClientSide: !1, hydrateServerSide: !1, hydratedAttribute: !1, hydratedClass: !0, hydratedSelectorName: "hydrated", initializeNextTick: !1, invisiblePrehydration: !0, isDebug: !1, isDev: !1, isTesting: !1, lazyLoad: !0, lifecycle: !1, lifecycleDOMEvents: !1, member: !0, method: !1, mode: !1, observeAttribute: !0, profile: !1, prop: !0, propBoolean: !0, propMutable: !1, propNumber: !0, propString: !0, reflect: !1, scoped: !1, scopedSlotTextContentFix: !1, scriptDataOpts: !1, shadowDelegatesFocus: !1, shadowDom: !1, slot: !1, slotChildNodesFix: !1, slotRelocation: !1, state: !1, style: !0, svg: !1, taskQueue: !0, transformTagName: !1, updatable: !0, vdomAttribute: !0, vdomClass: !0, vdomFunctional: !1, vdomKey: !0, vdomListener: !1, vdomPropOrAttr: !1, vdomRef: !1, vdomRender: !0, vdomStyle: !1, vdomText: !0, vdomXlink: !1, watchCallback: !0 }
);
var fe = Object.defineProperty, ue = (e, t) => {
  for (var n in t)
    fe(e, n, { get: t[n], enumerable: !0 });
}, B = /* @__PURE__ */ new WeakMap(), b = (e) => B.get(e), Xe = (e, t) => B.set(t.$lazyInstance$ = e, t), de = (e, t) => {
  const n = {
    $flags$: 0,
    $hostElement$: e,
    $cmpMeta$: t,
    $instanceValues$: /* @__PURE__ */ new Map()
  };
  return n.$onReadyPromise$ = new Promise((r) => n.$onReadyResolve$ = r), e["s-p"] = [], e["s-rc"] = [], B.set(e, n);
}, w = (e, t) => (0, console.error)(e, t), _ = /* @__PURE__ */ new Map(), me = (e, t, n) => {
  const r = e.$tagName$.replace(/-/g, "_"), s = e.$lazyBundleId$;
  if (!s)
    return;
  const a = _.get(s);
  if (a)
    return a[r];
  {
    const l = (i) => (_.set(s, i), i[r]);
    switch (s) {
      case "ui-skeleton":
        return import(
          /* webpackMode: "lazy" */
          "./ui-skeleton-CWuMYFGQ.js"
        ).then(l, w);
    }
  }
  return import(
    /* @vite-ignore */
    /* webpackInclude: /\.entry\.js$/ */
    /* webpackExclude: /\.system\.entry\.js$/ */
    /* webpackMode: "lazy" */
    `./${s}.entry.js`
  ).then((l) => (_.set(s, l), l[r]), w);
}, P = /* @__PURE__ */ new Map(), ve = "{visibility:hidden}.hydrated{visibility:inherit}", J = "slot-fb{display:contents}slot-fb[hidden]{display:none}", H = typeof window != "undefined" ? window : {}, y = H.document || { head: {} }, p = {
  $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)
}, pe = D.shadowDom, he = (e) => Promise.resolve(e), ge = /* @__PURE__ */ (() => {
  try {
    return new CSSStyleSheet(), typeof new CSSStyleSheet().replaceSync == "function";
  } catch (e) {
  }
  return !1;
})(), j = !1, F = [], K = [], ye = (e, t) => (n) => {
  e.push(n), j || (j = !0, p.$flags$ & 4 ? I(N) : p.raf(N));
}, q = (e) => {
  for (let t = 0; t < e.length; t++)
    try {
      e[t](performance.now());
    } catch (n) {
      w(n);
    }
  e.length = 0;
}, N = () => {
  q(F), q(K), (j = F.length > 0) && p.raf(N);
}, I = (e) => he().then(e), Se = /* @__PURE__ */ ye(K), W = {}, R = (e) => (e = typeof e, e === "object" || e === "function");
function X(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;
}
var be = {};
ue(be, {
  err: () => Z,
  map: () => ke,
  ok: () => C,
  unwrap: () => we,
  unwrapErr: () => Ee
});
var C = (e) => ({
  isOk: !0,
  isErr: !1,
  value: e
}), Z = (e) => ({
  isOk: !1,
  isErr: !0,
  value: e
});
function ke(e, t) {
  if (e.isOk) {
    const n = t(e.value);
    return n instanceof Promise ? n.then((r) => C(r)) : C(n);
  }
  if (e.isErr) {
    const n = e.value;
    return Z(n);
  }
  throw "should never get here";
}
var we = (e) => {
  if (e.isOk)
    return e.value;
  throw e.value;
}, Ee = (e) => {
  if (e.isErr)
    return e.value;
  throw e.value;
}, S = (e, t = "") => () => {
}, xe = (e, t) => () => {
}, Te = (e, t, ...n) => {
  let r = null, s = null, a = !1, l = !1;
  const i = [], o = ($) => {
    for (let f = 0; f < $.length; f++)
      r = $[f], Array.isArray(r) ? o(r) : r != null && typeof r != "boolean" && ((a = typeof e != "function" && !R(r)) && (r = String(r)), a && l ? i[i.length - 1].$text$ += r : i.push(a ? U(null, r) : r), l = a);
  };
  if (o(n), t) {
    t.key && (s = t.key);
    {
      const $ = t.className || t.class;
      $ && (t.class = typeof $ != "object" ? $ : Object.keys($).filter((f) => $[f]).join(" "));
    }
  }
  const c = U(e, null);
  return c.$attrs$ = t, i.length > 0 && (c.$children$ = i), c.$key$ = s, c;
}, U = (e, t) => {
  const n = {
    $flags$: 0,
    $tag$: e,
    $text$: t,
    $elm$: null,
    $children$: null
  };
  return n.$attrs$ = null, n.$key$ = null, n;
}, Le = {}, Pe = (e) => e && e.$tag$ === Le, Ae = (e, t) => e != null && !R(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, Oe = (e, t, n) => {
  const r = p.ce(t, n);
  return e.dispatchEvent(r), r;
}, M = /* @__PURE__ */ new WeakMap(), _e = (e, t, n) => {
  let r = P.get(e);
  ge && n ? (r = r || new CSSStyleSheet(), typeof r == "string" ? r = t : r.replaceSync(t)) : r = t, P.set(e, r);
}, je = (e, t, n) => {
  var r;
  const s = V(t), a = P.get(s);
  if (e = e.nodeType === 11 ? e : y, a)
    if (typeof a == "string") {
      e = e.head || e;
      let l = M.get(e), i;
      if (l || M.set(e, l = /* @__PURE__ */ new Set()), !l.has(s)) {
        {
          i = y.createElement("style"), i.innerHTML = a;
          const o = (r = p.$nonce$) != null ? r : X(y);
          o != null && i.setAttribute("nonce", o), e.insertBefore(i, e.querySelector("link"));
        }
        t.$flags$ & 4 && (i.innerHTML += J), l && l.add(s);
      }
    } else
      e.adoptedStyleSheets.includes(a) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, a]);
  return s;
}, Ne = (e) => {
  const t = e.$cmpMeta$, n = e.$hostElement$, r = S("attachStyles", t.$tagName$);
  je(
    n.getRootNode(),
    t
  ), r();
}, V = (e, t) => "sc-" + e.$tagName$, Q = (e, t, n, r, s, a) => {
  if (n !== r && (t.toLowerCase(), t === "class")) {
    const l = e.classList, i = Y(n), o = Y(r);
    l.remove(...i.filter((c) => c && !o.includes(c))), l.add(...o.filter((c) => c && !i.includes(c)));
  }
}, Ce = /\s/, Y = (e) => e ? e.split(Ce) : [], ee = (e, t, n) => {
  const r = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, s = e && e.$attrs$ || W, a = t.$attrs$ || W;
  for (const l of G(Object.keys(s)))
    l in a || Q(r, l, s[l], void 0);
  for (const l of G(Object.keys(a)))
    Q(r, l, s[l], a[l]);
};
function G(e) {
  return e.includes("ref") ? (
    // we need to sort these to ensure that `'ref'` is the last attr
    [...e.filter((t) => t !== "ref"), "ref"]
  ) : (
    // no need to sort, return the original array
    e
  );
}
var te, se = !1, A = (e, t, n, r) => {
  const s = t.$children$[n];
  let a = 0, l, i;
  if (s.$text$ !== null)
    l = s.$elm$ = y.createTextNode(s.$text$);
  else if (l = s.$elm$ = y.createElement(
    !se && D.slotRelocation && s.$flags$ & 2 ? "slot-fb" : s.$tag$
  ), ee(null, s), s.$children$)
    for (a = 0; a < s.$children$.length; ++a)
      i = A(e, s, a), i && l.appendChild(i);
  return l["s-hn"] = te, l;
}, ne = (e, t, n, r, s, a) => {
  let l = e, i;
  for (; s <= a; ++s)
    r[s] && (i = A(null, n, s), i && (r[s].$elm$ = i, L(l, i, t)));
}, re = (e, t, n) => {
  for (let r = t; r <= n; ++r) {
    const s = e[r];
    if (s) {
      const a = s.$elm$;
      a && a.remove();
    }
  }
}, Ue = (e, t, n, r, s = !1) => {
  let a = 0, l = 0, i = 0, o = 0, c = t.length - 1, $ = t[0], f = t[c], u = r.length - 1, d = r[0], m = r[u], v, h;
  for (; a <= c && l <= u; )
    if ($ == null)
      $ = t[++a];
    else if (f == null)
      f = t[--c];
    else if (d == null)
      d = r[++l];
    else if (m == null)
      m = r[--u];
    else if (T($, d, s))
      k($, d, s), $ = t[++a], d = r[++l];
    else if (T(f, m, s))
      k(f, m, s), f = t[--c], m = r[--u];
    else if (T($, m, s))
      k($, m, s), L(e, $.$elm$, f.$elm$.nextSibling), $ = t[++a], m = r[--u];
    else if (T(f, d, s))
      k(f, d, s), L(e, f.$elm$, $.$elm$), f = t[--c], d = r[++l];
    else {
      for (i = -1, o = a; o <= c; ++o)
        if (t[o] && t[o].$key$ !== null && t[o].$key$ === d.$key$) {
          i = o;
          break;
        }
      i >= 0 ? (h = t[i], h.$tag$ !== d.$tag$ ? v = A(t && t[l], n, i) : (k(h, d, s), t[i] = void 0, v = h.$elm$), d = r[++l]) : (v = A(t && t[l], n, l), d = r[++l]), v && L($.$elm$.parentNode, v, $.$elm$);
    }
  a > c ? ne(
    e,
    r[u + 1] == null ? null : r[u + 1].$elm$,
    n,
    r,
    l,
    u
  ) : l > u && re(t, a, c);
}, T = (e, t, n = !1) => e.$tag$ === t.$tag$ ? n ? !0 : e.$key$ === t.$key$ : !1, k = (e, t, n = !1) => {
  const r = t.$elm$ = e.$elm$, s = e.$children$, a = t.$children$, l = t.$text$;
  l === null ? (ee(e, t), s !== null && a !== null ? Ue(r, s, t, a, n) : a !== null ? (e.$text$ !== null && (r.textContent = ""), ne(r, null, t, a, 0, a.length - 1)) : s !== null && re(s, 0, s.length - 1)) : e.$text$ !== l && (r.data = l);
}, L = (e, t, n) => e == null ? void 0 : e.insertBefore(t, n), De = (e, t, n = !1) => {
  const r = e.$hostElement$, s = e.$vnode$ || U(null, null), a = Pe(t) ? t : Te(null, null, t);
  if (te = r.tagName, n && a.$attrs$)
    for (const l of Object.keys(a.$attrs$))
      r.hasAttribute(l) && !["key", "ref", "style", "class"].includes(l) && (a.$attrs$[l] = r[l]);
  a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = s.$elm$ = r, se = pe, k(s, a, n);
}, le = (e, t) => {
  t && !e.$onRenderResolve$ && t["s-p"] && t["s-p"].push(new Promise((n) => e.$onRenderResolve$ = n));
}, z = (e, t) => {
  if (e.$flags$ |= 16, e.$flags$ & 4) {
    e.$flags$ |= 512;
    return;
  }
  return le(e, e.$ancestorComponent$), Se(() => Be(e, t));
}, Be = (e, t) => {
  const n = e.$hostElement$, r = S("scheduleUpdate", e.$cmpMeta$.$tagName$), s = e.$lazyInstance$;
  if (!s)
    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 a;
  return r(), He(a, () => ze(e, s, t));
}, He = (e, t) => Ie(e) ? e.then(t).catch((n) => {
  console.error(n), t();
}) : t(), Ie = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", ze = (e, t, n) => x(void 0, null, function* () {
  var r;
  const s = e.$hostElement$, a = S("update", e.$cmpMeta$.$tagName$), l = s["s-rc"];
  n && Ne(e);
  const i = S("render", e.$cmpMeta$.$tagName$);
  Fe(e, t, s, n), l && (l.map((o) => o()), s["s-rc"] = void 0), i(), a();
  {
    const o = (r = s["s-p"]) != null ? r : [], c = () => qe(e);
    o.length === 0 ? c() : (Promise.all(o).then(c), e.$flags$ |= 4, o.length = 0);
  }
}), Fe = (e, t, n, r) => {
  try {
    t = t.render(), e.$flags$ &= -17, e.$flags$ |= 2, De(e, t, r);
  } catch (s) {
    w(s, e.$hostElement$);
  }
  return null;
}, qe = (e) => {
  const t = e.$cmpMeta$.$tagName$, n = e.$hostElement$, r = S("postUpdate", t), s = e.$ancestorComponent$;
  e.$flags$ & 64 ? r() : (e.$flags$ |= 64, oe(n), r(), e.$onReadyResolve$(n), s || ae()), e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), e.$flags$ & 512 && I(() => z(e, !1)), e.$flags$ &= -517;
}, ae = (e) => {
  oe(y.documentElement), I(() => Oe(H, "appload", { detail: { namespace: $e } }));
}, oe = (e) => {
  var t;
  return e.classList.add((t = D.hydratedSelectorName) != null ? t : "hydrated");
}, We = (e, t) => b(e).$instanceValues$.get(t), Me = (e, t, n, r) => {
  const s = b(e);
  if (!s)
    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 a = s.$hostElement$, l = s.$instanceValues$.get(t), i = s.$flags$, o = s.$lazyInstance$;
  n = Ae(n, r.$members$[t][0]);
  const c = Number.isNaN(l) && Number.isNaN(n), $ = n !== l && !c;
  if ((!(i & 8) || l === void 0) && $ && (s.$instanceValues$.set(t, n), o)) {
    if (r.$watchers$ && i & 128) {
      const f = r.$watchers$[t];
      f && f.map((u) => {
        try {
          o[u](n, l, t);
        } catch (d) {
          w(d, a);
        }
      });
    }
    (i & 18) === 2 && z(s, !1);
  }
}, ie = (e, t, n) => {
  var r, s;
  const a = e.prototype;
  if (t.$members$ || t.$watchers$ || e.watchers) {
    e.watchers && !t.$watchers$ && (t.$watchers$ = e.watchers);
    const l = Object.entries((r = t.$members$) != null ? r : {});
    if (l.map(([i, [o]]) => {
      (o & 31 || n & 2 && o & 32) && Object.defineProperty(a, i, {
        get() {
          return We(this, i);
        },
        set(c) {
          Me(this, i, c, t);
        },
        configurable: !0,
        enumerable: !0
      });
    }), n & 1) {
      const i = /* @__PURE__ */ new Map();
      a.attributeChangedCallback = function(o, c, $) {
        p.jmp(() => {
          var f;
          const u = i.get(o);
          if (this.hasOwnProperty(u))
            $ = this[u], delete this[u];
          else {
            if (a.hasOwnProperty(u) && typeof this[u] == "number" && this[u] == $)
              return;
            if (u == null) {
              const d = b(this), m = d == null ? void 0 : d.$flags$;
              if (m && !(m & 8) && m & 128 && $ !== c) {
                const v = d.$lazyInstance$, h = (f = t.$watchers$) == null ? void 0 : f[o];
                h == null || h.forEach((g) => {
                  v[g] != null && v[g].call(v, $, c, o);
                });
              }
              return;
            }
          }
          this[u] = $ === null && typeof this[u] == "boolean" ? !1 : $;
        });
      }, e.observedAttributes = Array.from(
        /* @__PURE__ */ new Set([
          ...Object.keys((s = t.$watchers$) != null ? s : {}),
          ...l.filter(
            ([o, c]) => c[0] & 15
            /* HasAttribute */
          ).map(([o, c]) => {
            const $ = c[1] || o;
            return i.set($, o), $;
          })
        ])
      );
    }
  }
  return e;
}, Qe = (e, t, n, r) => x(void 0, null, function* () {
  let s;
  if (!(t.$flags$ & 32)) {
    if (t.$flags$ |= 32, n.$lazyBundleId$) {
      const o = me(n);
      if (o && "then" in o) {
        const $ = xe();
        s = yield o, $();
      } else
        s = o;
      if (!s)
        throw new Error(`Constructor for "${n.$tagName$}#${t.$modeName$}" was not found`);
      s.isProxied || (n.$watchers$ = s.watchers, ie(
        s,
        n,
        2
        /* proxyState */
      ), s.isProxied = !0);
      const c = S("createInstance", n.$tagName$);
      t.$flags$ |= 8;
      try {
        new s(t);
      } catch ($) {
        w($);
      }
      t.$flags$ &= -9, t.$flags$ |= 128, c();
    } else {
      s = e.constructor;
      const o = e.localName;
      customElements.whenDefined(o).then(
        () => t.$flags$ |= 128
        /* isWatchReady */
      );
    }
    if (s && s.style) {
      let o;
      typeof s.style == "string" && (o = s.style);
      const c = V(n);
      if (!P.has(c)) {
        const $ = S("registerStyles", n.$tagName$);
        _e(c, o, !!(n.$flags$ & 1)), $();
      }
    }
  }
  const a = t.$ancestorComponent$, l = () => z(t, !0);
  a && a["s-rc"] ? a["s-rc"].push(l) : l();
}), Ye = (e) => {
}, Ge = (e) => {
  if (!(p.$flags$ & 1)) {
    const t = b(e), n = t.$cmpMeta$, r = S("connectedCallback", n.$tagName$);
    if (t.$flags$ & 1)
      t != null && t.$lazyInstance$ || t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => Ye());
    else {
      t.$flags$ |= 1;
      {
        let s = e;
        for (; s = s.parentNode || s.host; )
          if (s["s-p"]) {
            le(t, t.$ancestorComponent$ = s);
            break;
          }
      }
      n.$members$ && Object.entries(n.$members$).map(([s, [a]]) => {
        if (a & 31 && e.hasOwnProperty(s)) {
          const l = e[s];
          delete e[s], e[s] = l;
        }
      }), Qe(e, t, n);
    }
    r();
  }
}, Je = (e) => {
}, Ke = (e) => x(void 0, null, function* () {
  if (!(p.$flags$ & 1)) {
    const t = b(e);
    t != null && t.$lazyInstance$ || t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => Je());
  }
}), Ze = (e, t = {}) => {
  var n;
  const r = S(), s = [], a = t.exclude || [], l = H.customElements, i = y.head, o = /* @__PURE__ */ i.querySelector("meta[charset]"), c = /* @__PURE__ */ y.createElement("style"), $ = [];
  let f, u = !0;
  Object.assign(p, t), p.$resourcesUrl$ = new URL(t.resourcesUrl || "./", y.baseURI).href;
  let d = !1;
  if (e.map((m) => {
    m[1].map((v) => {
      var h;
      const g = {
        $flags$: v[0],
        $tagName$: v[1],
        $members$: v[2],
        $listeners$: v[3]
      };
      g.$flags$ & 4 && (d = !0), g.$members$ = v[2], g.$watchers$ = (h = v[4]) != null ? h : {};
      const E = g.$tagName$, ce = class extends HTMLElement {
        // StencilLazyHost
        constructor(O) {
          super(O), this.hasRegisteredEventListeners = !1, O = this, de(O, g);
        }
        connectedCallback() {
          b(this), this.hasRegisteredEventListeners || (this.hasRegisteredEventListeners = !0), f && (clearTimeout(f), f = null), u ? $.push(this) : p.jmp(() => Ge(this));
        }
        disconnectedCallback() {
          p.jmp(() => Ke(this));
        }
        componentOnReady() {
          return b(this).$onReadyPromise$;
        }
      };
      g.$lazyBundleId$ = m[0], !a.includes(E) && !l.get(E) && (s.push(E), l.define(
        E,
        ie(
          ce,
          g,
          1
          /* isElementConstructor */
        )
      ));
    });
  }), s.length > 0 && (d && (c.textContent += J), c.textContent += s.sort() + ve, c.innerHTML.length)) {
    c.setAttribute("data-styles", "");
    const m = (n = p.$nonce$) != null ? n : X(y);
    m != null && c.setAttribute("nonce", m), i.insertBefore(c, o ? o.nextSibling : i.firstChild);
  }
  u = !1, $.length ? $.map((m) => m.connectedCallback()) : p.jmp(() => f = setTimeout(ae, 30)), r();
};
export {
  Le as H,
  Ze as b,
  Te as h,
  he as p,
  Xe as r
};
