@nanoporetech-digital/components 8.17.1 → 8.17.2

package/dist/cjs/nano-alert.cjs.entry.js

@@ -8,7 +8,7 @@ var modal = require('./modal-BlzeVZW4.js');
 var scroll = require('./scroll-C6pO9RvO.js');
 var renderer = require('./renderer-jVpDRMfV.js');
 var activeElement = require('./active-element-Vtuxns0n.js');
-var slot = require('./slot-CM4lrtVE.js');
+var slot = require('./slot-CfuOT0U4.js');
 require('./tabbable-C-YwPfjA.js');
 require('./dom-Dxk5vXYq.js');
 

package/dist/cjs/nano-avatar_5.cjs.entry.js

@@ -7,7 +7,7 @@ var index = require('./index-DGttnXif.js');
 var renderer = require('./renderer-jVpDRMfV.js');
 var modal = require('./modal-BlzeVZW4.js');
 var scroll = require('./scroll-C6pO9RvO.js');
-var slot = require('./slot-CM4lrtVE.js');
+var slot = require('./slot-CfuOT0U4.js');
 var events = require('./events-pBdXJwIU.js');
 var componentStore = require('./component-store-C5eBOK0w.js');
 var activeElement = require('./active-element-Vtuxns0n.js');
@@ -438,7 +438,17 @@ const GlobalSearchResults = class {
         this.algoliaEle.query = meta.query;
     };
     handleNanoFilterChanged() {
-        this.el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        if (!this.algoliaEle.showResults ||
+            !this.algoliaResultsEle?.querySelector('.topbar'))
+            return;
+        const topBar = this.algoliaResultsEle.querySelector('.topbar');
+        if (topBar.scrollIntoViewIfNeeded) {
+            // @ts-expect-error - scrollIntoViewIfNeeded is not standard
+            topBar.scrollIntoViewIfNeeded();
+        }
+        else {
+            topBar.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
     }
     handleReorder(e) {
         if (e
@@ -547,8 +557,8 @@ const GlobalSearchResults = class {
                 objectIDs: [hit.dataset.hitId],
                 positions: [Number(hit.dataset.hitCount) + 1],
             });
+            this.closeSearch();
         }
-        this.closeSearch();
     };
     showFiltersClick = () => {
         this.filtersDiv.tabIndex = -1;
@@ -639,12 +649,12 @@ const GlobalSearchResults = class {
         this.ro.observe(this.el);
     }
     render() {
-        return (renderer.h(index.Host, { key: '481c6ef8c60a3d9e552ac7e34d39e8b4c6d801d3', class: {
+        return (renderer.h(index.Host, { key: '63af990582466961e1cf02c9e67bd8cffa82e620', class: {
                 small: this.currentWidth < 780,
                 'nano-global-search-results': true,
-            }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, renderer.h("nano-algolia", { key: '624265ab100bc1b1476bb9bca306d74d138efec4', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
+            }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, renderer.h("nano-algolia", { key: 'ea81b7334b7d2edb65328f65c70db0f75b48820c', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
             // @ts-expect-error this bubbles from nano-algolia-filter
-            onNanoFilterChanged: () => this.handleNanoFilterChanged() }, renderer.h("template", { key: '5512db296627ed14b7ad73a4831bd0d63a99a086', slot: "template" }, 
+            onNanoFilterChanged: () => this.handleNanoFilterChanged() }, renderer.h("template", { key: '10cf57aac61c6b40cd3a285ddfd03b483b9d131d', slot: "template" }, 
         /* html */ `<div class="main-search sc-nano-global-search-results">
               <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>
                 <script type="text/template" slot="start-template">
@@ -1022,7 +1032,7 @@ const GlobalSearchResults = class {
                   </div>
                 </div>
               {{ /if }}
-            </div>`), renderer.h("div", { key: '5bd881ab628ff64917da008bc134f40a3eb1417a', slot: "output" }), renderer.h("slot", { key: '4a53c4a1315db75890c3128cf6c3471870759c47' }))));
+            </div>`), renderer.h("div", { key: '531d1aaf58fe5df465d93998f9448207d23de76a', slot: "output" }), renderer.h("slot", { key: '66231f02547592a1b03a87b3f3e237c527befc38' }))));
     }
     static get watchers() { return {
         "algoliaEle": ["handleAlgoliaCredsChange", "handleAlgoliaIndexChange", "handleAlgoliaEleChange"],

package/dist/cjs/nano-details.cjs.entry.js

@@ -5,8 +5,7 @@
 
 var index = require('./index-DGttnXif.js');
 var renderer = require('./renderer-jVpDRMfV.js');
-var slot = require('./slot-CM4lrtVE.js');
-require('./dom-Dxk5vXYq.js');
+var slot = require('./slot-CfuOT0U4.js');
 
 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-lg);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-md);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)}";
 

package/dist/cjs/nano-dialog.cjs.entry.js

@@ -7,7 +7,7 @@ var index = require('./index-DGttnXif.js');
 var renderer = require('./renderer-jVpDRMfV.js');
 var modal = require('./modal-BlzeVZW4.js');
 var scroll = require('./scroll-C6pO9RvO.js');
-var slot = require('./slot-CM4lrtVE.js');
+var slot = require('./slot-CfuOT0U4.js');
 var componentStore = require('./component-store-C5eBOK0w.js');
 var tabbable = require('./tabbable-C-YwPfjA.js');
 require('./dom-Dxk5vXYq.js');

package/dist/cjs/nano-dropdown_2.cjs.entry.js

@@ -9,7 +9,7 @@ var popover = require('./popover-CU5-yMCD.js');
 var tabbable = require('./tabbable-C-YwPfjA.js');
 var renderer = require('./renderer-jVpDRMfV.js');
 var dom = require('./dom-Dxk5vXYq.js');
-var slot = require('./slot-CM4lrtVE.js');
+var slot = require('./slot-CfuOT0U4.js');
 
 const dropdownCss = ":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{--width:auto;--border:none;--border-radius:0px;--background:var(--nano-color-neutral-75);--padding:0 0;--overflow:auto;--dropdown-z-index:var(--nano-z-index-dropdown);--min-width:0;--max-height:none;--box-shadow:var(--nano-shadow-l2);--menu-height:calc(100vh - 200px);display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--dropdown-z-index);min-inline-size:var(--min-width);border:0;background:none;padding:0;overflow:visible;color:unset}.dropdown__positioner::backdrop{display:none}.dropdown__positioner[popover],.dropdown__positioner:popover-open{inset:unset}@media (width <= 35.9375em){.dropdown__positioner{z-index:100}}.dropdown__panel{padding:var(--padding);background:var(--background);min-inline-size:var(--min-width);inline-size:var(--width);border:var(--border);border-radius:var(--border-radius);color:currentcolor;box-shadow:var(--box-shadow);opacity:0;transition:var(--nano-transition-x-fast) ease opacity, var(--nano-transition-x-fast) ease transform, var(--nano-transition-fast) ease min-block-size;min-block-size:20px;overflow:var(--overflow);max-block-size:var(--max-height);box-sizing:content-box !important}.dropdown__panel.loading{overflow-y:hidden}.dropdown__panel.top{transform:translateY(-20px) translateZ(0)}.dropdown__panel.bottom{transform:translateY(20px) translateZ(0)}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:translateY(0) translateZ(0)}.dropdown__panel ::slotted(.nano-menu){max-block-size:var(--menu-height)}.dropdown__accessible-title{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}";
 

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

@@ -5,7 +5,7 @@
 
 var index = require('./index-DGttnXif.js');
 var renderer = require('./renderer-jVpDRMfV.js');
-var slot = require('./slot-CM4lrtVE.js');
+var slot = require('./slot-CfuOT0U4.js');
 var dom = require('./dom-Dxk5vXYq.js');
 var scroll = require('./scroll-C6pO9RvO.js');
 

package/dist/cjs/nano-input-otp.cjs.entry.js

@@ -4,8 +4,7 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var slot = require('./slot-CM4lrtVE.js');
-require('./dom-Dxk5vXYq.js');
+var slot = require('./slot-CfuOT0U4.js');
 
 const inputOtpCss = ".sc-nano-input-otp-h,*.sc-nano-input-otp,*.sc-nano-input-otp::before,*.sc-nano-input-otp::after{box-sizing:border-box}[hidden].sc-nano-input-otp{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-input-otp-h,*.sc-nano-input-otp,*.sc-nano-input-otp::before,*.sc-nano-input-otp::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-input-otp-h,*.sc-nano-input-otp,*.sc-nano-input-otp::before,*.sc-nano-input-otp::after{box-sizing:border-box}[hidden].sc-nano-input-otp{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-input-otp-h,*.sc-nano-input-otp,*.sc-nano-input-otp::before,*.sc-nano-input-otp::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-input-otp-h{--color:initial;--min-width:40px;--width:40px;--height:50px;--gap:8px;--icon-size:var(--nano-pictogram-size-small);--inline-padding:calc(var(--icon-size) + var(--gap));--spacing:var(--nano-spacing-xl);--separator-width:7px;--separator-height:1px;--separator-border-radius:0;--separator-color:var(--nano-color-primary-1000);--highlight-color-valid:var(--nano-color-success-1100);--highlight-color-invalid:var(--nano-color-warning-1100);--border-radius:8px;--border-color:var(--nano-color-neutral-700);--border-width:1px;display:block;position:relative;margin-inline:var(--inline-padding)}.input-otp-container.sc-nano-input-otp{position:relative;inline-size:fit-content;block-size:fit-content;margin:0 auto}.input-otp-group.sc-nano-input-otp{display:flex;align-items:center;justify-content:center;gap:var(--gap)}.native-wrapper.sc-nano-input-otp{display:flex;align-items:center;justify-content:center;min-inline-size:var(--min-width)}.native-input.sc-nano-input-otp{border-radius:var(--border-radius);inline-size:var(--width);min-inline-size:inherit;block-size:var(--height);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);background:var(--background);color:var(--color);font-size:inherit;text-align:center;appearance:none}.input-otp-description.sc-nano-input-otp{color:currentcolor;font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);text-align:center;position:relative;margin-block-start:var(--spacing)}.input-otp-description-hidden.sc-nano-input-otp{display:none}.input-otp-separator.sc-nano-input-otp{border-radius:var(--separator-border-radius);flex-shrink:0;inline-size:var(--separator-width);block-size:var(--separator-height);background:var(--separator-color)}.input-otp-disabled.sc-nano-input-otp-h .input-otp-description.sc-nano-input-otp,.input-otp-disabled.sc-nano-input-otp-h .input-otp-group.sc-nano-input-otp{--color:var(--nano-color-neutral-700);opacity:0.5}.input-otp-disabled.sc-nano-input-otp-h,.input-otp-disabled.sc-nano-input-otp-h .native-input.sc-nano-input-otp:disabled{cursor:not-allowed}.has-focus.sc-nano-input-otp-h .native-input.sc-nano-input-otp:focus{outline:var(--nano-focus-ring)}.nano-invalid.sc-nano-input-otp-h .native-input.sc-nano-input-otp{border-color:var(--highlight-color-invalid)}.nano-valid.sc-nano-input-otp-h .native-input.sc-nano-input-otp{border-color:var(--highlight-color-valid)}.input-otp-icon.sc-nano-input-otp{position:absolute;inset-block-start:50%;transform:translateY(-43%);inset-inline-end:calc((var(--gap) + var(--icon-size)) * -1);inline-size:var(--icon-size);block-size:var(--icon-size);display:flex;align-items:center}.input-otp-icon--valid.sc-nano-input-otp{color:var(--nano-color-success-1100)}.input-otp-icon--invalid.sc-nano-input-otp{color:var(--nano-color-warning-1100)}";
 

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

@@ -6,7 +6,7 @@
 var index = require('./index-DGttnXif.js');
 var dom = require('./dom-Dxk5vXYq.js');
 var renderer = require('./renderer-jVpDRMfV.js');
-var slot = require('./slot-CM4lrtVE.js');
+var slot = require('./slot-CfuOT0U4.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/cjs/nano-nav-item.cjs.entry.js

@@ -7,7 +7,7 @@ var index = require('./index-DGttnXif.js');
 var dom = require('./dom-Dxk5vXYq.js');
 var tabbable = require('./tabbable-C-YwPfjA.js');
 var renderer = require('./renderer-jVpDRMfV.js');
-var slot = require('./slot-CM4lrtVE.js');
+var slot = require('./slot-CfuOT0U4.js');
 var activeElement = require('./active-element-Vtuxns0n.js');
 
 /**

package/dist/cjs/{slot-CM4lrtVE.js → slot-CfuOT0U4.js}

@@ -4,7 +4,6 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var dom = require('./dom-Dxk5vXYq.js');
 
 /**
  * Given an element (which can either be within a shadowRoot or not) find it's innerText
@@ -66,7 +65,7 @@ class HasSlotController {
         let childNodes;
         if (this.host.shadowRoot) {
             // * Regular shadow DOM component *
-            childNodes = [...this.host.shadowRoot.childNodes];
+            childNodes = [...this.host.childNodes];
         }
         else if (!this.host.classList.contains('hydrated') &&
             this.host.__childNodes) {
@@ -95,7 +94,7 @@ class HasSlotController {
     hasNamedSlot(name) {
         if (!this.host)
             return false;
-        return dom.getDirectChildren(this.host, `[slot="${name}"]`, true).length > 0;
+        return !!this.host.querySelector(`[slot="${name}"]`);
     }
     has(slotName) {
         return slotName === '[default]'

package/dist/collection/components/breadcrumb/breadcrumb.js

@@ -89,7 +89,7 @@ export class NanoBreadcrumb {
                     "references": {
                         "Breadcrumb": {
                             "location": "local",
-                            "path": "/builds/ZCT-PoHy/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                            "path": "/builds/uzusAVFD/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                             "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
                         }
                     }

package/dist/collection/components/global-search-results/global-search-results.js

@@ -70,7 +70,17 @@ export class GlobalSearchResults {
         this.algoliaEle.query = meta.query;
     };
     handleNanoFilterChanged() {
-        this.el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        if (!this.algoliaEle.showResults ||
+            !this.algoliaResultsEle?.querySelector('.topbar'))
+            return;
+        const topBar = this.algoliaResultsEle.querySelector('.topbar');
+        if (topBar.scrollIntoViewIfNeeded) {
+            // @ts-expect-error - scrollIntoViewIfNeeded is not standard
+            topBar.scrollIntoViewIfNeeded();
+        }
+        else {
+            topBar.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
     }
     handleReorder(e) {
         if (e
@@ -179,8 +189,8 @@ export class GlobalSearchResults {
                 objectIDs: [hit.dataset.hitId],
                 positions: [Number(hit.dataset.hitCount) + 1],
             });
+            this.closeSearch();
         }
-        this.closeSearch();
     };
     showFiltersClick = () => {
         this.filtersDiv.tabIndex = -1;
@@ -272,12 +282,12 @@ export class GlobalSearchResults {
         this.ro.observe(this.el);
     }
     render() {
-        return (h(Host, { key: '481c6ef8c60a3d9e552ac7e34d39e8b4c6d801d3', class: {
+        return (h(Host, { key: '63af990582466961e1cf02c9e67bd8cffa82e620', class: {
                 small: this.currentWidth < 780,
                 'nano-global-search-results': true,
-            }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: '624265ab100bc1b1476bb9bca306d74d138efec4', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
+            }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: 'ea81b7334b7d2edb65328f65c70db0f75b48820c', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
             // @ts-expect-error this bubbles from nano-algolia-filter
-            onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '5512db296627ed14b7ad73a4831bd0d63a99a086', slot: "template" }, 
+            onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '10cf57aac61c6b40cd3a285ddfd03b483b9d131d', slot: "template" }, 
         /* html */ `<div class="main-search sc-nano-global-search-results">
               <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>
                 <script type="text/template" slot="start-template">
@@ -655,7 +665,7 @@ export class GlobalSearchResults {
                   </div>
                 </div>
               {{ /if }}
-            </div>`), h("div", { key: '5bd881ab628ff64917da008bc134f40a3eb1417a', slot: "output" }), h("slot", { key: '4a53c4a1315db75890c3128cf6c3471870759c47' }))));
+            </div>`), h("div", { key: '531d1aaf58fe5df465d93998f9448207d23de76a', slot: "output" }), h("slot", { key: '66231f02547592a1b03a87b3f3e237c527befc38' }))));
     }
     static get is() { return "nano-global-search-results"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/slot.js

@@ -2,7 +2,6 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { Build, forceUpdate, getElement } from "@stencil/core";
-import { getDirectChildren } from "./dom";
 /**
  * Given a slot, this function iterates over all of its assigned elements and text nodes and returns the concatenated
  * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.
@@ -82,7 +81,7 @@ export class HasSlotController {
         let childNodes;
         if (this.host.shadowRoot) {
             // * Regular shadow DOM component *
-            childNodes = [...this.host.shadowRoot.childNodes];
+            childNodes = [...this.host.childNodes];
         }
         else if (!this.host.classList.contains('hydrated') &&
             this.host.__childNodes) {
@@ -111,7 +110,7 @@ export class HasSlotController {
     hasNamedSlot(name) {
         if (!this.host)
             return false;
-        return getDirectChildren(this.host, `[slot="${name}"]`, true).length > 0;
+        return !!this.host.querySelector(`[slot="${name}"]`);
     }
     has(slotName) {
         return slotName === '[default]'

package/dist/components/global-search-results.js

@@ -117,7 +117,17 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
         this.algoliaEle.query = meta.query;
     };
     handleNanoFilterChanged() {
-        this.el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        if (!this.algoliaEle.showResults ||
+            !this.algoliaResultsEle?.querySelector('.topbar'))
+            return;
+        const topBar = this.algoliaResultsEle.querySelector('.topbar');
+        if (topBar.scrollIntoViewIfNeeded) {
+            // @ts-expect-error - scrollIntoViewIfNeeded is not standard
+            topBar.scrollIntoViewIfNeeded();
+        }
+        else {
+            topBar.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
     }
     handleReorder(e) {
         if (e
@@ -226,8 +236,8 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
                 objectIDs: [hit.dataset.hitId],
                 positions: [Number(hit.dataset.hitCount) + 1],
             });
+            this.closeSearch();
         }
-        this.closeSearch();
     };
     showFiltersClick = () => {
         this.filtersDiv.tabIndex = -1;
@@ -319,12 +329,12 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
         this.ro.observe(this.el);
     }
     render() {
-        return (h(Host, { key: '481c6ef8c60a3d9e552ac7e34d39e8b4c6d801d3', class: {
+        return (h(Host, { key: '63af990582466961e1cf02c9e67bd8cffa82e620', class: {
                 small: this.currentWidth < 780,
                 'nano-global-search-results': true,
-            }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: '624265ab100bc1b1476bb9bca306d74d138efec4', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
+            }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: 'ea81b7334b7d2edb65328f65c70db0f75b48820c', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
             // @ts-expect-error this bubbles from nano-algolia-filter
-            onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '5512db296627ed14b7ad73a4831bd0d63a99a086', slot: "template" }, 
+            onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '10cf57aac61c6b40cd3a285ddfd03b483b9d131d', slot: "template" }, 
         /* html */ `<div class="main-search sc-nano-global-search-results">
               <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>
                 <script type="text/template" slot="start-template">
@@ -702,7 +712,7 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
                   </div>
                 </div>
               {{ /if }}
-            </div>`), h("div", { key: '5bd881ab628ff64917da008bc134f40a3eb1417a', slot: "output" }), h("slot", { key: '4a53c4a1315db75890c3128cf6c3471870759c47' }))));
+            </div>`), h("div", { key: '531d1aaf58fe5df465d93998f9448207d23de76a', slot: "output" }), h("slot", { key: '66231f02547592a1b03a87b3f3e237c527befc38' }))));
     }
     static get watchers() { return {
         "algoliaEle": ["handleAlgoliaCredsChange", "handleAlgoliaIndexChange", "handleAlgoliaEleChange"],

package/dist/components/slot.js

@@ -2,7 +2,6 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { getElement, Build, forceUpdate } from '@stencil/core/internal/client';
-import { g as getDirectChildren } from './dom.js';
 
 /**
  * Given an element (which can either be within a shadowRoot or not) find it's innerText
@@ -64,7 +63,7 @@ class HasSlotController {
         let childNodes;
         if (this.host.shadowRoot) {
             // * Regular shadow DOM component *
-            childNodes = [...this.host.shadowRoot.childNodes];
+            childNodes = [...this.host.childNodes];
         }
         else if (!this.host.classList.contains('hydrated') &&
             this.host.__childNodes) {
@@ -93,7 +92,7 @@ class HasSlotController {
     hasNamedSlot(name) {
         if (!this.host)
             return false;
-        return getDirectChildren(this.host, `[slot="${name}"]`, true).length > 0;
+        return !!this.host.querySelector(`[slot="${name}"]`);
     }
     has(slotName) {
         return slotName === '[default]'

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

@@ -6,7 +6,7 @@ import { M as Modal } from './modal-CY_3_LJ7.js';
 import { l as lockBodyScrolling, u as unlockBodyScrolling } from './scroll-1nFw8CNk.js';
 import { h, t as transformTag } from './renderer-DpNDfhNy.js';
 import { b as blurActiveElement } from './active-element-CKJIkX0R.js';
-import { H as HasSlotController } from './slot-BeXeAw-u.js';
+import { H as HasSlotController } from './slot-Crs4khNK.js';
 import './tabbable-BgopY-vd.js';
 import './dom-dlicJTEJ.js';
 

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

@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, g as getElement, a as Host } f
 import { h, t as transformTag } from './renderer-DpNDfhNy.js';
 import { M as Modal } from './modal-CY_3_LJ7.js';
 import { l as lockBodyScrolling, u as unlockBodyScrolling } from './scroll-1nFw8CNk.js';
-import { H as HasSlotController } from './slot-BeXeAw-u.js';
+import { H as HasSlotController } from './slot-Crs4khNK.js';
 import { w as waitForEvent } from './events-ClRFmcmJ.js';
 import { C as ComponentStore } from './component-store-JYVuxwvK.js';
 import { g as getActiveElement } from './active-element-CKJIkX0R.js';
@@ -436,7 +436,17 @@ const GlobalSearchResults = class {
         this.algoliaEle.query = meta.query;
     };
     handleNanoFilterChanged() {
-        this.el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        if (!this.algoliaEle.showResults ||
+            !this.algoliaResultsEle?.querySelector('.topbar'))
+            return;
+        const topBar = this.algoliaResultsEle.querySelector('.topbar');
+        if (topBar.scrollIntoViewIfNeeded) {
+            // @ts-expect-error - scrollIntoViewIfNeeded is not standard
+            topBar.scrollIntoViewIfNeeded();
+        }
+        else {
+            topBar.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
     }
     handleReorder(e) {
         if (e
@@ -545,8 +555,8 @@ const GlobalSearchResults = class {
                 objectIDs: [hit.dataset.hitId],
                 positions: [Number(hit.dataset.hitCount) + 1],
             });
+            this.closeSearch();
         }
-        this.closeSearch();
     };
     showFiltersClick = () => {
         this.filtersDiv.tabIndex = -1;
@@ -637,12 +647,12 @@ const GlobalSearchResults = class {
         this.ro.observe(this.el);
     }
     render() {
-        return (h(Host, { key: '481c6ef8c60a3d9e552ac7e34d39e8b4c6d801d3', class: {
+        return (h(Host, { key: '63af990582466961e1cf02c9e67bd8cffa82e620', class: {
                 small: this.currentWidth < 780,
                 'nano-global-search-results': true,
-            }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: '624265ab100bc1b1476bb9bca306d74d138efec4', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
+            }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: 'ea81b7334b7d2edb65328f65c70db0f75b48820c', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
             // @ts-expect-error this bubbles from nano-algolia-filter
-            onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '5512db296627ed14b7ad73a4831bd0d63a99a086', slot: "template" }, 
+            onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '10cf57aac61c6b40cd3a285ddfd03b483b9d131d', slot: "template" }, 
         /* html */ `<div class="main-search sc-nano-global-search-results">
               <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>
                 <script type="text/template" slot="start-template">
@@ -1020,7 +1030,7 @@ const GlobalSearchResults = class {
                   </div>
                 </div>
               {{ /if }}
-            </div>`), h("div", { key: '5bd881ab628ff64917da008bc134f40a3eb1417a', slot: "output" }), h("slot", { key: '4a53c4a1315db75890c3128cf6c3471870759c47' }))));
+            </div>`), h("div", { key: '531d1aaf58fe5df465d93998f9448207d23de76a', slot: "output" }), h("slot", { key: '66231f02547592a1b03a87b3f3e237c527befc38' }))));
     }
     static get watchers() { return {
         "algoliaEle": ["handleAlgoliaCredsChange", "handleAlgoliaIndexChange", "handleAlgoliaEleChange"],

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

@@ -3,8 +3,7 @@
  */
 import { r as registerInstance, c as createEvent, a as Host } from './index-BM3Om9WE.js';
 import { h } from './renderer-DpNDfhNy.js';
-import { H as HasSlotController } from './slot-BeXeAw-u.js';
-import './dom-dlicJTEJ.js';
+import { H as HasSlotController } from './slot-Crs4khNK.js';
 
 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-lg);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-md);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)}";
 

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

