@nanoporetech-digital/components 8.14.4 → 8.15.0

package/dist/cjs/{nano-slides-DFBGKfHj.js → nano-slides-BxWPZJ3Z.js}

@@ -2468,7 +2468,7 @@ drag();
 nowNext();
 player();
 
-const slidesCss = ":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{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.875rem;--navbtns-height:2.75rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.button-icon{display:block}.button-icon::after{content:\"\";display:block;background-size:cover;inline-size:var(--navbtns-width);block-size:var(--navbtns-height);background-color:var(--navbtns-icon-color);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);transition:color var(--nano-transition-fast) ease;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg * var(--flip-icon-ltr));-webkit-mask-size:cover;mask-size:cover}.button-icon--previous::after{rotate:calc(180deg * var(--flip-icon-rtl))}.flickity-button:disabled .button-icon::after{background-color:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button{inset-block-start:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{inset-inline-start:10px}.flickity-prev-next-button.next{inset-inline-end:10px}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{inline-size:100%;padding:0;margin:0;text-align:center;line-height:1;z-index:4;display:inline-flex;justify-content:center;inset-block-end:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{all:unset;text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;display:inline-block;position:relative;inline-size:1.25rem;block-size:0.375rem;margin-block:0;cursor:pointer;padding:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot::after{content:\"\";position:absolute;inset:0;background:currentcolor;background:var(--dot-color);margin:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.flickity-page-dots .dot.is-selected::after{background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";
+const slidesCss = ":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{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1rem;--navbtns-height:1.5rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.button-icon{display:block}.button-icon::after{content:\"\";display:block;background-size:cover;inline-size:var(--navbtns-width);block-size:var(--navbtns-height);background-color:var(--navbtns-icon-color);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);transition:color var(--nano-transition-fast) ease;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg * var(--flip-icon-ltr));-webkit-mask-size:cover;mask-size:cover}.button-icon--previous::after{rotate:calc(180deg * var(--flip-icon-rtl))}.flickity-button:disabled .button-icon::after{background-color:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button.previous{inset-inline-start:10px}.flickity-prev-next-button.next{inset-inline-end:10px}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{inline-size:100%;padding:0;margin:0;text-align:center;line-height:1;z-index:4;display:inline-flex;justify-content:center;inset-block-end:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{all:unset;text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;display:inline-block;position:relative;inline-size:1.25rem;block-size:0.375rem;margin-block:0;cursor:pointer;padding:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot::after{content:\"\";position:absolute;inset:0;background:currentcolor;background:var(--dot-color);margin:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.flickity-page-dots .dot.is-selected::after{background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";
 
 const modulo = (num, div) => {
     return ((num % div) + div) % div;
@@ -2520,18 +2520,8 @@ const Slides = class {
     }
     /** If `true`, show the next / prev buttons. */
     navbtns = false;
-    async navbtnsChanged() {
-        Array.from(this._getRoot().querySelectorAll('.flickity-prev-next-button')).forEach((btn) => {
-            btn.hidden = !this.navbtns;
-        });
-    }
     /** If `true`, show the pagination. */
     pager = false;
-    async pagerChanged() {
-        const dots = this._getRoot().querySelector('.flickity-page-dots');
-        if (dots)
-            dots.hidden = !this.pager;
-    }
     /** If `true`, show a fullscreen button. */
     fullscreenbtn = false;
     async fullscreenBtnChanged() {
@@ -2819,15 +2809,15 @@ const Slides = class {
     }
     async loadFlickityModules(opts) {
         if (!this.hasFullScreenModule && opts.fullscreen) {
-            await Promise.resolve().then(function () { return require('./fullscreen-C0vzuH0_.js'); });
+            await Promise.resolve().then(function () { return require('./fullscreen-BwWXgXF7.js'); });
             this.hasFullScreenModule = true;
         }
         if (!this.hasLazyLoadModule && opts.lazyLoad) {
-            await Promise.resolve().then(function () { return require('./lazyload-Cqdwd4el.js'); });
+            await Promise.resolve().then(function () { return require('./lazyload-Dtrt7Igq.js'); });
             this.hasLazyLoadModule = true;
         }
         if (!this.hasFadeModule && opts.fade) {
-            await Promise.resolve().then(function () { return require('./fade-C7mRKYJR.js'); });
+            await Promise.resolve().then(function () { return require('./fade-BdM5nGrk.js'); });
             this.hasFadeModule = true;
         }
     }
@@ -2852,8 +2842,6 @@ const Slides = class {
             this.flickityReady = true;
             this.syncflickity = flick;
             this.animationChange();
-            this.navbtnsChanged();
-            this.pagerChanged();
             this.fullscreenChanged();
             this.fullscreenBtnChanged();
             this.readyflickity(flick);
@@ -2883,7 +2871,7 @@ const Slides = class {
         const flickityOptions = {
             cellSelector: renderer.transformTag('nano-slide'),
             contain: true,
-            prevNextButtons: true,
+            prevNextButtons: false,
             fullscreen: this.fullscreen,
             accessibility: true,
             imagesLoaded: true,
@@ -2960,15 +2948,15 @@ const Slides = class {
         this.destroyflickity();
     }
     render() {
-        return (renderer.h(index.Host, { key: '87cf8ae3ff3ded83f82ef3bfc5d76381afb967e0', class: "nano-slides" }, renderer.h("div", { key: 'af12496fc219421dcf416607a7c5cc9b0e59968e', class: {
+        return (renderer.h(index.Host, { key: 'ab3c7c4aee4786601f82e6d83ddb2de195ff8fd7', class: "nano-slides" }, renderer.h("div", { key: 'fbe7dadaddefd92daef76bec6e01dfb7a11aded7', class: {
                 slideshow: true,
                 ready: this.ready,
                 'not-ready': !this.ready,
-            }, part: "base" }, renderer.h("div", { key: 'c5995f58b334a741e4c7930be1354d4814dd436b', ref: (div) => (this.flickityEl = div), class: {
+            }, part: "base" }, renderer.h("div", { key: 'efef77051a0db1a52586ce3e12baee3cb443d312', ref: (div) => (this.flickityEl = div), class: {
                 'flickity-container': true,
                 'slides-ready': this.slidesReady,
                 'slides-not-ready': !this.slidesReady,
-            }, part: "slide-container" }, renderer.h("slot", { key: 'f4b17d46db05d7b23ff79501cc435b2b6beadcb2', onSlotchange: () => this.update() })), renderer.h("div", { key: '483ab2edd42b87d48bcc0793cbe5c21efdd1a4d3', class: "ui-extras" }, renderer.h("slot", { key: '8fc3e7b78980381d52817c0faa80efa5439a14a6', name: "ui" })), this.slideCount > 1 && this.pager && (renderer.h("div", { key: '4e7c781d179dda4d43356ae9a5892d913d17b43c', class: "pagination flickity-page-dots", part: "pagination" }, Array.from({ length: this.slideCount }).map((_, index) => (renderer.h("button", { part: "pagination-item--active", key: index, class: {
+            }, part: "slide-container" }, renderer.h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), renderer.h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, renderer.h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (renderer.h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (renderer.h("button", { key: 'e02b6f76212c06d49caba900818e2d47c26e2822', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, renderer.h("span", { key: '89ed4d4d9db5ba763713ee44331f601d6feea324', class: "button-icon button-icon--previous", part: "navigation-icon" }, renderer.h("slot", { key: '87aa2651613159b1774588db8b0ed8f38932e04a', name: "previous-icon" })))), this.pager && (renderer.h("div", { key: 'e5f94418cef99b8eb98df0a3cd9618c24ea75dbd', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (renderer.h("button", { part: "pagination-item--active", key: index, class: {
                 'pagination-btn': true,
                 'pagination-btn--active': this.isActive(index),
                 'is-selected': this.isActive(index),
@@ -2977,12 +2965,10 @@ const Slides = class {
                 if (this.isActive(index))
                     return;
                 this.slideTo(index);
-            } }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))))));
+            } }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (renderer.h("button", { key: 'd344c575e02818b25c60032953d1a6b2a10c83b5', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext() }, renderer.h("span", { key: '5cdeac7b43a4469bfacdfd6330a35470b14a419e', class: "button-icon", part: "navigation-icon" }, renderer.h("slot", { key: '541b1c4a50cc57103a43e235a9dfbba39d24fe64', name: "next-icon" })))))))));
     }
     static get watchers() { return {
         "options": ["optionsChanged"],
-        "navbtns": ["navbtnsChanged"],
-        "pager": ["pagerChanged"],
         "fullscreenbtn": ["fullscreenBtnChanged"],
         "fullscreen": ["fullscreenChanged"],
         "animation": ["animationChange"],

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-DFBGKfHj.js');
+var nanoSlides_entry = require('./nano-slides-BxWPZJ3Z.js');
 require('./index-DGttnXif.js');
 require('./renderer-jVpDRMfV.js');
 

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

@@ -728,7 +728,7 @@ const Sortable = class {
         }
     }
     render() {
-        return (renderer.h(index.Host, { key: '8417261830f3b91247c7b7a6c6b75b348dc19bfb', class: "nano-sortable" }, renderer.h("div", { key: 'ce86bd07503d4afd4f3927c53df7e271a538755e', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (renderer.h("div", null, str)))), renderer.h("slot", { key: '94e4576b27bb98af4375b855a5d440dcb9d06667' })));
+        return (renderer.h(index.Host, { key: '845be657a2bbfb42718ee9e8d4672ff31756fcc3', class: "nano-sortable" }, renderer.h("div", { key: '9c603a11407cb62ffe50bb6cfd89b47994df21e9', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (renderer.h("div", null, str)))), renderer.h("slot", { key: '36a5e7111ed26a7714206c449ffc7be1a46337d1' })));
     }
     static get watchers() { return {
         "itemSelector": ["handleItemSelectorChange"],

package/dist/cjs/nano-step-accordion.cjs.entry.js

@@ -83,7 +83,7 @@ const NanoStepAccordion = class {
         }
     }
     render() {
-        return (renderer.h("nano-accordion", { key: '1832da76f2bff202722bb28c049d75d11149b321', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index$1) => (renderer.h("nano-details", { open: index$1 === this.activeStep, disabled: !step.enabled, class: {
+        return (renderer.h("nano-accordion", { key: '1a977444388da596ff3fbf0559ac77a274efce11', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index$1) => (renderer.h("nano-details", { open: index$1 === this.activeStep, disabled: !step.enabled, class: {
                 step: true,
                 'step--active': index$1 === this.activeStep,
                 'step--complete': step.complete,

package/dist/cjs/nano-step-breadcrumb.cjs.entry.js

@@ -106,10 +106,10 @@ const NanoStepBreadcrumb = class {
     };
     render() {
         const Wrapper = this.steps.filter((step) => step.href).length > 0 ? 'nav' : 'div';
-        return (renderer.h(index.Host, { key: 'cbda942c6f8110d4d82131a1c9e4b14edf24b0c3' }, renderer.h(Wrapper, { key: 'b7fb3d26dd43a9407a75051be48e20b7633a8838', class: "step-wrapper" }, renderer.h("ul", { key: 'fbc4be8dea505488507b6ad77b412888e92e1b0a', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (renderer.h("li", { class: "step-item-wrapper", key: index }, renderer.h(this.ControlTag, { step: step, index: index }))))), renderer.h("div", { key: '3303c111f3f5b55afdae780c389dd62f66ab41e5', class: `step-list mobile ${this.cacheKey}` }, renderer.h("nano-dropdown", { key: '5e53b5c612f04201304b3ad740a87c3b702becae', dialogTitle: "Steps", class: "step-dropdown" }, renderer.h("button", { key: '04adf74e007e5de4504a297e65f32a284d3ab086', slot: "trigger", class: "step-trigger" }, renderer.h("div", { key: '0820a4a1bdcb5c7123e266885c7632f2c0b1efa2', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
+        return (renderer.h(index.Host, { key: 'c36aea91ff263fe145d0eebfe5ba34c3fb33c948' }, renderer.h(Wrapper, { key: '5399b604512fdc7254f01702b5f58fd1ab5725be', class: "step-wrapper" }, renderer.h("ul", { key: '42f2f8adddd37661873ed4b16559b558a4525af4', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (renderer.h("li", { class: "step-item-wrapper", key: index }, renderer.h(this.ControlTag, { step: step, index: index }))))), renderer.h("div", { key: 'ab41697fed0c7d4282913f8492676008cee1ec63', class: `step-list mobile ${this.cacheKey}` }, renderer.h("nano-dropdown", { key: '73e5bba6d10f193c4e0b6b2ff43919e0b1589bcb', dialogTitle: "Steps", class: "step-dropdown" }, renderer.h("button", { key: '7054eb631e22d22ef7fbcb0c8320e77b288b381f', slot: "trigger", class: "step-trigger" }, renderer.h("div", { key: '8f0816402f31637a1402d1ee1e66bcd086ef6377', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
                 '--value': '' + (this.activeStep + 1),
                 '--max': '' + this.steps.length,
-            } }, renderer.h("span", { key: '9548a830bc2c09209276fc8ff3c2c19a9ca9f867', class: "step-progress-text" }, renderer.h("strong", { key: '5b4df74d1ae187cbc221e2b0e3ce2822ffc15dda' }, this.activeStep + 1), " of", ' ', this.steps.length)), renderer.h("div", { key: '5f2188ff4aa1a405517f1916852f90ebd52851de', class: "step-trigger-text" }, renderer.h("div", { key: '0c78fd73afea02abc1b97b86c12568cd9cd722d3', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), renderer.h("div", { key: '39ba2b211cb3500be635661372a12660c6f1dc07', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), renderer.h("nano-icon", { key: 'ed4a5818efd6e7ff4be154b4e7ec230bdf4a6003', class: "step-trigger-icon", name: "light/chevron-down" })), renderer.h("nano-menu", { key: '64b46fdbc7d6317e4ea0899c51017a3238f154d2' }, this.steps.map((step, index) => (renderer.h("nano-nav-item", { class: {
+            } }, renderer.h("span", { key: '1ab7e9e69dc52d2761b2c1a2c7bdb19cc0cdad0f', class: "step-progress-text" }, renderer.h("strong", { key: 'e760c2e668e5930694a873448154e3f23bf03018' }, this.activeStep + 1), " of", ' ', this.steps.length)), renderer.h("div", { key: '0afdddcdfa767f2d250986360c5ce52a37adc868', class: "step-trigger-text" }, renderer.h("div", { key: '1c200ddd5ca41a6c003c4b4bfa6c6e188a8641ac', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), renderer.h("div", { key: 'c600fd068470ea8ae187c74dc9616e8efb057c9e', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), renderer.h("nano-icon", { key: '053727621ffd9a19c39b9be0766c904391ede136', class: "step-trigger-icon", name: "light/chevron-down" })), renderer.h("nano-menu", { key: '7a578be0c13a7e4edeb40500e30e58d47c917b8e' }, this.steps.map((step, index) => (renderer.h("nano-nav-item", { class: {
                 'step-item-mobile': true,
                 'step-item-mobile step-item--active': index === this.activeStep,
                 'step-item-mobile step-item--complete': step.complete,

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

@@ -607,12 +607,12 @@ const Sticker = class {
         this.hasBootstrapped = false;
     }
     render() {
-        return (renderer.h(index.Host, { key: 'a8a1f92fa8f2039b7d69cc147f1f8aad270243f5', 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" }, renderer.h("div", { key: '0197385d3dbbef5b3ca2e25bb8b58eae96ebfd2c', class: {
+        return (renderer.h(index.Host, { key: '9760c52934c0b3d6459598dfa3a197927cf7e878', 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" }, renderer.h("div", { key: 'abbbd0a9b785792f00a75d411fbc3b882f605032', 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) }, renderer.h("div", { key: 'e9e2e931b30f6c1b3278ee96d132c40772b35f8a', class: "sticker-content", ref: (div) => (this.content = div) }, renderer.h("slot", { key: '7724a7b761972a7499945135e184a52f11811c9c' })))));
+            }, ref: (div) => (this.sticker = div) }, renderer.h("div", { key: 'de9552b69657aad9f2015dfa1470a197d490520c', class: "sticker-content", ref: (div) => (this.content = div) }, renderer.h("slot", { key: 'baafb74a16688cd9e1839eb617ceb46fb7e2b23f' })))));
     }
     static get watchers() { return {
         "trigger": ["updateTriggerOffset"],

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

@@ -24,10 +24,10 @@ const NanoTabContent = class {
         requestAnimationFrame(() => (this.ready = true));
     }
     render() {
-        return (renderer.h(index.Host, { key: '115f9e8de93aa80ebaf9d965b7142cc0fd415a2d', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
+        return (renderer.h(index.Host, { key: 'd6b4670c20b4ba1434561d9ca12fa31da1a0e20d', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
                 ready: this.ready,
                 'nano-tab-content': true,
-            } }, renderer.h("div", { key: '38103778c1cdc28329d46f8709c1258430c0d1d3', part: "base", class: "nano-tab-content" }, renderer.h("slot", { key: '4fd7291a060d0e9a8a538e3df70cc1eb3c7cc25a' }))));
+            } }, renderer.h("div", { key: 'c7c7a56f8942451a8a9beca4b9126c5f6533f9e3', part: "base", class: "nano-tab-content" }, renderer.h("slot", { key: '662b14c342f751f9d7a4bcbfecb82ae8207ee219' }))));
     }
 };
 NanoTabContent.style = tabContentCss;

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

@@ -51,12 +51,12 @@ const NanoTab = class {
     };
     render() {
         const Tag = this.href ? 'a' : 'div';
-        return (renderer.h(index.Host, { key: '1d0f5f7cbd4b2ecee010b3a97fc939d10e3cfa1b', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, renderer.h(Tag, { key: '7a02bafe7fb706f16ce46ec41cc21b2fe5021785', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
+        return (renderer.h(index.Host, { key: '8845caa998e72b0408332759c9168013263ce6e4', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, renderer.h(Tag, { key: 'aea506f8d211904e32eaefa75a182147e6b7dc30', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
                 tab: true,
                 'tab--active': this.active,
                 'tab--disabled': this.disabled,
                 'tab--closable': this.closable,
-            }, href: this.href, target: this.target }, renderer.h("slot", { key: '0477ea2cd084a6bb7dcb657d677cc144d7b7f382', name: "start" }), renderer.h("div", { key: 'd9008020efe31daba60e0e5686d3dd705b459ae1', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active || this.href ? '-1' : '0', class: "tab__label" }, renderer.h("slot", { key: 'afb668fab779adcdf990173b904360ac6cb7b420' })), renderer.h("slot", { key: '2d80bad66affc2034dfc9dca90b70bfc392e7e60', name: "end" }), this.closable && !this.disabled && (renderer.h("nano-icon-button", { key: '93a8a4df41648e0ddea8131510e07086c252fde9', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
+            }, href: this.href, target: this.target }, renderer.h("slot", { key: '38b4bc37be8a7e637edcdee08fe688d5a834f2a3', name: "start" }), renderer.h("div", { key: '74a09142c68c0d53025cfe0fdabb2adec71affff', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active || this.href ? '-1' : '0', class: "tab__label" }, renderer.h("slot", { key: '5884d06b39b4698196ad87c0d4bfb30da4bc203c' })), renderer.h("slot", { key: '6ff2dfb0a852a7ee95d4360df8b1393ab8f4b50d', name: "end" }), this.closable && !this.disabled && (renderer.h("nano-icon-button", { key: 'd404c1f5cafb40498de53efb50504bd166645145', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
     }
 };
 NanoTab.style = tabCss;

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

@@ -228,10 +228,10 @@ const NanoTable = class {
         this.cleanUpObservers();
     }
     render() {
-        return (renderer.h(index.Host, { key: 'bd86de55fe8bc0259cf6e7e112c4bb48ad190761', class: {
+        return (renderer.h(index.Host, { key: 'fa8f3bb2dfffee9a213d372282b5902ed56c5a2b', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (renderer.h("nano-masked-overflow", { key: '7002c33f0368801339f718e191922cb03b28ce08', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, renderer.h("div", { key: '60b7c9a2d7a6bde7ffcde6ce62b0477790601cf5', class: "nano-table__overflow" }))), renderer.h("slot", { key: '3d4fb01789dd5c1b0a2b3872534e796e5182d579' })));
+            } }, this.scrollable && (renderer.h("nano-masked-overflow", { key: 'da0d773c42fb2c1b9f694fa4b2c307c2c070d67d', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, renderer.h("div", { key: '83f36ec8ff79fa21fb1ae03f1746ccc544ffa7f3', class: "nano-table__overflow" }))), renderer.h("slot", { key: '57821514111245364971a5f85c6ff95309590eb3' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],

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

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

package/dist/collection/components/slides/slides.css

@@ -57,8 +57,8 @@
   --navbtns-bg-color: transparent;
   --navbtns-icon-color-disabled: var(--dot-color-active);
   --navbtns-bg-color-disabled: transparent;
-  --navbtns-width: 1.875rem;
-  --navbtns-height: 2.75rem;
+  --navbtns-width: 1rem;
+  --navbtns-height: 1.5rem;
   --fsbtn-icon-color: var(--dot-color-active);
   --fsbtn-bg-color: transparent;
   --flip-icon-ltr: 0;
@@ -66,7 +66,6 @@
   display: block;
   -webkit-user-select: none;
           user-select: none;
-  overflow: hidden;
   transition: opacity 0.2s;
   opacity: 0;
   max-inline-size: 100vw;
@@ -165,9 +164,12 @@ https://flickity.metafizzy.co
   cursor: grabbing;
 }
 
+.pagination {
+  display: flex;
+}
+
 /* ---- flickity-button ---- */
 .flickity-button {
-  position: absolute;
   background: var(--navbtns-bg-color);
   border: none;
   color: #333;
@@ -228,12 +230,6 @@ https://flickity.metafizzy.co
 }
 
 /* ---- previous/next buttons ---- */
-.flickity-prev-next-button {
-  inset-block-start: 50%;
-  /* vertically center */
-  transform: translateY(-50%);
-}
-
 .flickity-prev-next-button.previous {
   inset-inline-start: 10px;
 }

package/dist/collection/components/slides/slides.js

@@ -62,18 +62,8 @@ export class Slides {
     }
     /** If `true`, show the next / prev buttons. */
     navbtns = false;
-    async navbtnsChanged() {
-        Array.from(this._getRoot().querySelectorAll('.flickity-prev-next-button')).forEach((btn) => {
-            btn.hidden = !this.navbtns;
-        });
-    }
     /** If `true`, show the pagination. */
     pager = false;
-    async pagerChanged() {
-        const dots = this._getRoot().querySelector('.flickity-page-dots');
-        if (dots)
-            dots.hidden = !this.pager;
-    }
     /** If `true`, show a fullscreen button. */
     fullscreenbtn = false;
     async fullscreenBtnChanged() {
@@ -394,8 +384,6 @@ export class Slides {
             this.flickityReady = true;
             this.syncflickity = flick;
             this.animationChange();
-            this.navbtnsChanged();
-            this.pagerChanged();
             this.fullscreenChanged();
             this.fullscreenBtnChanged();
             this.readyflickity(flick);
@@ -425,7 +413,7 @@ export class Slides {
         const flickityOptions = {
             cellSelector: transformTag('nano-slide'),
             contain: true,
-            prevNextButtons: true,
+            prevNextButtons: false,
             fullscreen: this.fullscreen,
             accessibility: true,
             imagesLoaded: true,
@@ -502,15 +490,15 @@ export class Slides {
         this.destroyflickity();
     }
     render() {
-        return (h(Host, { key: '87cf8ae3ff3ded83f82ef3bfc5d76381afb967e0', class: "nano-slides" }, h("div", { key: 'af12496fc219421dcf416607a7c5cc9b0e59968e', class: {
+        return (h(Host, { key: 'ab3c7c4aee4786601f82e6d83ddb2de195ff8fd7', class: "nano-slides" }, h("div", { key: 'fbe7dadaddefd92daef76bec6e01dfb7a11aded7', class: {
                 slideshow: true,
                 ready: this.ready,
                 'not-ready': !this.ready,
-            }, part: "base" }, h("div", { key: 'c5995f58b334a741e4c7930be1354d4814dd436b', ref: (div) => (this.flickityEl = div), class: {
+            }, part: "base" }, h("div", { key: 'efef77051a0db1a52586ce3e12baee3cb443d312', ref: (div) => (this.flickityEl = div), class: {
                 'flickity-container': true,
                 'slides-ready': this.slidesReady,
                 'slides-not-ready': !this.slidesReady,
-            }, part: "slide-container" }, h("slot", { key: 'f4b17d46db05d7b23ff79501cc435b2b6beadcb2', onSlotchange: () => this.update() })), h("div", { key: '483ab2edd42b87d48bcc0793cbe5c21efdd1a4d3', class: "ui-extras" }, h("slot", { key: '8fc3e7b78980381d52817c0faa80efa5439a14a6', name: "ui" })), this.slideCount > 1 && this.pager && (h("div", { key: '4e7c781d179dda4d43356ae9a5892d913d17b43c', class: "pagination flickity-page-dots", part: "pagination" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
+            }, part: "slide-container" }, h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: 'e02b6f76212c06d49caba900818e2d47c26e2822', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, h("span", { key: '89ed4d4d9db5ba763713ee44331f601d6feea324', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: '87aa2651613159b1774588db8b0ed8f38932e04a', name: "previous-icon" })))), this.pager && (h("div", { key: 'e5f94418cef99b8eb98df0a3cd9618c24ea75dbd', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
                 'pagination-btn': true,
                 'pagination-btn--active': this.isActive(index),
                 'is-selected': this.isActive(index),
@@ -519,7 +507,7 @@ export class Slides {
                 if (this.isActive(index))
                     return;
                 this.slideTo(index);
-            } }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))))));
+            } }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: 'd344c575e02818b25c60032953d1a6b2a10c83b5', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext() }, h("span", { key: '5cdeac7b43a4469bfacdfd6330a35470b14a419e', class: "button-icon", part: "navigation-icon" }, h("slot", { key: '541b1c4a50cc57103a43e235a9dfbba39d24fe64', name: "next-icon" })))))))));
     }
     static get is() { return "nano-slides"; }
     static get encapsulation() { return "shadow"; }
@@ -1237,12 +1225,6 @@ export class Slides {
         return [{
                 "propName": "options",
                 "methodName": "optionsChanged"
-            }, {
-                "propName": "navbtns",
-                "methodName": "navbtnsChanged"
-            }, {
-                "propName": "pager",
-                "methodName": "pagerChanged"
             }, {
                 "propName": "fullscreenbtn",
                 "methodName": "fullscreenBtnChanged"

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

@@ -732,7 +732,7 @@ export class Sortable {
         }
     }
     render() {
-        return (h(Host, { key: '8417261830f3b91247c7b7a6c6b75b348dc19bfb', class: "nano-sortable" }, h("div", { key: 'ce86bd07503d4afd4f3927c53df7e271a538755e', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '94e4576b27bb98af4375b855a5d440dcb9d06667' })));
+        return (h(Host, { key: '845be657a2bbfb42718ee9e8d4672ff31756fcc3', class: "nano-sortable" }, h("div", { key: '9c603a11407cb62ffe50bb6cfd89b47994df21e9', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '36a5e7111ed26a7714206c449ffc7be1a46337d1' })));
     }
     static get is() { return "nano-sortable"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/step-accordion/step-accordion.js

@@ -83,7 +83,7 @@ export class NanoStepAccordion {
         }
     }
     render() {
-        return (h("nano-accordion", { key: '1832da76f2bff202722bb28c049d75d11149b321', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index) => (h("nano-details", { open: index === this.activeStep, disabled: !step.enabled, class: {
+        return (h("nano-accordion", { key: '1a977444388da596ff3fbf0559ac77a274efce11', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index) => (h("nano-details", { open: index === this.activeStep, disabled: !step.enabled, class: {
                 step: true,
                 'step--active': index === this.activeStep,
                 'step--complete': step.complete,

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

@@ -104,10 +104,10 @@ export class NanoStepBreadcrumb {
     };
     render() {
         const Wrapper = this.steps.filter((step) => step.href).length > 0 ? 'nav' : 'div';
-        return (h(Host, { key: 'cbda942c6f8110d4d82131a1c9e4b14edf24b0c3' }, h(Wrapper, { key: 'b7fb3d26dd43a9407a75051be48e20b7633a8838', class: "step-wrapper" }, h("ul", { key: 'fbc4be8dea505488507b6ad77b412888e92e1b0a', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (h("li", { class: "step-item-wrapper", key: index }, h(this.ControlTag, { step: step, index: index }))))), h("div", { key: '3303c111f3f5b55afdae780c389dd62f66ab41e5', class: `step-list mobile ${this.cacheKey}` }, h("nano-dropdown", { key: '5e53b5c612f04201304b3ad740a87c3b702becae', dialogTitle: "Steps", class: "step-dropdown" }, h("button", { key: '04adf74e007e5de4504a297e65f32a284d3ab086', slot: "trigger", class: "step-trigger" }, h("div", { key: '0820a4a1bdcb5c7123e266885c7632f2c0b1efa2', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
+        return (h(Host, { key: 'c36aea91ff263fe145d0eebfe5ba34c3fb33c948' }, h(Wrapper, { key: '5399b604512fdc7254f01702b5f58fd1ab5725be', class: "step-wrapper" }, h("ul", { key: '42f2f8adddd37661873ed4b16559b558a4525af4', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (h("li", { class: "step-item-wrapper", key: index }, h(this.ControlTag, { step: step, index: index }))))), h("div", { key: 'ab41697fed0c7d4282913f8492676008cee1ec63', class: `step-list mobile ${this.cacheKey}` }, h("nano-dropdown", { key: '73e5bba6d10f193c4e0b6b2ff43919e0b1589bcb', dialogTitle: "Steps", class: "step-dropdown" }, h("button", { key: '7054eb631e22d22ef7fbcb0c8320e77b288b381f', slot: "trigger", class: "step-trigger" }, h("div", { key: '8f0816402f31637a1402d1ee1e66bcd086ef6377', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
                 '--value': '' + (this.activeStep + 1),
                 '--max': '' + this.steps.length,
-            } }, h("span", { key: '9548a830bc2c09209276fc8ff3c2c19a9ca9f867', class: "step-progress-text" }, h("strong", { key: '5b4df74d1ae187cbc221e2b0e3ce2822ffc15dda' }, this.activeStep + 1), " of", ' ', this.steps.length)), h("div", { key: '5f2188ff4aa1a405517f1916852f90ebd52851de', class: "step-trigger-text" }, h("div", { key: '0c78fd73afea02abc1b97b86c12568cd9cd722d3', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), h("div", { key: '39ba2b211cb3500be635661372a12660c6f1dc07', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), h("nano-icon", { key: 'ed4a5818efd6e7ff4be154b4e7ec230bdf4a6003', class: "step-trigger-icon", name: "light/chevron-down" })), h("nano-menu", { key: '64b46fdbc7d6317e4ea0899c51017a3238f154d2' }, this.steps.map((step, index) => (h("nano-nav-item", { class: {
+            } }, h("span", { key: '1ab7e9e69dc52d2761b2c1a2c7bdb19cc0cdad0f', class: "step-progress-text" }, h("strong", { key: 'e760c2e668e5930694a873448154e3f23bf03018' }, this.activeStep + 1), " of", ' ', this.steps.length)), h("div", { key: '0afdddcdfa767f2d250986360c5ce52a37adc868', class: "step-trigger-text" }, h("div", { key: '1c200ddd5ca41a6c003c4b4bfa6c6e188a8641ac', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), h("div", { key: 'c600fd068470ea8ae187c74dc9616e8efb057c9e', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), h("nano-icon", { key: '053727621ffd9a19c39b9be0766c904391ede136', class: "step-trigger-icon", name: "light/chevron-down" })), h("nano-menu", { key: '7a578be0c13a7e4edeb40500e30e58d47c917b8e' }, this.steps.map((step, index) => (h("nano-nav-item", { class: {
                 'step-item-mobile': true,
                 'step-item-mobile step-item--active': index === this.activeStep,
                 'step-item-mobile step-item--complete': step.complete,

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

@@ -603,12 +603,12 @@ export class Sticker {
         this.hasBootstrapped = false;
     }
     render() {
-        return (h(Host, { key: 'a8a1f92fa8f2039b7d69cc147f1f8aad270243f5', 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: '0197385d3dbbef5b3ca2e25bb8b58eae96ebfd2c', class: {
+        return (h(Host, { key: '9760c52934c0b3d6459598dfa3a197927cf7e878', 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: 'abbbd0a9b785792f00a75d411fbc3b882f605032', 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: 'e9e2e931b30f6c1b3278ee96d132c40772b35f8a', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '7724a7b761972a7499945135e184a52f11811c9c' })))));
+            }, ref: (div) => (this.sticker = div) }, h("div", { key: 'de9552b69657aad9f2015dfa1470a197d490520c', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: 'baafb74a16688cd9e1839eb617ceb46fb7e2b23f' })))));
     }
     static get is() { return "nano-sticker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table.js

@@ -231,10 +231,10 @@ export class NanoTable {
         this.cleanUpObservers();
     }
     render() {
-        return (h(Host, { key: 'bd86de55fe8bc0259cf6e7e112c4bb48ad190761', class: {
+        return (h(Host, { key: 'fa8f3bb2dfffee9a213d372282b5902ed56c5a2b', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (h("nano-masked-overflow", { key: '7002c33f0368801339f718e191922cb03b28ce08', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '60b7c9a2d7a6bde7ffcde6ce62b0477790601cf5', class: "nano-table__overflow" }))), h("slot", { key: '3d4fb01789dd5c1b0a2b3872534e796e5182d579' })));
+            } }, this.scrollable && (h("nano-masked-overflow", { key: 'da0d773c42fb2c1b9f694fa4b2c307c2c070d67d', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '83f36ec8ff79fa21fb1ae03f1746ccc544ffa7f3', class: "nano-table__overflow" }))), h("slot", { key: '57821514111245364971a5f85c6ff95309590eb3' })));
     }
     static get is() { return "nano-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tabs/tab-content.js

@@ -24,10 +24,10 @@ export class NanoTabContent {
         requestAnimationFrame(() => (this.ready = true));
     }
     render() {
-        return (h(Host, { key: '115f9e8de93aa80ebaf9d965b7142cc0fd415a2d', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
+        return (h(Host, { key: 'd6b4670c20b4ba1434561d9ca12fa31da1a0e20d', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
                 ready: this.ready,
                 'nano-tab-content': true,
-            } }, h("div", { key: '38103778c1cdc28329d46f8709c1258430c0d1d3', part: "base", class: "nano-tab-content" }, h("slot", { key: '4fd7291a060d0e9a8a538e3df70cc1eb3c7cc25a' }))));
+            } }, h("div", { key: 'c7c7a56f8942451a8a9beca4b9126c5f6533f9e3', part: "base", class: "nano-tab-content" }, h("slot", { key: '662b14c342f751f9d7a4bcbfecb82ae8207ee219' }))));
     }
     static get is() { return "nano-tab-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/tab.js

@@ -56,12 +56,12 @@ export class NanoTab {
     };
     render() {
         const Tag = this.href ? 'a' : 'div';
-        return (h(Host, { key: '1d0f5f7cbd4b2ecee010b3a97fc939d10e3cfa1b', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h(Tag, { key: '7a02bafe7fb706f16ce46ec41cc21b2fe5021785', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
+        return (h(Host, { key: '8845caa998e72b0408332759c9168013263ce6e4', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h(Tag, { key: 'aea506f8d211904e32eaefa75a182147e6b7dc30', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
                 tab: true,
                 'tab--active': this.active,
                 'tab--disabled': this.disabled,
                 'tab--closable': this.closable,
-            }, href: this.href, target: this.target }, h("slot", { key: '0477ea2cd084a6bb7dcb657d677cc144d7b7f382', name: "start" }), h("div", { key: 'd9008020efe31daba60e0e5686d3dd705b459ae1', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active || this.href ? '-1' : '0', class: "tab__label" }, h("slot", { key: 'afb668fab779adcdf990173b904360ac6cb7b420' })), h("slot", { key: '2d80bad66affc2034dfc9dca90b70bfc392e7e60', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: '93a8a4df41648e0ddea8131510e07086c252fde9', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
+            }, href: this.href, target: this.target }, h("slot", { key: '38b4bc37be8a7e637edcdee08fe688d5a834f2a3', name: "start" }), h("div", { key: '74a09142c68c0d53025cfe0fdabb2adec71affff', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active || this.href ? '-1' : '0', class: "tab__label" }, h("slot", { key: '5884d06b39b4698196ad87c0d4bfb30da4bc203c' })), h("slot", { key: '6ff2dfb0a852a7ee95d4360df8b1393ab8f4b50d', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: 'd404c1f5cafb40498de53efb50504bd166645145', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
     }
     static get is() { return "nano-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -227,10 +227,10 @@ export class Tooltip {
             this.popover.destroy();
     }
     render() {
-        return (h(Host, { key: '47db0fb2f9706960aea19d4b6896c680983ed434', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.handleClick, class: "nano-tooltip" }, h("slot", { key: '454f02a3cbe81b2b76a93c38f4f750802adaf0fc', onSlotchange: this.handleSlotChange }), h("div", { key: '2a17c5c7020ec2d699baf993f68b3ee4387f9541', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner", popover: "manual" }, h("div", { key: 'e3caece4446b7c79a9a935b818dbe3eed4fdfa37', part: "base", ref: (el) => (this.tooltip = el), class: {
+        return (h(Host, { key: '79951f5782653b519fabd8345c2ec0af5cf86f2d', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.handleClick, class: "nano-tooltip" }, h("slot", { key: '6698cb226357c92807393c1fe2f73991c13ead07', onSlotchange: this.handleSlotChange }), h("div", { key: 'dbb8bda886e15850c17c06dca8d9f8924cb62486', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner", popover: "manual" }, h("div", { key: '9b1f5692d592331470c0159229aab8fbcb091b21', part: "base", ref: (el) => (this.tooltip = el), class: {
                 tooltip: true,
                 'tooltip--open': this.open,
-            }, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: 'fe8c00239fca802a242c7d5a25001471ad2f9080', name: "content", onSlotchange: () => this.setLabel() }, this.content), h("div", { key: '79d9ad01f482731e6995a400b251c45faa5db935', class: "tooltip-arrow", "data-popper-arrow": true })))));
+            }, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '1e6f35227072b696e2cea3cbf93eea26285b20cf', name: "content", onSlotchange: () => this.setLabel() }, this.content), h("div", { key: 'dab2de407dae223b4ac229283d9dedb8a69e4919', class: "tooltip-arrow", "data-popper-arrow": true })))));
     }
     static get is() { return "nano-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/nano-sortable.js

@@ -730,7 +730,7 @@ const Sortable = /*@__PURE__*/ proxyCustomElement(class Sortable extends HTMLEle
         }
     }
     render() {
-        return (h(Host, { key: '8417261830f3b91247c7b7a6c6b75b348dc19bfb', class: "nano-sortable" }, h("div", { key: 'ce86bd07503d4afd4f3927c53df7e271a538755e', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '94e4576b27bb98af4375b855a5d440dcb9d06667' })));
+        return (h(Host, { key: '845be657a2bbfb42718ee9e8d4672ff31756fcc3', class: "nano-sortable" }, h("div", { key: '9c603a11407cb62ffe50bb6cfd89b47994df21e9', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '36a5e7111ed26a7714206c449ffc7be1a46337d1' })));
     }
     static get watchers() { return {
         "itemSelector": ["handleItemSelectorChange"],

package/dist/components/nano-step-accordion.js

@@ -86,7 +86,7 @@ const NanoStepAccordion$1 = /*@__PURE__*/ proxyCustomElement(class NanoStepAccor
         }
     }
     render() {
-        return (h("nano-accordion", { key: '1832da76f2bff202722bb28c049d75d11149b321', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index) => (h("nano-details", { open: index === this.activeStep, disabled: !step.enabled, class: {
+        return (h("nano-accordion", { key: '1a977444388da596ff3fbf0559ac77a274efce11', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index) => (h("nano-details", { open: index === this.activeStep, disabled: !step.enabled, class: {
                 step: true,
                 'step--active': index === this.activeStep,
                 'step--complete': step.complete,

package/dist/components/nano-step-breadcrumb.js

@@ -111,10 +111,10 @@ const NanoStepBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class NanoStepBrea
     };
     render() {
         const Wrapper = this.steps.filter((step) => step.href).length > 0 ? 'nav' : 'div';
-        return (h(Host, { key: 'cbda942c6f8110d4d82131a1c9e4b14edf24b0c3' }, h(Wrapper, { key: 'b7fb3d26dd43a9407a75051be48e20b7633a8838', class: "step-wrapper" }, h("ul", { key: 'fbc4be8dea505488507b6ad77b412888e92e1b0a', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (h("li", { class: "step-item-wrapper", key: index }, h(this.ControlTag, { step: step, index: index }))))), h("div", { key: '3303c111f3f5b55afdae780c389dd62f66ab41e5', class: `step-list mobile ${this.cacheKey}` }, h("nano-dropdown", { key: '5e53b5c612f04201304b3ad740a87c3b702becae', dialogTitle: "Steps", class: "step-dropdown" }, h("button", { key: '04adf74e007e5de4504a297e65f32a284d3ab086', slot: "trigger", class: "step-trigger" }, h("div", { key: '0820a4a1bdcb5c7123e266885c7632f2c0b1efa2', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
+        return (h(Host, { key: 'c36aea91ff263fe145d0eebfe5ba34c3fb33c948' }, h(Wrapper, { key: '5399b604512fdc7254f01702b5f58fd1ab5725be', class: "step-wrapper" }, h("ul", { key: '42f2f8adddd37661873ed4b16559b558a4525af4', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (h("li", { class: "step-item-wrapper", key: index }, h(this.ControlTag, { step: step, index: index }))))), h("div", { key: 'ab41697fed0c7d4282913f8492676008cee1ec63', class: `step-list mobile ${this.cacheKey}` }, h("nano-dropdown", { key: '73e5bba6d10f193c4e0b6b2ff43919e0b1589bcb', dialogTitle: "Steps", class: "step-dropdown" }, h("button", { key: '7054eb631e22d22ef7fbcb0c8320e77b288b381f', slot: "trigger", class: "step-trigger" }, h("div", { key: '8f0816402f31637a1402d1ee1e66bcd086ef6377', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
                 '--value': '' + (this.activeStep + 1),
                 '--max': '' + this.steps.length,
-            } }, h("span", { key: '9548a830bc2c09209276fc8ff3c2c19a9ca9f867', class: "step-progress-text" }, h("strong", { key: '5b4df74d1ae187cbc221e2b0e3ce2822ffc15dda' }, this.activeStep + 1), " of", ' ', this.steps.length)), h("div", { key: '5f2188ff4aa1a405517f1916852f90ebd52851de', class: "step-trigger-text" }, h("div", { key: '0c78fd73afea02abc1b97b86c12568cd9cd722d3', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), h("div", { key: '39ba2b211cb3500be635661372a12660c6f1dc07', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), h("nano-icon", { key: 'ed4a5818efd6e7ff4be154b4e7ec230bdf4a6003', class: "step-trigger-icon", name: "light/chevron-down" })), h("nano-menu", { key: '64b46fdbc7d6317e4ea0899c51017a3238f154d2' }, this.steps.map((step, index) => (h("nano-nav-item", { class: {
+            } }, h("span", { key: '1ab7e9e69dc52d2761b2c1a2c7bdb19cc0cdad0f', class: "step-progress-text" }, h("strong", { key: 'e760c2e668e5930694a873448154e3f23bf03018' }, this.activeStep + 1), " of", ' ', this.steps.length)), h("div", { key: '0afdddcdfa767f2d250986360c5ce52a37adc868', class: "step-trigger-text" }, h("div", { key: '1c200ddd5ca41a6c003c4b4bfa6c6e188a8641ac', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), h("div", { key: 'c600fd068470ea8ae187c74dc9616e8efb057c9e', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), h("nano-icon", { key: '053727621ffd9a19c39b9be0766c904391ede136', class: "step-trigger-icon", name: "light/chevron-down" })), h("nano-menu", { key: '7a578be0c13a7e4edeb40500e30e58d47c917b8e' }, this.steps.map((step, index) => (h("nano-nav-item", { class: {
                 'step-item-mobile': true,
                 'step-item-mobile step-item--active': index === this.activeStep,
                 'step-item-mobile step-item--complete': step.complete,

package/dist/components/nano-tab-content.js

@@ -24,10 +24,10 @@ const NanoTabContent$1 = /*@__PURE__*/ proxyCustomElement(class NanoTabContent e
         requestAnimationFrame(() => (this.ready = true));
     }
     render() {
-        return (h(Host, { key: '115f9e8de93aa80ebaf9d965b7142cc0fd415a2d', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
+        return (h(Host, { key: 'd6b4670c20b4ba1434561d9ca12fa31da1a0e20d', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
                 ready: this.ready,
                 'nano-tab-content': true,
-            } }, h("div", { key: '38103778c1cdc28329d46f8709c1258430c0d1d3', part: "base", class: "nano-tab-content" }, h("slot", { key: '4fd7291a060d0e9a8a538e3df70cc1eb3c7cc25a' }))));
+            } }, h("div", { key: 'c7c7a56f8942451a8a9beca4b9126c5f6533f9e3', part: "base", class: "nano-tab-content" }, h("slot", { key: '662b14c342f751f9d7a4bcbfecb82ae8207ee219' }))));
     }
     static get style() { return tabContentCss; }
 }, [257, "nano-tab-content", {