@nanoporetech-digital/components 8.3.0 → 8.3.2

package/dist/esm/nano-hero.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 
 const heroCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host {\n  /**\n   * @prop --nano-loader-base: Base colour of nano-skeleton. Default depends on theme;\n   * @prop --nano-loader-tint: Tint colour of nano-skeleton. Default depends on theme;\n   * @prop --theme-color: Text color. Default depends on theme;\n   * @prop --theme-tint-color: Color used for bread crumbs and icons. Defaults to #90c6e7;\n   * @prop --scrim-color: Color of the gradient covering the background. Default depends on theme;\n   * @prop --scrim-direction: Direction of the gradient covering the background. Default what content slots are present;\n   * @prop --scrim-opacity-from: Starting opactiy of the gradient covering the background. Default .25;\n   * @prop --scrim-opacity-to: Final opactiy of the gradient covering the background. Default depends on `theme`;\n   * @prop --quote-size: Font size of the quote. Defaults to 1.3em and grows to 3rem on the xl breakpoint;\n  */\n  --nano-loader-base: #4a4a4a;\n  --nano-loader-tint: #7d7d7d;\n  --theme-color: #fff;\n  --theme-tint-color: #90c6e7;\n  --scrim-color: 0 0 0;\n  --scrim-direction: -50deg;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 0.7;\n  --padding: 0;\n  --quote-size: 1.3rem;\n  color: var(--theme-color);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([theme=light]) {\n  --nano-loader-base: #fff;\n  --nano-loader-tint: white;\n  --theme-color: #4a4a4a;\n  --scrim-color: 255 255 255;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 1;\n  --scrim-direction: 270deg;\n  color: var(--theme-color);\n}\n:host([theme=light]) .hero__primary-content {\n  --color: #4a4a4a;\n}\n\n.hero {\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero {\n    --quote-size: 3rem;\n  }\n}\n.hero--rtl {\n  --scrim-direction: 270deg;\n}\n.hero--secondary:not(.hero--iconbox) {\n  --scrim-direction: 0deg;\n}\n.hero__bg-wrap {\n  overflow: hidden;\n}\n.hero__bg-slot {\n  position: absolute;\n  inset: 0;\n}\n.hero__ctas {\n  display: flex;\n  justify-content: flex-end;\n  padding-block: 32px 0;\n  padding-inline: 32px;\n  margin-block-end: -64px;\n  position: relative;\n  z-index: 1;\n}\n@media (width <= 52em) {\n  .hero__ctas {\n    display: none;\n  }\n}\n@media (width <= 58em) {\n  .hero__ctas {\n    margin-block-end: -48px;\n  }\n}\n.hero__ctas ::slotted(a.button[slot=secondary-ctas]) {\n  padding-inline: 0.5rem !important;\n  font-size: 0.875rem !important;\n  margin-block: 0 !important;\n  margin-inline: 0.25rem !important;\n}\n.hero__img {\n  display: block;\n  --padding: inherit;\n}\n.hero__breadcrumbs {\n  display: none;\n  margin-block: 20px 0;\n  margin-inline: 14px;\n  line-height: 14px;\n}\n.hero--breadcrumb .hero__breadcrumbs {\n  display: block;\n}\n@container (min-width: 800px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 50px;\n    max-inline-size: 50%;\n  }\n}\n@container (min-width: 900px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 83px;\n  }\n}\n.hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-weight: 600;\n  font-stretch: 125%;\n  display: inline-block;\n  margin-block-end: 16px;\n  position: relative;\n  z-index: 2;\n}\n.hero--hasbg .hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);\n}\n.hero__breadcrumbs ::slotted(a[slot=breadcrumb]) {\n  color: var(--theme-tint-color) !important;\n  cursor: pointer;\n}\n.hero__breadcrumbs ::slotted(.slash[slot=breadcrumb]) {\n  color: var(--theme-color);\n  position: relative;\n  margin-block: 0;\n  margin-inline: 0.5rem;\n  display: inline-block;\n}\n.hero__scrim {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(var(--scrim-direction), rgb(var(--scrim-color)/var(--scrim-opacity-from)) 0%, rgb(var(--scrim-color)/var(--scrim-opacity-to)) 100%);\n}\n.hero--scrim .hero__scrim {\n  background: none;\n}\n.hero__content {\n  max-inline-size: 1440px;\n  display: block;\n  --grid-row-gap: 0;\n  margin-block: 0;\n  margin-inline: auto;\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero__content {\n    margin-block: 50px 0 !important;\n    max-inline-size: 1540px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__content {\n    margin-block: 83px 0 !important;\n    max-inline-size: 1606px !important;\n  }\n}\n.hero__primary {\n  margin: 16px;\n}\n.hero--breadcrumb .hero__primary {\n  margin-block: 0;\n  margin-inline: 16px;\n}\n.hero--backbtn .hero__primary {\n  margin-inline-start: 0;\n}\n.hero__primary ::slotted(.nano-icon-button[slot=back-btn]) {\n  font-size: 2rem;\n}\n@container (min-width: 800px) {\n  .hero__primary {\n    margin-block: 0 50px !important;\n    margin-inline: 50px 0 !important;\n  }\n  .hero__primary ::slotted(.nano-icon-button[slot=back-btn]) {\n    margin-block: 0 !important;\n    margin-inline: -3rem 0 !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__primary {\n    margin-block: 0 83px !important;\n    margin-inline: 83px 0 !important;\n  }\n}\n.hero__primary-content {\n  max-inline-size: 45rem;\n  --color: #fff;\n  display: flex;\n}\n.hero--backbtn .hero__primary-content > div {\n  padding-block: 10px 0;\n  padding-inline: 0;\n}\n.hero__primary-content ::slotted(h1[slot=primary-content]) {\n  margin-block: 0 18px !important;\n  font-size: 2rem !important;\n}\n@container (min-width: 800px) {\n  .hero__primary-content ::slotted(h1[slot=primary-content]) {\n    line-height: 31px !important;\n    margin-block-end: 30px !important;\n  }\n  .hero__primary-content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 20px !important;\n  }\n}\n.hero__secondary {\n  display: none;\n  block-size: 100%;\n  padding-block: 0 20px;\n  padding-inline: 14px;\n}\n.hero--secondary .hero__secondary {\n  display: flex;\n  align-items: center;\n}\n@container (min-width: 800px) {\n  .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 50px;\n    justify-content: flex-end;\n  }\n}\n@container (min-width: 900px) {\n  .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 83px;\n  }\n}\n.hero__icon-box {\n  background: rgba(0, 0, 0, 0.7);\n  padding: 24px;\n  inline-size: 100%;\n  margin-block-end: auto;\n  display: flex;\n  flex-direction: column;\n  color: white;\n}\n@container (min-width: 800px) {\n  .hero__icon-box {\n    max-inline-size: 410px;\n    flex: 0 1 410px;\n  }\n}\n.hero__icon-box ::slotted([slot=icon-box-item]) {\n  --nano-color-base: var(--theme-tint-color);\n  --nano-icon-size: 32px;\n  --nano-icon-margin-end: 20px;\n  display: flex;\n  align-items: center;\n  font-size: 0.8125rem;\n  margin-block-end: 20px;\n}\n.hero__icon-box ::slotted(.last[slot=icon-box-item]) {\n  margin-block-end: 0;\n}\n.hero__quote-content {\n  margin-block-start: auto;\n  text-align: center;\n  inline-size: 100%;\n}\n@container (min-width: 800px) {\n  .hero__quote-content {\n    max-inline-size: 500px;\n    flex: 0 1 500px;\n    text-align: initial;\n  }\n}\n.hero__quote::before, .hero__quote::after {\n  content: '\"';\n  font-size: var(--quote-size);\n  font-weight: 600;\n  font-style: italic;\n  line-height: 0;\n  color: #abb6b8;\n  display: inline;\n  position: relative;\n}\n.hero__quote ::slotted([slot=quote]) {\n  font-size: var(--quote-size);\n  font-weight: 200;\n  display: inline;\n}\n.hero__quote-author {\n  text-align: end;\n  font-size: 1rem;\n  opacity: 0.8;\n}\n@container (min-width: 800px) {\n  .hero--sub .hero__content {\n    margin-block-start: 40px;\n  }\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 50px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 40px 50px;\n  }\n  .hero--sub .hero__content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 8px !important;\n  }\n  .hero--sub .hero__content ::slotted(h1[slot=primary-content]) {\n    margin-block-end: 18px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 83px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 40px 83px;\n  }\n}";
 

package/dist/esm/nano-icon-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance } from './index-DgO0qeQ9.js';
+import { r as registerInstance } from './index-BM3Om9WE.js';
 
 const iconItemCss = ":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}}";
 

