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

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-DYD4xvxr.js');
+var index = require('./index-B76C6Tm9.js');
 var throttle = require('./throttle-CrRDOkln.js');
-var renderer = require('./renderer-SkVn69pT.js');
+var renderer = require('./renderer-Z8wHFL4e.js');
 
 const tableCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";
 

package/dist/cjs/{page-dots-D-QQnR4W.js → page-dots-E6b7S4vs.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-D5q9vQ4P.js');
-require('./index-DYD4xvxr.js');
-require('./renderer-SkVn69pT.js');
+var nanoSlides_entry = require('./nano-slides-Cj4figHV.js');
+require('./index-B76C6Tm9.js');
+require('./renderer-Z8wHFL4e.js');
 
 // -------------------------- PageDots -------------------------- //
 function PageDots(parent) {

package/dist/cjs/{renderer-SkVn69pT.js → renderer-Z8wHFL4e.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DYD4xvxr.js');
+var index = require('./index-B76C6Tm9.js');
 
 /* eslint-disable @typescript-eslint/no-namespace */
 // css only components cannot be transformed because their static css relies on the tag name

package/dist/cjs/{scroll-DXjC771e.js → scroll-DspYj7mY.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var dom = require('./dom-a3wgHxbn.js');
+var dom = require('./dom-CvQQBdol.js');
 
 /**
  * @returns the width of the document's scrollbar

package/dist/cjs/{slot-CBvkJee9.js → slot-B4QUWT-c.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DYD4xvxr.js');
+var index = require('./index-B76C6Tm9.js');
 
 /**
  * Given an element (which can either be within a shadowRoot or not) find it's innerText

package/dist/cjs/{tabbable-M9OUrhLE.js → tabbable-YPytg5sg.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-DYD4xvxr.js');
+require('./index-B76C6Tm9.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/cjs/{table.worker-FkRsUwRY.js → table.worker-bFxUCos7.js}

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var nanoDataTable_entry = require('./nano-data-table-DlJaR4KG.js');
-require('./index-DYD4xvxr.js');
-require('./renderer-SkVn69pT.js');
+var nanoDataTable_entry = require('./nano-data-table-BNwDI1rg.js');
+require('./index-B76C6Tm9.js');
+require('./renderer-Z8wHFL4e.js');
 require('./math-DIjJ3V87.js');
 require('./throttle-CrRDOkln.js');
-require('./scroll-DXjC771e.js');
-require('./dom-a3wgHxbn.js');
-require('./index-BV7Y7Zvi.js');
+require('./scroll-DspYj7mY.js');
+require('./dom-CvQQBdol.js');
+require('./index-ChTXweZN.js');
 
 const workerName = 'table.worker';
 const workerMsgId = 'stencil.table.worker';

package/dist/collection/collection-manifest.json

@@ -67,7 +67,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.1",
+    "version": "4.35.1-dev.1750418634.dcb189d",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/animation/animation.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { Host, } from "@stencil/core";
+import { Host, Build, } from "@stencil/core";
 import { h } from "../../utils/renderer";
 import { animations, easings } from "./animations";
 /**
@@ -87,7 +87,7 @@ export class NanoAnimation {
         this.createAnimation();
     };
     async createAnimation() {
-        if (!this.defaultSlot)
+        if (!this.defaultSlot || Build.isServer)
             return;
         const easing = easings[this.easing] ?? this.easing;
         const keyframes = this.keyframes ??
@@ -161,7 +161,7 @@ export class NanoAnimation {
         this.animation?.finish();
     }
     render() {
-        return (h(Host, { key: '69ede16e4ecb0155cdfc63a56e04ca38c5e56412', class: "nano-animation" }, h("slot", { key: '73a9ec636c4fe8b72570906bce645529b4343606', ref: (slot) => {
+        return (h(Host, { key: 'c5bd8b75985fd99981340c3cd20c74f99ac8dd3c', class: "nano-animation" }, h("slot", { key: '989677365d344809aa575626b3253ab888822171', ref: (slot) => {
                 this.defaultSlot = slot;
             }, onSlotchange: this.handleSlotChange })));
     }

package/dist/collection/components/breadcrumb/breadcrumb.css

@@ -58,7 +58,8 @@
   inline-size: 100%;
   max-inline-size: 1346px;
 }
-:host nano-menu::part(base), :host nano-menu [part~="base"] {
+:host ol,
+:host nano-menu::part(base) {
   list-style: none;
   padding: 0;
   margin: 0;
@@ -104,10 +105,10 @@
   inline-size: 100%;
   display: none;
 }
-:host nano-dropdown[open]::part(trigger), :host nano-dropdown[open] [part~="trigger"] {
+:host nano-dropdown[open]::part(trigger) {
   box-shadow: var(--nano-shadow-l1);
 }
-:host nano-dropdown[open]::part(panel), :host nano-dropdown[open] [part~="panel"] {
+:host nano-dropdown[open]::part(panel) {
   box-shadow: var(--nano-shadow-l1);
 }
 :host .trigger-button {
@@ -149,7 +150,7 @@
   :host nano-dropdown {
     display: block;
   }
-  :host nano-menu::part(base), :host nano-menu [part~="base"] {
+  :host nano-menu::part(base) {
     flex-direction: column;
   }
   :host nano-nav-item::after {
@@ -161,7 +162,7 @@
   :host .return-only {
     padding: var(--nano-spacing-l3) var(--nano-spacing-l2);
   }
-  :host nano-nav-item::part(trigger), :host nano-nav-item [part~="trigger"] {
+  :host nano-nav-item::part(trigger) {
     text-decoration: none;
     color: var(--text-color-secondary);
   }

package/dist/collection/components/card-carousel/card-carousel.css

@@ -66,17 +66,17 @@
   inline-size: calc(50% + var(--gap) / 2 - var(--peek));
   padding-inline-end: var(--gap);
 }
-.base nano-slides[ready]::part(slide-container), .base nano-slides[ready] [part~="slide-container"] {
+.base nano-slides[ready]::part(slide-container) {
   flex-flow: column wrap;
   justify-content: flex-start;
 }
-.base nano-slides::part(slide-viewport), .base nano-slides [part~="slide-viewport"] {
+.base nano-slides::part(slide-viewport) {
   flex: auto;
 }
-.base nano-slides::part(navigation-button--previous), .base nano-slides [part~="navigation-button--previous"] {
+.base nano-slides::part(navigation-button--previous) {
   display: none;
 }
-.base nano-slides::part(navigation-button--next), .base nano-slides [part~="navigation-button--next"] {
+.base nano-slides::part(navigation-button--next) {
   transform: none;
   block-size: 100%;
   inline-size: var(--bleed);

package/dist/collection/components/datalist/datalist.js

@@ -520,22 +520,23 @@ export class DataList {
             this.mo.disconnect();
             this.mo = undefined;
         }
-        if (this.connectedInput)
-            this.removeEventListeners(this.connectedInput);
+        if (this.connectedInput) {
+            this.connectedInput = undefined;
+        }
     }
     render() {
-        return (h(Host, { key: '0e0725581517a0a58fbaf04bfd5dba2d4362f71d', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
+        return (h(Host, { key: 'c869f626deae72020846edf761d0d8f1b59c34e7', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
                 ? 'Select options from the list below'
-                : undefined }, h("nano-dropdown", { key: '5b0a39513e9c0717bf3240c250f703c6997b8a23', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
+                : undefined }, h("nano-dropdown", { key: '8fa52dc246705c9af636b1c96ee37df8b6bd746d', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
                 dlist__dropdown: true,
                 'dlist--isfiltered': this.isFiltered,
-            }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, h("nano-menu", { key: 'a6c4229eda26e59f8cf37602bcb0fa61e80ee2e5', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
+            }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, h("nano-menu", { key: '998896a220e3cf3f010bda3354bb530ac0cc9296', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
                 dlist__menu: true,
                 'dlist__menu--open': this.dropwdownOpen,
-            }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, h("slot", { key: 'c96ff0ec6819c41954f073fb07799a3e30c50101', name: "list-top" }), h("slot", { key: 'da56d581d05587674da3371088280ed98f837af1' }), h("slot", { key: '0f372b97c431d484e9ffc87594660e4ca5d2bba6', name: "internal-opts" }), h("slot", { key: 'e51e02accb72f3ac43386dba8e240470695efa1c', name: "list-bottom" })), h("nano-menu", { key: 'df93b22751834dfbbf6e23a9bdaad5a8086355ec', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
+            }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, h("slot", { key: '8f585edd48ec29a847818d1e9af8baf0bc4b4ddf', name: "list-top" }), h("slot", { key: '3bdd8c0a51d63b6fcf3a25d630212db4ba7d8a9b' }), h("slot", { key: 'a7b997daebd6a1e25f1a4a97e4354b966ceeebd6', name: "internal-opts" }), h("slot", { key: '41ebc4da7244b1e4fb532a2fbb0356ea51eb865a', name: "list-bottom" })), h("nano-menu", { key: 'd5d360f4e8d3c78780477572d385daaa4bb12c15', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
                 dlist__menu: true,
                 'dlist__menu--open': this.dropwdownOpen,
-            } }, h("slot", { key: '785156311b41d90eecb951782342fd1b8d706ff1', name: "no-result" })), !!this.actvOptEles && (h("div", { key: 'b57c146e650ef55c51fa445c097fc1e10845efc9', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
+            } }, h("slot", { key: '3cc55519054da79e57dc70ecc936c0e67e7e3949', name: "no-result" })), !!this.actvOptEles && (h("div", { key: '0662bfdc4056f2111647550d9aba6a331653d2f3', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
     }
     static get is() { return "nano-datalist"; }
     static get encapsulation() { return "shadow"; }
@@ -708,7 +709,7 @@ export class DataList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "false"
             },
             "disableFilter": {

package/dist/collection/components/details/details.js

@@ -154,6 +154,9 @@ export class NanoDetails {
         this.attachMo();
     }
     connectedCallback() {
+        if (this.bodyEl) {
+            this.bodyEl.addEventListener('transitionend', this.handleTransitionEnd);
+        }
         this.attachMo();
     }
     disconnectedCallback() {
@@ -166,13 +169,13 @@ export class NanoDetails {
         }
     }
     render() {
-        return (h(Host, { key: 'dfe08b9736512e4f2e7e77b6e08f391e570f7d35', class: "nano-details" }, h("details", { key: 'aee47095a745ec92d97e3eb2a09f1765fbad251d', part: "base", ref: (d) => (this.detailsEl = d), class: {
+        return (h(Host, { key: '6bd0b907e8036bffdc232f11520fc7e7ecbd5274', class: "nano-details" }, h("details", { key: 'a375256a375ffa1c52f7e425328add65396d79ae', part: "base", ref: (d) => (this.detailsEl = d), class: {
                 details: true,
                 disabled: this.disabled,
-            } }, h("summary", { key: 'b15a83c3386171f212a68cf456eb9ba6296917c2', part: "header", "aria-controls": "content", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', id: "header", role: "button", class: "header", ref: (s) => (this.headerEl = s), onKeyDown: this.onKeyDown, onClick: this.onMouseDown }, this.slotCtrl.has('icon-start') && (h("span", { key: 'c29db27dc0c74a8053c035421b0738eee1d72945', part: "icon icon--start", class: "icon icon--start" }, h("slot", { key: '99381aa8452aac30498cfb27148c9e507e07989e', name: "icon-start" }))), h("div", { key: '59068fae315b9cd0427987eb59e03f2cd219e45a', part: "label", class: "label" }, this.label ? this.label : h("slot", { name: "label" })), h("span", { key: '8eb4304e5c0da199ef6ad7a9730f92130072afd8', part: "icon icon--end", class: "icon icon--end" }, this.open ? (h("slot", { name: "icon-collapse" })) : (h("slot", { name: "icon-expand" })), h("slot", { key: 'a8c2b9213b96787007a85faf64d42436729bc6e4', name: "icon-end" }, !this.slotCtrl.has('icon-start') &&
+            } }, h("summary", { key: '6532629e3d2258dd7b35aa9c088c290cfd586111', part: "header", "aria-controls": "content", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', id: "header", role: "button", class: "header", ref: (s) => (this.headerEl = s), onKeyDown: this.onKeyDown, onClick: this.onMouseDown }, this.slotCtrl.has('icon-start') && (h("span", { key: '2a91b1368bfb4120d3356c59a6c277a2608f1ff9', part: "icon icon--start", class: "icon icon--start" }, h("slot", { key: '6ec67523e758f1f189a9c2339e48116f19423a87', name: "icon-start" }))), h("div", { key: '83c975864586f752a86bd13b78ba7a2329f3a484', part: "label", class: "label" }, this.label ? this.label : h("slot", { name: "label" })), h("span", { key: '538494f4cd43b12143151ce1523533efb70800b7', part: "icon icon--end", class: "icon icon--end" }, this.open ? (h("slot", { name: "icon-collapse" })) : (h("slot", { name: "icon-expand" })), h("slot", { key: '9cd7a3d39754029ad70d3b8976545513a7d6f77b', name: "icon-end" }, !this.slotCtrl.has('icon-start') &&
             !this.slotCtrl.has('icon-end') &&
             !this.slotCtrl.has('icon-expand') &&
-            !this.slotCtrl.has('icon-collapse') && (h("nano-icon", { key: 'bfb3677f307b23b4947c80d7173b63ce51b83c70', class: "default-icon", name: "light/chevron-down" }))))), h("div", { key: 'dad8f7fbf316facfc2a505edf0041fb259d78d5b', part: "body", class: "body", ref: (div) => (this.bodyEl = div), role: "region", "aria-labelledby": "header" }, h("div", { key: '988b4a6201029002ab76004375955eaa87542ed9', class: "content-wrapper" }, h("div", { key: '159483b132abfc6d7edf87771af0f3c2c0e077bd', part: "content", class: "content", id: "content" }, h("slot", { key: '8bb9bbca225bca84bc1efd2c617372f490985bc1' })))))));
+            !this.slotCtrl.has('icon-collapse') && (h("nano-icon", { key: '0321927f47cbc530e8044598fec3370dfedbb325', class: "default-icon", name: "light/chevron-down" }))))), h("div", { key: 'a7366fb51de087f7c6f5d7da59e761050b2ab231', part: "body", class: "body", ref: (div) => (this.bodyEl = div), role: "region", "aria-labelledby": "header" }, h("div", { key: 'dd888954cdfba45da62a01d10f7b010a0277b7ec', class: "content-wrapper" }, h("div", { key: 'eff6dbb8d4a41d9957d135e2f1e7470e37615255', part: "content", class: "content", id: "content" }, h("slot", { key: '9b2fd79fc46ad9b9c5c7c6a39a856b20b87bca6a' })))))));
     }
     static get is() { return "nano-details"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown/dropdown.js

@@ -601,7 +601,7 @@ export class Dropdown {
                         "EventEmitter": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::EventEmitter"
+                            "id": "../../../stenciljs/internal/stencil-core/index.d.ts::EventEmitter"
                         }
                     }
                 },

package/dist/collection/components/field-validator/field-validator.js

@@ -702,7 +702,7 @@ export class FieldValidator {
                         "ObservableMap": {
                             "location": "import",
                             "path": "@stencil/store",
-                            "id": "../../node_modules/.pnpm/@stencil+store@2.1.2_@stencil+core@4.35.1/node_modules/@stencil/store/dist/index.d.ts::ObservableMap"
+                            "id": "../../node_modules/.pnpm/@stencil+store@2.1.2_@stencil+core@stenciljs/node_modules/@stencil/store/dist/index.d.ts::ObservableMap"
                         },
                         "ValidatorValueStore": {
                             "location": "import",

package/dist/collection/components/global-nav/global-nav.css

@@ -149,7 +149,7 @@ nano-badge {
 .gn__main-menu > * {
   margin-inline-end: var(--nano-spacing-xl);
 }
-.gn__main-menu > *:is(slot) {
+.gn__main-menu > *:is(slot, slot-fb) {
   display: flex;
 }
 .gn__main-menu > *:last-child {
@@ -283,7 +283,7 @@ nano-badge {
   --color-focus: var(--nano-color-neutral-1400);
   --color: var(--nano-color-primary-1200);
 }
-.gn__search-viewall::part(label), .gn__search-viewall [part~="label"] {
+.gn__search-viewall::part(label) {
   justify-content: flex-end;
   text-decoration: underline;
 }
@@ -392,11 +392,11 @@ nano-badge {
   --header-spacing: var(--nano-spacing-md) 0;
   --footer-spacing: var(--nano-spacing-md);
 }
-.gn__drawer::part(title), .gn__drawer [part~="title"] {
+.gn__drawer::part(title) {
   display: flex;
   justify-content: flex-end;
 }
-.gn__drawer::part(header-actions), .gn__drawer [part~="header-actions"] {
+.gn__drawer::part(header-actions) {
   order: -1;
 }
 

package/dist/collection/components/grid/grid.css

@@ -40,9 +40,11 @@
   /**
   * @prop --grid-col-gap: gap between all columns. Defaults to theme's global padding
   * @prop --grid-row-gap: gap between all rows. Defaults to theme's global padding
+  * @prop --grid-align-items: alignment of items in the grid. Defaults to start
   */
   --grid-col-gap: var(--nano-spacing-medium, 16px);
   --grid-row-gap: var(--nano-spacing-medium, 16px);
+  --grid-align-items: start;
   --current-grid-size: "grid size: s";
   container-type: inline-size;
   display: block;
@@ -52,6 +54,7 @@
   gap: var(--grid-row-gap) var(--grid-col-gap);
   block-size: inherit;
   min-block-size: inherit;
+  align-items: var(--grid-align-items);
 }
 
 :host([show-helper]:not([show-helper=false])) {

package/dist/collection/components/in-page-nav/in-page-nav.css

@@ -63,20 +63,20 @@
   --btn-text-color: var(--color-text);
   border: none;
 }
-:host .details-wrapper::part(header), :host .details-wrapper [part~="header"] {
+:host .details-wrapper::part(header) {
   font-size: var(--font-size);
   line-height: var(--line-height);
   font-weight: var(--font-weight);
   letter-spacing: var(--letter-spacing);
   padding: var(--spacing-l2);
 }
-:host .details-wrapper[open]::part(header), :host .details-wrapper[open] [part~="header"] {
+:host .details-wrapper[open]::part(header) {
   background-color: var(--nano-color-primary-75);
 }
-:host .details-wrapper::part(content), :host .details-wrapper [part~="content"] {
+:host .details-wrapper::part(content) {
   padding: 0;
 }
-:host .details-wrapper::part(body), :host .details-wrapper [part~="body"] {
+:host .details-wrapper::part(body) {
   padding: 0;
 }
 :host .header {
@@ -113,7 +113,7 @@
 :host nav:has(.details-wrapper[open]) {
   box-shadow: var(--nano-shadow-l1);
 }
-:host .details-wrapper.sticky.stuck[open]::part(header), :host .details-wrapper.sticky.stuck[open] [part~="header"] {
+:host .details-wrapper.sticky.stuck[open]::part(header) {
   z-index: var(--nano-z-index-menubar);
   inset-block-start: 0;
   position: sticky;

package/dist/collection/components/intersection-observe/intersection-observe.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { Host, } from "@stencil/core";
+import { Host, Build, } from "@stencil/core";
 import { h } from "../../utils/renderer";
 import { findScrollParent } from "../../utils/scroll";
 /**
@@ -42,11 +42,9 @@ export class IntersectionObserve {
      * Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`. */
     root = 'auto';
     handleRootChange() {
-        if (!this.root) {
-            this._root = undefined;
-            this.removeIO();
+        this.removeIO();
+        if (!this.root)
             return;
-        }
         let newRoot;
         if (this.root === 'auto') {
             // try to find nearest scrolling parent
@@ -71,7 +69,7 @@ export class IntersectionObserve {
         if (newRoot === document.documentElement)
             newRoot = undefined;
         // if new root is what we already have - ignore
-        if (newRoot === this._root)
+        if (newRoot === this._root && this.io)
             return;
         // cache and setup io
         this._root = newRoot;
@@ -122,7 +120,7 @@ export class IntersectionObserve {
         this.addIO();
     };
     addIO() {
-        if (!window['IntersectionObserver'] || !this.elements?.length)
+        if (Build.isServer || !this.elements?.length)
             return;
         if (this.io)
             this.removeIO();
@@ -143,10 +141,9 @@ export class IntersectionObserve {
     }
     disconnectedCallback() {
         this.removeIO();
-        this.root = this._root = undefined;
     }
     render() {
-        return (h(Host, { key: '4bd6cf4cc8888421ec7879e22fc24886838bd091', class: "nano-intersection-observe" }, h("slot", { key: 'afc52867f75d9f3679470f016c49eb9c4af6f6db', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
+        return (h(Host, { key: 'abd4c2df3455d52b6c9df1fcec2ba6f715cca32d', class: "nano-intersection-observe" }, h("slot", { key: 'e91b2a33b11abfa42411b996a0ba2e71892ab5d1', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
     }
     static get is() { return "nano-intersection-observe"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu/menu.js

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { Host, Build, } from "@stencil/core";
+import { Host, } from "@stencil/core";
 import { h, transformTag } from "../../utils/renderer";
 import { getActiveElement } from "../../utils/active-element";
 import { getDirectChildren } from "../../utils/dom";
@@ -220,8 +220,6 @@ export class Menu {
         }
     };
     handleSlotContent = () => {
-        if (!Build.isBrowser)
-            return;
         this._type = this.type || null;
         if (!this._type) {
             let linkCount, btnCount = 0;
@@ -262,11 +260,11 @@ export class Menu {
         this.handleSlotContent();
     }
     render() {
-        return (h(Host, { key: 'f3908b74fc21b630402f06fac95a75f5a6b2ff27', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '451b5fb6151135ab4cb73d9141086be43d9eaf93', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
+        return (h(Host, { key: 'f7c0e55c16e5607f25a4a75847c0defd4b860e17', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '3a19c91258abaa6b0a6333a35809172aabf4db43', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
                 menu: true,
                 ['menu--' + this._type]: true,
                 'menu--has-focus': this.hasFocus,
-            }, tabIndex: -1, role: "group" }, h("slot", { key: '37f40b06d1dc66c46130468c3de79dfeeb38c29c', onSlotchange: this.handleSlotContent }))));
+            }, tabIndex: -1, role: "group" }, h("slot", { key: '75c213c4a744e7edd1826d88a8e391e16bdc091b', onSlotchange: this.handleSlotContent }))));
     }
     static get is() { return "nano-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sortable/sortable.js

@@ -838,7 +838,7 @@ export class Sortable {
                         "Element": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                            "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
                         }
                     }
                 },
@@ -869,7 +869,7 @@ export class Sortable {
                         "Element": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                            "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
                         }
                     }
                 },
@@ -900,7 +900,7 @@ export class Sortable {
                         "Element": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                            "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
                         }
                     }
                 },
@@ -931,7 +931,7 @@ export class Sortable {
                         "Element": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                            "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
                         }
                     }
                 },
@@ -968,7 +968,7 @@ export class Sortable {
                         "Element": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                            "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
                         },
                         "HTMLElement": {
                             "location": "global",

package/dist/collection/components/sticker/sticker.js

@@ -581,9 +581,6 @@ export class Sticker {
         this.isRtl =
             this.host.dir === 'rtl' || this.host.ownerDocument.dir === 'rtl';
         // this is all horrible.... shrug
-        document.documentElement.addEventListener('nanoComponentsReady', () => {
-            setTimeout((_) => this.bootstrapGurantor(), 200);
-        });
         setTimeout((_) => {
             if (!this.hasBootstrapped)
                 this.bootstrapGurantor();
@@ -602,12 +599,12 @@ export class Sticker {
         this.hasBootstrapped = false;
     }
     render() {
-        return (h(Host, { key: 'cdcb7fdadde75c5f860cbc5d93ef7d6f58bc499b', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: 'fa8b5831edde3d5e39036681cc75a0c2c0e84ccf', class: {
+        return (h(Host, { key: '684a30435688dd24ba583b9ad18f262b00863220', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: '1a27a9545b9e00e492efc809ef10ac291f13f421', class: {
                 sticker: true,
                 sticky: this.isRootSticker && this.isSticky,
                 stuck: this.isStuck && this.isRootSticker && this.isSticky,
                 hide: this.isRootSticker && this.hide && this.isStuck,
-            }, ref: (div) => (this.sticker = div) }, h("div", { key: '8ec62a7127c1823f5e2ab35b80617ec495fa4121', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '6206fa5ac74522b69e7c5a99b4147458399f3a5d' })))));
+            }, ref: (div) => (this.sticker = div) }, h("div", { key: '323a9081a4b7aec17c6bcc0cc85558fa54fa5253', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '9fc54c6354a8de64bebbaa54881fa4b21f116ba5' })))));
     }
     static get is() { return "nano-sticker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/tab-group.css

@@ -71,7 +71,7 @@
   display: none;
 }
 
-.group__tabs::part(items), .group__tabs [part~="items"] {
+.group__tabs::part(items) {
   gap: var(--tab-spacing);
 }
 
@@ -81,7 +81,7 @@
 .group--top .group__tabs {
   --fade-size: 100px;
 }
-.group--top .group__tabs::part(items), .group--top .group__tabs [part~="items"] {
+.group--top .group__tabs::part(items) {
   align-items: flex-end;
 }
 .group--top .group__tabs-border {
@@ -99,7 +99,7 @@
 .group--start {
   flex-direction: row;
 }
-:host([equal-tab-size]) .group--start .group__tabs::part(items), :host([equal-tab-size]) .group--start .group__tabs [part~="items"] {
+:host([equal-tab-size]) .group--start .group__tabs::part(items) {
   display: grid;
   grid-auto-rows: 1fr;
 }

package/dist/collection/global/script/global.js

@@ -1,33 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-export default async () => {
-    if (globalThis.window &&
-        'MutationObserver' in globalThis.window &&
-        globalThis['document']) {
-        // fire global 'ready' event when everything is hydrated
-        const docEle = document.documentElement;
-        window.addEventListener('appload', () => {
-            docEle.classList.add('hydrated');
-        });
-        const docIsReady = () => {
-            if (!docEle.classList.contains('hydrated'))
-                return false;
-            docEle.dispatchEvent(new CustomEvent('nanoComponentsReady'));
-            return true;
-        };
-        if (!docIsReady()) {
-            let mutationO = new MutationObserver((_) => {
-                if (!docIsReady())
-                    return;
-                mutationO.disconnect();
-                mutationO = null;
-            });
-            mutationO.observe(docEle, {
-                childList: false,
-                subtree: false,
-                attributes: true,
-            });
-        }
-    }
-};
+export default async () => { };