@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, g as getElement, a as Host } f
 import { h } from './renderer-DpNDfhNy.js';
 import { M as Modal } from './modal-CY_3_LJ7.js';
 import { l as lockBodyScrolling, u as unlockBodyScrolling } from './scroll-1nFw8CNk.js';
-import { H as HasSlotController } from './slot-BeXeAw-u.js';
+import { H as HasSlotController } from './slot-Crs4khNK.js';
 import { C as ComponentStore } from './component-store-JYVuxwvK.js';
 import { g as getTabbableElements } from './tabbable-BgopY-vd.js';
 import './dom-dlicJTEJ.js';

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

@@ -7,7 +7,7 @@ import { P as Popover } from './popover-DNdFZ1hX.js';
 import { a as getNearestTabbableElement, g as getTabbableElements } from './tabbable-BgopY-vd.js';
 import { t as transformTag, h } from './renderer-DpNDfhNy.js';
 import { g as getDirectChildren } from './dom-dlicJTEJ.js';
-import { g as getTextContent } from './slot-BeXeAw-u.js';
+import { g as getTextContent } from './slot-Crs4khNK.js';
 
 const dropdownCss = ":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{--width:auto;--border:none;--border-radius:0px;--background:var(--nano-color-neutral-75);--padding:0 0;--overflow:auto;--dropdown-z-index:var(--nano-z-index-dropdown);--min-width:0;--max-height:none;--box-shadow:var(--nano-shadow-l2);--menu-height:calc(100vh - 200px);display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--dropdown-z-index);min-inline-size:var(--min-width);border:0;background:none;padding:0;overflow:visible;color:unset}.dropdown__positioner::backdrop{display:none}.dropdown__positioner[popover],.dropdown__positioner:popover-open{inset:unset}@media (width <= 35.9375em){.dropdown__positioner{z-index:100}}.dropdown__panel{padding:var(--padding);background:var(--background);min-inline-size:var(--min-width);inline-size:var(--width);border:var(--border);border-radius:var(--border-radius);color:currentcolor;box-shadow:var(--box-shadow);opacity:0;transition:var(--nano-transition-x-fast) ease opacity, var(--nano-transition-x-fast) ease transform, var(--nano-transition-fast) ease min-block-size;min-block-size:20px;overflow:var(--overflow);max-block-size:var(--max-height);box-sizing:content-box !important}.dropdown__panel.loading{overflow-y:hidden}.dropdown__panel.top{transform:translateY(-20px) translateZ(0)}.dropdown__panel.bottom{transform:translateY(20px) translateZ(0)}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:translateY(0) translateZ(0)}.dropdown__panel ::slotted(.nano-menu){max-block-size:var(--menu-height)}.dropdown__accessible-title{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}";
 

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, g as getElement, a as Host } from './index-BM3Om9WE.js';
 import { h } from './renderer-DpNDfhNy.js';
-import { H as HasSlotController } from './slot-BeXeAw-u.js';
+import { H as HasSlotController } from './slot-Crs4khNK.js';
 import { g as getDirectChildren } from './dom-dlicJTEJ.js';
 import { f as findScrollParent } from './scroll-1nFw8CNk.js';
 

package/dist/esm/nano-input-otp.entry.js

@@ -2,8 +2,7 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, F as Fragment, a as Host } from './index-BM3Om9WE.js';
-import { H as HasSlotController } from './slot-BeXeAw-u.js';
-import './dom-dlicJTEJ.js';
+import { H as HasSlotController } from './slot-Crs4khNK.js';
 
 const inputOtpCss = ".sc-nano-input-otp-h,*.sc-nano-input-otp,*.sc-nano-input-otp::before,*.sc-nano-input-otp::after{box-sizing:border-box}[hidden].sc-nano-input-otp{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-input-otp-h,*.sc-nano-input-otp,*.sc-nano-input-otp::before,*.sc-nano-input-otp::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-input-otp-h,*.sc-nano-input-otp,*.sc-nano-input-otp::before,*.sc-nano-input-otp::after{box-sizing:border-box}[hidden].sc-nano-input-otp{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-input-otp-h,*.sc-nano-input-otp,*.sc-nano-input-otp::before,*.sc-nano-input-otp::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-input-otp-h{--color:initial;--min-width:40px;--width:40px;--height:50px;--gap:8px;--icon-size:var(--nano-pictogram-size-small);--inline-padding:calc(var(--icon-size) + var(--gap));--spacing:var(--nano-spacing-xl);--separator-width:7px;--separator-height:1px;--separator-border-radius:0;--separator-color:var(--nano-color-primary-1000);--highlight-color-valid:var(--nano-color-success-1100);--highlight-color-invalid:var(--nano-color-warning-1100);--border-radius:8px;--border-color:var(--nano-color-neutral-700);--border-width:1px;display:block;position:relative;margin-inline:var(--inline-padding)}.input-otp-container.sc-nano-input-otp{position:relative;inline-size:fit-content;block-size:fit-content;margin:0 auto}.input-otp-group.sc-nano-input-otp{display:flex;align-items:center;justify-content:center;gap:var(--gap)}.native-wrapper.sc-nano-input-otp{display:flex;align-items:center;justify-content:center;min-inline-size:var(--min-width)}.native-input.sc-nano-input-otp{border-radius:var(--border-radius);inline-size:var(--width);min-inline-size:inherit;block-size:var(--height);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);background:var(--background);color:var(--color);font-size:inherit;text-align:center;appearance:none}.input-otp-description.sc-nano-input-otp{color:currentcolor;font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);text-align:center;position:relative;margin-block-start:var(--spacing)}.input-otp-description-hidden.sc-nano-input-otp{display:none}.input-otp-separator.sc-nano-input-otp{border-radius:var(--separator-border-radius);flex-shrink:0;inline-size:var(--separator-width);block-size:var(--separator-height);background:var(--separator-color)}.input-otp-disabled.sc-nano-input-otp-h .input-otp-description.sc-nano-input-otp,.input-otp-disabled.sc-nano-input-otp-h .input-otp-group.sc-nano-input-otp{--color:var(--nano-color-neutral-700);opacity:0.5}.input-otp-disabled.sc-nano-input-otp-h,.input-otp-disabled.sc-nano-input-otp-h .native-input.sc-nano-input-otp:disabled{cursor:not-allowed}.has-focus.sc-nano-input-otp-h .native-input.sc-nano-input-otp:focus{outline:var(--nano-focus-ring)}.nano-invalid.sc-nano-input-otp-h .native-input.sc-nano-input-otp{border-color:var(--highlight-color-invalid)}.nano-valid.sc-nano-input-otp-h .native-input.sc-nano-input-otp{border-color:var(--highlight-color-valid)}.input-otp-icon.sc-nano-input-otp{position:absolute;inset-block-start:50%;transform:translateY(-43%);inset-inline-end:calc((var(--gap) + var(--icon-size)) * -1);inline-size:var(--icon-size);block-size:var(--icon-size);display:flex;align-items:center}.input-otp-icon--valid.sc-nano-input-otp{color:var(--nano-color-success-1100)}.input-otp-icon--invalid.sc-nano-input-otp{color:var(--nano-color-warning-1100)}";
 

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

