@nanoporetech-digital/components 8.0.0-alpha.8 → 8.0.0-alpha.9

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var renderer = require('./renderer-W7BRtd3i.js');
 var math = require('./math-DIjJ3V87.js');
 
 const ratingCss = ".sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{box-sizing:border-box}[hidden].sc-nano-rating{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{box-sizing:border-box}[hidden].sc-nano-rating{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-rating-h{--symbol-color:#b5aea7;--symbol-color-active:#f5cc49;--symbol-spacing:0.25rem;--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));display:inline-block}.rating-wrap.sc-nano-rating{position:relative;margin-block:0;margin-inline:calc(var(--symbol-spacing) * -1)}.rating.sc-nano-rating{position:relative;border-radius:5px;vertical-align:middle;inline-size:100%;transition:box-shadow 0.15s ease}.rating.sc-nano-rating:focus{outline:none}.rating.sc-nano-rating:focus-visible:focus{box-shadow:var(--focus-shadow)}.rating__symbols.sc-nano-rating{display:flex;align-items:center;position:relative;font-size:var(--symbol-size);color:var(--symbol-color);white-space:nowrap;cursor:pointer;line-height:0;justify-content:space-between}.rating__symbols--inactive.sc-nano-rating .rating__symbol.sc-nano-rating>.sc-nano-rating:not(.nano-icon){background-color:currentcolor !important}.rating__symbols.sc-nano-rating>*.sc-nano-rating{margin:var(--symbol-spacing)}.rating__symbols--indicator.sc-nano-rating{position:absolute;inset-block-start:0;inset-inline-start:0;color:var(--symbol-color-active);pointer-events:none;inline-size:100%}.rating__symbol.sc-nano-rating{transition:0.2s transform;text-align:center}.rating__symbol--hover.sc-nano-rating{transform:scale(1.2)}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:default}.rating--disabled.sc-nano-rating .rating__symbol.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbol.sc-nano-rating{transform:none !important}.rating--disabled.sc-nano-rating{opacity:0.5}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:not-allowed}";
