@nanoporetech-digital/components 8.7.0 → 8.7.2

package/dist/cjs/{nano-slides-CrJKcnQs.js → nano-slides-ycRcUf0g.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 
 function EvEmitter() { }
 const proto$4 = EvEmitter.prototype;
@@ -2813,19 +2813,19 @@ const Slides = class {
     }
     async loadFlickityModules(opts) {
         if (!this.hasFullScreenModule && opts.fullscreen) {
-            await Promise.resolve().then(function () { return require('./fullscreen-Bh553is8.js'); });
+            await Promise.resolve().then(function () { return require('./fullscreen-D5cgtwoy.js'); });
             this.hasFullScreenModule = true;
         }
         if (!this.hasLazyLoadModule && opts.lazyLoad) {
-            await Promise.resolve().then(function () { return require('./lazyload-C1nc-whI.js'); });
+            await Promise.resolve().then(function () { return require('./lazyload-Dm1NcTJ1.js'); });
             this.hasLazyLoadModule = true;
         }
         if (!this.hasDotsModule && opts.pageDots) {
-            await Promise.resolve().then(function () { return require('./page-dots-CJkZc-XU.js'); });
+            await Promise.resolve().then(function () { return require('./page-dots--38yVfTZ.js'); });
             this.hasDotsModule = true;
         }
         if (!this.hasFadeModule && opts.fade) {
-            await Promise.resolve().then(function () { return require('./fade-BLXO4NX4.js'); });
+            await Promise.resolve().then(function () { return require('./fade-NeUskjyB.js'); });
             this.hasFadeModule = true;
         }
     }

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-CrJKcnQs.js');
+var nanoSlides_entry = require('./nano-slides-ycRcUf0g.js');
 require('./index-DGttnXif.js');
-require('./renderer-B9M1kXq8.js');
+require('./renderer-CUTUqPQt.js');
 
 
 

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 var drag = require('./drag-B5XXLJW9.js');
 var throttle = require('./throttle-CrRDOkln.js');
 var events = require('./events-pBdXJwIU.js');

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 var drag = require('./drag-B5XXLJW9.js');
 var math = require('./math-DIjJ3V87.js');
 var throttle = require('./throttle-CrRDOkln.js');

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 
 const stepAccordionCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block}.nano-details{--padding:0;--btn-bg-color--hover:transparent;--btn-bg-color--active:transparent;border:none;margin-block-end:var(--nano-spacing-sm)}.nano-details::part(base){display:grid;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:var(--nano-spacing-sm) 1.625rem}.nano-details.step--grid-working::part(base)::before{content:\"\";display:block;grid-column:1;grid-row:2;inline-size:1rem;min-block-size:1rem;border-inline-end:2px solid var(--nano-color-neutral-300)}.nano-details.step--grid-working::part(base)::after{content:\"\";grid-column:1;grid-row:2;inline-size:0.4rem;block-size:0.4rem;place-self:end end;translate:-50% 0;inset-inline-start:calc(50% - 2.5px);position:relative;border-inline-end:2px solid var(--nano-color-neutral-300);border-block-end:2px solid var(--nano-color-neutral-300);rotate:45deg}.nano-details:last-of-type::part(base)::before{min-block-size:0}.nano-details:last-of-type::part(base)::after{display:none}.nano-details::part(header){grid-column:1/-1;grid-row:1;display:inline-flex;gap:var(--nano-spacing-sm)}.nano-details::part(body){grid-column:2;grid-row:2}.nano-details::part(content-wrapper){padding:1px}.nano-details.step--grid-not-working::part(header){padding-block-end:var(--nano-spacing-sm)}.nano-details.step--grid-not-working::part(body){padding:0 0 0 2.5625rem}.step .step-header{display:inline-flex;gap:var(--nano-spacing-sm);align-items:center}.step .step-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:var(--nano-border-radius-circle);background-color:transparent;color:var(--nano-color-neutral-1400);border:1px solid var(--nano-color-neutral-300)}.step.step--complete .step-icon{background-color:var(--nano-color-success-1000);color:var(--nano-color-base-0);border:none}.step[open] .step-icon{background-color:var(--nano-color-primary-1000);color:var(--nano-color-base-0);border:none}.step .step-change{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);text-decoration:underline;color:var(--nano-color-primary-1200)}";
 

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 var constructibleStyle = require('./constructible-style-BsHBb9au.js');
 var style = require('./style-Du-L-qMa.js');
 

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

@@ -7,7 +7,7 @@ var index = require('./index-DGttnXif.js');
 var dom = require('./dom-Dxk5vXYq.js');
 var throttle = require('./throttle-CrRDOkln.js');
 var scroll = require('./scroll-C6pO9RvO.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 
 const stickerCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-z-index-menubar);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-inline-size:100%}:host([sticky]){position:sticky;transition:0.3s ease transform;will-change:min-block-size}:host([sticky][stuck]){inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){transform:var(--bottom-hide)}:host([sticky][index=\"1\"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index=\"2\"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index=\"3\"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index=\"4\"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index=\"5\"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-inline-size:inherit;inline-size:100%}.sticker:not(.stuck){inline-size:auto !important}.sticker.sticky{transition:0.3s ease all;position:relative}:host([index=\"1\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index=\"2\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index=\"3\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index=\"4\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index=\"5\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index);transform:translateY(0)}:host([placed-top]) .sticker.stuck{inset-block-start:0}:host([placed-bottom]) .sticker.stuck{inset-block-end:0}:host([placed-top]) .sticker.stuck.hide{transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{transform:var(--bottom-hide)}.sticker-content{display:flex;flex-wrap:wrap}";
 

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 
 const tabContentCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block;opacity:1;animation:opacity 0.3s ease-in-out forwards;animation-duration:0s !important}:host(.ready){animation-duration:0.3s !important}@media only screen and (width <= 768px){:host([animation-dir=left]){animation:slide-right 0.3s ease-in-out;opacity:1}:host([animation-dir=right]){animation:slide-left 0.3s ease-in-out;opacity:1}}.nano-tab-content{position:relative}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slide-left{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%) translate3d(-0.9em)}100%{transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{transform:translate3d(100%, 0, 0)}50%{transform:translateX(0%) translate3d(0.9em)}100%{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion: reduce){*{animation:none !important}}";
 

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

@@ -6,7 +6,7 @@
 var index = require('./index-DGttnXif.js');
 var dom = require('./dom-Dxk5vXYq.js');
 var componentStore = require('./component-store-C5eBOK0w.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 require('./throttle-CrRDOkln.js');
 
 const tabGroupCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items){gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items){align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items){display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-DGttnXif.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 
 const tabCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1100);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";
 

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

@@ -5,7 +5,7 @@
 
 var index = require('./index-DGttnXif.js');
 var throttle = require('./throttle-CrRDOkln.js');
-var renderer = require('./renderer-B9M1kXq8.js');
+var renderer = require('./renderer-CUTUqPQt.js');
 
 const tableCss = ".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";
 

package/dist/cjs/{page-dots-CJkZc-XU.js → page-dots--38yVfTZ.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-CrJKcnQs.js');
+var nanoSlides_entry = require('./nano-slides-ycRcUf0g.js');
 require('./index-DGttnXif.js');
-require('./renderer-B9M1kXq8.js');
+require('./renderer-CUTUqPQt.js');
 
 // -------------------------- PageDots -------------------------- //
 function PageDots(parent) {

package/dist/cjs/{renderer-B9M1kXq8.js → renderer-CUTUqPQt.js}

@@ -11,10 +11,15 @@ const CSS_ONLY_COMPONENTS = [
     'nano-avatar',
     'nano-badge',
     'nano-card',
+    'nano-content-links',
     'nano-cta',
+    'nano-feature-box',
     'nano-icon-item',
+    'nano-option-box',
+    'nano-progress-bar',
+    'nano-skeleton',
+    'nano-spinner',
     'nano-tag',
-    'nano-content-links',
 ];
 /**
  * Transforms a tag name by adding a prefix if it's a custom element

package/dist/cjs/{table.worker-BeE8kdSf.js → table.worker-DIekzkZg.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoDataTable_entry = require('./nano-data-table-BHQIpW0N.js');
+var nanoDataTable_entry = require('./nano-data-table-xe9FWWGZ.js');
 require('./index-DGttnXif.js');
-require('./renderer-B9M1kXq8.js');
+require('./renderer-CUTUqPQt.js');
 require('./math-DIjJ3V87.js');
 require('./throttle-CrRDOkln.js');
 require('./scroll-C6pO9RvO.js');

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

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

package/dist/collection/components/collapsible-comparison/collapsible-comparison.js

@@ -25,6 +25,14 @@ export class CollapsibleComparison {
      * Controls whether the comparison is open or closed.
      */
     open = false;
+    /**
+     * Optional toggle button label to show details
+     */
+    showLabel = 'Show details';
+    /**
+     * Optional toggle button label to hide details
+     */
+    hideLabel = 'Hide details';
     /**
      * Emits when the comparison is opened and closed.
      */
@@ -43,6 +51,9 @@ export class CollapsibleComparison {
     handleClick = () => {
         this.open = !this.open;
     };
+    getToggleLabel = () => {
+        return this.open ? this.hideLabel : this.showLabel;
+    };
     componentWillLoad() {
         if (Build.isBrowser)
             addGlobalStylesheetToShadow(this.el.shadowRoot);
@@ -55,7 +66,7 @@ export class CollapsibleComparison {
         }
     }
     render() {
-        return (h(Host, { key: '849c3d8630973d94ced90a7fe10506815932d9ab', class: "nano-collapsible-comparison" }, h("div", { key: 'f84d57632fc72fbc266839afd017d0087ba2ed61', class: "collapsible-comparison" }, h("div", { key: '6eeadd3c7ee8ccfacf6eeddd1addcb6f850d8561', part: "header" }, h("div", { key: 'fa7e80984c27a377b485392ada0bdc5bcacc523d', class: "header" }, h("slot", { key: '93e94814f324b460dbb69ae44214e77602e4af8f', name: "heading" }), h("nano-cta", { key: 'ac4faf7dddc1659c80493321ffacf10ccc9587dd', size: "large", icon: this.open ? 'up' : 'down', secondary: true }, h("button", { key: 'b7de49dacb1b827eaf17cfb81349b63d31858251', onClick: this.handleClick }, this.open ? 'Hide' : 'Show', " details")), h("nano-icon-button", { key: '3cddc59e59966562873e7e4999d22ff4db1b4da1', label: `${this.open ? 'Hide' : 'Show'} details`, onClick: this.handleClick, iconName: "light/chevron-down", class: this.open ? 'open' : '' })), h("div", { key: 'a977e27bf6aaea079bb80ca72433e2f2c385c683', class: "headings" }, h("slot", { key: '7793d25823855334f9d5223070ef84a1418fb1c0', name: "comparison-headings" }))), h("div", { key: '08102e78eda50cd562e0c31588a38c363e746e4d', class: "content" }, h("slot", { key: '0318767e2bb809f6db5a2c402438682d6101885a', name: "content" })))));
+        return (h(Host, { key: '5cced0d90a9447ca3b8ee481478aacbeeb4d4484', class: "nano-collapsible-comparison" }, h("div", { key: 'ae25da89fa04b0a5c89210ba8292cf1db8190a30', class: "collapsible-comparison" }, h("div", { key: '7cfd1c96cc5c1553d50193a8bec9abd260e08dfc', part: "header" }, h("div", { key: 'ccc5102295b9ca9404d3c358f4d9a885d45b5885', class: "header" }, h("slot", { key: '7d5b2f2d074b3d6b99f126b4bec77afa1d285ea8', name: "heading" }), h("nano-cta", { key: 'a10b35f5779d035d1331cdbd55c42d3007d7ce2c', size: "large", icon: this.open ? 'up' : 'down', secondary: true }, h("button", { key: '59fde8b32c34ec3df61f96c767ce44e18482a2d5', onClick: this.handleClick }, this.getToggleLabel())), h("nano-icon-button", { key: '7f9174c6d81455fc4d3fcae99b684e26de44d7ec', label: this.getToggleLabel(), onClick: this.handleClick, iconName: "light/chevron-down", class: this.open ? 'open' : '' })), h("div", { key: '1f92af4c863a0a643e47e225781bb67e32efea3e', class: "headings" }, h("slot", { key: '5744549ec533f0d1019138325310cdd6a6dd1d55', name: "comparison-headings" }))), h("div", { key: 'fb9b8acb4315686fcabd5771989c2f2bed298895', class: "content" }, h("slot", { key: '77821b17b1e3384126a1d7f7714f8779924b4b2d', name: "content" })))));
     }
     static get is() { return "nano-collapsible-comparison"; }
     static get encapsulation() { return "shadow"; }
@@ -90,6 +101,46 @@ export class CollapsibleComparison {
                 "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
+            },
+            "showLabel": {
+                "type": "string",
+                "attribute": "show-label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional toggle button label to show details"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Show details'"
+            },
+            "hideLabel": {
+                "type": "string",
+                "attribute": "hide-label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional toggle button label to hide details"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Hide details'"
             }
         };
     }

package/dist/collection/components/cta/cta.js

@@ -111,12 +111,12 @@ export class NanoCta {
                 "reflect": true
             },
             "loading": {
-                "type": "string",
+                "type": "boolean",
                 "attribute": "loading",
                 "mutable": false,
                 "complexType": {
-                    "original": "'true' | 'false'",
-                    "resolved": "\"false\" | \"true\"",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/types/shared.js

@@ -1,2 +1 @@
 export {};
-// export { JSX } from '@stencil/core'

package/dist/collection/utils/renderer.js

@@ -8,10 +8,15 @@ const CSS_ONLY_COMPONENTS = [
     'nano-avatar',
     'nano-badge',
     'nano-card',
+    'nano-content-links',
     'nano-cta',
+    'nano-feature-box',
     'nano-icon-item',
+    'nano-option-box',
+    'nano-progress-bar',
+    'nano-skeleton',
+    'nano-spinner',
     'nano-tag',
-    'nano-content-links',
 ];
 /**
  * Transforms a tag name by adding a prefix if it's a custom element

package/dist/components/cta.js

@@ -42,7 +42,7 @@ const NanoCta = /*@__PURE__*/ proxyCustomElement(class NanoCta extends HTMLEleme
         "theme": [513],
         "secondary": [516],
         "size": [513],
-        "loading": [513],
+        "loading": [516],
         "icon": [513],
         "group": [513]
     }]);

package/dist/components/nano-collapsible-comparison.js

@@ -26,6 +26,14 @@ const CollapsibleComparison = /*@__PURE__*/ proxyCustomElement(class Collapsible
      * Controls whether the comparison is open or closed.
      */
     open = false;
+    /**
+     * Optional toggle button label to show details
+     */
+    showLabel = 'Show details';
+    /**
+     * Optional toggle button label to hide details
+     */
+    hideLabel = 'Hide details';
     /**
      * Emits when the comparison is opened and closed.
      */
@@ -44,6 +52,9 @@ const CollapsibleComparison = /*@__PURE__*/ proxyCustomElement(class Collapsible
     handleClick = () => {
         this.open = !this.open;
     };
+    getToggleLabel = () => {
+        return this.open ? this.hideLabel : this.showLabel;
+    };
     componentWillLoad() {
         if (Build.isBrowser)
             addGlobalStylesheetToShadow(this.el.shadowRoot);
@@ -56,14 +67,16 @@ const CollapsibleComparison = /*@__PURE__*/ proxyCustomElement(class Collapsible
         }
     }
     render() {
-        return (h(Host, { key: '849c3d8630973d94ced90a7fe10506815932d9ab', class: "nano-collapsible-comparison" }, h("div", { key: 'f84d57632fc72fbc266839afd017d0087ba2ed61', class: "collapsible-comparison" }, h("div", { key: '6eeadd3c7ee8ccfacf6eeddd1addcb6f850d8561', part: "header" }, h("div", { key: 'fa7e80984c27a377b485392ada0bdc5bcacc523d', class: "header" }, h("slot", { key: '93e94814f324b460dbb69ae44214e77602e4af8f', name: "heading" }), h("nano-cta", { key: 'ac4faf7dddc1659c80493321ffacf10ccc9587dd', size: "large", icon: this.open ? 'up' : 'down', secondary: true }, h("button", { key: 'b7de49dacb1b827eaf17cfb81349b63d31858251', onClick: this.handleClick }, this.open ? 'Hide' : 'Show', " details")), h("nano-icon-button", { key: '3cddc59e59966562873e7e4999d22ff4db1b4da1', label: `${this.open ? 'Hide' : 'Show'} details`, onClick: this.handleClick, iconName: "light/chevron-down", class: this.open ? 'open' : '' })), h("div", { key: 'a977e27bf6aaea079bb80ca72433e2f2c385c683', class: "headings" }, h("slot", { key: '7793d25823855334f9d5223070ef84a1418fb1c0', name: "comparison-headings" }))), h("div", { key: '08102e78eda50cd562e0c31588a38c363e746e4d', class: "content" }, h("slot", { key: '0318767e2bb809f6db5a2c402438682d6101885a', name: "content" })))));
+        return (h(Host, { key: '5cced0d90a9447ca3b8ee481478aacbeeb4d4484', class: "nano-collapsible-comparison" }, h("div", { key: 'ae25da89fa04b0a5c89210ba8292cf1db8190a30', class: "collapsible-comparison" }, h("div", { key: '7cfd1c96cc5c1553d50193a8bec9abd260e08dfc', part: "header" }, h("div", { key: 'ccc5102295b9ca9404d3c358f4d9a885d45b5885', class: "header" }, h("slot", { key: '7d5b2f2d074b3d6b99f126b4bec77afa1d285ea8', name: "heading" }), h("nano-cta", { key: 'a10b35f5779d035d1331cdbd55c42d3007d7ce2c', size: "large", icon: this.open ? 'up' : 'down', secondary: true }, h("button", { key: '59fde8b32c34ec3df61f96c767ce44e18482a2d5', onClick: this.handleClick }, this.getToggleLabel())), h("nano-icon-button", { key: '7f9174c6d81455fc4d3fcae99b684e26de44d7ec', label: this.getToggleLabel(), onClick: this.handleClick, iconName: "light/chevron-down", class: this.open ? 'open' : '' })), h("div", { key: '1f92af4c863a0a643e47e225781bb67e32efea3e', class: "headings" }, h("slot", { key: '5744549ec533f0d1019138325310cdd6a6dd1d55', name: "comparison-headings" }))), h("div", { key: 'fb9b8acb4315686fcabd5771989c2f2bed298895', class: "content" }, h("slot", { key: '77821b17b1e3384126a1d7f7714f8779924b4b2d', name: "content" })))));
     }
     static get watchers() { return {
         "open": ["handleOpenChange"]
     }; }
     static get style() { return collapsibleComparisonCss; }
 }, [257, "nano-collapsible-comparison", {
-        "open": [1540]
+        "open": [1540],
+        "showLabel": [1, "show-label"],
+        "hideLabel": [1, "hide-label"]
     }, undefined, {
         "open": ["handleOpenChange"]
     }]);

package/dist/components/renderer.js

@@ -9,10 +9,15 @@ const CSS_ONLY_COMPONENTS = [
     'nano-avatar',
     'nano-badge',
     'nano-card',
+    'nano-content-links',
     'nano-cta',
+    'nano-feature-box',
     'nano-icon-item',
+    'nano-option-box',
+    'nano-progress-bar',
+    'nano-skeleton',
+    'nano-spinner',
     'nano-tag',
-    'nano-content-links',
 ];
 /**
  * Transforms a tag name by adding a prefix if it's a custom element

package/dist/esm/{fade--IBFBe-0.js → fade-BA6b-Fk9.js}

@@ -1,9 +1,9 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { F as Flickity, u as utils } from './nano-slides-Cumys6rw.js';
+import { F as Flickity, u as utils } from './nano-slides-GrbOydfa.js';
 import './index-BM3Om9WE.js';
-import './renderer-BaP2L8CT.js';
+import './renderer-DasB4P10.js';
 
 const Slide = Flickity.Slide;
 const slideUpdateTarget = Slide.prototype.updateTarget;

package/dist/esm/{form-control-CIz-2SMG.js → form-control-BCJMGxR_.js}

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { h } from './renderer-BaP2L8CT.js';
+import { h } from './renderer-DasB4P10.js';
 
 const renderLabel = ({ label, hasLabelSlot, controlId, labelId, floatLabel, placeholder, alwaysShowPlaceholder, hideLabel, hasValue, rtl, showCharCount, maxlength, charCount, }) => {
     if (!label && !hasLabelSlot)

package/dist/esm/{fullscreen-BO0-v_-N.js → fullscreen-De_yN4cg.js}

@@ -1,9 +1,9 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { F as Flickity } from './nano-slides-Cumys6rw.js';
+import { F as Flickity } from './nano-slides-GrbOydfa.js';
 import './index-BM3Om9WE.js';
-import './renderer-BaP2L8CT.js';
+import './renderer-DasB4P10.js';
 
 Flickity.createMethods.push('_createFullscreen');
 const proto = Flickity.prototype;

package/dist/esm/index.js

@@ -2,8 +2,8 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { N as NAMESPACE } from './index-BM3Om9WE.js';
-import { t as transformTag, s as setTagPrefix } from './renderer-BaP2L8CT.js';
-export { g as getTagPrefix } from './renderer-BaP2L8CT.js';
+import { t as transformTag, s as setTagPrefix } from './renderer-DasB4P10.js';
+export { g as getTagPrefix } from './renderer-DasB4P10.js';
 export { d as nanoDebounce, t as nanoThrottle } from './throttle-C93FMm2Z.js';
 export { g as nanoGetTabElements } from './tabbable-BgopY-vd.js';
 

package/dist/esm/{lazyload-DZWueTsT.js → lazyload-Cl8k3tPs.js}

@@ -1,9 +1,9 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { F as Flickity, u as utils } from './nano-slides-Cumys6rw.js';
+import { F as Flickity, u as utils } from './nano-slides-GrbOydfa.js';
 import './index-BM3Om9WE.js';
-import './renderer-BaP2L8CT.js';
+import './renderer-DasB4P10.js';
 
 Flickity.createMethods.push('_createLazyload');
 const proto = Flickity.prototype;