@searchcraft/vue-sdk 0.7.1 → 0.8.0

package/dist/index.es.js

@@ -1,59 +1,56 @@
-import { defineComponent as L, ref as Fe, getCurrentInstance as je, inject as Ne, h as De, createVNode as x, mergeProps as Be } from "vue";
-const W = "routerLink", ie = "navManager", Ue = "router", ze = "aria", j = Symbol(), ce = { default: j }, ue = (e) => (e == null ? void 0 : e.split(" ")) || [], He = (e, t, n = []) => {
-  var s;
-  return [...Array.from(((s = e.value) == null ? void 0 : s.classList) || []), ...n].filter((r, i, l) => !t.has(r) && l.indexOf(r) === i);
-}, A = (e, t, n = [], s = [], r, i) => {
-  const l = L((a, { attrs: o, slots: u, emit: $ }) => {
+import { defineComponent as Ie, ref as Ae, getCurrentInstance as Fe, inject as De, h as je } from "vue";
+const B = "routerLink", oe = "navManager", Ne = "router", Ue = "aria", A = Symbol(), le = { default: A }, ie = (e) => (e == null ? void 0 : e.split(" ")) || [], ze = (e, t, s = []) => {
+  var n;
+  return [...Array.from(((n = e.value) == null ? void 0 : n.classList) || []), ...s].filter((r, i, l) => !t.has(r) && l.indexOf(r) === i);
+}, E = (e, t, s = [], n = [], r, i) => {
+  const l = Ie((a, { attrs: o, slots: f, emit: $ }) => {
     var y;
-    const c = Fe(), f = new Set(ue(o.class)), d = je(), g = ((y = d == null ? void 0 : d.appContext) == null ? void 0 : y.provides[ie]) ? Ne(ie) : void 0, S = (h) => {
-      const { routerLink: F } = a;
-      if (F !== j)
+    const c = Ae(), u = new Set(ie(o.class)), d = Fe(), g = ((y = d == null ? void 0 : d.appContext) == null ? void 0 : y.provides[oe]) ? De(oe) : void 0, S = (p) => {
+      const { routerLink: I } = a;
+      if (I !== A)
         if (g !== void 0) {
-          h.preventDefault();
-          let m = { event: h };
-          for (const T in a) {
-            const b = a[T];
-            a.hasOwnProperty(T) && T.startsWith(Ue) && b !== j && (m[T] = b);
+          p.preventDefault();
+          let b = { event: p };
+          for (const P in a) {
+            const m = a[P];
+            a.hasOwnProperty(P) && P.startsWith(Ne) && m !== A && (b[P] = m);
           }
-          g.navigate(m);
+          g.navigate(b);
         } else
           console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.");
     };
     return () => {
-      a[r], ue(o.class).forEach((b) => {
-        f.add(b);
+      a[r], ie(o.class).forEach((m) => {
+        u.add(m);
       });
-      const h = a.onClick, F = (b) => {
-        h !== void 0 && h(b), b.defaultPrevented || S(b);
+      const p = a.onClick, I = (m) => {
+        p !== void 0 && p(m), m.defaultPrevented || S(m);
       };
-      let m = {
+      let b = {
         ref: c,
-        class: He(c, f),
-        onClick: F
+        class: ze(c, u),
+        onClick: I
       };
-      for (const b in a) {
-        const oe = a[b];
-        (a.hasOwnProperty(b) && oe !== j || b.startsWith(ze)) && (m[b] = oe);
-        const le = "on" + b.slice(0, 1).toUpperCase() + b.slice(1), Ie = o[le];
-        c.value && o.hasOwnProperty(le) && "addEventListener" in c.value && c.value.addEventListener(b, Ie);
+      for (const m in a) {
+        const re = a[m];
+        (a.hasOwnProperty(m) && re !== A || m.startsWith(Ue)) && (b[m] = re);
+        const ae = "on" + m.slice(0, 1).toUpperCase() + m.slice(1), Oe = o[ae];
+        c.value && o.hasOwnProperty(ae) && "addEventListener" in c.value && c.value.addEventListener(m, Oe);
       }
-      return W in a && a[W] !== j && (m = {
-        ...m,
-        href: a[W]
-      }), De(e, m, u.default && u.default());
+      return B in a && a[B] !== A && (b = {
+        ...b,
+        href: a[B]
+      }), je(e, b, f.default && f.default());
     };
   });
   if (typeof l != "function") {
     let a = [], o = {};
-    o.ROUTER_LINK_VALUE = ce, n.forEach((u) => o[u] = ce), a = s, l.name = e, l.emits = a, l.props = o;
+    o.ROUTER_LINK_VALUE = le, s.forEach((f) => o[f] = le), a = n, l.name = e, l.emits = a, l.props = o;
   }
   return l;
-}, Me = /* @__PURE__ */ A("searchcraft-base-search-results", void 0, [
-  "adInterval",
+}, He = /* @__PURE__ */ E("searchcraft-base-search-results", void 0, [
   "customStylesForResults",
   "searchResultMappings",
-  "placeAdAtEnd",
-  "placeAdAtStart",
   "resultImagePlacement",
   "buttonLabel",
   "buttonTarget",
@@ -63,9 +60,9 @@ const W = "routerLink", ie = "navManager", Ue = "router", ze = "aria", j = Symbo
   "noResults"
 ], [
   "noResults"
-]), qe = /* @__PURE__ */ A("searchcraft-filter-panel", void 0, [
+]), Me = /* @__PURE__ */ E("searchcraft-filter-panel", void 0, [
   "items"
-]), We = /* @__PURE__ */ A("searchcraft-input-form", void 0, [
+]), Be = /* @__PURE__ */ E("searchcraft-input-form", void 0, [
   "config",
   "autoSearch",
   "buttonPlacement",
@@ -87,164 +84,45 @@ const W = "routerLink", ie = "navManager", Ue = "router", ze = "aria", j = Symbo
   "inputBlur",
   "inputInit",
   "querySubmit"
-]), Qe = /* @__PURE__ */ A("searchcraft-popover-button"), Ge = /* @__PURE__ */ A("searchcraft-popover-form", void 0, [
+]), We = /* @__PURE__ */ E("searchcraft-pagination", void 0, [
+  "customStyles"
+]), qe = /* @__PURE__ */ E("searchcraft-popover-button"), Ge = /* @__PURE__ */ E("searchcraft-popover-form", void 0, [
   "config",
   "type",
   "popoverResultMappings",
   "hotkey",
   "hotkeyModifier"
-]), Xe = /* @__PURE__ */ A("searchcraft-results-info"), Ke = /* @__PURE__ */ A("searchcraft-theme"), Bt = /* @__PURE__ */ L({
-  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
-  },
-  setup(e) {
-    return () => x(Me, e, null);
-  }
-}), Ut = /* @__PURE__ */ L({
-  name: "SearchcraftFilterPanel",
-  props: {
-    items: {
-      type: Array,
-      required: !0
-    }
-  },
-  setup(e) {
-    return () => x(qe, e, null);
-  }
-}), zt = /* @__PURE__ */ L({
-  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"],
-  setup(e, {
-    emit: t
-  }) {
-    const n = (s) => (r) => {
-      t(s, r);
-    };
-    return () => x(We, Be(e, {
-      onInputCleared: n("inputCleared"),
-      onNoResultsReceived: n("noResultsReceived"),
-      onQuerySubmit: n("querySubmit"),
-      onInputFocus: n("inputFocus"),
-      onInputBlur: n("inputBlur")
-    }), null);
-  }
-}), Ht = /* @__PURE__ */ L({
-  name: "SearchcraftPopoverButton",
-  props: {},
-  setup(e) {
-    return () => x(Qe, e, null);
-  }
-}), Mt = /* @__PURE__ */ L({
-  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
-    }
-  },
-  setup(e) {
-    return () => x(Ge, e, null);
-  }
-}), qt = /* @__PURE__ */ L({
-  name: "SearchcraftResultsInfo",
-  props: {},
-  setup(e) {
-    return () => x(Xe, e, null);
-  }
-}), Wt = /* @__PURE__ */ L({
-  name: "SearchcraftTheme",
-  props: {},
-  setup(e) {
-    return () => x(Ke, e, null);
-  }
-}), Ye = "searchcraft-javascript-sdk", w = (
+]), Xe = /* @__PURE__ */ E("searchcraft-results-info", void 0, [
+  "customFormatter",
+  "customStyles"
+]), Ke = /* @__PURE__ */ E("searchcraft-search-results-per-page", void 0, [
+  "increment",
+  "customStyles"
+]), Ye = /* @__PURE__ */ E("searchcraft-theme", void 0, [
+  "theme",
+  "customTheme"
+]), Ut = He, zt = Me, Ht = Be, Mt = qe, Bt = Ge, Wt = Xe, qt = Ye, Gt = We, Xt = Ke, Qe = "searchcraft-javascript-sdk", w = (
   /* 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: !0, 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: !1, 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 Je = Object.defineProperty, Ze = (e, t) => {
-  for (var n in t)
-    Je(e, n, { get: t[n], enumerable: !0 });
-}, Ve = "http://www.w3.org/2000/svg", et = "http://www.w3.org/1999/xhtml", Se = /* @__PURE__ */ new WeakMap(), k = (e) => Se.get(e), tt = (e, t) => {
-  const n = {
+  for (var s in t)
+    Je(e, s, { get: t[s], enumerable: !0 });
+}, Ve = "http://www.w3.org/2000/svg", et = "http://www.w3.org/1999/xhtml", ye = /* @__PURE__ */ new WeakMap(), k = (e) => ye.get(e), tt = (e, t) => {
+  const s = {
     $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"] = [], Se.set(e, n);
-}, fe = (e, t) => t in e, I = (e, t) => (0, console.error)(e, t), $e = /* @__PURE__ */ new Map(), nt = (e, t, n) => {
-  const s = e.$tagName$.replace(/-/g, "_"), r = e.$lazyBundleId$;
+  return s.$onReadyPromise$ = new Promise((r) => s.$onReadyResolve$ = r), e["s-p"] = [], e["s-rc"] = [], ye.set(e, s);
+}, ce = (e, t) => t in e, O = (e, t) => (0, console.error)(e, t), fe = /* @__PURE__ */ new Map(), st = (e, t, s) => {
+  const n = e.$tagName$.replace(/-/g, "_"), r = e.$lazyBundleId$;
   if (!r)
     return;
-  const i = $e.get(r);
+  const i = fe.get(r);
   if (i)
-    return i[s];
+    return i[n];
   /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
   return import(
     /* @vite-ignore */
@@ -253,61 +131,61 @@ var Je = Object.defineProperty, Ze = (e, t) => {
     /* webpackMode: "lazy" */
     `./${r}.entry.js`
   ).then(
-    (l) => ($e.set(r, l), l[s]),
+    (l) => (fe.set(r, l), l[n]),
     (l) => {
-      I(l, t.$hostElement$);
+      O(l, t.$hostElement$);
     }
   );
-}, st = "{visibility:hidden}.hydrated{visibility:inherit}", rt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", q = typeof window < "u" ? window : {}, E = q.document || { head: {} }, v = {
+}, nt = "{visibility:hidden}.hydrated{visibility:inherit}", rt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", M = typeof window < "u" ? window : {}, T = M.document || { head: {} }, v = {
   $flags$: 0,
   $resourcesUrl$: "",
   jmp: (e) => e(),
   raf: (e) => requestAnimationFrame(e),
-  ael: (e, t, n, s) => e.addEventListener(t, n, s),
-  rel: (e, t, n, s) => e.removeEventListener(t, n, s),
+  ael: (e, t, s, n) => e.addEventListener(t, s, n),
+  rel: (e, t, s, n) => e.removeEventListener(t, s, n),
   ce: (e, t) => new CustomEvent(e, t)
-}, at = w.shadowDom, ot = (e) => Promise.resolve(e), G = !1, de = [], me = [], lt = (e, t) => (n) => {
-  e.push(n), G || (G = !0, v.$flags$ & 4 ? ee(X) : v.raf(X));
-}, pe = (e) => {
+}, at = w.shadowDom, ot = (e) => Promise.resolve(e), q = !1, ue = [], me = [], lt = (e, t) => (s) => {
+  e.push(s), q || (q = !0, v.$flags$ & 4 ? Z(G) : v.raf(G));
+}, $e = (e) => {
   for (let t = 0; t < e.length; t++)
     try {
       e[t](performance.now());
-    } catch (n) {
-      I(n);
+    } catch (s) {
+      O(s);
     }
   e.length = 0;
-}, X = () => {
-  pe(de), pe(me), (G = de.length > 0) && v.raf(X);
-}, ee = (e) => ot().then(e), it = /* @__PURE__ */ lt(me), te = (e) => (e = typeof e, e === "object" || e === "function");
+}, G = () => {
+  $e(ue), $e(me), (q = ue.length > 0) && v.raf(G);
+}, Z = (e) => ot().then(e), it = /* @__PURE__ */ lt(me), V = (e) => (e = typeof e, e === "object" || e === "function");
 function ct(e) {
-  var t, n, s;
-  return (s = (n = (t = e.head) == null ? void 0 : t.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : n.getAttribute("content")) != null ? s : void 0;
+  var t, s, n;
+  return (n = (s = (t = e.head) == null ? void 0 : t.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : s.getAttribute("content")) != null ? n : void 0;
 }
-var ut = {};
-Ze(ut, {
-  err: () => Re,
-  map: () => ft,
-  ok: () => K,
+var ft = {};
+Ze(ft, {
+  err: () => Se,
+  map: () => ut,
+  ok: () => X,
   unwrap: () => $t,
   unwrapErr: () => dt
 });
-var K = (e) => ({
+var X = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), Re = (e) => ({
+}), Se = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function ft(e, t) {
+function ut(e, t) {
   if (e.isOk) {
-    const n = t(e.value);
-    return n instanceof Promise ? n.then((s) => K(s)) : K(n);
+    const s = t(e.value);
+    return s instanceof Promise ? s.then((n) => X(n)) : X(s);
   }
   if (e.isErr) {
-    const n = e.value;
-    return Re(n);
+    const s = e.value;
+    return Se(s);
   }
   throw "should never get here";
 }
@@ -319,91 +197,91 @@ var $t = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, Te = (e) => {
+}, be = (e) => {
   const t = e.__childNodes || e.childNodes;
-  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && Ee(t, e.tagName).forEach((n) => {
-    var s;
-    n.nodeType === 1 && n.tagName === "SLOT-FB" && ((s = pt(n, n["s-sn"], !1)) != null && s.length ? n.hidden = !0 : n.hidden = !1);
+  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && Re(t, e.tagName).forEach((s) => {
+    var n;
+    s.nodeType === 1 && s.tagName === "SLOT-FB" && ((n = ht(s, s["s-sn"], !1)) != null && n.length ? s.hidden = !0 : s.hidden = !1);
   });
-  for (const n of t)
-    n.nodeType === 1 && (n.__childNodes || n.childNodes).length && Te(n);
+  for (const s of t)
+    s.nodeType === 1 && (s.__childNodes || s.childNodes).length && be(s);
 };
-function Ee(e, t, n) {
-  let s = 0, r = [], i;
-  for (; s < e.length; s++)
-    i = e[s], i["s-sr"] && i["s-hn"] === t && n === void 0 && r.push(i), r = [...r, ...Ee(i.childNodes, t, n)];
+function Re(e, t, s) {
+  let n = 0, r = [], i;
+  for (; n < e.length; n++)
+    i = e[n], i["s-sr"] && i["s-hn"] === t && s === void 0 && r.push(i), r = [...r, ...Re(i.childNodes, t, s)];
   return r;
 }
-var pt = (e, t, n = !0) => {
-  const s = [];
-  for ((n && e["s-sr"] || !e["s-sr"]) && s.push(e); (e = e.nextSibling) && e["s-sn"] === t; )
-    s.push(e);
-  return s;
-}, he = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", _ = (e, t = "") => () => {
-}, ht = (e, t) => () => {
-}, gt = (e, t, ...n) => {
-  let s = null, r = null, i = null, l = !1, a = !1;
-  const o = [], u = (c) => {
-    for (let f = 0; f < c.length; f++)
-      s = c[f], Array.isArray(s) ? u(s) : s != null && typeof s != "boolean" && ((l = !te(s)) && (s = String(s)), l && a ? o[o.length - 1].$text$ += s : o.push(l ? Y(null, s) : s), a = l);
+var ht = (e, t, s = !0) => {
+  const n = [];
+  for ((s && e["s-sr"] || !e["s-sr"]) && n.push(e); (e = e.nextSibling) && e["s-sn"] === t; )
+    n.push(e);
+  return n;
+}, de = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", L = (e, t = "") => () => {
+}, pt = (e, t) => () => {
+}, gt = (e, t, ...s) => {
+  let n = null, r = null, i = null, l = !1, a = !1;
+  const o = [], f = (c) => {
+    for (let u = 0; u < c.length; u++)
+      n = c[u], Array.isArray(n) ? f(n) : n != null && typeof n != "boolean" && ((l = !V(n)) && (n = String(n)), l && a ? o[o.length - 1].$text$ += n : o.push(l ? K(null, n) : n), a = l);
   };
-  u(n);
-  const $ = Y(e, null);
+  f(s);
+  const $ = K(e, null);
   return $.$attrs$ = t, o.length > 0 && ($.$children$ = o), $.$key$ = r, $.$name$ = i, $;
-}, Y = (e, t) => {
-  const n = {
+}, K = (e, t) => {
+  const s = {
     $flags$: 0,
     $tag$: e,
     $text$: t,
     $elm$: null,
     $children$: null
   };
-  return n.$attrs$ = null, n.$key$ = null, n.$name$ = null, n;
-}, vt = {}, yt = (e) => e && e.$tag$ === vt, J = (e, t) => e != null && !te(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, bt = (e, t, n) => {
-  const s = v.ce(t, n);
-  return e.dispatchEvent(s), s;
-}, B = /* @__PURE__ */ new WeakMap(), ge = (e, t, n, s, r, i) => {
-  if (n !== s) {
-    let l = fe(e, t), a = t.toLowerCase();
+  return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
+}, vt = {}, yt = (e) => e && e.$tag$ === vt, Y = (e, t) => e != null && !V(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, mt = (e, t, s) => {
+  const n = v.ce(t, s);
+  return e.dispatchEvent(n), n;
+}, j = /* @__PURE__ */ new WeakMap(), he = (e, t, s, n, r, i) => {
+  if (s !== n) {
+    let l = ce(e, t), a = t.toLowerCase();
     if (t === "class") {
-      const o = e.classList, u = ve(n);
-      let $ = ve(s);
-      e["s-si"] ? ($.push(e["s-si"]), u.forEach((c) => {
+      const o = e.classList, f = pe(s);
+      let $ = pe(n);
+      e["s-si"] ? ($.push(e["s-si"]), f.forEach((c) => {
         c.startsWith(e["s-si"]) && $.push(c);
-      }), $ = [...new Set($)], o.add(...$), delete e["s-si"]) : (o.remove(...u.filter((c) => c && !$.includes(c))), o.add(...$.filter((c) => c && !u.includes(c))));
+      }), $ = [...new Set($)], o.add(...$), delete e["s-si"]) : (o.remove(...f.filter((c) => c && !$.includes(c))), o.add(...$.filter((c) => c && !f.includes(c))));
     } else if (t === "style") {
-      for (const o in n)
-        (!s || s[o] == null) && (o.includes("-") ? e.style.removeProperty(o) : e.style[o] = "");
       for (const o in s)
-        (!n || s[o] !== n[o]) && (o.includes("-") ? e.style.setProperty(o, s[o]) : e.style[o] = s[o]);
+        (!n || n[o] == null) && (o.includes("-") ? e.style.removeProperty(o) : e.style[o] = "");
+      for (const o in n)
+        (!s || n[o] !== s[o]) && (o.includes("-") ? e.style.setProperty(o, n[o]) : e.style[o] = n[o]);
     } else if (t !== "key") if (!l && t[0] === "o" && t[1] === "n") {
-      if (t[2] === "-" ? t = t.slice(3) : fe(q, a) ? t = a.slice(2) : t = a[2] + t.slice(3), n || s) {
-        const o = t.endsWith(ke);
-        t = t.replace(mt, ""), n && v.rel(e, t, n, o), s && v.ael(e, t, s, o);
+      if (t[2] === "-" ? t = t.slice(3) : ce(M, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s || n) {
+        const o = t.endsWith(Pe);
+        t = t.replace(bt, ""), s && v.rel(e, t, s, o), n && v.ael(e, t, n, o);
       }
     } else {
-      const o = te(s);
-      if ((l || o && s !== null) && !r)
+      const o = V(n);
+      if ((l || o && n !== null) && !r)
         try {
           if (e.tagName.includes("-"))
-            e[t] !== s && (e[t] = s);
+            e[t] !== n && (e[t] = n);
           else {
-            const u = s ?? "";
-            t === "list" ? l = !1 : (n == null || e[t] != u) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = u : e.setAttribute(t, u));
+            const f = n ?? "";
+            t === "list" ? l = !1 : (s == null || e[t] != f) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = f : e.setAttribute(t, f));
           }
         } catch {
         }
-      s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && e.removeAttribute(t) : (!l || i & 4 || r) && !o && (s = s === !0 ? "" : s, e.setAttribute(t, s));
+      n == null || n === !1 ? (n !== !1 || e.getAttribute(t) === "") && e.removeAttribute(t) : (!l || i & 4 || r) && !o && (n = n === !0 ? "" : n, e.setAttribute(t, n));
     }
   }
-}, St = /\s/, ve = (e) => (typeof e == "object" && "baseVal" in e && (e = e.baseVal), e ? e.split(St) : []), ke = "Capture", mt = new RegExp(ke + "$"), Pe = (e, t, n) => {
-  const s = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, r = e && e.$attrs$ || {}, i = t.$attrs$ || {};
-  for (const l of ye(Object.keys(r)))
-    l in i || ge(s, l, r[l], void 0, n, t.$flags$);
-  for (const l of ye(Object.keys(i)))
-    ge(s, l, r[l], i[l], n, t.$flags$);
+}, St = /\s/, pe = (e) => (typeof e == "object" && "baseVal" in e && (e = e.baseVal), e ? e.split(St) : []), Pe = "Capture", bt = new RegExp(Pe + "$"), Te = (e, t, s) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, r = e && e.$attrs$ || {}, i = t.$attrs$ || {};
+  for (const l of ge(Object.keys(r)))
+    l in i || he(n, l, r[l], void 0, s, t.$flags$);
+  for (const l of ge(Object.keys(i)))
+    he(n, l, r[l], i[l], s, t.$flags$);
 };
-function ye(e) {
+function ge(e) {
   return e.includes("ref") ? (
     // we need to sort these to ensure that `'ref'` is the last attr
     [...e.filter((t) => t !== "ref"), "ref"]
@@ -412,11 +290,11 @@ function ye(e) {
     e
   );
 }
-var Z, ne, z = !1, H = !1, se = !1, R = !1, M = (e, t, n) => {
-  var s;
-  const r = t.$children$[n];
+var Q, ee, U = !1, z = !1, te = !1, R = !1, H = (e, t, s) => {
+  var n;
+  const r = t.$children$[s];
   let i = 0, l, a, o;
-  if (z || (se = !0, r.$tag$ === "slot" && (r.$flags$ |= r.$children$ ? (
+  if (U || (te = !0, r.$tag$ === "slot" && (r.$flags$ |= r.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -426,140 +304,140 @@ var Z, ne, z = !1, H = !1, se = !1, R = !1, M = (e, t, n) => {
     // where actual slot content should sit next to
     1
   ))), r.$text$ !== null)
-    l = r.$elm$ = E.createTextNode(r.$text$);
+    l = r.$elm$ = T.createTextNode(r.$text$);
   else if (r.$flags$ & 1)
-    l = r.$elm$ = E.createTextNode("");
+    l = r.$elm$ = T.createTextNode("");
   else {
-    if (R || (R = r.$tag$ === "svg"), l = r.$elm$ = E.createElementNS(
+    if (R || (R = r.$tag$ === "svg"), l = r.$elm$ = T.createElementNS(
       R ? Ve : et,
-      !z && w.slotRelocation && r.$flags$ & 2 ? "slot-fb" : r.$tag$
-    ), R && r.$tag$ === "foreignObject" && (R = !1), Pe(null, r, R), r.$children$)
+      !U && w.slotRelocation && r.$flags$ & 2 ? "slot-fb" : r.$tag$
+    ), R && r.$tag$ === "foreignObject" && (R = !1), Te(null, r, R), r.$children$)
       for (i = 0; i < r.$children$.length; ++i)
-        a = M(e, r, i), a && l.appendChild(a);
+        a = H(e, r, i), a && l.appendChild(a);
     r.$tag$ === "svg" ? R = !1 : l.tagName === "foreignObject" && (R = !0);
   }
-  return l["s-hn"] = ne, r.$flags$ & 3 && (l["s-sr"] = !0, l["s-cr"] = Z, l["s-sn"] = r.$name$ || "", l["s-rf"] = (s = r.$attrs$) == null ? void 0 : s.ref, o = e && e.$children$ && e.$children$[n], o && o.$tag$ === r.$tag$ && e.$elm$ && N(e.$elm$, !1)), l;
-}, N = (e, t) => {
+  return l["s-hn"] = ee, r.$flags$ & 3 && (l["s-sr"] = !0, l["s-cr"] = Q, l["s-sn"] = r.$name$ || "", l["s-rf"] = (n = r.$attrs$) == null ? void 0 : n.ref, o = e && e.$children$ && e.$children$[s], o && o.$tag$ === r.$tag$ && e.$elm$ && F(e.$elm$, !1)), l;
+}, F = (e, t) => {
   v.$flags$ |= 1;
-  const n = Array.from(e.__childNodes || e.childNodes);
+  const s = Array.from(e.__childNodes || e.childNodes);
   e["s-sr"] && w.experimentalSlotFixes;
-  for (let s = n.length - 1; s >= 0; s--) {
-    const r = n[s];
-    r["s-hn"] !== ne && r["s-ol"] && (C(D(r).parentNode, r, D(r)), r["s-ol"].remove(), r["s-ol"] = void 0, r["s-sh"] = void 0, se = !0), t && N(r, t);
+  for (let n = s.length - 1; n >= 0; n--) {
+    const r = s[n];
+    r["s-hn"] !== ee && r["s-ol"] && (_(D(r).parentNode, r, D(r)), r["s-ol"].remove(), r["s-ol"] = void 0, r["s-sh"] = void 0, te = !0), t && F(r, t);
   }
   v.$flags$ &= -2;
-}, Ce = (e, t, n, s, r, i) => {
+}, ke = (e, t, s, n, r, i) => {
   let l = e["s-cr"] && e["s-cr"].parentNode || e, a;
   for (; r <= i; ++r)
-    s[r] && (a = M(null, n, r), a && (s[r].$elm$ = a, C(l, a, D(t))));
-}, Le = (e, t, n) => {
-  for (let s = t; s <= n; ++s) {
-    const r = e[s];
+    n[r] && (a = H(null, s, r), a && (n[r].$elm$ = a, _(l, a, D(t))));
+}, Ce = (e, t, s) => {
+  for (let n = t; n <= s; ++n) {
+    const r = e[n];
     if (r) {
       const i = r.$elm$;
-      i && (H = !0, i["s-ol"] ? i["s-ol"].remove() : N(i, !0), i.remove());
+      i && (z = !0, i["s-ol"] ? i["s-ol"].remove() : F(i, !0), i.remove());
     }
   }
-}, Rt = (e, t, n, s, r = !1) => {
-  let i = 0, l = 0, a = 0, o = 0, u = t.length - 1, $ = t[0], c = t[u], f = s.length - 1, d = s[0], p = s[f], g, S;
-  for (; i <= u && l <= f; )
+}, Rt = (e, t, s, n, r = !1) => {
+  let i = 0, l = 0, a = 0, o = 0, f = t.length - 1, $ = t[0], c = t[f], u = n.length - 1, d = n[0], h = n[u], g, S;
+  for (; i <= f && l <= u; )
     if ($ == null)
       $ = t[++i];
     else if (c == null)
-      c = t[--u];
+      c = t[--f];
     else if (d == null)
-      d = s[++l];
-    else if (p == null)
-      p = s[--f];
-    else if (U($, d, r))
-      O($, d, r), $ = t[++i], d = s[++l];
-    else if (U(c, p, r))
-      O(c, p, r), c = t[--u], p = s[--f];
-    else if (U($, p, r))
-      ($.$tag$ === "slot" || p.$tag$ === "slot") && N($.$elm$.parentNode, !1), O($, p, r), C(e, $.$elm$, c.$elm$.nextSibling), $ = t[++i], p = s[--f];
-    else if (U(c, d, r))
-      ($.$tag$ === "slot" || p.$tag$ === "slot") && N(c.$elm$.parentNode, !1), O(c, d, r), C(e, c.$elm$, $.$elm$), c = t[--u], d = s[++l];
+      d = n[++l];
+    else if (h == null)
+      h = n[--u];
+    else if (N($, d, r))
+      x($, d, r), $ = t[++i], d = n[++l];
+    else if (N(c, h, r))
+      x(c, h, r), c = t[--f], h = n[--u];
+    else if (N($, h, r))
+      ($.$tag$ === "slot" || h.$tag$ === "slot") && F($.$elm$.parentNode, !1), x($, h, r), _(e, $.$elm$, c.$elm$.nextSibling), $ = t[++i], h = n[--u];
+    else if (N(c, d, r))
+      ($.$tag$ === "slot" || h.$tag$ === "slot") && F(c.$elm$.parentNode, !1), x(c, d, r), _(e, c.$elm$, $.$elm$), c = t[--f], d = n[++l];
     else {
-      for (a = -1, o = i; o <= u; ++o)
+      for (a = -1, o = i; o <= f; ++o)
         if (t[o] && t[o].$key$ !== null && t[o].$key$ === d.$key$) {
           a = o;
           break;
         }
-      a >= 0 ? (S = t[a], S.$tag$ !== d.$tag$ ? g = M(t && t[l], n, a) : (O(S, d, r), t[a] = void 0, g = S.$elm$), d = s[++l]) : (g = M(t && t[l], n, l), d = s[++l]), g && C(
+      a >= 0 ? (S = t[a], S.$tag$ !== d.$tag$ ? g = H(t && t[l], s, a) : (x(S, d, r), t[a] = void 0, g = S.$elm$), d = n[++l]) : (g = H(t && t[l], s, l), d = n[++l]), g && _(
         D($.$elm$).parentNode,
         g,
         D($.$elm$)
       );
     }
-  i > u ? Ce(
+  i > f ? ke(
     e,
-    s[f + 1] == null ? null : s[f + 1].$elm$,
-    n,
+    n[u + 1] == null ? null : n[u + 1].$elm$,
     s,
+    n,
     l,
-    f
-  ) : l > f && Le(t, i, u);
-}, U = (e, t, n = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : n ? (n && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, D = (e) => e && e["s-ol"] || e, O = (e, t, n = !1) => {
-  const s = t.$elm$ = e.$elm$, r = e.$children$, i = t.$children$, l = t.$tag$, a = t.$text$;
+    u
+  ) : l > u && Ce(t, i, f);
+}, N = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : s ? (s && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, D = (e) => e && e["s-ol"] || e, x = (e, t, s = !1) => {
+  const n = t.$elm$ = e.$elm$, r = e.$children$, i = t.$children$, l = t.$tag$, a = t.$text$;
   let o;
-  a === null ? (R = l === "svg" ? !0 : l === "foreignObject" ? !1 : R, l === "slot" && !z || Pe(e, t, R), r !== null && i !== null ? Rt(s, r, t, i, n) : i !== null ? (e.$text$ !== null && (s.textContent = ""), Ce(s, null, t, i, 0, i.length - 1)) : (
+  a === null ? (R = l === "svg" ? !0 : l === "foreignObject" ? !1 : R, l === "slot" && !U || Te(e, t, R), r !== null && i !== null ? Rt(n, r, t, i, s) : i !== null ? (e.$text$ !== null && (n.textContent = ""), ke(n, null, t, i, 0, i.length - 1)) : (
     // don't do this on initial render as it can cause non-hydrated content to be removed
-    !n && w.updatable && r !== null && Le(r, 0, r.length - 1)
-  ), R && l === "svg" && (R = !1)) : (o = s["s-cr"]) ? o.parentNode.textContent = a : e.$text$ !== a && (s.data = a);
-}, P = [], _e = (e) => {
-  let t, n, s;
+    !s && w.updatable && r !== null && Ce(r, 0, r.length - 1)
+  ), R && l === "svg" && (R = !1)) : (o = n["s-cr"]) ? o.parentNode.textContent = a : e.$text$ !== a && (n.data = a);
+}, C = [], Ee = (e) => {
+  let t, s, n;
   const r = e.__childNodes || e.childNodes;
   for (const i of r) {
     if (i["s-sr"] && (t = i["s-cr"]) && t.parentNode) {
-      n = t.parentNode.__childNodes || t.parentNode.childNodes;
+      s = t.parentNode.__childNodes || t.parentNode.childNodes;
       const l = i["s-sn"];
-      for (s = n.length - 1; s >= 0; s--)
-        if (t = n[s], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== i["s-hn"])
-          if (he(t, l)) {
-            let a = P.find((o) => o.$nodeToRelocate$ === t);
-            H = !0, t["s-sn"] = t["s-sn"] || l, a ? (a.$nodeToRelocate$["s-sh"] = i["s-hn"], a.$slotRefNode$ = i) : (t["s-sh"] = i["s-hn"], P.push({
+      for (n = s.length - 1; n >= 0; n--)
+        if (t = s[n], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== i["s-hn"])
+          if (de(t, l)) {
+            let a = C.find((o) => o.$nodeToRelocate$ === t);
+            z = !0, t["s-sn"] = t["s-sn"] || l, a ? (a.$nodeToRelocate$["s-sh"] = i["s-hn"], a.$slotRefNode$ = i) : (t["s-sh"] = i["s-hn"], C.push({
               $slotRefNode$: i,
               $nodeToRelocate$: t
-            })), t["s-sr"] && P.map((o) => {
-              he(o.$nodeToRelocate$, t["s-sn"]) && (a = P.find((u) => u.$nodeToRelocate$ === t), a && !o.$slotRefNode$ && (o.$slotRefNode$ = a.$slotRefNode$));
+            })), t["s-sr"] && C.map((o) => {
+              de(o.$nodeToRelocate$, t["s-sn"]) && (a = C.find((f) => f.$nodeToRelocate$ === t), a && !o.$slotRefNode$ && (o.$slotRefNode$ = a.$slotRefNode$));
             });
-          } else P.some((a) => a.$nodeToRelocate$ === t) || P.push({
+          } else C.some((a) => a.$nodeToRelocate$ === t) || C.push({
             $nodeToRelocate$: t
           });
     }
-    i.nodeType === 1 && _e(i);
+    i.nodeType === 1 && Ee(i);
   }
-}, C = (e, t, n) => e == null ? void 0 : e.insertBefore(t, n), Tt = (e, t, n = !1) => {
-  var s, r, i, l;
-  const a = e.$hostElement$, o = e.$vnode$ || Y(null, null), u = yt(t) ? t : gt(null, null, t);
-  if (ne = a.tagName, n && u.$attrs$)
-    for (const $ of Object.keys(u.$attrs$))
-      a.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (u.$attrs$[$] = a[$]);
-  u.$tag$ = null, u.$flags$ |= 4, e.$vnode$ = u, u.$elm$ = o.$elm$ = a, z = at, Z = a["s-cr"], H = !1, O(o, u, n);
+}, _ = (e, t, s) => e == null ? void 0 : e.insertBefore(t, s), Pt = (e, t, s = !1) => {
+  var n, r, i, l;
+  const a = e.$hostElement$, o = e.$vnode$ || K(null, null), f = yt(t) ? t : gt(null, null, t);
+  if (ee = a.tagName, s && f.$attrs$)
+    for (const $ of Object.keys(f.$attrs$))
+      a.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (f.$attrs$[$] = a[$]);
+  f.$tag$ = null, f.$flags$ |= 4, e.$vnode$ = f, f.$elm$ = o.$elm$ = a, U = at, Q = a["s-cr"], z = !1, x(o, f, s);
   {
-    if (v.$flags$ |= 1, se) {
-      _e(u.$elm$);
-      for (const $ of P) {
+    if (v.$flags$ |= 1, te) {
+      Ee(f.$elm$);
+      for (const $ of C) {
         const c = $.$nodeToRelocate$;
         if (!c["s-ol"]) {
-          const f = E.createTextNode("");
-          f["s-nr"] = c, C(c.parentNode, c["s-ol"] = f, c);
+          const u = T.createTextNode("");
+          u["s-nr"] = c, _(c.parentNode, c["s-ol"] = u, c);
         }
       }
-      for (const $ of P) {
-        const c = $.$nodeToRelocate$, f = $.$slotRefNode$;
-        if (f) {
-          const d = f.parentNode;
-          let p = f.nextSibling;
+      for (const $ of C) {
+        const c = $.$nodeToRelocate$, u = $.$slotRefNode$;
+        if (u) {
+          const d = u.parentNode;
+          let h = u.nextSibling;
           {
-            let y = (s = c["s-ol"]) == null ? void 0 : s.previousSibling;
+            let y = (n = c["s-ol"]) == null ? void 0 : n.previousSibling;
             for (; y; ) {
-              let h = (r = y["s-nr"]) != null ? r : 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;
+              let p = (r = y["s-nr"]) != null ? r : null;
+              if (p && p["s-sn"] === c["s-sn"] && d === (p.__parentNode || p.parentNode)) {
+                for (p = p.nextSibling; p === c || p != null && p["s-sr"]; )
+                  p = p == null ? void 0 : p.nextSibling;
+                if (!p || !p["s-nr"]) {
+                  h = p;
                   break;
                 }
               }
@@ -567,170 +445,170 @@ var Z, ne, z = !1, H = !1, se = !1, R = !1, M = (e, t, n) => {
             }
           }
           const g = c.__parentNode || c.parentNode, S = c.__nextSibling || c.nextSibling;
-          (!p && d !== g || S !== p) && c !== p && (!c["s-hn"] && c["s-ol"] && (c["s-hn"] = c["s-ol"].parentNode.nodeName), C(d, c, p), c.nodeType === 1 && c.tagName !== "SLOT-FB" && (c.hidden = (i = c["s-ih"]) != null ? i : !1)), c && typeof f["s-rf"] == "function" && f["s-rf"](c);
+          (!h && d !== g || S !== h) && c !== h && (!c["s-hn"] && c["s-ol"] && (c["s-hn"] = c["s-ol"].parentNode.nodeName), _(d, c, h), c.nodeType === 1 && c.tagName !== "SLOT-FB" && (c.hidden = (i = c["s-ih"]) != null ? i : !1)), c && typeof u["s-rf"] == "function" && u["s-rf"](c);
         } else
-          c.nodeType === 1 && (n && (c["s-ih"] = (l = c.hidden) != null ? l : !1), c.hidden = !0);
+          c.nodeType === 1 && (s && (c["s-ih"] = (l = c.hidden) != null ? l : !1), c.hidden = !0);
       }
     }
-    H && Te(u.$elm$), v.$flags$ &= -2, P.length = 0;
+    z && be(f.$elm$), v.$flags$ &= -2, C.length = 0;
   }
-  Z = void 0;
-}, xe = (e, t) => {
+  Q = void 0;
+}, _e = (e, t) => {
   if (t && !e.$onRenderResolve$ && t["s-p"]) {
-    const n = t["s-p"].push(
+    const s = t["s-p"].push(
       new Promise(
-        (s) => e.$onRenderResolve$ = () => {
-          t["s-p"].splice(n - 1, 1), s();
+        (n) => e.$onRenderResolve$ = () => {
+          t["s-p"].splice(s - 1, 1), n();
         }
       )
     );
   }
-}, re = (e, t) => {
+}, se = (e, t) => {
   if (e.$flags$ |= 16, e.$flags$ & 4) {
     e.$flags$ |= 512;
     return;
   }
-  return xe(e, e.$ancestorComponent$), it(() => Et(e, t));
-}, Et = (e, t) => {
-  const n = e.$hostElement$, s = _("scheduleUpdate", e.$cmpMeta$.$tagName$), r = e.$lazyInstance$;
+  return _e(e, e.$ancestorComponent$), it(() => Tt(e, t));
+}, Tt = (e, t) => {
+  const s = e.$hostElement$, n = L("scheduleUpdate", e.$cmpMeta$.$tagName$), r = e.$lazyInstance$;
   if (!r)
     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`
+      `Can't render component <${s.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 i;
-  return s(), kt(i, () => Ct(e, r, t));
-}, kt = (e, t) => Pt(e) ? e.then(t).catch((n) => {
-  console.error(n), t();
-}) : t(), Pt = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", Ct = async (e, t, n) => {
-  var s;
-  const r = e.$hostElement$, i = _("update", e.$cmpMeta$.$tagName$), l = r["s-rc"], a = _("render", e.$cmpMeta$.$tagName$);
-  Lt(e, t, r, n), l && (l.map((o) => o()), r["s-rc"] = void 0), a(), i();
+  return n(), kt(i, () => Et(e, r, t));
+}, kt = (e, t) => Ct(e) ? e.then(t).catch((s) => {
+  console.error(s), t();
+}) : t(), Ct = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", Et = async (e, t, s) => {
+  var n;
+  const r = e.$hostElement$, i = L("update", e.$cmpMeta$.$tagName$), l = r["s-rc"], a = L("render", e.$cmpMeta$.$tagName$);
+  _t(e, t, r, s), l && (l.map((o) => o()), r["s-rc"] = void 0), a(), i();
   {
-    const o = (s = r["s-p"]) != null ? s : [], u = () => _t(e);
-    o.length === 0 ? u() : (Promise.all(o).then(u), e.$flags$ |= 4, o.length = 0);
+    const o = (n = r["s-p"]) != null ? n : [], f = () => Lt(e);
+    o.length === 0 ? f() : (Promise.all(o).then(f), e.$flags$ |= 4, o.length = 0);
   }
-}, Lt = (e, t, n, s) => {
+}, _t = (e, t, s, n) => {
   try {
-    t = t.render(), e.$flags$ &= -17, e.$flags$ |= 2, Tt(e, t, s);
+    t = t.render(), e.$flags$ &= -17, e.$flags$ |= 2, Pt(e, t, n);
   } catch (r) {
-    I(r, e.$hostElement$);
+    O(r, e.$hostElement$);
   }
   return null;
-}, _t = (e) => {
-  const t = e.$cmpMeta$.$tagName$, n = e.$hostElement$, s = _("postUpdate", t), r = e.$lazyInstance$, i = e.$ancestorComponent$;
-  e.$flags$ & 64 ? s() : (e.$flags$ |= 64, Oe(n), ae(r, "componentDidLoad", void 0, n), s(), e.$onReadyResolve$(n), i || Ae()), e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), e.$flags$ & 512 && ee(() => re(e, !1)), e.$flags$ &= -517;
-}, Ae = (e) => {
-  Oe(E.documentElement), ee(() => bt(q, "appload", { detail: { namespace: Ye } }));
-}, ae = (e, t, n, s) => {
+}, Lt = (e) => {
+  const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, n = L("postUpdate", t), r = e.$lazyInstance$, i = e.$ancestorComponent$;
+  e.$flags$ & 64 ? n() : (e.$flags$ |= 64, xe(s), ne(r, "componentDidLoad", void 0, s), n(), e.$onReadyResolve$(s), i || Le()), e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), e.$flags$ & 512 && Z(() => se(e, !1)), e.$flags$ &= -517;
+}, Le = (e) => {
+  xe(T.documentElement), Z(() => mt(M, "appload", { detail: { namespace: Qe } }));
+}, ne = (e, t, s, n) => {
   if (e && e[t])
     try {
-      return e[t](n);
+      return e[t](s);
     } catch (r) {
-      I(r, s);
+      O(r, n);
     }
-}, Oe = (e) => {
+}, xe = (e) => {
   var t;
   return e.classList.add((t = w.hydratedSelectorName) != null ? t : "hydrated");
-}, xt = (e, t) => k(e).$instanceValues$.get(t), Q = (e, t, n, s) => {
+}, xt = (e, t) => k(e).$instanceValues$.get(t), W = (e, t, s, n) => {
   const r = k(e);
   if (!r)
     throw new Error(
-      `Couldn't find host element for "${s.$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).`
+      `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 i = r.$hostElement$, l = r.$instanceValues$.get(t), a = r.$flags$, o = r.$lazyInstance$;
-  n = J(n, s.$members$[t][0]);
-  const u = Number.isNaN(l) && Number.isNaN(n), $ = n !== l && !u;
-  if ((!(a & 8) || l === void 0) && $ && (r.$instanceValues$.set(t, n), o)) {
-    if (s.$watchers$ && a & 128) {
-      const c = s.$watchers$[t];
-      c && c.map((f) => {
+  s = Y(s, n.$members$[t][0]);
+  const f = Number.isNaN(l) && Number.isNaN(s), $ = s !== l && !f;
+  if ((!(a & 8) || l === void 0) && $ && (r.$instanceValues$.set(t, s), o)) {
+    if (n.$watchers$ && a & 128) {
+      const c = n.$watchers$[t];
+      c && c.map((u) => {
         try {
-          o[f](n, l, t);
+          o[u](s, l, t);
         } catch (d) {
-          I(d, i);
+          O(d, i);
         }
       });
     }
-    (a & 18) === 2 && re(r, !1);
+    (a & 18) === 2 && se(r, !1);
   }
-}, we = (e, t, n) => {
-  var s, r;
+}, we = (e, t, s) => {
+  var n, r;
   const i = e.prototype;
   if (t.$members$ || t.$watchers$ || e.watchers) {
     e.watchers && !t.$watchers$ && (t.$watchers$ = e.watchers);
-    const l = Object.entries((s = t.$members$) != null ? s : {});
+    const l = Object.entries((n = t.$members$) != null ? n : {});
     if (l.map(([a, [o]]) => {
-      if (o & 31 || n & 2 && o & 32) {
-        const { get: u, set: $ } = Object.getOwnPropertyDescriptor(i, a) || {};
-        u && (t.$members$[a][0] |= 2048), $ && (t.$members$[a][0] |= 4096), (n & 1 || !u) && Object.defineProperty(i, a, {
+      if (o & 31 || s & 2 && o & 32) {
+        const { get: f, set: $ } = Object.getOwnPropertyDescriptor(i, a) || {};
+        f && (t.$members$[a][0] |= 2048), $ && (t.$members$[a][0] |= 4096), (s & 1 || !f) && Object.defineProperty(i, a, {
           get() {
             {
               if (!(t.$members$[a][0] & 2048))
                 return xt(this, a);
-              const c = k(this), f = c ? c.$lazyInstance$ : i;
-              return f ? f[a] : void 0;
+              const c = k(this), u = c ? c.$lazyInstance$ : i;
+              return u ? u[a] : void 0;
             }
           },
           configurable: !0,
           enumerable: !0
         }), Object.defineProperty(i, a, {
           set(c) {
-            const f = k(this);
+            const u = k(this);
             if ($) {
-              const d = o & 32 ? this[a] : f.$hostElement$[a];
-              typeof d > "u" && f.$instanceValues$.get(a) ? c = f.$instanceValues$.get(a) : !f.$instanceValues$.get(a) && d && f.$instanceValues$.set(a, d), $.apply(this, [J(c, o)]), c = o & 32 ? this[a] : f.$hostElement$[a], Q(this, a, c, t);
+              const d = o & 32 ? this[a] : u.$hostElement$[a];
+              typeof d > "u" && u.$instanceValues$.get(a) ? c = u.$instanceValues$.get(a) : !u.$instanceValues$.get(a) && d && u.$instanceValues$.set(a, d), $.apply(this, [Y(c, o)]), c = o & 32 ? this[a] : u.$hostElement$[a], W(this, a, c, t);
               return;
             }
             {
-              if (!(n & 1) || !(t.$members$[a][0] & 4096)) {
-                Q(this, a, c, t), n & 1 && !f.$lazyInstance$ && f.$onReadyPromise$.then(() => {
-                  t.$members$[a][0] & 4096 && f.$lazyInstance$[a] !== f.$instanceValues$.get(a) && (f.$lazyInstance$[a] = c);
+              if (!(s & 1) || !(t.$members$[a][0] & 4096)) {
+                W(this, a, c, t), s & 1 && !u.$lazyInstance$ && u.$onReadyPromise$.then(() => {
+                  t.$members$[a][0] & 4096 && u.$lazyInstance$[a] !== u.$instanceValues$.get(a) && (u.$lazyInstance$[a] = c);
                 });
                 return;
               }
               const d = () => {
-                const p = f.$lazyInstance$[a];
-                !f.$instanceValues$.get(a) && p && f.$instanceValues$.set(a, p), f.$lazyInstance$[a] = J(c, o), Q(this, a, f.$lazyInstance$[a], t);
+                const h = u.$lazyInstance$[a];
+                !u.$instanceValues$.get(a) && h && u.$instanceValues$.set(a, h), u.$lazyInstance$[a] = Y(c, o), W(this, a, u.$lazyInstance$[a], t);
               };
-              f.$lazyInstance$ ? d() : f.$onReadyPromise$.then(() => d());
+              u.$lazyInstance$ ? d() : u.$onReadyPromise$.then(() => d());
             }
           }
         });
       }
-    }), n & 1) {
+    }), s & 1) {
       const a = /* @__PURE__ */ new Map();
-      i.attributeChangedCallback = function(o, u, $) {
+      i.attributeChangedCallback = function(o, f, $) {
         v.jmp(() => {
           var c;
-          const f = a.get(o);
-          if (this.hasOwnProperty(f) && w.lazyLoad)
-            $ = this[f], delete this[f];
+          const u = a.get(o);
+          if (this.hasOwnProperty(u) && w.lazyLoad)
+            $ = this[u], delete this[u];
           else {
-            if (i.hasOwnProperty(f) && typeof this[f] == "number" && // cast type to number to avoid TS compiler issues
-            this[f] == $)
+            if (i.hasOwnProperty(u) && typeof this[u] == "number" && // cast type to number to avoid TS compiler issues
+            this[u] == $)
               return;
-            if (f == null) {
-              const p = k(this), g = p == null ? void 0 : p.$flags$;
-              if (g && !(g & 8) && g & 128 && $ !== u) {
-                const S = p.$lazyInstance$, y = (c = t.$watchers$) == null ? void 0 : c[o];
-                y == null || y.forEach((h) => {
-                  S[h] != null && S[h].call(S, $, u, o);
+            if (u == null) {
+              const h = k(this), g = h == null ? void 0 : h.$flags$;
+              if (g && !(g & 8) && g & 128 && $ !== f) {
+                const S = h.$lazyInstance$, y = (c = t.$watchers$) == null ? void 0 : c[o];
+                y == null || y.forEach((p) => {
+                  S[p] != null && S[p].call(S, $, f, o);
                 });
               }
               return;
             }
           }
-          const d = Object.getOwnPropertyDescriptor(i, f);
-          $ = $ === null && typeof this[f] == "boolean" ? !1 : $, $ !== this[f] && (!d.get || d.set) && (this[f] = $);
+          const d = Object.getOwnPropertyDescriptor(i, u);
+          $ = $ === null && typeof this[u] == "boolean" ? !1 : $, $ !== this[u] && (!d.get || d.set) && (this[u] = $);
         });
       }, e.observedAttributes = Array.from(
         /* @__PURE__ */ new Set([
           ...Object.keys((r = t.$watchers$) != null ? r : {}),
           ...l.filter(
-            ([o, u]) => u[0] & 15
+            ([o, f]) => f[0] & 15
             /* HasAttribute */
-          ).map(([o, u]) => {
-            const $ = u[1] || o;
+          ).map(([o, f]) => {
+            const $ = f[1] || o;
             return a.set($, o), $;
           })
         ])
@@ -738,85 +616,85 @@ var Z, ne, z = !1, H = !1, se = !1, R = !1, M = (e, t, n) => {
     }
   }
   return e;
-}, At = async (e, t, n, s) => {
+}, wt = async (e, t, s, n) => {
   let r;
   if (!(t.$flags$ & 32)) {
     t.$flags$ |= 32;
     {
-      const a = nt(n, t);
+      const a = st(s, t);
       if (a && "then" in a) {
-        const u = ht();
-        r = await a, u();
+        const f = pt();
+        r = await a, f();
       } else
         r = a;
       if (!r)
-        throw new Error(`Constructor for "${n.$tagName$}#${t.$modeName$}" was not found`);
-      r.isProxied || (n.$watchers$ = r.watchers, we(
+        throw new Error(`Constructor for "${s.$tagName$}#${t.$modeName$}" was not found`);
+      r.isProxied || (s.$watchers$ = r.watchers, we(
         r,
-        n,
+        s,
         2
         /* proxyState */
       ), r.isProxied = !0);
-      const o = _("createInstance", n.$tagName$);
+      const o = L("createInstance", s.$tagName$);
       t.$flags$ |= 8;
       try {
         new r(t);
-      } catch (u) {
-        I(u, e);
+      } catch (f) {
+        O(f, e);
       }
-      t.$flags$ &= -9, t.$flags$ |= 128, o(), V(t.$lazyInstance$, e);
+      t.$flags$ &= -9, t.$flags$ |= 128, o(), J(t.$lazyInstance$, e);
     }
   }
-  const i = t.$ancestorComponent$, l = () => re(t, !0);
+  const i = t.$ancestorComponent$, l = () => se(t, !0);
   i && i["s-rc"] ? i["s-rc"].push(l) : l();
-}, V = (e, t) => {
-  ae(e, "connectedCallback", void 0, t);
+}, J = (e, t) => {
+  ne(e, "connectedCallback", void 0, t);
 }, Ot = (e) => {
   if (!(v.$flags$ & 1)) {
-    const t = k(e), n = t.$cmpMeta$, s = _("connectedCallback", n.$tagName$);
+    const t = k(e), s = t.$cmpMeta$, n = L("connectedCallback", s.$tagName$);
     if (t.$flags$ & 1)
-      t != null && t.$lazyInstance$ ? V(t.$lazyInstance$, e) : t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => V(t.$lazyInstance$, e));
+      t != null && t.$lazyInstance$ ? J(t.$lazyInstance$, e) : t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => J(t.$lazyInstance$, e));
     else {
       t.$flags$ |= 1, // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
-      n.$flags$ & 12 && wt(e);
+      s.$flags$ & 12 && It(e);
       {
         let r = e;
         for (; r = r.parentNode || r.host; )
           if (r["s-p"]) {
-            xe(t, t.$ancestorComponent$ = r);
+            _e(t, t.$ancestorComponent$ = r);
             break;
           }
       }
-      n.$members$ && Object.entries(n.$members$).map(([r, [i]]) => {
+      s.$members$ && Object.entries(s.$members$).map(([r, [i]]) => {
         if (i & 31 && e.hasOwnProperty(r)) {
           const l = e[r];
           delete e[r], e[r] = l;
         }
-      }), At(e, t, n);
+      }), wt(e, t, s);
     }
-    s();
+    n();
   }
-}, wt = (e) => {
-  const t = e["s-cr"] = E.createComment(
+}, It = (e) => {
+  const t = e["s-cr"] = T.createComment(
     ""
   );
-  t["s-cn"] = !0, C(e, t, e.firstChild);
-}, be = (e, t) => {
-  ae(e, "disconnectedCallback", void 0, t || e);
-}, It = async (e) => {
+  t["s-cn"] = !0, _(e, t, e.firstChild);
+}, ve = (e, t) => {
+  ne(e, "disconnectedCallback", void 0, t || e);
+}, At = async (e) => {
   if (!(v.$flags$ & 1)) {
     const t = k(e);
-    t != null && t.$lazyInstance$ ? be(t.$lazyInstance$, e) : t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => be(t.$lazyInstance$, e));
+    t != null && t.$lazyInstance$ ? ve(t.$lazyInstance$, e) : t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => ve(t.$lazyInstance$, e));
   }
-  B.has(e) && B.delete(e), e.shadowRoot && B.has(e.shadowRoot) && B.delete(e.shadowRoot);
+  j.has(e) && j.delete(e), e.shadowRoot && j.has(e.shadowRoot) && j.delete(e.shadowRoot);
 }, Ft = (e, t = {}) => {
-  var n;
-  const s = _(), r = [], i = t.exclude || [], l = q.customElements, a = E.head, o = /* @__PURE__ */ a.querySelector("meta[charset]"), u = /* @__PURE__ */ E.createElement("style"), $ = [];
-  let c, f = !0;
-  Object.assign(v, t), v.$resourcesUrl$ = new URL(t.resourcesUrl || "./", E.baseURI).href;
+  var s;
+  const n = L(), r = [], i = t.exclude || [], l = M.customElements, a = T.head, o = /* @__PURE__ */ a.querySelector("meta[charset]"), f = /* @__PURE__ */ T.createElement("style"), $ = [];
+  let c, u = !0;
+  Object.assign(v, t), v.$resourcesUrl$ = new URL(t.resourcesUrl || "./", T.baseURI).href;
   let d = !1;
-  if (e.map((p) => {
-    p[1].map((g) => {
+  if (e.map((h) => {
+    h[1].map((g) => {
       var S;
       const y = {
         $flags$: g[0],
@@ -825,46 +703,46 @@ var Z, ne, z = !1, H = !1, se = !1, R = !1, M = (e, t, n) => {
         $listeners$: g[3]
       };
       y.$flags$ & 4 && (d = !0), y.$members$ = g[2], y.$watchers$ = (S = g[4]) != null ? S : {};
-      const h = y.$tagName$, F = class extends HTMLElement {
+      const p = y.$tagName$, I = class extends HTMLElement {
         // StencilLazyHost
-        constructor(m) {
-          super(m), this.hasRegisteredEventListeners = !1, m = this, tt(m, y);
+        constructor(b) {
+          super(b), this.hasRegisteredEventListeners = !1, b = this, tt(b, y);
         }
         connectedCallback() {
-          k(this), this.hasRegisteredEventListeners || (this.hasRegisteredEventListeners = !0), c && (clearTimeout(c), c = null), f ? $.push(this) : v.jmp(() => Ot(this));
+          k(this), this.hasRegisteredEventListeners || (this.hasRegisteredEventListeners = !0), c && (clearTimeout(c), c = null), u ? $.push(this) : v.jmp(() => Ot(this));
         }
         disconnectedCallback() {
-          v.jmp(() => It(this)), v.raf(() => {
-            var m;
-            const T = k(this);
-            ((m = T == null ? void 0 : T.$vnode$) == null ? void 0 : m.$elm$) instanceof Node && !T.$vnode$.$elm$.isConnected && delete T.$vnode$.$elm$;
+          v.jmp(() => At(this)), v.raf(() => {
+            var b;
+            const P = k(this);
+            ((b = P == null ? void 0 : P.$vnode$) == null ? void 0 : b.$elm$) instanceof Node && !P.$vnode$.$elm$.isConnected && delete P.$vnode$.$elm$;
           });
         }
         componentOnReady() {
           return k(this).$onReadyPromise$;
         }
       };
-      y.$lazyBundleId$ = p[0], !i.includes(h) && !l.get(h) && (r.push(h), l.define(
-        h,
+      y.$lazyBundleId$ = h[0], !i.includes(p) && !l.get(p) && (r.push(p), l.define(
+        p,
         we(
-          F,
+          I,
           y,
           1
           /* isElementConstructor */
         )
       ));
     });
-  }), r.length > 0 && (d && (u.textContent += rt), u.textContent += r.sort() + st, u.innerHTML.length)) {
-    u.setAttribute("data-styles", "");
-    const p = (n = v.$nonce$) != null ? n : ct(E);
-    p != null && u.setAttribute("nonce", p), a.insertBefore(u, o ? o.nextSibling : a.firstChild);
+  }), r.length > 0 && (d && (f.textContent += rt), f.textContent += r.sort() + nt, f.innerHTML.length)) {
+    f.setAttribute("data-styles", "");
+    const h = (s = v.$nonce$) != null ? s : ct(T);
+    h != null && f.setAttribute("nonce", h), a.insertBefore(f, o ? o.nextSibling : a.firstChild);
   }
-  f = !1, $.length ? $.map((p) => p.connectedCallback()) : v.jmp(() => c = setTimeout(Ae, 30)), s();
+  u = !1, $.length ? $.map((h) => h.connectedCallback()) : v.jmp(() => c = setTimeout(Le, 30)), n();
 };
-const jt = () => {
-}, Nt = async (e, t) => {
+const Dt = () => {
+}, jt = async (e, t) => {
   if (!(typeof window > "u"))
-    return await jt(), Ft([["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-theme", [[0, "searchcraft-theme"]]], ["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);
+    return await Dt(), Ft([["searchcraft-base-search-results", [[4, "searchcraft-base-search-results", { customStylesForResults: [1, "custom-styles-for-results"], searchResultMappings: [16], 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"], searchTerm: [32], searchClientResponseItems: [32], adClientResponseItems: [32], searchResultsPerPage: [32], searchResultsPage: [32] }]]], ["searchcraft-filter-panel", [[0, "searchcraft-filter-panel", { items: [16], unsubscribe: [32], lastSearchTerm: [32] }]]], ["searchcraft-pagination", [[0, "searchcraft-pagination", { customStyles: [1, "custom-styles"], searchTerm: [32], searchResultsPerPage: [32], searchResultsPage: [32], searchResultsCount: [32], searchResultsPagesCount: [32], searchResultsRangeMin: [32], searchResultsRangeMax: [32], setSearchResultsPage: [32] }]]], ["searchcraft-search-results-per-page", [[0, "searchcraft-search-results-per-page", { increment: [8], customStyles: [1, "custom-styles"], searchTerm: [32], searchResultsPage: [32], searchResultsPerPage: [32], searchResultsCount: [32], searchResultsPagesCount: [32], initialSearchResultsPerPage: [32], setSearchResultsPerPage: [32], setSearchResultsPage: [32] }]]], ["searchcraft-popover-button", [[4, "searchcraft-popover-button"]]], ["searchcraft-results-info", [[0, "searchcraft-results-info", { customFormatter: [16], customStyles: [1, "custom-styles"], searchTerm: [32], searchResultsPage: [32], searchResultsPerPage: [32], searchResultsCount: [32], count: [32], range: [32], responseTime: [32] }]]], ["searchcraft-theme", [[0, "searchcraft-theme", { theme: [1], customTheme: [1, "custom-theme"] }]]], ["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], searchClientResponseItems: [16], adClientResponseItems: [16], searchResultsPage: [2, "search-results-page"], searchResultsPerPage: [2, "search-results-per-page"] }]]], ["searchcraft-popover-form", [[0, "searchcraft-popover-form", { config: [16], type: [1], popoverResultMappings: [16], hotkey: [1], hotkeyModifier: [1, "hotkey-modifier"], isPopoverVisibleInState: [32], unsubscribe: [32], searchClientResponseItems: [32], adClientResponseItems: [32], searchTerm: [32], isFocused: [32], breakpointSm: [32], breakpointMd: [32], breakpointLg: [32], searchResultsPage: [32], searchResultsPerPage: [32], modalElement: [32] }]]], ["searchcraft-select", [[0, "searchcraft-select", { caption: [1], disabled: [4], inputId: [1, "input-id"], label: [1], labelId: [1, "label-id"], name: [1], options: [1], customStyles: [1, "custom-styles"], searchResultsPerPage: [32], setSearchResultsPage: [32], setSearchResultsPerPage: [32] }]]], ["searchcraft-base-search-result_2", [[0, "searchcraft-base-search-result", { item: [16], searchResultMappings: [16], containerTarget: [1, "container-target"], containerRel: [1, "container-rel"], buttonTarget: [1, "button-target"], buttonRel: [1, "button-rel"], imagePlacement: [1, "image-placement"], customStyles: [1, "custom-styles"], documentPosition: [2, "document-position"], titleContent: [32], subtitleContent: [32], bodyContent: [32], footerContent: [32], buttonLabel: [32], buttonHref: [32], containerHref: [32], imageSrc: [32], imageAlt: [32] }], [0, "searchcraft-base-search-result-ad", { adClientResponseItem: [16] }]]], ["searchcraft-facet-list_3", [[0, "searchcraft-facet-list", { fieldName: [1, "field-name"], baseFacetRoot: [32], facetRoot: [32], selectedPaths: [32], lastTimeTaken: [32], hasNewSearchTerm: [32], lastSearchTerm: [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], lastSearchTerm: [32] }]]], ["searchcraft-popover-list-item_2", [[0, "searchcraft-popover-list-item", { item: [16], popoverResultMappings: [16], documentPosition: [2, "document-position"], href: [32], imageSrc: [32], imageAlt: [32], titleContent: [32], subtitleContent: [32] }], [0, "searchcraft-popover-list-item-ad", { adClientResponseItem: [16] }]]], ["searchcraft-button_3", [[0, "searchcraft-input-label", { inputLabelClassName: [1, "input-label-class-name"], label: [1] }], [0, "searchcraft-button", { hierarchy: [1], disabled: [4], icon: [16], iconOnly: [4, "icon-only"], iconPosition: [1, "icon-position"], label: [1], type: [1] }], [0, "searchcraft-error-message", { errorMessage: [1, "error-message"] }]]]], t);
 };
 (function() {
   if (typeof window < "u" && window.Reflect !== void 0 && window.customElements !== void 0) {
@@ -874,19 +752,21 @@ const jt = () => {
     }, HTMLElement.prototype = e.prototype, HTMLElement.prototype.constructor = HTMLElement, Object.setPrototypeOf(HTMLElement, e);
   }
 })();
-const Qt = {
+const Kt = {
   async install() {
-    Nt();
+    jt();
   }
 };
 export {
-  Qt as ComponentLibrary,
-  Bt as SearchcraftBaseSearchResults,
-  Ut as SearchcraftFilterPanel,
-  zt as SearchcraftInputForm,
-  Ht as SearchcraftPopoverButton,
-  Mt as SearchcraftPopoverForm,
-  qt as SearchcraftResultsInfo,
-  Wt as SearchcraftTheme
+  Kt as ComponentLibrary,
+  Ut as SearchcraftBaseSearchResults,
+  zt as SearchcraftFilterPanel,
+  Ht as SearchcraftInputForm,
+  Gt as SearchcraftPagination,
+  Mt as SearchcraftPopoverButton,
+  Bt as SearchcraftPopoverForm,
+  Wt as SearchcraftResultsInfo,
+  Xt as SearchcraftSearchResultsPerPage,
+  qt as SearchcraftTheme
 };
 //# sourceMappingURL=index.es.js.map