npm - @getflip/swirl-components - Versions diffs - 0.296.2 → 0.297.0 - Mend

@getflip/swirl-components 0.296.2 → 0.297.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 (1711) hide show

package/dist/collection/components/swirl-icon/icons/swirl-icon-web-asset.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class SwirlIconWebAsset {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '1c114aed317fbf4daf4b0f0afdf40ba286cfa60d', "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: 'eee69c92b0a07fdb6a3c714576f4fe1065be96a5' }, h("path", { key: '694f100d9d4970167dc848d84e1a8f319e67a215', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '405190029e0fe5725b2e04a7b60fb92e2a4756f0' }, h("path", { key: 'dede5f0c559b2ad06c6da77f1247dda0f766c22a', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'dbb08e356c990f5ece1a4fa984ede7519047f3ba' }, h("path", { key: '2eacc1a806b34ecc2740c78ca59a39a298e305da', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
+        return (h("svg", { key: '2634d53f1685a22303488b84efb1c6f4296fcdf9', "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: 'ab94da23846fdd106d68daa207f26510b539eee1' }, h("path", { key: '947f7c8cd15ee4e4b9752ffd7256dca2aae97092', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a2f5722c203eed9ab5474f6992b0bdcbe002b1d8' }, h("path", { key: '22370008dc29ee9c970a7464138327782098789d', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '6267341fcd0202cab9c2734f948aead0ed94b99a' }, h("path", { key: '83dad571aa1f1e3178a7e5a7cc5c5809f5677e96', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-web-asset"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-icon/icons/swirl-icon-work.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class SwirlIconWork {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'd9fb95ac0f130e149dde4617c864885eda364db6', "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: '50c7850077c00013c33d1042e1ac3c1959bbe1bf' }, h("path", { key: '8e2fca801289d32ff525e9a6b78718896c996edf', 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: '356b09762645b9e986109497a32c3ed9126b7a09' }, h("path", { key: '4839e8cbdd2ee9af8c7469347326f01d43087cc6', 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: 'be66eba1bc646b786a92673933f6ab2b581bacf1' }, h("path", { key: '143a42695c093ad5639fbaeb2018b48be4e6ca95', 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: '7da77735672ec79ab1780671da4d3b360f22b10f', "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: 'a136f6be01e7b35c4f4dfd0e79e4d12d7ff7e96c' }, h("path", { key: 'c65789440cdd964bf34830d84037cbfef17d9529', 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: '68266b6e4398e7deda641281798ffec2e95ab50b' }, h("path", { key: 'd2c79bd96b6d46b7abe1b46822d87cd0f2777f73', 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: '6067a3c6b65c0756718ea49c0fae7e3aa79008f6' }, h("path", { key: '10b52da8963d37bc76afafdbcd6c2e7c2ddbdb96', 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" })))));
     }
     static get is() { return "swirl-icon-work"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-icon/swirl-icon.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class SwirlIcon {
     }
     render() {
         const Tag = `swirl-icon-${this.glyph}`;
-        return (h(Host, { key: '190f8806e98f71f0c06a195e804cfb65503d506a' }, h(Tag, { key: 'e2a4fa39cb6a7b6b51c26868640268ba46f83cb4', color: this.color, size: this.size })));
+        return (h(Host, { key: 'd7f06ce3018ed274786a93f41cd584247aea0db6' }, h(Tag, { key: 'aaeffc681d6591577737130e782cab094cbe4070', color: this.color, size: this.size })));
     }
     static get is() { return "swirl-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-image-grid/swirl-image-grid.js CHANGED Viewed

@@ -35,7 +35,7 @@ export class SwirlImageGrid {
     render() {
         const className = classnames("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
         const aspectRatio = this.caculateAspectRatio();
-        return (h(Host, { key: '0a98f9f18f12a114079bc9384fcafabf7bff2eec' }, h("div", { key: '1e4f2d1864cbb97f03c76d2eed2d9ecea932963f', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: aspectRatio } }, h("slot", { key: '021f8f607a6d4562d3d7f80a6e2f6fd785a3632d', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: 'c5570ef4cac9aa470c7992084c8f3cfa26f137eb' }, h("div", { key: 'c3a15db8463d15ef9fedbe6ded11f458e1135623', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: aspectRatio } }, h("slot", { key: '5eb2f1d6f54c6367753be927a5106bee264a621c', onSlotchange: this.updateItems }))));
     }
     static get is() { return "swirl-image-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.js CHANGED Viewed

@@ -119,16 +119,16 @@ export class SwirlImageGridItem {
             "image-grid-item--has-error": this.error,
             "image-grid-item--has-overlay": this.overlay,
         });
-        return (h(Host, { key: 'f16d7917757c8942c97b56a925858aa978ae5960', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'fe7087b82edf18aeaef83d497456893ad5672251', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '4bc0070cf21b11d85650d5695c9de8d18f134266', class: "image-grid-item__background", style: {
+        return (h(Host, { key: '6d0eceddc99a4153fa11d7373341368c3d424ef9', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'f57449b9899f3cb8e81071a19571d678258138c9', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'f888762ae1bac4bbc42aca5105c5d2a4f575e753', class: "image-grid-item__background", style: {
                 backgroundImage: showBlurredBackground
                     ? `url(${this.computedSrc})`
                     : undefined,
             } }), this.loading !== "intersecting" ||
             this.inViewport ||
-            this.gifPaused ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.img = el), src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" })), this.showGifControls && (h("swirl-stack", { key: '3caf60be8c80e47064bcea4a18dd353b55f84cd4', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'b327427e996726c1bdea1daa6db688913cd0c0e4', 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: '01d14f63da53d6066156d6dd3830280dd573e8da', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '5a3bb8b7fbcdea177e14c83a4659d57ccaa52b06', size: 20 })))), this.loaded &&
+            this.gifPaused ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.img = el), src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" })), this.showGifControls && (h("swirl-stack", { key: 'e538ab96bf3e0a04e1d437b646402ce19fbe63b1', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'b82c10105a33c0427d10013dc9955b94d4cf0235', 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: '87c78b9304e5c55fb8bae15c515cb0bea93d3db5', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '5fe82e6d18fbfcc76d45e9a8f06f65a30b44bb04', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: '3de7e41479b90cfcef18a27f4b7d016a301b871c', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'fc7012b564c244b985b77998c419aa0ed349696c', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: 'f87ad2ff1c3c1165ef4272b1404df2397407d5f1', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: '147cbdb844aa0c623158c944fd2c9b70abe22fa5' }))), this.loaded && this.error && (h("div", { key: 'e8d7f8a953e2daaf22057866135e423c879e53cc', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '09ae1c3261868529454e72cce63e955f94acab66', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: '57f6939ec6494510901033bdd7ae14c08e843061', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '737a3d935bdbdd910aa7fcaed30ae78ebcf46b98', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: '922b3d8c97a77a58d4f235910d61e3d5416c5c98', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: '8951f9f610331410661d65c527776d7b179f225f' }))), this.loaded && this.error && (h("div", { key: 'ad30af052973a9dc052e47b83a67038cbafcddde', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '316ddb8e0c9a37598c1a70d40ded89ac81a57122', color: "critical" }))))));
     }
     static get is() { return "swirl-image-grid-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-inline-error/swirl-inline-error.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class SwirlInlineError {
     }
     render() {
         const className = classnames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: '1e09a16e1753d3218759080716c6196891723712' }, h("span", { key: '974aa8918891b594837a7fd08674b811b429bedf', class: className, part: "inline-error" }, h("span", { key: '9a0df223ffa0f9fc50dbc6602e2b1283dba20905', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '86ca0712f2cff191440c7df816070cde39f2cc75' })), h("span", { key: 'a640997effd600121f655e61c6839542d905477d', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: '3f568bd195f0a6eabc82ad6a402434f3d7bcf3b8' }, h("span", { key: 'fc7e9ac9e6b5a6dc401737cdd6b9babf71811e95', class: className, part: "inline-error" }, h("span", { key: '88e7db779d383a22385a9fcfcfbd9a39319e803a', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '712fd1796cda54600076d02e37a1fbc3380c71ba' })), h("span", { key: 'a17404c64edd76af0d83f273da947a82700402da', class: "inline-error__message" }, this.message))));
     }
     static get is() { return "swirl-inline-error"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-inline-notification/swirl-inline-notification.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SwirlInlineNotification {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '4b51bafad00fa27a2d171284b3c0fc5030168cf7' }, h("div", { key: 'a04a939280f7a61ff755ded3cd1cd04253bbb449', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '769b3cb4577c9712f07489d4fb8ffd8bf0502685', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '7d36bf3cde9d8e2653192e45f05b8eba08502dbd', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'ae30eb414ade926a2849ede2ca3b6b6050fa626d', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'ae81c3fadc2198da61e0ee183818985f01366110', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'e0979ce97ca8697f207e3690ebb36cc4301ad41a', size: 20 }))), h("span", { key: 'bacc459edaebf7ee60b088a161ab84e08b95f7bb', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'eb4f3522f72d4eaf22e7b57a459227829a4ab90f' }, this.heading))) || (h("swirl-text", { key: 'd5dab66a170cc0eb675a78abd60f1efa2a5e6b13', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '55b051376404c2d7b13ac5680fda8c271d23e929' })))));
+        return (h(Host, { key: 'd3f30ebf556b333525be61732dfc0d9c0e39cc19' }, h("div", { key: '748c12db017536dd315e32ee0e3f1e0db705daa7', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'f38024c2c8d1611af5ebb853793324a380133cb5', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '4c1891286deb9aa58e2a618c2c0ab4087a711993', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '5fb14decae63e8ebceccec2c4d81e48b86f95300', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '2fb51ef4c7218c3e3d56cae13e8ab9e5800c4e26', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '12c67f54e6a5fc23d4874451868e501944f67833', size: 20 }))), h("span", { key: '9e84727127e5d253e3a89d55600695eae7b690d6', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '4e3aa35cca865e79537d298f47bf292e172ab188' }, this.heading))) || (h("swirl-text", { key: 'b995ea0fdc11b0b47065834b70447ecfc9fa6977', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: 'c14893433d5248e224aa9b3b9b269b9a2aa846ba' })))));
     }
     static get is() { return "swirl-inline-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-inline-status/swirl-inline-status.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class SwirlInlineStatus {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: 'b544304b1a89cdf777187dce7b2b2680a8676e41' }, h("span", { key: '831bf943012c93dec8dea4ca1bc970ee224bc892', class: className, part: "inline-status" }, this.icon && (h("span", { key: 'a13a59ac925a5f2203ba6c3a508d4ccf92265698', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '59de09f28df31a7c24035fea8021343838e5eeb1', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: 'de620abe220b2a927c34fe15dc6c8e3fe8aa82f0' }, h("span", { key: 'f79711de79ff44b1582a3b037b22f2de9d287570', class: className, part: "inline-status" }, this.icon && (h("span", { key: '30ab76c74939d3a02d52ee4185dc59fff105e7d7', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'ec78edfd8460477db52a29c8998fe31cc21c9eaa', class: "inline-status__message" }, this.message))));
     }
     static get is() { return "swirl-inline-status"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-lightbox/swirl-lightbox.js CHANGED Viewed

@@ -290,7 +290,7 @@ export class SwirlLightbox {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '030bb4d099784c5eb365cd2063da7be1c378e84a', onKeydown: this.onKeyDown }, h("section", { key: '9df2603872034ac63fb2ab2728bf8d1824a0c51a', "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: '5c7a35bf076a423343585f9a2a91c2dfba630543', class: "lightbox__body", role: "document" }, h("header", { key: '6e96f8e70924a49ebff654bc479f081c91d7a2b0', class: "lightbox__header" }, h("button", { key: '94e3bb9fb3968cde7d93dfa59b3bfb82fffb3ba2', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'ec5ebcde357f012a1e4c91390ee1f2de24ff55f1' })), h("div", { key: 'e6e947be47b7761591793ff96abab25dcba8a9c1', class: "lightbox__toolbar" }, h("slot", { key: '6e9a1f7e35dca017c75cb3985590b783d9ad2c71', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'd5f4a2c2403d58e944c6bc784d10fd99c6c6c493', swirlPopover: this.menu }, h("button", { key: 'af975226821e06d947354aca483c6128b8346967', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '391ee96896b35dd62822332baefa3ac9623a4c6d' }))))), h("div", { key: '966d8f70b9f8d4194e0555c4777f0228b43c2f16', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '98a9715a7d2016965e1afa7e95a31c8dcbdfbd1f', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'd944a135e580bc7ff526d671ffdebbf0a7059dc5', onSlotchange: this.registerSlides }))), h("div", { key: '9d56c65a5dcd2547d1c8cc57913ec2c0bdb368f7', class: "lightbox__controls" }, h("button", { key: 'c7ab4d650eb0b360a79a50f2879fce5e990a6ada', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '9ca4fd4b013002478ec87cb0da0f124861346f5d' })), h("button", { key: '6529cb2d518e9f2e3acf135a150f08dcee4a1f85', "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: '273a6af8036537ec9fce60507a2bd56df3a36b2b' }))), showPagination && (h("span", { key: '80c504d3180a9fb759c71d8560a1a0282c1cb95e', class: "lightbox__pagination" }, h("span", { key: '1934a531fd2c9b10a76bac201383db4a1696e69d', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '60e4e2e1296cc5109ea5cf3c280c48f3d54b244f', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '1ff6038de2a90bb6d02b9cde7f50c832b645798d' }, h("div", { key: '42f9bd83f918c0501865cb977e568b5debf7b23f', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '0c901e98c81be2ba7ef2c0372479bb93701923e9', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '6e52e206e4ac46b0e1af1e729e79ca0fb8a3c4bc', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'a4fdc6d425b6b34858afc03959009de32ca28762', class: "lightbox__file-info" }, h("swirl-text", { key: '0520bdafd084093d02d50eb1d4eeaff96b2151f0', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'ae9dcc86531d4c1b868780ebe425f0bb0a5f1e4e', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '75a8fea3c1d841e4de68f80f156ff39b7d6429b6' }), h("swirl-action-list", { key: 'e85c8f2a2a25c1bdd99c3015135fad53ac5c7e61' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c3d6e6d7c13d5463fee5430dd6c2ad53e3b3871f', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '4f69fe4f33dc808220c43ae2188969b8f7b887ea', name: "menu-items" }))))))));
+        return (h(Host, { key: 'fd749b5440311691c5759cbb3e0c316fd780044a', onKeydown: this.onKeyDown }, h("section", { key: 'c1b73075fbd5b8ea0e5902fe2572507062661d3a', "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: '40bff6fe51a55333aa8f9f846dc063772d673a14', class: "lightbox__body", role: "document" }, h("header", { key: 'd873218685bda8f5daf3f9f3e3a55026327c06e6', class: "lightbox__header" }, h("button", { key: '4f64b484563822ba8c8cdd3a54840bb9a8b905c4', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'ee46955a46ed6d4af310008773b562a59d461e27' })), h("div", { key: '0cb0e8b5c571214583c3480fd8b36c85338b4927', class: "lightbox__toolbar" }, h("slot", { key: '74eaa0012e2f2dadd0a09ee26b5921e4ddaf66f2', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'd4d0ac20646efdad6107a94a389972833924e328', swirlPopover: this.menu }, h("button", { key: '065bd64bdc562dd700133923b01f510857deda1b', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '824e1f561dbe29483eab64c3575015a42c9a2cd1' }))))), h("div", { key: '7c6a9fc512afcfd567f12134368474edb353f823', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'e010d72cd7e03ec2cf66c2c25987e7d0c9654e6e', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'e33c56f24ec2ffa6e0db22759e1a49a8803c310c', onSlotchange: this.registerSlides }))), h("div", { key: '288ab30b0ebeeebb6def666420f8d8112ce09825', class: "lightbox__controls" }, h("button", { key: 'cfa61cce95fd3a40199c11d730f0c6ac16c67e84', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '4f59b0f21ae4904cbe89f0d56b02507cdbc2e560' })), h("button", { key: 'abbb750db277657a0d4cb08dab1e04d56b563e93', "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: '29040991baf79195b2d9c3be534d643501109f07' }))), showPagination && (h("span", { key: '1c74102a6b6e44928411dd580e566ba00f1467ff', class: "lightbox__pagination" }, h("span", { key: 'e8f61205db2dd2f663ba41519eec1f80dcf33813', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '5c5e917aa0664ae2be453317d2bc8130140c3d63', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a9932821bb418ef810d3322a8eb7c3d6938f2a4d' }, h("div", { key: 'cc7994ab0d5c02ac53a581c6b6336ae2445f06e4', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'a9851fa2896b04275d849e30fc2445f833a5f342', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '7fba70275ebf5101332d1427b09ce9c692a30a0c', alt: "", src: currentThumbnailUrl }))), h("div", { key: '16575c201b1ef6fcd4832396a9105c87ee439a10', class: "lightbox__file-info" }, h("swirl-text", { key: '9e8adf46120676a184d8329a715fd634354a1e39', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '2c932779b2583d0f680f372397fa58b043593d83', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '35b8ace5c92822db36085179fe49cb947069c630' }), h("swirl-action-list", { key: 'e772be614a9837e9b92a006fe2c38da4f90869bd' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'bfdaade1004852fe7dd11e494dca441b84d5b97b', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '29e86174c4ecbb04657372d6d686867563354747', name: "menu-items" }))))))));
     }
     static get is() { return "swirl-lightbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-link/swirl-link.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SwirlLink {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '80d2b3613f4b8bd13b1194d4fe2fbfd0731deedb' }, h("a", { key: '2d3b7aed8d1eff31a29fc465273e3bfa62f4f81c', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'd4568c6d4832ea626e90811e4e9aa567d169f11f' }, h("a", { key: 'e33e8bb64d74d0cf1b2eabd44bea58d8a8eb111d', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get is() { return "swirl-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-list/swirl-list.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class SwirlList {
         }
     }
     render() {
-        return (h(Host, { key: '5e54cf114526257a4a7910748cb2f96b31aa1c07' }, h("div", { key: 'e2022e0a204f6cc4faec082a53e86a263bdc8a97', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '17e7a5f2c968a7ec34fdedba5389c667d86686f2' }))));
+        return (h(Host, { key: '826bf5bfe1c64c81ecbce160bab98cc6e5bd2067' }, h("div", { key: '2474425aefe20f2ae29b1b825685c42491bd9857', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '9cfc911217a9dbc896d3c0c6360ac36a90863188' }))));
     }
     static get is() { return "swirl-list"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-menu/swirl-menu.js CHANGED Viewed

@@ -287,7 +287,7 @@ export class SwirlMenu {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '24b9a5a411f90f3343ec603f35e87c55b59255b1' }, h("div", { key: '2873fac136c34db022ffb48363cbd0d8aaa1175d', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'a366360ecca533efb243a22b7be2e2e7af03e103', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'dccd68774426953f61df8827d24a62ecf09d93e8', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '42a40d4fc7d116e1da7c507d94afb8506c043bff', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: 'e7bcd311b9f7770d7ace9c7647592e207ac773ea', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'd4963ef497c29a6ead642897b8d154994e501747', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '9481c0b5f3090fb6ff69a573047b2457c81b3138', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '4c5b0690e189053c2c355a1e532417e16de8b6f1', "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: 'f52fc57208c3860eb77be73bd242295c75e6dbb7' }, h("div", { key: 'b9acb6b584781ff85dab0848fe29d110b9363042', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '9226d13aa366e2bf5dd6db87eb34547e5f0bd331', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'e30ebeb2bd890289b5b458af6adb6ccd9c7cef75', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '9b67869307a99c48cd8ce7f28cace23e826cafe1', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: 'c1430a02e8ea197f3ac01bc343196c9ce8b7e7b6', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '43dcb02b643accee22d6ddd24f7ae0c3a41aeef9', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '8137cb7fbbaa8884fe4f45b8a15dbc478dc73048', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'e6f39a87523179133cea6cf88171a7beaba0337b', "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` : "",
@@ -298,7 +298,7 @@ export class SwirlMenu {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '6a57a102ed4a4a99c5e07fd19e2ab6cdaca54008' })))));
+                    : undefined }, h("slot", { key: '508ba36bb2f62d00041ac086fe6bf2d2244f1a7f' })))));
     }
     static get is() { return "swirl-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-menu-item/swirl-menu-item.js CHANGED Viewed

@@ -116,9 +116,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '7c854dd7a669e9f9efa6b437a1434a276fd1c8af' }, h("div", { key: '0619dd31a941ec8515426a7c77a497e0c0f52643', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '49cdc9a27178867c5d606a6905fc7e722cfadeb0' }, h("div", { key: '138dbf6d35e76f59be7337f395bdf7cdf510d0b2', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '169825373ab9061a36ddb5aebee18dd62fd6245b', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '150c54944811b92608cc0f8f9410568371471895', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-modal/swirl-modal.js CHANGED Viewed

@@ -176,21 +176,21 @@ export class SwirlModal {
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (h(Host, { key: '01f1a99d08bf7d14edbf134f18ff139064a6db14' }, h("section", { key: 'e859526369fa2b1f6e9c1514f67309326c797555', "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: '500de6e4f8ca20e3db551d821663aedc2b6ee761', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'afe33af8ae2b7c51d660d62fd2abe55a23c71bf2', class: "modal__body", style: {
+        return (h(Host, { key: 'd5986c5b634690a170988eaf4c3f2666d8599ef7' }, h("section", { key: '10a6e5b73d9c157cd25e38039d77ee8e7ff12937', "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: 'c9e4ed93adef76be48c5f9bb3ab0786269dc1609', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '0c5f32fc2b63202d03547e8ec1d3e0596adc0bbd', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: 'a88e912716aff9035f1725382e73260e63824468', class: "modal__custom-header" }, h("slot", { key: '367c0c5663c61cc38adff9db245cb3c62fb41fed', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '1d8340d9496b6a1827dbfa5afb0cc5297c5b47b0', class: "modal__header" }, h("div", { key: 'ac9d727f63be6e7f578e808025aebe81d272d7b9', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'dbf6cc2118184e2082f6dd7f5cd3ac27cb1a70f3', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: 'c79dbc6427834340bcc7b039fb5709c96352700d', class: "modal__custom-header" }, h("slot", { key: 'b479782125b459dda26e994172e853baa4ceb178', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'cfe589a8da49ea9a0f600f810caf403ef582b141', class: "modal__header" }, h("div", { key: '66fe9854fb1ee10e50aa7c0b87d8ccafb3f9b8ca', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'e939e27f2ee2652b4d45a1c96528170c001f9596', 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.hideLabel && (h("swirl-heading", { key: 'd5f8cd4b34fda9ba929ba704abc31e788fb44dcc', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '88f2bacf1af61d802a6f9143022a771496ceda0b', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '7d7b020599456fec2b288c64db7bf7297b9633a4', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '55d929e0fb6547a8aa12267064756203b4e415f6', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'aba493484d2375e654965bc7356ae8af40367018', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'a9dadf9aaf3db2d2253209bdcf942e21c8908c71', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '3e8bf32fbc258156f0bab8d41e42d8ac264721d7', class: "modal__header-tools" }, h("slot", { key: '9a704a1162c6ec60bc0f81722db05e5e079fd4ca', name: "header-tools" })), h("div", { key: '78377c91186312054af4c6d9acaaf8bbbe9cb428', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '664d1483dfe2510cb4f539f3f5d0fe7e8b242117' }))), h("div", { key: 'a455a0bd1d63ded0cb9b490eb3979e225be01f85', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'b38cd77ac10886c42e6e2c4187fcfaac0a651288', class: "modal__header-tools" }, h("slot", { key: 'e8eebab6396162eeaf98cbd28497d1a9376f65fe', name: "header-tools" })), h("div", { key: 'dcc15f6fd97bc2cd66247a252bfe8ebf8cce991d', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'f6cb80f670f927200e4272c63a3e41dc2ceff4b1' }))), h("div", { key: '7a9b27e5860e9fc5fce58d5e6bd6908f9445f20f', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -208,7 +208,7 @@ export class SwirlModal {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '4cdd48db509c1e1ef1d822dcb8c0391e0cb219b8', name: "secondary-content" }))), h("div", { key: '7646bf87d24eb5222ea973cfd5c4103313819a42', class: "modal__custom-footer" }, h("slot", { key: '47646d2bd32381bcc34c4d74febdb30953026d6b', name: "custom-footer" })), showControls && (h("footer", { key: 'b7fca840a0e80d38d021c8f9f52243f125fe3ce8', class: "modal__controls" }, h("swirl-button-group", { key: '91ac48ca22540891189abdb0429aa3d1562a0d52', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '9d7739259095b4286b1c58109ce8b49e574e886e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'bd261ad844e3027dd6c0c1ab651bc4a868ea49c3', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, h("slot", { key: '5a61de257401afee14bb8995a8c18b914b49d31d', name: "secondary-content" }))), h("div", { key: '817d415e4691feacccf0d45d053c5140329730de', class: "modal__custom-footer" }, h("slot", { key: '232711a7c59c856f6ed02d9144f5562d90ba5557', name: "custom-footer" })), showControls && (h("footer", { key: '5e2f295c6332403eff4ded6d82e0d095cb1c7384', class: "modal__controls" }, h("swirl-button-group", { key: 'cd7bc4f55a3d5ae1ce5b8ef940fb100aded20d4a', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'acbc7cc5d4d69eda73d5e4ce4d7026542738c0ea', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '7250ca62ce5a3db17af28bb18946fbf22823443c', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     static get is() { return "swirl-modal"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-option-list/swirl-option-list.js CHANGED Viewed

@@ -340,7 +340,7 @@ export class SwirlOptionList {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: 'f4b1977f4e4183da9892815b69231520d9483aac' }, h("swirl-visually-hidden", { key: 'b67272dd21670e88168b180dc278a2b38af1ab55', role: "alert" }, this.assistiveText), h("div", { key: '387a1404ec74bbf4eb66fc10810f4c33566d7264', "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: '7b8c2546ae1c9bc386cb6d05be5d0ff2dbe0e60c', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'e78e92db833675791d0e043924e2e2190a049370' }, h("swirl-visually-hidden", { key: '5e0bcc658f3e6cada50d973531982b6e8916127a', role: "alert" }, this.assistiveText), h("div", { key: '0e194102778a17895d535ce34c21647ce1801029', "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: '300ba12da5e0d0f94218ce706c08f142c60d2308', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-option-list-item/swirl-option-list-item.js CHANGED Viewed

@@ -71,9 +71,9 @@ export class SwirlOptionListItem {
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'd8179a8a5ab87d4f2a16b67ee53c62e9be3bed59' }, h("div", { key: 'eb5669d0a86c9ea4b58600744de19f2be6ae92bd', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'c352b994be2cdbfc53d0ff57905043b0995c0b63' }, h("div", { key: 'a5df3557b909367a719645cf06ba8d0d56e35878', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: 'e6362ed598b7e38bc4c7d9b05399c84a3e64f222', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '4ea6e4305b50f0355ad574377765ffac6990a7d6', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '5a6e1a87e1d3b02d078cf8b5f14cc7665dd7d295', class: "option-list-item__checkbox" }, h("span", { key: '4a0d0a43693d58c58cc8cd4b08dd06af9ee3c568', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'd4cb94eca578c2315ff9ef1c95d3f8417fdee50f', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '14775f0276a2564d79afba1a0f9a2558f7dac5d9', class: "option-list-item__avatar" }, h("slot", { key: '39a0a54863778b5b1c5be34a384e51bffe2a7cef', name: "avatar" })), h("span", { key: '9916cacc21fcc0a9abe08d7682bf67dc9ae1487b', class: "option-list-item__label-container" }, h("span", { key: '11463e30e4f59aaff4e10bc0452db3501890bcda', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '34af33dfb849edc677f9c6a36e2f5593e7d223a5', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'd3e8510b267d0a7a4bcee994f5d070c59389c77d', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '963e8a182b5f5cdc0bd87acb879dde4db4008ec4', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'c0d9ebc385e6f97a01b613f9b0ea414222163bcf', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'de27febc724bdb32a731f0ca97d7054b4395e066', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '9d4ce11a38b414d2a41bc6aa5a6aa64aabb4e114', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'ed49ec954b74e0b617ca32d497eb8f24c3d18a5e', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '8373d6ee0216266bda8d029a1a57cef1cfd98c43', class: "option-list-item__checkbox" }, h("span", { key: 'f14ed6dc6d445f7ecc6229e1310a78afe088c639', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'adb91bda6f6f5c92277b6b47c595e608547759b0', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'a0ea9adae0c92d7a38d69bdd30f37cbb5165d818', class: "option-list-item__avatar" }, h("slot", { key: 'cea3a84e3cb09c522c1fa1ad34d07ab66275cde1', name: "avatar" })), h("span", { key: '09480c168be263a8944974e91d7b98569260a74c', class: "option-list-item__label-container" }, h("span", { key: '450b0a356a9efd8a459a5df511223ab2c3a216c5', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'ed46cdaf3865dc8cf075597c8e305207e648ff10', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e21954a823dead666a192351c874750756b715c2', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'bfc5f344a391aec9923d73302963b435c6648e8c', size: this.iconSize })))), this.allowDrag && (h("button", { key: '7037a0ef7a3e8c1c994bcb5134cc7dfa07c87f48', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '9b7d3b7697e726223053a6d7995a6dbd56769c66', size: this.iconSize })))));
     }
     static get is() { return "swirl-option-list-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-option-list-section/swirl-option-list-section.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class SwirlOptionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'f1b4ebc52d03261c28d2ae6eaae3e493bdb98145' }, this.hasSeparator && (h("swirl-separator", { key: '3a962178d21dbd6dae69cf5ec9eb6c3f0e7a88f0', spacing: this.separatorSpacing })), h("div", { key: '29f327141605d0d90bd03ced1cd8100cfcd51434', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '7c4652841d114e2b21286ab419e20ad9033f5925', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '26a0881232ec13ec5ad9e8c0d2dc136ff8411745', spacing: this.spacing, align: "stretch" }, h("slot", { key: '9508539c6dccb3f73c7865b4de6af83b8bdb97a9' })))));
+        return (h(Host, { key: '6b5731af01dc0b2eb327f005decc3e104d82c762' }, this.hasSeparator && (h("swirl-separator", { key: '4174f670e72400aac68deb56ad2f66638ed828c6', spacing: this.separatorSpacing })), h("div", { key: 'dc86f3cc5a10d90dd616a8b8253932ba87474d65', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'ad0713ca2c18b2b7ea1ce77be71daaed0ac08131', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '0bf5b6a37d8202cd1abb3761101c6fc5404be67f', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'e78638bdc7af97d00a645c725def3692b759d147' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-pagination/swirl-pagination.js CHANGED Viewed

@@ -81,7 +81,7 @@ export class SwirlPagination {
         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: 'd0c84a71fcc96097b9d64aa2a053cc6cc38524c7' }, h("nav", { key: 'c29fa9eff21f157d125f3524e2e309a585f584ab', "aria-label": this.label, class: className }, h("ul", { key: '8664c3ac1fe1666430afb73bea59e2414e8e8f3c', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '53f2a95f8667542a88b0cd1d627c6009359e3299', class: "pagination__list-item" }, h("label", { key: '991ebe7e7f085623a9090652f65a8f9822a0e841', class: "pagination__page-size-selection" }, h("swirl-text", { key: '58f593f0f122975c023e02adf748d6b0b44255a1', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '076f44c996cc39acd0ca88d4c1b53c193c169c3c', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'ee481772258639e27f786037d9a6eb55d0e160f5', 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: 'a0e92ca8306a152774079a383009e421ae51958d', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '0ada4bdd3bcbc57337493041850dabb3c1c9f14e', class: "pagination__list-item" }, h("swirl-button", { key: '1cd735266c5810cda59d4968325855117d8e67b0', 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: 'a3658a4d3b2343fee0fcace8c793cd29f46bfa2c', class: "pagination__list-item" }, h("swirl-button", { key: '3d9ea8dbd35f80e28d04dc7c011d7286aa92f8df', 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: '66638a2995d76a7987b8d645a7d1b30fbc013b3a', class: "pagination__list-item" }, h("swirl-button", { key: '24828e7028e68db7d74a31d5dd5dbf0da7678751', 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: 'dc57ee5d997869f7e0085d82a2f7c75a5ba035a3', class: "pagination__list-item" }, h("swirl-button", { key: 'e5d8cdad8a748612b9a088b71308dc8e35b3303b', 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: '95314dfd0a8b5e90b76a619f7346615141397305' }, h("nav", { key: '6c18c210b12dbf1804faf993c4f1376c7d0c4c3d', "aria-label": this.label, class: className }, h("ul", { key: 'f11dad71e50c304ee191a9570e58dbcfc76786ec', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '9be5ce454698d7b1401a294d52cd76d08cdc7edb', class: "pagination__list-item" }, h("label", { key: 'b49cc78eb4a464cba701fe7ab60b1237cf96c59b', class: "pagination__page-size-selection" }, h("swirl-text", { key: '9cc5542e8e8301fe152a24ca89915707d0d2c9e2', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '6a6cbb1fb7cf614a133813a590c48ffcd4af82c3', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '7067666953c10dd87f34db171bb200d6b0161ee6', 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: '12015b74b834bc409efd8fda7329ad6271afc369', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'cdca5d07c7336d17ee50a574bccf26c5768321e5', class: "pagination__list-item" }, h("swirl-button", { key: 'c1008a8848e8861add647a30764f23e64c5660f5', 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: '4bfcbc0de6914d05943571ecc209217f0073a31a', class: "pagination__list-item" }, h("swirl-button", { key: '7e6aea3a3aa7cf3f41815b480851fff33f74575e', 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: 'b744e76d3606d2f6934a1f7517412f4243f172ec', class: "pagination__list-item" }, h("swirl-button", { key: '0dcfad5f369ef6ba697a7b2a9dc30e46b84a6529', 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: '4e5d81ae84f61d7d50e5b894d03aeaceac8ca031', class: "pagination__list-item" }, h("swirl-button", { key: '0dcfc10d5115dd74a89404490a1738f02701494f', 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 }))))));
     }
     static get is() { return "swirl-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-pdf-reader/swirl-pdf-reader.js CHANGED Viewed

@@ -180,15 +180,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'e57db2b78cf143f189d2ec8da3ab76e70fe7ce92' }, h("section", { key: '08d54d69eb1aabe861653f2842f6c8b85f1ff10c', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'd335ccbbe130d7e0049fd01a9a64d8b8fbff3730', class: "pdf-reader__body", role: "document" }, h("header", { key: '4c384fe09a7b4c79ab0c09c6bfedccef40a440a9', class: "pdf-reader__header" }, h("span", { key: '8f1406de682d4d69a181c2e5f92b2567b636489b', class: "pdf-reader__header-left" }, h("swirl-button", { key: '66660c08fa7617a9198cc7d84a03a95e2deb52db', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '9922f785159311e72c19745d73f40eca552d111b', class: "pdf-reader__label" }, this.label)), h("span", { key: '749275664cf6747e9f280be8cef3083eb97533bd', class: "pdf-reader__header-center" }, h("span", { key: 'c606f1f2ec14a17afbb7496a6cf9f837ce099add', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '5ed7708c80dabf4f12618fab2cb195952964d42d', 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: 'e8602fb782f2aa6db4a94383df27118561770949', 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: 'bb845fdfda67c0e1cb6ec21e9328526c9447e9de', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'a7f8779b490b52df8d903709ea2f84871a2a7c7b', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'f646834ffbb956a4fcdd8eab89a96e1d0b4cb885', 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: '97ee6073652b3f0d55ea1e436e39e8d1e9edd436', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '09bcb0a576a3f87c6a9b0d668301c188c4fee742', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '37bac29cb32709ad4473e669dc17b16c215c88e1', swirlPopover: this.menu }, h("swirl-button", { key: '065ba1053a7ec0ae56b139f945f95febadc4dfd0', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'ac490d36ee405346388fd0dee2fc6b4f133245fd', class: "pdf-reader__floating-tools" }, h("button", { key: '49386e83b6a21906c5b5f43d0dc31c0d6f57ebdd', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'cea801fcd288044a2dd1c6e7b08615c2aa0e0bdd' })), h("button", { key: '0beb6eb36ab22abff0d420b7f856502f4105c919', "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: '3b7eb57759d69895d5c5ef4f3bf3ef7da27b488d' })))), h("div", { key: 'd9228e18c0d0fc95e7b01eed482891b595d12d61', class: "pdf-reader__content" }, h("nav", { key: '49430474f7e981bd02f1f4bcad3c3f123eb4cf35', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'a9be818b17a7b5a678f91ae84d2a59134cb126ab' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '9472c46bd4f70f2ded687a131430b1068ece196c' }, h("section", { key: '1ab4dc552af89e184be21708bfdfd3ae59b9b532', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'ab6f1e9f5697e19f0a461724d91dd36158c5e426', class: "pdf-reader__body", role: "document" }, h("header", { key: 'fd6d22796407ada0298708e4c1604e56f0c1624b', class: "pdf-reader__header" }, h("span", { key: '209a4931599dd8ce07fd42c1973c30b9501e5a79', class: "pdf-reader__header-left" }, h("swirl-button", { key: '015654a7ce0e2fc0c1b8d270035ca98efdf881a5', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'fef2c50e365a26bb4a762f0c697306403b731ae9', class: "pdf-reader__label" }, this.label)), h("span", { key: '2a644ec3ae32dd137515597eb59bb138327fe121', class: "pdf-reader__header-center" }, h("span", { key: '9e9db4e65da2ee7b928c0c7cc184b9a267f0af54', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'c6186a5f1393adce26163009b63c72d2941c8ea6', 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: 'f9356fabb60a15b0cc26ee78d6b0c7b3a3552e04', 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: 'e14ff6354397b7b88ee79ecaa2ddaaa39bb63ed6', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'b5e02e5813c45664d0376a8dab96366c3ba00c1d', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'a1f670153aa7c3f855a59dcdf238eb31e61b92ef', 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: '2fb02cdebad16200404f41bda8bb131230641f7d', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'f2a04bba875691d3dbe5e80f12ebd84d4ddfd679', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '1c598f4289fc8a14ce0e37c00f980117564e9fdf', swirlPopover: this.menu }, h("swirl-button", { key: '86593a0be1ccb5eda2f1672f5e7b6b586488e5eb', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'f604daa5837d791b3737c6ade0f4add849358179', class: "pdf-reader__floating-tools" }, h("button", { key: '5af7086adf3b30f87627d4f13c640b163993ad43', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'd29c191b6b7290e71d053cec1c310b46d43e2604' })), h("button", { key: 'a2aeccf0da8c97ec0a08f6264fb1d34d9d51ca63', "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: '0611180de7eb6758f701c1326de7ee69f61cd6a9' })))), h("div", { key: '0f244de72ca5b3284e87a1a0b82b348fc6894908', class: "pdf-reader__content" }, h("nav", { key: 'ae4f4951b8c7429f87140dfd14cca38c93157217', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '4b7e024e791b3749a5055c54eb8c5885bbb25c34' }), !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: '210a26cc1016ba0fb9d2b6680325e61ff19af225', 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 }), h("div", { key: 'e08989be87f4aad17df7d93cffe23dd3c4f39ae3', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '02953f9de2a0852bb2a5440f782988e1d52244bf', "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: 'cd18e5348d241f40c944d8e201c62cf7af2f774c', "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: 'c34cfe73bba695f7f22623a6595d4b4e50f0db1b' })), h("button", { key: '604973f5b875064ce433947e23d9ba9eddf79554', "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: 'd1dc347807e91bc2157488d6036588c4aed2e529' }))))), h("swirl-popover", { key: '4f4da84973309b7e60669868461202b45ffcaf04', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '6d7e358d287e99a5b79cae9945c789eb8ee9179a' }, h("div", { key: '451019ff0940c4c801fbbd1854ef0ba93e60829a', class: "pdf-reader__meta" }, h("div", { key: '33bd0193a1d4734510ed77017241a827384e03f8', class: "pdf-reader__file-icon" }, h("svg", { key: '09836b03346a6e0be670639720abd603c508fec6', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '4d4c097aa0e10b50baf9883e2f363b72ec439a23', 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: '4a066dc0f75f6f798122cad18f702f7cc1ddde05', 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: '9be88600c566f03ba3a89b45814cee9ba401a669', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'dd47d5357a7860c4616b0baa7da123f69b3c3782', 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: '947c9f5c228bda2bf53d03ece7838c08fa41f68d', 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: '1883cfd60995f6c03bd2accfa97ed5294b1c81fa', 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: '44fb190711b60c4cefe475ea139ecc4689b4e00c', 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: '0dc4cf0e3bcb6edb8a102d522b51763f973c7a7f', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'a7b30176de8991d0c2156c9334efef907b213a58', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'cb050d0dde2e8da5fcb2fd8ee5b37a0a56b71aaa', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '2d8922e43829366c139128c0dfeb105c89159b55', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'ce1ef89c3d330e1774ea0e373e305040a9aa82f9' }), h("swirl-action-list", { key: 'ed4848d34c40f43fc40b0065aa52b69af0f88695', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '79eb18b8c0e3a5dc36bc1dc0b9abfe7179dabd02', 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: 'ba008035148a7f0d84ee4bdc0eb256a1c63f96a8', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '385a7947241d7fe83283a5a263196d701ca2d235', 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 }), h("div", { key: '860ae344b4ba6566faab0065e2e234aa9abe5b93', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '7e7e91cd42086f374227b86436d7aafa3eb8d690', "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: 'f26bc3d9229c7a1c220956ce7c8a0e8452aa913e', "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: 'da17830cbd6861208b0b51036cff166fdbc8674b' })), h("button", { key: '95d09b43f256a59fc6c8db733a50e35ee3546a97', "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: 'e2fa2facae8d75e1d3bd35b6f7f387eea13f7aa7' }))))), h("swirl-popover", { key: 'd21655a0beaa25fbb86c4b8ccfeb72a42a30ef8a', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c15aa78c8aa2c76b9ab6828491bdb3634910a327' }, h("div", { key: '3363b2ad5dc5d36dd5b30b2a4c8aef3ef49729ab', class: "pdf-reader__meta" }, h("div", { key: '96f697adbda03f615da2a8237116536d740161d2', class: "pdf-reader__file-icon" }, h("svg", { key: 'ff8f7c921048e49392024d52f3376653ae2ca60d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '0c893c3faa4c996da74156911e967573eb32781e', 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: '5e02d9056d74255de5cb8029d369b850c0f85048', 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: '45a433a5078cc3123842821d24ede9828588732a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '0e83e4565981582890fc1309bd24a1cc9224b8de', 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: '74c1ca4f2c9f003a42ea1b2514ec02b370788e78', 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: '58adbd789f24fb4a4488b1199eaec519205f559e', 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: '7544349b12e4eec2e696d7e1776bb38ee4a95e3c', 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: '36498ab970402d478ae93c0aba138c16580b8f9e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '5d568a44edd07af66a9bf9a64ade4f15ffcb7cb1', class: "pdf-reader__file-info" }, h("swirl-text", { key: '7be13f16b167c8d646c14a179e6d2cbdf6db5c04', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '89a4cee2ea4d95d9524af3ac8f792ec04645378f', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'b8029a33cbcab54f91f2ddf9acbde9e87268c509' }), h("swirl-action-list", { key: '4373e2bbafe42d7b870e31773e2895faa9ada706', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'e37fac80aa89dd430b04a4b75b8f88e26918bbee', 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: '61a687d2ba2dd0deaef21baf6f0a61fd12e76ce8', 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: '5d73fe4c1280d08c9dfba74c3662014ebb53ff2b', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'c92ecffb202528a8f298b07deff868501721faa4', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-popover/swirl-popover.js CHANGED Viewed

@@ -261,14 +261,14 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'ca21792904c5f112a6da3ff4606898163b551151' }, h("div", { key: '95b8aaf163bf77262059e81e991e15a35fb7de72', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'f3d726737678d385d35ae4f631b5a443d69903a2', "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: '8cc2a47b4d323076fa8a99a3103ec05f344cba82' }, h("div", { key: '87744921bfbdce95cbae142b5933899aadb70b10', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'dbdfc2600405c69444e75f89d49da5c4a3513cb7', "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: '70830da61188d72e0f83e3c86211ad3c8b4caab3', class: "popover__handle" }), h("div", { key: '245a35760f9ae0cafbeb219eb478490315e5c8f1', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '5cc7da47b47ec4fbd548450d6bdf52e9bd5f7881', class: "popover__handle" }), h("div", { key: 'e7c9b23a67fb304cc6bb12acb754f1b12276b3c5', 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: 'af125ac1daf978774f331ec90ed1a658a0ad8c5f' }))), this.active && (h("div", { key: '389a414986371fd331a10adf4e334dc195600d61', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '24b92c9f4661a7fc0d59e135122599c676125a96' }))), this.active && (h("div", { key: 'dd3bf688564c3e89e8ffae934fc36644cc1574aa', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-popover-trigger/swirl-popover-trigger.js CHANGED Viewed

@@ -158,7 +158,7 @@ export class SwirlPopoverTrigger {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '25084b79d0a1bf0dd28477e9c7f1c5df66eab7a5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '01bd7a5f55da4ef41d8e8238508bd82cbe3ee42a' })));
+        return (h(Host, { key: '9dc7cee954958e0253524f61c15bb8a55800f377', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'ece34ab31d0a97eceefc1eeb94a754c4c125c2b7' })));
     }
     static get is() { return "swirl-popover-trigger"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-progress-indicator/swirl-progress-indicator.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class SwirlProgressIndicator {
         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: '20e4ff315a971f4d8c6e4ca27c3cf4805034d2e0', class: this.variant }, this.variant === "bar" && (h("progress", { key: '28ac73c385b494b5e58770a8c8cee8cbcf6bfc56', "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: '92a63b4edff63710d1d2cdd2cbb2500810375324', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '4c48d346c582df19662a5beb9fc388d3d60cfb06', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '58fa3036c00712fa81097d1becdef612dd609959', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'fbbb5c7ff12e7db2203998bf43768d88a4e402b0', 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: '745f511e382e11f52d4b6ac45a88cf655f4d3884', class: this.variant }, this.variant === "bar" && (h("progress", { key: '0ff970ba8d7e84870672bea7fde1906797124756', "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: '4f147ff83b14ac372188f6dab2b0c81eadd43f4d', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'ae758909e31ecc6bb03c0493ca7365f619655eb4', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '5a225ad9bfdd462498fec8a7c54116af078b7366', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '5be353d2a49a206a0103939add1de1d138fff8e4', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get is() { return "swirl-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-radio/swirl-radio.js CHANGED Viewed

@@ -37,7 +37,7 @@ export class SwirlRadio {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'c8ab3f67e10ed0a233edcb9bd36f1ea878e84365', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'd4b0b184de0ae215eae18b15e66f7aa6cf4b2ab8', class: className, htmlFor: this.inputId }, h("span", { key: 'd4804931a70409459b7f6bfaeb3a0ca4bb2329c2', class: "radio__control" }, h("swirl-visually-hidden", { key: 'c9d7256de7328531b8403ea14e0b4c39cfec071d' }, h("input", { key: 'c3c379d4d4740d0b054330c8474a398fd5b9b8d8', "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: 'da05cc59895164fe756a8ff764a465eea4bbcfa5', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '1fcfc823659a8b5e4c4ff417a3864f8cd70143b3', class: "radio__label-container" }, this.label && (h("span", { key: '8e35ee44b7e4a5a10f4e3e5a637e4e8e6c66f3a2', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'ad81f187365371a293c4b15f78ffd1f3e3e4a46e', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'd66838f16f1ec6fbea93a8557fa16d052439399c', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'f48842c39e8e553afc58957fc72a58099d6795d7', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '100c690d5b8866e9e599b27b7238e8c2ca96508c', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'ee6153fcd7b9ad8550e56684a7f8dec21f7de261', class: className, htmlFor: this.inputId }, h("span", { key: 'b731768b4d62070c5251de30874632f42335e77b', class: "radio__control" }, h("swirl-visually-hidden", { key: '79f31821d7a0f4a8f344a1fb51f8c62dd67d3eca' }, h("input", { key: 'd6efeabda48e1924cd2cecd60aea7ac4e0c36fa0', "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: 'c753f129d8506eef1046c9f69b7bc81c87105ee1', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '745de19a1dfa1075cfb221681dfb05cbd0ec13ec', class: "radio__label-container" }, this.label && (h("span", { key: 'b437c9ad4119f380f5631f7969f3337945bedd9d', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'f44d34f76b7319c33c3011c6ff42cc2c8a5776fa', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '486983643077d2c94989693b83ca972156a28694', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'd0e68635aa7c7169f763255c0ebe7176282aa335', class: "radio__description", innerHTML: this.description }))))));
     }
     static get is() { return "swirl-radio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-radio-group/swirl-radio-group.js CHANGED Viewed

@@ -37,7 +37,7 @@ export class SwirlRadioGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'cf020e7e1e77b39dea2588e1a81dbffc6d5cafb3', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '940cb7aadcf20d0ef1b7c35f5904bc41fa6ccf3f', class: "radio-group" }, h("slot", { key: '4b09e1feeeebad8354b83611ea1fa81f0a0370fd' }))));
+        return (h(Host, { key: 'e403e7684da9aed8cf885e16e6a5b1ebe4c422ac', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '571645e238a5908826eda91723e49d13f07e4532', class: "radio-group" }, h("slot", { key: '8bed01567a0c170c92d58cf78a3237a677ec5de3' }))));
     }
     static get is() { return "swirl-radio-group"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-resource-list/swirl-resource-list.js CHANGED Viewed

@@ -249,7 +249,7 @@ export class SwirlResourceList {
         });
     }
     render() {
-        return (h(Host, { key: 'f47fb82ffd2bedbc76c84eea6ef01a3894d502b4', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '1d0e981546bfdbc319e7985ce3976ff75c5ced25', role: "alert" }, this.assistiveText), h("swirl-box", { key: '9e2de6e3664dbb7b9977198da2c6846751792d9b', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '9ab85a95f3568f5235cb3352e3f6413649e898a3', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '967afc8cf9ff110f06254cd94ba45754fa478188' })))));
+        return (h(Host, { key: '88e5cdf18d6920b9d7f9fcdfd4990cc2116f78f1', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '2f0f2a8a27ada544bfce2e5b51b4e0435442a2ed', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'd4f7419074775539a7915d1095e92a29adfd28f9', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'fab52f716e0ad4399d2544d87eb6ec61e6667770', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'fd1a8cb8db98333214bb87c1d5ea8358128de036' })))));
     }
     static get is() { return "swirl-resource-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-resource-list-file-item/swirl-resource-list-file-item.js CHANGED Viewed

@@ -37,7 +37,7 @@ export class SwirlResourceListFileItem {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: 'bc1e8c790aa0fc5f101fe66513250eaebdad88bf', role: "row" }, h("div", { key: '343a2b6d9b16f1ec321ab09d29022132c2c80f7d', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '4b140a9c5d0b8427ba3e956aa63a9828773ae454', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '4bceba7d3ac187d3ba32faa1129d49960ee159b6', class: "resource-list-file-item__label-container" }, h("span", { key: '5d2a0ec6c6f2a28308bc4d8438a23af2b878a36c', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '06448cf19e8986356df8d9bf441b78da85658d1a', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '29d4532ec0c5886bbc91fea0f48236381351852f', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'c59a691d83840a56108bdcdc88a4cf89ed60b357', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'f7b35d0ebf1c25a69683d82708cb7b7f1e2497aa', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '3bc4cb1282c5ad5a6541fe83e26ce4378ba3c80c', size: "s" }))), showRemoveButton && (h("span", { key: '30d68177d47011711c1df5d57045363eb86797e3', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'be5d7b0c5411e3abc470c8b40e5ed3be50c9b1f9', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '434bfc015f37e68282c37a2d550bca0495ce465c', role: "row" }, h("div", { key: 'b38c5c3fc3db14591f105b4ce115576a1b177dd8', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '4c6c3e868fd3798aed17cf68270d9aae5ca0bb06', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '6ae763f864856bfa26fdd6e7b24aa3d0ec5d5af6', class: "resource-list-file-item__label-container" }, h("span", { key: '06a77d786a0b15cb62d5baaa5c115c0068e3ee14', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '8e9369ef52c81dabb749114e026fb48fe297ea47', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '99a0c4c38bcef61ae816c5f0ee730f29442ded01', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '04e57c429b3d2837236f32e5e308a9ca3d125bf6', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'f474d849b849655d92c4ff5922c19ed80c83db8e', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '14fbfd17f9d7c8f36b372e61a42fdd99cce73aa2', size: "s" }))), showRemoveButton && (h("span", { key: 'fc55a25dd2890c62cbd228e1a5aaa43d157b356c', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'fac36e13c2c85c26a2beb9183312350b7b3907e3', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get is() { return "swirl-resource-list-file-item"; }
     static get encapsulation() { return "scoped"; }