@nanoporetech-digital/components 8.0.0-alpha.0 → 8.0.0-alpha.2

package/hydrate/index.mjs

@@ -130,41 +130,12 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 const NAMESPACE = 'nano-components';
 const BUILD = /* nano-components */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
 
-var appGlobalScript = async () => {
-    if (globalThis.window &&
-        'MutationObserver' in globalThis.window &&
-        globalThis['document']) {
-        // fire global 'ready' event when everything is hydrated
-        const docEle = document.documentElement;
-        window.addEventListener('appload', () => {
-            docEle.classList.add('hydrated');
-        });
-        const docIsReady = () => {
-            if (!docEle.classList.contains('hydrated'))
-                return false;
-            docEle.dispatchEvent(new CustomEvent('nanoComponentsReady'));
-            return true;
-        };
-        if (!docIsReady()) {
-            let mutationO = new MutationObserver((_) => {
-                if (!docIsReady())
-                    return;
-                mutationO.disconnect();
-                mutationO = null;
-            });
-            mutationO.observe(docEle, {
-                childList: false,
-                subtree: false,
-                attributes: true,
-            });
-        }
-    }
-};
+var appGlobalScript = async () => { };
 
 const globalScripts = appGlobalScript;
 
 /*
- Stencil Hydrate Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.35.1-dev.1750682262.1ce9541 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -566,6 +537,94 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
+          styleElm.innerHTML = style;
+        } else {
+          styleElm = win.document.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if ((cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */)) {
+            styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(
+                styleElm,
+                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+              );
+            } else if ("host" in styleContainerNode) {
+              {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var h$1 = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -680,7 +739,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a;
+  var _a, _b;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -691,7 +750,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   vnode.$elm$ = hostElm;
   const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
   members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-    var _b;
+    var _b2;
     if (!(memberFlags & 31 /* Prop */)) {
       return;
     }
@@ -701,7 +760,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       const attrPropVal = parsePropertyValue(
         attrVal,
         memberFlags);
-      (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
+      (_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
     }
   });
   let scopeId2;
@@ -742,6 +801,14 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (childRenderNode.$tag$ === "slot") {
         node["s-cr"] = hostElm["s-cr"];
       }
+    } else if (((_b = childRenderNode.$tag$) == null ? void 0 : _b.toString().includes("-")) && !childRenderNode.$elm$.shadowRoot) {
+      const cmpMeta = getHostRef(childRenderNode.$elm$);
+      const scopeId3 = getScopeId(
+        cmpMeta.$cmpMeta$);
+      const styleSheet = win.document.querySelector(`style[sty-id="${scopeId3}"]`);
+      if (styleSheet) {
+        hostElm.shadowRoot.append(styleSheet.cloneNode(true));
+      }
     }
     if (childRenderNode.$tag$ === "slot") {
       childRenderNode.$name$ = childRenderNode.$elm$["s-sn"] || childRenderNode.$elm$["name"] || null;
@@ -757,7 +824,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
     }
     if (orgLocationNode && orgLocationNode.isConnected) {
-      if (shadowRoot && orgLocationNode["s-en"] === "") {
+      if (orgLocationNode.parentElement.shadowRoot && orgLocationNode["s-en"] === "") {
         orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
       }
       orgLocationNode.parentNode.removeChild(orgLocationNode);
@@ -765,7 +832,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         node["s-oo"] = parseInt(childRenderNode.$nodeId$);
       }
     }
-    plt.$orgLocNodes$.delete(orgLocationId);
+    if (orgLocationNode && !orgLocationNode["s-id"]) plt.$orgLocNodes$.delete(orgLocationId);
   }
   const hosts = [];
   const snLen = slottedNodes.length;
@@ -787,11 +854,13 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (!hosts[slottedItem.hostId]) continue;
       const hostEle = hosts[slottedItem.hostId];
       if (!hostEle.shadowRoot || !shadowRoot) {
-        slottedItem.slot["s-cr"] = hostEle["s-cr"];
-        if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
-          slottedItem.slot["s-cr"] = hostEle;
-        } else {
-          slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
+        if (!slottedItem.slot["s-cr"]) {
+          slottedItem.slot["s-cr"] = hostEle["s-cr"];
+          if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
+            slottedItem.slot["s-cr"] = hostEle;
+          } else {
+            slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
+          }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
       }
@@ -805,7 +874,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
     });
   }
-  if (shadowRoot && !shadowRoot.childNodes.length) {
+  if (shadowRoot) {
     let rnIdex = 0;
     const rnLen = shadowRootNodes.length;
     if (rnLen) {
@@ -816,14 +885,13 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         if (typeof node["s-en"] !== "string" && typeof node["s-sn"] !== "string") {
           if (node.nodeType === 1 /* ElementNode */ && node.slot && node.hidden) {
             node.removeAttribute("hidden");
-          } else if (node.nodeType === 8 /* CommentNode */ || node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
+          } else if (node.nodeType === 8 /* CommentNode */ && !node.nodeValue || node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
             node.parentNode.removeChild(node);
           }
         }
       });
     }
   }
-  plt.$orgLocNodes$.delete(hostElm["s-id"]);
   hostRef.$hostElement$ = hostElm;
   endHydrate();
 };
@@ -855,7 +923,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
         if (!parentVNode.$children$) {
           parentVNode.$children$ = [];
         }
-        if (scopeId2) {
+        if (scopeId2 && childIdSplt[0] === hostId) {
           node["s-si"] = scopeId2;
           childVNode.$attrs$.class += " " + scopeId2;
         }
@@ -985,7 +1053,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
     vnode.$index$ = "0";
     parentVNode.$children$ = [vnode];
   } else {
-    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
+    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim() && !node["s-nr"]) {
       node.remove();
     }
   }
@@ -1043,10 +1111,10 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
     }
-    if (parentNodeId && parentNodeId !== childVNode.$hostId$) {
-      parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
+    if (parentVNode.$elm$.shadowRoot && parentNodeId && parentNodeId !== childVNode.$hostId$) {
+      internalCall(parentVNode.$elm$, "insertBefore")(slot, internalCall(parentVNode.$elm$, "children")[0]);
     } else {
-      node.parentNode.insertBefore(slot, node);
+      internalCall(internalCall(node, "parentNode"), "insertBefore")(slot, node);
     }
     addSlottedNodes(slottedNodes, slotId, slotName, node, childVNode.$hostId$);
     node.remove();
@@ -1072,7 +1140,7 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
 var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
   let slottedNode = slotNode.nextSibling;
   slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
-  while (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ && slottedNode.nodeValue.indexOf(".") !== 1 || slottedNode.nodeType === 3 /* TextNode */))) {
+  while (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */ || slottedNode.tagName === "SLOT"))) {
     slottedNode["s-sn"] = slotName;
     slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
     slottedNode = slottedNode.nextSibling;
@@ -1540,94 +1608,6 @@ var emitEvent = (elm, name, opts) => {
   elm.dispatchEvent(ev);
   return ev;
 };
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
-          styleElm.innerHTML = style;
-        } else {
-          styleElm = win.document.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if ((cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */)) {
-            styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(
-                styleElm,
-                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-              );
-            } else if ("host" in styleContainerNode) {
-              {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -1638,12 +1618,13 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     const classList = elm.classList;
     const oldClasses = parseClassList(oldValue);
     let newClasses = parseClassList(newValue);
-    if (elm["s-si"] && initialRender) {
-      newClasses.push(elm["s-si"]);
+    if ((elm["s-si"] || elm["s-sc"]) && initialRender) {
+      const scopeId2 = elm["s-sc"] || elm["s-si"];
+      newClasses.push(scopeId2);
       oldClasses.forEach((c) => {
-        if (c.startsWith(elm["s-si"])) newClasses.push(c);
+        if (c.startsWith(scopeId2)) newClasses.push(c);
       });
-      newClasses = [...new Set(newClasses)];
+      newClasses = [...new Set(newClasses)].filter((c) => c);
       classList.add(...newClasses);
     } else {
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
@@ -2413,10 +2394,16 @@ var forceUpdate = (ref) => {
   return false;
 };
 var appDidLoad = (who) => {
+  var _a;
   if (BUILD.asyncQueue) {
     plt.$flags$ |= 2 /* appLoaded */;
   }
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
+  {
+    if ((_a = plt.$orgLocNodes$) == null ? void 0 : _a.size) {
+      plt.$orgLocNodes$.clear();
+    }
+  }
 };
 var safeCall = (instance, method, arg, elm) => {
   if (instance && instance[method]) {
@@ -6498,19 +6485,19 @@ function render(template, data, env, cb) {
 }
 
 var squirrel = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    compile: compile,
-    compileScope: compileScope,
-    compileScopeIntoFunction: compileScopeIntoFunction,
-    compileToString: compileToString,
-    defaultConfig: defaultConfig,
-    filters: filters,
-    getConfig: getConfig,
-    helpers: helpers,
-    nativeHelpers: nativeHelpers,
-    parse: parse,
-    render: render,
-    templates: templates
+  __proto__: null,
+  compile: compile,
+  compileScope: compileScope,
+  compileScopeIntoFunction: compileScopeIntoFunction,
+  compileToString: compileToString,
+  defaultConfig: defaultConfig,
+  filters: filters,
+  getConfig: getConfig,
+  helpers: helpers,
+  nativeHelpers: nativeHelpers,
+  parse: parse,
+  render: render,
+  templates: templates
 });
 
 filters.define('date_long', (str, options = {
@@ -8105,7 +8092,7 @@ class Checkbox {
     }
     set slotWrapper(value) {
         this._slotWrapper = value;
-        this.hasLabel = !!value.querySelectorAll('*').length || !!this.label;
+        this.hasLabel = !!value?.querySelectorAll('*').length || !!this.label;
     }
     get host() { return getElement(this); }
     inputType = 'checkbox';
@@ -8313,7 +8300,7 @@ class Checkbox {
     }
     render() {
         const labelId = this.inputId + '-lbl';
-        return (h(Host, { key: 'ca41f256a304b8ec19dba81fbe0dcd30eefd63fe' }, h("label", { key: '31254b867b036d7703939e7b19f4f483f00af844', class: {
+        return (h(Host, { key: 'd1c462c6850bad6dd37696c1edc61d1413613908' }, h("label", { key: 'e45bce2bffd58378e79606d848b8dc4b2a023fb2', class: {
                 nanocb: true,
                 'nanocb--checked': this.checked,
                 'nanocb--invalid': this.invalid,
@@ -8321,11 +8308,11 @@ class Checkbox {
                 'nanocb--focused': this.hasFocus,
                 'nanocb--indeterminate': this.indeterminate,
                 ['nanocb__' + this.type]: true,
-            }, htmlFor: this.inputId }, h("input", { key: 'd46202d25ee15a0274766d845510608ed5af88f4', type: this.inputType, name: this.name, form: this.form, required: this.required, checked: this.checked, disabled: this.disabled, value: this.value, "aria-labelledby": this.hasLabel ? labelId : undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onChange: this.handleChange, ref: (input) => (this.input = input), id: this.inputId, onInvalid: this.handleInvalid }), h("span", { key: '0f3c9134ab08ce653a58d71d681495349536e211', class: 'nanocb__input' }), this.hasLabel && (h("div", { key: 'e4315662f387dc17f3406f22931535061756cca6', id: labelId, class: {
+            }, htmlFor: this.inputId }, h("input", { key: '732c982c1613eed2075857fff33a869378ce2356', type: this.inputType, name: this.name, form: this.form, required: this.required, checked: this.checked, disabled: this.disabled, value: this.value, "aria-labelledby": this.hasLabel ? labelId : undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onChange: this.handleChange, ref: (input) => (this.input = input), id: this.inputId, onInvalid: this.handleInvalid }), h("span", { key: '7299bc0cca8ea4230d4317ad1a5e9ec5c72fd58d', class: 'nanocb__input' }), this.hasLabel && (h("div", { key: 'daa0fd8b2b63796e96ea40e843390ca62c41c968', id: labelId, class: {
                 nanocb__label: true,
                 [`nanocb__label--${this.type}`]: true,
                 'nanocb__label--hidden': this.hideLabel,
-            } }, this.label && !!this.label.length && h("span", { key: '05716b3189e0a489c530c2539944eaaae74e0e08' }, this.label), h("span", { key: '026a9bbb2f50332d184a29a03a58e6cb287d7f8c', hidden: this.label && !!this.label.length, ref: (s) => (this.slotWrapper = s) }, h("slot", { key: '62b0ab184d32167780d52aa90dddcdc25977548c' })))))));
+            } }, this.label && !!this.label.length && h("span", { key: 'cdcdf9528ee8f39f22ddd9f61c490d4c02f910e4' }, this.label), h("span", { key: '021ecfc889a1bc89df711343cad337d847d93191', hidden: this.label && !!this.label.length, ref: (s) => (this.slotWrapper = s) }, h("slot", { key: 'da6bb8cfd800f4f423aaa7be538b1e33af73f5bc' })))))));
     }
     static get watchers() { return {
         "checked": ["handleCheckedChange"],
@@ -8865,7 +8852,7 @@ class CollapsibleComparison {
     }; }
 }
 
-const cardCarouselCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }/** Typography */\n:host {\n  /**\n   * @prop --bleed: A portion of the Image of the next card is displayed outside the parent width boundary. \n   * Generally should be the parent's `padding-inline-end` (or `padding-right`). Defaults to 0px;\n   * @prop --gap: gap between the slides. Defaults to var(--nano-spacing-xl) on large screens, var(--nano-spacing-md) on small screens;\n   * @prop --pagination-button-color: The color of the pagination button. Defaults to var(--nano-color-neutral-400);\n   * @prop --pagination-button-active: Active color of the pagination button. Defaults to var(--nano-color-primary-1000);\n   */\n  --bleed: 0px;\n  --gap: var(--nano-spacing-xl);\n  --pagination-button-color: var(--nano-color-neutral-400);\n  --pagination-button-hover: var(--nano-color-primary-700);\n  --pagination-button-active: var(--nano-color-primary-1000);\n  --peek: calc(var(--bleed) / 2);\n  display: block;\n  position: relative;\n  margin-inline: 0 calc(var(--bleed) * -1);\n  container-type: inline-size;\n}\n\n.base ::slotted(nano-slide), .base::slotted(nano-slide) {\n  --img-opacity: calc(1 - max((var(--distance) - 50) / 30, 0));\n  --text-opacity: calc(1 - max((var(--distance) - 50) / 15, 0));\n  display: block;\n  text-align: unset;\n  min-block-size: auto;\n  inline-size: calc(50% + var(--gap) / 2 - var(--peek));\n  padding-inline-end: var(--gap);\n}\n.base nano-slides[ready]::part(slide-container), .base nano-slides[ready] [part~=\"slide-container\"] {\n  flex-flow: column wrap;\n  justify-content: flex-start;\n}\n.base nano-slides::part(slide-viewport), .base nano-slides [part~=\"slide-viewport\"] {\n  flex: auto;\n}\n.base nano-slides::part(navigation-button--previous), .base nano-slides [part~=\"navigation-button--previous\"] {\n  display: none;\n}\n.base nano-slides::part(navigation-button--next), .base nano-slides [part~=\"navigation-button--next\"] {\n  transform: none;\n  block-size: 100%;\n  inline-size: var(--bleed);\n  inset-inline-end: 0;\n  inset-block-start: 0;\n  border-radius: 0;\n  margin: 0;\n  padding: 0;\n  opacity: 0;\n}\n.base .header {\n  max-inline-size: calc(100% - var(--bleed));\n  display: flex;\n  gap: var(--nano-spacing-md);\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-block-end: var(--gap);\n}\n.base .title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-xl);\n  line-height: var(--nano-line-height-denser);\n  line-height: 1;\n}\n.base .pagination {\n  display: inline-flex;\n  gap: var(--nano-spacing-md);\n}\n.base .pagination-btn {\n  all: unset;\n  inline-size: 1.25rem;\n  block-size: 0.375rem;\n  margin-block: 0;\n  cursor: pointer;\n  background: var(--pagination-button-color);\n  position: relative;\n}\n.base .pagination-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: -1rem -0.625rem;\n}\n.base .pagination-btn:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n  z-index: 1;\n}\n.base .pagination-btn:hover {\n  background: var(--pagination-button-hover);\n}\n.base .pagination-btn:active {\n  background: var(--pagination-button-active);\n}\n.base .pagination-btn__label {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.base .pagination-btn--active {\n  background: var(--pagination-button-active);\n}\n.base nano-slides {\n  overflow: visible;\n}\n@container (width < 615px) {\n  .base {\n    --gap: var(--nano-spacing-md);\n    --peek: var(--bleed);\n  }\n  .base ::slotted(nano-slide), .base::slotted(nano-slide) {\n    --img-opacity: calc(1 - max((var(--distance) - 30) / 5, 0));\n    --text-opacity: calc(1 - max((var(--distance) - 30) / 3, 0));\n    inline-size: calc(100% + var(--gap) - var(--peek));\n  }\n  .base .header {\n    flex-direction: column;\n    align-items: start;\n  }\n  .base .pagination {\n    transform: translateY(-50%);\n  }\n}";
+const cardCarouselCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }/** Typography */\n:host {\n  /**\n   * @prop --bleed: A portion of the Image of the next card is displayed outside the parent width boundary. \n   * Generally should be the parent's `padding-inline-end` (or `padding-right`). Defaults to 0px;\n   * @prop --gap: gap between the slides. Defaults to var(--nano-spacing-xl) on large screens, var(--nano-spacing-md) on small screens;\n   * @prop --pagination-button-color: The color of the pagination button. Defaults to var(--nano-color-neutral-400);\n   * @prop --pagination-button-active: Active color of the pagination button. Defaults to var(--nano-color-primary-1000);\n   */\n  --bleed: 0px;\n  --gap: var(--nano-spacing-xl);\n  --pagination-button-color: var(--nano-color-neutral-400);\n  --pagination-button-hover: var(--nano-color-primary-700);\n  --pagination-button-active: var(--nano-color-primary-1000);\n  --peek: calc(var(--bleed) / 2);\n  display: block;\n  position: relative;\n  margin-inline: 0 calc(var(--bleed) * -1);\n  container-type: inline-size;\n}\n\n.base ::slotted(nano-slide), .base::slotted(nano-slide) {\n  --img-opacity: calc(1 - max((var(--distance) - 50) / 30, 0));\n  --text-opacity: calc(1 - max((var(--distance) - 50) / 15, 0));\n  display: block;\n  text-align: unset;\n  min-block-size: auto;\n  inline-size: calc(50% + var(--gap) / 2 - var(--peek));\n  padding-inline-end: var(--gap);\n}\n.base nano-slides[ready]::part(slide-container) {\n  flex-flow: column wrap;\n  justify-content: flex-start;\n}\n.base nano-slides::part(slide-viewport) {\n  flex: auto;\n}\n.base nano-slides::part(navigation-button--previous) {\n  display: none;\n}\n.base nano-slides::part(navigation-button--next) {\n  transform: none;\n  block-size: 100%;\n  inline-size: var(--bleed);\n  inset-inline-end: 0;\n  inset-block-start: 0;\n  border-radius: 0;\n  margin: 0;\n  padding: 0;\n  opacity: 0;\n}\n.base .header {\n  max-inline-size: calc(100% - var(--bleed));\n  display: flex;\n  gap: var(--nano-spacing-md);\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-block-end: var(--gap);\n}\n.base .title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-xl);\n  line-height: var(--nano-line-height-denser);\n  line-height: 1;\n}\n.base .pagination {\n  display: inline-flex;\n  gap: var(--nano-spacing-md);\n}\n.base .pagination-btn {\n  all: unset;\n  inline-size: 1.25rem;\n  block-size: 0.375rem;\n  margin-block: 0;\n  cursor: pointer;\n  background: var(--pagination-button-color);\n  position: relative;\n}\n.base .pagination-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: -1rem -0.625rem;\n}\n.base .pagination-btn:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n  z-index: 1;\n}\n.base .pagination-btn:hover {\n  background: var(--pagination-button-hover);\n}\n.base .pagination-btn:active {\n  background: var(--pagination-button-active);\n}\n.base .pagination-btn__label {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.base .pagination-btn--active {\n  background: var(--pagination-button-active);\n}\n.base nano-slides {\n  overflow: visible;\n}\n@container (width < 615px) {\n  .base {\n    --gap: var(--nano-spacing-md);\n    --peek: var(--bleed);\n  }\n  .base ::slotted(nano-slide), .base::slotted(nano-slide) {\n    --img-opacity: calc(1 - max((var(--distance) - 30) / 5, 0));\n    --text-opacity: calc(1 - max((var(--distance) - 30) / 3, 0));\n    inline-size: calc(100% + var(--gap) - var(--peek));\n  }\n  .base .header {\n    flex-direction: column;\n    align-items: start;\n  }\n  .base .pagination {\n    transform: translateY(-50%);\n  }\n}";
 
 /**
  * Showcase up to 6 pieces of content in a slide-show format.
@@ -9494,22 +9481,23 @@ class DataList {
             this.mo.disconnect();
             this.mo = undefined;
         }
-        if (this.connectedInput)
-            this.removeEventListeners(this.connectedInput);
+        if (this.connectedInput) {
+            this.connectedInput = undefined;
+        }
     }
     render() {
-        return (h(Host, { key: '0e0725581517a0a58fbaf04bfd5dba2d4362f71d', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
+        return (h(Host, { key: 'c869f626deae72020846edf761d0d8f1b59c34e7', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
                 ? 'Select options from the list below'
-                : undefined }, h("nano-dropdown", { key: '5b0a39513e9c0717bf3240c250f703c6997b8a23', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
+                : undefined }, h("nano-dropdown", { key: '8fa52dc246705c9af636b1c96ee37df8b6bd746d', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
                 dlist__dropdown: true,
                 'dlist--isfiltered': this.isFiltered,
-            }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, h("nano-menu", { key: 'a6c4229eda26e59f8cf37602bcb0fa61e80ee2e5', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
+            }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, h("nano-menu", { key: '998896a220e3cf3f010bda3354bb530ac0cc9296', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
                 dlist__menu: true,
                 'dlist__menu--open': this.dropwdownOpen,
-            }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, h("slot", { key: 'c96ff0ec6819c41954f073fb07799a3e30c50101', name: "list-top" }), h("slot", { key: 'da56d581d05587674da3371088280ed98f837af1' }), h("slot", { key: '0f372b97c431d484e9ffc87594660e4ca5d2bba6', name: "internal-opts" }), h("slot", { key: 'e51e02accb72f3ac43386dba8e240470695efa1c', name: "list-bottom" })), h("nano-menu", { key: 'df93b22751834dfbbf6e23a9bdaad5a8086355ec', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
+            }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, h("slot", { key: '8f585edd48ec29a847818d1e9af8baf0bc4b4ddf', name: "list-top" }), h("slot", { key: '3bdd8c0a51d63b6fcf3a25d630212db4ba7d8a9b' }), h("slot", { key: 'a7b997daebd6a1e25f1a4a97e4354b966ceeebd6', name: "internal-opts" }), h("slot", { key: '41ebc4da7244b1e4fb532a2fbb0356ea51eb865a', name: "list-bottom" })), h("nano-menu", { key: 'd5d360f4e8d3c78780477572d385daaa4bb12c15', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
                 dlist__menu: true,
                 'dlist__menu--open': this.dropwdownOpen,
-            } }, h("slot", { key: '785156311b41d90eecb951782342fd1b8d706ff1', name: "no-result" })), !!this.actvOptEles && (h("div", { key: 'b57c146e650ef55c51fa445c097fc1e10845efc9', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
+            } }, h("slot", { key: '3cc55519054da79e57dc70ecc936c0e67e7e3949', name: "no-result" })), !!this.actvOptEles && (h("div", { key: '0662bfdc4056f2111647550d9aba6a331653d2f3', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
     }
     static get watchers() { return {
         "open": ["openWatcher"],
@@ -9534,7 +9522,7 @@ class DataList {
             "input": [1],
             "type": [1],
             "activeOptions": [2064, "active-options"],
-            "open": [1028],
+            "open": [1540],
             "disableFilter": [4, "disable-filter"],
             "disabled": [4],
             "actvOptEles": [32],
@@ -9547,7 +9535,7 @@ class DataList {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
+        "$attrsToReflect$": [["open", "open"]]
     }; }
 }
 
@@ -12044,7 +12032,7 @@ function getExpandedFallbackPlacements(placement) {
   return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
 }
 
-function flip$1(_ref) {
+function flip(_ref) {
   var state = _ref.state,
       options = _ref.options,
       name = _ref.name;
@@ -12164,11 +12152,11 @@ function flip$1(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-var flip$2 = {
+var flip$1 = {
   name: 'flip',
   enabled: true,
   phase: 'main',
-  fn: flip$1,
+  fn: flip,
   requiresIfExists: ['offset'],
   data: {
     _skip: false
@@ -12771,7 +12759,7 @@ function popperGenerator(generatorOptions) {
   };
 }
 
-var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$2, preventOverflow$1, arrow$1, hide$1];
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
 var createPopper = /*#__PURE__*/popperGenerator({
   defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
@@ -14643,7 +14631,7 @@ const searchInsight = {
     },
 };
 
-const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;background-color:var(--main-menu-bar-bg-color);min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label),.gn__search-viewall [part~=\"label\"]{justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title),.gn__drawer [part~=\"title\"]{display:flex;justify-content:flex-end}.gn__drawer::part(header-actions),.gn__drawer [part~=\"header-actions\"]{order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
+const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;background-color:var(--main-menu-bar-bg-color);min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
 
 const MIN_SEARCH_LENGTH = 3;
 /**
@@ -14698,9 +14686,13 @@ class GlobalNav {
     cartCount = 0;
     /** MyAccount un-read message count. */
     msgCount = 0;
-    /** Manually toggle open or close the overflow menu */
-    async toggleOverflowMenu() {
-        this.overflowOpen = !this.overflowOpen;
+    /** Manually open the overflow menu */
+    async openOverflowMenu() {
+        this.overflowOpen = true;
+    }
+    /** Manually close the overflow menu */
+    async closeOverflowMenu() {
+        this.overflowOpen = false;
     }
     /// MY-ACCOUNT - start ///
     /** A base url to retrieve global nav / sso data. `nav_bar_data.json` will be appended to this url */
@@ -15125,20 +15117,20 @@ class GlobalNav {
     }
     render() {
         const bpps = this.bpPartials;
-        return (h(Host, { key: 'c968c75746e8b8211210b47c595cff25f0af8933', class: {
+        return (h(Host, { key: '184e0e7a9468ebb9d60cfac752d955358a4fe0fe', class: {
                 'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
                 'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
                 'nano-global-nav': true,
-            } }, h("div", { key: 'edeec7490c6a32e2a44f3a8109f5d3f18c9d6101', class: {
+            } }, h("div", { key: '8eaa12e98b9a38721b9f03e2d646d20add74b3e6', class: {
                 gn: true,
                 'gn__search-open': this.searchBarShown,
-            } }, h("nano-drawer", { key: '56df68664885f1ed133b75e7f290405eb32bed67', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: 'da5e97e862497b1af8f0d0b3ed67e0dd03761f28', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '3336390377aba9b2f127a7e1056fb80ba7d1ec75', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
+            } }, h("nano-drawer", { key: 'b874e6c5aa026ed4c266601c52d41859857f38b5', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '29e9160530cb0bfbc335cbae26a22a4a3fecdff7', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '0b09f539037bd906065f5cf2cc6e806173d97b66', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
             ? bpps.mainMenu.tpl()
-            : '', h("slot", { key: '8c29d087282917c213beeadf719840c44b0f5494', name: "overflow" }))), h("div", { key: '6f07398ab8cd7d5f5fadafdb1d1f29ee9917efc3', class: "gn__menu-bar-wrapper" }, h("div", { key: '58546b45ca7ba896a9f0e1c5e528e191602e64a8', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: 'dd3d1cf935f2231e280cb0c7697c55470887c949', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: 'aa31d9a9cc0e1ad0d4db76ca9f4add388cef95bd', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: '02abef6f7550594481eff44ae5e332d74ba61138', name: "logo" }, h("a", { key: '084b9f9f88c68933f0d038b655833c5ba0117498', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
+            : '', h("slot", { key: '197989ea9849d9143024538c26b2678c6220e6d4', name: "overflow" }))), h("div", { key: 'ce2b19cb76ff12eda8c4589ac188749ba3684c9f', class: "gn__menu-bar-wrapper" }, h("div", { key: '11c7745248090f0163a2a505fb5a20f56fdd11d2', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: 'a797355c5204357100884bf865d5ffb58967028e', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: '0bf6477cd3dac4dd6cb0f55dd3ff3a313b55fb84', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: '8dbb4a02f736efcddc019aa602953ff41c5eb15e', name: "logo" }, h("a", { key: '5d60a835f364ada7ae8d8ee7b608df9b75443c26', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
                             (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--large", width: "152", height: "36", part: "logo logo--large" })) : (h("img", { src: getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
-                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '130b8ce4dfd708a8a884aa172a6b7c1a7defa204', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: 'e4f69fca3d5a6700de16f8102dbf916a0b0e4d77', class: "gn__main-menu-actions" }, h("nano-dropdown", { key: '40033ff956c6f0b59ef5f569a00e56efc8e0f8df', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: '32b4e3be46dae8578c4adf038bda844d3bf4b8b9', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), !!this.searchIndices.length && (h("form", { key: '17ee6f5b011997b09148d8a09749931ae0e681f0', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '800b2d3b1343a6d09a8951b753742e6eb5731648', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: 'a8eb120a2268645e17935d5dd86e8cf9de550866', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, onNanoChange: (e) => {
+                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '4270c5dc3e334ca906debe763771acc1dc4dd82b', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '7f39cd0f1338a1124a6c59c18774c62d7b3e36e7', class: "gn__main-menu-actions" }, h("nano-dropdown", { key: '503d51cd5f72ad19203bab7939230f8f7a7f4bd3', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: '0a82c9022cb41265d8cb969057404ad32d7179f2', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), !!this.searchIndices.length && (h("form", { key: 'ee9b0742d2e8e6c3e51d35de68141bedb3677081', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: 'df0da7c60f0ced0d52eeb84360a7215d7247a5e7', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '83bdee0aca807f594505c657a4b1aeaabdb8a3d0', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, onNanoChange: (e) => {
                 this.handleSearchTermChangeEvent(e.detail.value);
-            }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '33472cd1d86a17143253aed1a7924b05343614a7', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'f88f3bcef70a7a29410d77ba849862ffc9db6562', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '075a4615d1715d941bd2368db97375f614867477', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: '5194af389122625d1209e25208de761fa15dd7e3' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
+            }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '2f7a3e620d015b8d56044d048ed49ee6a6e29ba4', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '528da1d7293b7589ce34a00007e83cf00ac71547', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: 'f1556946842927cd1aa65a97346bc3ce1886311e', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'b7d9e741bdbcde586cb1734961b628de31aca103' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
             this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
                     searchInsight.sendClick({
                         index: this.activeIndex.index,
@@ -15148,10 +15140,10 @@ class GlobalNav {
                         positions: [i + 1],
                     });
                 } }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
-            h("nano-option", { key: 'c9dec204a82019869cc9b8086f07cfbfdf309f15', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
-        ]))))), h("div", { key: '986773d6af8b1b50000db8c428c2f25f07298a3c', class: "gn__cart" }, h("nano-icon-button", { key: '0afee86e684d4136e729955d28444a6c8a27838f', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (h("nano-badge", { key: '6305ad69d802aeda9a132ca204baf8b7b3aa17be', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
+            h("nano-option", { key: '88e617068d30bfa4ca09f6b122109d9a3539088b', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
+        ]))))), h("div", { key: 'acceaf54481ab87951bbd9384f079c9d37fa0663', class: "gn__cart" }, h("nano-icon-button", { key: '6bed2b6a26492c9e7e4fe205b9ef94845360327d', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (h("nano-badge", { key: '4034d7828876c1237b1869abeb977e258d55006b', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
             ? bpps.contact.tpl()
-            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), h("div", { key: '7c8b5194019e9b8346f6e0e927cff22ccf8b3e2e', class: "gn__site", part: "site-wrapper" }, h("nano-global-search-results", { key: '213396f31494cb46551fd6839b95bf4155982a57', part: "site-search-results" }, h("slot", { key: 'd9471b1379c08106453aef43c0e590cf272a425f' }))))));
+            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), h("div", { key: 'f52e45cccc15b745f54978bc140816847dc66560', class: "gn__site", part: "site-wrapper" }, h("nano-global-search-results", { key: '0dd16b2bb789a66f3ef5b214ea54609aedad3ae4', part: "site-search-results" }, h("slot", { key: '3a86b5ee10f5da29d3da8d06b2b6ad36f27e725c' }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
@@ -15189,7 +15181,8 @@ class GlobalNav {
             "searchBarShown": [32],
             "searchLoading": [32],
             "_searchValue": [32],
-            "toggleOverflowMenu": [64],
+            "openOverflowMenu": [64],
+            "closeOverflowMenu": [64],
             "submitSearch": [64]
         },
         "$listeners$": undefined,
@@ -15949,7 +15942,7 @@ function getHostChildren(node) {
     }
 }
 
-const gridCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:\"grid size: s\";container-type:inline-size;display:block}:host .grid{display:grid;gap:var(--grid-row-gap) var(--grid-col-gap);block-size:inherit;min-block-size:inherit}:host([show-helper]:not([show-helper=false])){position:relative}:host([show-helper]:not([show-helper=false])) .grid--helper{position:absolute;inset:0;pointer-events:none;display:grid !important;overflow:hidden}:host([show-helper]:not([show-helper=false])) .grid--helper::before{content:var(--current-grid-size);font-size:30px;position:absolute;inline-size:100%;inset-inline-start:0;text-align:center;inset-block-start:50%;transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host([show-helper]:not([show-helper=false])) .grid__helper-item{background:hsla(204, 80%, 72%, 0.25);block-size:100vh}";
+const gridCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--grid-align-items:start;--current-grid-size:\"grid size: s\";container-type:inline-size;display:block}:host .grid{display:grid;gap:var(--grid-row-gap) var(--grid-col-gap);block-size:inherit;min-block-size:inherit;align-items:var(--grid-align-items)}:host([show-helper]:not([show-helper=false])){position:relative}:host([show-helper]:not([show-helper=false])) .grid--helper{position:absolute;inset:0;pointer-events:none;display:grid !important;overflow:hidden}:host([show-helper]:not([show-helper=false])) .grid--helper::before{content:var(--current-grid-size);font-size:30px;position:absolute;inline-size:100%;inset-inline-start:0;text-align:center;inset-block-start:50%;transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host([show-helper]:not([show-helper=false])) .grid__helper-item{background:hsla(204, 80%, 72%, 0.25);block-size:100vh}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -16886,7 +16879,7 @@ const FormControlWrap = (props, children) => {
             'has-float-label': label !== null && floatLabel,
             'has-helper-end': hasHelperEndSlot,
             rtl,
-            [props.class]: true,
+            [props.class]: !!props.class,
         } },
         h("div", { class: "form-ctrl__wrapper" },
             !floatLabel ? renderLabel({ ...props }) : '',
@@ -17655,11 +17648,9 @@ class IntersectionObserve {
      * Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`. */
     root = 'auto';
     handleRootChange() {
-        if (!this.root) {
-            this._root = undefined;
-            this.removeIO();
+        this.removeIO();
+        if (!this.root)
             return;
-        }
         let newRoot;
         if (this.root === 'auto') {
             // try to find nearest scrolling parent
@@ -17684,7 +17675,7 @@ class IntersectionObserve {
         if (newRoot === document.documentElement)
             newRoot = undefined;
         // if new root is what we already have - ignore
-        if (newRoot === this._root)
+        if (newRoot === this._root && this.io)
             return;
         // cache and setup io
         this._root = newRoot;
@@ -17735,14 +17726,7 @@ class IntersectionObserve {
         this.addIO();
     };
     addIO() {
-        if (!window['IntersectionObserver'] || !this.elements?.length)
-            return;
-        if (this.io)
-            this.removeIO();
-        const io = (this.io = new IntersectionObserver(this.ioCallback, this.observerOptions));
-        this.elements?.forEach((el) => {
-            io.observe(el);
-        });
+        return;
     }
     removeIO() {
         if (!this.io)
@@ -17756,10 +17740,9 @@ class IntersectionObserve {
     }
     disconnectedCallback() {
         this.removeIO();
-        this.root = this._root = undefined;
     }
     render() {
-        return (h(Host, { key: '4bd6cf4cc8888421ec7879e22fc24886838bd091', class: "nano-intersection-observe" }, h("slot", { key: 'afc52867f75d9f3679470f016c49eb9c4af6f6db', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
+        return (h(Host, { key: 'abd4c2df3455d52b6c9df1fcec2ba6f715cca32d', class: "nano-intersection-observe" }, h("slot", { key: 'e91b2a33b11abfa42411b996a0ba2e71892ab5d1', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
     }
     static get watchers() { return {
         "root": ["handleRootChange"],
@@ -17782,11 +17765,13 @@ class IntersectionObserve {
     }; }
 }
 
-const maskedOverflowCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-size:3px;--indicator-track-color:var(--nano-color-neutral-300);--indicator-track-size:var(--indicator-size);--scroll-btn-color:var(--nano-color-primary-1200);--scroll-btn-size:1rem;--fade-size:100px;position:relative;z-index:var(--nano-z-index-raised)}:host([orientation=horizontal]){display:block}:host([orientation=vertical]){display:flex}.onav--no-transitions *{transition-duration:0s !important}.onav__nav:has(.onav__scroller:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.onav__scroller{scrollbar-width:thin;overflow:auto;display:flex;transition:var(--nano-transition-fast) ease}.onav__scroller:focus{outline:none}.onnav--hide-scrollbars .onav__scroller{scrollbar-width:none;-ms-overflow-style:none}.onnav--hide-scrollbars .onav__scroller::-webkit-scrollbar{inline-size:0;block-size:0}.onav__items{flex:1 1 auto;position:relative;inline-size:auto;flex-wrap:nowrap;display:flex}.onnav--has-indicator .onav__items::before{content:\"\";background:var(--indicator-track-color);display:block;position:absolute;z-index:1}.onav__active-indicator{position:absolute;z-index:10;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease, var(--indicator-transition) height ease}.nano-icon-button.onav__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;border:unset;z-index:2;transition:var(--nano-transition-fast) ease opacity;opacity:0;color:var(--scroll-btn-color);font-size:var(--scroll-btn-size);pointer-events:none}.nano-icon-button.onav__scroll-button.is-shown{opacity:1;pointer-events:all}.onav--horizontal.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--horizontal.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:calc(var(--fade-size) * -2) 0;mask-position:calc(var(--fade-size) * -2) 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%}.onav--horizontal .onav__items{flex-direction:row}.onnav--has-indicator .onav--horizontal .onav__items::before{content:\"\";inline-size:100%;block-size:var(--indicator-track-size);inset-block-end:0}.onav--horizontal .onav__active-indicator{inset-block-end:0;border-block-end:solid var(--indicator-size) var(--indicator-color)}.onav--horizontal .onav__scroll-button{inset-block:0}.onav--horizontal .onav__scroll-button--start{inset-inline-start:0}.onav--horizontal .onav__scroll-button--end{inset-inline-end:0}.onav--vertical{--fade-size:70px;inline-size:100%;display:flex}.onav--vertical .onav__nav{max-block-size:100%;display:flex}.onav--vertical .onav__scroller{inline-size:100%;flex-direction:column}.onav--vertical.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--vertical.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 calc(var(--fade-size) * -2);mask-position:0 calc(var(--fade-size) * -2);-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.onav--vertical .onav__items{flex-direction:column;inline-size:fit-content}.onnav--has-indicator .onav--vertical .onav__items::before{content:\"\";block-size:100%;inline-size:var(--indicator-track-size);inset-inline-start:0}.onav--vertical .onav__active-indicator{inset-inline-start:0;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.onav--vertical .onav__scroll-button{inset-inline:0}.onav--vertical .onav__scroll-button--start{inset-block-start:0}.onav--vertical .onav__scroll-button--end{inset-block-end:0}";
+const maskedOverflowCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-size:3px;--indicator-track-color:var(--nano-color-neutral-300);--indicator-track-size:var(--indicator-size);--scroll-btn-color:var(--nano-color-primary-1200);--scroll-btn-size:1rem;--fade-size:100px;position:relative;z-index:var(--nano-z-index-raised)}:host([orientation=horizontal]){display:block}:host([orientation=vertical]){display:flex}.onav--no-transitions *{transition-duration:0s !important}.onav__nav:has(.onav__scroller:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.onav__scroller{scrollbar-width:thin;overflow:auto;display:flex;transition:var(--nano-transition-fast) ease}.onav__scroller:focus{outline:none}.onnav--hide-scrollbars .onav__scroller{scrollbar-width:none;-ms-overflow-style:none}.onnav--hide-scrollbars .onav__scroller::-webkit-scrollbar{inline-size:0;block-size:0}.onav__items{flex:1 1 auto;position:relative;inline-size:auto;flex-wrap:nowrap;display:flex}.onnav--has-indicator .onav__items::before{content:\"\";background:var(--indicator-track-color);display:block;position:absolute;z-index:1}.onav__active-indicator{position:absolute;z-index:10;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease, var(--indicator-transition) height ease}.nano-icon-button.onav__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;border:unset;z-index:2;transition:var(--nano-transition-fast) ease opacity;opacity:0;color:var(--scroll-btn-color);font-size:var(--scroll-btn-size);pointer-events:none}.nano-icon-button.onav__scroll-button.is-shown{opacity:1;pointer-events:all}.onav--horizontal.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--horizontal.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:calc(var(--fade-size) * -2) 0;mask-position:calc(var(--fade-size) * -2) 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%}.onav--horizontal .onav__items{flex-direction:row}.onav--horizontal .onav__items::before{inline-size:100%;block-size:var(--indicator-track-size);inset-block-end:0}.onav--horizontal .onav__active-indicator{inset-block-end:0;border-block-end:solid var(--indicator-size) var(--indicator-color)}.onav--horizontal .onav__scroll-button{inset-block:0}.onav--horizontal .onav__scroll-button--start{inset-inline-start:0}.onav--horizontal .onav__scroll-button--end{inset-inline-end:0}.onav--vertical{--fade-size:70px;inline-size:100%;display:flex}.onav--vertical .onav__nav{max-block-size:100%;min-inline-size:100%;display:flex}.onav--vertical .onav__scroller{inline-size:100%;flex-direction:column}.onav--vertical.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--vertical.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 calc(var(--fade-size) * -2);mask-position:0 calc(var(--fade-size) * -2);-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.onav--vertical .onav__items{flex-direction:column;inline-size:fit-content}.onav--vertical .onav__items::before{block-size:100%;inline-size:var(--indicator-track-size);inset-inline-start:0}.onav--vertical .onav__active-indicator{inset-inline-start:0;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.onav--vertical .onav__scroll-button{inset-inline:0}.onav--vertical .onav__scroll-button--start{inset-block-start:0}.onav--vertical .onav__scroll-button--end{inset-block-end:0}";
 
 /**
- * `masked-overflow` provides a responsive overflow container for any set of elements that might not fit on smaller screens or containers: it accepts any children,
- * automatically scrolls to the active item on load, and masks additional content using subtle fade effects, plus scroll buttons to cue users that there’s more content off-screen.
+ * A container for content that can horizontally or vertically scroll
+ *
+ * @version 4.0.0
+ * @status stable
  *
  * @slot - Default slot to place items.
  *
@@ -18102,7 +18087,7 @@ class MaskedOverflow {
         }
     }
     render() {
-        return (h(Host, { key: '95eee57fdc7f8527fbbe4b6d9fbf6f48d5764ac8', dir: this.isRtl ? 'rtl' : null, class: "nano-masked-overflow", "has-scroll-controls": this.hasScrollControls }, h("div", { key: 'fb8fb3b5946a4ce7b8b144df89541012c44d9aff', part: "base", class: {
+        return (h(Host, { key: '4f88bf0a4cd8f01c745685afe7b0c5f9fc9b26b2', dir: this.isRtl ? 'rtl' : null, class: "nano-masked-overflow", "has-scroll-controls": this.hasScrollControls }, h("div", { key: 'b7894467af4981a53bb0540998f9fdee3b5e4db7', part: "base", class: {
                 onav: true,
                 [`onav--${this.orientation}`]: true,
                 'onav--has-scroll-controls': this.hasScrollControls,
@@ -18110,13 +18095,13 @@ class MaskedOverflow {
                 'onav--has-scroll-controls-end': !this.hideControlEnd,
                 'onav--no-transitions': this.instantReCalc,
                 'onnav--has-indicator': this.showIndicator,
-                'onnav--hide-scrollbars': this.hideScrollbars,
-            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '23da0af8abf895a7bb2b158965f9ef955e798e0c', class: "onav__nav" }, this.scrollControls && (h("nano-icon-button", { key: '28573455243fe42c090dbcdb569d376a7f9d5eb3', part: "scroll-button scroll-button-prev", class: {
+                'onnav--hide-scrollbars': this.hideScrollbars && this.hideScrollbars !== 'false',
+            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'c12e39f98ea4750a0709c822f1827fd3a4580ca5', class: "onav__nav" }, this.scrollControls && (h("nano-icon-button", { key: '9f45887d61630f41398e872bb7d3538f87fcc7c0', part: "scroll-button scroll-button-prev", class: {
                 'onav__scroll-button': true,
                 'onav__scroll-button--start': true,
             }, ref: (btn) => (this.startBtn = btn), onClick: () => this.handleBtnClick(false), label: "Click to scroll", iconName: this.orientation === 'horizontal'
                 ? 'light/chevron-left'
-                : 'light/chevron-up' })), h("div", { key: 'b1c4626550336c2723ef68df1f4b5a3034c383d5', part: "scroller", ref: (el) => (this.nav = el), class: "onav__scroller", onScroll: this.handleScroll, tabindex: this.hasScrollControls ? 0 : undefined, role: "region", "aria-label": this.label || undefined }, h("div", { key: 'c751fd48b83e957c156448841939df286dff0c37', part: "items", ref: (el) => (this.itemContainer = el), class: "onav__items" }, this.showIndicator && (h("div", { key: '059962178e1c122d95ebbcfb8b98114b0507d3df', part: "indicator", ref: (el) => (this.activeIndicator = el), class: "onav__active-indicator" })), h("slot", { key: '6cc5fe32c97aa75700feea39cd6d77d18c968c80', onSlotchange: this.slotChangeHandler }))), this.scrollControls && (h("nano-icon-button", { key: 'fe8b6ee6f86a8d96a2ed8a79f2ebd292a6432e95', part: "scroll-button scroll-button-next", class: {
+                : 'light/chevron-up' })), h("div", { key: '1b6402869156bb7d6f3ddaf5b6b9e1ba80e94104', part: "scroller", ref: (el) => (this.nav = el), class: "onav__scroller", onScroll: this.handleScroll, tabindex: this.hasScrollControls ? 0 : undefined, role: "region", "aria-label": this.label || undefined }, h("div", { key: '1018eef93e68d13faf4c7898a69f6723e772ec3c', part: "items", ref: (el) => (this.itemContainer = el), class: "onav__items" }, this.showIndicator && (h("div", { key: 'ab21bd04d6bb661f716d835ee4bc0d111fed863f', part: "indicator", ref: (el) => (this.activeIndicator = el), class: "onav__active-indicator" })), h("slot", { key: 'bb66cabd059551b392e5049eb8d18f83de8eb818', onSlotchange: this.slotChangeHandler }))), this.scrollControls && (h("nano-icon-button", { key: 'bd48cb7171ee606a9c368a36090cefb3e61337bd', part: "scroll-button scroll-button-next", class: {
                 'onav__scroll-button': true,
                 'onav__scroll-button--end': true,
             }, ref: (btn) => (this.endBtn = btn), onClick: () => this.handleBtnClick(true), label: "Click to scroll", iconName: this.orientation === 'horizontal'
@@ -18376,18 +18361,51 @@ class Menu {
         }
     };
     handleSlotContent = () => {
-        return;
+        this._type = this.type || null;
+        if (!this._type) {
+            let linkCount, btnCount = 0;
+            getTabbableElements().forEach((item) => {
+                if (item.tagName === 'A' || item.role === 'link') {
+                    linkCount++;
+                }
+                else {
+                    btnCount++;
+                }
+            });
+            this._type = linkCount > btnCount ? 'nav' : 'menu';
+        }
+        // a nav role can have any type of children
+        if (this._type === 'nav')
+            return;
+        // any direct children of a role="menu|listbox" need an explicit role, other a role of 'none'
+        getDirectChildren(this.el, `*:not(${transformTag('nano-nav-item')}, a, ${transformTag('nano-option')}, ${transformTag('nano-dropdown')})`, true).forEach((el) => {
+            if (this.getItems.indexOf(el) < 0) {
+                el.setAttribute('role', 'none');
+            }
+        });
+        this.el
+            .querySelectorAll(`a, ${transformTag('nano-dropdown')}`)
+            .forEach((el) => {
+            if (el.tagName === 'A') {
+                // links need to be set to role="menuitem" to be valid
+                el.setAttribute('role', 'menuitem');
+            }
+            else {
+                // nested dropdowns need to be set to role="group" to be valid
+                el.setAttribute('role', 'group');
+            }
+        });
     };
     // Component Lifecycle
     componentWillLoad() {
         this.handleSlotContent();
     }
     render() {
-        return (h(Host, { key: 'f3908b74fc21b630402f06fac95a75f5a6b2ff27', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '451b5fb6151135ab4cb73d9141086be43d9eaf93', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
+        return (h(Host, { key: 'f7c0e55c16e5607f25a4a75847c0defd4b860e17', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '3a19c91258abaa6b0a6333a35809172aabf4db43', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
                 menu: true,
                 ['menu--' + this._type]: true,
                 'menu--has-focus': this.hasFocus,
-            }, tabIndex: -1, role: "group" }, h("slot", { key: '37f40b06d1dc66c46130468c3de79dfeeb38c29c', onSlotchange: this.handleSlotContent }))));
+            }, tabIndex: -1, role: "group" }, h("slot", { key: '75c213c4a744e7edd1826d88a8e391e16bdc091b', onSlotchange: this.handleSlotContent }))));
     }
     static get style() { return menuCss; }
     static get cmpMeta() { return {
@@ -18665,1059 +18683,13 @@ class NanoAccordion {
     }; }
 }
 
-const bounce = [
-    {
-        offset: 0,
-        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0)',
-    },
-    {
-        offset: 0.2,
-        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0)',
-    },
-    {
-        offset: 0.4,
-        easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-        transform: 'translate3d(0, -30px, 0) scaleY(1.1)',
-    },
-    {
-        offset: 0.43,
-        easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-        transform: 'translate3d(0, -30px, 0) scaleY(1.1)',
-    },
-    {
-        offset: 0.53,
-        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0)',
-    },
-    {
-        offset: 0.7,
-        easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-        transform: 'translate3d(0, -15px, 0) scaleY(1.05)',
-    },
-    {
-        offset: 0.8,
-        'transition-timing-function': 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0) scaleY(0.95)',
-    },
-    { offset: 0.9, transform: 'translate3d(0, -4px, 0) scaleY(1.02)' },
-    {
-        offset: 1,
-        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0)',
-    },
-];
-
-const flash = [
-    { offset: 0, opacity: '1' },
-    { offset: 0.25, opacity: '0' },
-    { offset: 0.5, opacity: '1' },
-    { offset: 0.75, opacity: '0' },
-    { offset: 1, opacity: '1' },
-];
-
-const headShake = [
-    { offset: 0, transform: 'translateX(0)' },
-    { offset: 0.065, transform: 'translateX(-6px) rotateY(-9deg)' },
-    { offset: 0.185, transform: 'translateX(5px) rotateY(7deg)' },
-    { offset: 0.315, transform: 'translateX(-3px) rotateY(-5deg)' },
-    { offset: 0.435, transform: 'translateX(2px) rotateY(3deg)' },
-    { offset: 0.5, transform: 'translateX(0)' },
-];
-
-const heartBeat = [
-    { offset: 0, transform: 'scale(1)' },
-    { offset: 0.14, transform: 'scale(1.3)' },
-    { offset: 0.28, transform: 'scale(1)' },
-    { offset: 0.42, transform: 'scale(1.3)' },
-    { offset: 0.7, transform: 'scale(1)' },
-];
-
-const jello = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.111, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.222, transform: 'skewX(-12.5deg) skewY(-12.5deg)' },
-    { offset: 0.33299999999999996, transform: 'skewX(6.25deg) skewY(6.25deg)' },
-    { offset: 0.444, transform: 'skewX(-3.125deg) skewY(-3.125deg)' },
-    { offset: 0.555, transform: 'skewX(1.5625deg) skewY(1.5625deg)' },
-    {
-        offset: 0.6659999999999999,
-        transform: 'skewX(-0.78125deg) skewY(-0.78125deg)',
-    },
-    { offset: 0.777, transform: 'skewX(0.390625deg) skewY(0.390625deg)' },
-    { offset: 0.888, transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const pulse = [
-    { offset: 0, transform: 'scale3d(1, 1, 1)' },
-    { offset: 0.5, transform: 'scale3d(1.05, 1.05, 1.05)' },
-    { offset: 1, transform: 'scale3d(1, 1, 1)' },
-];
-
-const rubberBand = [
-    { offset: 0, transform: 'scale3d(1, 1, 1)' },
-    { offset: 0.3, transform: 'scale3d(1.25, 0.75, 1)' },
-    { offset: 0.4, transform: 'scale3d(0.75, 1.25, 1)' },
-    { offset: 0.5, transform: 'scale3d(1.15, 0.85, 1)' },
-    { offset: 0.65, transform: 'scale3d(0.95, 1.05, 1)' },
-    { offset: 0.75, transform: 'scale3d(1.05, 0.95, 1)' },
-    { offset: 1, transform: 'scale3d(1, 1, 1)' },
-];
-
-const shake = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const shakeX = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const shakeY = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.1, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 0.2, transform: 'translate3d(0, 10px, 0)' },
-    { offset: 0.3, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 0.4, transform: 'translate3d(0, 10px, 0)' },
-    { offset: 0.5, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 0.6, transform: 'translate3d(0, 10px, 0)' },
-    { offset: 0.7, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 0.8, transform: 'translate3d(0, 10px, 0)' },
-    { offset: 0.9, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const swing = [
-    { offset: 0.2, transform: 'rotate3d(0, 0, 1, 15deg)' },
-    { offset: 0.4, transform: 'rotate3d(0, 0, 1, -10deg)' },
-    { offset: 0.6, transform: 'rotate3d(0, 0, 1, 5deg)' },
-    { offset: 0.8, transform: 'rotate3d(0, 0, 1, -5deg)' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, 0deg)' },
-];
-
-const tada = [
-    { offset: 0, transform: 'scale3d(1, 1, 1)' },
-    { offset: 0.1, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.3, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
-    { offset: 0.4, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.5, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
-    { offset: 0.6, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.7, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
-    { offset: 0.8, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.9, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
-    { offset: 1, transform: 'scale3d(1, 1, 1)' },
-];
-
-const wobble = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    {
-        offset: 0.15,
-        transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',
-    },
-    { offset: 0.3, transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)' },
-    {
-        offset: 0.45,
-        transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',
-    },
-    { offset: 0.6, transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)' },
-    {
-        offset: 0.75,
-        transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',
-    },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const backInDown = [
-    { offset: 0, transform: 'translateY(-1200px) scale(0.7)', opacity: '0.7' },
-    { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'scale(1)', opacity: '1' },
-];
-
-const backInLeft = [
-    { offset: 0, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },
-    { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'scale(1)', opacity: '1' },
-];
-
-const backInRight = [
-    { offset: 0, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },
-    { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'scale(1)', opacity: '1' },
-];
-
-const backInUp = [
-    { offset: 0, transform: 'translateY(1200px) scale(0.7)', opacity: '0.7' },
-    { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'scale(1)', opacity: '1' },
-];
-
-const backOutDown = [
-    { offset: 0, transform: 'scale(1)', opacity: '1' },
-    { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'translateY(700px) scale(0.7)', opacity: '0.7' },
-];
-
-const backOutLeft = [
-    { offset: 0, transform: 'scale(1)', opacity: '1' },
-    { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },
-];
-
-const backOutRight = [
-    { offset: 0, transform: 'scale(1)', opacity: '1' },
-    { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },
-];
-
-const backOutUp = [
-    { offset: 0, transform: 'scale(1)', opacity: '1' },
-    { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'translateY(-700px) scale(0.7)', opacity: '0.7' },
-];
-
-const bounceIn = [
-    { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.2, transform: 'scale3d(1.1, 1.1, 1.1)' },
-    { offset: 0.2, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.4, transform: 'scale3d(0.9, 0.9, 0.9)' },
-    { offset: 0.4, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.6, opacity: '1', transform: 'scale3d(1.03, 1.03, 1.03)' },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.8, transform: 'scale3d(0.97, 0.97, 0.97)' },
-    { offset: 0.8, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, opacity: '1', transform: 'scale3d(1, 1, 1)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceInDown = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'translate3d(0, -3000px, 0) scaleY(3)',
-    },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'translate3d(0, 25px, 0) scaleY(0.9)',
-    },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.75, transform: 'translate3d(0, -10px, 0) scaleY(0.95)' },
-    { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.9, transform: 'translate3d(0, 5px, 0) scaleY(0.985)' },
-    { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceInLeft = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'translate3d(-3000px, 0, 0) scaleX(3)',
-    },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.6, opacity: '1', transform: 'translate3d(25px, 0, 0) scaleX(1)' },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.75, transform: 'translate3d(-10px, 0, 0) scaleX(0.98)' },
-    { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.9, transform: 'translate3d(5px, 0, 0) scaleX(0.995)' },
-    { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceInRight = [
-    { offset: 0, opacity: '0', transform: 'translate3d(3000px, 0, 0) scaleX(3)' },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'translate3d(-25px, 0, 0) scaleX(1)',
-    },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.75, transform: 'translate3d(10px, 0, 0) scaleX(0.98)' },
-    { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.9, transform: 'translate3d(-5px, 0, 0) scaleX(0.995)' },
-    { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceInUp = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, 3000px, 0) scaleY(5)' },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
-    },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.75, transform: 'translate3d(0, 10px, 0) scaleY(0.95)' },
-    { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.9, transform: 'translate3d(0, -5px, 0) scaleY(0.985)' },
-    { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceOut = [
-    { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9)' },
-    { offset: 0.5, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },
-    { offset: 0.55, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },
-    { offset: 1, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
-];
-
-const bounceOutDown = [
-    { offset: 0.2, transform: 'translate3d(0, 10px, 0) scaleY(0.985)' },
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
-    },
-    {
-        offset: 0.45,
-        opacity: '1',
-        transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
-    },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0) scaleY(3)' },
-];
-
-const bounceOutLeft = [
-    {
-        offset: 0.2,
-        opacity: '1',
-        transform: 'translate3d(20px, 0, 0) scaleX(0.9)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'translate3d(-2000px, 0, 0) scaleX(2)',
-    },
-];
-
-const bounceOutRight = [
-    {
-        offset: 0.2,
-        opacity: '1',
-        transform: 'translate3d(-20px, 0, 0) scaleX(0.9)',
-    },
-    { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0) scaleX(2)' },
-];
-
-const bounceOutUp = [
-    { offset: 0.2, transform: 'translate3d(0, -10px, 0) scaleY(0.985)' },
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'translate3d(0, 20px, 0) scaleY(0.9)',
-    },
-    {
-        offset: 0.45,
-        opacity: '1',
-        transform: 'translate3d(0, 20px, 0) scaleY(0.9)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'translate3d(0, -2000px, 0) scaleY(3)',
-    },
-];
-
-const fadeIn = [
-    { offset: 0, opacity: '0' },
-    { offset: 1, opacity: '1' },
-];
-
-const fadeInBottomLeft = [
-    { offset: 0, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInBottomRight = [
-    { offset: 0, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInDown = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, -100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInDownBig = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInLeft = [
-    { offset: 0, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInLeftBig = [
-    { offset: 0, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInRight = [
-    { offset: 0, opacity: '0', transform: 'translate3d(100%, 0, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInRightBig = [
-    { offset: 0, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInTopLeft = [
-    { offset: 0, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInTopRight = [
-    { offset: 0, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInUp = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, 100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInUpBig = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeOut = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0' },
-];
-
-const fadeOutBottomLeft = [
-    { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },
-];
-
-const fadeOutBottomRight = [
-    { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },
-];
-
-const fadeOutDown = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, 100%, 0)' },
-];
-
-const fadeOutDownBig = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },
-];
-
-const fadeOutLeft = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },
-];
-
-const fadeOutLeftBig = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },
-];
-
-const fadeOutRight = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(100%, 0, 0)' },
-];
-
-const fadeOutRightBig = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },
-];
-
-const fadeOutTopLeft = [
-    { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },
-];
-
-const fadeOutTopRight = [
-    { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },
-];
-
-const fadeOutUp = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, -100%, 0)' },
-];
-
-const fadeOutUpBig = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },
-];
-
-const flip = [
-    {
-        offset: 0,
-        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)',
-        easing: 'ease-out',
-    },
-    {
-        offset: 0.4,
-        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg)',
-        easing: 'ease-out',
-    },
-    {
-        offset: 0.5,
-        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg)',
-        easing: 'ease-in',
-    },
-    {
-        offset: 0.8,
-        transform: 'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg)',
-        easing: 'ease-in',
-    },
-    {
-        offset: 1,
-        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',
-        easing: 'ease-in',
-    },
-];
-
-const flipInX = [
-    {
-        offset: 0,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
-        easing: 'ease-in',
-        opacity: '0',
-    },
-    {
-        offset: 0.4,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
-        easing: 'ease-in',
-    },
-    {
-        offset: 0.6,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',
-        opacity: '1',
-    },
-    { offset: 0.8, transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)' },
-    { offset: 1, transform: 'perspective(400px)' },
-];
-
-const flipInY = [
-    {
-        offset: 0,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
-        easing: 'ease-in',
-        opacity: '0',
-    },
-    {
-        offset: 0.4,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)',
-        easing: 'ease-in',
-    },
-    {
-        offset: 0.6,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)',
-        opacity: '1',
-    },
-    { offset: 0.8, transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)' },
-    { offset: 1, transform: 'perspective(400px)' },
-];
-
-const flipOutX = [
-    { offset: 0, transform: 'perspective(400px)' },
-    {
-        offset: 0.3,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
-        opacity: '1',
-    },
-    {
-        offset: 1,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
-        opacity: '0',
-    },
-];
-
-const flipOutY = [
-    { offset: 0, transform: 'perspective(400px)' },
-    {
-        offset: 0.3,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)',
-        opacity: '1',
-    },
-    {
-        offset: 1,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
-        opacity: '0',
-    },
-];
-
-const lightSpeedInLeft = [
-    {
-        offset: 0,
-        transform: 'translate3d(-100%, 0, 0) skewX(30deg)',
-        opacity: '0',
-    },
-    { offset: 0.6, transform: 'skewX(-20deg)', opacity: '1' },
-    { offset: 0.8, transform: 'skewX(5deg)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const lightSpeedInRight = [
-    {
-        offset: 0,
-        transform: 'translate3d(100%, 0, 0) skewX(-30deg)',
-        opacity: '0',
-    },
-    { offset: 0.6, transform: 'skewX(20deg)', opacity: '1' },
-    { offset: 0.8, transform: 'skewX(-5deg)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const lightSpeedOutLeft = [
-    { offset: 0, opacity: '1' },
-    {
-        offset: 1,
-        transform: 'translate3d(-100%, 0, 0) skewX(-30deg)',
-        opacity: '0',
-    },
-];
-
-const lightSpeedOutRight = [
-    { offset: 0, opacity: '1' },
-    {
-        offset: 1,
-        transform: 'translate3d(100%, 0, 0) skewX(30deg)',
-        opacity: '0',
-    },
-];
-
-const rotateIn = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, -200deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateInDownLeft = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateInDownRight = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateInUpLeft = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateInUpRight = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, -90deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateOut = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, 200deg)', opacity: '0' },
-];
-
-const rotateOutDownLeft = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },
-];
-
-const rotateOutDownRight = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },
-];
-
-const rotateOutUpLeft = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },
-];
-
-const rotateOutUpRight = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, 90deg)', opacity: '0' },
-];
-
-const slideInDown = [
-    { offset: 0, transform: 'translate3d(0, -100%, 0)', visibility: 'visible' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const slideInLeft = [
-    { offset: 0, transform: 'translate3d(-100%, 0, 0)', visibility: 'visible' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const slideInRight = [
-    { offset: 0, transform: 'translate3d(100%, 0, 0)', visibility: 'visible' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const slideInUp = [
-    { offset: 0, transform: 'translate3d(0, 100%, 0)', visibility: 'visible' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const slideOutDown = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, visibility: 'hidden', transform: 'translate3d(0, 100%, 0)' },
-];
-
-const slideOutLeft = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, visibility: 'hidden', transform: 'translate3d(-100%, 0, 0)' },
-];
-
-const slideOutRight = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, visibility: 'hidden', transform: 'translate3d(100%, 0, 0)' },
-];
-
-const slideOutUp = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, visibility: 'hidden', transform: 'translate3d(0, -100%, 0)' },
-];
-
-const hinge = [
-    { offset: 0, easing: 'ease-in-out' },
-    { offset: 0.2, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },
-    {
-        offset: 0.4,
-        transform: 'rotate3d(0, 0, 1, 60deg)',
-        easing: 'ease-in-out',
-        opacity: '1',
-    },
-    { offset: 0.6, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },
-    {
-        offset: 0.8,
-        transform: 'rotate3d(0, 0, 1, 60deg)',
-        easing: 'ease-in-out',
-        opacity: '1',
-    },
-    { offset: 1, transform: 'translate3d(0, 700px, 0)', opacity: '0' },
-];
-
-const jackInTheBox = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale(0.1) rotate(30deg)',
-        'transform-origin': 'center bottom',
-    },
-    { offset: 0.5, transform: 'rotate(-10deg)' },
-    { offset: 0.7, transform: 'rotate(3deg)' },
-    { offset: 1, opacity: '1', transform: 'scale(1)' },
-];
-
-const rollIn = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)',
-    },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const rollOut = [
-    { offset: 0, opacity: '1' },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
-    },
-];
-
-const zoomIn = [
-    { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
-    { offset: 0.5, opacity: '1' },
-];
-
-const zoomInDown = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomInLeft = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomInRight = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomInUp = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomOut = [
-    { offset: 0, opacity: '1' },
-    { offset: 0.5, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
-    { offset: 1, opacity: '0' },
-];
-
-const zoomOutDown = [
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomOutLeft = [
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'scale(0.1) translate3d(-2000px, 0, 0)',
-    },
-];
-
-const zoomOutRight = [
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'scale(0.1) translate3d(2000px, 0, 0)',
-    },
-];
-
-const zoomOutUp = [
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const easings = {
-    linear: 'linear',
-    ease: 'ease',
-    easeIn: 'ease-in',
-    easeOut: 'ease-out',
-    easeInOut: 'ease-in-out',
-    easeInSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',
-    easeOutSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',
-    easeInOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',
-    easeInQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',
-    easeOutQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
-    easeInOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',
-    easeInCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    easeOutCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-    easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
-    easeInQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',
-    easeOutQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
-    easeInOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',
-    easeInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-    easeOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
-    easeInOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',
-    easeInExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',
-    easeOutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',
-    easeInOutExpo: 'cubic-bezier(1, 0, 0, 1)',
-    easeInCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',
-    easeOutCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',
-    easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
-    easeInBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',
-    easeOutBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
-    easeInOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',
-};
-
-const animations = {
-    bounce,
-    flash,
-    headShake,
-    heartBeat,
-    jello,
-    pulse,
-    rubberBand,
-    shake,
-    shakeX,
-    shakeY,
-    swing,
-    tada,
-    wobble,
-    backInDown,
-    backInLeft,
-    backInRight,
-    backInUp,
-    backOutDown,
-    backOutLeft,
-    backOutRight,
-    backOutUp,
-    bounceIn,
-    bounceInDown,
-    bounceInLeft,
-    bounceInRight,
-    bounceInUp,
-    bounceOut,
-    bounceOutDown,
-    bounceOutLeft,
-    bounceOutRight,
-    bounceOutUp,
-    fadeIn,
-    fadeInBottomLeft,
-    fadeInBottomRight,
-    fadeInDown,
-    fadeInDownBig,
-    fadeInLeft,
-    fadeInLeftBig,
-    fadeInRight,
-    fadeInRightBig,
-    fadeInTopLeft,
-    fadeInTopRight,
-    fadeInUp,
-    fadeInUpBig,
-    fadeOut,
-    fadeOutBottomLeft,
-    fadeOutBottomRight,
-    fadeOutDown,
-    fadeOutDownBig,
-    fadeOutLeft,
-    fadeOutLeftBig,
-    fadeOutRight,
-    fadeOutRightBig,
-    fadeOutTopLeft,
-    fadeOutTopRight,
-    fadeOutUp,
-    fadeOutUpBig,
-    flip,
-    flipInX,
-    flipInY,
-    flipOutX,
-    flipOutY,
-    lightSpeedInLeft,
-    lightSpeedInRight,
-    lightSpeedOutLeft,
-    lightSpeedOutRight,
-    rotateIn,
-    rotateInDownLeft,
-    rotateInDownRight,
-    rotateInUpLeft,
-    rotateInUpRight,
-    rotateOut,
-    rotateOutDownLeft,
-    rotateOutDownRight,
-    rotateOutUpLeft,
-    rotateOutUpRight,
-    slideInDown,
-    slideInLeft,
-    slideInRight,
-    slideInUp,
-    slideOutDown,
-    slideOutLeft,
-    slideOutRight,
-    slideOutUp,
-    hinge,
-    jackInTheBox,
-    rollIn,
-    rollOut,
-    zoomIn,
-    zoomInDown,
-    zoomInLeft,
-    zoomInRight,
-    zoomInUp,
-    zoomOut,
-    zoomOutDown,
-    zoomOutLeft,
-    zoomOutRight,
-    zoomOutUp,
-};
-
 /**
  * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
  * Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
  *
+ * @version 6.0.0
+ * @status stable
+ *
  * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple *nano-animation* elements.
  */
 class NanoAnimation {
@@ -19803,38 +18775,7 @@ class NanoAnimation {
         this.createAnimation();
     };
     async createAnimation() {
-        if (!this.defaultSlot)
-            return;
-        const easing = easings[this.easing] ?? this.easing;
-        const keyframes = this.keyframes ??
-            animations[this.name];
-        const slot = this.defaultSlot;
-        const element = slot.assignedElements()[0];
-        if (!element || !keyframes) {
-            return false;
-        }
-        this.destroyAnimation();
-        this.animation = element.animate(keyframes, {
-            delay: this.delay,
-            direction: this.direction,
-            duration: this.duration,
-            easing,
-            endDelay: this.endDelay,
-            fill: this.fill,
-            iterationStart: this.iterationStart,
-            iterations: this.iterations,
-        });
-        this.animation.playbackRate = this.playbackRate;
-        this.animation.addEventListener('cancel', this.handleAnimationCancel);
-        this.animation.addEventListener('finish', this.handleAnimationFinish);
-        if (this.play) {
-            this.hasStarted = true;
-            this.nanoStart.emit();
-        }
-        else {
-            this.animation.pause();
-        }
-        return true;
+        return;
     }
     destroyAnimation() {
         if (this.animation) {
@@ -19877,7 +18818,7 @@ class NanoAnimation {
         this.animation?.finish();
     }
     render() {
-        return (h(Host, { key: '69ede16e4ecb0155cdfc63a56e04ca38c5e56412', class: "nano-animation" }, h("slot", { key: '73a9ec636c4fe8b72570906bce645529b4343606', ref: (slot) => {
+        return (h(Host, { key: 'a71dc9c9b6505aa5ad8cdaefb32cadc0ca37fbb5', class: "nano-animation" }, h("slot", { key: 'a01cc1638ec3b57d56deb0f91d2421be4874d212', ref: (slot) => {
                 this.defaultSlot = slot;
             }, onSlotchange: this.handleSlotChange })));
     }
@@ -19986,7 +18927,7 @@ class NanoBadge {
     }; }
 }
 
-const breadcrumbCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host {\n  /**\n  * @prop {string} --text-color - The base color of the text. Defaults to var(--nano-color-primary-1000).\n  * @prop {string} --text-color-hover - The hover colour of the text. Defaults to var(--nano-color-primary-1200).\n  * @prop {string} --text-color-secondary - The secondary colour (& inactive colour) of the text. Defaults to var(--nano-color-neutral-1400).\n  * @prop {string} --text-color-disabled - The disabled colour of the text. Defaults to var(--nano-color-neutral-1000).\n  * @prop {string} --border-color - The colour of the border & divider. Defaults to var(--nano-color-neutral-400).\n  * @prop {string} --trigger-bg-color - The background colour of the trigger button. Defaults to var(--nano-color-base-0).\n  */\n  --text-color: var(--nano-color-primary-1000);\n  --text-color-hover: var(--nano-color-primary-1200);\n  --text-color-secondary: var(--nano-color-neutral-1400);\n  --text-color-disabled: var(--nano-color-neutral-1000);\n  --border-color: var(--nano-color-neutral-400);\n  --trigger-bg-color: var(--nano-color-base-0);\n}\n:host .breadcrumbs {\n  container-type: inline-size;\n  container-name: breadcrumbs;\n  inline-size: 100%;\n  max-inline-size: 1346px;\n}\n:host nano-menu::part(base), :host nano-menu [part~=\"base\"] {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n}\n:host li,\n:host nano-nav-item {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  font-size: var(--nano-font-size-xs);\n  line-height: var(--nano-line-height-normal);\n  text-wrap: nowrap;\n  margin-block-end: 0;\n}\n:host li:not(.return-only li)::after,\n:host nano-nav-item::after {\n  content: \"/\";\n  margin: 0 var(--nano-spacing-xs);\n  color: var(--border-color);\n}\n:host a.link {\n  color: var(--text-color);\n}\n:host a:not(.link) {\n  color: var(--text-color-secondary);\n}\n:host a:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n  z-index: 1;\n}\n:host a.link:hover {\n  color: var(--text-color-hover);\n}\n:host a.return.link {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--nano-spacing-sm) / 2);\n}\n:host nano-dropdown {\n  inline-size: 100%;\n  display: none;\n}\n:host nano-dropdown[open]::part(trigger), :host nano-dropdown[open] [part~=\"trigger\"] {\n  box-shadow: var(--nano-shadow-l1);\n}\n:host nano-dropdown[open]::part(panel), :host nano-dropdown[open] [part~=\"panel\"] {\n  box-shadow: var(--nano-shadow-l1);\n}\n:host .trigger-button {\n  inline-size: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n  color: var(--text-color);\n  background-color: var(--trigger-bg-color);\n  cursor: pointer;\n  text-align: start;\n  border: none;\n  font-size: var(--nano-font-size-xs);\n}\n:host .trigger-button .trigger-button_label {\n  text-decoration: underline;\n}\n:host .trigger-button .trigger-button_label::after {\n  content: \"/\";\n  margin: 0 var(--nano-spacing-xs);\n  color: var(--border-color);\n}\n:host .trigger-button:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n:host .trigger-icon {\n  transform: rotate(0deg);\n  transition: var(--nano-transition-x-fast) ease transform;\n}\n:host .trigger-icon--open {\n  transform: rotate(180deg);\n}\n@container breadcrumbs (max-width: 768px) {\n  :host .main {\n    display: none;\n  }\n  :host nano-dropdown {\n    display: block;\n  }\n  :host nano-menu::part(base), :host nano-menu [part~=\"base\"] {\n    flex-direction: column;\n  }\n  :host nano-nav-item::after {\n    display: none;\n  }\n  :host .trigger-button_label::after {\n    display: inline-block;\n  }\n  :host .return-only {\n    padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n  }\n  :host nano-nav-item::part(trigger), :host nano-nav-item [part~=\"trigger\"] {\n    text-decoration: none;\n    color: var(--text-color-secondary);\n  }\n}";
+const breadcrumbCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host {\n  /**\n  * @prop {string} --text-color - The base color of the text. Defaults to var(--nano-color-primary-1000).\n  * @prop {string} --text-color-hover - The hover colour of the text. Defaults to var(--nano-color-primary-1200).\n  * @prop {string} --text-color-secondary - The secondary colour (& inactive colour) of the text. Defaults to var(--nano-color-neutral-1400).\n  * @prop {string} --text-color-disabled - The disabled colour of the text. Defaults to var(--nano-color-neutral-1000).\n  * @prop {string} --border-color - The colour of the border & divider. Defaults to var(--nano-color-neutral-400).\n  * @prop {string} --trigger-bg-color - The background colour of the trigger button. Defaults to var(--nano-color-base-0).\n  */\n  --text-color: var(--nano-color-primary-1000);\n  --text-color-hover: var(--nano-color-primary-1200);\n  --text-color-secondary: var(--nano-color-neutral-1400);\n  --text-color-disabled: var(--nano-color-neutral-1000);\n  --border-color: var(--nano-color-neutral-400);\n  --trigger-bg-color: var(--nano-color-base-0);\n}\n:host .breadcrumbs {\n  container-type: inline-size;\n  container-name: breadcrumbs;\n  inline-size: 100%;\n  max-inline-size: 1346px;\n}\n:host ol,\n:host nano-menu::part(base) {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n}\n:host li,\n:host nano-nav-item {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  font-size: var(--nano-font-size-xs);\n  line-height: var(--nano-line-height-normal);\n  text-wrap: nowrap;\n  margin-block-end: 0;\n}\n:host li:not(.return-only li)::after,\n:host nano-nav-item::after {\n  content: \"/\";\n  margin: 0 var(--nano-spacing-xs);\n  color: var(--border-color);\n}\n:host a.link {\n  color: var(--text-color);\n}\n:host a:not(.link) {\n  color: var(--text-color-secondary);\n}\n:host a:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n  z-index: 1;\n}\n:host a.link:hover {\n  color: var(--text-color-hover);\n}\n:host a.return.link {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--nano-spacing-sm) / 2);\n}\n:host nano-dropdown {\n  inline-size: 100%;\n  display: none;\n}\n:host nano-dropdown[open]::part(trigger) {\n  box-shadow: var(--nano-shadow-l1);\n}\n:host nano-dropdown[open]::part(panel) {\n  box-shadow: var(--nano-shadow-l1);\n}\n:host .trigger-button {\n  inline-size: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n  color: var(--text-color);\n  background-color: var(--trigger-bg-color);\n  cursor: pointer;\n  text-align: start;\n  border: none;\n  font-size: var(--nano-font-size-xs);\n}\n:host .trigger-button .trigger-button_label {\n  text-decoration: underline;\n}\n:host .trigger-button .trigger-button_label::after {\n  content: \"/\";\n  margin: 0 var(--nano-spacing-xs);\n  color: var(--border-color);\n}\n:host .trigger-button:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n:host .trigger-icon {\n  transform: rotate(0deg);\n  transition: var(--nano-transition-x-fast) ease transform;\n}\n:host .trigger-icon--open {\n  transform: rotate(180deg);\n}\n@container breadcrumbs (max-width: 768px) {\n  :host .main {\n    display: none;\n  }\n  :host nano-dropdown {\n    display: block;\n  }\n  :host nano-menu::part(base) {\n    flex-direction: column;\n  }\n  :host nano-nav-item::after {\n    display: none;\n  }\n  :host .trigger-button_label::after {\n    display: inline-block;\n  }\n  :host .return-only {\n    padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n  }\n  :host nano-nav-item::part(trigger) {\n    text-decoration: none;\n    color: var(--text-color-secondary);\n  }\n}";
 
 /**
  * Breadcrumbs are used to indicate the current page's location within a navigational hierarchy.
@@ -20129,18 +19070,19 @@ class NanoCta {
     icon;
     /** Predefined styles when displaying a number of CTAs together */
     group;
-    internalButton = false;
     componentWillLoad() {
-        this.internalButton = !this.host.querySelector('button, a');
-    }
-    render() {
-        if (!this.internalButton)
-            return;
-        return (hAsync("button", { type: "button", class: "nano-internal-cta" }, hAsync("slot", null)));
+        if (!this.host.querySelector('button, a')) {
+            const button = document.createElement('button');
+            button.classList.add('nano-internal-cta');
+            this.host.childNodes.forEach((node) => {
+                button.appendChild(node);
+            });
+            this.host.appendChild(button);
+        }
     }
     static get style() { return ctaCss; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 0,
         "$tagName$": "nano-cta",
         "$members$": {
             "theme": [513],
@@ -23401,6 +22343,9 @@ class NanoDetails {
         this.attachMo();
     }
     connectedCallback() {
+        if (this.bodyEl) {
+            this.bodyEl.addEventListener('transitionend', this.handleTransitionEnd);
+        }
         this.attachMo();
     }
     disconnectedCallback() {
@@ -23413,13 +22358,13 @@ class NanoDetails {
         }
     }
     render() {
-        return (h(Host, { key: 'dfe08b9736512e4f2e7e77b6e08f391e570f7d35', class: "nano-details" }, h("details", { key: 'aee47095a745ec92d97e3eb2a09f1765fbad251d', part: "base", ref: (d) => (this.detailsEl = d), class: {
+        return (h(Host, { key: '6bd0b907e8036bffdc232f11520fc7e7ecbd5274', class: "nano-details" }, h("details", { key: 'a375256a375ffa1c52f7e425328add65396d79ae', part: "base", ref: (d) => (this.detailsEl = d), class: {
                 details: true,
                 disabled: this.disabled,
-            } }, h("summary", { key: 'b15a83c3386171f212a68cf456eb9ba6296917c2', part: "header", "aria-controls": "content", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', id: "header", role: "button", class: "header", ref: (s) => (this.headerEl = s), onKeyDown: this.onKeyDown, onClick: this.onMouseDown }, this.slotCtrl.has('icon-start') && (h("span", { key: 'c29db27dc0c74a8053c035421b0738eee1d72945', part: "icon icon--start", class: "icon icon--start" }, h("slot", { key: '99381aa8452aac30498cfb27148c9e507e07989e', name: "icon-start" }))), h("div", { key: '59068fae315b9cd0427987eb59e03f2cd219e45a', part: "label", class: "label" }, this.label ? this.label : h("slot", { name: "label" })), h("span", { key: '8eb4304e5c0da199ef6ad7a9730f92130072afd8', part: "icon icon--end", class: "icon icon--end" }, this.open ? (h("slot", { name: "icon-collapse" })) : (h("slot", { name: "icon-expand" })), h("slot", { key: 'a8c2b9213b96787007a85faf64d42436729bc6e4', name: "icon-end" }, !this.slotCtrl.has('icon-start') &&
+            } }, h("summary", { key: '6532629e3d2258dd7b35aa9c088c290cfd586111', part: "header", "aria-controls": "content", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', id: "header", role: "button", class: "header", ref: (s) => (this.headerEl = s), onKeyDown: this.onKeyDown, onClick: this.onMouseDown }, this.slotCtrl.has('icon-start') && (h("span", { key: '2a91b1368bfb4120d3356c59a6c277a2608f1ff9', part: "icon icon--start", class: "icon icon--start" }, h("slot", { key: '6ec67523e758f1f189a9c2339e48116f19423a87', name: "icon-start" }))), h("div", { key: '83c975864586f752a86bd13b78ba7a2329f3a484', part: "label", class: "label" }, this.label ? this.label : h("slot", { name: "label" })), h("span", { key: '538494f4cd43b12143151ce1523533efb70800b7', part: "icon icon--end", class: "icon icon--end" }, this.open ? (h("slot", { name: "icon-collapse" })) : (h("slot", { name: "icon-expand" })), h("slot", { key: '9cd7a3d39754029ad70d3b8976545513a7d6f77b', name: "icon-end" }, !this.slotCtrl.has('icon-start') &&
             !this.slotCtrl.has('icon-end') &&
             !this.slotCtrl.has('icon-expand') &&
-            !this.slotCtrl.has('icon-collapse') && (h("nano-icon", { key: 'bfb3677f307b23b4947c80d7173b63ce51b83c70', class: "default-icon", name: "light/chevron-down" }))))), h("div", { key: 'dad8f7fbf316facfc2a505edf0041fb259d78d5b', part: "body", class: "body", ref: (div) => (this.bodyEl = div), role: "region", "aria-labelledby": "header" }, h("div", { key: '988b4a6201029002ab76004375955eaa87542ed9', class: "content-wrapper" }, h("div", { key: '159483b132abfc6d7edf87771af0f3c2c0e077bd', part: "content", class: "content", id: "content" }, h("slot", { key: '8bb9bbca225bca84bc1efd2c617372f490985bc1' })))))));
+            !this.slotCtrl.has('icon-collapse') && (h("nano-icon", { key: '0321927f47cbc530e8044598fec3370dfedbb325', class: "default-icon", name: "light/chevron-down" }))))), h("div", { key: 'a7366fb51de087f7c6f5d7da59e761050b2ab231', part: "body", class: "body", ref: (div) => (this.bodyEl = div), role: "region", "aria-labelledby": "header" }, h("div", { key: 'dd888954cdfba45da62a01d10f7b010a0277b7ec', class: "content-wrapper" }, h("div", { key: 'eff6dbb8d4a41d9957d135e2f1e7470e37615255', part: "content", class: "content", id: "content" }, h("slot", { key: '9b2fd79fc46ad9b9c5c7c6a39a856b20b87bca6a' })))))));
     }
     static get watchers() { return {
         "open": ["toggleClick"]
@@ -23515,7 +22460,7 @@ class NanoIconItem {
     }; }
 }
 
-const inPageNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host nav{background-color:var(--color-bg);padding:0}:host nav:has(nano-details){padding:0}:host .details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}:host .details-wrapper::part(header),:host .details-wrapper [part~=\"header\"]{font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}:host .details-wrapper[open]::part(header),:host .details-wrapper[open] [part~=\"header\"]{background-color:var(--nano-color-primary-75)}:host .details-wrapper::part(content),:host .details-wrapper [part~=\"content\"]{padding:0}:host .details-wrapper::part(body),:host .details-wrapper [part~=\"body\"]{padding:0}:host .header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}:host .header ::slotted(a[slot=back]),:host .header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}:host .header ::slotted(a[slot=back])::before,:host .header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}:host nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}:host .details-wrapper.sticky.stuck[open]::part(header),:host .details-wrapper.sticky.stuck[open] [part~=\"header\"]{z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}";
+const inPageNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host nav{background-color:var(--color-bg);padding:0}:host nav:has(nano-details){padding:0}:host .details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}:host .details-wrapper::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}:host .details-wrapper[open]::part(header){background-color:var(--nano-color-primary-75)}:host .details-wrapper::part(content){padding:0}:host .details-wrapper::part(body){padding:0}:host .header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}:host .header ::slotted(a[slot=back]),:host .header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}:host .header ::slotted(a[slot=back])::before,:host .header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}:host nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}:host .details-wrapper.sticky.stuck[open]::part(header){z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}";
 
 /**\
  * In-page navigation allows users to quickly find different sections on a page.
@@ -23836,7 +22781,7 @@ class NanoTabContent {
     }; }
 }
 
-const tabGroupCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items),.group__tabs [part~=\"items\"]{gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items),.group--top .group__tabs [part~=\"items\"]{align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items),:host([equal-tab-size]) .group--start .group__tabs [part~=\"items\"]{display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";
+const tabGroupCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items){gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items){align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items){display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";
 
 let id = 0;
 /**
@@ -24187,7 +23132,7 @@ class NanoTabGroup {
     }; }
 }
 
-const tableCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";
+const tableCss = ".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";
 
 /**
  * Displays tabular data in rows and columns.
@@ -24394,10 +23339,10 @@ class NanoTable {
         this.cleanUpObservers();
     }
     render() {
-        return (h(Host, { key: '61d6bc7ce049b636466f22e2ebec084752ecfd29', class: {
+        return (h(Host, { key: '3c45a2880bd20a771bcc682355452312340db56d', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (h("nano-masked-overflow", { key: '0534fae03c985ea7f1247bce7abdb5deac889feb', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '8e911ddbf727b07c8cd56dab2d56568b73a745b2', class: "nano-table__overflow" }))), h("slot", { key: '2d57257dc468275502d1c1a1d2c07e32f8cfa881' })));
+            } }, this.scrollable && (h("nano-masked-overflow", { key: '6b29ca4c8c64deae80def0d3958dc25c4d6cd1c0', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '83dce90d6e5425b0fd2a2443d0d90b7acfc9c141', class: "nano-table__overflow" }))), h("slot", { key: 'cff62841c17cf20c2ff5872944dbd38bbe438369' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],
@@ -24405,7 +23350,7 @@ class NanoTable {
     }; }
     static get style() { return tableCss; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 6,
         "$tagName$": "nano-table",
         "$members$": {
             "compact": [520],
@@ -25399,7 +24344,10 @@ const valueToRatio = (value, min, max) => {
 };
 
 /**
- * A simple component to show more or less elements.
+ * Show more or less from a collection of items.
+ *
+ * @version 6.0.0
+ * @status stable
  *
  * @slot less - a button displayed when all fewer are shown. When clicked will show elements
  * @slot more - a button displayed when all items are shown. When clicked will hide elements
@@ -25460,8 +24408,8 @@ let Rating$1 = class Rating {
         this.handleShowHideElements();
     }
     render() {
-        return (h(Host, { key: '7f46f40188321a9cd630f92e0722c386f8f150cd', class: "nano-more-less" }, h("slot", { key: 'f0cb809863400df4431e6781c1f119563fea95b6', onSlotchange: () => this.handleShowHideElements() }), this.children?.length > this.maxToShow && [
-            h("div", { key: 'fccb42c61cbef50e41ca19ec572bceb4cb3257be', style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, h("slot", { key: 'ec04633371ae61f4a33131ab8bfe98a7e408150f', name: "less" }, h("button", { key: 'f7382a01305934711d7f6471369aa29523f99d9d', part: "button button--less" }, "Show more (+", this.children.length - this.maxToShow, ")"))),
+        return (h(Host, { key: '49834d5d379bcc71bfd228cbad3becf4343160ac', class: "nano-more-less" }, h("slot", { key: '4cbea5f74ddd512cacfc2c65c35ce0cd9fbfee00', onSlotchange: () => this.handleShowHideElements() }), this.children?.length > this.maxToShow && [
+            h("div", { key: 'd8b9b8135f3789705f18793dd8262bcebb38f2cb', style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, h("slot", { key: '564f67099d59d520fbf9a5c40f6f14e681346eff', name: "less" }, h("button", { key: 'a5aa9c0a0eda6b6dda1c72288b18668d4028eec5', part: "button button--less" }, "Show more (+", this.children.length - this.maxToShow, ")"))),
             !this.noHideBtn ? (h("div", { style: { display: this.show ? 'contents' : 'none' }, class: "button-wrapper", part: "button-wrapper button-wrapper--more", onClick: (e) => this.handleClick(e) }, h("slot", { name: "more" }, h("button", { part: "button button--more" }, "Show less (-", this.children.length - this.maxToShow, ")")))) : (''),
         ]));
     }
@@ -31645,9 +30593,6 @@ class Sticker {
         this.isRtl =
             this.host.dir === 'rtl' || this.host.ownerDocument.dir === 'rtl';
         // this is all horrible.... shrug
-        document.documentElement.addEventListener('nanoComponentsReady', () => {
-            setTimeout((_) => this.bootstrapGurantor(), 200);
-        });
         setTimeout((_) => {
             if (!this.hasBootstrapped)
                 this.bootstrapGurantor();
@@ -31666,12 +30611,12 @@ class Sticker {
         this.hasBootstrapped = false;
     }
     render() {
-        return (h(Host, { key: 'cdcb7fdadde75c5f860cbc5d93ef7d6f58bc499b', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: 'fa8b5831edde3d5e39036681cc75a0c2c0e84ccf', class: {
+        return (h(Host, { key: '684a30435688dd24ba583b9ad18f262b00863220', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: '1a27a9545b9e00e492efc809ef10ac291f13f421', class: {
                 sticker: true,
                 sticky: this.isRootSticker && this.isSticky,
                 stuck: this.isStuck && this.isRootSticker && this.isSticky,
                 hide: this.isRootSticker && this.hide && this.isStuck,
-            }, ref: (div) => (this.sticker = div) }, h("div", { key: '8ec62a7127c1823f5e2ab35b80617ec495fa4121', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '6206fa5ac74522b69e7c5a99b4147458399f3a5d' })))));
+            }, ref: (div) => (this.sticker = div) }, h("div", { key: '323a9081a4b7aec17c6bcc0cc85558fa54fa5253', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '9fc54c6354a8de64bebbaa54881fa4b21f116ba5' })))));
     }
     static get watchers() { return {
         "trigger": ["updateTriggerOffset"],
@@ -32061,13 +31006,13 @@ registerComponents([
 var version="2.17.3";function extractAdditionalParams(e){return e.reduce(function(e,t){var n=e.events,e=e.additionalParams;return "index"in t?{additionalParams:e,events:n.concat([t])}:{events:n,additionalParams:t}},{events:[],additionalParams:void 0})}var supportsCookies=function(){try{return Boolean(navigator.cookieEnabled)}catch(e){return  false}},supportsSendBeacon=function(){try{return Boolean(navigator.sendBeacon)}catch(e){return  false}},supportsXMLHttpRequest=function(){try{return Boolean(XMLHttpRequest)}catch(e){return  false}},supportsNativeFetch=function(){try{return void 0!==fetch}catch(e){return  false}},LocalStorage=function(){};function ensureLocalStorage(){try{var e="__test_localStorage__";return globalThis.localStorage.setItem(e,e),globalThis.localStorage.removeItem(e),globalThis.localStorage}catch(e){}}LocalStorage.get=function(e){var t=null==(t=this.store)?void 0:t.getItem(e);if(!t)return null;try{return JSON.parse(t)}catch(e){return null}},LocalStorage.set=function(t,e){var n;try{null!=(n=this.store)&&n.setItem(t,JSON.stringify(e));}catch(e){console.error("Unable to set "+t+" in localStorage, storage may be full.");}},LocalStorage.remove=function(e){var t;null!=(t=this.store)&&t.removeItem(e);},LocalStorage.store=ensureLocalStorage();var STORE="AlgoliaObjectQueryCache",LIMIT=5e3,FREE=1e3;function getCache(){var e;return null!=(e=LocalStorage.get(STORE))?e:{}}function setCache(e){LocalStorage.set(STORE,limited(e));}function limited(e){return Object.keys(e).length>LIMIT?purgeOldest(e):e}function purgeOldest(e){e=Object.entries(e).sort(function(e,t){e=e[1][1];return t[1][1]-e});return e.slice(0,e.length-FREE-1).reduce(function(e,t){var n=t[0],t=t[1];return Object.assign(Object.assign({},e),((e={})[n]=t,e))},{})}function makeKey(e,t){return e+"_"+t}function storeQueryForObject(e,t,n){var i=getCache();i[makeKey(e,t)]=[n,Date.now()],setCache(i);}function getQueryForObject(e,t){return getCache()[makeKey(e,t)]}function removeQueryForObjects(t,e){var n=getCache();e.forEach(function(e){delete n[makeKey(t,e)];}),setCache(n);}var isUndefined=function(e){return void 0===e},isNumber=function(e){return "number"==typeof e},isFunction=function(e){return "function"==typeof e},isPromise=function(e){return "function"==typeof(null==e?void 0:e.then)};function getFunctionalInterface(i){return function(e){for(var t=[],n=arguments.length-1;0<n--;)t[n]=arguments[n+1];if(e&&isFunction(i[e]))return i[e].apply(i,t);console.warn("The method `"+e+"` doesn't exist.");}}var DEFAULT_ALGOLIA_AGENTS=["insights-js ("+version+")","insights-js-browser-esm ("+version+")"];function addAlgoliaAgent(e){ -1===this._ua.indexOf(e)&&this._ua.push(e);}function getVersion(e){return isFunction(e)&&e(this.version),this.version}function __rest(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}function addQueryId(e){return e.map(function(i){var r,e;return !isValidEventForQueryIdLookup(i)||(r=[],e=null==(e=i.objectIDs)?void 0:e.map(function(e,t){var n=null==(n=i.objectData)?void 0:n[t];return null!=n&&n.queryID?n:((t=(null!=(t=getQueryForObject(i.index,e))?t:[])[0])&&r.push(e),Object.assign(Object.assign({},n),{queryID:t}))}),0===r.length)?i:Object.assign(Object.assign({},i),{objectData:e,objectIDsWithInferredQueryID:r})})}function isValidEventForQueryIdLookup(e){return !e.queryID&&"conversion"===e.eventType}function makeSendEvents(r){return function(e,t){var i=this;if(this._userHasOptedOut)return Promise.resolve(false);if(!(!isUndefined(this._apiKey)&&!isUndefined(this._appId)||(null==(n=null==t?void 0:t.headers)?void 0:n["X-Algolia-Application-Id"])&&(null==(n=null==t?void 0:t.headers)?void 0:n["X-Algolia-API-Key"])))throw new Error("Before calling any methods on the analytics, you first need to call the 'init' function with appId and apiKey parameters or provide custom credentials in additional parameters.");!this._userToken&&this._anonymousUserToken&&this.setAnonymousUserToken(true);var n=(null!=t&&t.inferQueryID?addQueryId(e):e).map(function(e){var t=e.filters,n=__rest(e,["filters"]),e=Object.assign(Object.assign({},n),{userToken:null!=(n=null==e?void 0:e.userToken)?n:i._userToken,authenticatedUserToken:null!=(n=null==e?void 0:e.authenticatedUserToken)?n:i._authenticatedUserToken});return isUndefined(t)||(e.filters=t.map(encodeURIComponent)),e});return 0===n.length?Promise.resolve(false):(e=sendRequest(r,this._ua,this._endpointOrigin,n,this._appId,this._apiKey,null==t?void 0:t.headers),isPromise(e)?e.then(purgePurchased(n)):e)}}function purgePurchased(t){return function(e){return e&&t.filter(function(e){var t=e.eventType,n=e.eventSubtype,e=e.objectIDs;return "conversion"===t&&"purchase"===n&&(null==e?void 0:e.length)}).forEach(function(e){return removeQueryForObjects(e.index,e.objectIDs)}),e}}function sendRequest(e,t,n,i,r,o,s){var a=(s=void 0===s?{}:s)["X-Algolia-Application-Id"],c=s["X-Algolia-API-Key"],s=__rest(s,["X-Algolia-Application-Id","X-Algolia-API-Key"]),u=Object.assign({"X-Algolia-Application-Id":null!=a?a:r,"X-Algolia-API-Key":null!=c?c:o,"X-Algolia-Agent":encodeURIComponent(t.join("; "))},s);return e(n+"/1/events?"+Object.keys(u).map(function(e){return e+"="+u[e]}).join("&"),{events:i})}function createUUID(){return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0;return ("x"===e?t:3&t|8).toString(16)})}var COOKIE_KEY="_ALGOLIA",MONTH=2592e6,setCookie=function(e,t,n){var i=new Date,n=(i.setTime(i.getTime()+n),"expires="+i.toUTCString());document.cookie=e+"="+t+";"+n+";path=/";},getCookie=function(e){for(var t=e+"=",n=document.cookie.split(";"),i=0;i<n.length;i++){for(var r=n[i];" "===r.charAt(0);)r=r.substring(1);if(0===r.indexOf(t))return r.substring(t.length,r.length)}return ""};function checkIfAnonymousToken(e){return "number"!=typeof e&&0===e.indexOf("anonymous-")}function saveTokenAsCookie(){var e=getCookie(COOKIE_KEY);!this._userToken||e&&""!==e&&0===e.indexOf("anonymous-")||setCookie(COOKIE_KEY,this._userToken,this._cookieDuration);}function setAnonymousUserToken(e){(e=void 0!==e&&e)?this.setUserToken("anonymous-"+createUUID()):supportsCookies()&&((e=getCookie(COOKIE_KEY))&&""!==e&&0===e.indexOf("anonymous-")?this.setUserToken(e):(e=this.setUserToken("anonymous-"+createUUID()),setCookie(COOKIE_KEY,e,this._cookieDuration)));}function setUserToken(e){return this._userToken=e,isFunction(this._onUserTokenChangeCallback)&&this._onUserTokenChangeCallback(this._userToken),this._userToken}function getUserToken(e,t){return isFunction(t)&&t(null,this._userToken),this._userToken}function onUserTokenChange(e,t){this._onUserTokenChangeCallback=e,t&&t.immediate&&isFunction(this._onUserTokenChangeCallback)&&this._onUserTokenChangeCallback(this._userToken);}function setAuthenticatedUserToken(e){return this._authenticatedUserToken=e,isFunction(this._onAuthenticatedUserTokenChangeCallback)&&this._onAuthenticatedUserTokenChangeCallback(this._authenticatedUserToken),this._authenticatedUserToken}function getAuthenticatedUserToken(e,t){return isFunction(t)&&t(null,this._authenticatedUserToken),this._authenticatedUserToken}function onAuthenticatedUserTokenChange(e,t){this._onAuthenticatedUserTokenChangeCallback=e,t&&t.immediate&&isFunction(this._onAuthenticatedUserTokenChangeCallback)&&this._onAuthenticatedUserTokenChangeCallback(this._authenticatedUserToken);}function addEventType(t,e){return e.map(function(e){return Object.assign({eventType:t},e)})}function addEventTypeAndSubtype(t,n,e){return e.map(function(e){return Object.assign({eventType:t,eventSubtype:n},e)})}function clickedObjectIDsAfterSearch(){for(var i=this,e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),r=n.events,n=n.additionalParams;return r.forEach(function(e){var t=e.index,n=e.queryID;return e.objectIDs.forEach(function(e){return !i._userHasOptedOut&&storeQueryForObject(t,e,n)})}),this.sendEvents(addEventType("click",r),n)}function clickedObjectIDs(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("click",i),n)}function clickedFilters(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("click",i),n)}function convertedObjectIDsAfterSearch(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("conversion",i),n)}function addedToCartObjectIDsAfterSearch(){for(var o=this,e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return i.forEach(function(e){var n=e.index,i=e.queryID,t=e.objectIDs,r=e.objectData;return t.forEach(function(e,t){t=null!=(t=null==(t=null==r?void 0:r[t])?void 0:t.queryID)?t:i;!o._userHasOptedOut&&t&&storeQueryForObject(n,e,t);})}),this.sendEvents(addEventTypeAndSubtype("conversion","addToCart",i),n)}function purchasedObjectIDsAfterSearch(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventTypeAndSubtype("conversion","purchase",i),n)}function convertedObjectIDs(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("conversion",i),n)}function addedToCartObjectIDs(){for(var r=this,e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return i.forEach(function(e){var n=e.index,t=e.objectIDs,i=e.objectData;return t.forEach(function(e,t){t=null==(t=null==i?void 0:i[t])?void 0:t.queryID;!r._userHasOptedOut&&t&&storeQueryForObject(n,e,t);})}),this.sendEvents(addEventTypeAndSubtype("conversion","addToCart",i),n)}function purchasedObjectIDs(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventTypeAndSubtype("conversion","purchase",i),n)}function convertedFilters(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("conversion",i),n)}var SUPPORTED_REGIONS=["de","us"];function init(e){var t;if(!isUndefined((e=void 0===e?{}:e).region)&&-1===SUPPORTED_REGIONS.indexOf(e.region))throw new Error("optional region is incorrect, please provide either one of: "+SUPPORTED_REGIONS.join(", ")+".");if(!(isUndefined(e.cookieDuration)||isNumber(e.cookieDuration)&&isFinite(e.cookieDuration)&&Math.floor(e.cookieDuration)===e.cookieDuration))throw new Error("optional cookieDuration is incorrect, expected an integer.");setOptions(this,e,{_userHasOptedOut:Boolean(e.userHasOptedOut),_region:e.region,_host:e.host,_anonymousUserToken:null==(t=e.anonymousUserToken)||t,_useCookie:null!=(t=e.useCookie)&&t,_cookieDuration:e.cookieDuration||6*MONTH}),this._endpointOrigin=this._host||(this._region?"https://insights."+this._region+".algolia.io":"https://insights.algolia.io"),this._ua=[].concat(DEFAULT_ALGOLIA_AGENTS),e.authenticatedUserToken&&this.setAuthenticatedUserToken(e.authenticatedUserToken),e.userToken?this.setUserToken(e.userToken):this._userToken||this._userHasOptedOut||!this._useCookie?checkIfTokenNeedsToBeSaved(this)&&this.saveTokenAsCookie():this.setAnonymousUserToken();}function setOptions(e,t,n){var i=t.partial,r=__rest(t,["partial"]);i||Object.assign(e,n),Object.assign(e,Object.keys(r).reduce(function(e,t){return Object.assign(Object.assign({},e),((e={})["_"+t]=r[t],e))},{}));}function checkIfTokenNeedsToBeSaved(e){return void 0!==e._userToken&&checkIfAnonymousToken(e._userToken)&&e._useCookie&&!e._userHasOptedOut}function viewedObjectIDs(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("view",i),n)}function viewedFilters(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("view",i),n)}var AlgoliaAnalytics=function(e){e=e.requestFn;this._endpointOrigin="https://insights.algolia.io",this._anonymousUserToken=true,this._userHasOptedOut=false,this._useCookie=false,this._cookieDuration=6*MONTH,this._ua=[],this.version=version,this.sendEvents=makeSendEvents(e).bind(this),this.init=init.bind(this),this.addAlgoliaAgent=addAlgoliaAgent.bind(this),this.saveTokenAsCookie=saveTokenAsCookie.bind(this),this.setUserToken=setUserToken.bind(this),this.setAnonymousUserToken=setAnonymousUserToken.bind(this),this.getUserToken=getUserToken.bind(this),this.onUserTokenChange=onUserTokenChange.bind(this),this.setAuthenticatedUserToken=setAuthenticatedUserToken.bind(this),this.getAuthenticatedUserToken=getAuthenticatedUserToken.bind(this),this.onAuthenticatedUserTokenChange=onAuthenticatedUserTokenChange.bind(this),this.clickedObjectIDsAfterSearch=clickedObjectIDsAfterSearch.bind(this),this.clickedObjectIDs=clickedObjectIDs.bind(this),this.clickedFilters=clickedFilters.bind(this),this.convertedObjectIDsAfterSearch=convertedObjectIDsAfterSearch.bind(this),this.purchasedObjectIDsAfterSearch=purchasedObjectIDsAfterSearch.bind(this),this.addedToCartObjectIDsAfterSearch=addedToCartObjectIDsAfterSearch.bind(this),this.convertedObjectIDs=convertedObjectIDs.bind(this),this.addedToCartObjectIDs=addedToCartObjectIDs.bind(this),this.purchasedObjectIDs=purchasedObjectIDs.bind(this),this.convertedFilters=convertedFilters.bind(this),this.viewedObjectIDs=viewedObjectIDs.bind(this),this.viewedFilters=viewedFilters.bind(this),this.getVersion=getVersion.bind(this);};function createInsightsClient(e){var t,e=getFunctionalInterface(new AlgoliaAnalytics({requestFn:e}));if("object"==typeof window&&!window.AlgoliaAnalyticsObject){for(;t=createUUID(),void 0!==window[t];);window.AlgoliaAnalyticsObject=t,window[window.AlgoliaAnalyticsObject]=e;}return e.version=version,e}var requestWithXMLHttpRequest=function(r,o){return new Promise(function(e,t){var n=JSON.stringify(o),i=new XMLHttpRequest;i.addEventListener("readystatechange",function(){4===i.readyState&&200===i.status?e(true):4===i.readyState&&e(false);}),i.addEventListener("error",function(){return t()}),i.addEventListener("timeout",function(){return e(false)}),i.open("POST",r),i.setRequestHeader("Content-Type","application/json"),i.send(n);})},requestWithSendBeacon=function(e,t){var n=JSON.stringify(t),n=navigator.sendBeacon(e,n);return Promise.resolve(!!n||requestWithXMLHttpRequest(e,t))},requestWithNativeFetch=function(e,i){return new Promise(function(t,n){fetch(e,{method:"POST",body:JSON.stringify(i),headers:{"Content-Type":"application/json"}}).then(function(e){t(200===e.status);}).catch(function(e){n(e);});})};function getRequesterForBrowser(){if(supportsSendBeacon())return requestWithSendBeacon;if(supportsXMLHttpRequest())return requestWithXMLHttpRequest;if(supportsNativeFetch())return requestWithNativeFetch;throw new Error("Could not find a supported HTTP request client in this environment.")}var entryBrowser=createInsightsClient(getRequesterForBrowser());
 
 var indexBrowser = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AlgoliaAnalytics: AlgoliaAnalytics,
-    LocalStorage: LocalStorage,
-    createInsightsClient: createInsightsClient,
-    default: entryBrowser,
-    getFunctionalInterface: getFunctionalInterface,
-    getRequesterForBrowser: getRequesterForBrowser
+  __proto__: null,
+  AlgoliaAnalytics: AlgoliaAnalytics,
+  LocalStorage: LocalStorage,
+  createInsightsClient: createInsightsClient,
+  default: entryBrowser,
+  getFunctionalInterface: getFunctionalInterface,
+  getRequesterForBrowser: getRequesterForBrowser
 });
 
 const user$1 = {
@@ -32281,15 +31226,15 @@ var localLoggedIn = {
 };
 
 var localLoggedIn$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    cart: cart$1,
-    default: localLoggedIn,
-    domains: domains$1,
-    links: links$1,
-    notifications: notifications$1,
-    search: search$1,
-    urls: urls$1,
-    user: user$1
+  __proto__: null,
+  cart: cart$1,
+  default: localLoggedIn,
+  domains: domains$1,
+  links: links$1,
+  notifications: notifications$1,
+  search: search$1,
+  urls: urls$1,
+  user: user$1
 });
 
 const user = {
@@ -32499,15 +31444,15 @@ var localLoggedOut = {
 };
 
 var localLoggedOut$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    cart: cart,
-    default: localLoggedOut,
-    domains: domains,
-    links: links,
-    notifications: notifications,
-    search: search,
-    urls: urls,
-    user: user
+  __proto__: null,
+  cart: cart,
+  default: localLoggedOut,
+  domains: domains,
+  links: links,
+  notifications: notifications,
+  search: search,
+  urls: urls,
+  user: user
 });
 
 class GestureController {
@@ -33159,9 +32104,9 @@ const now = (ev) => {
 };
 
 var index = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    GESTURE_CONTROLLER: GESTURE_CONTROLLER,
-    createGesture: createGesture
+  __proto__: null,
+  GESTURE_CONTROLLER: GESTURE_CONTROLLER,
+  createGesture: createGesture
 });
 
 Flickity.createMethods.push('_createFullscreen');
@@ -33289,7 +32234,7 @@ FullscreenButton.prototype.deactivate = function () {
 Flickity.FullscreenButton = FullscreenButton;
 
 var fullscreen = /*#__PURE__*/Object.freeze({
-    __proto__: null
+  __proto__: null
 });
 
 Flickity.createMethods.push('_createLazyload');
@@ -33379,7 +32324,7 @@ LazyLoader.prototype.complete = function (event, className) {
 Flickity.LazyLoader = LazyLoader;
 
 var lazyload = /*#__PURE__*/Object.freeze({
-    __proto__: null
+  __proto__: null
 });
 
 // -------------------------- PageDots -------------------------- //
@@ -33513,7 +32458,7 @@ proto$1.deactivatePageDots = function () {
 Flickity.PageDots = PageDots;
 
 var pageDots = /*#__PURE__*/Object.freeze({
-    __proto__: null
+  __proto__: null
 });
 
 const Slide = Flickity.Slide;
@@ -33721,7 +32666,7 @@ proto.shiftWrapCells = function (...args) {
 };
 
 var fade = /*#__PURE__*/Object.freeze({
-    __proto__: null
+  __proto__: null
 });
 
 exports.hydrateApp = hydrateApp;
@@ -33821,7 +32766,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.35.1-dev.1750682262.1ce9541 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {