@nanoporetech-digital/components 8.0.0-alpha.10 → 8.0.0-alpha.12

package/hydrate/index.mjs

@@ -135,7 +135,7 @@ var appGlobalScript = async () => { };
 const globalScripts = appGlobalScript;
 
 /*
- Stencil Hydrate Platform v4.35.3 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.35.3-dev.1752259270.e005970 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -378,7 +378,11 @@ function createShadowRoot(cmpMeta) {
   var _a;
   const shadowRoot = this.attachShadow({ mode: "open" });
   if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
-  if (globalStyleSheet) shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+  if (globalStyleSheet) {
+    {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
+  }
 }
 
 // src/runtime/runtime-constants.ts
@@ -750,7 +754,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a, _b;
+  var _a, _b, _c;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -812,7 +816,7 @@ 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) {
+    } else if (((_b = childRenderNode.$tag$) == null ? void 0 : _b.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
       const cmpMeta = getHostRef(childRenderNode.$elm$);
       const scopeId3 = getScopeId(
         cmpMeta.$cmpMeta$);
@@ -866,6 +870,9 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
       if (!hosts[slottedItem.hostId]) continue;
       const hostEle = hosts[slottedItem.hostId];
+      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
+        hostEle.appendChild(slottedItem.node);
+      }
       if (!hostEle.shadowRoot || !shadowRoot) {
         if (!slottedItem.slot["s-cr"]) {
           slottedItem.slot["s-cr"] = hostEle["s-cr"];
@@ -876,9 +883,9 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
           }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-      }
-      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
-        hostEle.appendChild(slottedItem.node);
+        if (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+          slottedItem.node.removeAttribute("slot");
+        }
       }
     }
   }
@@ -1151,13 +1158,17 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   parentVNode.$children$[childVNode.$index$] = childVNode;
 }
 var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
+  var _a, _b;
   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.nodeType === 3 /* TextNode */ || slottedNode.tagName === "SLOT"))) {
-    slottedNode["s-sn"] = slotName;
-    slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
-    slottedNode = slottedNode.nextSibling;
-  }
+  if (!slottedNode || ((_a = slottedNode.nodeValue) == null ? void 0 : _a.startsWith(SLOT_NODE_ID + "."))) return;
+  do {
+    if (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (!slottedNode["getAttribute"] || !slottedNode.getAttribute("slot")) && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
+      slottedNode["s-sn"] = slotName;
+      slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
+    }
+    slottedNode = slottedNode == null ? void 0 : slottedNode.nextSibling;
+  } while (slottedNode && !((_b = slottedNode.nodeValue) == null ? void 0 : _b.startsWith(SLOT_NODE_ID + ".")));
 };
 var findCorrespondingNode = (node, type) => {
   let sibling = node;
@@ -3821,7 +3832,7 @@ class HasSlotController {
     };
 }
 
-const alertCss = ":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 --border-radius: Defaults to var(--nano-layer-border-radius);\n   * @prop --border-color: Defaults to var(--nano-layer-border-color);\n   * @prop --border-width: Defaults to var(--nano-layer-border-width);\n   * @prop --background: Defaults to var(--nano-layer-background-color);\n   * @prop --tint-color: The highlight colour (border-start, icon and heading text). Defaults to var(--nano-color-primary-1100);\n   * @prop --icon-size: Defaults to var(--nano-pictogram-size-large);\n   * @prop --scrim-color: overlay colour of alert display. Defaults to var(--nano-overlay-background-color);\n   * @prop --close-button-color: Defaults to var(--nano-color-neutral-400);\n   */\n  --border-radius: var(--nano-layer-border-radius);\n  --border-color: var(--nano-layer-border-color);\n  --border-width: var(--nano-layer-border-width);\n  --icon-size: var(--nano-pictogram-size-large);\n  --scrim-color: var(--nano-overlay-background-color);\n  --close-button-color: var(--nano-color-neutral-800);\n  --tint-color: var(--nano-color-primary-1100);\n  --background: var(--nano-color-primary-50);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([color=neutral]), :host([theme=neutral]) {\n  --tint-color: var(--nano-color-neutral-1200);\n  --background: var(--nano-color-neutral-75);\n}\n\n:host([color=success]), :host([theme=success]) {\n  --tint-color: var(--nano-color-success-1100);\n  --background: var(--nano-color-success-50);\n}\n\n:host([color=warning]), :host([theme=warning]) {\n  --tint-color: var(--nano-color-warning-1100);\n  --background: var(--nano-color-warning-75);\n}\n\n:host([color=danger]), :host([theme=danger]) {\n  --tint-color: var(--nano-color-danger-1100);\n  --background: var(--nano-color-danger-100);\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-inline-start: solid 4px var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition: var(--nano-transition-medium) opacity ease, var(--nano-transition-fast) transform ease;\n}\n.alert:focus {\n  outline: none;\n}\n.alert:not(.alert--showing) {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.alert--open {\n  opacity: 1;\n  transform: none;\n}\n.alert--toasty, .alert--modal {\n  box-shadow: var(--nano-shadow-l2);\n  margin: var(--nano-spacing-md);\n}\n.alert--modal.alert--nodismiss {\n  animation: cannotClose 0.25s ease-in-out 1;\n}\n@keyframes cannotClose {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.08);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.alert__main {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__content {\n  font-size: var(--nano-font-size-small);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n  flex: 1 1 auto;\n  padding: var(--nano-spacing-md);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: var(--nano-spacing-sm);\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inset: 0;\n  z-index: var(--nano-z-index-alert);\n}\n\n.alert__heading {\n  font-size: var(--nano-font-size-small);\n  line-height: var(--nano-line-height-normal);\n  font-weight: var(--nano-font-weight-bold);\n  color: var(--tint-color);\n}\n\n.alert__title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-medium);\n  line-height: var(--nano-line-height-dense);\n}\n\n.alert__close {\n  --color: var(--close-button-color);\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n  padding-inline: 0 var(--nano-spacing-md);\n  padding-block: 0;\n}\n\n.alert__overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: var(--nano-transition-fast) opacity;\n  z-index: var(--nano-z-index-alert);\n  pointer-events: all;\n}\n.alert__overlay--open {\n  opacity: 1;\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: start;\n  font-size: var(--icon-size);\n  padding-block: var(--nano-spacing-md);\n}\n.alert__icon ::slotted(*), .alert__icon::slotted(*) {\n  color: var(--tint-color);\n  margin-inline-start: var(--nano-spacing-md);\n}\n@container (width < 280px) {\n  .alert__icon {\n    display: none !important;\n  }\n}\n\n.alert__countdown {\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 4px;\n  background-color: var(--nano-layer-border-color);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.alert__countdown .alert__countdown-elapsed {\n  block-size: 100%;\n  inline-size: 0;\n}\n\n.alert__timer {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n\n.alert__countdown-elapsed {\n  background-color: var(--tint-color);\n}";
+const alertCss = ":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 --border-radius: Defaults to var(--nano-layer-border-radius);\n   * @prop --border-color: Defaults to var(--nano-layer-border-color);\n   * @prop --border-width: Defaults to var(--nano-layer-border-width);\n   * @prop --background: Defaults to var(--nano-layer-background-color);\n   * @prop --tint-color: The highlight colour (border-start, icon and heading text). Defaults to var(--nano-color-primary-1100);\n   * @prop --icon-size: Defaults to var(--nano-pictogram-size-large);\n   * @prop --scrim-color: overlay colour of alert display. Defaults to var(--nano-overlay-background-color);\n   * @prop --close-button-color: Defaults to var(--nano-color-neutral-400);\n   */\n  --border-radius: var(--nano-layer-border-radius);\n  --border-color: var(--nano-layer-border-color);\n  --border-width: var(--nano-layer-border-width);\n  --icon-size: var(--nano-pictogram-size-large);\n  --scrim-color: var(--nano-overlay-background-color);\n  --close-button-color: var(--nano-color-neutral-800);\n  --tint-color: var(--nano-color-primary-1100);\n  --background: var(--nano-color-primary-50);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([color=neutral]), :host([theme=neutral]) {\n  --tint-color: var(--nano-color-neutral-1200);\n  --background: var(--nano-color-neutral-75);\n}\n\n:host([color=success]), :host([theme=success]) {\n  --tint-color: var(--nano-color-success-1100);\n  --background: var(--nano-color-success-50);\n}\n\n:host([color=warning]), :host([theme=warning]) {\n  --tint-color: var(--nano-color-warning-1100);\n  --background: var(--nano-color-warning-75);\n}\n\n:host([color=danger]), :host([theme=danger]) {\n  --tint-color: var(--nano-color-danger-1100);\n  --background: var(--nano-color-danger-100);\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-inline-start: solid 4px var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition: var(--nano-transition-medium) opacity ease, var(--nano-transition-fast) transform ease;\n}\n.alert:focus {\n  outline: none;\n}\n.alert:not(.alert--showing) {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.alert--open {\n  opacity: 1;\n  transform: none;\n}\n.alert--toasty, .alert--modal {\n  box-shadow: var(--nano-shadow-l2);\n  margin: var(--nano-spacing-md);\n}\n.alert--modal.alert--nodismiss {\n  animation: cannotClose 0.25s ease-in-out 1;\n}\n@keyframes cannotClose {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.08);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.alert__main {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__content {\n  font-size: var(--nano-font-size-small);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n  flex: 1 1 auto;\n  padding: var(--nano-spacing-md);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: var(--nano-spacing-sm);\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inset: 0;\n  z-index: var(--nano-z-index-alert);\n}\n\n.alert__heading {\n  font-size: var(--nano-font-size-small);\n  line-height: var(--nano-line-height-normal);\n  font-weight: var(--nano-font-weight-bold);\n  color: var(--tint-color);\n}\n\n.alert__title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-medium);\n  line-height: var(--nano-line-height-dense);\n  text-wrap: balance;\n}\n\n.alert__close {\n  --color: var(--close-button-color);\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n  padding-inline: 0 var(--nano-spacing-md);\n  padding-block: 0;\n}\n\n.alert__overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: var(--nano-transition-fast) opacity;\n  z-index: var(--nano-z-index-alert);\n  pointer-events: all;\n}\n.alert__overlay--open {\n  opacity: 1;\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: start;\n  font-size: var(--icon-size);\n  padding-block: var(--nano-spacing-md);\n}\n.alert__icon ::slotted(*), .alert__icon::slotted(*) {\n  color: var(--tint-color);\n  margin-inline-start: var(--nano-spacing-md);\n}\n@container (width < 280px) {\n  .alert__icon {\n    display: none !important;\n  }\n}\n\n.alert__countdown {\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 4px;\n  background-color: var(--nano-layer-border-color);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.alert__countdown .alert__countdown-elapsed {\n  block-size: 100%;\n  inline-size: 0;\n}\n\n.alert__timer {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n\n.alert__countdown-elapsed {\n  background-color: var(--tint-color);\n}";
 
 let toastStackTr;
 let toastStackTl;