package/dist/esm/nano-icon_3.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { k as getAssetPath, r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { k as getAssetPath, r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 import { P as Popover } from './popover-CWVbjtKn.js';
 
 let CACHED_MAP;

package/dist/esm/nano-in-page-nav.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
-import { H as HasSlotController } from './slot-ncg8_2lY.js';
-import { g as getDirectChildren } from './dom-CrrHp_I_.js';
+import { r as registerInstance, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
+import { H as HasSlotController } from './slot-CFTP7C_Z.js';
+import { g as getDirectChildren } from './dom-dlicJTEJ.js';
 
 const inPageNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block}.desktop-nav{display:block}@media (width <= 767px){.desktop-nav{display:none}}.mobile-nav{display:none}@media (width <= 767px){.mobile-nav{display:block}}nav{background-color:var(--color-bg);padding:0}nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}.header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}.header ::slotted(a[slot=back]),.header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}.header ::slotted(a[slot=back])::before,.header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}.details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}.details-wrapper::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}.details-wrapper[open]::part(header){background-color:var(--nano-color-primary-75)}.details-wrapper::part(content){padding:0}.details-wrapper::part(body){padding:0}.details-wrapper.sticky.stuck[open]::part(header){z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}.details-wrapper a,.details-wrapper ul,.details-wrapper li{all:unset}.details-wrapper ul{display:flex;flex-direction:column;list-style:none}.details-wrapper ul:not(ul ul){padding:0 var(--spacing-l2) 0 var(--spacing-l2)}.details-wrapper a{cursor:pointer}.details-wrapper a:hover{text-decoration:underline}.details-wrapper a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.details-wrapper ul>li:not(ul>li li){margin:0;padding:var(--spacing-l2) 0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;inline-size:100%}.details-wrapper ul>li:not(ul>li li):not(:last-of-type){border-block-end:1px solid var(--color-bottom-border)}.details-wrapper ul>li:not(ul>li li) a{color:var(--color-text)}.details-wrapper ul>li:not(ul>li li) a.is-active{border-inline-start:var(--border-active);padding-inline-start:1rem}.details-wrapper ul>li:not(ul>li li) a:hover{color:var(--color-text-hover)}.details-wrapper ul>li>ul,.details-wrapper ul>li>.nano-details>ul{padding:var(--list-gap) 0 0 var(--spacing-l2);gap:var(--list-gap)}.details-wrapper ul>li>ul a,.details-wrapper ul>li>.nano-details>ul a{color:var(--color-primary) !important}.details-wrapper ul>li>ul>li>.nano-details>ul,.details-wrapper ul>li>.nano-details>ul>li>.nano-details>ul{padding:var(--list-gap) 0 0 var(--nano-spacing-xl)}.details-wrapper .nano-details .nano-details:not(.nano-details .nano-details .nano-details){color:var(--color-text)}.details-wrapper .nano-details{--padding:0;--btn-bg-color:transparent;--btn-bg-color--open:var(--nano-color-primary-75);--btn-bg-color--hover:transparent;border:none;color:var(--color-primary)}.details-wrapper .nano-details .is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.details-wrapper .nano-details[open]>[slot=icon-start]{rotate:90deg}.details-wrapper .nano-details::part(icon--start){margin-inline-end:var(--spacing-l3)}.details-wrapper .nano-details::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing)}.details-wrapper .nano-details::part(header):hover{text-decoration:underline}.details-wrapper .nano-details:not(.nav-details){color:var(--color-primary)}";
 

package/dist/esm/nano-increment.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 
 const incrementCss = ":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{display:inline-block}.root{display:grid;grid-template-columns:min-content auto 1fr;grid-template-rows:max-content max-content;align-items:stretch}::slotted(*){text-align:center}nano-icon-button{background:var(--nano-color-base-0);color:var(--nano-color-primary-1000);display:flex;border-radius:var(--nano-border-radius-pill);position:relative;z-index:1;inline-size:fit-content;block-size:100%}nano-icon-button:hover{background:var(--nano-color-primary-100)}nano-icon-button:active{background:var(--nano-color-primary-300)}nano-icon-button::part(base){border:1px solid var(--nano-color-neutral-300)}nano-icon-button::part(base):focus-visible{outline:var(--nano-focus-ring-color) solid 3px;outline-offset:-2px}.minus{grid-column:1;grid-row:1}.minus nano-icon-button{--padding:0.4375em 0.625em 0.4375em 1.125em;border-start-end-radius:0;border-end-end-radius:0}.minus nano-icon-button::part(base){border-inline-end:none}.plus{grid-column:3;grid-row:1}.plus nano-icon-button{--padding:0.4375em 1.125em 0.4375em 0.625em;border-start-start-radius:0;border-end-start-radius:0}.plus nano-icon-button::part(base){border-inline-start:none}";
 

package/dist/esm/nano-intersection-observe.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
-import { f as findScrollParent } from './scroll-DtQwV9-u.js';
-import './dom-CrrHp_I_.js';
+import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
+import { f as findScrollParent } from './scroll-1nFw8CNk.js';
+import './dom-dlicJTEJ.js';
 
 const IntersectionObserve = class {
     constructor(hostRef) {

package/dist/esm/nano-masked-overflow.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
-import { g as getDirectChildren, a as getOffset } from './dom-CrrHp_I_.js';
+import { r as registerInstance, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
+import { g as getDirectChildren, a as getOffset } from './dom-dlicJTEJ.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';
-import { s as scrollIntoView } from './scroll-DtQwV9-u.js';
+import { s as scrollIntoView } from './scroll-1nFw8CNk.js';
 
 const maskedOverflowCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-size:3px;--indicator-track-color:var(--nano-color-neutral-300);--indicator-track-size:var(--indicator-size);--scroll-btn-color:var(--nano-color-primary-1200);--scroll-btn-size:1rem;--fade-size:100px;position:relative;z-index:var(--nano-z-index-raised)}:host([orientation=horizontal]){display:block}:host([orientation=vertical]){display:flex}.onav--no-transitions *{transition-duration:0s !important}.onav__nav:has(.onav__scroller:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.onav__scroller{scrollbar-width:thin;overflow:auto;display:flex;transition:var(--nano-transition-fast) ease}.onav__scroller:focus{outline:none}.onnav--hide-scrollbars .onav__scroller{scrollbar-width:none;-ms-overflow-style:none}.onnav--hide-scrollbars .onav__scroller::-webkit-scrollbar{inline-size:0;block-size:0}.onav__items{flex:1 1 auto;position:relative;inline-size:auto;flex-wrap:nowrap;display:flex}.onnav--has-indicator .onav__items::before{content:\"\";background:var(--indicator-track-color);display:block;position:absolute;z-index:1}.onav__active-indicator{position:absolute;z-index:10;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease, var(--indicator-transition) height ease}.nano-icon-button.onav__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;border:unset;z-index:2;transition:var(--nano-transition-fast) ease opacity;opacity:0;color:var(--scroll-btn-color);font-size:var(--scroll-btn-size);pointer-events:none}.nano-icon-button.onav__scroll-button.is-shown{opacity:1;pointer-events:all}.onav--horizontal.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--horizontal.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:calc(var(--fade-size) * -2) 0;mask-position:calc(var(--fade-size) * -2) 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%}.onav--horizontal .onav__items{flex-direction:row}.onav--horizontal .onav__items::before{inline-size:100%;block-size:var(--indicator-track-size);inset-block-end:0}.onav--horizontal .onav__active-indicator{inset-block-end:0;border-block-end:solid var(--indicator-size) var(--indicator-color)}.onav--horizontal .onav__scroll-button{inset-block:0}.onav--horizontal .onav__scroll-button--start{inset-inline-start:0}.onav--horizontal .onav__scroll-button--end{inset-inline-end:0}.onav--vertical{--fade-size:70px;inline-size:100%;display:flex}.onav--vertical .onav__nav{max-block-size:100%;min-inline-size:100%;display:flex}.onav--vertical .onav__scroller{inline-size:100%;flex-direction:column}.onav--vertical.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--vertical.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 calc(var(--fade-size) * -2);mask-position:0 calc(var(--fade-size) * -2);-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.onav--vertical .onav__items{flex-direction:column;inline-size:fit-content}.onav--vertical .onav__items::before{block-size:100%;inline-size:var(--indicator-track-size);inset-inline-start:0}.onav--vertical .onav__active-indicator{inset-inline-start:0;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.onav--vertical .onav__scroll-button{inset-inline:0}.onav--vertical .onav__scroll-button--start{inset-block-start:0}.onav--vertical .onav__scroll-button--end{inset-block-end:0}";
 

package/dist/esm/nano-menu-drawer.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, g as getElement, d as writeTask, a as Host } from './index-DgO0qeQ9.js';
-import { c as closestElement } from './dom-CrrHp_I_.js';
-import { t as transformTag, h } from './renderer-T8etwwhk.js';
-import { H as HasSlotController } from './slot-ncg8_2lY.js';
+import { r as registerInstance, g as getElement, d as writeTask, a as Host } from './index-BM3Om9WE.js';
+import { c as closestElement } from './dom-dlicJTEJ.js';
+import { t as transformTag, h } from './renderer-BaP2L8CT.js';
+import { H as HasSlotController } from './slot-CFTP7C_Z.js';
 
 const menuDrawerCss = ":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{--padding-top:13px;--padding-end:13px;--padding-bottom:13px;--padding-start:13px;--icon-size:19px;--font-size:var(--nano-font-size-xs);--bg-color:var(--nano-color-surface-50);--bg-color-hover:var(--nano-color-neutral-75);--bg-color-selected:var(--nano-color-neutral-300);--bg-color-open:var(--nano-color-neutral-300);--content-color:var(--nano-color-neutral-1400);--divider-color:var(--nano-color-neutral-300);--global-nav-height:76px;--menu-width:calc((var(--padding-end) + var(--padding-start)) + var(--icon-size));color-scheme:dark;display:block;z-index:1;background:var(--bg-color);color:var(--content-color);min-block-size:100%}:host(.hide){display:none}.head{border-block-end:var(--divider-color) 1px solid}.container{inset-inline-end:auto;color:var(--content-color);inline-size:var(--menu-width);transition:inline-size 0.3s ease;inset-block-start:var(--global-nav-height);position:sticky;display:flex;flex-direction:column;block-size:100%;max-block-size:calc(100vh - var(--global-nav-height))}:host(.open) .container{inline-size:auto}.content-wrap{inset-inline-start:0;inset-block-start:0;inline-size:inherit;background:var(--bg-color);font-size:var(--font-size);line-height:1;display:flex;flex-direction:column;align-items:stretch;flex:1;box-shadow:var(--nano-shadow-ls)}.content-wrap.secondary-open{box-shadow:none}.content-wrap::after{content:\"\";position:absolute;inset:calc(var(--global-nav-height) * -1) 0 0;background-color:var(--bg-color);z-index:-1}.content{inline-size:auto;display:flex;flex-direction:column;overflow:hidden visible;flex:1}.collapse-btn{all:unset;padding-block:6px;margin-block-start:5px;padding-inline:var(--padding-start) var(--padding-end);inline-size:100%;display:flex;justify-items:flex-start;appearance:none;cursor:pointer;font-size:var(--icon-size)}.collapse-btn:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.collapse-btn:hover{background-color:var(--bg-color-hover)}.collapse-btn:active{background-color:var(--bg-color-selected)}.collapse-btn .nano-icon{transition:var(--nano-transition-x-fast) rotate ease-in-out;rotate:0deg}:host(.open) .collapse-btn .nano-icon{rotate:180deg}.visually-hidden{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.foot{margin-block:auto var(--padding-bottom)}";
 

package/dist/esm/nano-more-less.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 
 const Rating = class {
     constructor(hostRef) {

package/dist/esm/nano-nav-item.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { g as getDirectChildren } from './dom-CrrHp_I_.js';
-import { g as getTabbableElements } from './tabbable-DbW4RUw6.js';
-import { t as transformTag, h } from './renderer-T8etwwhk.js';
-import { H as HasSlotController } from './slot-ncg8_2lY.js';
+import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { g as getDirectChildren } from './dom-dlicJTEJ.js';
+import { g as getTabbableElements } from './tabbable-BgopY-vd.js';
+import { t as transformTag, h } from './renderer-BaP2L8CT.js';
+import { H as HasSlotController } from './slot-CFTP7C_Z.js';
 import { f as focusInContainer } from './active-element-CKJIkX0R.js';
 
 /**

package/dist/esm/nano-option-box.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance } from './index-DgO0qeQ9.js';
+import { r as registerInstance } from './index-BM3Om9WE.js';
 
 const optionBoxCss = ":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}}";
 

package/dist/esm/nano-progress-bar.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance } from './index-DgO0qeQ9.js';
+import { r as registerInstance } from './index-BM3Om9WE.js';
 
 const progressBarCss = ":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}}nano-progress-bar{--indicator-color:var(--nano-color-primary-1000);--track-color:var(--nano-color-neutral-300);--border-radius:1.25rem;--height:0.625rem;display:grid;position:relative;overflow:clip;border-radius:var(--border-radius);block-size:var(--height);font-size:var(--height)}nano-progress-bar[size=small]{--height:0.3125rem}nano-progress-bar[size=large]{--height:0.9375rem}nano-progress-bar progress{appearance:none;inline-size:100%;block-size:inherit;border-radius:var(--border-radius);background-color:var(--track-color);grid-area:1/1}nano-progress-bar>label{grid-area:1/1;position:absolute;inset:0}nano-progress-bar>label progress{position:absolute;inset:0}nano-progress-bar:has(progress:not([value]))::after{content:\"\";inline-size:100%;inset:0;display:block;transform:translateZ(0);animation:indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);background-color:var(--indicator-color);grid-area:1/1;border-radius:none}nano-progress-bar progress:not([value])::-webkit-progress-bar{border-radius:var(--border-radius);background-color:var(--track-color)}nano-progress-bar progress:not([value])::-moz-progress-bar{border-radius:var(--border-radius);background-color:var(--track-color)}@keyframes indeterminate{0%{scale:1 1;transform:translateX(-100%) translateZ(0)}75%,100%{scale:1 1;transform:translateX(100%) translateZ(0)}}nano-progress-bar progress[value]::-webkit-progress-bar{border-radius:var(--border-radius);background-color:var(--track-color)}nano-progress-bar progress[value]::-webkit-progress-value{background-color:var(--indicator-color);-webkit-transition:inline-size var(--nano-transition-fast);transition:inline-size var(--nano-transition-fast)}nano-progress-bar progress[value]::-moz-progress-bar{background-color:var(--indicator-color);-moz-transition:inline-size var(--nano-transition-fast);transition:inline-size var(--nano-transition-fast)}nano-progress-bar[show-percent] progress[value]::before{content:attr(value) \"%\";position:absolute;inline-size:attr(value %);min-inline-size:6%;inset-block-start:50%;translate:0 -50%;text-align:center;transition:inline-size var(--nano-transition-fast);font-size:0.75em;color:var(--nano-color-base-0)}";
 

package/dist/esm/nano-range.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 import { a as clamp } from './math-BEqsTfVK.js';
 import { a as debounceEvent } from './throttle-C93FMm2Z.js';
 

package/dist/esm/nano-rating.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 import { a as clamp } from './math-BEqsTfVK.js';
 
 const ratingCss = ".sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{box-sizing:border-box}[hidden].sc-nano-rating{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{box-sizing:border-box}[hidden].sc-nano-rating{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-rating-h{--symbol-color:var(--nano-color-neutral-400);--symbol-color-active:var(--nano-color-primary-1200);--symbol-spacing:0.25rem;--symbol-size:1.3125rem;display:inline-block}.rating-wrap.sc-nano-rating{position:relative;margin-block:0;margin-inline:calc(var(--symbol-spacing) * -1)}.rating-label.sc-nano-rating{inline-size:100%;overflow:clip;white-space:nowrap;text-overflow:ellipsis;color:var(--nano-color-base-1000);font-size:var(--nano-font-size-xs);padding-block-end:var(--nano-spacing-sm);line-height:1;display:flex;align-items:center}.visually-hidden.sc-nano-rating{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.rating.sc-nano-rating{position:relative;vertical-align:middle;inline-size:100%}.rating.sc-nano-rating:focus{outline:none}.rating.sc-nano-rating:focus-visible:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.rating__symbols.sc-nano-rating{display:flex;align-items:center;position:relative;font-size:var(--symbol-size);color:var(--symbol-color);white-space:nowrap;cursor:pointer;line-height:0;justify-content:space-between}.rating__symbols--inactive.sc-nano-rating .rating__symbol.sc-nano-rating>.sc-nano-rating:not(.nano-icon){background-color:currentcolor !important}.rating__symbols.sc-nano-rating>*.sc-nano-rating{margin:var(--symbol-spacing)}.rating__symbols--indicator.sc-nano-rating{position:absolute;inset-block-start:0;inset-inline-start:0;color:var(--symbol-color-active);pointer-events:none;inline-size:100%}.rating__symbol.sc-nano-rating{transition:0.2s transform;text-align:center}.rating__symbol--hover.sc-nano-rating{transform:scale(1.2)}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:default}.rating--disabled.sc-nano-rating .rating__symbol.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbol.sc-nano-rating{transform:none !important}.rating--disabled.sc-nano-rating{opacity:0.5}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:not-allowed}";

package/dist/esm/nano-resize-observe.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, e as readTask, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, c as createEvent, g as getElement, e as readTask, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 
 const ResizeObserve = class {
     constructor(hostRef) {

package/dist/esm/nano-slide.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, c as createEvent, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 
 const slideCss = ":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{display:flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:100%;font-size:18px;text-align:center;box-sizing:border-box;overflow:hidden;transition:opacity 0.2s;opacity:0;flex-direction:column}:host([ready]){opacity:1}:host(:not([ready])){flex:1 0 auto}";
 

package/dist/esm/{nano-slides-CI0F1FDY.js → nano-slides-DcJWApi6.js}

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, e as readTask, d as writeTask, a as Host } from './index-DgO0qeQ9.js';
-import { t as transformTag, h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, c as createEvent, g as getElement, e as readTask, d as writeTask, a as Host } from './index-BM3Om9WE.js';
+import { t as transformTag, h } from './renderer-BaP2L8CT.js';
 
 function EvEmitter() { }
 const proto$4 = EvEmitter.prototype;
@@ -2811,19 +2811,19 @@ const Slides = class {
     }
     async loadFlickityModules(opts) {
         if (!this.hasFullScreenModule && opts.fullscreen) {
-            await import('./fullscreen-BJlrN4_5.js');
+            await import('./fullscreen-Cfl6LvH2.js');
             this.hasFullScreenModule = true;
         }
         if (!this.hasLazyLoadModule && opts.lazyLoad) {
-            await import('./lazyload-B6FI3nbb.js');
+            await import('./lazyload-CQYknGN2.js');
             this.hasLazyLoadModule = true;
         }
         if (!this.hasDotsModule && opts.pageDots) {
-            await import('./page-dots-BsFo0sLb.js');
+            await import('./page-dots-kX7jiD3G.js');
             this.hasDotsModule = true;
         }
         if (!this.hasFadeModule && opts.fade) {
-            await import('./fade-M1mjf4zm.js');
+            await import('./fade-D4P3XGVa.js');
             this.hasFadeModule = true;
         }
     }

package/dist/esm/nano-slides.entry.js

@@ -1,6 +1,6 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-export { S as nano_slides } from './nano-slides-CI0F1FDY.js';
-import './index-DgO0qeQ9.js';
-import './renderer-T8etwwhk.js';
+export { S as nano_slides } from './nano-slides-DcJWApi6.js';
+import './index-BM3Om9WE.js';
+import './renderer-BaP2L8CT.js';

package/dist/esm/nano-sortable.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { g as getElement, d as writeTask, e as readTask, r as registerInstance, c as createEvent, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { g as getElement, d as writeTask, e as readTask, r as registerInstance, c as createEvent, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 import { d as drag } from './drag-BLOEuv-q.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';
 import { a as addListeners } from './events-ClRFmcmJ.js';

package/dist/esm/nano-spinner.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance } from './index-DgO0qeQ9.js';
+import { r as registerInstance } from './index-BM3Om9WE.js';
 
 const spinnerCss = ":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}}:where(nano-spinner,.nano-spinner){display:inline-block;--track-size:.1em;--indicator-color:var(--nano-color-primary-1000);--track-color:var(--nano-color-neutral-300);--overlay-color:rgb(var(--nano-color-base-rgb-0) / 88%);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--nano-spacing-xs)}:where(nano-spinner,.nano-spinner)::after{content:\"\";order:-1;font-size:1em;display:block;inline-size:1em;block-size:1em;border-radius:50%;border:solid var(--track-size) var(--track-color);border-block-start-color:var(--indicator-color);border-inline-end-color:var(--indicator-color);border-inline-start-color:var(--indicator-color);animation:1s linear infinite loading-spin}:where(nano-spinner,.nano-spinner)>:not([slot=label]){display:none}:where(nano-spinner,.nano-spinner) [slot=label]{font-size:var(--nano-font-size-sm);color:var(--nano-color-neutral-1200);display:block;text-align:center;position:relative;z-index:1}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false]){position:absolute;inset:0;display:grid;grid-template-rows:auto auto;z-index:var(--nano-z-index-mask);justify-items:center}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false])::before{content:\"\";order:-2;position:absolute;inset:0;background:var(--overlay-color);z-index:-1}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false]) [slot=label]{align-self:start;grid-row:2}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false])::after{align-self:end;grid-row:1;position:relative}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 

package/dist/esm/nano-split-pane.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { g as getElement, r as registerInstance, c as createEvent, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { g as getElement, r as registerInstance, c as createEvent, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 import { d as drag } from './drag-BLOEuv-q.js';
 import { a as clamp } from './math-BEqsTfVK.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';

package/dist/esm/nano-sticker.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { a as getOffset } from './dom-CrrHp_I_.js';
+import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { a as getOffset } from './dom-dlicJTEJ.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';
-import { f as findScrollParent } from './scroll-DtQwV9-u.js';
-import { t as transformTag, h } from './renderer-T8etwwhk.js';
+import { f as findScrollParent } from './scroll-1nFw8CNk.js';
+import { t as transformTag, h } from './renderer-BaP2L8CT.js';
 
 const stickerCss = ":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{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-z-index-menubar);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-inline-size:100%}:host([sticky]){position:sticky;transition:0.3s ease transform;will-change:min-block-size}:host([sticky][stuck]){inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){transform:var(--bottom-hide)}:host([sticky][index=\"1\"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index=\"2\"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index=\"3\"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index=\"4\"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index=\"5\"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-inline-size:inherit;inline-size:100%}.sticker:not(.stuck){inline-size:auto !important}.sticker.sticky{transition:0.3s ease all;position:relative}:host([index=\"1\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index=\"2\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index=\"3\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index=\"4\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index=\"5\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index);transform:translateY(0)}:host([placed-top]) .sticker.stuck{inset-block-start:0}:host([placed-bottom]) .sticker.stuck{inset-block-end:0}:host([placed-top]) .sticker.stuck.hide{transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{transform:var(--bottom-hide)}.sticker-content{display:flex;flex-wrap:wrap}";
 

package/dist/esm/nano-tab-content.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 
 const tabContentCss = ":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{display:block;opacity:1;animation:opacity 0.3s ease-in-out forwards;animation-duration:0s !important}:host(.ready){animation-duration:0.3s !important}@media only screen and (width <= 768px){:host([animation-dir=left]){animation:slide-right 0.3s ease-in-out;opacity:1}:host([animation-dir=right]){animation:slide-left 0.3s ease-in-out;opacity:1}}.nano-tab-content{position:relative}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slide-left{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%) translate3d(-0.9em)}100%{transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{transform:translate3d(100%, 0, 0)}50%{transform:translateX(0%) translate3d(0.9em)}100%{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion: reduce){*{animation:none !important}}";
 

package/dist/esm/nano-tab-group.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, j as forceUpdate, a as Host } from './index-DgO0qeQ9.js';
-import { g as getDirectChildren } from './dom-CrrHp_I_.js';
-import { C as ComponentStore } from './component-store-DeKxotC5.js';
-import { t as transformTag, h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, c as createEvent, g as getElement, j as forceUpdate, a as Host } from './index-BM3Om9WE.js';
+import { g as getDirectChildren } from './dom-dlicJTEJ.js';
+import { C as ComponentStore } from './component-store-JYVuxwvK.js';
+import { t as transformTag, h } from './renderer-BaP2L8CT.js';
 import './throttle-C93FMm2Z.js';
 
 const tabGroupCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items){gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items){align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items){display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";

package/dist/esm/nano-tab.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-DgO0qeQ9.js';
-import { h } from './renderer-T8etwwhk.js';
+import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-BM3Om9WE.js';
+import { h } from './renderer-BaP2L8CT.js';
 
 const tabCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1000);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";
 

package/dist/esm/nano-table.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { g as getElement, r as registerInstance, a as Host } from './index-DgO0qeQ9.js';
+import { g as getElement, r as registerInstance, a as Host } from './index-BM3Om9WE.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';
-import { t as transformTag, h } from './renderer-T8etwwhk.js';
+import { t as transformTag, h } from './renderer-BaP2L8CT.js';
 
 const tableCss = ".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";
 

package/dist/esm/{page-dots-BsFo0sLb.js → page-dots-kX7jiD3G.js}

@@ -1,9 +1,9 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-CI0F1FDY.js';
-import './index-DgO0qeQ9.js';
-import './renderer-T8etwwhk.js';
+import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-DcJWApi6.js';
+import './index-BM3Om9WE.js';
+import './renderer-BaP2L8CT.js';
 
 // -------------------------- PageDots -------------------------- //
 function PageDots(parent) {

package/dist/esm/{renderer-T8etwwhk.js → renderer-BaP2L8CT.js}

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { h as h$1 } from './index-DgO0qeQ9.js';
+import { h as h$1 } from './index-BM3Om9WE.js';
 
 /* eslint-disable @typescript-eslint/no-namespace */
 // css only components cannot be transformed because their static css relies on the tag name

package/dist/esm/{scroll-DtQwV9-u.js → scroll-1nFw8CNk.js}

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { a as getOffset } from './dom-CrrHp_I_.js';
+import { a as getOffset } from './dom-dlicJTEJ.js';
 
 /**
  * @returns the width of the document's scrollbar

package/dist/esm/{slot-ncg8_2lY.js → slot-CFTP7C_Z.js}

@@ -1,8 +1,8 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { g as getElement, j as forceUpdate } from './index-DgO0qeQ9.js';
-import { g as getDirectChildren } from './dom-CrrHp_I_.js';
+import { g as getElement, j as forceUpdate } from './index-BM3Om9WE.js';
+import { g as getDirectChildren } from './dom-dlicJTEJ.js';
 
 /**
  * Given an element (which can either be within a shadowRoot or not) find it's innerText

package/dist/esm/{tabbable-DbW4RUw6.js → tabbable-BgopY-vd.js}

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import './index-DgO0qeQ9.js';
+import './index-BM3Om9WE.js';
 
 // Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable
 function isTabbable(el, skipVisible = false) {

package/dist/esm/{table.worker-CBjDZoxo.js → table.worker-a52UkSRM.js}

@@ -1,14 +1,14 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { c as createWorker } from './nano-data-table-BP5Ccyob.js';
-import './index-DgO0qeQ9.js';
-import './renderer-T8etwwhk.js';
+import { c as createWorker } from './nano-data-table-Bqk8ZUaL.js';
+import './index-BM3Om9WE.js';
+import './renderer-BaP2L8CT.js';
 import './math-BEqsTfVK.js';
 import './throttle-C93FMm2Z.js';
-import './scroll-DtQwV9-u.js';
-import './dom-CrrHp_I_.js';
-import './index-CjVnX0W1.js';
+import './scroll-1nFw8CNk.js';
+import './dom-dlicJTEJ.js';
+import './index-BlBZYxu4.js';
 
 const workerName = 'table.worker';
 const workerMsgId = 'stencil.table.worker';

package/dist/nano-components/algolia-data-Kh0vPn3V.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{g as n}from"./index-BM3Om9WE.js";var e;!function(n){n.Filter="filter",n.Page="page",n.Replica="replica",n.Init="init"}(e||(e={}));const o=(e,o)=>function(e,o){var i=e.prototype,t=i.componentWillLoad;i.componentWillLoad=function(){var e,i=this,r=n(this),s={promise:new Promise((function(n){e=n})),resolve:e},u=new CustomEvent("openWormhole",{bubbles:!0,composed:!0,detail:{consumer:this,fields:o,updater:function(n,e){i[n]=e},onOpen:s}});return r.dispatchEvent(u),s.promise.then((function(){if(t)return t.call(i)}))}}(e,o);export{e as S,o as W}

package/dist/nano-components/{component-store-DeKxotC5.js → component-store-JYVuxwvK.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{g as t}from"./index-DgO0qeQ9.js";import{d as e}from"./throttle-C93FMm2Z.js";function s(t){const e=new URLSearchParams([...new URLSearchParams(t)].map((([t,e])=>[t.replace(/([[\]])/g,((t,e)=>"["===e?".":"")),e]))),s={};return new Set(e.keys()).forEach((t=>{const n=e.getAll(t).join(",").split(",").map((t=>decodeURIComponent(t.replace(/\+/g," "))));let r=t,o=1===n.length?n[0]:n;if(r.includes(".")){const[t,...e]=r.split("."),n=s[t]||{},i=e.pop();e.reduce(((t,e)=>t[e]??={}),n)[i]=o,r=t,o=n}s[r]=o})),s}const n="nano-component-store:",r=(t="hash",e=window)=>e&&e.location?"hash"===t&&e.location.hash&&e.location.hash.match(/&|=/)?s(e.location.hash.replace(/^#/,"")):"query"===t&&e.location.search&&e.location.search.match(/&|=/)?s(e.location.search.replace(/^\?/,"")):{}:{},o=(t,e,n="hash",o=window,i="replace")=>{t=Object.keys(s(t))[0];const h={};for(const t in e)(!e[t]||Array.isArray(e[t])&&!e[t].length)&&delete e[t];h[t]=e;let u=r(n,o);(u[t]||h[t])&&(u={...u,...h},((t,e="hash",s=window,n="replace")=>{if(!s||!s.history)return;const r="query"===e?s.location.search:s.location.hash,o="query"===e?s.location.pathname:s.location.pathname+s.location.search;let i=function(t){if(!t)return"";const e=[["",t]],s=new URLSearchParams;for(;e.length;){const[t,n]=e.pop();Object.entries(n).forEach((([n,r])=>{if(null==r)return;const o=typeof r,i=t?`${t}.${n}`:n;if(null===r||"object"!==o||Array.isArray(r)){let t="string"===o?r:"";t=Array.isArray(r)?r.join(","):r?.toJSON?r.toJSON():r?.toString?r.toString():String(r),null!=t&&s.append(i,t)}else e.push([i,r])}))}return s.sort(),s.toString()}(t);if(i&&i.length)if("hash"!==e||s.location.hash!=="#"+i)i=("hash"===e?"#":"?")+i,i!==r&&("replace"===n?s.history.replaceState(null,null,o+i):s.history.pushState(null,null,o+i));else try{document.querySelector("#"+i)?.focus()}catch(t){}else{if(!r||!r.length)return;"replace"===n?s.history.replaceState(null,null,o):s.history.pushState(null,null,o)}})(u,n,o,i))},i=(t,e="hash",n=window)=>(t=Object.keys(s(t))[0],r(e,n)[t]||null),h=new Map,u={init(e,s,n,r){const o=r||e.storeId||t(e).id;if(!o)return void console.error("No id set. You can only instantiate a new component store with an id. ");if(h.get(o))return void console.error("Duplicate store id usage. A store ID must be unique!",o);const i=s.reduce(((t,s)=>(void 0!==e[s]&&(t[s]=e[s]),t)),{});h.set(o,new a(o,e,s,i,n)),h.get(o).dispatchToProps();const u=e.connectedCallback;e.connectedCallback=function(){h.set(o,new a(o,e,s,i,n));const t=h.get(o);u&&u.call(e),t&&t.dispatchToProps()};const l=e.componentDidRender;e.componentDidRender=function(){const t=h.get(o);l&&l.call(e),t&&t.savePropsToStore()};const c=e.disconnectedCallback;e.disconnectedCallback=function(){const t=h.get(o);t&&t.delete(),h.delete(o),c&&c.call(e)}},update(t){const e=h.get(t);e?e.savePropsToStore():console.error(`No store found for id: ${t}`)},get:t=>h.get(t)};class a{method="session";keys;id;component;updateStore=!0;initialState={};constructor(t,s,n,r,o){if(!t)throw new Error("No id set. You can only instantiate a new component store with an id");this.id=t,this.keys=n,this.component=s,r&&(this.initialState=r),o&&(this.method=o),this.savePropsToStore=e(this.savePropsToStore,500),"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.addEventListener("popstate",this.onUrlChange)}onUrlChange=()=>{this.dispatchToProps(!1)};equality(t,e){return typeof t==typeof e&&("object"!=typeof t?t===e:JSON.stringify(t)===JSON.stringify(e))}get getData(){const t=this.keys.reduce(((t,e)=>{const s=this.equality(this.component[e],this.initialState[e]);return void 0===this.component[e]||s?s&&delete t[e]:t[e]=this.component[e],t}),{});return Object.keys(t).length?t:void 0}retrieve(){switch(this.method){case"url-hash":case"url-hash-push":return i(this.id,"hash");case"url-query":case"url-query-push":return i(this.id,"query");case"local":return((t,e=window)=>{const s=e.localStorage.getItem(n+this.id);return null!==s?JSON.parse(s):null})();default:return((t,e=window)=>{const s=e.sessionStorage.getItem(n+this.id);return null!==s?JSON.parse(s):null})()}}save(t){switch(this.method){case"url-hash":return o(this.id,t,"hash");case"url-query":return o(this.id,t,"query");case"url-hash-push":return o(this.id,t,"hash",window,"push");case"url-query-push":return o(this.id,t,"query",window,"push");case"local":return((t,e,s=window)=>{e?s.localStorage.setItem(n+t,JSON.stringify(e)):s.localStorage.removeItem(n+t)})(this.id,t);default:return((t,e,s=window)=>{e?s.sessionStorage.setItem(n+t,JSON.stringify(e)):s.sessionStorage.removeItem(n+t)})(this.id,t)}}savePropsToStore=()=>{this.updateStore?this.save(this.getData):this.updateStore||(this.updateStore=!0)};dispatchToProps=(t=!0)=>{const e=this.retrieve();!e&&t||(this.updateStore=t,this.keys.forEach((t=>{this.component[t]=e?e[t]:void 0})))};delete=()=>{"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.removeEventListener("popstate",this.onUrlChange)}}export{u as C}
+import{g as t}from"./index-BM3Om9WE.js";import{d as e}from"./throttle-C93FMm2Z.js";function s(t){const e=new URLSearchParams([...new URLSearchParams(t)].map((([t,e])=>[t.replace(/([[\]])/g,((t,e)=>"["===e?".":"")),e]))),s={};return new Set(e.keys()).forEach((t=>{const n=e.getAll(t).join(",").split(",").map((t=>decodeURIComponent(t.replace(/\+/g," "))));let r=t,o=1===n.length?n[0]:n;if(r.includes(".")){const[t,...e]=r.split("."),n=s[t]||{},i=e.pop();e.reduce(((t,e)=>t[e]??={}),n)[i]=o,r=t,o=n}s[r]=o})),s}const n="nano-component-store:",r=(t="hash",e=window)=>e&&e.location?"hash"===t&&e.location.hash&&e.location.hash.match(/&|=/)?s(e.location.hash.replace(/^#/,"")):"query"===t&&e.location.search&&e.location.search.match(/&|=/)?s(e.location.search.replace(/^\?/,"")):{}:{},o=(t,e,n="hash",o=window,i="replace")=>{t=Object.keys(s(t))[0];const h={};for(const t in e)(!e[t]||Array.isArray(e[t])&&!e[t].length)&&delete e[t];h[t]=e;let u=r(n,o);(u[t]||h[t])&&(u={...u,...h},((t,e="hash",s=window,n="replace")=>{if(!s||!s.history)return;const r="query"===e?s.location.search:s.location.hash,o="query"===e?s.location.pathname:s.location.pathname+s.location.search;let i=function(t){if(!t)return"";const e=[["",t]],s=new URLSearchParams;for(;e.length;){const[t,n]=e.pop();Object.entries(n).forEach((([n,r])=>{if(null==r)return;const o=typeof r,i=t?`${t}.${n}`:n;if(null===r||"object"!==o||Array.isArray(r)){let t="string"===o?r:"";t=Array.isArray(r)?r.join(","):r?.toJSON?r.toJSON():r?.toString?r.toString():String(r),null!=t&&s.append(i,t)}else e.push([i,r])}))}return s.sort(),s.toString()}(t);if(i&&i.length)if("hash"!==e||s.location.hash!=="#"+i)i=("hash"===e?"#":"?")+i,i!==r&&("replace"===n?s.history.replaceState(null,null,o+i):s.history.pushState(null,null,o+i));else try{document.querySelector("#"+i)?.focus()}catch(t){}else{if(!r||!r.length)return;"replace"===n?s.history.replaceState(null,null,o):s.history.pushState(null,null,o)}})(u,n,o,i))},i=(t,e="hash",n=window)=>(t=Object.keys(s(t))[0],r(e,n)[t]||null),h=new Map,u={init(e,s,n,r){const o=r||e.storeId||t(e).id;if(!o)return void console.error("No id set. You can only instantiate a new component store with an id. ");if(h.get(o))return void console.error("Duplicate store id usage. A store ID must be unique!",o);const i=s.reduce(((t,s)=>(void 0!==e[s]&&(t[s]=e[s]),t)),{});h.set(o,new a(o,e,s,i,n)),h.get(o).dispatchToProps();const u=e.connectedCallback;e.connectedCallback=function(){h.set(o,new a(o,e,s,i,n));const t=h.get(o);u&&u.call(e),t&&t.dispatchToProps()};const l=e.componentDidRender;e.componentDidRender=function(){const t=h.get(o);l&&l.call(e),t&&t.savePropsToStore()};const c=e.disconnectedCallback;e.disconnectedCallback=function(){const t=h.get(o);t&&t.delete(),h.delete(o),c&&c.call(e)}},update(t){const e=h.get(t);e?e.savePropsToStore():console.error(`No store found for id: ${t}`)},get:t=>h.get(t)};class a{method="session";keys;id;component;updateStore=!0;initialState={};constructor(t,s,n,r,o){if(!t)throw new Error("No id set. You can only instantiate a new component store with an id");this.id=t,this.keys=n,this.component=s,r&&(this.initialState=r),o&&(this.method=o),this.savePropsToStore=e(this.savePropsToStore,500),"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.addEventListener("popstate",this.onUrlChange)}onUrlChange=()=>{this.dispatchToProps(!1)};equality(t,e){return typeof t==typeof e&&("object"!=typeof t?t===e:JSON.stringify(t)===JSON.stringify(e))}get getData(){const t=this.keys.reduce(((t,e)=>{const s=this.equality(this.component[e],this.initialState[e]);return void 0===this.component[e]||s?s&&delete t[e]:t[e]=this.component[e],t}),{});return Object.keys(t).length?t:void 0}retrieve(){switch(this.method){case"url-hash":case"url-hash-push":return i(this.id,"hash");case"url-query":case"url-query-push":return i(this.id,"query");case"local":return((t,e=window)=>{const s=e.localStorage.getItem(n+this.id);return null!==s?JSON.parse(s):null})();default:return((t,e=window)=>{const s=e.sessionStorage.getItem(n+this.id);return null!==s?JSON.parse(s):null})()}}save(t){switch(this.method){case"url-hash":return o(this.id,t,"hash");case"url-query":return o(this.id,t,"query");case"url-hash-push":return o(this.id,t,"hash",window,"push");case"url-query-push":return o(this.id,t,"query",window,"push");case"local":return((t,e,s=window)=>{e?s.localStorage.setItem(n+t,JSON.stringify(e)):s.localStorage.removeItem(n+t)})(this.id,t);default:return((t,e,s=window)=>{e?s.sessionStorage.setItem(n+t,JSON.stringify(e)):s.sessionStorage.removeItem(n+t)})(this.id,t)}}savePropsToStore=()=>{this.updateStore?this.save(this.getData):this.updateStore||(this.updateStore=!0)};dispatchToProps=(t=!0)=>{const e=this.retrieve();!e&&t||(this.updateStore=t,this.keys.forEach((t=>{this.component[t]=e?e[t]:void 0})))};delete=()=>{"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.removeEventListener("popstate",this.onUrlChange)}}export{u as C}

package/dist/nano-components/dom-dlicJTEJ.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import"./index-BM3Om9WE.js";var t;function e(t,e=this){return function e(n){if(!n||n===document||n===window)return null;n.assignedSlot&&(n=n.assignedSlot);return n.closest(t)||e(n.getRootNode().host)}(e)}function n(t,e,n=!0){if(!0===n)try{return e=":scope > "+e.split(",").join(", :scope >"),Array.from(t.querySelectorAll(e))}catch(t){console.error(t,"an error. sad")}const o=[];return Array.from(t.childNodes).forEach((t=>{t.matches&&t.matches(e)&&("SLOT"!==t.nodeName||"slot"!==n)?o.push(t):"SLOT"===t.nodeName?Array.from(t.assignedElements()).forEach((t=>{t.matches(e)&&o.push(t)})):n||o.push(t)})),o}function o(t,e){return e&&t?{top:t.getBoundingClientRect().top-e.getBoundingClientRect().top,left:t.getBoundingClientRect().left-e.getBoundingClientRect().left}:{top:0,left:0}}!function(t){t[t.ElementNode=1]="ElementNode",t[t.TextNode=3]="TextNode",t[t.CommentNode=8]="CommentNode",t[t.DocumentNode=9]="DocumentNode",t[t.DocumentTypeNode=10]="DocumentTypeNode",t[t.DocumentFragment=11]="DocumentFragment"}(t||(t={}));export{o as a,e as c,n as g}

package/dist/nano-components/{fade-M1mjf4zm.js → fade-D4P3XGVa.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t,u as i}from"./nano-slides-CI0F1FDY.js";import"./index-DgO0qeQ9.js";import"./renderer-T8etwwhk.js";const s=t.Slide,h=s.prototype.updateTarget;s.prototype.updateTarget=function(...t){if(h.apply(this,t),!this.parent.options.fade)return;const i=this.target-this.x,s=this.cells[0].x;this.cells.forEach((function(t){t.renderPosition(t.x-s-i)}))},s.prototype.setOpacity=function(t){this.cells.forEach((function(i){i.element.style.opacity=t}))};const n=t.prototype;t.createMethods.push("_createFade"),n._createFade=function(){this.fadeIndex=this.selectedIndex,this.prevSelectedIndex=this.selectedIndex,this.on("select",this.onSelectFade),this.on("dragEnd",this.onDragEndFade),this.on("settle",this.onSettleFade),this.on("activate",this.onActivateFade),this.on("deactivate",this.onDeactivateFade)};const o=n.updateSlides;n.updateSlides=function(...t){o.apply(this,t),this.options.fade&&this.slides.forEach((function(t,i){t.setOpacity(i==this.selectedIndex?1:0)}),this)},n.onSelectFade=function(){this.fadeIndex=Math.min(this.prevSelectedIndex,this.slides.length-1),this.prevSelectedIndex=this.selectedIndex},n.onSettleFade=function(){delete this.didDragEnd,this.options.fade&&(this.selectedSlide.setOpacity(1),this.slides[this.fadeIndex]&&this.fadeIndex!=this.selectedIndex&&this.slides[this.fadeIndex].setOpacity(0))},n.onDragEndFade=function(){this.didDragEnd=!0},n.onActivateFade=function(){this.options.fade&&this.element.classList.add("is-fade")},n.onDeactivateFade=function(){this.options.fade&&(this.element.classList.remove("is-fade"),this.slides.forEach((function(t){t.setOpacity("")})))};const c=n.positionSlider;n.positionSlider=function(...t){this.options.fade?(this.fadeSlides(),this.dispatchScrollEvent()):c.apply(this,t)};const e=n.positionSliderAtSelected;n.positionSliderAtSelected=function(...t){this.options.fade&&this.setTranslateX(0),e.apply(this,t)},n.fadeSlides=function(){if(this.slides.length<2)return;const t=this.getFadeIndexes(),i=this.slides[t.a],s=this.slides[t.b],h=this.wrapDifference(i.target,s.target);let n=this.wrapDifference(i.target,-this.x);n/=h,i.setOpacity(1-n),s.setOpacity(n);let o=t.a;this.isDragging&&(o=n>.5?t.a:t.b),null!=this.fadeHideIndex&&this.fadeHideIndex!=o&&this.fadeHideIndex!=t.a&&this.fadeHideIndex!=t.b&&this.slides[this.fadeHideIndex].setOpacity(0),this.fadeHideIndex=o},n.getFadeIndexes=function(){return this.isDragging||this.didDragEnd||void 0===this.fadeIndex?this.options.wrapAround?this.getFadeDragWrapIndexes():this.getFadeDragLimitIndexes():{a:this.fadeIndex,b:this.selectedIndex}},n.getFadeDragWrapIndexes=function(){const t=this.slides.map((function(t,i){return this.getSlideDistance(-this.x,i)}),this),s=t.map((function(t){return Math.abs(t)})),h=Math.min(...s),n=s.indexOf(h);return{a:n,b:i.modulo(n+(t[n]>=0?1:-1),this.slides.length)}},n.getFadeDragLimitIndexes=function(){let t=0;for(let i=0;i<this.slides.length-1&&!(-this.x<this.slides[i].target);i++)t=i;return{a:t,b:t+1}},n.wrapDifference=function(t,i){let s=i-t;if(!this.options.wrapAround)return s;const h=s+this.slideableWidth,n=s-this.slideableWidth;return Math.abs(h)<Math.abs(s)&&(s=h),Math.abs(n)<Math.abs(s)&&(s=n),s};const u=n._getWrapShiftCells;n._getWrapShiftCells=function(...t){this.options.fade||u.apply(this,t)};const f=n.shiftWrapCells;n.shiftWrapCells=function(...t){this.options.fade||f.apply(this,t)}
+import{F as t,u as i}from"./nano-slides-DcJWApi6.js";import"./index-BM3Om9WE.js";import"./renderer-BaP2L8CT.js";const s=t.Slide,h=s.prototype.updateTarget;s.prototype.updateTarget=function(...t){if(h.apply(this,t),!this.parent.options.fade)return;const i=this.target-this.x,s=this.cells[0].x;this.cells.forEach((function(t){t.renderPosition(t.x-s-i)}))},s.prototype.setOpacity=function(t){this.cells.forEach((function(i){i.element.style.opacity=t}))};const n=t.prototype;t.createMethods.push("_createFade"),n._createFade=function(){this.fadeIndex=this.selectedIndex,this.prevSelectedIndex=this.selectedIndex,this.on("select",this.onSelectFade),this.on("dragEnd",this.onDragEndFade),this.on("settle",this.onSettleFade),this.on("activate",this.onActivateFade),this.on("deactivate",this.onDeactivateFade)};const o=n.updateSlides;n.updateSlides=function(...t){o.apply(this,t),this.options.fade&&this.slides.forEach((function(t,i){t.setOpacity(i==this.selectedIndex?1:0)}),this)},n.onSelectFade=function(){this.fadeIndex=Math.min(this.prevSelectedIndex,this.slides.length-1),this.prevSelectedIndex=this.selectedIndex},n.onSettleFade=function(){delete this.didDragEnd,this.options.fade&&(this.selectedSlide.setOpacity(1),this.slides[this.fadeIndex]&&this.fadeIndex!=this.selectedIndex&&this.slides[this.fadeIndex].setOpacity(0))},n.onDragEndFade=function(){this.didDragEnd=!0},n.onActivateFade=function(){this.options.fade&&this.element.classList.add("is-fade")},n.onDeactivateFade=function(){this.options.fade&&(this.element.classList.remove("is-fade"),this.slides.forEach((function(t){t.setOpacity("")})))};const c=n.positionSlider;n.positionSlider=function(...t){this.options.fade?(this.fadeSlides(),this.dispatchScrollEvent()):c.apply(this,t)};const u=n.positionSliderAtSelected;n.positionSliderAtSelected=function(...t){this.options.fade&&this.setTranslateX(0),u.apply(this,t)},n.fadeSlides=function(){if(this.slides.length<2)return;const t=this.getFadeIndexes(),i=this.slides[t.a],s=this.slides[t.b],h=this.wrapDifference(i.target,s.target);let n=this.wrapDifference(i.target,-this.x);n/=h,i.setOpacity(1-n),s.setOpacity(n);let o=t.a;this.isDragging&&(o=n>.5?t.a:t.b),null!=this.fadeHideIndex&&this.fadeHideIndex!=o&&this.fadeHideIndex!=t.a&&this.fadeHideIndex!=t.b&&this.slides[this.fadeHideIndex].setOpacity(0),this.fadeHideIndex=o},n.getFadeIndexes=function(){return this.isDragging||this.didDragEnd||void 0===this.fadeIndex?this.options.wrapAround?this.getFadeDragWrapIndexes():this.getFadeDragLimitIndexes():{a:this.fadeIndex,b:this.selectedIndex}},n.getFadeDragWrapIndexes=function(){const t=this.slides.map((function(t,i){return this.getSlideDistance(-this.x,i)}),this),s=t.map((function(t){return Math.abs(t)})),h=Math.min(...s),n=s.indexOf(h);return{a:n,b:i.modulo(n+(t[n]>=0?1:-1),this.slides.length)}},n.getFadeDragLimitIndexes=function(){let t=0;for(let i=0;i<this.slides.length-1&&!(-this.x<this.slides[i].target);i++)t=i;return{a:t,b:t+1}},n.wrapDifference=function(t,i){let s=i-t;if(!this.options.wrapAround)return s;const h=s+this.slideableWidth,n=s-this.slideableWidth;return Math.abs(h)<Math.abs(s)&&(s=h),Math.abs(n)<Math.abs(s)&&(s=n),s};const e=n._getWrapShiftCells;n._getWrapShiftCells=function(...t){this.options.fade||e.apply(this,t)};const f=n.shiftWrapCells;n.shiftWrapCells=function(...t){this.options.fade||f.apply(this,t)}