@searchcraft/vue-sdk 0.7.0

package/dist/index.es.js

@@ -0,0 +1,1232 @@
+import { defineComponent as _, ref as Qe, getCurrentInstance as Ge, inject as Xe, h as Ye, resolveComponent as T, openBlock as E, createBlock as k, normalizeProps as q, guardReactiveProps as I, mergeProps as K } from "vue";
+const Z = "routerLink", he = "navManager", Ke = "router", Je = "aria", M = Symbol(), ge = { default: M }, ye = (e) => (e == null ? void 0 : e.split(" ")) || [], Ze = (e, t, r = []) => {
+  var n;
+  return [...Array.from(((n = e.value) == null ? void 0 : n.classList) || []), ...r].filter((s, l, a) => !t.has(s) && a.indexOf(s) === l);
+}, L = (e, t, r = [], n = [], s, l) => {
+  const a = _((o, { attrs: i, slots: f, emit: u }) => {
+    var m;
+    const c = Qe(), $ = new Set(ye(i.class)), d = Ge(), g = ((m = d == null ? void 0 : d.appContext) == null ? void 0 : m.provides[he]) ? Xe(he) : void 0, v = (h) => {
+      const { routerLink: D } = o;
+      if (D !== M)
+        if (g !== void 0) {
+          h.preventDefault();
+          let b = { event: h };
+          for (const A in o) {
+            const S = o[A];
+            o.hasOwnProperty(A) && A.startsWith(Ke) && S !== M && (b[A] = S);
+          }
+          g.navigate(b);
+        } else
+          console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.");
+    };
+    return () => {
+      o[s], ye(i.class).forEach((S) => {
+        $.add(S);
+      });
+      const h = o.onClick, D = (S) => {
+        h !== void 0 && h(S), S.defaultPrevented || v(S);
+      };
+      let b = {
+        ref: c,
+        class: Ze(c, $),
+        onClick: D
+      };
+      for (const S in o) {
+        const de = o[S];
+        (o.hasOwnProperty(S) && de !== M || S.startsWith(Je)) && (b[S] = de);
+        const pe = "on" + S.slice(0, 1).toUpperCase() + S.slice(1), We = i[pe];
+        c.value && i.hasOwnProperty(pe) && "addEventListener" in c.value && c.value.addEventListener(S, We);
+      }
+      return Z in o && o[Z] !== M && (b = {
+        ...b,
+        href: o[Z]
+      }), Ye(e, b, f.default && f.default());
+    };
+  });
+  if (typeof a != "function") {
+    let o = [], i = {};
+    i.ROUTER_LINK_VALUE = ge, r.forEach((f) => i[f] = ge), o = n, a.name = e, a.emits = o, a.props = i;
+  }
+  return a;
+}, Ve = /* @__PURE__ */ L("searchcraft-base-search-result", void 0, [
+  "titleContent",
+  "subtitleContent",
+  "bodyContent",
+  "footerContent",
+  "buttonLabel",
+  "buttonHref",
+  "buttonTarget",
+  "buttonRel",
+  "containerHref",
+  "containerTarget",
+  "containerRel",
+  "imageSrc",
+  "imageAlt",
+  "imagePlacement",
+  "customStyles",
+  "documentPosition"
+]), et = /* @__PURE__ */ L("searchcraft-base-search-results", void 0, [
+  "adInterval",
+  "customStylesForResults",
+  "searchResultMappings",
+  "placeAdAtEnd",
+  "placeAdAtStart",
+  "resultImagePlacement",
+  "buttonLabel",
+  "buttonTarget",
+  "buttonRel",
+  "containerTarget",
+  "containerRel",
+  "noResults"
+], [
+  "noResults"
+]), tt = /* @__PURE__ */ L("searchcraft-button", void 0, [
+  "iconElement",
+  "iconOnly",
+  "iconPosition",
+  "label",
+  "buttonClick"
+], [
+  "buttonClick"
+]), nt = /* @__PURE__ */ L("searchcraft-error-message", void 0, [
+  "errorMessage"
+]), rt = /* @__PURE__ */ L("searchcraft-facet-list", void 0, [
+  "fieldName",
+  "facetSelectionUpdated"
+], [
+  "facetSelectionUpdated"
+]), st = /* @__PURE__ */ L("searchcraft-filter-panel", void 0, [
+  "items"
+]), ot = /* @__PURE__ */ L("searchcraft-input-form", void 0, [
+  "config",
+  "autoSearch",
+  "buttonPlacement",
+  "buttonLabel",
+  "inputLabel",
+  "customStyles",
+  "placeholderValue",
+  "searchTerm",
+  "inputCleared",
+  "noResultsReceived",
+  "inputFocus",
+  "inputBlur",
+  "inputInit",
+  "querySubmit"
+], [
+  "inputCleared",
+  "noResultsReceived",
+  "inputFocus",
+  "inputBlur",
+  "inputInit",
+  "querySubmit"
+]), at = /* @__PURE__ */ L("searchcraft-input-label", void 0, [
+  "inputLabelClassName",
+  "label"
+]), lt = /* @__PURE__ */ L("searchcraft-popover-button"), it = /* @__PURE__ */ L("searchcraft-popover-form", void 0, [
+  "config",
+  "type",
+  "popoverResultMappings",
+  "hotkey",
+  "hotkeyModifier"
+]), ct = /* @__PURE__ */ L("searchcraft-results-info"), ft = /* @__PURE__ */ L("searchcraft-slider", void 0, [
+  "max",
+  "min",
+  "granularity",
+  "dataType",
+  "rangeChanged"
+], [
+  "rangeChanged"
+]), ut = /* @__PURE__ */ L("searchcraft-toggle-button", void 0, [
+  "label",
+  "subLabel",
+  "toggleUpdated"
+], [
+  "toggleUpdated"
+]), $t = _({
+  name: "SearchcraftButton",
+  props: {
+    text: String,
+    disabled: Boolean,
+    type: String,
+    onClick: Function
+  },
+  components: {
+    Component: tt
+  }
+}), P = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, s] of t)
+    r[n] = s;
+  return r;
+};
+function dt(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const An = /* @__PURE__ */ P($t, [["render", dt]]), pt = _({
+  name: "SearchcraftBaseSearchResult",
+  props: {
+    titleContent: {
+      type: String,
+      required: !1
+    },
+    subtitleContent: {
+      type: String,
+      required: !1
+    },
+    bodyContent: {
+      type: String,
+      required: !1
+    },
+    footerContent: {
+      type: String,
+      required: !1
+    },
+    buttonLabel: {
+      type: String,
+      required: !1
+    },
+    buttonHref: {
+      type: String,
+      required: !1
+    },
+    buttonTarget: {
+      type: String,
+      required: !1
+    },
+    buttonRel: {
+      type: String,
+      required: !1
+    },
+    containerHref: {
+      type: String,
+      required: !1
+    },
+    containerTarget: {
+      type: String,
+      required: !1
+    },
+    containerRel: {
+      type: String,
+      required: !1
+    },
+    imageSrc: {
+      type: String,
+      required: !1
+    },
+    imageAlt: {
+      type: String,
+      required: !1
+    },
+    imagePlacement: {
+      type: String,
+      required: !1
+    },
+    customStyles: {
+      type: Object,
+      required: !1
+    },
+    documentPosition: {
+      type: Number,
+      required: !1
+    }
+  },
+  components: {
+    Component: Ve
+  }
+});
+function ht(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const On = /* @__PURE__ */ P(pt, [["render", ht]]), gt = _({
+  name: "SearchcraftBaseSearchResults",
+  props: {
+    adInterval: Number,
+    customStylesForResults: Object,
+    searchResultMappings: Object,
+    placeAdAtEnd: Boolean,
+    placeAdAtStart: Boolean,
+    resultImagePlacement: String,
+    buttonLabel: String,
+    buttonTarget: String,
+    buttonRel: String,
+    containerTarget: String,
+    containerRel: String,
+    noResults: String
+  },
+  components: {
+    Component: et
+  }
+});
+function yt(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const xn = /* @__PURE__ */ P(gt, [["render", yt]]), mt = _({
+  name: "SearchcraftErrorMessage",
+  props: {
+    errorMessage: String
+  },
+  components: {
+    Component: nt
+  }
+});
+function St(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const wn = /* @__PURE__ */ P(mt, [["render", St]]), vt = _({
+  name: "SearchcraftFacetList",
+  props: {
+    fieldName: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["facetSelectionUpdated"],
+  components: {
+    Component: rt
+  }
+});
+function bt(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, K(e.$props, {
+    onFacetSelectionUpdated: t[0] || (t[0] = (o) => e.$emit("facetSelectionUpdated", o))
+  }), null, 16);
+}
+const qn = /* @__PURE__ */ P(vt, [["render", bt]]), _t = _({
+  name: "SearchcraftFilterPanel",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    }
+  },
+  components: {
+    Component: st
+  }
+});
+function Ct(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const In = /* @__PURE__ */ P(_t, [["render", Ct]]), Rt = _({
+  name: "SearchcraftInputForm",
+  props: {
+    config: {
+      type: Object,
+      required: !1
+    },
+    autoSearch: {
+      type: Boolean,
+      default: !1
+    },
+    buttonPlacement: {
+      type: String,
+      default: "right"
+    },
+    buttonLabel: {
+      type: String,
+      default: "Search"
+    },
+    inputLabel: {
+      type: String,
+      default: ""
+    },
+    customStyles: {
+      type: Object,
+      default: () => ({})
+    },
+    placeholderValue: {
+      type: String,
+      default: "Enter a search term..."
+    },
+    searchTerm: {
+      type: String,
+      default: ""
+    },
+    debounceDelay: {
+      type: Number,
+      default: 300
+    }
+  },
+  emits: [
+    "inputCleared",
+    "noResultsReceived",
+    "querySubmit",
+    "inputFocus",
+    "inputBlur"
+  ],
+  components: {
+    Component: ot
+  }
+});
+function Tt(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, K(e.$props, {
+    onInputCleared: t[0] || (t[0] = (o) => e.$emit("inputCleared", o)),
+    onNoResultsReceived: t[1] || (t[1] = (o) => e.$emit("noResultsReceived", o)),
+    onQuerySubmit: t[2] || (t[2] = (o) => e.$emit("querySubmit", o)),
+    onInputFocus: t[3] || (t[3] = (o) => e.$emit("inputFocus", o)),
+    onInputBlur: t[4] || (t[4] = (o) => e.$emit("inputBlur", o))
+  }), null, 16);
+}
+const Fn = /* @__PURE__ */ P(Rt, [["render", Tt]]), Et = _({
+  name: "SearchcraftInputLabel",
+  props: {
+    inputLabelClassName: {
+      type: String,
+      required: !1
+    },
+    label: {
+      type: String,
+      required: !1
+    }
+  },
+  components: {
+    Component: at
+  }
+});
+function kt(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const Bn = /* @__PURE__ */ P(Et, [["render", kt]]), Lt = _({
+  name: "SearchcraftPopoverButton",
+  props: {},
+  components: {
+    Component: lt
+  }
+});
+function Pt(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const Un = /* @__PURE__ */ P(Lt, [["render", Pt]]), At = _({
+  name: "SearchcraftPopoverForm",
+  props: {
+    type: {
+      type: String,
+      required: !1
+    },
+    hotkey: {
+      type: String,
+      required: !1
+    },
+    hotkeyModifier: {
+      type: String,
+      required: !1
+    },
+    config: {
+      type: Object,
+      required: !1
+    },
+    popoverResultMappings: {
+      type: Object,
+      required: !1
+    }
+  },
+  components: {
+    Component: it
+  }
+});
+function Ot(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const Hn = /* @__PURE__ */ P(At, [["render", Ot]]), xt = _({
+  name: "SearchcraftSlider",
+  props: {
+    max: {
+      type: Number,
+      required: !1
+    },
+    min: {
+      type: Number,
+      required: !1
+    },
+    granularity: {
+      type: Number,
+      required: !1
+    },
+    dataType: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["rangeChanged"],
+  components: {
+    Component: ft
+  }
+});
+function wt(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, K(e.$props, {
+    onRangeChanged: t[0] || (t[0] = (o) => e.$emit("rangeChanged", o))
+  }), null, 16);
+}
+const jn = /* @__PURE__ */ P(xt, [["render", wt]]), qt = _({
+  name: "SearchcraftResultsInfo",
+  props: {},
+  components: {
+    Component: ct
+  }
+});
+function It(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, q(I(e.$props)), null, 16);
+}
+const Dn = /* @__PURE__ */ P(qt, [["render", It]]), Ft = _({
+  name: "SearchcraftToggleButton",
+  props: {
+    label: {
+      type: String,
+      required: !1
+    },
+    subLabel: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["toggleUpdated"],
+  components: {
+    Component: ut
+  }
+});
+function Bt(e, t, r, n, s, l) {
+  const a = T("Component");
+  return E(), k(a, K(e.$props, {
+    onToggleUpdated: t[0] || (t[0] = (o) => e.$emit("toggleUpdated", o))
+  }), null, 16);
+}
+const Mn = /* @__PURE__ */ P(Ft, [["render", Bt]]), Ut = "searchcraft-javascript-sdk", H = (
+  /* searchcraft-javascript-sdk */
+  { allRenderFn: !0, appendChildSlotFix: !1, asyncLoading: !0, asyncQueue: !1, attachStyles: !0, cloneNodeFix: !1, cmpDidLoad: !0, cmpDidRender: !1, cmpDidUnload: !1, cmpDidUpdate: !1, cmpShouldUpdate: !1, cmpWillLoad: !1, cmpWillRender: !1, cmpWillUpdate: !1, connectedCallback: !0, constructableCSS: !0, cssAnnotations: !0, devTools: !1, disconnectedCallback: !0, element: !1, event: !0, 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: !0, lifecycleDOMEvents: !1, member: !0, method: !1, mode: !1, modernPropertyDecls: !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: !0, slotChildNodesFix: !1, slotRelocation: !0, state: !0, style: !0, svg: !0, taskQueue: !0, transformTagName: !1, updatable: !0, vdomAttribute: !0, vdomClass: !0, vdomFunctional: !0, vdomKey: !0, vdomListener: !0, vdomPropOrAttr: !0, vdomRef: !1, vdomRender: !0, vdomStyle: !0, vdomText: !0, vdomXlink: !1, watchCallback: !0 }
+);
+var Ht = Object.defineProperty, jt = (e, t) => {
+  for (var r in t)
+    Ht(e, r, { get: t[r], enumerable: !0 });
+}, Dt = "http://www.w3.org/2000/svg", Mt = "http://www.w3.org/1999/xhtml", ke = /* @__PURE__ */ new WeakMap(), O = (e) => ke.get(e), zt = (e, t) => {
+  const r = {
+    $flags$: 0,
+    $hostElement$: e,
+    $cmpMeta$: t,
+    $instanceValues$: /* @__PURE__ */ new Map()
+  };
+  return r.$onReadyPromise$ = new Promise((s) => r.$onReadyResolve$ = s), e["s-p"] = [], e["s-rc"] = [], ke.set(e, r);
+}, me = (e, t) => t in e, j = (e, t) => (0, console.error)(e, t), Se = /* @__PURE__ */ new Map(), Nt = (e, t, r) => {
+  const n = e.$tagName$.replace(/-/g, "_"), s = e.$lazyBundleId$;
+  if (!s)
+    return;
+  const l = Se.get(s);
+  if (l)
+    return l[n];
+  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+  return import(
+    /* @vite-ignore */
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    `./${s}.entry.js`
+  ).then(
+    (a) => (Se.set(s, a), a[n]),
+    (a) => {
+      j(a, t.$hostElement$);
+    }
+  );
+}, Q = /* @__PURE__ */ new Map(), Wt = "sty-id", Qt = "{visibility:hidden}.hydrated{visibility:inherit}", Le = "slot-fb{display:contents}slot-fb[hidden]{display:none}", J = typeof window < "u" ? window : {}, R = J.document || { head: {} }, y = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (e) => e(),
+  raf: (e) => requestAnimationFrame(e),
+  ael: (e, t, r, n) => e.addEventListener(t, r, n),
+  rel: (e, t, r, n) => e.removeEventListener(t, r, n),
+  ce: (e, t) => new CustomEvent(e, t)
+}, Gt = H.shadowDom, Xt = (e) => Promise.resolve(e), Pe = /* @__PURE__ */ (() => {
+  try {
+    return new CSSStyleSheet(), typeof new CSSStyleSheet().replaceSync == "function";
+  } catch {
+  }
+  return !1;
+})(), ee = !1, ve = [], Ae = [], Yt = (e, t) => (r) => {
+  e.push(r), ee || (ee = !0, y.$flags$ & 4 ? le(te) : y.raf(te));
+}, be = (e) => {
+  for (let t = 0; t < e.length; t++)
+    try {
+      e[t](performance.now());
+    } catch (r) {
+      j(r);
+    }
+  e.length = 0;
+}, te = () => {
+  be(ve), be(Ae), (ee = ve.length > 0) && y.raf(te);
+}, le = (e) => Xt().then(e), Kt = /* @__PURE__ */ Yt(Ae), ie = (e) => (e = typeof e, e === "object" || e === "function");
+function Oe(e) {
+  var t, r, n;
+  return (n = (r = (t = e.head) == null ? void 0 : t.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : r.getAttribute("content")) != null ? n : void 0;
+}
+var Jt = {};
+jt(Jt, {
+  err: () => xe,
+  map: () => Zt,
+  ok: () => ne,
+  unwrap: () => Vt,
+  unwrapErr: () => en
+});
+var ne = (e) => ({
+  isOk: !0,
+  isErr: !1,
+  value: e
+}), xe = (e) => ({
+  isOk: !1,
+  isErr: !0,
+  value: e
+});
+function Zt(e, t) {
+  if (e.isOk) {
+    const r = t(e.value);
+    return r instanceof Promise ? r.then((n) => ne(n)) : ne(r);
+  }
+  if (e.isErr) {
+    const r = e.value;
+    return xe(r);
+  }
+  throw "should never get here";
+}
+var Vt = (e) => {
+  if (e.isOk)
+    return e.value;
+  throw e.value;
+}, en = (e) => {
+  if (e.isErr)
+    return e.value;
+  throw e.value;
+}, we = (e) => {
+  const t = e.__childNodes || e.childNodes;
+  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && qe(t, e.tagName).forEach((r) => {
+    var n;
+    r.nodeType === 1 && r.tagName === "SLOT-FB" && ((n = tn(r, r["s-sn"], !1)) != null && n.length ? r.hidden = !0 : r.hidden = !1);
+  });
+  for (const r of t)
+    r.nodeType === 1 && (r.__childNodes || r.childNodes).length && we(r);
+};
+function qe(e, t, r) {
+  let n = 0, s = [], l;
+  for (; n < e.length; n++)
+    l = e[n], l["s-sr"] && l["s-hn"] === t && r === void 0 && s.push(l), s = [...s, ...qe(l.childNodes, t, r)];
+  return s;
+}
+var tn = (e, t, r = !0) => {
+  const n = [];
+  for ((r && e["s-sr"] || !e["s-sr"]) && n.push(e); (e = e.nextSibling) && e["s-sn"] === t; )
+    n.push(e);
+  return n;
+}, _e = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", w = (e, t = "") => () => {
+}, nn = (e, t) => () => {
+}, rn = (e, t, ...r) => {
+  let n = null, s = null, l = null, a = !1, o = !1;
+  const i = [], f = (c) => {
+    for (let $ = 0; $ < c.length; $++)
+      n = c[$], Array.isArray(n) ? f(n) : n != null && typeof n != "boolean" && ((a = !ie(n)) && (n = String(n)), a && o ? i[i.length - 1].$text$ += n : i.push(a ? re(null, n) : n), o = a);
+  };
+  f(r);
+  const u = re(e, null);
+  return u.$attrs$ = t, i.length > 0 && (u.$children$ = i), u.$key$ = s, u.$name$ = l, u;
+}, re = (e, t) => {
+  const r = {
+    $flags$: 0,
+    $tag$: e,
+    $text$: t,
+    $elm$: null,
+    $children$: null
+  };
+  return r.$attrs$ = null, r.$key$ = null, r.$name$ = null, r;
+}, sn = {}, on = (e) => e && e.$tag$ === sn, se = (e, t) => e != null && !ie(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, an = (e, t, r) => {
+  const n = y.ce(t, r);
+  return e.dispatchEvent(n), n;
+}, U = /* @__PURE__ */ new WeakMap(), ln = (e, t, r) => {
+  let n = Q.get(e);
+  Pe && r ? (n = n || new CSSStyleSheet(), typeof n == "string" ? n = t : n.replaceSync(t)) : n = t, Q.set(e, n);
+}, cn = (e, t, r) => {
+  var n;
+  const s = Ie(t), l = Q.get(s);
+  if (e = e.nodeType === 11 ? e : R, l)
+    if (typeof l == "string") {
+      e = e.head || e;
+      let a = U.get(e), o;
+      if (a || U.set(e, a = /* @__PURE__ */ new Set()), !a.has(s)) {
+        {
+          o = document.querySelector(`[${Wt}="${s}"]`) || R.createElement("style"), o.innerHTML = l;
+          const i = (n = y.$nonce$) != null ? n : Oe(R);
+          if (i != null && o.setAttribute("nonce", i), !(t.$flags$ & 1))
+            if (e.nodeName === "HEAD") {
+              const f = e.querySelectorAll("link[rel=preconnect]"), u = f.length > 0 ? f[f.length - 1].nextSibling : e.querySelector("style");
+              e.insertBefore(o, u);
+            } else if ("host" in e)
+              if (Pe) {
+                const f = new CSSStyleSheet();
+                f.replaceSync(l), e.adoptedStyleSheets = [f, ...e.adoptedStyleSheets];
+              } else {
+                const f = e.querySelector("style");
+                f ? f.innerHTML = l + f.innerHTML : e.prepend(o);
+              }
+            else
+              e.append(o);
+          t.$flags$ & 1 && e.nodeName !== "HEAD" && e.insertBefore(o, null);
+        }
+        t.$flags$ & 4 && (o.innerHTML += Le), a && a.add(s);
+      }
+    } else e.adoptedStyleSheets.includes(l) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, l]);
+  return s;
+}, fn = (e) => {
+  const t = e.$cmpMeta$, r = e.$hostElement$, n = w("attachStyles", t.$tagName$);
+  cn(
+    r.getRootNode(),
+    t
+  ), n();
+}, Ie = (e, t) => "sc-" + e.$tagName$, Ce = (e, t, r, n, s, l) => {
+  if (r !== n) {
+    let a = me(e, t), o = t.toLowerCase();
+    if (t === "class") {
+      const i = e.classList, f = Re(r);
+      let u = Re(n);
+      e["s-si"] ? (u.push(e["s-si"]), f.forEach((c) => {
+        c.startsWith(e["s-si"]) && u.push(c);
+      }), u = [...new Set(u)], i.add(...u), delete e["s-si"]) : (i.remove(...f.filter((c) => c && !u.includes(c))), i.add(...u.filter((c) => c && !f.includes(c))));
+    } else if (t === "style") {
+      for (const i in r)
+        (!n || n[i] == null) && (i.includes("-") ? e.style.removeProperty(i) : e.style[i] = "");
+      for (const i in n)
+        (!r || n[i] !== r[i]) && (i.includes("-") ? e.style.setProperty(i, n[i]) : e.style[i] = n[i]);
+    } else if (t !== "key") if (!a && t[0] === "o" && t[1] === "n") {
+      if (t[2] === "-" ? t = t.slice(3) : me(J, o) ? t = o.slice(2) : t = o[2] + t.slice(3), r || n) {
+        const i = t.endsWith(Fe);
+        t = t.replace($n, ""), r && y.rel(e, t, r, i), n && y.ael(e, t, n, i);
+      }
+    } else {
+      const i = ie(n);
+      if ((a || i && n !== null) && !s)
+        try {
+          if (e.tagName.includes("-"))
+            e[t] !== n && (e[t] = n);
+          else {
+            const f = n ?? "";
+            t === "list" ? a = !1 : (r == null || e[t] != f) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = f : e.setAttribute(t, f));
+          }
+        } catch {
+        }
+      n == null || n === !1 ? (n !== !1 || e.getAttribute(t) === "") && e.removeAttribute(t) : (!a || l & 4 || s) && !i && (n = n === !0 ? "" : n, e.setAttribute(t, n));
+    }
+  }
+}, un = /\s/, Re = (e) => (typeof e == "object" && "baseVal" in e && (e = e.baseVal), e ? e.split(un) : []), Fe = "Capture", $n = new RegExp(Fe + "$"), Be = (e, t, r) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, s = e && e.$attrs$ || {}, l = t.$attrs$ || {};
+  for (const a of Te(Object.keys(s)))
+    a in l || Ce(n, a, s[a], void 0, r, t.$flags$);
+  for (const a of Te(Object.keys(l)))
+    Ce(n, a, s[a], l[a], r, t.$flags$);
+};
+function Te(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 oe, ce, G = !1, X = !1, fe = !1, C = !1, Y = (e, t, r) => {
+  var n;
+  const s = t.$children$[r];
+  let l = 0, a, o, i;
+  if (G || (fe = !0, s.$tag$ === "slot" && (s.$flags$ |= s.$children$ ? (
+    // slot element has fallback content
+    // still create an element that "mocks" the slot element
+    2
+  ) : (
+    // slot element does not have fallback content
+    // create an html comment we'll use to always reference
+    // where actual slot content should sit next to
+    1
+  ))), s.$text$ !== null)
+    a = s.$elm$ = R.createTextNode(s.$text$);
+  else if (s.$flags$ & 1)
+    a = s.$elm$ = R.createTextNode("");
+  else {
+    if (C || (C = s.$tag$ === "svg"), a = s.$elm$ = R.createElementNS(
+      C ? Dt : Mt,
+      !G && H.slotRelocation && s.$flags$ & 2 ? "slot-fb" : s.$tag$
+    ), C && s.$tag$ === "foreignObject" && (C = !1), Be(null, s, C), s.$children$)
+      for (l = 0; l < s.$children$.length; ++l)
+        o = Y(e, s, l), o && a.appendChild(o);
+    s.$tag$ === "svg" ? C = !1 : a.tagName === "foreignObject" && (C = !0);
+  }
+  return a["s-hn"] = ce, s.$flags$ & 3 && (a["s-sr"] = !0, a["s-cr"] = oe, a["s-sn"] = s.$name$ || "", a["s-rf"] = (n = s.$attrs$) == null ? void 0 : n.ref, i = e && e.$children$ && e.$children$[r], i && i.$tag$ === s.$tag$ && e.$elm$ && z(e.$elm$, !1)), a;
+}, z = (e, t) => {
+  y.$flags$ |= 1;
+  const r = Array.from(e.__childNodes || e.childNodes);
+  e["s-sr"] && H.experimentalSlotFixes;
+  for (let n = r.length - 1; n >= 0; n--) {
+    const s = r[n];
+    s["s-hn"] !== ce && s["s-ol"] && (F(N(s).parentNode, s, N(s)), s["s-ol"].remove(), s["s-ol"] = void 0, s["s-sh"] = void 0, fe = !0), t && z(s, t);
+  }
+  y.$flags$ &= -2;
+}, Ue = (e, t, r, n, s, l) => {
+  let a = e["s-cr"] && e["s-cr"].parentNode || e, o;
+  for (; s <= l; ++s)
+    n[s] && (o = Y(null, r, s), o && (n[s].$elm$ = o, F(a, o, N(t))));
+}, He = (e, t, r) => {
+  for (let n = t; n <= r; ++n) {
+    const s = e[n];
+    if (s) {
+      const l = s.$elm$;
+      l && (X = !0, l["s-ol"] ? l["s-ol"].remove() : z(l, !0), l.remove());
+    }
+  }
+}, dn = (e, t, r, n, s = !1) => {
+  let l = 0, a = 0, o = 0, i = 0, f = t.length - 1, u = t[0], c = t[f], $ = n.length - 1, d = n[0], p = n[$], g, v;
+  for (; l <= f && a <= $; )
+    if (u == null)
+      u = t[++l];
+    else if (c == null)
+      c = t[--f];
+    else if (d == null)
+      d = n[++a];
+    else if (p == null)
+      p = n[--$];
+    else if (W(u, d, s))
+      B(u, d, s), u = t[++l], d = n[++a];
+    else if (W(c, p, s))
+      B(c, p, s), c = t[--f], p = n[--$];
+    else if (W(u, p, s))
+      (u.$tag$ === "slot" || p.$tag$ === "slot") && z(u.$elm$.parentNode, !1), B(u, p, s), F(e, u.$elm$, c.$elm$.nextSibling), u = t[++l], p = n[--$];
+    else if (W(c, d, s))
+      (u.$tag$ === "slot" || p.$tag$ === "slot") && z(c.$elm$.parentNode, !1), B(c, d, s), F(e, c.$elm$, u.$elm$), c = t[--f], d = n[++a];
+    else {
+      for (o = -1, i = l; i <= f; ++i)
+        if (t[i] && t[i].$key$ !== null && t[i].$key$ === d.$key$) {
+          o = i;
+          break;
+        }
+      o >= 0 ? (v = t[o], v.$tag$ !== d.$tag$ ? g = Y(t && t[a], r, o) : (B(v, d, s), t[o] = void 0, g = v.$elm$), d = n[++a]) : (g = Y(t && t[a], r, a), d = n[++a]), g && F(
+        N(u.$elm$).parentNode,
+        g,
+        N(u.$elm$)
+      );
+    }
+  l > f ? Ue(
+    e,
+    n[$ + 1] == null ? null : n[$ + 1].$elm$,
+    r,
+    n,
+    a,
+    $
+  ) : a > $ && He(t, l, f);
+}, W = (e, t, r = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : r ? (r && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, N = (e) => e && e["s-ol"] || e, B = (e, t, r = !1) => {
+  const n = t.$elm$ = e.$elm$, s = e.$children$, l = t.$children$, a = t.$tag$, o = t.$text$;
+  let i;
+  o === null ? (C = a === "svg" ? !0 : a === "foreignObject" ? !1 : C, a === "slot" && !G || Be(e, t, C), s !== null && l !== null ? dn(n, s, t, l, r) : l !== null ? (e.$text$ !== null && (n.textContent = ""), Ue(n, null, t, l, 0, l.length - 1)) : (
+    // don't do this on initial render as it can cause non-hydrated content to be removed
+    !r && H.updatable && s !== null && He(s, 0, s.length - 1)
+  ), C && a === "svg" && (C = !1)) : (i = n["s-cr"]) ? i.parentNode.textContent = o : e.$text$ !== o && (n.data = o);
+}, x = [], je = (e) => {
+  let t, r, n;
+  const s = e.__childNodes || e.childNodes;
+  for (const l of s) {
+    if (l["s-sr"] && (t = l["s-cr"]) && t.parentNode) {
+      r = t.parentNode.__childNodes || t.parentNode.childNodes;
+      const a = l["s-sn"];
+      for (n = r.length - 1; n >= 0; n--)
+        if (t = r[n], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== l["s-hn"])
+          if (_e(t, a)) {
+            let o = x.find((i) => i.$nodeToRelocate$ === t);
+            X = !0, t["s-sn"] = t["s-sn"] || a, o ? (o.$nodeToRelocate$["s-sh"] = l["s-hn"], o.$slotRefNode$ = l) : (t["s-sh"] = l["s-hn"], x.push({
+              $slotRefNode$: l,
+              $nodeToRelocate$: t
+            })), t["s-sr"] && x.map((i) => {
+              _e(i.$nodeToRelocate$, t["s-sn"]) && (o = x.find((f) => f.$nodeToRelocate$ === t), o && !i.$slotRefNode$ && (i.$slotRefNode$ = o.$slotRefNode$));
+            });
+          } else x.some((o) => o.$nodeToRelocate$ === t) || x.push({
+            $nodeToRelocate$: t
+          });
+    }
+    l.nodeType === 1 && je(l);
+  }
+}, F = (e, t, r) => e == null ? void 0 : e.insertBefore(t, r), pn = (e, t, r = !1) => {
+  var n, s, l, a;
+  const o = e.$hostElement$, i = e.$vnode$ || re(null, null), f = on(t) ? t : rn(null, null, t);
+  if (ce = o.tagName, r && f.$attrs$)
+    for (const u of Object.keys(f.$attrs$))
+      o.hasAttribute(u) && !["key", "ref", "style", "class"].includes(u) && (f.$attrs$[u] = o[u]);
+  f.$tag$ = null, f.$flags$ |= 4, e.$vnode$ = f, f.$elm$ = i.$elm$ = o, G = Gt, oe = o["s-cr"], X = !1, B(i, f, r);
+  {
+    if (y.$flags$ |= 1, fe) {
+      je(f.$elm$);
+      for (const u of x) {
+        const c = u.$nodeToRelocate$;
+        if (!c["s-ol"]) {
+          const $ = R.createTextNode("");
+          $["s-nr"] = c, F(c.parentNode, c["s-ol"] = $, c);
+        }
+      }
+      for (const u of x) {
+        const c = u.$nodeToRelocate$, $ = u.$slotRefNode$;
+        if ($) {
+          const d = $.parentNode;
+          let p = $.nextSibling;
+          {
+            let m = (n = c["s-ol"]) == null ? void 0 : n.previousSibling;
+            for (; m; ) {
+              let h = (s = m["s-nr"]) != null ? s : null;
+              if (h && h["s-sn"] === c["s-sn"] && d === (h.__parentNode || h.parentNode)) {
+                for (h = h.nextSibling; h === c || h != null && h["s-sr"]; )
+                  h = h == null ? void 0 : h.nextSibling;
+                if (!h || !h["s-nr"]) {
+                  p = h;
+                  break;
+                }
+              }
+              m = m.previousSibling;
+            }
+          }
+          const g = c.__parentNode || c.parentNode, v = c.__nextSibling || c.nextSibling;
+          (!p && d !== g || v !== p) && c !== p && (!c["s-hn"] && c["s-ol"] && (c["s-hn"] = c["s-ol"].parentNode.nodeName), F(d, c, p), c.nodeType === 1 && c.tagName !== "SLOT-FB" && (c.hidden = (l = c["s-ih"]) != null ? l : !1)), c && typeof $["s-rf"] == "function" && $["s-rf"](c);
+        } else
+          c.nodeType === 1 && (r && (c["s-ih"] = (a = c.hidden) != null ? a : !1), c.hidden = !0);
+      }
+    }
+    X && we(f.$elm$), y.$flags$ &= -2, x.length = 0;
+  }
+  oe = void 0;
+}, De = (e, t) => {
+  if (t && !e.$onRenderResolve$ && t["s-p"]) {
+    const r = t["s-p"].push(
+      new Promise(
+        (n) => e.$onRenderResolve$ = () => {
+          t["s-p"].splice(r - 1, 1), n();
+        }
+      )
+    );
+  }
+}, ue = (e, t) => {
+  if (e.$flags$ |= 16, e.$flags$ & 4) {
+    e.$flags$ |= 512;
+    return;
+  }
+  return De(e, e.$ancestorComponent$), Kt(() => hn(e, t));
+}, hn = (e, t) => {
+  const r = e.$hostElement$, n = w("scheduleUpdate", e.$cmpMeta$.$tagName$), s = e.$lazyInstance$;
+  if (!s)
+    throw new Error(
+      `Can't render component <${r.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 l;
+  return n(), gn(l, () => mn(e, s, t));
+}, gn = (e, t) => yn(e) ? e.then(t).catch((r) => {
+  console.error(r), t();
+}) : t(), yn = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", mn = async (e, t, r) => {
+  var n;
+  const s = e.$hostElement$, l = w("update", e.$cmpMeta$.$tagName$), a = s["s-rc"];
+  r && fn(e);
+  const o = w("render", e.$cmpMeta$.$tagName$);
+  Sn(e, t, s, r), a && (a.map((i) => i()), s["s-rc"] = void 0), o(), l();
+  {
+    const i = (n = s["s-p"]) != null ? n : [], f = () => vn(e);
+    i.length === 0 ? f() : (Promise.all(i).then(f), e.$flags$ |= 4, i.length = 0);
+  }
+}, Sn = (e, t, r, n) => {
+  try {
+    t = t.render(), e.$flags$ &= -17, e.$flags$ |= 2, pn(e, t, n);
+  } catch (s) {
+    j(s, e.$hostElement$);
+  }
+  return null;
+}, vn = (e) => {
+  const t = e.$cmpMeta$.$tagName$, r = e.$hostElement$, n = w("postUpdate", t), s = e.$lazyInstance$, l = e.$ancestorComponent$;
+  e.$flags$ & 64 ? n() : (e.$flags$ |= 64, ze(r), $e(s, "componentDidLoad", void 0, r), n(), e.$onReadyResolve$(r), l || Me()), e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), e.$flags$ & 512 && le(() => ue(e, !1)), e.$flags$ &= -517;
+}, Me = (e) => {
+  ze(R.documentElement), le(() => an(J, "appload", { detail: { namespace: Ut } }));
+}, $e = (e, t, r, n) => {
+  if (e && e[t])
+    try {
+      return e[t](r);
+    } catch (s) {
+      j(s, n);
+    }
+}, ze = (e) => {
+  var t;
+  return e.classList.add((t = H.hydratedSelectorName) != null ? t : "hydrated");
+}, bn = (e, t) => O(e).$instanceValues$.get(t), V = (e, t, r, n) => {
+  const s = O(e);
+  if (!s)
+    throw new Error(
+      `Couldn't find host element for "${n.$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 l = s.$hostElement$, a = s.$instanceValues$.get(t), o = s.$flags$, i = s.$lazyInstance$;
+  r = se(r, n.$members$[t][0]);
+  const f = Number.isNaN(a) && Number.isNaN(r), u = r !== a && !f;
+  if ((!(o & 8) || a === void 0) && u && (s.$instanceValues$.set(t, r), i)) {
+    if (n.$watchers$ && o & 128) {
+      const c = n.$watchers$[t];
+      c && c.map(($) => {
+        try {
+          i[$](r, a, t);
+        } catch (d) {
+          j(d, l);
+        }
+      });
+    }
+    (o & 18) === 2 && ue(s, !1);
+  }
+}, Ne = (e, t, r) => {
+  var n, s;
+  const l = e.prototype;
+  if (t.$members$ || t.$watchers$ || e.watchers) {
+    e.watchers && !t.$watchers$ && (t.$watchers$ = e.watchers);
+    const a = Object.entries((n = t.$members$) != null ? n : {});
+    if (a.map(([o, [i]]) => {
+      if (i & 31 || r & 2 && i & 32) {
+        const { get: f, set: u } = Object.getOwnPropertyDescriptor(l, o) || {};
+        f && (t.$members$[o][0] |= 2048), u && (t.$members$[o][0] |= 4096), (r & 1 || !f) && Object.defineProperty(l, o, {
+          get() {
+            {
+              if (!(t.$members$[o][0] & 2048))
+                return bn(this, o);
+              const c = O(this), $ = c ? c.$lazyInstance$ : l;
+              return $ ? $[o] : void 0;
+            }
+          },
+          configurable: !0,
+          enumerable: !0
+        }), Object.defineProperty(l, o, {
+          set(c) {
+            const $ = O(this);
+            if (u) {
+              const d = i & 32 ? this[o] : $.$hostElement$[o];
+              typeof d > "u" && $.$instanceValues$.get(o) ? c = $.$instanceValues$.get(o) : !$.$instanceValues$.get(o) && d && $.$instanceValues$.set(o, d), u.apply(this, [se(c, i)]), c = i & 32 ? this[o] : $.$hostElement$[o], V(this, o, c, t);
+              return;
+            }
+            {
+              if (!(r & 1) || !(t.$members$[o][0] & 4096)) {
+                V(this, o, c, t), r & 1 && !$.$lazyInstance$ && $.$onReadyPromise$.then(() => {
+                  t.$members$[o][0] & 4096 && $.$lazyInstance$[o] !== $.$instanceValues$.get(o) && ($.$lazyInstance$[o] = c);
+                });
+                return;
+              }
+              const d = () => {
+                const p = $.$lazyInstance$[o];
+                !$.$instanceValues$.get(o) && p && $.$instanceValues$.set(o, p), $.$lazyInstance$[o] = se(c, i), V(this, o, $.$lazyInstance$[o], t);
+              };
+              $.$lazyInstance$ ? d() : $.$onReadyPromise$.then(() => d());
+            }
+          }
+        });
+      }
+    }), r & 1) {
+      const o = /* @__PURE__ */ new Map();
+      l.attributeChangedCallback = function(i, f, u) {
+        y.jmp(() => {
+          var c;
+          const $ = o.get(i);
+          if (this.hasOwnProperty($) && H.lazyLoad)
+            u = this[$], delete this[$];
+          else {
+            if (l.hasOwnProperty($) && typeof this[$] == "number" && // cast type to number to avoid TS compiler issues
+            this[$] == u)
+              return;
+            if ($ == null) {
+              const p = O(this), g = p == null ? void 0 : p.$flags$;
+              if (g && !(g & 8) && g & 128 && u !== f) {
+                const v = p.$lazyInstance$, m = (c = t.$watchers$) == null ? void 0 : c[i];
+                m == null || m.forEach((h) => {
+                  v[h] != null && v[h].call(v, u, f, i);
+                });
+              }
+              return;
+            }
+          }
+          const d = Object.getOwnPropertyDescriptor(l, $);
+          u = u === null && typeof this[$] == "boolean" ? !1 : u, u !== this[$] && (!d.get || d.set) && (this[$] = u);
+        });
+      }, e.observedAttributes = Array.from(
+        /* @__PURE__ */ new Set([
+          ...Object.keys((s = t.$watchers$) != null ? s : {}),
+          ...a.filter(
+            ([i, f]) => f[0] & 15
+            /* HasAttribute */
+          ).map(([i, f]) => {
+            const u = f[1] || i;
+            return o.set(u, i), u;
+          })
+        ])
+      );
+    }
+  }
+  return e;
+}, _n = async (e, t, r, n) => {
+  let s;
+  if (!(t.$flags$ & 32)) {
+    t.$flags$ |= 32;
+    {
+      const o = Nt(r, t);
+      if (o && "then" in o) {
+        const f = nn();
+        s = await o, f();
+      } else
+        s = o;
+      if (!s)
+        throw new Error(`Constructor for "${r.$tagName$}#${t.$modeName$}" was not found`);
+      s.isProxied || (r.$watchers$ = s.watchers, Ne(
+        s,
+        r,
+        2
+        /* proxyState */
+      ), s.isProxied = !0);
+      const i = w("createInstance", r.$tagName$);
+      t.$flags$ |= 8;
+      try {
+        new s(t);
+      } catch (f) {
+        j(f, e);
+      }
+      t.$flags$ &= -9, t.$flags$ |= 128, i(), ae(t.$lazyInstance$, e);
+    }
+    if (s && s.style) {
+      let o;
+      typeof s.style == "string" && (o = s.style);
+      const i = Ie(r);
+      if (!Q.has(i)) {
+        const f = w("registerStyles", r.$tagName$);
+        ln(i, o, !!(r.$flags$ & 1)), f();
+      }
+    }
+  }
+  const l = t.$ancestorComponent$, a = () => ue(t, !0);
+  l && l["s-rc"] ? l["s-rc"].push(a) : a();
+}, ae = (e, t) => {
+  $e(e, "connectedCallback", void 0, t);
+}, Cn = (e) => {
+  if (!(y.$flags$ & 1)) {
+    const t = O(e), r = t.$cmpMeta$, n = w("connectedCallback", r.$tagName$);
+    if (t.$flags$ & 1)
+      t != null && t.$lazyInstance$ ? ae(t.$lazyInstance$, e) : t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => ae(t.$lazyInstance$, e));
+    else {
+      t.$flags$ |= 1, // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+      r.$flags$ & 12 && Rn(e);
+      {
+        let s = e;
+        for (; s = s.parentNode || s.host; )
+          if (s["s-p"]) {
+            De(t, t.$ancestorComponent$ = s);
+            break;
+          }
+      }
+      r.$members$ && Object.entries(r.$members$).map(([s, [l]]) => {
+        if (l & 31 && e.hasOwnProperty(s)) {
+          const a = e[s];
+          delete e[s], e[s] = a;
+        }
+      }), _n(e, t, r);
+    }
+    n();
+  }
+}, Rn = (e) => {
+  const t = e["s-cr"] = R.createComment(
+    ""
+  );
+  t["s-cn"] = !0, F(e, t, e.firstChild);
+}, Ee = (e, t) => {
+  $e(e, "disconnectedCallback", void 0, t || e);
+}, Tn = async (e) => {
+  if (!(y.$flags$ & 1)) {
+    const t = O(e);
+    t != null && t.$lazyInstance$ ? Ee(t.$lazyInstance$, e) : t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => Ee(t.$lazyInstance$, e));
+  }
+  U.has(e) && U.delete(e), e.shadowRoot && U.has(e.shadowRoot) && U.delete(e.shadowRoot);
+}, En = (e, t = {}) => {
+  var r;
+  const n = w(), s = [], l = t.exclude || [], a = J.customElements, o = R.head, i = /* @__PURE__ */ o.querySelector("meta[charset]"), f = /* @__PURE__ */ R.createElement("style"), u = [];
+  let c, $ = !0;
+  Object.assign(y, t), y.$resourcesUrl$ = new URL(t.resourcesUrl || "./", R.baseURI).href;
+  let d = !1;
+  if (e.map((p) => {
+    p[1].map((g) => {
+      var v;
+      const m = {
+        $flags$: g[0],
+        $tagName$: g[1],
+        $members$: g[2],
+        $listeners$: g[3]
+      };
+      m.$flags$ & 4 && (d = !0), m.$members$ = g[2], m.$watchers$ = (v = g[4]) != null ? v : {};
+      const h = m.$tagName$, D = class extends HTMLElement {
+        // StencilLazyHost
+        constructor(b) {
+          super(b), this.hasRegisteredEventListeners = !1, b = this, zt(b, m);
+        }
+        connectedCallback() {
+          O(this), this.hasRegisteredEventListeners || (this.hasRegisteredEventListeners = !0), c && (clearTimeout(c), c = null), $ ? u.push(this) : y.jmp(() => Cn(this));
+        }
+        disconnectedCallback() {
+          y.jmp(() => Tn(this)), y.raf(() => {
+            var b;
+            const A = O(this);
+            ((b = A == null ? void 0 : A.$vnode$) == null ? void 0 : b.$elm$) instanceof Node && !A.$vnode$.$elm$.isConnected && delete A.$vnode$.$elm$;
+          });
+        }
+        componentOnReady() {
+          return O(this).$onReadyPromise$;
+        }
+      };
+      m.$lazyBundleId$ = p[0], !l.includes(h) && !a.get(h) && (s.push(h), a.define(
+        h,
+        Ne(
+          D,
+          m,
+          1
+          /* isElementConstructor */
+        )
+      ));
+    });
+  }), s.length > 0 && (d && (f.textContent += Le), f.textContent += s.sort() + Qt, f.innerHTML.length)) {
+    f.setAttribute("data-styles", "");
+    const p = (r = y.$nonce$) != null ? r : Oe(R);
+    p != null && f.setAttribute("nonce", p), o.insertBefore(f, i ? i.nextSibling : o.firstChild);
+  }
+  $ = !1, u.length ? u.map((p) => p.connectedCallback()) : y.jmp(() => c = setTimeout(Me, 30)), n();
+};
+const kn = () => {
+}, Ln = async (e, t) => {
+  if (!(typeof window > "u"))
+    return await kn(), En([["searchcraft-filter-panel", [[0, "searchcraft-filter-panel", { items: [16], unsubscribe: [32], lastQuery: [32] }]]], ["searchcraft-base-search-results", [[4, "searchcraft-base-search-results", { adInterval: [2, "ad-interval"], customStylesForResults: [1, "custom-styles-for-results"], searchResultMappings: [16], placeAdAtEnd: [4, "place-ad-at-end"], placeAdAtStart: [4, "place-ad-at-start"], resultImagePlacement: [1, "result-image-placement"], buttonLabel: [1, "button-label"], buttonTarget: [1, "button-target"], buttonRel: [1, "button-rel"], containerTarget: [1, "container-target"], containerRel: [1, "container-rel"], hasSearched: [32], query: [32], searchResults: [32] }]]], ["searchcraft-popover-button", [[4, "searchcraft-popover-button"]]], ["searchcraft-results-info", [[0, "searchcraft-results-info", { isRequesting: [32], resultsCount: [32], responseTime: [32], query: [32] }]]], ["searchcraft-base-search-result", [[0, "searchcraft-base-search-result", { titleContent: [1, "title-content"], subtitleContent: [1, "subtitle-content"], bodyContent: [1, "body-content"], footerContent: [1, "footer-content"], buttonLabel: [1, "button-label"], buttonHref: [1, "button-href"], buttonTarget: [1, "button-target"], buttonRel: [1, "button-rel"], containerHref: [1, "container-href"], containerTarget: [1, "container-target"], containerRel: [1, "container-rel"], imageSrc: [1, "image-src"], imageAlt: [1, "image-alt"], imagePlacement: [1, "image-placement"], customStyles: [1, "custom-styles"], documentPosition: [2, "document-position"] }]]], ["searchcraft-popover-list-item", [[0, "searchcraft-popover-list-item", { titleContent: [1, "title-content"], subtitleContent: [1, "subtitle-content"], imageSrc: [1, "image-src"], imageAlt: [1, "image-alt"], href: [1], documentPosition: [2, "document-position"] }]]], ["searchcraft-button_3", [[0, "searchcraft-button", { iconElement: [16], iconOnly: [4, "icon-only"], iconPosition: [1, "icon-position"], label: [1], isRequesting: [32] }], [0, "searchcraft-input-label", { inputLabelClassName: [1, "input-label-class-name"], label: [1] }], [0, "searchcraft-error-message", { errorMessage: [1, "error-message"] }]]], ["searchcraft-input-form_2", [[0, "searchcraft-input-form", { config: [16], autoSearch: [4, "auto-search"], buttonPlacement: [1, "button-placement"], buttonLabel: [1, "button-label"], inputLabel: [1, "input-label"], customStyles: [1, "custom-styles"], placeholderValue: [1, "placeholder-value"], searchTerm: [1, "search-term"], inputValue: [32], error: [32], isSearchcraftInitialized: [32] }, null, { config: ["onConfigChange"] }], [0, "searchcraft-popover-list-view", { popoverResultMappings: [16], documents: [16] }]]], ["searchcraft-popover-form", [[0, "searchcraft-popover-form", { config: [16], type: [1], popoverResultMappings: [16], hotkey: [1], hotkeyModifier: [1, "hotkey-modifier"], isPopoverVisibleInState: [32], unsubscribe: [32], searchResults: [32], searchTerm: [32], isFocused: [32], breakpointSm: [32], breakpointMd: [32], breakpointLg: [32], modalElement: [32] }]]], ["searchcraft-facet-list_3", [[0, "searchcraft-facet-list", { fieldName: [1, "field-name"], baseFacetRoot: [32], facetRoot: [32], selectedPaths: [32], lastTimeTaken: [32], hasNewSearchTerm: [32], lastQuery: [32], lastSearchMode: [32], lastSortType: [32], unsubscribe: [32] }], [0, "searchcraft-slider", { max: [2], min: [2], granularity: [2], dataType: [1, "data-type"], endValue: [32], startValue: [32], lastFocusedHandle: [32] }], [0, "searchcraft-toggle-button", { label: [1], subLabel: [1, "sub-label"], isActive: [32], unsubscribe: [32], lastQuery: [32] }]]]], t);
+};
+(function() {
+  if (typeof window < "u" && window.Reflect !== void 0 && window.customElements !== void 0) {
+    var e = HTMLElement;
+    window.HTMLElement = function() {
+      return Reflect.construct(e, [], this.constructor);
+    }, HTMLElement.prototype = e.prototype, HTMLElement.prototype.constructor = HTMLElement, Object.setPrototypeOf(HTMLElement, e);
+  }
+})();
+const zn = {
+  async install() {
+    Ln();
+  }
+};
+export {
+  zn as ComponentLibrary,
+  On as SearchcraftBaseSearchResult,
+  xn as SearchcraftBaseSearchResults,
+  An as SearchcraftButton,
+  wn as SearchcraftErrorMessage,
+  qn as SearchcraftFacetList,
+  In as SearchcraftFilterPanel,
+  Fn as SearchcraftInputForm,
+  Bn as SearchcraftInputLabel,
+  Un as SearchcraftPopoverButton,
+  Hn as SearchcraftPopoverForm,
+  Dn as SearchcraftResultsInfo,
+  jn as SearchcraftSlider,
+  Mn as SearchcraftToggleButton
+};
+//# sourceMappingURL=index.es.js.map