@@ -4,7 +4,7 @@
 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-DpNDfhNy.js';
-import { H as HasSlotController } from './slot-BeXeAw-u.js';
+import { H as HasSlotController } from './slot-Crs4khNK.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-nav-item.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, g as getElement, a as Host } f
 import { g as getDirectChildren } from './dom-dlicJTEJ.js';
 import { g as getTabbableElements } from './tabbable-BgopY-vd.js';
 import { t as transformTag, h } from './renderer-DpNDfhNy.js';
-import { H as HasSlotController } from './slot-BeXeAw-u.js';
+import { H as HasSlotController } from './slot-Crs4khNK.js';
 import { f as focusInContainer } from './active-element-CKJIkX0R.js';
 
 /**

package/dist/esm/{slot-BeXeAw-u.js → slot-Crs4khNK.js}

@@ -2,7 +2,6 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 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
@@ -64,7 +63,7 @@ class HasSlotController {
         let childNodes;
         if (this.host.shadowRoot) {
             // * Regular shadow DOM component *
-            childNodes = [...this.host.shadowRoot.childNodes];
+            childNodes = [...this.host.childNodes];
         }
         else if (!this.host.classList.contains('hydrated') &&
             this.host.__childNodes) {
@@ -93,7 +92,7 @@ class HasSlotController {
     hasNamedSlot(name) {
         if (!this.host)
             return false;
-        return getDirectChildren(this.host, `[slot="${name}"]`, true).length > 0;
+        return !!this.host.querySelector(`[slot="${name}"]`);
     }
     has(slotName) {
         return slotName === '[default]'