@@ -174,23 +174,23 @@ const Rating = class {
         else {
             displayValue = this.isHovering ? this.hoverValue : this.value;
         }
-        return (renderer.h(index.Host, { key: '1f1a4c5f6b8dea2419e75be53db6e74d4455c3c5', class: "nano-rating" }, renderer.h("div", { key: '6898eef81bc7e3d634b3054a4694f49db79929c8', class: "rating-wrap" }, renderer.h("div", { key: 'bbad068f69e99c12083bb53c00a25b2dff02ddb7', dir: this.isRtl ? 'rtl' : null, ref: (el) => (this.rating = el), part: "base", class: {
+        return (renderer.h(index.Host, { key: '3c6a6a92555b16420e5a5401f6020a6c2bc66b50', class: "nano-rating" }, renderer.h("div", { key: '2ccf681ef28c0f2b804da2c98416c7ea384de6fa', class: "rating-wrap" }, renderer.h("div", { key: '529d5315867405bc0b50ebe4e1ee3c38c88002ef', dir: this.isRtl ? 'rtl' : null, ref: (el) => (this.rating = el), part: "base", class: {
                 rating: true,
                 'rating--readonly': this.readonly,
                 'rating--disabled': this.disabled,
-            }, "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', "aria-valuenow": this.value, "aria-valuemin": 0, "aria-valuemax": this.max, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur }, renderer.h("span", { key: 'd2518d1ec73803cdc284c64ff4fcee9c86f6077d', class: "rating__symbols rating__symbols--inactive" }, counter.map((index) => (renderer.h("span", { class: {
+            }, "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', "aria-valuenow": this.value, "aria-valuemin": 0, "aria-valuemax": this.max, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur }, renderer.h("span", { key: '81cefbe9454eed12d1689cc7e0e2d525a760a5b2', class: "rating__symbols rating__symbols--inactive" }, counter.map((index) => (renderer.h("span", { class: {
                 rating__symbol: true,
                 'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1,
             },
             // Users can click the current value to clear the rating. When this happens, we set this.isHovering to
             // false to prevent the hover state from confusing them as they move the mouse out of the control. This
             // extra mouseenter will reinstate it if they happen to mouse over an adjacent symbol.
-            onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), renderer.h("span", { key: '046a97718d174445372c909eee0d061c4effd770', ref: (span) => (this.indicator = span), class: "rating__symbols rating__symbols--indicator", style: {
+            onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), renderer.h("span", { key: '418807cc26fddef01c6f9ea63def433e9b9d71e9', ref: (span) => (this.indicator = span), class: "rating__symbols rating__symbols--indicator", style: {
                 clip: this.clip(displayValue),
             } }, counter.map((index) => (renderer.h("span", { class: {
                 rating__symbol: true,
                 'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1,
-            }, innerHTML: this.symbol(index + 1) })))), renderer.h("input", { key: '8a0a62b7419a719e2a2cf08e361aae299dea7d65', type: "hidden", name: this.name, value: this.value, disabled: this.disabled || this.readonly })))));
+            }, innerHTML: this.symbol(index + 1) })))), renderer.h("input", { key: '7c759836e1c59f34140097b9e0026e99fda9abe5', type: "hidden", name: this.name, value: this.value, disabled: this.disabled || this.readonly })))));
     }
     static get watchers() { return {
         "value": ["handleValueChange"],

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var renderer = require('./renderer-W7BRtd3i.js');
 
 const ResizeObserve = class {
     constructor(hostRef) {
@@ -93,40 +93,41 @@ const ResizeObserve = class {
             };
             return recurse(ele);
         };
-        let didChange = false;
         const measureEle = findNonContentsEle(this.host.firstElementChild);
-        if (measureEle) {
-            if (this.notifyContentFit && this.notifyContentFit.includes('x')) {
-                if (this.currentWidth < measureEle.scrollWidth &&
-                    this.contentFitX !== false) {
-                    didChange = true;
-                    this.contentFitX = false;
-                }
-                else if (this.currentWidth >= measureEle.scrollWidth &&
-                    this.contentFitX !== true) {
-                    didChange = true;
-                    this.contentFitX = true;
-                }
+        if (!measureEle)
+            return;
+        let didChange = false;
+        const { width, height } = this.host.getBoundingClientRect();
+        if (this.notifyContentFit && this.notifyContentFit.includes('x')) {
+            if (width < measureEle.scrollWidth &&
+                this.contentFitX !== false) {
+                didChange = true;
+                this.contentFitX = false;
             }
-            if (this.notifyContentFit && this.notifyContentFit.includes('y')) {
-                if (this.currentHeight < measureEle.scrollHeight &&
-                    this.contentFitY !== false) {
-                    didChange = true;
-                    this.contentFitY = false;
-                }
-                else if (this.currentHeight >= measureEle.scrollHeight &&
-                    this.contentFitY !== true) {
-                    didChange = true;
-                    this.contentFitY = true;
-                }
+            else if (width >= measureEle.scrollWidth &&
+                this.contentFitX !== true) {
+                didChange = true;
+                this.contentFitX = true;
             }
-            if (didChange) {
-                this.nanoResizeContentFitChange.emit({
-                    x: this.contentFitX,
-                    y: this.contentFitY,
-                });
+        }
+        if (this.notifyContentFit && this.notifyContentFit.includes('y')) {
+            if (height < measureEle.scrollHeight &&
+                this.contentFitY !== false) {
+                didChange = true;
+                this.contentFitY = false;
+            }
+            else if (height >= measureEle.scrollHeight &&
+                this.contentFitY !== true) {
+                didChange = true;
+                this.contentFitY = true;
             }
         }
+        if (didChange) {
+            this.nanoResizeContentFitChange.emit({
+                x: this.contentFitX,
+                y: this.contentFitY,
+            });
+        }
     }
     assessChanges = () => {
         if (!this.currentWidth && !this.currentHeight)
@@ -180,7 +181,7 @@ const ResizeObserve = class {
                 });
             });
         });
-        this.classNames = ['is-ready', ...classNames];
+        this.classNames = [...new Set(['is-ready', ...classNames])];
         this.nanoResizeStateChange.emit(this.toSimpleObj(changes));
     }
     toSimpleObj(stateMaps) {
@@ -224,11 +225,19 @@ const ResizeObserve = class {
             this.attachRO();
     }
     disconnectedCallback() {
-        if (this.ro)
+        if (this.ro) {
             this.ro.disconnect();
+            this.ro = undefined;
+        }
     }
     render() {
-        return (renderer.h(index.Host, { key: '110989d9ed5b1b40b76f9c8e641d5fdc95f0cdc3', class: "nano-resize-observe" }, renderer.h("slot", { key: '817b25ecae05e920029170061a31b03b3a155b53' }), !!this.notifyContentFit &&
+        return (renderer.h(index.Host, { key: '8a8006f2426c4cf29fb0decf2b5fa49797f04c63', class: {
+                'nano-resize-observe': true,
+                'content-fit-x': this.contentFitX,
+                'content-fit-y': this.contentFitY,
+                'content-nofit-x': this.contentFitX === false,
+                'content-nofit-y': this.contentFitY === false,
+            } }, renderer.h("slot", { key: 'e077345fe28091840cca8e2424fa577df01ec87d' }), !!this.notifyContentFit &&
             (this.contentFitX !== null || this.contentFitY !== null) && [
             this.contentFitX ? (renderer.h("slot", { name: "content-fit-x" })) : (renderer.h("slot", { name: "content-nofit-x" })),
             this.contentFitY ? (renderer.h("slot", { name: "content-fit-y" })) : (renderer.h("slot", { name: "content-nofit-y" })),

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var renderer = require('./renderer-W7BRtd3i.js');
 
 const slideCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:100%;font-size:18px;text-align:center;box-sizing:border-box;overflow:hidden;transition:opacity 0.2s;opacity:0;flex-direction:column}:host([ready]){opacity:1}:host(:not([ready])){flex:1 0 auto}";
 
@@ -39,7 +39,7 @@ const Slide = class {
         });
     }
     render() {
-        return (renderer.h(index.Host, { key: 'ef8511e766273878ebc0ceaa121199bd86130bbb', class: "nano-slide" }, renderer.h("slot", { key: '4b783b4c3df8662fb590a52ed17df975681d44bc' })));
+        return (renderer.h(index.Host, { key: '3c6b1d8ac380c330925fdd1688ca54161afa5033', class: "nano-slide" }, renderer.h("slot", { key: 'c9befdfd0d120aa6c773ba9ed24d97fcde7f8ce7' })));
     }
     static get watchers() { return {
         "ready": ["readyChange"]

package/dist/cjs/{nano-slides-BxtmLUSX.js → nano-slides-C3CzGlwK.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var renderer = require('./renderer-W7BRtd3i.js');
 
 function EvEmitter() { }
 const proto$4 = EvEmitter.prototype;
@@ -2810,19 +2810,19 @@ const Slides = class {
     }
     async loadFlickityModules(opts) {
         if (!this.hasFullScreenModule && opts.fullscreen) {
-            await Promise.resolve().then(function () { return require('./fullscreen-0yMY8mhF.js'); });
+            await Promise.resolve().then(function () { return require('./fullscreen-B0RzdP3s.js'); });
             this.hasFullScreenModule = true;
         }
         if (!this.hasLazyLoadModule && opts.lazyLoad) {
-            await Promise.resolve().then(function () { return require('./lazyload-CnQrwJrf.js'); });
+            await Promise.resolve().then(function () { return require('./lazyload-DzKvneFi.js'); });
             this.hasLazyLoadModule = true;
         }
         if (!this.hasDotsModule && opts.pageDots) {
-            await Promise.resolve().then(function () { return require('./page-dots-B2slCN6O.js'); });
+            await Promise.resolve().then(function () { return require('./page-dots-Cpgo_xGE.js'); });
             this.hasDotsModule = true;
         }
         if (!this.hasFadeModule && opts.fade) {
-            await Promise.resolve().then(function () { return require('./fade-463IMjUb.js'); });
+            await Promise.resolve().then(function () { return require('./fade-DYt6Phy3.js'); });
             this.hasFadeModule = true;
         }
     }
@@ -2957,15 +2957,15 @@ const Slides = class {
         this.destroyflickity();
     }
     render() {
-        return (renderer.h(index.Host, { key: '9e8f895c3e090bad627b2deb2fc73fd4376955d8', class: "nano-slides" }, renderer.h("div", { key: 'ec54add94ca823d9e7cfd76c025cb1e126c6ca46', class: {
+        return (renderer.h(index.Host, { key: 'db808d24fa5e0650b8848a8ad49f409b1742d010', class: "nano-slides" }, renderer.h("div", { key: '833b9add3ac283a28290ff442ba3222719819248', class: {
                 slideshow: true,
                 ready: this.ready,
                 'not-ready': !this.ready,
-            }, part: "base" }, renderer.h("div", { key: '8d1edb24c0dc802ff6b16de97a30ac9bfa628db5', ref: (div) => (this.flickityEl = div), class: {
+            }, part: "base" }, renderer.h("div", { key: '582d0ce3f49bf048c65caca78b86439eed298933', 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: 'c4801b234cc2a6312a7fbac0a5218631f740f616' })), renderer.h("div", { key: '43a7d3fa38eb728ab12f4d37ecd247a6d1a66e53', class: "ui-extras" }, renderer.h("slot", { key: '98601f0edd95f9f6c717b3bb7ab293db2cab3a93', name: "ui" })))));
+            }, part: "slide-container" }, renderer.h("slot", { key: 'f9ea3b11fb13efaf78254e061fff5e8396ad3e54' })), renderer.h("div", { key: 'a7c4f452bb04aa5a2fd98839cf493737f057e7af', class: "ui-extras" }, renderer.h("slot", { key: 'f6eb7fbbb0dc21d50c7daca4e1c10b3924de4ba3', name: "ui" })))));
     }
     static get watchers() { return {
         "options": ["optionsChanged"],

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-BxtmLUSX.js');
-require('./index-BlC8UV0T.js');
-require('./renderer-BjTjwe8d.js');
+var nanoSlides_entry = require('./nano-slides-C3CzGlwK.js');
+require('./index-trCnMfo7.js');
+require('./renderer-W7BRtd3i.js');
 
 
 

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var renderer = require('./renderer-W7BRtd3i.js');
 var drag = require('./drag-B5XXLJW9.js');
 var throttle = require('./throttle-CrRDOkln.js');
 var events = require('./events-pBdXJwIU.js');
@@ -729,7 +729,7 @@ const Sortable = class {
         }
     }
     render() {
-        return (renderer.h(index.Host, { key: '108dd7db53821adef114521be6a825561c974137', class: "nano-sortable" }, renderer.h("div", { key: '7b23e9a51e5cb366676fb61163b031c0ba693599', 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: 'a61fca55dd0de8a4dd1611ada70101ca19906528' })));
+        return (renderer.h(index.Host, { key: 'bf0691e59a5832ca8249a7d1253232399f6dcd08', class: "nano-sortable" }, renderer.h("div", { key: '5ff7d9c08e496fbfffb5df836dd6834d339106fc', 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: '6419b77cd7e962726d7b2c5b88997b73b1bc9a3f' })));
     }
     static get watchers() { return {
         "itemSelector": ["handleItemSelectorChange"],

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
+var index = require('./index-trCnMfo7.js');
 
 const spinnerCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:where(nano-spinner,.nano-spinner){display:inline-block;--track-size:.1em;--indicator-color:var(--nano-color-primary-1000);--track-color:var(--nano-color-neutral-300);--overlay-color:rgb(var(--nano-color-base-rgb-0) / 88%);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--nano-spacing-xs)}:where(nano-spinner,.nano-spinner)::after{content:\"\";order:-1;font-size:1em;display:block;inline-size:1em;block-size:1em;border-radius:50%;border:solid var(--track-size) var(--track-color);border-block-start-color:var(--indicator-color);border-inline-end-color:var(--indicator-color);border-inline-start-color:var(--indicator-color);animation:1s linear infinite loading-spin}:where(nano-spinner,.nano-spinner)>:not([slot=label]){display:none}:where(nano-spinner,.nano-spinner) [slot=label]{font-size:var(--nano-font-size-sm);color:var(--nano-color-neutral-1200);display:block;text-align:center;position:relative;z-index:1}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false]){position:absolute;inset:0;display:grid;grid-template-rows:auto auto;z-index:var(--nano-z-index-mask);justify-items:center}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false])::before{content:\"\";order:-2;position:absolute;inset:0;background:var(--overlay-color);z-index:-1}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false]) [slot=label]{align-self:start;grid-row:2}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false])::after{align-self:end;grid-row:1;position:relative}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var renderer = require('./renderer-W7BRtd3i.js');
 var drag = require('./drag-B5XXLJW9.js');
 var math = require('./math-DIjJ3V87.js');
 var throttle = require('./throttle-CrRDOkln.js');

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

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var dom = require('./dom-B0-coRX2.js');
+var index = require('./index-trCnMfo7.js');
+var dom = require('./dom-DM4lO0bS.js');
 var throttle = require('./throttle-CrRDOkln.js');
-var scroll = require('./scroll-CtgMHKrt.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var scroll = require('./scroll-33Y1FRj4.js');
+var renderer = require('./renderer-W7BRtd3i.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-layer-index-menubar, 10);--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}";
 
@@ -607,12 +607,12 @@ const Sticker = class {
         this.hasBootstrapped = false;
     }
     render() {
-        return (renderer.h(index.Host, { key: 'd101390b8f5a9505d6a563181fff96c29716fb88', 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: '7b034516d6af7615fe35b9d2161b5378c0b2d7cf', class: {
+        return (renderer.h(index.Host, { key: '6ecfe8ffd92fbe3126dcdbce737267b800b5f3ec', 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: '662dd7f185a4d9dd30cf285c3a3c5e37736147f9', 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: '10491e3b9e0af4220e7f84ab0ae72bf297e0af23', class: "sticker-content", ref: (div) => (this.content = div) }, renderer.h("slot", { key: 'f3efcf1fd5a0bda012258cace4712f398fc71a4f' })))));
+            }, ref: (div) => (this.sticker = div) }, renderer.h("div", { key: '9e026e99d36884aa8a196d03e55aafbce4d33754', class: "sticker-content", ref: (div) => (this.content = div) }, renderer.h("slot", { key: '36ff243ac039dd52fb1ce57c72dfbfd9a682c6ec' })))));
     }
     static get watchers() { return {
         "trigger": ["updateTriggerOffset"],

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var renderer = require('./renderer-W7BRtd3i.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}}";
 
@@ -24,10 +24,10 @@ const NanoTabContent = class {
         requestAnimationFrame(() => (this.ready = true));
     }
     render() {
-        return (renderer.h(index.Host, { key: 'd75249c18948a3c52f1163cf036cbde27e64ef2c', 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: 'e77e802472984dd6997e5dbea3b807853c530f9a', 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: '11c33106eb61433952881ae701d68e5a0bc738c5', part: "base", class: "nano-tab-content" }, renderer.h("slot", { key: 'a9e9ed4679fb0ab7d90ee45dddb3c482e2598242' }))));
+            } }, renderer.h("div", { key: '9c642ced7beec01c0cbaa333b977ee23ef83981a', part: "base", class: "nano-tab-content" }, renderer.h("slot", { key: 'fcafb5cedc796e0f3661519ccdb1d9374568d59e' }))));
     }
 };
 NanoTabContent.style = tabContentCss;

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var dom = require('./dom-B0-coRX2.js');
-var componentStore = require('./component-store-Cpxjkhrv.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var dom = require('./dom-DM4lO0bS.js');
+var componentStore = require('./component-store-Bjf_XOwd.js');
+var renderer = require('./renderer-W7BRtd3i.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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var index = require('./index-trCnMfo7.js');
+var renderer = require('./renderer-W7BRtd3i.js');
 
 const tabCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1000);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-small);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)}";
 
@@ -46,12 +46,12 @@ const NanoTab = class {
         }
     };
     render() {
-        return (renderer.h(index.Host, { key: 'be35131ea184b6644288e79d3e0bd1ea8c8668dc', 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("div", { key: '24c2a9b88b258d4332a8fc15e7687ec9b0e2a54e', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
+        return (renderer.h(index.Host, { key: '42d49d8148bac6792761ca027917184992ac9787', 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("div", { key: 'a5c816c6faab721c3c8896083f87ead5dd06abd1', 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,
-            } }, renderer.h("slot", { key: '80ab0aa015352e67446cee86a340db6a8b6ed6ee', name: "start" }), renderer.h("div", { key: '008484dda3003b4baa4c603ea43ce8ea15c4f688', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active ? '-1' : '0', class: "tab__label" }, renderer.h("slot", { key: '5ee9fe66f2a58e0c06fafe1eb8ba0941ff0ca082' })), renderer.h("slot", { key: 'b3ef36e571ef16ecc40a2983faf5ade9e3a47a9f', name: "end" }), this.closable && !this.disabled && (renderer.h("nano-icon-button", { key: 'ba51a18677145770de7b18974a28448fccb593cf', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
+            } }, renderer.h("slot", { key: 'c1aa8a3a0239d501a65b5db2c263b5ad777360e0', name: "start" }), renderer.h("div", { key: '508bd62a360aa2c6ba195f7dbaa2e8503bc79771', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active ? '-1' : '0', class: "tab__label" }, renderer.h("slot", { key: '48d789df0212ed3fcb91b169336540027aa182be' })), renderer.h("slot", { key: '29f8662c82ee362daf86d2fda096f1d95b9e80a1', name: "end" }), this.closable && !this.disabled && (renderer.h("nano-icon-button", { key: 'bd37054c27603d7cf012c88c99ad472973539e3e', 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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-BlC8UV0T.js');
+var index = require('./index-trCnMfo7.js');
 var throttle = require('./throttle-CrRDOkln.js');
-var renderer = require('./renderer-BjTjwe8d.js');
+var renderer = require('./renderer-W7BRtd3i.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}}";
 
@@ -224,10 +224,10 @@ const NanoTable = class {
         this.cleanUpObservers();
     }
     render() {
-        return (renderer.h(index.Host, { key: 'e968dfa9cd63226118a11fe73f142236e008b489', class: {
+        return (renderer.h(index.Host, { key: 'a976d3c4d360aa37eeccf025c4948b8bcf9a6a05', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (renderer.h("nano-masked-overflow", { key: '5dbe429e48270fc449057dee7d7c2090ad35e5e2', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, renderer.h("div", { key: '5e32115ed739865a4452f74ab19c01f7f63aa763', class: "nano-table__overflow" }))), renderer.h("slot", { key: '42bfc9215be8ca00a5d6aa5232475544cff4b2b7' })));
+            } }, this.scrollable && (renderer.h("nano-masked-overflow", { key: '6d78f909c2fd7ebd1b478e9b399ac97f5202acb5', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, renderer.h("div", { key: '9a2246d08f3f82efee4a6a6c7aec6002b159b9bc', class: "nano-table__overflow" }))), renderer.h("slot", { key: '21fad37f4eda294cd90b11175b8650b63dfe4ab0' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],

package/dist/cjs/{page-dots-B2slCN6O.js → page-dots-Cpgo_xGE.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var nanoSlides_entry = require('./nano-slides-BxtmLUSX.js');
-require('./index-BlC8UV0T.js');
-require('./renderer-BjTjwe8d.js');
+var nanoSlides_entry = require('./nano-slides-C3CzGlwK.js');
+require('./index-trCnMfo7.js');
+require('./renderer-W7BRtd3i.js');
 
 // -------------------------- PageDots -------------------------- //
 function PageDots(parent) {

package/dist/cjs/{renderer-BjTjwe8d.js → renderer-W7BRtd3i.js}

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

package/dist/cjs/{scroll-CtgMHKrt.js → scroll-33Y1FRj4.js}

@@ -3,25 +3,20 @@
  */
 'use strict';
 
-var dom = require('./dom-B0-coRX2.js');
+var dom = require('./dom-DM4lO0bS.js');
 
 /**
  * @returns the width of the document's scrollbar
  */
-function getScrollbarWidth() {
+function getScrollLockSize() {
     const documentWidth = document.documentElement.clientWidth;
-    return Math.abs(window.innerWidth - documentWidth);
-}
-/**
- * Used in conjunction with `scrollbarWidth` to set proper body padding in case the user has padding already on the `<body>` element.
- * @returns body's computed css padding
- */
-function getExistingBodyPadding() {
-    const padding = Number(getComputedStyle(document.body).paddingRight.replace(/px/, ''));
-    if (isNaN(padding) || !padding) {
-        return 0;
+    const scrollbarWidth = Math.abs(window.innerWidth - documentWidth);
+    const { paddingRight, paddingInlineEnd } = getComputedStyle(document.body);
+    let docPadding = Number((paddingInlineEnd || paddingRight).replace(/px/, ''));
+    if (!!docPadding || isNaN(docPadding)) {
+        docPadding = 0;
     }
-    return padding;
+    return scrollbarWidth + docPadding;
 }
 const locks = new Set();
 /**
@@ -34,7 +29,7 @@ function lockBodyScrolling(lockingEl) {
         return;
     // When the first lock is created,
     // set the scroll lock size to match the scrollbar's width to prevent content from shifting.
-    const scrollbarWidth = getScrollbarWidth() + getExistingBodyPadding(); // must be measured before the `sl-scroll-lock` class is applied
+    const scrollbarWidth = getScrollLockSize(); // must be measured before the `sl-scroll-lock` class is applied
     let scrollbarGutterProperty = getComputedStyle(document.documentElement).scrollbarGutter;
     // default is auto, unsupported browsers is "undefined"
     if (!scrollbarGutterProperty || scrollbarGutterProperty === 'auto') {

package/dist/cjs/{slot-CoMwYflw.js → slot-CppKo1Tn.js}

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

package/dist/cjs/{tabbable-D33Xh_1b.js → tabbable-CQ4-mXv0.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-BlC8UV0T.js');
+require('./index-trCnMfo7.js');
 
 // Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable
 function isTabbable(el, skipVisible = false) {

package/dist/cjs/{table.worker-CBBDTe_S.js → table.worker-Dto6wn52.js}

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var nanoDataTable_entry = require('./nano-data-table-fppjZGKo.js');
-require('./index-BlC8UV0T.js');
-require('./renderer-BjTjwe8d.js');
+var nanoDataTable_entry = require('./nano-data-table-zUnFb2XO.js');
+require('./index-trCnMfo7.js');
+require('./renderer-W7BRtd3i.js');
 require('./math-DIjJ3V87.js');
 require('./throttle-CrRDOkln.js');
-require('./scroll-CtgMHKrt.js');
-require('./dom-B0-coRX2.js');
-require('./index-ZOnWVzxx.js');
+require('./scroll-33Y1FRj4.js');
+require('./dom-DM4lO0bS.js');
+require('./index-DMCNW34o.js');
 
 const workerName = 'table.worker';
 const workerMsgId = 'stencil.table.worker';

package/dist/collection/collection-manifest.json

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

package/dist/collection/components/algolia/algolia.js

@@ -691,7 +691,7 @@ export class Algolia {
             }, "aria-busy": this.isLoading }, this.hasLoadSlot && (h("div", { key: '586696526af9ba7b721ebfe8aeba2b5a45b8a19a', hidden: !this.isLoading }, h("slot", { key: '40556633911954fd20b756fedf71aea7e15b15e1', name: "loader" }))), !this.hasLoadSlot && (h("div", { key: 'e5ee4968b6864b656b3537ec46b69e64ebe76370', class: {
                 loader: true,
                 loading: this.isLoading,
-            } }, h("nano-spinner", { key: '420a97d058127ea029329d6eca5055c0c54f4c1f', overlay: true }))), h(Universe.Provider, { key: '9c271e35ea7f850eb1ec2f99415ab2eebf014387', state: wormholeState }, h("slot", { key: '7a7a5ac869321d6db0a2f6f784a28e638cbe1a3f', name: "search-input" }), h("div", { key: '91b799022bee756066f1eb60038fdb428c98d3dc', class: "results-container", "aria-live": "polite" }, h("div", { key: '4209e438e0cefbc244dde4c3a9c10e3e5bf56137', ref: (div) => (this.resultsDiv = div), class: "results" }, h("slot", { key: '44b89a4cae72f8ff38c08dd605df32df03a2fc9a', name: "output" })))), h("div", { key: '7fa2100def56573ef4e098ca6da1a722d50416f9', ref: (div) => (this.defaultDiv = div), class: "default", tabindex: "-1" }, h("slot", { key: '2d5b9cd557465ceee3f249cc556aa6fa32cffd75' }))));
+            } }, h("nano-spinner", { key: '420a97d058127ea029329d6eca5055c0c54f4c1f', overlay: true }))), h(Universe.Provider, { key: '9c271e35ea7f850eb1ec2f99415ab2eebf014387', state: wormholeState }, h("slot", { key: '7a7a5ac869321d6db0a2f6f784a28e638cbe1a3f', name: "search-input" }), h("div", { key: '91b799022bee756066f1eb60038fdb428c98d3dc', class: "results-container", "aria-live": "polite" }, h("div", { key: '4209e438e0cefbc244dde4c3a9c10e3e5bf56137', ref: (div) => (this.resultsDiv = div), class: "results" }, h("slot", { key: '44b89a4cae72f8ff38c08dd605df32df03a2fc9a', name: "output" })))), h("div", { key: 'a584e0f2f10c38ffc46decc5b4b6bd2a1e14118a', ref: (div) => (this.defaultDiv = div), class: "default", tabindex: "-1", part: "default-content" }, h("slot", { key: 'dcf3c87479d48774b63bf32b4e2de2bfe9a6b1ea' }))));
     }
     static get is() { return "nano-algolia"; }
     static get encapsulation() { return "shadow"; }