npm - @getflip/swirl-components - Versions diffs - 0.338.1 → 0.339.0 - Mend

@getflip/swirl-components 0.338.1 → 0.339.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1848) hide show

package/dist/esm/swirl-icon-work.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlIconWork = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '7665eb64812d2c006e966e91b0896c3a76d8df2b', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '9852b36e4ece9c96cbf61189810ec37ba5ba8524' }, h("path", { key: '617d62f4e0c10aaff5f76eb05100d727b5636de0', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ab445a6a720a026d294294891af1adc62b87128f' }, h("path", { key: '2974f28860ee9d7cd53bfade6a7396f1771d108d', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3056b42f7221f08001e51ea782784a69d0c7bed6' }, h("path", { key: '341dce9900d927963052e2e05648b04ef8dce1cf', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
+        return (h("svg", { key: '20381ae79ad0735a4c788c16beb5eb5104af0fdb', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '7e0526fce471c024d14f505d629122793af8b301' }, h("path", { key: '4712ce8ca342ff975f2bd0fee41cb5a82448429e', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'be245f5997c86412e764fb808288a9ac3c120124' }, h("path", { key: '93372b7196844b345b14ee5c638228d62bf9d7b4', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '6a70bdd3cc9f77a880d6e95e74ca09b06fdf5ffc' }, h("path", { key: '166f388401b5120be864c95f9e3b7d45fe7bbdc4', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWork.style = SwirlIconWorkStyle0;

package/dist/esm/swirl-icon.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlIcon = class {
     }
     render() {
         const Tag = `swirl-icon-${this.glyph}`;
-        return (h(Host, { key: '2909b56244363050bbc2a55eebf9c407de5a0204' }, h(Tag, { key: '12f3390c1222336d1e06503d2ad6739d976e41da', color: this.color, size: this.size })));
+        return (h(Host, { key: '5c0a5ce5fd58f92eed3a4c6b0848e7812ffe6716' }, h(Tag, { key: '384c3f839ea651979ad9a295a68d3b606d39a0c5', color: this.color, size: this.size })));
     }
 };
 SwirlIcon.style = SwirlIconStyle0;

package/dist/esm/swirl-image-grid-item.entry.js CHANGED Viewed

@@ -140,14 +140,14 @@ const SwirlImageGridItem = class {
             "image-grid-item--has-overlay": this.overlay,
             "image-grid-item--loaded": this.loaded,
         });
-        return (h(Host, { key: 'b953e8d326db353b5faa9b92bd3b589b5e208a4e', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '77e58288d3d155a44f19550d87ab759115b803cf', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'bbcb3f395f6046d8b9a02c3f5bb8de153f9e67ea', class: "image-grid-item__background", style: {
+        return (h(Host, { key: 'd8861b15b548ef4d79d7aef3096f34d6b70291b2', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '2829b230e14df3a0247d319c805c7c39d5ebcb4d', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '9a8a19b4d735519b7cd2d7362fa499eef2600af2', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '7ae30c6b661bfe8e518889e6ab11fa52a7d39dc4', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '14806fcb17fdcaf24cd83acc711cf6dfced2b16f', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: '005d7b3bbb38aacc9ea56ecc6b341c4f0c6c39de', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '09e619f725027f7a5fb5f5b2f3bad054b6e1dbe8', size: 20 })))), this.loaded &&
+            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '790303134c3a79361d3dddb2e68da585707213bb', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'fdccbf0ebd88ef2fb99dc4b4d75b7e89de065be4', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: 'bd08dc8b6d7cdffb677ddc767e9492052b03b5b9', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: 'b40f3cd1bc315bff59ec4dcdeb76c6685af02adc', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: '9906aca33a6b623b71419dc630e0068cb921fd39', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'bc810410fb32213c580302929aa36caaeec5eb32', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '1873cf87c68115524f9d5c6099c394b3e7c6108c', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: 'f2e2e22602e2cc0cfb43f91df27372fad42b2efd', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'f0de5ab1c45ed081f3d8cec377b393b2b6cf4cbe', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: 'c6ecc4cd4d36f37dc4e0e44cd3d81a9c21afd3e1', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'e3c7c795cc73b3e94960b706d8c0c035143e9d6f', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'f470cc26abb401cd0ac277cddb2bd2e4960d78fa', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '1f07c351cd1302937672ed9fca043b945e649d1f', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'bf8497f3c4733578b02f7b70be14ffd597b4882c', color: "critical" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-image-grid.entry.js CHANGED Viewed

@@ -57,7 +57,7 @@ const SwirlImageGrid = class {
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (h(Host, { key: '1a28ad519601ffc63918ca1ed585c68c7fe0a99a' }, h("div", { key: '9867602877495d3872751790d18bb1afac55e9dc', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: 'c75c1ad86e30fbb9379d685323885879ec6d1336', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: 'f4db54d1c6a50d291a7bd82ae48dd696afa0aac5' }, h("div", { key: '62abb8641c8bedd11f6971a11eff686ac01e62b7', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '831a64c921253af209bd4bff468b1ec10b6103ea', onSlotchange: this.updateItems }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-inline-notification.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlInlineNotification = class {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '0e372d14fcefa989979e0f07c968ff1d20fcf62d' }, h("div", { key: '4cae444d2f0ed191d6cfb57cb6f4467c2fc3ca3c', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '4f68709d3ff703cdb76ec57164552670ee50cd9d', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '13d2dc51453d4d01c6b80e21d44b960537f51226', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'd99463365cc16460ee6b028a80acc6fb9129e6cb', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '667598591dc75b0d2bdfe03e7470983ca1723685', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '110bcecb08f4e97816825da457582ecf8964285e', size: 20 }))), h("span", { key: '5dfb85f68f9fff70eae936c13cf32d2af1677fc2', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'c275e254e93acabf27e28cef7f517b4e19d436f8' }, this.heading))) || (h("swirl-text", { key: '00c323cbd64e75f7713bc89b492786b3ea201122', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '09370d2ba66c58de2035b0382f9f18193839db24' })))));
+        return (h(Host, { key: '1bf717f38fdcb80dfe9674b4c6aa94b6d1f7e427' }, h("div", { key: '639a81b3b6ebb09836c939d5251e02dd5b537462', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'f203a67e45a2beacc7dab3f784fd6975c3d85668', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'd50cdc5348f37306b88d3cb271854555b3b1abd6', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '0bff4601d27ff2643c9ad7230dce973f56372411', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'c7e2fbe346f47b12beca945f9bc55c4b26993483', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '47ff76eff0f1270e744313cc2638003d19abea80', size: 20 }))), h("span", { key: 'e82144ed17de9b99112e486e6fd819633e3eeeab', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '030ceadce0290772f3df3fcebb2d62ab0c4c128d' }, this.heading))) || (h("swirl-text", { key: '8e8f78cb229c801b074dd949ec2c9943c2a74d81', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: 'c2a4bd5f98c15e76f435d976335d3e2fe9f7bd9d' })))));
     }
 };
 SwirlInlineNotification.style = SwirlInlineNotificationStyle0;

