@getflip/swirl-components 0.205.0 → 0.205.1

package/dist/cjs/swirl-icon-send.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-settings.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-short-text.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-simplify.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-spellcheck.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-stop.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-sync.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-tasks-filled.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-tasks.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-terminal.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-time-filled.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-time.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-today-filled.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-translate.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-tree-structure.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-undo.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-unlock-person.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-user-add.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-user-assign.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-video-camera.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-video-library.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-voice.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon-work.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";

package/dist/cjs/swirl-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
 const SwirlIconStyle0 = swirlIconCss;

package/dist/cjs/swirl-image-grid-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus:not(:focus-visible){outline:none}button.image-grid-item:focus-visible{z-index:1;outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";

package/dist/cjs/swirl-image-grid.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlImageGridCss = ":host{display:block}:host *{box-sizing:border-box}.image-grid{display:grid;overflow:hidden;width:100%;min-height:0;border-radius:var(--s-border-radius-sm);gap:var(--s-space-2)}.image-grid--item-count-1{grid-template-columns:100%;grid-template-rows:100%}.image-grid--item-count-2{grid-template-columns:repeat(2, 50%)}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(100% / 3)}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, 50%);grid-template-rows:repeat(2, 50%)}";

package/dist/cjs/swirl-inline-notification.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlInlineNotificationCss = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}";

package/dist/cjs/swirl-inline-status.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-fc5855ec.js');
 

package/dist/cjs/swirl-lightbox.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const a11yDialog_esm = require('./a11y-dialog.esm-4a3287ed.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
@@ -15,6 +15,21 @@ const SwirlLightbox = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.dragging = false;
+        this.onKeyDown = (event) => {
+            if (!this.modal.shown) {
+                return;
+            }
+            if (event.code === "Escape") {
+                event.stopImmediatePropagation();
+                this.close();
+            }
+            else if (event.code === "ArrowLeft") {
+                this.onPreviousSlideClick();
+            }
+            else if (event.code === "ArrowRight") {
+                this.onNextSlideClick();
+            }
+        };
         this.onCloseButtonClick = () => {
             this.close();
         };
@@ -117,21 +132,6 @@ const SwirlLightbox = class {
         this.modal?.destroy();
         this.unlockBodyScroll();
     }
-    onKeyDown(event) {
-        if (!this.modal.shown) {
-            return;
-        }
-        if (event.code === "Escape") {
-            event.stopImmediatePropagation();
-            this.close();
-        }
-        else if (event.code === "ArrowLeft") {
-            this.onPreviousSlideClick();
-        }
-        else if (event.code === "ArrowRight") {
-            this.onNextSlideClick();
-        }
-    }
     /**
      * Open the lightbox.
      */
@@ -246,7 +246,7 @@ const SwirlLightbox = class {
             "lightbox--closing": this.closing,
             "lightbox--hide-menu": !hasMenuItems,
         });
-        return (index.h(index.Host, { key: '9b151d3fd07f79011554e26d7b44842a5c5277ce' }, index.h("section", { key: '36ed16824620602651bdbfdd85deffbeb1de915e', "aria-hidden": "true", "aria-label": this.label, class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '3bddaea824c7c1783f21300395aef06e91b988dc', class: "lightbox__body", role: "document" }, index.h("header", { key: '18c2955250104cf5b3fadf9ca2a50ee83c4f102a', class: "lightbox__header" }, index.h("button", { key: 'e2687585a52c9cb50dfcbc2dc3d693f881074ac9', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: 'c93ea099d1ebbbf873658ed8beab779c1370d265' })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: '99d5cabd37749e3d67a415029321b53f54a2fbd2', swirlPopover: this.menu }, index.h("button", { key: '8c182257ca377e61d47902790dcc74b3ac8fafc3', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: 'f418d69408ff8a5528152498f7f1a746c28b7309' }))))), index.h("div", { key: '298305cf88f6bd94e222eb51228a51668ec875fa', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'b47d3a82c3f7bba61a859f7e8ccc84d06dc8fefb', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '6837b5f05916e3a046adc83091def8fc5aeba029', onSlotchange: this.registerSlides }))), index.h("div", { key: '0a602fa1f79698403c6ff6feef1b77ba2e4f98a4', class: "lightbox__controls" }, index.h("button", { key: '5b6b26275497fb1c5bf3c9daec017d919b214118', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '85ac2719ee73b6fa83188df426f95d31ead72982' })), index.h("button", { key: '6454503b8b33e8a6d026810585c95b1e57d0f477', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: '5df4e35d7d22ca3bee26c3536a36bab60dbd0888' }))), showPagination && (index.h("span", { key: 'e0495dfcb5ecc5b92fce69e33100a438e94bb68b', class: "lightbox__pagination" }, index.h("span", { key: '0b586dcb9d4fccd1ff8d4685b8b1aa8949508630', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: 'b49f052e70d3b3ff371488adccdb6d228954c812', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'ca19940afb176d6ecc3d0bfc75b32af9f3fda885' }, index.h("div", { key: '967b223edff36dd1afc3bf0818d1aad6601440d0', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: 'a5e76405625ec9c72c56e7eb2e7de96a0ae8cfa8', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '4f21f0e9f22fda76e2b9fc98b3e5f08b55c0c596', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: '1e63292856513519fa525a29c1ebe52c8bc4fc49', class: "lightbox__file-info" }, index.h("swirl-text", { key: '189da696210cef80a8aab1abd1ccc6612947db9e', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: '0300dcd09c28ec5c7227366df7d14eba012b1455', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: 'dd93e615d0a1012d2824d04750571496aa7d4f2f' }), index.h("swirl-action-list", { key: 'f97591239b8b3c973c7fd51b32ee915604de0dc9' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '1a13179fe3186de98254aa504b4729183159fd18', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '062b797a704f9df398b29b59d359c15e850eed32', name: "menu-items" }))))))));
+        return (index.h(index.Host, { key: 'eedbc61d8f233551fc73072e634855d9f4576033', onKeydown: this.onKeyDown }, index.h("section", { key: '3db9750f88be7589ff623cdf01dca5ebcbe62b34', "aria-hidden": "true", "aria-label": this.label, class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '11c62356b4c0f1b4bc7e94c1f16c997b52cd0ba6', class: "lightbox__body", role: "document" }, index.h("header", { key: '757b290e3c2be944991b6200882dd822574509ec', class: "lightbox__header" }, index.h("button", { key: '3a307f15c6fbbb6d61f02b894958e5a3d8be803a', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: '3ad53fa426cffd291e19b5d2d274dd8da625f135' })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: 'eb4a77d81b05e533f17028f5ace13567a69455f8', swirlPopover: this.menu }, index.h("button", { key: '4e3cb9b4e8ed2b5bb282b32d005e251fda297280', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: 'a9311024f6ded33a51b3c013a782be6ba5bee5fa' }))))), index.h("div", { key: '3b50d07b621bde7148a56f5acb39e1062b69a9cf', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: '8ac5e7b8afd3bafe08561e766f7a787a4f236dfe', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '29d6c11a444007bfd70e5eb22f9e5c64238d60e2', onSlotchange: this.registerSlides }))), index.h("div", { key: 'efa43a1d10e1270d1c24522055a91293e377682a', class: "lightbox__controls" }, index.h("button", { key: '47d61a0c32b6dbd30c796759a8ddcb9f32876122', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '6f52359aa9617b3c38e8906ba1e1b38a05efa42c' })), index.h("button", { key: 'f6365bf585150ccb728cc3ee961cd05be5017922', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: '76e5fdef353618db9f82cd6e49de0da9b5326b0b' }))), showPagination && (index.h("span", { key: '607e536f75b88f3779414af01e68f01bb32163d8', class: "lightbox__pagination" }, index.h("span", { key: 'e05b86e31550993bd9dd3f8c7a87e00ec365c591', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: 'e899134f48cf1baac66853bb829a59a4bc1c873f', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '0f5756328ebd28b50290bb6a777cee7ef5fa438b' }, index.h("div", { key: '4a4d9742cf75b43b4b95c6f0f1b3c7853cd738e4', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '6d4b28bb0763c428d8c8454a30b860a5ee2a65d1', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '555e8b36232b9af4fb8fb6369b27bff448204e20', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: 'dbf13b5637b4db552c1840e9044bf490080cc676', class: "lightbox__file-info" }, index.h("swirl-text", { key: 'b016fb48b29ec7609bd95f788c66195a90aa4850', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: '8b2275e5a2656fe9708fadb9137a55fca79e4990', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: '156ba36159e7b0fd37fdeb8a669297d475475279' }), index.h("swirl-action-list", { key: 'e6e69b511969dc9d9b4162e6b6c4eaa4c0896a4f' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '4f743ed4e1b9f890d69df5463ea65249a302780c', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'eacabb04b213bc2e035f866c87a2dc327e1543a1', name: "menu-items" }))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-link.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlLinkCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}";

package/dist/cjs/swirl-list.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 
 const swirlListCss = ":host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:\"•\"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) \".\";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) \".\";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlListStyle0 = swirlListCss;

package/dist/cjs/swirl-menu-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-fc5855ec.js');
 

package/dist/cjs/swirl-menu.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-fc5855ec.js');

package/dist/cjs/swirl-modal.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
 const focusTrap_esm = require('./focus-trap.esm-a1e3774c.js');

package/dist/cjs/swirl-option-list-section.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 
 const swirlOptionListSectionCss = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlOptionListSectionStyle0 = swirlOptionListSectionCss;

package/dist/cjs/swirl-option-list_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const utils = require('./utils-fc5855ec.js');
 const sortable_esm = require('./sortable.esm-73cf219b.js');
 const index$1 = require('./index-9f94303c.js');

package/dist/cjs/swirl-pagination.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-fc5855ec.js');
 

package/dist/cjs/swirl-pdf-reader.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const a11yDialog_esm = require('./a11y-dialog.esm-4a3287ed.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');

package/dist/cjs/swirl-popover_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');

package/dist/cjs/swirl-progress-indicator.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlProgressIndicatorCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}";

package/dist/cjs/swirl-radio-group.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 
 const swirlRadioGroupCss = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}";
 const SwirlRadioGroupStyle0 = swirlRadioGroupCss;

package/dist/cjs/swirl-radio.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlRadioCss = ".sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:\"\";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";

package/dist/cjs/swirl-resource-list-file-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-fc5855ec.js');
 

package/dist/cjs/swirl-search.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-fc5855ec.js');
 

package/dist/cjs/swirl-select.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-fc5855ec.js');
 

package/dist/cjs/swirl-shell-layout.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 const focusTrap_esm = require('./focus-trap.esm-a1e3774c.js');
 

package/dist/cjs/swirl-shell-navigation-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n  display: inline-flex;\n  width: 100%;\n}\n\n:host * {\n    box-sizing: border-box;\n  }\n\n.shell-navigation-item {\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 3rem;\n  padding: var(--s-space-8);\n  flex-shrink: 0;\n  justify-content: flex-start;\n  align-items: center;\n  border: none;\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  text-decoration: none;\n  cursor: pointer;\n  container-type: size;\n  gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n.shell-navigation-item:focus {\n    outline: none;\n  }\n\n.shell-navigation-item:focus-visible {\n    z-index: 1;\n    box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n      background-color: var(--s-background-default);\n      border-color: var(--s-border-default);\n      border-radius: var(--s-border-radius-sm);\n      border-width: var(--s-border-width-default);\n      border-style: solid;\n      overflow: hidden;\n    }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n\n    --swirl-app-icon-size: 2rem;\n}\n\n.shell-navigation-item.shell-navigation-item--active {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n    background-color: var(--s-surface-sunken-default)\n}\n  }\n\n.shell-navigation-item__icon {\n  display: inline-flex;\n  min-width: 2rem;\n  min-height: 2rem;\n  height: 2rem;\n  width: 2rem;\n  justify-content: center;\n  align-items: center;\n}\n\n.shell-navigation-item__label {\n  overflow: hidden;\n  min-width: 0;\n  flex-grow: 1;\n  text-align: start;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.shell-navigation-item__badge {\n  --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n  .shell-navigation-item__label {\n    display: none;\n  }\n\n  .shell-navigation-item__badge {\n    position: absolute;\n    top: var(--s-space-4);\n    right: var(--s-space-4);\n    padding: var(--s-space-2);\n  }\n\n  .shell-navigation-item__badge--dot {\n    top: var(--s-space-8);\n    right: var(--s-space-8);\n  }\n}\n\n@container (min-width: 10rem) {\n  .shell-navigation-item__badge--dot {\n    padding-right: var(--s-space-4);\n  }\n}\n";

package/dist/cjs/swirl-skeleton-box.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlSkeletonBoxCss = ":host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0) 12%,\n      var(--s-surface-raised-default) 50%,\n      rgba(255, 255, 255, 0) 88%,\n      rgba(255, 255, 255, 0) 100%\n    );content:\"\";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}";

package/dist/cjs/swirl-skeleton-text.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-6aba64ed.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlSkeletonTextCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n  )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n    )}}.skeleton-text--size-base{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-base) - var(--s-font-size-base)) / 2\n  )}.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-base);border-radius:calc(var(--s-font-size-base) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n    )}}.skeleton-text--size-lg{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-lg) - var(--s-font-size-lg)) / 2\n  )}.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-lg);border-radius:calc(var(--s-font-size-lg) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-base) - var(--s-font-size-base)) / 2\n    )}}.skeleton-text--size-xl{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-xl) - var(--s-font-size-xl)) / 2\n  )}.skeleton-text--size-xl .skeleton-text__line{height:var(--s-line-height-xl);border-radius:calc(var(--s-font-size-xl) / 2)}.skeleton-text--size-2xl{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2\n  )}.skeleton-text--size-2xl .skeleton-text__line{height:var(--s-line-height-2xl);border-radius:calc(var(--s-font-size-2xl) / 2)}.skeleton-text__line{overflow:hidden;width:100%;padding-top:var(--skeleton-text-line-padding);padding-bottom:var(--skeleton-text-line-padding)}.skeleton-text__line:before{display:block;width:100%;height:100%;border-radius:10rem;background-color:var(--s-surface-raised-hovered);content:\"\"}.skeleton-text__line:after{position:relative;z-index:1;top:-100%;display:block;width:100%;height:100%;background-image:linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      var(--s-surface-raised-default) 33%,\n      rgba(255, 255, 255, 0) 66%\n    );content:\"\";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}";