@@ -8806,7 +8817,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) {\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}";
+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  text-wrap: balance;\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.
@@ -10182,7 +10193,7 @@ class DateInput {
     }; }
 }
 
-const dialogCss = ":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-radius:0;--content-background:var(--nano-color-neutral-75);--footer-content:var(--nano-color-neutral-75);--scrim-color:var(--nano-overlay-background-color);--box-shadow:var(--nano-shadow-l3);--close-button-color:var(--nano-color-primary-1200);--width:50rem;--height:auto;--body-padding-v:var(--nano-spacing-l1-default);--body-padding-h:var(--nano-spacing-l1-default);--header-padding-v:var(--nano-spacing-l);--header-padding-h:var(--nano-spacing-l1-default);--footer-padding-v:var(--nano-spacing-l);--footer-padding-h:var(--nano-spacing-l1-default)}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--nano-z-index-modal);border:none;inline-size:unset;block-size:unset;color:unset;background-color:unset}.dialog::backdrop{display:none}.dialog__panel{display:flex;flex-direction:column;z-index:2;inline-size:var(--width);block-size:var(--height);max-inline-size:calc(100% - (var(--nano-spacing-xl) + var(--nano-scroll-lock-size)));max-block-size:calc(92vh - var(--nano-spacing-xl));background-color:var(--content-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:0;transform:scale(0.8);transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform}.dialog__panel:focus{outline:none}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog--nodismiss .dialog__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.dialog__header{flex:0 0 auto;display:flex;inline-size:100%;background-color:var(--content-background);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:var(--nano-transition-x-fast) box-shadow;min-inline-size:auto;padding-block:var(--header-padding-v);padding-inline:var(--header-padding-h)}[stuck] .dialog__header{box-shadow:var(--nano-shadow-l0)}.dialog__title{flex:1 1 auto;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser)}.dialog__close-icon{flex:0 0 auto;display:flex;align-items:center;font-size:1.375rem;position:relative;inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);--color:var(--close-button-color)}.dialog__body-wrap{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius)}.dialog:not(.dialog--has-header) .dialog__body-wrap{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.dialog:not(.dialog--has-footer) .dialog__body-wrap{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:0}.dialog__body{padding-block:0 var(--body-padding-v);padding-inline:var(--body-padding-h)}.dialog:not(.dialog--has-header) .dialog__body{padding-block-start:var(--body-padding-v)}.dialog__body ::slotted(*){max-inline-size:100%}.dialog__footer{inline-size:100%;padding-block:var(--footer-padding-v);padding-inline:var(--footer-padding-h);background:var(--footer-content);border-radius:0 0 var(--border-radius) var(--border-radius);position:relative;inset-block-start:1px;min-inline-size:auto;border-block-start:1px solid var(--nano-color-neutral-300);gap:var(--nano-spacing-md);display:inline-flex}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;inset:0 !important;background-color:var(--scrim-color);opacity:0;transition:var(--nano-transition-fast) opacity}.dialog--open .dialog__overlay{opacity:1}";
+const dialogCss = ":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-radius:0;--content-background:var(--nano-color-neutral-75);--footer-content:var(--nano-color-neutral-75);--scrim-color:var(--nano-overlay-background-color);--box-shadow:var(--nano-shadow-l3);--close-button-color:var(--nano-color-primary-1200);--width:50rem;--height:auto;--body-padding-v:var(--nano-spacing-l1-default);--body-padding-h:var(--nano-spacing-l1-default);--header-padding-v:var(--nano-spacing-l);--header-padding-h:var(--nano-spacing-l1-default);--footer-padding-v:var(--nano-spacing-l);--footer-padding-h:var(--nano-spacing-l1-default)}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--nano-z-index-modal);border:none;inline-size:unset;block-size:unset;color:unset;background-color:unset}.dialog::backdrop{display:none}.dialog__panel{display:flex;flex-direction:column;z-index:2;inline-size:var(--width);block-size:var(--height);max-inline-size:calc(100% - (var(--nano-spacing-xl) + var(--nano-scroll-lock-size)));max-block-size:calc(92vh - var(--nano-spacing-xl));background-color:var(--content-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:0;transform:scale(0.8);transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform}.dialog__panel:focus{outline:none}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog--nodismiss .dialog__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.dialog__header{flex:0 0 auto;display:flex;inline-size:100%;background-color:var(--content-background);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:var(--nano-transition-x-fast) box-shadow;min-inline-size:auto;padding-block:var(--header-padding-v);padding-inline:var(--header-padding-h)}[stuck] .dialog__header{box-shadow:var(--nano-shadow-l0)}.dialog__title{flex:1 1 auto;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.dialog__close-icon{flex:0 0 auto;display:flex;align-items:center;font-size:1.375rem;position:relative;inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);--color:var(--close-button-color)}.dialog__body-wrap{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius)}.dialog:not(.dialog--has-header) .dialog__body-wrap{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.dialog:not(.dialog--has-footer) .dialog__body-wrap{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:0}.dialog__body{padding-block:0 var(--body-padding-v);padding-inline:var(--body-padding-h)}.dialog:not(.dialog--has-header) .dialog__body{padding-block-start:var(--body-padding-v)}.dialog__body ::slotted(*){max-inline-size:100%}.dialog__footer{inline-size:100%;padding-block:var(--footer-padding-v);padding-inline:var(--footer-padding-h);background:var(--footer-content);border-radius:0 0 var(--border-radius) var(--border-radius);position:relative;inset-block-start:1px;min-inline-size:auto;border-block-start:1px solid var(--nano-color-neutral-300);gap:var(--nano-spacing-md);display:inline-flex}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;inset:0 !important;background-color:var(--scrim-color);opacity:0;transition:var(--nano-transition-fast) opacity}.dialog--open .dialog__overlay{opacity:1}";
 
 let id$4 = 0;
 /**
@@ -10552,7 +10563,7 @@ function drag$1(container, options) {
     // move(initialEvent);
 }
 
-const drawerCss = ":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{--size:25rem;--min-size:25rem;--max-size:50%;--panel-background:var(--nano-color-neutral-75);--panel-shadow:var(--nano-shadow-l3);--scrim-color:var(--nano-overlay-background-color);--header-button-color:var(--nano-color-primary-1200);--header-button-size:1.375rem;--footer-background:var(--panel-background);--header-background:var(--panel-background);--header-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--body-spacing:var(--nano-spacing-l1-default);--footer-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--dir:1}:host([placement=top]),:host([placement=bottom]){--max-size:80%}:host(:dir(rtl)){--dir:-1}:host-context([dir=rtl]){--dir:-1}.drawer{inset-block-start:0;inset-inline-start:0;pointer-events:none;overflow:hidden;border:none;inline-size:100%;block-size:100%;color:unset;background-color:unset}.drawer::backdrop{display:none}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:var(--nano-z-index-modal)}.drawer__panel{position:absolute;max-inline-size:100%;max-block-size:100%;background-color:var(--panel-background);box-shadow:var(--panel-shadow);pointer-events:all;transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform;display:flex}.drawer--top .drawer__panel,.drawer--bottom .drawer__panel{flex-direction:column}@media (forced-colors: active){.drawer__panel{border:solid 1px var(--nano-color-base-1000)}}.drawer__panel:focus{outline:none}.drawer--nodismiss .drawer__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{scale:1}50%{scale:1.08}100%{scale:1}}.drawer--top .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(-100%)}.drawer--bottom .drawer__panel{inset-block:auto 0;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(100%)}.drawer--top.drawer--open .drawer__panel,.drawer--bottom.drawer--open .drawer__panel{opacity:1;transform:translateY(0)}.drawer--start .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * -100%))}.drawer--end .drawer__panel{inset-block:0 auto;inset-inline:auto 0;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * 100%))}.drawer--start.drawer--open .drawer__panel,.drawer--end.drawer--open .drawer__panel{opacity:1;transform:translateX(0)}.drawer__resize-handle{display:flex;align-items:center;justify-content:center;position:absolute;z-index:var(--nano-z-index-dropdown);color:var(--nano-color-primary-1200);background-color:var(--nano-color-neutral-75)}.drawer__resize-handle:focus{outline:none}.drawer__resize-handle:focus-visible{background-color:var(--nano-focus-ring-color)}.drawer__resize-handle:active{color:var(--nano-color-primary-800)}.drawer--top .drawer__resize-handle,.drawer--bottom .drawer__resize-handle{cursor:row-resize;inset-inline:0}.drawer--end .drawer__resize-handle,.drawer--start .drawer__resize-handle{cursor:col-resize;inset-block:0}.drawer--end .drawer__resize-handle{inset-inline-start:0}.drawer--start .drawer__resize-handle{inset-inline-end:0}.drawer--top .drawer__resize-handle{inset-block-end:0}.drawer--bottom .drawer__resize-handle{inset-block-start:0}.drawer__header{inline-size:100%;display:flex;background-color:var(--header-background);align-items:center;padding:var(--header-spacing)}[stuck] .drawer__header{box-shadow:var(--nano-shadow-l0)}.drawer__title{flex:1 1 auto;margin:0;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser)}.drawer__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--nano-spacing-sm);color:var(--header-button-color);inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);position:relative}.drawer__header-actions .drawer__close,.drawer__header-actions ::slotted(.nano-icon-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--header-button-size)}.drawer__main{display:flex;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.drawer__body{display:block;flex:1 1 auto;padding:var(--body-spacing);padding-block:0 var(--body-spacing);padding-inline:var(--body-spacing)}.drawer:not(.drawer--has-header) .drawer__body{padding-block-start:var(--body-spacing)}.drawer__footer{inline-size:100%;text-align:end;padding:var(--footer-spacing);background:var(--footer-background);inset-block-start:1px;position:relative;border-block-start:1px solid var(--nano-color-neutral-300);gap:var(--nano-spacing-md);display:inline-flex}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;inset:0;background-color:var(--scrim-color);pointer-events:all;opacity:0;transition:var(--nano-transition-fast) opacity}.drawer--open .drawer__overlay{opacity:1}.drawer--contained .drawer__overlay{display:none}";
+const drawerCss = ":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{--size:25rem;--min-size:25rem;--max-size:50%;--panel-background:var(--nano-color-neutral-75);--panel-shadow:var(--nano-shadow-l3);--scrim-color:var(--nano-overlay-background-color);--header-button-color:var(--nano-color-primary-1200);--header-button-size:1.375rem;--footer-background:var(--panel-background);--header-background:var(--panel-background);--header-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--body-spacing:var(--nano-spacing-l1-default);--footer-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--dir:1}:host([placement=top]),:host([placement=bottom]){--max-size:80%}:host(:dir(rtl)){--dir:-1}:host-context([dir=rtl]){--dir:-1}.drawer{inset-block-start:0;inset-inline-start:0;pointer-events:none;overflow:hidden;border:none;inline-size:100%;block-size:100%;color:unset;background-color:unset}.drawer::backdrop{display:none}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:var(--nano-z-index-modal)}.drawer__panel{position:absolute;max-inline-size:100%;max-block-size:100%;background-color:var(--panel-background);box-shadow:var(--panel-shadow);pointer-events:all;transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform;display:flex}.drawer--top .drawer__panel,.drawer--bottom .drawer__panel{flex-direction:column}@media (forced-colors: active){.drawer__panel{border:solid 1px var(--nano-color-base-1000)}}.drawer__panel:focus{outline:none}.drawer--nodismiss .drawer__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{scale:1}50%{scale:1.08}100%{scale:1}}.drawer--top .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(-100%)}.drawer--bottom .drawer__panel{inset-block:auto 0;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(100%)}.drawer--top.drawer--open .drawer__panel,.drawer--bottom.drawer--open .drawer__panel{opacity:1;transform:translateY(0)}.drawer--start .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * -100%))}.drawer--end .drawer__panel{inset-block:0 auto;inset-inline:auto 0;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * 100%))}.drawer--start.drawer--open .drawer__panel,.drawer--end.drawer--open .drawer__panel{opacity:1;transform:translateX(0)}.drawer__resize-handle{display:flex;align-items:center;justify-content:center;position:absolute;z-index:var(--nano-z-index-dropdown);color:var(--nano-color-primary-1200);background-color:var(--nano-color-neutral-75)}.drawer__resize-handle:focus{outline:none}.drawer__resize-handle:focus-visible{background-color:var(--nano-focus-ring-color)}.drawer__resize-handle:active{color:var(--nano-color-primary-800)}.drawer--top .drawer__resize-handle,.drawer--bottom .drawer__resize-handle{cursor:row-resize;inset-inline:0}.drawer--end .drawer__resize-handle,.drawer--start .drawer__resize-handle{cursor:col-resize;inset-block:0}.drawer--end .drawer__resize-handle{inset-inline-start:0}.drawer--start .drawer__resize-handle{inset-inline-end:0}.drawer--top .drawer__resize-handle{inset-block-end:0}.drawer--bottom .drawer__resize-handle{inset-block-start:0}.drawer__header{inline-size:100%;display:flex;background-color:var(--header-background);align-items:center;padding:var(--header-spacing)}[stuck] .drawer__header{box-shadow:var(--nano-shadow-l0)}.drawer__title{flex:1 1 auto;margin:0;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.drawer__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--nano-spacing-sm);color:var(--header-button-color);inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);position:relative}.drawer__header-actions .drawer__close,.drawer__header-actions ::slotted(.nano-icon-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--header-button-size)}.drawer__main{display:flex;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.drawer__body{display:block;flex:1 1 auto;padding:var(--body-spacing);padding-block:0 var(--body-spacing);padding-inline:var(--body-spacing)}.drawer:not(.drawer--has-header) .drawer__body{padding-block-start:var(--body-spacing)}.drawer__footer{inline-size:100%;text-align:end;padding:var(--footer-spacing);background:var(--footer-background);inset-block-start:1px;position:relative;border-block-start:1px solid var(--nano-color-neutral-300);gap:var(--nano-spacing-md);display:inline-flex}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;inset:0;background-color:var(--scrim-color);pointer-events:all;opacity:0;transition:var(--nano-transition-fast) opacity}.drawer--open .drawer__overlay{opacity:1}.drawer--contained .drawer__overlay{display:none}";
 
 /**
  * Drawers slide in from a container to expose additional options and information.
@@ -22148,7 +22159,7 @@ class NanoDatePicker {
     }; }
 }
 
-const detailsCss = ":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{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;--padding:var(--nano-spacing-md);--btn-padding:var(--padding);--btn-bg-color:transparent;--btn-bg-color--hover:var(--nano-color-primary-100);--btn-bg-color--active:var(--nano-color-primary-300);--content-padding:var(--padding);display:block;border:1px solid var(--nano-color-neutral-300);color:var(--nano-color-neutral-1400)}:host([size=small]){--padding:var(--nano-spacing-sm) 0.9375rem}:host([size=large]){--padding:var(--nano-spacing-l)}:host([size=large]) .header{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-l);line-height:var(--nano-line-height-dense)}:host([disabled]){opacity:0.5}.header{all:unset;cursor:pointer;padding:var(--btn-padding);position:relative;display:flex;flex-wrap:wrap;align-items:center;background:var(--btn-bg-color);color:inherit;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-medium);line-height:var(--nano-line-height-dense)}.header::-webkit-details-marker{display:none}.header:focus{outline:none}.header:not([aria-disabled=true]):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.header:not([aria-disabled=true]):hover{background:var(--btn-bg-color--hover)}.header:not([aria-disabled=true]):active{background:var(--btn-bg-color--active)}.disabled .header{cursor:not-allowed}.header .label{inline-size:100%;max-inline-size:100%;max-block-size:100%;flex:1;display:inline-block}.header .icon{line-height:0;flex-direction:column;justify-content:center;display:inline-block;color:var(--nano-color-primary-1200)}.header .icon .default-icon{rotate:0deg;transform-origin:center;transition:var(--nano-transition-x-fast) ease rotate}:host([open]) .header .icon .default-icon{rotate:180deg}.header .icon--start{margin-inline:0 var(--btn-padding);margin-block:0}.header .icon--end{margin-inline:var(--btn-padding) 0;margin-block:0}.header .icon ::slotted(.nano-icon),.header .icon::slotted(.nano-icon){color:currentcolor;transition:var(--nano-transition-x-fast) ease rotate;transform-origin:center}.body{display:grid;grid-template-rows:0fr;transition:all var(--nano-transition-fast) ease-out;opacity:0}:host([open]) .body{grid-template-rows:1fr;opacity:1}.content-wrapper{overflow:hidden}.content{padding:var(--content-padding)}";
+const detailsCss = ":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{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;--padding:var(--nano-spacing-md);--btn-padding:var(--padding);--btn-bg-color:transparent;--btn-bg-color--hover:var(--nano-color-primary-100);--btn-bg-color--active:var(--nano-color-primary-300);--content-padding:var(--padding);display:block;border:1px solid var(--nano-color-neutral-300);color:var(--nano-color-neutral-1400)}:host([size=small]){--padding:var(--nano-spacing-sm) 0.9375rem}:host([size=large]){--padding:var(--nano-spacing-l)}:host([size=large]) .header{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-l);line-height:var(--nano-line-height-dense);text-wrap:balance}:host([disabled]){opacity:0.5}.header{all:unset;cursor:pointer;padding:var(--btn-padding);position:relative;display:flex;flex-wrap:wrap;align-items:center;background:var(--btn-bg-color);color:inherit;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-medium);line-height:var(--nano-line-height-dense);text-wrap:balance}.header::-webkit-details-marker{display:none}.header:focus{outline:none}.header:not([aria-disabled=true]):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.header:not([aria-disabled=true]):hover{background:var(--btn-bg-color--hover)}.header:not([aria-disabled=true]):active{background:var(--btn-bg-color--active)}.disabled .header{cursor:not-allowed}.header .label{inline-size:100%;max-inline-size:100%;max-block-size:100%;flex:1;display:inline-block}.header .icon{line-height:0;flex-direction:column;justify-content:center;display:inline-block;color:var(--nano-color-primary-1200)}.header .icon .default-icon{rotate:0deg;transform-origin:center;transition:var(--nano-transition-x-fast) ease rotate}:host([open]) .header .icon .default-icon{rotate:180deg}.header .icon--start{margin-inline:0 var(--btn-padding);margin-block:0}.header .icon--end{margin-inline:var(--btn-padding) 0;margin-block:0}.header .icon ::slotted(.nano-icon),.header .icon::slotted(.nano-icon){color:currentcolor;transition:var(--nano-transition-x-fast) ease rotate;transform-origin:center}.body{display:grid;grid-template-rows:0fr;transition:all var(--nano-transition-fast) ease-out;opacity:0}:host([open]) .body{grid-template-rows:1fr;opacity:1}.content-wrapper{overflow:hidden}.content{padding:var(--content-padding)}";
 
 /**
  * Details show a brief summary and on interaction expand to show additional content.
@@ -23607,6 +23618,14 @@ class NavItem {
             slottedA.remove();
         }
     };
+    /** Closes the secondary nav panel if it is open */
+    async closeMenu() {
+        this.closeSecondary();
+    }
+    /** Opens the secondary nav panel if it is not open */
+    async openMenu() {
+        this.openSecondary();
+    }
     connectedCallback() {
         this.handleDefaultSlotChange();
         this.isInMenuDrawer = !!this.host.closest(transformTag('nano-menu-drawer'));
@@ -23615,22 +23634,22 @@ class NavItem {
         this.openChange();
     }
     render() {
-        return (h(Host, { key: '815fb74d8f91f3efb7c2582439b1e8f4f4aa905d', class: {
+        return (h(Host, { key: 'b6ce27588c1ca2ac2a42d0aada06d7f554a1174a', class: {
                 'nano-menu-drawer': this.isInMenuDrawer,
                 'nano-nav-item': true,
                 disabled: this.disabled,
-            }, role: this.host.closest('[role="menu"]') ? 'menuitem' : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: '63a0f2086fd81b4cbea08c385de2e493d7c8f926', class: {
+            }, role: this.host.closest('[role="menu"]') ? 'menuitem' : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: 'e8faa3568a13feb95ef131f0bd412577120fbf84', class: {
                 navitem: true,
                 'navitem--open': this.open,
                 'navitem--active': this.selected,
-            }, part: "trigger-wrapper" }, this.href && !this.disabled && (h("a", { key: 'e50cab85eba47cba80ff30a07bcab83c00595915', part: "trigger trigger--anchor", target: this.target, ref: (a) => (this.controlElement = a), href: this.href, class: {
+            }, part: "trigger-wrapper" }, this.href && !this.disabled && (h("a", { key: '4a4da7478db63015d0dcd81ed053146f8eeac5f3', part: "trigger trigger--anchor", target: this.target, ref: (a) => (this.controlElement = a), href: this.href, class: {
                 navitem__trigger: true,
-            } }, h("slot", { key: '2fc43a8c964c8e34e045e0df85d5bf355b3e9b26', name: "icon-start" }), h("span", { key: '6aed9dea66e87ef15edb69971b1c97fd8d2fbe29', class: "navitem__label", part: "label" }, h("slot", { key: '96f26809714cbe44effe57851814e1e24a6ad851', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: 'f43de3bfdb6cdea0f93fe248d873c73062a3034b', name: "icon-end" }))), (!this.href || this.disabled) && (h("button", { key: '9db35da35c662d588729976d1be17a07ed855642', role: this.checkbox ? 'checkbox' : undefined, "aria-checked": this.checkbox ? this.selected.toString() : undefined, part: "trigger trigger--button", ref: (btn) => (this.controlElement = btn), onClick: this.handleClick, disabled: this.disabled, class: {
+            } }, h("slot", { key: '1eafb7864368850ad2539c402eb1b00877f3d55e', name: "icon-start" }), h("span", { key: '8953312d4dad64ced970d2f1120c07b6c36070f1', class: "navitem__label", part: "label" }, h("slot", { key: '390f468f8d1f5d4f0669cae53ef140e452b16b07', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '3ecd42c2ca6c1546f48a1a5fcf7742d90ad4e1c4', name: "icon-end" }))), (!this.href || this.disabled) && (h("button", { key: '0694ce0708264ef1305e4b926a2f40f1875025a9', role: this.checkbox ? 'checkbox' : undefined, "aria-checked": this.checkbox ? this.selected.toString() : undefined, part: "trigger trigger--button", ref: (btn) => (this.controlElement = btn), onClick: this.handleClick, disabled: this.disabled, class: {
                 navitem__trigger: true,
-            } }, h("slot", { key: '394a189a9d5d8b65607bd6089c9a08cdeed8e48a', name: "icon-start" }), h("span", { key: '28b56da5d700f7654c2d42fda996babff390f92e', class: "navitem__label", part: "label" }, h("slot", { key: '13a35382772f7ee79af116c500eba5d4fd4a25ad', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '158f3590fcf2025c3c53bd3d3f9dbeddbd2829ba', name: "icon-end" }))), this.slotCtrl.has('secondary') && !this.disabled && (h("div", { key: '44ab1a0d6930f5d60b8540157911d365821f611c', part: "modal", class: {
+            } }, h("slot", { key: 'c3cc4fcbb527f5f8ea2786243fe610d587e36190', name: "icon-start" }), h("span", { key: '385c92f1f2cc26b9c7e4f1a8601920c1f3bf2171', class: "navitem__label", part: "label" }, h("slot", { key: '4e7a75c8903081856c20206aa309c2a9855991da', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '668b95901ba0b914ccc193d4f3cc4433d908c014', name: "icon-end" }))), this.slotCtrl.has('secondary') && !this.disabled && (h("div", { key: 'f81c9aeb6c903b25a662fd1fc615d6f95f6b8f4d', part: "modal", class: {
                 navitem__modal: true,
                 'navitem__modal--open': this.didOpen,
-            }, ref: (div) => (this.secondaryDiv = div), tabIndex: -1 }, h("div", { key: '758dc3ed99502ff459b187fb42dc6f1c83f335e8', class: "navitem__modal-content", part: `modal-content ${this.didOpen ? 'modal-content--open' : ''}` }, this.slotCtrl.has('close-button') && (h("div", { key: 'fb30657f31352b234b8f5f9f7dea697b663dc05d', part: "close-button", onClick: this.closeSecondary }, h("slot", { key: 'de6bdeb04bf0543c2200cca7a7a1d8d70032d0ed', name: "close-button" }))), h("slot", { key: '45c2c6ce36042b43c8177343e238392193a16367', name: "secondary" })), h("div", { key: 'd9ccc26e9f2675dcf5fc9000bc2759fd48247fe2', class: "navitem__modal-mask", onClick: this.closeSecondary, part: `modal-mask ${this.didOpen ? 'modal-mask--open' : ''}` }))))));
+            }, ref: (div) => (this.secondaryDiv = div), tabIndex: -1 }, h("div", { key: '70a4b002e989753c461c7dac4dd975200a92e3de', class: "navitem__modal-content", part: `modal-content ${this.didOpen ? 'modal-content--open' : ''}` }, this.slotCtrl.has('close-button') && (h("div", { key: '7b0daad80ae03a29789c9d2bef74d2473f2f1f39', part: "close-button", onClick: this.closeSecondary }, h("slot", { key: '858798062958ea0f4ee809cbf853bdb83dd4d184', name: "close-button" }))), h("slot", { key: '41583a8cc59babbfb1a9a084a3de31c61a145fbc', name: "secondary" })), h("div", { key: '5c260dca9a8fdf7951349df64a037fc7415c3c4b', class: "navitem__modal-mask", onClick: this.closeSecondary, part: `modal-mask ${this.didOpen ? 'modal-mask--open' : ''}` }))))));
     }
     static get watchers() { return {
         "open": ["openChange"],
@@ -23650,7 +23669,9 @@ class NavItem {
             "closeOnBlur": [4, "close-on-blur"],
             "didOpen": [32],
             "isInMenuDrawer": [32],
-            "setFocus": [64]
+            "setFocus": [64],
+            "closeMenu": [64],
+            "openMenu": [64]
         },
         "$listeners$": [[16, "click", "handleClose"], [16, "keyup", "handleClose"]],
         "$lazyBundleId$": "-",
@@ -32657,7 +32678,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.35.3 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.35.3-dev.1752259270.e005970 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -43038,6 +43059,11 @@ function* streamToHtml(node, opts, output) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
+        if (node.delegatesFocus) {
+          const delegatesFocusAttr = " shadowrootdelegatesfocus";
+          yield delegatesFocusAttr;
+          output.currentLineWidth += delegatesFocusAttr.length;
+        }
       }
       const attrsLength = node.attributes.length;
       const attributes = opts.prettyHtml && attrsLength > 1 ? cloneAttributes(node.attributes, true) : node.attributes;
@@ -43603,7 +43629,9 @@ var MockElement = class extends MockNode2 {
     addEventListener(this, type, handler);
   }
   attachShadow(_opts) {
+    var _a2;
     const shadowRoot = this.ownerDocument.createDocumentFragment();
+    shadowRoot.delegatesFocus = (_a2 = _opts.delegatesFocus) != null ? _a2 : false;
     this.shadowRoot = shadowRoot;
     return shadowRoot;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "8.0.0-alpha.10",
+  "version": "8.0.0-alpha.12",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -60,7 +60,7 @@
     "smart-array-filter": "^4.0.2",
     "stencil-wormhole": "3.2.1",
     "tyqs": "^0.1.3",
-    "@nanoporetech-digital/style": "8.0.0-alpha.10"
+    "@nanoporetech-digital/style": "8.0.0-alpha.12"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.22.1",
@@ -70,7 +70,7 @@
     "@stencil-community/eslint-plugin": "^0.10.0",
     "@stencil-community/postcss": "^2.2.0",
     "@stencil-community/web-types-output-target": "^1.0.3",
-    "@stencil/core": "~4.35.3",
+    "@stencil/core": "../../../stenciljs",
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "3.0.12",
     "@stencil/vue-output-target": "^0.6.2",

package/dist/nano-components/index-q0XK-YfO.js

@@ -1,5 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-const t="nano-components";var e=Object.defineProperty,n={isServer:!1},o=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(o||{}),s=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(s||{}),l="type",i="value",r="serialized:",c=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);Object.defineProperty(t,n,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},u=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},f=(t,e)=>{t.__stencil__getHostRef=()=>e,e.i=t,c(t,e)},a=(t,e)=>e in t,d=(t,e)=>(0,console.error)(t,e),h=new Map,p=new Map,v="s-id",b="sty-id",$="c-id",m="slot-fb{display:contents}slot-fb[hidden]{display:none}",y="http://www.w3.org/1999/xlink",g="undefined"!=typeof window?window:{},w=g.HTMLElement||class{},S={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},j=t=>Promise.resolve(t),O=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),N=!1,x=[],k=[],E=(t,e)=>n=>{t.push(n),N||(N=!0,e&&4&S.u?M(I):S.raf(I))},C=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){d(t)}t.length=0},I=()=>{C(x),C(k),(N=x.length>0)&&S.raf(I)},M=t=>j().then(t),L=E(x,!1),R=E(k,!0),A=t=>{const e=new URL(t,S.h);return e.origin!==g.location.origin?e.href:e.pathname},T=t=>"object"==(t=typeof t)||"function"===t;function B(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var P=class t{static fromLocalValue(e){const n=e[l],o=i in e?e[i]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((e=>t.fromLocalValue(e)));case"date":return new Date(o);case"map":const e=new Map;for(const[n,s]of o){const o="object"==typeof n&&null!==n?t.fromLocalValue(n):n,l=t.fromLocalValue(s);e.set(o,l)}return e;case"object":const s={};for(const[e,n]of o)s[e]=t.fromLocalValue(n);return s;case"regexp":const{pattern:l,flags:i}=o;return RegExp(l,i);case"set":const r=new Set;for(const e of o)r.add(t.fromLocalValue(e));return r;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(l))return!1;const e=t[l];return!!Object.values({...o,...s}).includes(e)&&("null"===e||"undefined"===e||t.hasOwnProperty(i))}};((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>U,map:()=>_,ok:()=>F,unwrap:()=>W,unwrapErr:()=>V});var F=t=>({isOk:!0,isErr:!1,value:t}),U=t=>({isOk:!1,isErr:!0,value:t});function _(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>F(t))):F(n)}if(t.isErr)return U(t.value);throw"should never get here"}var D,W=t=>{if(t.isOk)return t.value;throw t.value},V=t=>{if(t.isErr)return t.value;throw t.value};function z(){const t=this.attachShadow({mode:"open"});void 0===D&&(D=null),D&&t.adoptedStyleSheets.push(D)}var H=t=>{const e=wt(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&Y(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!q(t,Q(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&wt(t,"childNodes").length&&H(t)}},J=t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e};function Y(t,e,n){let o,s=0,l=[];for(;s<t.length;s++){if(o=t[s],o["s-sr"]&&(!e||o["s-hn"]===e)&&(void 0===n||Q(o)===n)&&(l.push(o),void 0!==n))return l;l=[...l,...Y(o.childNodes,e,n)]}return l}var q=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let s=t;for(;s=s.nextSibling;)Q(s)!==e||!n&&s["s-sr"]||o.push(s);return o},G=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,K=(t,e,n,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=t,!e["s-cr"]||!e["s-cr"].parentNode)return;const l=e["s-cr"].parentNode,i=wt(l,n?"prepend":"appendChild");if(void 0!==o){s["s-oo"]=o;const t=wt(l,"childNodes"),e=[s];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>i.call(l,t)))}else i.call(l,s);t["s-ol"]=s,t["s-sh"]=e["s-hn"]},Q=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function X(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const s=this["s-cr"].parentElement;return(s.__childNodes?s.childNodes:J(s.childNodes)).forEach((t=>{o===Q(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}function Z(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function tt(t,e){var n;if(!(e=e||(null==(n=t["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=Q(t)||"";return{slotNode:Y(wt(e,"childNodes"),e.tagName,o)[0],slotName:o}}var et=t=>{const e=t.cloneNode;t.cloneNode=function(t){const n=this.shadowRoot&&true,o=e.call(this,!!n&&t);if(!n&&t){let t,e,n=0;const s=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],l=this.__childNodes||this.childNodes;for(;n<l.length;n++)t=l[n]["s-nr"],e=s.every((t=>!l[n][t])),t&&(o.__appendChild?o.__appendChild(t.cloneNode(!0)):o.appendChild(t.cloneNode(!0))),e&&o.appendChild(l[n].cloneNode(!0))}return o}},nt=t=>{t.__appendChild=t.appendChild,t.appendChild=function(t){const{slotName:e,slotNode:n}=tt(t,this);if(n){K(t,n);const o=q(n,e),s=o[o.length-1],l=wt(s,"parentNode"),i=wt(l,"insertBefore")(t,s.nextSibling);return Z(n),H(this),i}return this.__appendChild(t)}},ot=t=>{t.__removeChild=t.removeChild,t.removeChild=function(t){return t&&void 0!==t["s-sn"]&&Y(this.__childNodes||this.childNodes,this.tagName,t["s-sn"])&&t.isConnected?(t.remove(),void H(this)):this.__removeChild(t)}},st=t=>{t.__prepend=t.prepend,t.prepend=function(...e){e.forEach((e=>{"string"==typeof e&&(e=this.ownerDocument.createTextNode(e));const n=(e["s-sn"]=Q(e))||"",o=Y(wt(this,"childNodes"),this.tagName,n)[0];if(o){K(e,o,!0);const t=q(o,n)[0],s=wt(t,"parentNode"),l=wt(s,"insertBefore")(e,wt(t,"nextSibling"));return Z(o),l}return 1===e.nodeType&&e.getAttribute("slot")&&(e.hidden=!0),t.__prepend(e)}))}},lt=t=>{t.__append=t.append,t.append=function(...t){t.forEach((t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t)),this.appendChild(t)}))}},it=t=>{const e=t.insertAdjacentHTML;t.insertAdjacentHTML=function(t,n){if("afterbegin"!==t&&"beforeend"!==t)return e.call(this,t,n);const o=this.ownerDocument.createElement("_");let s;if(o.innerHTML=n,"afterbegin"===t)for(;s=o.firstChild;)this.prepend(s);else if("beforeend"===t)for(;s=o.firstChild;)this.append(s)}},rt=t=>{t.insertAdjacentText=function(t,e){this.insertAdjacentHTML(t,e)}},ct=t=>{t.__insertBefore||(t.__insertBefore=t.insertBefore,t.insertBefore=function(t,e){const{slotName:n,slotNode:o}=tt(t,this),s=this.__childNodes?this.childNodes:J(this.childNodes);if(o){let l=!1;if(s.forEach((s=>{if(s!==e&&null!==e);else{if(l=!0,null===e||n!==e["s-sn"])return void this.appendChild(t);if(n===e["s-sn"]){K(t,o);const n=wt(e,"parentNode");wt(n,"insertBefore")(t,e),Z(o)}}})),l)return t}const l=null==e?void 0:e.__parentNode;return l&&!this.isSameNode(l)?this.appendChild(t):this.__insertBefore(t,e)})},ut=t=>{const e=t.insertAdjacentElement;t.insertAdjacentElement=function(t,n){return"afterbegin"!==t&&"beforeend"!==t?e.call(this,t,n):"afterbegin"===t?(this.prepend(n),n):"beforeend"===t?(this.append(n),n):n}},ft=t=>{gt("textContent",t),Object.defineProperty(t,"textContent",{get:function(){let t="";return(this.__childNodes?this.childNodes:J(this.childNodes)).forEach((e=>t+=e.textContent||"")),t},set:function(t){(this.__childNodes?this.childNodes:J(this.childNodes)).forEach((t=>{t["s-ol"]&&t["s-ol"].remove(),t.remove()})),this.insertAdjacentHTML("beforeend",t)}})},at=t=>{class e extends Array{item(t){return this[t]}}gt("children",t),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),gt("firstChild",t),Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}}),gt("lastChild",t),Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),gt("childNodes",t),Object.defineProperty(t,"childNodes",{get(){const t=new e;return t.push(...J(this.__childNodes)),t}})},dt=t=>{t&&void 0===t.__nextSibling&&globalThis.Node&&(ht(t),vt(t),$t(t),t.nodeType===Node.ELEMENT_NODE&&(pt(t),bt(t)))},ht=t=>{t&&!t.__nextSibling&&(gt("nextSibling",t),Object.defineProperty(t,"nextSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.childNodes,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n+1]:this.__nextSibling}}))},pt=t=>{t&&!t.__nextElementSibling&&(gt("nextElementSibling",t),Object.defineProperty(t,"nextElementSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.children,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n+1]:this.__nextElementSibling}}))},vt=t=>{t&&!t.__previousSibling&&(gt("previousSibling",t),Object.defineProperty(t,"previousSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.childNodes,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n-1]:this.__previousSibling}}))},bt=t=>{t&&!t.__previousElementSibling&&(gt("previousElementSibling",t),Object.defineProperty(t,"previousElementSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.children,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n-1]:this.__previousElementSibling}}))},$t=t=>{t&&!t.__parentNode&&(gt("parentNode",t),Object.defineProperty(t,"parentNode",{get:function(){var t;return(null==(t=this["s-ol"])?void 0:t.parentNode)||this.__parentNode},set:function(t){this.__parentNode=t}}))},mt=["children","nextElementSibling","previousElementSibling"],yt=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function gt(t,e){let n;mt.includes(t)?n=Object.getOwnPropertyDescriptor(Element.prototype,t):yt.includes(t)&&(n=Object.getOwnPropertyDescriptor(Node.prototype,t)),n||(n=Object.getOwnPropertyDescriptor(e,t)),n&&Object.defineProperty(e,"__"+t,n)}function wt(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var St=new WeakMap,jt=(t,e,n)=>{let o=p.get(t);O&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,p.set(t,o)},Ot=(t,e)=>{var n;const o=Nt(e),s=p.get(o);if(!g.document)return o;if(t=11===t.nodeType?t:g.document,s)if("string"==typeof s){let l,i=St.get(t=t.head||t);if(i||St.set(t,i=new Set),!i.has(o)){if(t.host&&(l=t.querySelector(`[${b}="${o}"]`)))l.innerHTML=s;else{l=g.document.createElement("style"),l.innerHTML=s;const o=null!=(n=S.p)?n:B(g.document);if(null!=o&&l.setAttribute("nonce",o),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(O){const e=new CSSStyleSheet;e.replaceSync(s),t.adoptedStyleSheets.unshift(e)}else{const e=t.querySelector("style");e?e.innerHTML=s+e.innerHTML:t.prepend(l)}else t.append(l);1&e.u&&t.insertBefore(l,null)}4&e.u&&(l.innerHTML+=m),i&&i.add(o)}}else t.adoptedStyleSheets.includes(s)||t.adoptedStyleSheets.push(s);return o},Nt=t=>"sc-"+t.v,xt=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),kt=(t,e,...n)=>{let o=null,s=null,l=null,i=!1,r=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!T(o))&&(o+=""),i&&r?c[c.length-1].$+=o:c.push(i?Et(null,o):o),r=i)};if(u(n),e){e.key&&(s=e.key),e.name&&(l=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,It);const f=Et(t,null);return f.m=e,c.length>0&&(f.S=c),f.j=s,f.O=l,f},Et=(t,e)=>({u:0,N:t,$:e,k:null,S:null,m:null,j:null,O:null}),Ct={},It={forEach:(t,e)=>t.map(Mt).forEach(e),map:(t,e)=>t.map(Mt).map(e).map(Lt)},Mt=t=>({vattrs:t.m,vchildren:t.S,vkey:t.j,vname:t.O,vtag:t.N,vtext:t.$}),Lt=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),kt(t.vtag,e,...t.vchildren||[])}const e=Et(t.vtag,t.vtext);return e.m=t.vattrs,e.S=t.vchildren,e.j=t.vkey,e.O=t.vname,e},Rt=(t,e,n,o,s,l,i,r=[])=>{let c,u,f,a;const d=s["s-sc"];if(1===l.nodeType){if(c=l.getAttribute($),c&&(u=c.split("."),u[0]===i||"0"===u[0])){f=Tt({u:0,C:u[0],I:u[1],M:u[2],L:u[3],N:l.tagName.toLowerCase(),k:l,m:{class:l.className||""}}),e.push(f),l.removeAttribute($),t.S||(t.S=[]),d&&u[0]===i&&(l["s-si"]=d,f.m.class+=" "+d);const s=f.k.getAttribute("s-sn");"string"==typeof s&&("slot-fb"===f.N&&(Bt(s,u[2],f,l,t,e,n,o,r),d&&l.classList.add(d)),f.k["s-sn"]=s,f.k.removeAttribute("s-sn")),void 0!==f.L&&(t.S[f.L]=f),t=f,o&&"0"===f.M&&(o[f.L]=f.k)}if(l.shadowRoot)for(a=l.shadowRoot.childNodes.length-1;a>=0;a--)Rt(t,e,n,o,s,l.shadowRoot.childNodes[a],i,r);const h=l.__childNodes||l.childNodes;for(a=h.length-1;a>=0;a--)Rt(t,e,n,o,s,h[a],i,r)}else if(8===l.nodeType)u=l.nodeValue.split("."),(u[1]===i||"0"===u[1])&&(c=u[0],f=Tt({C:u[1],I:u[2],M:u[3],L:u[4]||"0",k:l,m:null,S:null,j:null,O:null,N:null,$:null}),"t"===c?(f.k=Ft(l,3),f.k&&3===f.k.nodeType&&(f.$=f.k.textContent,e.push(f),l.remove(),i===f.C&&(t.S||(t.S=[]),t.S[f.L]=f),o&&"0"===f.M&&(o[f.L]=f.k))):"c"===c?(f.k=Ft(l,8),f.k&&8===f.k.nodeType&&(e.push(f),l.remove())):f.C===i&&("s"===c?Bt(l["s-sn"]=u[5]||"",u[2],f,l,t,e,n,o,r):"r"===c&&(o?l.remove():(s["s-cr"]=l,l["s-cn"]=!0))));else if(t&&"style"===t.N){const e=Et(null,l.textContent);e.k=l,e.L="0",t.S=[e]}else 3!==l.nodeType||l.wholeText.trim()||l["s-nr"]||l.remove();return t},At=(t,e)=>{if(1===t.nodeType){const n=t[v]||t.getAttribute(v);n&&e.set(n,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)At(t.shadowRoot.childNodes[o],e);const s=t.__childNodes||t.childNodes;for(o=0;o<s.length;o++)At(s[o],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},Tt=t=>({u:0,C:null,I:null,M:null,L:"0",k:null,m:null,S:null,j:null,O:null,N:null,$:null,...t});function Bt(t,e,n,o,s,l,i,r,c){o["s-sr"]=!0,n.O=t||null,n.N="slot";const u=(null==s?void 0:s.k)?s.k["s-id"]||s.k.getAttribute("s-id"):"";if(r&&g.document){const l=n.k=g.document.createElement(n.N);n.O&&n.k.setAttribute("name",t),s.k.shadowRoot&&u&&u!==n.C?wt(s.k,"insertBefore")(l,wt(s.k,"children")[0]):wt(wt(o,"parentNode"),"insertBefore")(l,o),Pt(c,e,t,o,n.C),o.remove(),"0"===n.M&&(r[n.L]=n.k)}else{const l=n.k,i=u&&u!==n.C&&s.k.shadowRoot;Pt(c,e,t,o,i?u:n.C),X(o),i&&s.k.insertBefore(l,s.k.children[0])}l.push(n),i.push(n),s.S||(s.S=[]),s.S[n.L]=n}var Pt=(t,e,n,o,s)=>{let l=o.nextSibling;for(t[e]=t[e]||[];l&&((l.getAttribute&&l.getAttribute("slot")||l["s-sn"])===n||""===n&&!l["s-sn"]&&(8===l.nodeType||3===l.nodeType||"SLOT"===l.tagName));)l["s-sn"]=n,t[e].push({slot:o,node:l,hostId:s}),l=l.nextSibling},Ft=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},Ut=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};Ut("::slotted"),Ut(":host"),Ut(":host-context");var _t,Dt,Wt,Vt=(t,e)=>{if("string"==typeof t&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))try{return JSON.parse(t)}catch(t){}return"string"==typeof t&&t.startsWith(r)?t=function(t){return"string"==typeof t&&t.startsWith(r)?P.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t):null==t||T(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?t+"":t},zt=t=>u(t).$hostElement$,Ht=(t,e,n)=>{const o=zt(t);return{emit:t=>Jt(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},Jt=(t,e,n)=>{const o=S.ce(e,n);return t.dispatchEvent(o),o},Yt=(t,e,n,o,s,l,i)=>{if(n===o)return;let r=a(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,s=Gt(n);let l=Gt(o);if((t["s-si"]||t["s-sc"])&&i){const n=t["s-sc"]||t["s-si"];l.push(n),s.forEach((t=>{t.startsWith(n)&&l.push(t)})),l=[...new Set(l)].filter((t=>t)),e.add(...l)}else e.remove(...s.filter((t=>t&&!l.includes(t)))),e.add(...l.filter((t=>t&&!s.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(r||"o"!==e[0]||"n"!==e[1]){const i=T(o);if(r||i&&null!==o)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const s=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==s||("function"==typeof t.__lookupSetter__(e)?t[e]=s:t.setAttribute(e,s))}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(y,e):t.removeAttribute(e)):(!r||4&l||s)&&!i&&1===t.nodeType&&(o=!0===o?"":o,u?t.setAttributeNS(y,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):a(g,c)?c.slice(2):c[2]+e.slice(3),n||o){const s=e.endsWith(Kt);e=e.replace(Qt,""),n&&S.rel(t,e,n,s),o&&S.ael(t,e,o,s)}},qt=/\s/,Gt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(qt):[]),Kt="Capture",Qt=RegExp(Kt+"$"),Xt=(t,e,n,o)=>{const s=11===e.k.nodeType&&e.k.host?e.k.host:e.k,l=t&&t.m||{},i=e.m||{};for(const t of Zt(Object.keys(l)))t in i||Yt(s,t,l[t],void 0,n,e.u,o);for(const t of Zt(Object.keys(i)))Yt(s,t,l[t],i[t],n,e.u,o)};function Zt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var te=!1,ee=!1,ne=!1,oe=!1,se=(t,e,n)=>{var o;const s=e.S[n];let l,i,r,c=0;if(te||(ne=!0,"slot"===s.N&&(s.u|=s.S?2:1)),null!==s.$)l=s.k=g.document.createTextNode(s.$);else if(1&s.u)l=s.k=g.document.createTextNode(""),Xt(null,s,oe);else{if(!g.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=s.k=g.document.createElement(!te&&2&s.u?"slot-fb":s.N),Xt(null,s,oe),null!=_t&&void 0!==_t&&l["s-si"]!==_t&&l.classList.add(l["s-si"]=_t),s.S)for(c=0;c<s.S.length;++c)i=se(t,s,c),i&&l.appendChild(i)}return l["s-hn"]=Wt,3&s.u&&(l["s-sr"]=!0,l["s-cr"]=Dt,l["s-sn"]=s.O||"",l["s-rf"]=null==(o=s.m)?void 0:o.ref,X(l),r=t&&t.S&&t.S[n],r&&r.N===s.N&&t.k&&le(t.k),be(Dt,l,e.k,null==t?void 0:t.k)),l},le=t=>{S.u|=1;const e=t.closest(Wt.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(ve(e,t,null!=n?n:null),t["s-sh"]=void 0,ne=!0)}S.u&=-2},ie=(t,e)=>{S.u|=1;const n=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let e=t;for(;e=e.nextSibling;)e&&e["s-sn"]===t["s-sn"]&&e["s-sh"]===Wt&&n.push(e)}for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==Wt&&o["s-ol"]&&(ve(fe(o).parentNode,o,fe(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,ne=!0),e&&ie(o,e)}S.u&=-2},re=(t,e,n,o,s,l)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===Wt&&(r=r.shadowRoot);s<=l;++s)o[s]&&(i=se(null,n,s),i&&(o[s].k=i,ve(r,i,fe(e))))},ce=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.k;pe(e),t&&(ee=!0,t["s-ol"]?t["s-ol"].remove():ie(t,!0),t.remove())}}},ue=(t,e,n=!1)=>t.N===e.N&&("slot"===t.N?t.O===e.O:n?(n&&!t.j&&e.j&&(t.j=e.j),!0):t.j===e.j),fe=t=>t&&t["s-ol"]||t,ae=(t,e,n=!1)=>{const o=e.k=t.k,s=t.S,l=e.S,i=e.$;let r;null===i?("slot"!==e.N||te||t.O!==e.O&&(e.k["s-sn"]=e.O||"",le(e.k.parentElement)),Xt(t,e,oe,n),null!==s&&null!==l?((t,e,n,o,s=!1)=>{let l,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,v=o[0],b=o[p];for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==v)v=o[++c];else if(null==b)b=o[--p];else if(ue(d,v,s))ae(d,v,s),d=e[++r],v=o[++c];else if(ue(h,b,s))ae(h,b,s),h=e[--a],b=o[--p];else if(ue(d,b,s))"slot"!==d.N&&"slot"!==b.N||ie(d.k.parentNode,!1),ae(d,b,s),ve(t,d.k,h.k.nextSibling),d=e[++r],b=o[--p];else if(ue(h,v,s))"slot"!==d.N&&"slot"!==b.N||ie(h.k.parentNode,!1),ae(h,v,s),ve(t,h.k,d.k),h=e[--a],v=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].j&&e[f].j===v.j){u=f;break}u>=0?(i=e[u],i.N!==v.N?l=se(e&&e[c],n,u):(ae(i,v,s),e[u]=void 0,l=i.k),v=o[++c]):(l=se(e&&e[c],n,c),v=o[++c]),l&&ve(fe(d.k).parentNode,l,fe(d.k))}r>a?re(t,null==o[p+1]?null:o[p+1].k,n,o,c,p):c>p&&ce(e,r,a)})(o,s,e,l,n):null!==l?(null!==t.$&&(o.textContent=""),re(o,null,e,l,0,l.length-1)):n||null===s?n&&null!==s&&null===l&&(e.S=s):ce(s,0,s.length-1)):(r=o["s-cr"])?r.parentNode.textContent=i:t.$!==i&&(o.data=i)},de=[],he=t=>{let e,n,o;const s=t.__childNodes||t.childNodes;for(const t of s){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const s=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!(e["s-cn"]||e["s-nr"]||e["s-hn"]===t["s-hn"]||e["s-sh"]&&e["s-sh"]===t["s-hn"]))if(G(e,s)){let n=de.find((t=>t.R===e));ee=!0,e["s-sn"]=e["s-sn"]||s,n?(n.R["s-sh"]=t["s-hn"],n.A=t):(e["s-sh"]=t["s-hn"],de.push({A:t,R:e})),e["s-sr"]&&de.map((t=>{G(t.R,e["s-sn"])&&(n=de.find((t=>t.R===e)),n&&!t.A&&(t.A=n.A))}))}else de.some((t=>t.R===e))||de.push({R:e})}1===t.nodeType&&he(t)}},pe=t=>{t.m&&t.m.ref&&t.m.ref(null),t.S&&t.S.map(pe)},ve=(t,e,n)=>{if("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"])be(e["s-cr"],e,t,e.parentElement);else if("string"==typeof e["s-sn"]){11!==t.getRootNode().nodeType&&$t(e),t.insertBefore(e,n);const{slotNode:o}=tt(e);return o&&Z(o),e}return t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n)};function be(t,e,n,o){var s,l;let i;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(i=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],r=e["s-hn"];if(null==(s=n.classList)||s.add(i+"-s"),o&&(null==(l=o.classList)?void 0:l.contains(i+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===r&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(i+"-s")}}}var $e=(t,e)=>{if(e&&!t.T&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.T=()=>{e["s-p"].splice(n-1,1),o()})))}},me=(t,e)=>{if(t.u|=16,!(4&t.u))return $e(t,t.B),R((()=>ye(t,e)));t.u|=512},ye=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let s;return e?(t.u|=256,t.P&&(t.P.map((([t,e])=>Ce(o,t,e,n))),t.P=void 0),s=Ce(o,"componentWillLoad",void 0,n)):s=Ce(o,"componentWillUpdate",void 0,n),s=ge(s,(()=>Ce(o,"componentWillRender",void 0,n))),ge(s,(()=>Se(t,o,e)))},ge=(t,e)=>we(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),we=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Se=async(t,e,n)=>{var o;const s=t.$hostElement$,l=s["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,s=Ot(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(t);Oe(t,e,s,n),l&&(l.map((t=>t())),s["s-rc"]=void 0);{const e=null!=(o=s["s-p"])?o:[],n=()=>xe(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},je=null,Oe=(t,e,n,o)=>{try{je=e,e=e.render&&e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{var o,s,l,i,r;const c=t.$hostElement$,u=t.o,f=t.F||Et(null,null),a=(t=>t&&t.N===Ct)(e)?e:kt(null,null,e);if(Wt=c.tagName,u.U&&(a.m=a.m||{},u.U.map((([t,e])=>a.m[e]=c[t]))),n&&a.m)for(const t of Object.keys(a.m))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(a.m[t]=c[t]);if(a.N=null,a.u|=4,t.F=a,a.k=f.k=c.shadowRoot||c,_t=c["s-sc"],te=!(!(1&u.u)||128&u.u),Dt=c["s-cr"],ee=!1,ae(f,a,n),S.u|=1,ne){he(a.k);for(const t of de){const e=t.R;if(!e["s-ol"]&&g.document){const t=g.document.createTextNode("");t["s-nr"]=e,ve(e.parentNode,e["s-ol"]=t,e)}}for(const t of de){const e=t.R,r=t.A;if(r){const t=r.parentNode;let n=r.nextSibling;if(n&&1===n.nodeType){let l=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;l;){let o=null!=(s=l["s-nr"])?s:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}l=l.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(ve(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(l=e["s-ih"])&&l)),e&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(i=e.hidden)&&i),e.hidden=!0)}}if(ee&&H(a.k),S.u&=-2,de.length=0,2&u.u){const t=a.k.__childNodes||a.k.childNodes;for(const e of t)e["s-hn"]===Wt||e["s-sh"]||(n&&null==e["s-ih"]&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}Dt=void 0})(t,e,o)}catch(e){d(e,t.$hostElement$)}return je=null,null},Ne=()=>je,xe=t=>{const e=t.$hostElement$,n=t.i,o=t.B;Ce(n,"componentDidRender",void 0,e),64&t.u?Ce(n,"componentDidUpdate",void 0,e):(t.u|=64,Ie(e),Ce(n,"componentDidLoad",void 0,e),t._(e),o||Ee()),t.D(e),t.T&&(t.T(),t.T=void 0),512&t.u&&M((()=>me(t,!1))),t.u&=-517},ke=t=>{{const e=u(t),n=e.$hostElement$.isConnected;return n&&2==(18&e.u)&&me(e,!1),n}},Ee=()=>{var e;M((()=>Jt(g,"appload",{detail:{namespace:t}}))),(null==(e=S.W)?void 0:e.size)&&S.W.clear()},Ce=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){d(t,o)}},Ie=t=>t.classList.add("hydrated"),Me=(t,e,n,o)=>{const s=u(t);if(!s)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=s.$hostElement$,i=s.l.get(e),r=s.u,c=s.i;if(n=Vt(n,o.t[e][0]),(!(8&r)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(s.l.set(e,n),c)){if(o.V&&128&r){const t=o.V[e];t&&t.map((t=>{try{c[t](n,i,e)}catch(t){d(t,l)}}))}if(2==(18&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,i,e))return;me(s,!1)}}},Le=(t,e,n)=>{var o,s;const l=t.prototype;if(e.t||e.V||t.watchers){t.watchers&&!e.V&&(e.V=t.watchers);const i=Object.entries(null!=(o=e.t)?o:{});if(i.map((([t,[o]])=>{if(31&o||2&n&&32&o){const{get:s,set:i}=Object.getOwnPropertyDescriptor(l,t)||{};s&&(e.t[t][0]|=2048),i&&(e.t[t][0]|=4096),(1&n||!s)&&Object.defineProperty(l,t,{get(){{if(!(2048&e.t[t][0]))return((t,e)=>u(this).l.get(e))(0,t);const n=u(this),o=n?n.i:l;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(l,t,{set(s){const l=u(this);if(i){const n=32&o?this[t]:l.$hostElement$[t];return void 0===n&&l.l.get(t)?s=l.l.get(t):!l.l.get(t)&&n&&l.l.set(t,n),i.call(this,Vt(s,o)),void Me(this,t,s=32&o?this[t]:l.$hostElement$[t],e)}{if(!(1&n&&4096&e.t[t][0]))return Me(this,t,s,e),void(1&n&&!l.i&&l.H.then((()=>{4096&e.t[t][0]&&l.i[t]!==l.l.get(t)&&(l.i[t]=s)})));const i=()=>{const n=l.i[t];!l.l.get(t)&&n&&l.l.set(t,n),l.i[t]=Vt(s,o),Me(this,t,l.i[t],e)};l.i?i():l.H.then((()=>i()))}}})}else 1&n&&64&o&&Object.defineProperty(l,t,{value(...e){var n;const o=u(this);return null==(n=null==o?void 0:o.J)?void 0:n.then((()=>{var n;return null==(n=o.i)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;l.attributeChangedCallback=function(t,o,s){S.jmp((()=>{var i;const r=n.get(t);if(this.hasOwnProperty(r))s=this[r],delete this[r];else{if(l.hasOwnProperty(r)&&"number"==typeof this[r]&&this[r]==s)return;if(null==r){const n=u(this),l=null==n?void 0:n.u;if(l&&!(8&l)&&128&l&&s!==o){const l=n.i,r=null==(i=e.V)?void 0:i[t];null==r||r.forEach((e=>{null!=l[e]&&l[e].call(l,s,o,t)}))}return}}const c=Object.getOwnPropertyDescriptor(l,r);(s=(null!==s||"boolean"!=typeof this[r])&&s)===this[r]||c.get&&!c.set||(this[r]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.V)?s:{}),...i.filter((([t,e])=>15&e[0])).map((([t,o])=>{var s;const l=o[1]||t;return n.set(l,t),512&o[0]&&(null==(s=e.U)||s.push([t,l])),l}))]))}}return t},Re=(t,e)=>{Ce(t,"connectedCallback",void 0,e)},Ae=t=>{if(!(1&S.u)){const e=u(t),n=e.o,o=()=>{};if(1&e.u)Ue(t,e,n.Y),(null==e?void 0:e.i)?Re(e.i,t):(null==e?void 0:e.H)&&e.H.then((()=>Re(e.i,t)));else{let o;if(e.u|=1,o=t.getAttribute(v),o){if(1&n.u){const e=Ot(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(2&n.u){const e=Nt(n);t["s-sc"]=e}((t,e,n,o)=>{var s,l;const i=t.shadowRoot,r=[],c=[],f=[],a=i?[]:null,d=Et(e,null);let h;d.k=t,Object.entries((null==(s=o.o)?void 0:s.t)||{}).forEach((([e,[n,s]])=>{var l;if(!(31&n))return;const i=t.getAttribute(s||e);if(null!==i){const t=Vt(i,n);null==(l=null==o?void 0:o.l)||l.set(e,t)}}));{const e=o.o;e&&10&e.u&&t["s-sc"]?(h=t["s-sc"],t.classList.add(h+"-h")):t["s-sc"]&&delete t["s-sc"]}!g.document||S.W&&S.W.size||At(g.document.body,S.W=new Map),t[v]=n,t.removeAttribute(v),o.F=Rt(d,r,c,a,t,t,n,f);let p=0;const b=r.length;let $;for(;p<b;p++){$=r[p];const n=$.C+"."+$.I,o=S.W.get(n),s=$.k;if(i){if((null==(l=$.N)?void 0:(""+l).includes("-"))&&!$.k.shadowRoot){const e=Nt(u($.k).o),n=g.document.querySelector(`style[sty-id="${e}"]`);n&&t.shadowRoot.append(n.cloneNode(!0))}}else s["s-hn"]=e.toUpperCase(),"slot"===$.N&&(s["s-cr"]=t["s-cr"]);"slot"===$.N&&($.O=$.k["s-sn"]||$.k.name||null,$.S?($.u|=2,$.k.childNodes.length||$.S.forEach((t=>{$.k.appendChild(t.k)}))):$.u|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(s,o.nextSibling),o.parentNode.removeChild(o),i||(s["s-oo"]=parseInt($.I))),o&&!o["s-id"]&&S.W.delete(n)}const m=[],y=f.length;let w,j,O,N,x=0;for(;x<y;x++)if(w=f[x],w&&w.length)for(O=w.length,j=0;j<O;j++){if(N=w[j],m[N.hostId]||(m[N.hostId]=S.W.get(N.hostId)),!m[N.hostId])continue;const t=m[N.hostId];t.shadowRoot&&i||(N.slot["s-cr"]||(N.slot["s-cr"]=t["s-cr"],N.slot["s-cr"]=!N.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),K(N.node,N.slot,!1,N.node["s-oo"]),dt(N.node)),t.shadowRoot&&N.node.parentElement!==t&&t.appendChild(N.node)}if(h&&c.length&&c.forEach((t=>{t.k.parentElement.classList.add(h+"-s")})),i){let e=0;const n=a.length;if(n){for(;e<n;e++)i.appendChild(a[e]);Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):(8===t.nodeType&&!t.nodeValue||3===t.nodeType&&!t.wholeText.trim())&&t.parentNode.removeChild(t))}))}}o.$hostElement$=t})(t,n.v,o,e)}if(!o)if(12&n.u)Te(t);else if(!(4&n.u)){const e=t.firstChild;8!==(null==e?void 0:e.nodeType)||e["s-cn"]||e.nodeValue||t.removeChild(e)}{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){$e(e,e.B=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.u)){if(e.u|=32,n.q){const s=((t,e)=>{const n=t.v.replace(/-/g,"_"),o=t.q;if(!o)return;const s=h.get(o);return s?s[n]:import(`./${o}.entry.js`).then((t=>(h.set(o,t),t[n])),(t=>{d(t,e.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(s&&"then"in s){const t=()=>{};o=await s,t()}else o=s;if(!o)throw Error(`Constructor for "${n.v}#${e.G}" was not found`);o.isProxied||(n.V=o.watchers,Le(o,n,2),o.isProxied=!0);const l=()=>{};e.u|=8;try{new o(e)}catch(e){d(e,t)}e.u&=-9,e.u|=128,l(),Re(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=Nt(n);if(!p.has(e)){const o=()=>{};jt(e,t,!!(1&n.u)),o()}}}const s=e.B,l=()=>me(e,!0);s&&s["s-rc"]?s["s-rc"].push(l):l()})(t,e,n)}o()}},Te=t=>{if(!g.document)return;const e=t["s-cr"]=g.document.createComment("");e["s-cn"]=!0,ve(t,e,t.firstChild)},Be=(t,e)=>{Ce(t,"disconnectedCallback",void 0,e||t)},Pe=(t,e={})=>{var n;if(!g.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],s=e.exclude||[],l=g.customElements,i=g.document.head,r=i.querySelector("meta[charset]"),c=g.document.createElement("style"),f=[];let a,d=!0;Object.assign(S,e),S.h=new URL(e.resourcesUrl||"./",g.document.baseURI).href,S.u|=2,(()=>{if(!g.document)return;const t=g.document.querySelectorAll(`[${b}]`);let e=0;for(;e<t.length;e++)jt(t[e].getAttribute(b),xt(t[e].innerHTML),!0)})();let h=!1;if(t.map((t=>{t[1].map((n=>{var i;const r={u:n[0],v:n[1],t:n[2],Y:n[3]};4&r.u&&(h=!0),r.t=n[2],r.Y=n[3],r.U=[],r.V=null!=(i=n[4])?i:{};const c=e.transformTagName?e.transformTagName(r.v):r.v,p=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map};n.J=new Promise((t=>n.D=t)),n.H=new Promise((t=>n._=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,r),1&r.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.v}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else z.call(t,r)}connectedCallback(){const t=u(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ue(this,t,r.Y)),a&&(clearTimeout(a),a=null),d?f.push(this):S.jmp((()=>Ae(this)))}disconnectedCallback(){S.jmp((()=>(async t=>{if(!(1&S.u)){const e=u(t);e.K&&(e.K.map((t=>t())),e.K=void 0),(null==e?void 0:e.i)?Be(e.i,t):(null==e?void 0:e.H)&&e.H.then((()=>Be(e.i,t)))}St.has(t)&&St.delete(t),t.shadowRoot&&St.has(t.shadowRoot)&&St.delete(t.shadowRoot)})(this))),S.raf((()=>{var t;const e=u(this),n=f.findIndex((t=>t===this));n>-1&&f.splice(n,1),(null==(t=null==e?void 0:e.F)?void 0:t.k)instanceof Node&&!e.F.k.isConnected&&delete e.F.k}))}componentOnReady(){return u(this).H}};2&r.u&&(t=>{et(t),nt(t),lt(t),st(t),ut(t),it(t),rt(t),ct(t),ft(t),at(t),ot(t)})(p.prototype),r.q=t[0],s.includes(c)||l.get(c)||(o.push(c),l.define(c,Le(p,r,1)))}))})),o.length>0&&(h&&(c.textContent+=m),c.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",c.innerHTML.length)){c.setAttribute("data-styles","");const t=null!=(n=S.p)?n:B(g.document);null!=t&&c.setAttribute("nonce",t),i.insertBefore(c,r?r.nextSibling:i.firstChild)}d=!1,f.length?f.map((t=>t.connectedCallback())):S.jmp((()=>a=setTimeout(Ee,30)))},Fe=(t,e)=>e,Ue=(t,e,n)=>{n&&g.document&&n.map((([n,o,s])=>{const l=De(g.document,t,n),i=_e(e,s),r=We(n);S.ael(l,o,i,r),(e.K=e.K||[]).push((()=>S.rel(l,o,i,r)))}))},_e=(t,e)=>n=>{var o;try{256&t.u?null==(o=t.i)||o[e](n):(t.P=t.P||[]).push([e,n])}catch(e){d(e,t.$hostElement$)}},De=(t,e,n)=>8&n?g:16&n?t.body:e,We=t=>({passive:!!(1&t),capture:!!(2&t)}),Ve=t=>S.p=t;export{n as B,Fe as F,w as H,t as N,Ct as a,Pe as b,Ht as c,R as d,L as e,d as f,zt as g,kt as h,Ne as i,ke as j,A as k,j as p,f as r,Ve as s,g as w}

package/dist/nano-components/table.worker-DxcGLZVJ.js

@@ -1,4 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-import{c as t}from"./nano-data-table-CC6zn15I.js";import"./index-q0XK-YfO.js";import"./renderer-BjGZGWn8.js";import"./math-BEqsTfVK.js";import"./throttle-C93FMm2Z.js";import"./scroll-N_WMYKm7.js";import"./dom-C8mB0MAq.js";import"./index-wpeqhSWn.js";const r="table.worker",e="stencil.table.worker",o=new URL("table.worker-BTF0UXAd.js",import.meta.url).href;let m;try{m=t(o,r,e)}catch(s){const i=new Blob(['importScripts("'+o+'")'],{type:"text/javascript"}),p=URL.createObjectURL(i);m=t(p,r,e),URL.revokeObjectURL(p)}export{m as worker,e as workerMsgId,r as workerName,o as workerPath}

package/dist/types/utils/testing/index.d.ts

@@ -1,50 +0,0 @@
-import { E2EPage } from '@stencil/core/testing';
-import * as axe from 'axe-core';
-declare global {
-    interface Window {
-        axe: typeof axe;
-    }
-}
-export interface NanoE2EPage extends E2EPage, Pick<PuppeteerPage, 'screenshot' | 'viewport'> {
-    reportA11y: (contextQuery?: string) => Promise<string>;
-}
-type NanoE2EPageOptions = {
-    html: string;
-    viewportWidth: number;
-    viewportHeight?: number;
-    dir: 'ltr' | 'rtl';
-    padding?: string;
-};
-export declare class E2EPlayGround<T> {
-    props: Partial<T>;
-    viewportHeight: number;
-    /** element template string. Add `{{ attrs }}` to place the attributes */
-    template: string;
-    cssVars: {
-        [key: string]: string;
-    };
-    viewportWidth: number;
-    page: NanoE2EPage;
-    tag: string;
-    constructor(setup: {
-        template: string;
-        tag: string;
-    } | string);
-    private get attrs();
-    private get css();
-    newPage(props?: Partial<T>, docOpts?: {
-        dir?: 'rtl' | 'ltr';
-        padding?: string;
-    }): Promise<NanoE2EPage>;
-    reportA11y(): Promise<string>;
-    component(): Promise<import("@stencil/core/testing").E2EElement>;
-    componentQuery(selectorStr: string, shadow?: boolean): Promise<any>;
-}
-export declare function getFocusedElement(page: E2EPage, shadowEleSelector?: string): Promise<any>;
-export declare function clickOnElement(page: E2EPage, elem: ElementHandle<Element>, x?: number, y?: number): Promise<void>;
-export declare function createPage(optionsOrHtml?: string | NanoE2EPageOptions): Promise<NanoE2EPage>;
-export declare const kebabize: (str: any) => any;
-export declare const screenshotSettings: (dirname: string) => MatchImageSnapshotOptions;
-export declare const waitForVisibleSnippet: (selector: any) => string;
-export declare const stringifyFormSnippet = "\n<div id=\"form-result\"></div>\n<script>\n  var form = document.querySelector('form');\n  var result = document.querySelector('#form-result');\n  form.addEventListener('submit', (e) => {\n    e.preventDefault();\n    var data = new FormData(event.target);\n    var object = {};\n    data.forEach((value, key) => {\n        // Reflect.has in favor of: object.hasOwnProperty(key)\n        if(!Reflect.has(object, key)){\n            object[key] = value;\n            return;\n        }\n        if(!Array.isArray(object[key])){\n            object[key] = [object[key]];\n        }\n        object[key].push(value);\n    });\n    result.innerHTML = JSON.stringify(object);\n  })\n</script>";
-export {};