package/dist/esm/swirl-inline-status.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '4061d83f2fe39058d8d6e6d90b9dadc73d575aa7' }, h("span", { key: 'ae51319d804419fda99def8af8fd81b25f5c9cfc', class: className, part: "inline-status" }, this.icon && (h("span", { key: 'c677da1834aef7c19041022ad7580115c1fd8ec3', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'dbec6cd97a2cab40ccbd9670eac038d64d14137c', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '22bf2c275deaed66c42187d05bc675408c87483b' }, h("span", { key: 'cf9ed614ff72659b6633d89207606229cd757a85', class: className, part: "inline-status" }, this.icon && (h("span", { key: '242190520d73e5df43ec40e6f70e572c5f2f9dbf', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '3c00622a36c79271b35cdd29c2481ea51b7b8e15', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = SwirlInlineStatusStyle0;

package/dist/esm/swirl-lightbox.entry.js CHANGED Viewed

@@ -11,6 +11,7 @@ const SwirlLightbox = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.activeSlideChange = createEvent(this, "activeSlideChange", 7);
+        this.lightboxClose = createEvent(this, "lightboxClose", 7);
         this.dragging = false;
         this.onCloseButtonClick = () => {
             this.close();
@@ -208,6 +209,7 @@ const SwirlLightbox = class {
             this.resetImageZoom();
             this.stopAllMediaPlayers();
             this.closing = false;
+            this.lightboxClose.emit();
         }, 150);
     }
     /**
@@ -308,7 +310,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'c341834e3aac47ffb22b563c003c8b1dd4fe9eb5' }, h("section", { key: 'f46894169049fefa980796fc4b1cc3fdd376838d', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", 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), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: 'f7521f475b935b03a27490733d676a70231a34cd', class: "lightbox__body", role: "document" }, h("header", { key: '4257f81271b15423095988edbb825c17319aca62', class: "lightbox__header" }, h("button", { key: '1ac0f9973d326584b530849a05a25c8d43f59027', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '8817c013f937fee6f5347f70eb4a761e8a125bf9' })), h("div", { key: 'd8f0efcb556d7ad64f8a662fd83bfc46466a39e9', class: "lightbox__toolbar" }, h("slot", { key: '3d4e194d59f088cb2490244f81fb8c7b243cf406', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '9d285c376a826eb86ff0fb768e943a91cf1e449f', swirlPopover: this.menu }, h("button", { key: '1ba4480b6ca5d5c4281fe4b9fa324fae365570d7', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'd48ce578106737acd9735086346e700fc2fa7662' }))))), h("div", { key: '79fb536cc7dc99865b54f2e91c8f990aa07f07e8', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '83366c9514f81844905cd32f790551ba9bfebada', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '4845f6646a00292809b4b7443293b8955c0b2cc7', onSlotchange: this.registerSlides }))), h("div", { key: '44eb9e48679289556da1b476cd41b35a9cb6b624', class: "lightbox__controls" }, h("button", { key: '5831a8692d50e7656fcb85e81db3d3585285a133', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '8e0c143bfcd743e6bed514e092ad8c0cddc1478f' })), h("button", { key: '28b6c3c1fbb5b62f390624614b73deb346d4218d', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'b3413f824ef6e0173b77d85d48cad037b044d62f' }))), showPagination && (h("span", { key: 'd6319e7fb7a1775f5cc580f30d7e5a07df2c7b17', class: "lightbox__pagination" }, h("span", { key: '55366bbaad378bd9db6afc2f17a195f871a7f3de', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '0e0a84cedabe8b4850fe5206efff1c263a81d3b9', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '360d9a00010b71080c62f646ec479d21ff0a3942' }, h("div", { key: 'd42cf368a04de1c4fadfd2c5264dc9c6873b1aca', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '32d7e7ce88e241b41095235b3c6ccfac04197468', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'd7d75fd11bf6e26e7a2685cf701e744de453ba67', alt: "", src: currentThumbnailUrl }))), h("div", { key: '53c824dc2f50ab1d83bc59b4013118c3d16095d6', class: "lightbox__file-info" }, h("swirl-text", { key: '8a4a4d1f045e162085137903f5079638ddff47d5', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'd55300791e7a1176bca3b5a595811fc2becb1fe4', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '9d1b7d62024cdce24ca5ba6d0f5331b3d2d93121' }), h("swirl-action-list", { key: 'c8e95fcfacc661ca46e28d7e3d050964c84c89ce' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '8dc312171d699275411b62c69856de6e1c8a0b58', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'd468bae73788ea1f7217fa6cae9335c3a1c22384', name: "menu-items" }))))))));
+        return (h(Host, { key: '7ec2ff7ae859f6b2b763dec791ae0258d96ac1b6' }, h("section", { key: '7e240f9db8922e59d49eb1a062e966d8f3c5c035', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", 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), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '9343b363ea541c0b686c6bb1ca63c92a64e5469d', class: "lightbox__body", role: "document" }, h("header", { key: 'c070d7de54889c343c7f97129b888f6c369828e9', class: "lightbox__header" }, h("button", { key: '11698cda3f2a92e7716d10da20ee22790fb29a49', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '725e245b862c679400d5b0b7d78e586d2bf7b48f' })), h("div", { key: 'b475e286dc610759598498e10c05ee4ff76d2011', class: "lightbox__toolbar" }, h("slot", { key: '88a44ec7c0527cf5eb496c53804323969b1527cc', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'ecb272423b407c1c4ee0d3999599dbc60e154d86', swirlPopover: this.menu }, h("button", { key: '972284d42ba6690257534d37d97325e84e23e5b8', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '4ab88103db1cd859a330b840bf58860466be7be2' }))))), h("div", { key: 'b4f62a468b4f50633abca8d650216be04510fa09', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'd500d39978fa73fe96fa78d291edc9c76872546c', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '5667ede916bb092ee674c25d2619fba9f655a292', onSlotchange: this.registerSlides }))), h("div", { key: '7dc659f8dbd86c268ff8e725f792246eac7a39a3', class: "lightbox__controls" }, h("button", { key: '43304062d2af699d390671ade5fbc72d53b24c48', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '86b1dcd59d574cad973f038e7ce43ddeaa9ac987' })), h("button", { key: '1d2e510954c9d8854b9f64710bbbb163e791078b', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '4c5e7ddece5243c0df2414757f2413becc1fc2ea' }))), showPagination && (h("span", { key: 'ed04a465d67c1fee34f6b7b8d2dd1a7048e9b1d5', class: "lightbox__pagination" }, h("span", { key: '93ab9f05002d13b3fea5bd4e59cae7e021dc4f17', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '971ab4e9096b6e3f1a0974c199a459c25a2ea648', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'fbdbeeead8e738d81b7d877ad60dba10eccd1b4e' }, h("div", { key: '2d8226853d74a16fd871d2958f9510f81c6fb031', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '03b456243e7425812d6a75ffad2270b4a17eeb3a', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '30704b18fc62de5ff17f7093363aa772d0101227', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'fa5398fe7a00d13c7b6c282dc6ccbea7d5e1edec', class: "lightbox__file-info" }, h("swirl-text", { key: '9e31e8adf6104c82bb32f9aa659b3574dea9c656', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'a0d9cdda0f9469a672348f43249174b5226457bb', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '1fa3ed14a300634b88997273ec7f543411fefe48' }), h("swirl-action-list", { key: '8860c08573ede96a23dcd4c60922ec6f0eb5d5bc' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '8481a03ab52125ef5b08e400fe63e88607452c52', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '414082b16e5c50cfc4667acc6f948eef787c93fd', name: "menu-items" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-link.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlLink = class {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '8b276b12968034b35d2b39a6b8544535d78e06ed' }, h("a", { key: '48d365eab74bc1f83da3ccbffcf2fbb566933b05', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '8967699e1ee450cca8c81810e13d9e121efe5645' }, h("a", { key: 'af6f382f6549157acd996d45457b475802346d0b', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

package/dist/esm/swirl-list.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ed325d68cca122fa55d54ed91db889dee4c88410' }, h("div", { key: '5b13c1bf890819aecc7992391d0bee382cba1205', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'e88ca4ffd4ba9c1f98a78d056cd9e83f66cc3baa' }))));
+        return (h(Host, { key: '5b1d3e9cb9cdbc98dac11d41c67b1b1b51622fc3' }, h("div", { key: 'f1490f8d2b6eb6928d06abfaa7164de01eac96a2', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'a75a41aacb1bc175d877cf3f943ad1889931cc9c' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

package/dist/esm/swirl-menu-item.entry.js CHANGED Viewed

@@ -118,9 +118,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '9320ba604bd59456fdf861da0a94ed968b435de7' }, h("div", { key: '885af73ef905658a9098f7975e9c8589c6ba4165', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '9584ff13ba291007f473d52b2554507e7d5e7a2c' }, h("div", { key: '3ce1e14dd8bb846b4cb7250b205b16d4ce1da32d', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '81b800e62011bff3c28639457353ed258ee7ce91', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '56205fcbad57558c83749b9062ab0c51a9ffd9c6', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-menu.entry.js CHANGED Viewed

@@ -294,7 +294,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'a9a6d23b817d8fe68e747400a69275fbbef0b2a5' }, h("div", { key: '8af753ae3070407da08e969c3f0590f714bdc47f', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ff1caaedf503275b1b5894c6997c82e012fdddb0', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '37c2ec4f45d11b466802f72e75ec8dc23ee07e72', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '06ff137930e5b6f4778d232696a1ea5bb9c97fac', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '2ef593767ea127710f8c9adc33bebe6d1cdf6bb2', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'a1d79bda33c6fcaf39eceb12dcf16e4dfed76fea', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'ba4285cc640cc0d222f7eb7b3431c6957d259c1e', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'fecee80722bc7f06c832cda0911c43d6e18ad765', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: '14d513570280eb415edc20e3180babe4e06edb84' }, h("div", { key: '95e6ea0c4ef6c860be438e81e136789e0da1aaac', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'd3994bd3b4052114473e565f86de1bc61e49d679', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'f247067e415e2b987990cc824b30b50c99df839d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '358bc15f34a0731c51effb4f5ace0032a73bc262', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '426f977b65536d7a61acfa857eae758e5e97cf3e', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '06af6cab0c2c130d6c88500bb99d5668fffd40ec', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'ff4bcc9e9bb9c243bb5927bd3a8772acc2c3dfd5', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '30f1216bd6ccc0224e832f2be0d248ca9cfdf6ab', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -305,7 +305,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'd2b2e67fc903edcbdb62fada84d1be2ea2917f4d' })))));
+                    : undefined }, h("slot", { key: 'b5fe00c7591b29cb9b35ed3ec9e0e6588afa972d' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-modal.entry.js CHANGED Viewed

@@ -259,29 +259,29 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: '2b23bee007479c77c1d9b2933b2c4d4810c53c32' }, h("section", { key: '64d583fdc341ab721810f81054f82673c1ee382f', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'f0c219caceeb4a4f71738c2d3fc263c7beb4c208', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '1329ab999eeddbe8d28a96c972f3789560cd8c1d', class: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: '0a59eba861d5f7af91bbe686ef1d2479692dcff0' }, h("section", { key: '83461ad5b19cccf7641bd09a8febe400ce77e9e4', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '18704e2726f5d042ad323a840ec3573af0209b35', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'de27c3fca3869ac480bca16526d1df669345e133', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: '63f669b4ad672558db1d1fa6bc3b7b97454dc78b', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'd7eead9a08be568d954af5aa2d2e68e3c67db59c', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: 'fe113c16dc3c9c84d33b01ff45a87d6c5d114aa8', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '8d8b23a54c408172f7869d4f785c1d5f7dd0b782', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '54fbca0f39217bbf7d6d8200b6462eb295a99e43', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '6072ef15fc9c9f8e4d5eac37379aaa658e82f8e1', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '53da064e8995cf4be83e30ba6c5b0e0ca15ffb55', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: 'd03f908e630b4732731b0f9079f9a2d803569083', name: "sidebar-content" })), h("div", { key: '013734312f1dbded05d40e3f7dbb0f2a82e391ef', class: "modal__sidebar-footer" }, h("slot", { key: 'd2b9d588479058021563e9e898e3429fdd5724aa', name: "sidebar-footer" }))), h("div", { key: '54bf61dd702931a4cfc91548c3f240e7adad0268', class: "modal__main-content" }, h("header", { key: '3fee55ec687e448b15c97f2084c26d098ea82895', class: "modal__custom-header" }, h("slot", { key: 'ad4893a36c51280dc039b9f5fb38c1c5ff219ba3', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '51c21e62a5e8c9addacdf9683e269b082b6d8d69', class: "modal__header" }, h("div", { key: 'a6872ebf5ccd2e94e2727d51e927eb43a3eaa0cf', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'aa957cec58fb976602decedc4b86fdc22f2658a1', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '9cbab3d64d3673d035776bc46a8d91bbbfdb2a0f', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '91019a6bbd5744afc3372eef4943aff3763a0389', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'c857ae76550b0f1308cbbb97efe8588613d699d4', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '1537bee461ebe073751160091af42b588f1667cd', name: "sidebar-content" })), h("div", { key: '1848ed2ac120d83e9b3786b8871fa3af98ef7534', class: "modal__sidebar-footer" }, h("slot", { key: '88924ec194e2045696865b1297115eebb7df5cac', name: "sidebar-footer" }))), h("div", { key: 'db23a81cac33f085f3b86306e058d7ca3136cd7f', class: "modal__main-content" }, h("header", { key: '3d6dcf58695a9021add933aa607dde6c2957e81a', class: "modal__custom-header" }, h("slot", { key: '0c17547f63f3e42719dfa346a7f12ecbd2d50beb', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '6cc9c6241938879b572b72ff1596a06bf600bd03', class: "modal__header" }, h("div", { key: '8d4f6e649a0e7915fd2b946c0c5375146687548b', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '574e5ca9b8c855b2987e1fed5eb417e8d6dfaf9c', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '64f5445121a25644bac5226896f23f33854f6b88', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: 'a55cf49196ac11b0b9b074b2ff4efffc46c689bf', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'b30b7e9691d24b0ac0d3a9636a7f79c454c4f139', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '562bb64ba36106327e16ca1f2a5ea336ec45f796', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '5a90dcf113b810a7a78876f8da6b752aeddf0834', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '81ddff0b1a512c7b8a7f57b52fab4d12ba2d6fa8', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'f2c8bb40bdd191b92b88acff3a96712c9efca717', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'e7958595ea46433b2ed54308ec4bee28100fc941', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '8f87e7a5c7a0904637627e927d86ec2e286408fe', class: "modal__header-tools" }, h("slot", { key: '4097e5d5ec47a737d1f66d5d54297845e6409a87', name: "header-tools" })), h("div", { key: '1c50d0ff133324c69fa717e39d58360a2d112922', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '8a08576a54e4e270c6ac0cb48ddb367bb962fba5' }))), h("div", { key: '9cfecbc1bb7e4e75b7e868fbb2cf098bb41c490e', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'ed03bb2611cdc596e2fbcab1eebc550df25c6445', class: "modal__header-tools" }, h("slot", { key: '10364a544af98434e359fb01771b0e813282f755', name: "header-tools" })), h("div", { key: 'a654394e1e3b3bd9fcec28e099119ae33c93b9fd', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '1391bb9a51311df273221eff2f0b057f338130bb' }))), h("div", { key: 'ed03ff6ce971f504e7b179e90fdfc71aabd62a45', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -299,7 +299,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'bfebcaa9b7bb8c5a8c2b1dca7a966892a9476ae3', name: "secondary-content" }))), h("div", { key: '7ee46134d7e88144004a50106706c9f7ef6afce6', class: "modal__custom-footer" }, h("slot", { key: '2808a25c4d093faea576e39a8f91ed93fbab9197', name: "custom-footer" })), showControls && (h("footer", { key: 'a20d76c251b5a1b4c96adedc61f3775ec0ef1d6f', class: "modal__controls" }, h("swirl-button-group", { key: '79b50ac7dca79c37a5b754755146917596d101a7', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '903d1f7a4d4cbfd71e8183eb52eef9089e1a4082', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '83566b3c0a6202a9702c7d9c0638d5550a127837', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '73be1d825e7395254ae68068c15e06e6e59794bd', name: "secondary-content" }))), h("div", { key: 'f29bb84ba3f488e43595b587f1c24296ca808069', class: "modal__custom-footer" }, h("slot", { key: '77453da2b7d5918fcade82c0dcad30280310a009', name: "custom-footer" })), showControls && (h("footer", { key: '6732f3c5ebc6e11ad49ca80af2702ec025989391', class: "modal__controls" }, h("swirl-button-group", { key: 'b0778f3a461cdc85e30859e27a90baf836c9e2d7', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '02f1a653685dc4e026ab8f73ba07ea556d2b3061', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '79e87b3661c02df3fe1008deed737af6e7b39e58', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-option-list-section.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '20c8027068e061e80b6dbb82403be87add89055a' }, this.hasSeparator && (h("swirl-separator", { key: 'a1fa9cef1579a72b93433d56bc15569323388fc8', spacing: this.separatorSpacing })), h("div", { key: '7db7df72a5a8775b948b32d44b11ba5d4e501a6a', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '02cd99f65d69d70287785e60d574a1dd08544ed3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'fa3f0499cd11498a6abc9d626c54228813d48fc0', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'f986decc2419b6c20f2de77e831d0d5dc64ca877' })))));
+        return (h(Host, { key: 'e7f6faa64205a4994560a667d45dc6c300c63337' }, this.hasSeparator && (h("swirl-separator", { key: '54165c5b3c400a5b5c4935b2a16637ce269382d0', spacing: this.separatorSpacing })), h("div", { key: '9a5ff841e78a9933969f13c3cf462ce4375ba2c3', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '4f5a533505b904f2a46f5581471cc36f579cc6e9', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '01634007613b98f483a3becffa8405e62336c33e', spacing: this.spacing, align: "stretch" }, h("slot", { key: '038269280461816e7b03918ca3c23eadba002866' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

package/dist/esm/swirl-option-list_2.entry.js CHANGED Viewed

@@ -348,7 +348,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '2512eba831f2e9f89ae94d49a6ae5037a7e837de' }, h("swirl-visually-hidden", { key: '62fece91e90526b0ea3e116980998ee00c4eeeb7', role: "alert" }, this.assistiveText), h("div", { key: 'a4f59b6756d83ac497caa5fa6b6fa34ab5bdc0a0', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '1d807503b36f418ba2ab675b7f14265445c1843c', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'f8f02043262910d6591a70b421980a589d2a2b5a' }, h("swirl-visually-hidden", { key: 'd1ffbec0fc359dfc31c1becca3c4b877d6aa9196', role: "alert" }, this.assistiveText), h("div", { key: '3a6d2e7c1f0974366262a34c5ab4d7a9718af589', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '187b2f01037ac3096708dc138ba15367d993edf2', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -401,7 +401,7 @@ const SwirlTag = class {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '103d9ab78d541322d1448dd09179387ff46b19de' }, h("span", { key: 'a741496891a039d484db076b0bc8f8eb0aa23251', class: className, part: "tag" }, this.icon && (h("span", { key: '36a53c42257ab5a5a7fde3362db258d0ad6902a6', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '36df7ac2ce98fe8201e9a56e7d7b91b7071f20e1', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'a1db513ae6e6a09151a5c73d65c04ec8faa27e3f', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '2d9a7229500cda146745fa03aed1383c1e97c377', size: 16 }))))));
+        return (h(Host, { key: 'd935838061914acee796acbc26839417eec2f7a4' }, h("span", { key: 'a228aaf477d802804cec5d399cebbe5d52de66e7', class: className, part: "tag" }, this.icon && (h("span", { key: 'e9f8e478e81885c684d23e85dc337cb53fc53acd', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7ef2bc52290833984fa3942aac8ef45dc6580193', class: "tag__label" }, this.label), this.removable && (h("button", { key: '37c73aeb61dc7353fb80428834bd57d5df7d71b2', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '56814e02338864126d1d0bd049fccd6ffe64756f', size: 16 }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-pagination.entry.js CHANGED Viewed

@@ -88,7 +88,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '0402b2a64d56d926253ad477a7be0e3a9a98a561' }, h("nav", { key: '10c8f15e1c67976163ab968947fcea762a76f4d9', "aria-label": this.label, class: className }, h("ul", { key: '58658726f4d916e505f9ac0d84165e5947d441e9', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '50a0c3572c057b094e109d5122c12fa05a3a19f0', class: "pagination__list-item" }, h("label", { key: '4b2d8c7dd077df50920839933ed7b1af978f54a8', class: "pagination__page-size-selection" }, h("swirl-text", { key: '6a0085737edca1701419cd8ccfec43ff56d6d211', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '174b9b24838db58e6d25d6642cd602525ae22bb1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '075ef3ffa1aeea7d6a0eb6a9e634777139fe7400', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '165ff6e18086347955546fdc5b9f47ef4134e694', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'ef567d2280438c435a9c9c2cf4edf7632d65cbd0', class: "pagination__list-item" }, h("swirl-button", { key: '82dfda97938179b53553cc81d895496dd0cbfadb', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '82e2399b7a8961102f5ba9faf576f7d0e4f59e35', class: "pagination__list-item" }, h("swirl-button", { key: '26b9a4afae8b817ebe519af5db9e79b9fa50286d', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '8f0c607327413a8fd5c4c0f159b6c8fc88eb3bf1', class: "pagination__list-item" }, h("swirl-button", { key: 'a6b7b8bc5ad007fb65327c127ecb5f40fcd3650e', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '66f4551ea9a595b80c26af7dbc24cfd7c9b05b04', class: "pagination__list-item" }, h("swirl-button", { key: 'bb19278d4fc1d3f6f7479401fa02a0d87312e197', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '33ef24711dbe940ceb097ae34364c95a9876f2d3' }, h("nav", { key: '8a0a8bd45031d3e77e1288b80d0092bcb0d8b001', "aria-label": this.label, class: className }, h("ul", { key: '06a81a9e130f202b8e948a3b22ea726c5bac7930', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '742cc66d2c1abecf1f08c0b676d49a19c474c1e6', class: "pagination__list-item" }, h("label", { key: 'fc78b3b8db68e9dd30578eb990aafadfcdf8e5b0', class: "pagination__page-size-selection" }, h("swirl-text", { key: '3b9afd6cb3de4cd7277587c99cb6248ecb3ab53e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '3dc37e42bb1e69b069939e9c7db68b023361fd08', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '100c22c1ec562d41df270f347c8e94eb0637ffc5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '69eb7fc8716d507a02fbd8560374337b1919448c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8c53c034e8eca71cc129b44e324b195195d4cee8', class: "pagination__list-item" }, h("swirl-button", { key: '8719d05a8a33b9ce032fbbdd8244721ec77f06aa', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '006de63ce8b760abd86f239a48ae539509b02dc5', class: "pagination__list-item" }, h("swirl-button", { key: 'ca7eb0754a268eeddc6dd18716f712af67db251c', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '1f48396a7c38e0ffdc5fb1d616b4158c7cb2a03e', class: "pagination__list-item" }, h("swirl-button", { key: 'e1844315c1dcd415bcb92d0a663592b29652411f', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '3fb22e26047156723fdba78666f9a24c8268a5f2', class: "pagination__list-item" }, h("swirl-button", { key: '01fba1e4dc82332939e6c89aafe85f07aca6927f', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

package/dist/esm/swirl-pdf-reader.entry.js CHANGED Viewed

@@ -188,15 +188,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '053b7aa5a2d2d86daa561cbe58d5c097001f35b5' }, h("section", { key: '5f2f3facfdc59d3068f2baf20ed1a8e9f0c39a1b', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'a8a431d06afa8703f3f1804512a59ae08a49037b', class: "pdf-reader__body", role: "document" }, h("header", { key: 'eab2a3b33ab3d39db136f5af99f49aff95548baa', class: "pdf-reader__header" }, h("span", { key: '3a1b6b4991ecb9b32b1c707cab4b10b5f1f47942', class: "pdf-reader__header-left" }, h("swirl-button", { key: '343c058bb3bf5e059e4587c8f3b079aefe1cf0e1', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'ceb1a95f4a5bae6ba818512281f4e08d919d797d', class: "pdf-reader__label" }, this.label)), h("span", { key: '33b2b8dceb2ef941ea0b9ec3e62a9b45aa65832d', class: "pdf-reader__header-center" }, h("span", { key: 'a887e0ff5b46db26b84301e397ee399350d50653', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'b4807125fb5a50ee67a35cef54416a02ab0e889f', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '69a7f43c71629b20c1251428e59ffe9cf325fda1', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'dbf61127314757ecb78b95272072fb2e93fbf96a', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'cce1baedb535709d48f531a513f4c4181858a837', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'd9f151d05da8bd8f1116dd16d4f1d296da4db1db', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'e0de62d0d1b68ffa35914927d37a804ccaa3e649', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '55be7b08aa62c4eb04b07583cc6f9cc62f518bf7', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'dc0f2d49b72bfdd1086f36e17e7a1377a4305c6e', swirlPopover: this.menu }, h("swirl-button", { key: '4951006600f356d0c916bc5c54002a432c348a68', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '032d539b36635d88ac3461cfaeb8209c9ac36a27', class: "pdf-reader__floating-tools" }, h("button", { key: '3a6867909d9ea9ee60a43f1b5298653fd50b8cce', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '224445482de9e38ce5a6e5207c0dbd94a37ef96f' })), h("button", { key: '57371f356b128aeca7cc2d6563c41dc6074ea4a4', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'bc0afd54bd72bb22ac00f8bbcf758ed48592fa4f' })))), h("div", { key: '6b3d7cf7974ef513d91a1c8b0b86daeb947d7b54', class: "pdf-reader__content" }, h("nav", { key: '9c82f0e86ac4cb6ddb458c97a44866789f7394fe', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'ed21ebc0a51682bf55f365dcb48b973d72db2a24' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '1014152922d7277f5e604d791bd64f7f1a9b8bbf' }, h("section", { key: '85eaf8100406e98811d2f4a583967f13823c6bb2', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '51427c8edca49093c0a4f2126d269d007b01e12f', class: "pdf-reader__body", role: "document" }, h("header", { key: 'eb336b26eeedcf826e03324ed35397938f0171ae', class: "pdf-reader__header" }, h("span", { key: 'e8405708621772321e778326c010ab27083186d4', class: "pdf-reader__header-left" }, h("swirl-button", { key: '16e6e213aa462f907c8aa400be28dcbd2b3e8064', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'e9fcb270a5650ce24d839c0e171523efe2662804', class: "pdf-reader__label" }, this.label)), h("span", { key: 'c37b50adb07830c2c29fd45786cc6cce67c10435', class: "pdf-reader__header-center" }, h("span", { key: 'aa8633133f4778ec58e9520d9ab677ed7c876617', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'fb08b5d19237a1506cb1bfaf9340cff5d0fe70e0', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'f5ee4402636803ce6df854cbb845a1d8ee30c63d', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'fb1dc7cad4b0572cf8c71d5645c5ab45c9bc9e31', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'e4821a82d428c2227bda266b5915b3749a0d7a4a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '3b6f5b9ccf526497c8c1f18c9cd669e0de254aa5', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '03bcc97a1e3f75e30c41b9de8f54dcdd1f2f4999', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'f755abf85fce384336ea64e98cbe05c422ea2342', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'c46fc664382b6635bc1df2280e5d5f85746e8104', swirlPopover: this.menu }, h("swirl-button", { key: 'd189de80e0b405c5eccf84377338d4780ab6e540', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '9109dbba25328ae07802a49e749ad4c596decade', class: "pdf-reader__floating-tools" }, h("button", { key: 'e3c399de81ccd73a1530764f640da712d05d03cc', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '3d15ccba698e3c2db5b3380a91eb9d5d3e94f09f' })), h("button", { key: '69a1e860aa55d62d7ceb83be925d17eef17c57a3', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'e633b571ce4ba30380b7efbf9d688feae95dc512' })))), h("div", { key: '774bbaf3bc3543114439adefc9ab2e422c39e3b5', class: "pdf-reader__content" }, h("nav", { key: 'ca6bbea8ab40c503f17adf585675c3be64982f37', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '9a92c6f6b1f8a196125d41b873428629531155c8' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: '02866276d25b8af05ef2ea2ad652c042c94bcdde', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '50d35d1514002077fdf6c6fbdc338200eef316f8', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'd15e86f128a299275ff362c57ee89b282b24f86c', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '3414d58fe633201597e5d54fa4f25984e7ae55fe', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'e8a9099238f7d8af886af10257f7f1fc456d5cf4' })), h("button", { key: 'f6cda0053a6736049f6f6ed766dd84dee00bae2e', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '7a1e60007946e5096aa647ed8838ae1a65ae5b97' }))))), h("swirl-popover", { key: 'e8233a386c3a4315642c4e1f297a9000262522aa', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '3cab8aa09141205c1405fe338bd3e0da5369f637' }, h("div", { key: 'bd7728823fd181859f1d4da625c956e2efe9288b', class: "pdf-reader__meta" }, h("div", { key: '032c350d13613ab7c49842cf639874aeda2db0ea', class: "pdf-reader__file-icon" }, h("svg", { key: '26ac0d2ca9a8cfa780aa5e5f2a985e9f199de78d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '38473cc7e8d878e8595f73d2e5d07302f4f36a82', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'c6496a19932dde54a28a8bab54bf1ec4ed5c9f3f', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '86b4d75ae0c88e950c451ebf73b1ba53826e0faf', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'd0a6d28babc08db97dd37cfadf7afd6dae5c56cd', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'f899451a3799ad287eb9061d908096fba3ce7993', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '360774fc5ebe1f63ba5b6c592bbd67ed2191e37c', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '7030925104073fd86d90936ad4690f1c22793738', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '840f490a078601c719936e2243ce9250d3585525', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '7ca93136569a792d6d8b00dd75bbc5138877fef7', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'd747db885743b9f1ca5df51bd6ba5392f88745fd', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'a358e07d9193cc89dda45bc9f3d89ae8409f8b89', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'd392eb997baadff6442247b288523f521ddc7228' }), h("swirl-action-list", { key: '04d7e96d82fa759a6a5e81f59089bbaef56faf2f', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '047dfe87633d94741e3bfa27ec9eab7ffaf1a9ec', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'd42cf3d08b75aa6fbd5bca6d33a114aaa932a506', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '981cb67856144c11d3aaf84de9e026646c2cdc43', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'bb6d09787842a9e7ce2c433b8c6bb4b2484939f4', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '5357c79fd4073689f5b9b0dbdb0a4015f301215c', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '251343df1d78a228f8f0c8300eb0be3bdcc46146', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'eb9b7ce29e508c22286ad880c741624c4275b89a' })), h("button", { key: '5748706f4a3ff12476cb44d31635fdcdc14b45f7', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '10d5ace6eec6205dc9aca8d869ccff32f332c96f' }))))), h("swirl-popover", { key: '087109c45501c6f8c5f697d9b6712fa00eb40d46', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '2b506d1a95b92aa68df642f93171d18fe8d5f7b0' }, h("div", { key: '6839127db2a8d7f56737947990a4d7707fecdebb', class: "pdf-reader__meta" }, h("div", { key: '0c527fca0e20e8e2df21ccdb669a17e0e0156ee6', class: "pdf-reader__file-icon" }, h("svg", { key: 'b271cf5e1cb4179e4eda27d6a269df476ed7fc18', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'ad5408592da56210d40962db50f35d398061ba14', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '6c30cca922352c35775552792fbac463e443b153', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'd9e28b318dbecd7957c681d02558469049c1cb38', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'a1f326e9599ebcb7914c4bb2f0fde402c11acfd1', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'd2db86f35c074c7f9db649e3452bdcf173dce0b8', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '3c49ccfd940a9db83da83fca2f078c4f9a2da88a', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'c4d12548162dcc140805d7ef4892e6170c81caf2', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '37ef1adc8de98ed316b591251607bec068a0687a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '4da59716902832b7b5c51f23073df266dc1caff2', class: "pdf-reader__file-info" }, h("swirl-text", { key: '81abc032800adcf9450a704a43b52b00a456b7c0', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'be6ad03d7ebff901aa0bbdee9f922065e01f9eb6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '5433aaefd8a7bc18a6a1b3fd6034de34c1772982' }), h("swirl-action-list", { key: '002d8d72693f9b686f223b3ef200c5b23b4cecee', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '59e47374f9392a063ccf9463165c5ff6b24c5270', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'a5dab4b137cefe711c742f19a38cf55fc9768dbb', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'b90a5223a9027108960de5e451a43df3252068e6', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'c1346c0b9c3b6bdb2c52676d1bf7c63760199503', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-popover_2.entry.js CHANGED Viewed

@@ -265,14 +265,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '6907c550357d20afd7f9f316601f287b5674f597', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '383b66c0da4bfa419c9a52c9e6555f383ce964ed', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'c6bb0459dac6b2c3c0652eb4fecf79bb5e696fd3', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '8d310de231b7643c5fa390c1a7dbbf9c99dc9b65', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '51fa7aaa7dd3d6e81443ac4bb7b9783b893c9bae', class: className, onKeyDown: this.onKeydown }, h("div", { key: '139d4544fb0724c5361acb3ed5a6c4944b222286', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '5a53ba8c3cd21aa00b013a96da45af5191b33a8c', class: "popover__handle" }), h("div", { key: 'f74591631a5643e8a67230a267a5ab9bcd3f693a', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: 'e46352b36b4a0fffe22423436a439f438dc60c8a', class: "popover__handle" }), h("div", { key: 'f880e3a7ad4bd609cbf301e40a28d514fca1ecc9', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '33c144896504b23c95b4078a45f3af2a5be563e6' }))), this.active && (h("div", { key: '4c347a0605f4c81b23845afa07aa69060da42fae', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'bcee430443fb4c4dc3e899cf628054f4916a275c' }))), this.active && (h("div", { key: '408b560e9f12857aacfef795a7b347cda7218713', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -441,7 +441,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'f5ee0a02b5087a9169d99ab3e4a50adf7a472984', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '407c4f4aa1e361d4fac9e2350172058c851ae216' })));
+        return (h(Host, { key: '269102cbc2534ab2b6defd31dd9b9ba0f406f82c', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '5e4cfcd225e361cde8cb999cd70b82d937041ab8' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-progress-indicator.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '7a88d62c22d1028baf3fd842ba8fb4c86271158c', class: this.variant }, this.variant === "bar" && (h("progress", { key: '5d88596118c66c0e1695bbe50fae489a75fc1c9b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '7e4a2586ce5be138b84cc8b7737fcc2a0983aa62', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '1f3eeaea011ed9fc855c961dd1d85cb1d6e5e292', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'bfc5d9ba40856037622773c93789b0372f0cbc76', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '3ff0cfe2119bb7a0ae650271c1f515b871cfeab0', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: '03dd7eb8c9e4e7c15654249259be651bd67505b1', class: this.variant }, this.variant === "bar" && (h("progress", { key: '284be63a571d9fb55173aeda76ccbec9490ef09f', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'd773f3a50487dd319dde7295ac4a4dcc603ef80f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'e32adc1eb7ad3341c7b0a7295dbb0092f2b540bc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f0536f927e68273dea67d2daea326409848e562e', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'dfaf605e805372c8d94a820018b0095842b8c769', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

package/dist/esm/swirl-radio-group.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '583e3f8b197674e380dfc6b6952a8a729dd02347', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '864cf9e03b1bcdd344f49fad6bb0b070b64d2b28', class: "radio-group" }, h("slot", { key: '036bf566b981e92e4a37d1500497c6edbb0c62d8' }))));
+        return (h(Host, { key: '51e20ccb371528404315a357f58c607c7c49861b', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'bfd6ba710ffda6151b55c6e33caab7b93d16f221', class: "radio-group" }, h("slot", { key: '9905ba1500596d0bd2c132b4ac95edd330aeb2bd' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-radio.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'ffe68d39d6fc31ad2a1772be1a1fe19c8fbe448e', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '77243bb1e6df44ae5fd863a3c1fed676750c4a5f', class: className, htmlFor: this.inputId }, h("span", { key: 'ee87f324ba2b6cc966fdf1070973dd51953272e6', class: "radio__control" }, h("swirl-visually-hidden", { key: 'e1162f789a4ab367ba2b3a37ab06e5f8f0599ec3' }, h("input", { key: 'de16d6993cc8e972e4e0a33b3be4c1d786d39d36', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '0e84c5efadec428203e4a1666d11e3074721513c', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '5b3366df2427cf38a26c5d211eace69adf2d6bad', class: "radio__label-container" }, this.label && (h("span", { key: 'a336e0468756983586607bca4aa525759e369ead', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '7078e2d29c1e640443d4300672a6d8f8f96f157c', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'f12ce6eefb230098d117282c8180ce1432a5c957', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '3b838d01b28a72b463c79dbb6c4e4f52178fc75e', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'cf9589a6d96249e9f17c7194226c714e64c7b81d', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'f7912093f0adf0ab2de0a2b55e40fc655d6248a4', class: className, htmlFor: this.inputId }, h("span", { key: '3aeb823a9d1ede0084639e2dc9df0b8894ca23cb', class: "radio__control" }, h("swirl-visually-hidden", { key: 'a92863db127af8610d88f734a1e3ab1b15d407c4' }, h("input", { key: 'b287f603742d1238f48ea93bd0e6caea51f20a4e', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '312bb88f1c4580e67ed926d96528f21148c94f17', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '029e15ddc28cfe54d34ac1abd00d377999c32a6f', class: "radio__label-container" }, this.label && (h("span", { key: '26cb7e3431533570dfdf16b16816114551f5f347', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '4f03b751d579d251a066b17bfc5773d20c554945', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'dd93e1a9e4adbf509a19dfd37d425a781fa1cc7b', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'd32d935f4f811e17c7afb70fa717e40ceadd177f', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

package/dist/esm/swirl-resource-list-file-item.entry.js CHANGED Viewed

@@ -42,7 +42,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '15aa75db8bb9cbde8bc64c605ac351ac8c2f8278', role: "row" }, h("div", { key: '43a92e81a40ca22c63c12ac288744ad141940b80', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '8fc2d7250027bc08e1d0c83a62b18990e8278f9d', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'a6b9f99149880e331b2ae4e7d6866460a738ac1a', class: "resource-list-file-item__label-container" }, h("span", { key: '50f0d09592761207a78300ee5dbed53830cea5df', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'f602c21177e2068ee775014439d5de5e67dd4624', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '8c9a9abf9b5096c5060e0819bf3e06a72db77820', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '934e49ca58cfad7e35792b14135233ae0773e8b4', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '708ae11a7739edf640df57eac8dcfd6b184f3112', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'ad8742fde536da17ec5ed1b35baa9672b00c1371', size: "s" }))), showRemoveButton && (h("span", { key: '67b7fa9f83639675660dbb3435c5352a62d8033a', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '9d8428165e883f892e9967144f5534a782678a65', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '22cb962b750b62682294f6df4bbc73d76a68b94a', role: "row" }, h("div", { key: '3090e6d1030b9a8368739a9e60864aae35402e45', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '07ed66da5858bd948895f82e63af413e6e8e0aa0', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '6e5f2b533d21c82fa773696d009d53833ddb7a65', class: "resource-list-file-item__label-container" }, h("span", { key: 'd7cef3c61a7a568d1e5ae6ee34fc095509c30ccb', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '0a3b309fa387376098ab9432a63edbb5ff2cd4b2', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'cbeac102c0cca4fbfd381aa9ac75077bb019d9cc', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '809a5a0f888ea61c41828a7072cb16e54b69d468', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'd79a6f4a9f6eed5ed7bf311773b2e9f82ea3ac96', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'f644089da4ad3b26db45cd723615899d8dcd5acc', size: "s" }))), showRemoveButton && (h("span", { key: 'da8305a643f0a52457b19855e3f0a662d3188485', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'b2f80c7addccaec363b3d3905a96489a3d482108', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

package/dist/esm/swirl-resource-list-section.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '54876f95b29cbf3a7f2799302f3dc7ab36dfe7ed' }, this.hasSeparator && (h("swirl-separator", { key: 'cf1edfcb1b4f11eb8e42f398b06caa7c03addc7f', spacing: this.separatorSpacing })), h("div", { key: '3c721a57600b3cdde7bbfc49dde873cd35b2fc6c', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'b3119be3c14adad2474be63b61514cc81176cb5d', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '0bdf8d9ae344a63de241c0ed7d300d4ce3693517', spacing: this.spacing }, h("slot", { key: 'be6b2d6d8a2ffef264f5e1aad93dac694abd9478' })))));
+        return (h(Host, { key: 'da112e2332e282c1435f25165c65a6e8bd491471' }, this.hasSeparator && (h("swirl-separator", { key: 'bc057a044dfd68689199602e6390534c95274d6b', spacing: this.separatorSpacing })), h("div", { key: 'aac0c9b006fb7ad630ac01e2bf8ccd9164084890', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'e16de91e1999d22bdb29f1d2a52a898c11db5d16', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'a327774755e9f9f9f2564f99c7cee627e9868d5e', spacing: this.spacing }, h("slot", { key: '14e1a3a56b7252334ba00e9864db570785f8656b' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

package/dist/esm/swirl-search.entry.js CHANGED Viewed

@@ -72,7 +72,7 @@ const SwirlSearch = class {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: 'bd87e2aafd1acf43e18521759a1253b99375f725' }, h("span", { key: '125c38ddf57efae2c0137c0f887faf683d86881a', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'b53dced78183ba3a5ef1e950d6974d8075c9a8e7', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '5034096f39fb13e1b06f5be1b7ce4ac1a5500943', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '903960461a12f0d0dad39a399b2a68bc19eed9b2', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '866dacd4d67d5762c10d7e6f67c0079e4e484646' }))))));
+        return (h(Host, { key: '04565f70f475e763ae203358d16845ea9048145f' }, h("span", { key: 'b3993d970a907f89cb2baecacd7b19591e67aae5', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '8b6c8242900b52324da59c927c30de575c7c8bdc', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '782d6bfade76cfb681779b575642b296b2fe63b4', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '1bfe8bd2cdf2f0b81e6be946f0f44869a89decfd', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '4a67f82e770ac52ca730182218c0ff58b9bc2ad3' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

package/dist/esm/swirl-select.entry.js CHANGED Viewed

@@ -139,11 +139,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: '41cd516e3f6d16a764dd71216c15ac7bd741ab90', onKeyDown: this.onKeyDown }, h("div", { key: '44f2f40c7dc1cb43a2bfa9db8e63f07e8b2e29b2', class: className }, h("swirl-popover-trigger", { key: '3dff43dedbe572c556933c773f6c14948d84685a', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '4bcd0e12f445b1343d625a0336e22b151089cb07', class: "select__value-container" }, this.standalone && (h("span", { key: '714bb7a1de83a346e84e06cadb376ce918979099', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'c810faf464fe138e8ff3145751d5c3d30b09d424', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '820a7eb5f8417ade10ce48f0d49052534f1d1bbc', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '8e0282590c2475bf36ce84fac6bee1d49e2cd203', onKeyDown: this.onKeyDown }, h("div", { key: 'e6fb63af3a1b1850d9ecd0869f30665b608fd9e1', class: className }, h("swirl-popover-trigger", { key: '961c0465a1c125d81575376cee4b9cca34ac775e', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'e7951d21da4c560b6f98f9cc94c2fefa646143d7', class: "select__value-container" }, this.standalone && (h("span", { key: '9f6af02043faf53bd592210e88b57bcc003e8fd3', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'ca53039db10f2f88d4c48fa276f41d18587433e5', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '154ebd25be69a159acbbeab371068f908da1aa13', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '977de365cf8361a7578752a91ab7c102aec631e4', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'ca0d6386f907d57c5b57a39e89b46860916fef45', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: 'cf3861454185c9aca84f9fa0ab3381e9708cb25e', class: "select__search" }, h("swirl-icon-search", { key: '139234781c9016078494d638420f39ccd08685c7', class: "select__search-icon", size: 20 }), h("input", { key: '60f79f55676c8765dd857aca4878225b0c4d27a5', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '2159cfee3a863a74fb403468a4dd27148b6cd56c', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '1e0a59d6caaaaa3c68501ed46586d1dbae169c81', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'bb28925bce9919dfc4a3902b5041e27739e26db5', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '0eeb1f68a57f0a6c5e2688cfbcccb0cc69b37010', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '759d37d8f1e186d65a208a95abcf03cee52a93aa', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '976ee08c082cb4f75debdb170f0711f75ce5116a', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '9907aee8b65612ced6c8e70ecb4a809c23f06e9a', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: 'ecdd3732ab75fb2df5cc590fdcd65dd8f435abdc', class: "select__search" }, h("swirl-icon-search", { key: '484e4ac362b2acd17a77c81d82bad6e6b2084411', class: "select__search-icon", size: 20 }), h("input", { key: '6d181ad4760e6af24ceeb1d0f313e582e16b19b2', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '327d73757c89b075cffe483d25da50448083c72c', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'a591703db1226dbe29b000e6bd78011d90a3b24d', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'e9a9f0e33729628e72fbfc7e6e46454f70ca0153', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'b3f9060b3ab0bcf8be360f8a428aa0ae6c434c47', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '6c18f88a689236f625c2bfa110bb6e9b3f30eaba', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {