npm - @getflip/swirl-components - Versions diffs - 0.278.0 → 0.280.0 - Mend

@getflip/swirl-components 0.278.0 → 0.280.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 (1620) hide show

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: 'ed5d8b69e945fceb4f4627194b368fc8b35defe2', "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: '4fad81f02c3179bcb51039f3726a66c3dba46f03' }, h("path", { key: '51cadfe90adfc7a8052ce349608f5528452ff64b', 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: 'a2a4479f87cf40c77efa2bd8bda48d4215f7e3da' }, h("path", { key: '8982a4b73b4fd74af31c3b350934d2f79d7741b9', 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: '462da3c885b6f4d82d9552c9fe72d7c52541d536' }, h("path", { key: 'ed79c91e2f966bff27898b400358c48d28e60cef', 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: 'c9ded08fc379b32eb5d83010785cd1c2d11589aa', "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: 'f67cea5941a50e94aa3fc16131e852d9d24c026d' }, h("path", { key: '4c49a224f09cb62b3788047a69663a32d15e5e11', 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: 'f47425a1d687506554ce2f15dd3003797ada32d3' }, h("path", { key: '3c24a99b98600e2a731342537ec8214df0400a45', 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: '9d9d97acad4f88b904db60cb83e9b55fe35a0f83' }, h("path", { key: '372cc52c604041435aad075aa8da64f6440f3c21', 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: '9d5ca4d9a3cc75057cbc1c56774994de914fb8b6' }, h(Tag, { key: '5bd36e1837ab3ff0533f3d478ef2fa3b320f9b3f', color: this.color, size: this.size })));
+        return (h(Host, { key: '0fb4aca6ca6dc2bd4a82e87530b2b782d70ee371' }, h(Tag, { key: '4da6475959debe66949de965f9872c064961a143', 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: 'e7e8e372f4de47865fffbde57246e2413a67897e' }, h("div", { key: '35de4b85b5aa523b71c004b44615f36ec64aa9d6', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: aspectRatio } }, h("slot", { key: '4f1e65ca0cacd9da2888fd5d40fc0f15f421a876', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: 'b521308af38fdbacdba8c1f992e048846609d50a' }, h("div", { key: '964edf1a7b758b4779e5b67d7bff4ed91fb7b7de', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: aspectRatio } }, h("slot", { key: '57075e6e6286ab69d4479b4d1b53417cc7484c62', 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: '3df6b790bbb8606b4eed5d6d0788d105e04f4b8a', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'bb91bd8a691464f03e90ed9e89149f395df74a9d', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '8c1193c46a7d739a0b0980bbb8ba1fc6085800d7', class: "image-grid-item__background", style: {
+        return (h(Host, { key: '25d55918ded8252b0cafd0e29245229189cd72f5', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '940ecc7d168d882352556df39576ba05949657dd', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'b1962f4ad8cf634ee84e6335cfcc3bea668a5208', 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: 'ddbdaa408afe0d8fe445256196a23ace3c0fb75b', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'd0d2b4ca348272191442dba90619f4ac9a1bd7ec', 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: '2818e0abc2a61e1483a69c32678c2ac4e4989290', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: 'c514991c015cd6f9767dd175f2370eb20937eeda', 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: '25f5a42628d940986b45dc5f5dc3013480326360', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '3954c9d057deff36d1d2273967fed3ed31a5c600', 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: 'dd212229dd965e6d93b4ead145538688a74f939a', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '4b9c460a02c124e527f50be015e6acdcbf483847', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: '3fbb938d73610ca670018d66422ce58d92a2c91c', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '435b2fd7a8a94fbe0905636b82a1793202cb1c41', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: 'a4a2276318afe3424504a200185a038d6dc4161f', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: '55a074bfe0459222049673788d7b755608fd9f27' }))), this.loaded && this.error && (h("div", { key: 'cd48b68ce0970d73fed49bad653b9de2f0f4907f', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '60b1c44bb59cf45b8cf5a27528dc680100344896', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: 'b6ba0c7c2acb6ed3263f6000799e0df4a04e2211', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'f0cfd5469b86f7b608dbd7608d216a7a0b21cef9', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: '5782cb6dbdd706424d1b35b01bf1a53c32221fcd', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: 'bb5241d86afffd13c39f45a4b4e536726d8548e8' }))), this.loaded && this.error && (h("div", { key: 'cef4a030dea24e0194d306ce555ab572b45366b9', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'f88fd6dcc55b31e08817aa773901cad70d9af408', 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: 'e2244b67a7376520e86eb4be038a3c0a3a09f5aa' }, h("span", { key: 'c67be7ad6e6f8fb097742c18794a1d591cc72c34', class: className, part: "inline-error" }, h("span", { key: 'de31a38e173756e9ad9136aa5268cb875f19fa7b', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '58bd7ce0fbc050c0af529894a4b6158a9b1613a4' })), h("span", { key: '20511a4bb446406376b20d6d6cbf9c707cc18608', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: '39d806296fd3498001b4ab55fb0c49ff1f49f970' }, h("span", { key: 'a60a0251ee7fe020db8a15a2944ba28c304033c6', class: className, part: "inline-error" }, h("span", { key: '2cfec4d72793949e3064399e74f91bcb1b9ef9af', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: 'a6c182150bf6de75b537890f340a6ad264823df8' })), h("span", { key: 'ce540e1fe3e25aa2509196c01fde0de1138600a4', 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

@@ -8,7 +8,7 @@ export class SwirlInlineNotification {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '041f7266c156ee1e0d1fce2bc84f5c0ab7f9821f' }, h("div", { key: '6a7ed822c918bb58abd27a44583b87715dbbdeec', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '98a20d0821724f0bbcaaad281807d62cab8a5589', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '4c704f314c71df75f266f22e25c3973a7816403d', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '82b84b5efc9762248f3eb8feff736df8c1102408', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '634226bd55f2263f1ea0912c5c585910c6ad1a7a', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '2d7043d0e4e6d2f2abdf20df1247153418b61047', size: 20 }))), h("span", { key: '0d18db21270decc0d1d536fb36ca0c3729731193', class: "inline-notification__content", id: "content" }, h("swirl-text", { key: 'f4ddb2eb77168cd64594020d78b9c2ecede6550c', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), h("slot", { key: '797c60f83c122c6d2b07f6469e9eb701102b690b' })))));
+        return (h(Host, { key: 'd46e37a215c2373153991797e6b0a42336358109' }, h("div", { key: '4db88116c9ae4e6693f274a28a9a2d861e5aa94b', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'feaf53259af2044c5ecbb461804a56ed22c6e0d9', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'aa261620830413297d2f63aff904c33d20390cf2', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '79c150f64b7e3a04a7b87cececf20b14f75a3518', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '556335c1333e49167d0c2b67cb983e183716624c', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '6e55a282809d8abaea589b5a7ed1977c69f03640', size: 20 }))), h("span", { key: 'bfdcf8c92ce723c0cd9ebc9284f4b8bc8ae79bdd', class: "inline-notification__content", id: "content" }, h("swirl-text", { key: 'a1191ec6b628202f21b649d788430becfa08caba', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), h("slot", { key: '5bf9952fa7288e97a8d728e06db17b7facb400ab' })))));
     }
     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: '3b3403b167dbcd69cce94ece70070d6d4a633fd5' }, h("span", { key: '6f2aacbc86097f4dbe37bec2cf83b965b69ef90c', class: className, part: "inline-status" }, this.icon && (h("span", { key: '3d1e65e302db9602108deebe21052b35749b2a07', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'baafe5c34a7825975aa4c1ac65ed1e3058fd03f0', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '2fc16697efad24365a563411111d6e2d954c8aee' }, h("span", { key: '02d1974c104f1bbc71effbff313b2c3a76104fc1', class: className, part: "inline-status" }, this.icon && (h("span", { key: '6d93d978c0fd59663669aa2e46ed5ffed57e3213', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b75e6e5dbf94bf3532c9e2ab6bba4786b8a199d1', 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: '182721b4da10932ff66236698970f5f266e80901', onKeydown: this.onKeyDown }, h("section", { key: '5fc9c2a102ba14e780f6ce2e07728ac5d24b64c8', "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: 'b7c89b7e62db72a840942dcbbf5cfd52aa94d6f1', class: "lightbox__body", role: "document" }, h("header", { key: 'e6b316dfb277f560cc2177c4f765796a24885d12', class: "lightbox__header" }, h("button", { key: '7c90fbd0f7f9681638eb48c4433fdf9b5c1242e5', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '4bfc4fb287d2faca7bba848fca75a0bc8f5781ab' })), h("div", { key: '7bf6cd43b2314b1e122d729cfb73435e521a0984', class: "lightbox__toolbar" }, h("slot", { key: '8ae8fa83a821716493ab1bf54630e1ee0d7a0e30', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'c08ff668d327a8503b6caae8038d2a7454617fcc', swirlPopover: this.menu }, h("button", { key: '38abb5da9118863964c766ee815c551ade3f57a6', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '5f7d652c2b7e7764e42f34bf8e2ecda03d541ab3' }))))), h("div", { key: 'b4ead749cea4c4b4ee6749f0fc95efb07549d98e', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '2c78ef30f358a75428f51377fce1eca7541e9b9d', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '4a9502c0d46e6a4f6c3332bbefb0c9d3e64a99bf', onSlotchange: this.registerSlides }))), h("div", { key: '901c00133f19acf0694519f432e771a1e3293b32', class: "lightbox__controls" }, h("button", { key: 'e23aab9ee74f8b3fcfe956358a3ec09befe2d332', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'ef0d61b4838aa8fa5dc54d2b39620171b8692baf' })), h("button", { key: '379a247516b50ec0f6c07c83ddfe52a7935655b2', "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: '1dfa547cfae8a61f5cb8ad79ecf94ec286c416ed' }))), showPagination && (h("span", { key: 'a0d1021800a617687781617c64eb6ec9c65fb906', class: "lightbox__pagination" }, h("span", { key: '20b804989c1752b6f84ef99c333a7d18d68a38c2', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '51da5b8f6af5a93e5f61f1d8d8368a8c3e3fe4c9', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'e0638dc8f1f6bcaf3e6db1eaabf67c996c7277c7' }, h("div", { key: '1b9097881ef6eaa8c53182debd7cae22fb6b2eaa', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'ed9cfeb9e8cba34f7148e97f0841d4795141980b', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '757d2f1da76c1ba0857342ea78f326fe9a068870', alt: "", src: currentThumbnailUrl }))), h("div", { key: '4c856058c06fb568d0e2d0df582e6272e9e788b7', class: "lightbox__file-info" }, h("swirl-text", { key: 'ce6574e8f25ca186898b243b9ebd90e91aba85ec', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '2639c1ea66609a655d56f2fa72fe2111aa6936d6', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '81d6d7d1c19f9f7a609685789d08b8076f7ba7d9' }), h("swirl-action-list", { key: '163d8ec4b501c8d708eccecebc0aea1b34d55edc' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'b7b5bb2076a8aa75b05717037518a7d05b9ba5a7', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '34a3c9c4329fd58c771d8b1b17475c619f5364cf', name: "menu-items" }))))))));
+        return (h(Host, { key: '2a5453d620902876bcbd132ad33ce44c6968107e', onKeydown: this.onKeyDown }, h("section", { key: '7b83b8433a217bd9780e901330cd9b331d00edf1', "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: '95ca4eb07ff51e097965646dc5d3cf8bf3aa927f', class: "lightbox__body", role: "document" }, h("header", { key: 'bd85c4e4a3055e1d1c9ee166f4456e8003bdc4c3', class: "lightbox__header" }, h("button", { key: '070efd3285d7810f3d031ef35f08c1de8cf43da8', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '68388c53988fc57217988c429a6bed21ae16fc0c' })), h("div", { key: '63a4cef131faf70605cbc67ed6ad02c09bef5c3d', class: "lightbox__toolbar" }, h("slot", { key: '8025cc39ecc00930352801fc27175897322c060f', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '10747002ee19a6accb2bd8cd752b8794e930bdb1', swirlPopover: this.menu }, h("button", { key: 'ee335848b6ad7abf69f300cb9adb0d8b0b4dff21', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'b382292d75ec559ae542a98e145b1a12430f8fe4' }))))), h("div", { key: '0d3e2f44c9e40b59d93a89aec8df2d383e3c742c', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'dd625b34c88c2c3381cd034cfc7716dce7d01248', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '6d04b0c40d9b46f783ab55363377055c6dcf69b8', onSlotchange: this.registerSlides }))), h("div", { key: 'ed9289fedd42eadf4725075849704c19cd39fd36', class: "lightbox__controls" }, h("button", { key: '2d170a66a66260f3c01e5e5ca7750e1343db4ca1', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '287a5135c9a2d0eecac5078702ac9ba8fac6e922' })), h("button", { key: 'd40a453bc90a99a2d76363d82b5b713c643d83b2', "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: 'f3986c948ef6f413e97200cd0a8fc6d808829dc2' }))), showPagination && (h("span", { key: '83c2ec283ed0826f3ba02b9e0b3570a39f4a7355', class: "lightbox__pagination" }, h("span", { key: 'b1f6fec8ebec336ce08aa298e77304b623c0c041', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '383236d86dd9d640696e5f3e8348327328bf43ba', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '65557c3eb245265943014f796d31ff54a3e91a41' }, h("div", { key: '068ed1d56b8182cbf35ec1590fc78fa3837487a4', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '1dc9d8bab3d912ba592ce888af85c468a9519391', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'a58b4a7afca1f839f767000d155892088b461923', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'ca589cee18ac4d0b459543f5502d1d39d59d4f69', class: "lightbox__file-info" }, h("swirl-text", { key: '99a0d34f43f5a5b1e1ae482c48c1dafc68b55837', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '092772566ba28884e403146768cb6daa8704ef21', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '8631028db9cae09412589ece93784da10f40f6f1' }), h("swirl-action-list", { key: '9437a83d5958906a020f74cb6c109c0f96c61e9f' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '8cf82b7362f2cd61ae347676008d6c217ca21cd5', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '24742385608222225982eb4bb0156690ea1372b3', 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: '8e196201961e03a997d0dc2717e22292cb5ccd2a' }, h("a", { key: 'a06b9659a8e747715e62287be1a76fb598b2a8d2', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'dd7fa6f72657545249f2f473fba736ae8b658e78' }, h("a", { key: '237411a3ddf6fe64d9a98e300d01f4af805a6877', 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: '0ff05f133d5163b3f7904afe37b2bc1023d70e66' }, h("div", { key: 'b1247a6e8265ee32f48d3f182368726eae6666ea', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'e6b95a3fa785627f9d4f964b62becc3bfec5ce64' }))));
+        return (h(Host, { key: '16573be560707316d191314a9139db4a461bd13d' }, h("div", { key: '040abef7bf722f778c5b02024da346b1992be0a7', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '04e5e724cea7f526242606d799b611dedee23d3f' }))));
     }
     static get is() { return "swirl-list"; }
     static get originalStyleUrls() {

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

@@ -267,7 +267,7 @@ export class SwirlMenu {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'ad5278a75991a60edde46ef33ec740d8f5ab5126' }, h("div", { key: 'f24f0eef27d4c54b68eab1489cd31ec861982273', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '6d5e197437ad2f4be06427a5bbdf8c7defca364c', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'c52d082a7801ca6dd4abf05443d9a48d8ef7b7f2', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '42d9b15a8e77b9c2eb6c73dc5ca7ae2f776c3f87', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '13f0b9c50fd2c4a4fe0ca7a625d0914a42668640', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'd33cf2865aa2016b30e5178524c55848b5cc9385', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c87d807127004609099b1d19207cb129e22148a9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '323fab0d6277f781ead37e07c331e13c2e63401b', "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: '871e162e3b3f261be6a9c8a0426d65f7abe50f25' }, h("div", { key: '01d3b2e0ffa7a55cda07a477f95fe4014685ff7e', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '8927be3673d2db5cba405199f833cd7aabbb8610', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '4d4ee3f8485470270ae59c9635b96ebddb2d44ee', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'f4c63de9a83fe17567371528cff256228a12dd25', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: 'c241e0b1573f5c96f570017ed2b9ac4a3361e89c', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '78f3377166d291981bf076ae448278877a6288ba', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'dddf25259fa3495d9c16f9e2155fb1b69ecebb80', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '04b4e0e348861cee0a34727850e69439a5c6b402', "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` : "",
@@ -278,7 +278,7 @@ export class SwirlMenu {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'e66e98040cbd6fd0c3a83576d827f7ef9df93e2b' })))));
+                    : undefined }, h("slot", { key: '894ca7c7b59993da2caecc103e14a166df1c60f2' })))));
     }
     static get is() { return "swirl-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -96,9 +96,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '57f6a4f2f691c07b215e69bb2e0cd814923bef81' }, h("div", { key: '50660bb1038357f12e245c77fde10331033c8250', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '60935d6905d5131e17c11745287d6b8a92dcc678' }, h("div", { key: 'dae9950c41d49199ad06d12b4cae1a5bd02df989', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '1dd0221d81288f4612a589666d91892b1bdb321f', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '927c8ca18d653dfa37e614691b4a955144b327b8', 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: 'd033f0c1406706e17273c53722f695056ec020ef' }, h("section", { key: 'ac17a86296c2851b0657c648746a90889c9ecfda', "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: '761720b16e6569e4d987f974947b5e2611e43fcd', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '0141dba284827e673f0d359bf954a5ba038f00ab', class: "modal__body", style: {
+        return (h(Host, { key: '59bb0f17c4f2e60c77575cf02823626e631c9e6b' }, h("section", { key: '0c31064fe837a46bdfc50f744770039fc878359a', "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: 'f45ad45df2a06d53c1c5cba852b652e31760ef03', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '9a3485ea35b08428ab58fef765f4497b75bef734', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: '69459b29420d96b9ba4d4f2436c3797a3124a7d3', class: "modal__custom-header" }, h("slot", { key: '104aaeb9c9db217a1e618e47711199414142cb8b', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '507ef90230648a0e442287cd2f54869e6cfa0eef', class: "modal__header" }, h("div", { key: 'f5857feebe80b246582bf7bf87d6d47e49f9b952', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '18ac7b39aad9fb3bc8d31e4c8b4a4bb44a05b2fb', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: 'abc085e2e7b8964e7400d67dac99fe5c81470d00', class: "modal__custom-header" }, h("slot", { key: '211d44847186a221263a6930a12f72b3fb92ff45', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '3d8c94ddbd3e4b15c41c67a15559948b3f207ac8', class: "modal__header" }, h("div", { key: '42f998e77ea2f2bffde4be10b184bc2b7fd4f275', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'ff3a001411f87b58a7757e049c15802b8f6001a4', 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: 'e20cd79a5e818f55e3f69c7f32fea9846df85dac', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'df671cb6a1dea04457c2efcd01834b8019bedfd8', 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: '0bb0418d9f1524921a556d5888f6795be95a9942', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '735da7ca7911404a453362feaf169a3c15023f54', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'e2bbde38ff82eab2155d10de74b8a42367600727', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'cda8107e32fe2f331d65906510b294ae66dc7abe', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'b2de29bd69871d147fc36b7492415c396fb1648a', class: "modal__header-tools" }, h("slot", { key: '2fc61ca6e9abe1b64454e98b107aebfc4749a4e1', name: "header-tools" })), h("div", { key: '2f061d28cd5f0bd4decdaa52a03d1ea0efa5fc52', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '0874783375b78fc086476d5b225f0b4ae2b3e0fe' }))), h("div", { key: 'fb7c231c2f7fb23496abaca8cbdabcaca8a2f5d7', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '5a597a80b7de25a74e4d215c26444abe6efbcb02', class: "modal__header-tools" }, h("slot", { key: 'ae5385cbb22afa2048b91d0697733b404a487d8e', name: "header-tools" })), h("div", { key: '82ffe6da927ed8fc5167f8aa738dc6058d76e4f7', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'f6cac69b194055b59cff5f556d043763c2d7c5cd' }))), h("div", { key: '0b4791c0bf3b31c34e8808f75938be5c2a0a01ad', 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: '6ed3a7f8e37ab33046acd79771c2cd0822a3f200', name: "secondary-content" }))), h("div", { key: 'e19e516962ea0ed06cce4ced0ac2733c1339a138', class: "modal__custom-footer" }, h("slot", { key: '9e4f0b146ff3ae13ed78ad4f23d268d76edcf9c2', name: "custom-footer" })), showControls && (h("footer", { key: '3fdf562211374639fec30f8fd36d924aefe14072', class: "modal__controls" }, h("swirl-button-group", { key: '2e0b6d4695b362c7b719580f231da797005bf025', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'e70248627158ce0da7fac07e113d78fe1136bd6e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '2e18bb8c251139c5bac5758204218f4a3b4e6c50', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, h("slot", { key: '1424f37190233bd4657b815e364c09242f8a5a5b', name: "secondary-content" }))), h("div", { key: 'f5affa411b74d5a00cc57c016f396c8bfd82ccea', class: "modal__custom-footer" }, h("slot", { key: 'e8818cd0a955b68595d48e9426a8188d662d79c0', name: "custom-footer" })), showControls && (h("footer", { key: '4d6f7769b3b05b56ab754be3c09e6fa0a10aebec', class: "modal__controls" }, h("swirl-button-group", { key: '3a3c37269c30c68736b7cbe166b4050150e987ec', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '5efc5c3383d6333e00a45e912428c0623c2e4925', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '178f724035753ad35592a19ef3ceeea7f43c28dd', 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

@@ -326,7 +326,7 @@ export class SwirlOptionList {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '271eede297c6038b102cc68c5433a5f6fa943883' }, h("swirl-visually-hidden", { key: 'd27f5db7d40dba6419fd73d797ded32c0ad64932', role: "alert" }, this.assistiveText), h("div", { key: 'cf4b3ead532155f4866f627a724494e8bfeb7c33', "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: '45272e4bf68f4c26a387a975d57c4405cc9e53c7' }))));
+        return (h(Host, { key: 'c09257a978e5824fff31f2ebbf4035e75084b383' }, h("swirl-visually-hidden", { key: 'd7b2951497207e3327f191ae04ae8c878424ccbd', role: "alert" }, this.assistiveText), h("div", { key: 'bdb7ba8848454c49eec7b5341cc05177a4fd692c', "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: '0ff323330f231e906194b840d785e03518acb996' }))));
     }
     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

@@ -70,9 +70,9 @@ export class SwirlOptionListItem {
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'c4a83a40cef61988d40a5455eb7fc3ddd7f260c8' }, h("div", { key: 'e86f636a81497b1e5d228475562f9a7bba603134', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'd9c7f868a5095b92f8cf0f4d9b46e540ba59cb94' }, h("div", { key: '66ccb7bcb85e9de0c815e358121fae8b7937e5af', "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: '26446268f3a702ff86c036a34eabc803558ebc4c', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '28c218641905d500e7d73897feba7d8d99fd482c', class: "option-list-item__avatar" }, h("slot", { key: '0c1ed089c3562402a0d6358dd44645ec3ab350d2', name: "avatar" })), showCheckbox && (h("span", { key: '7e6a3bc5d963e18e7e87bdbe8a9ff365d029604a', class: "option-list-item__checkbox" }, h("span", { key: 'a93662510beaabffc7ef1ed5d46c7ba0fc90e50e', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '138906a6bda77c08732dd27b5e4e5c694b877044', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '348076659e822829a10ec85e0b15e538f3e015ed', class: "option-list-item__label-container" }, h("span", { key: 'c9dbc299fb957404a24f9f3322af41c6e8ae06cc', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '64c2eced012c23c9a0d06df782c339b420e8a8de', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e7f3699cc54954931bd3e7c60017f2434f9f19ea', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '1d95125987f677884603672bc1641e3be5fe68e3', size: this.iconSize })))), this.allowDrag && (h("button", { key: '28cd59ce0e5738c6d392e9a895ead076045eb42d', "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: '3b16d5f73b1fed54de03e40672e0c6a27f9908f6', 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: '1d4f748ba162b10b90ba36772bbc5ce2cfcbf688', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '85bb99e98f1a4eb6e88f3c8f0025934f54e5f549', class: "option-list-item__avatar" }, h("slot", { key: '94ee311dc31470fc16ad053456393178c0ca1955', name: "avatar" })), showCheckbox && (h("span", { key: 'c64037453972f6dd2c36324f5e321ebdda0eba83', class: "option-list-item__checkbox" }, h("span", { key: 'ba30e1247bd9355e8fc89b2f6be52ad3ba58cd92', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'b364efbf3c1167a3bab08a6c53d0f82c4e2bf770', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'e8f98dddc19fe9c5c9cc0e2663504bd4ba10b96a', class: "option-list-item__label-container" }, h("span", { key: '6af24ab9900c92cf8ae3156838733ea70fd3e85a', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'f9a2bb319a510968994f0a01d5cd62221322401a', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '8346d30734b95770e30b4f7f9083e7c255ba7ed8', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'f0a31fe5087b91f36ff731f893827010f9664cb9', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'e127b3a0535f0a7a726d55e9e97e9619c79b6d9f', "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: 'c507f84cd536ce945d8b7e98902e6c9f4703d63f', 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

@@ -7,7 +7,7 @@ export class SwirlOptionListSection {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '192ee1cc35b26fedae6ef0baf9fad107b0426006' }, h("div", { key: 'ebc6adb48fab5e738daf6af214445417f2c3ff07', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '3dc502ec95baf74c3dc3cbd47d61ead746b736df', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: '1fcdf793d6ad6b98ba0c6366f6095b7161b6e82a', class: "option-list-section__items" }, h("slot", { key: '2dafe14cf93d419bc5db88a561d0e71967de4601' })))));
+        return (h(Host, { key: '886f128f4adac71c66e18cd48928b4aaa8fb1740' }, h("div", { key: '2618e2099bc6167ffc57fdc52ff4e38e8866261b', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'b67845388db7da756a5b8a235fc5f940ddbb30e3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'c4ed155d194346006167d468a3b118960605cd5e', class: "option-list-section__items" }, h("slot", { key: 'c43201c5bced887b1c843aa889cdeaf873e0cfba' })))));
     }
     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: '71c7d7de001597803570300052ff9620619081ea' }, h("nav", { key: '9b2f24fcd2b91a7f8bad7ae50f261db15cdf2c1b', "aria-label": this.label, class: className }, h("ul", { key: '2d6f42a7c1bfc312f6d163b61f5fdda23deb0552', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '6d520cef14459a30b6adc43297cd886b290f2aac', class: "pagination__list-item" }, h("label", { key: '217c1748dbf999a813c0e671c3da0e80d24d6ec9', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'a9e693b3ef2b8bed0ac07eda7a8cd9d0a761c759', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '7a27524c9fdcb1876de785456ca6fe4ad25483d1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'd4e353e9356664ee699c77f441cfa48e38c0676a', 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: '39bffeb02a244711e559e0c57a79cc51ab61f858', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '093303668f3abbc4ed401858925be7b6c47eaf4a', class: "pagination__list-item" }, h("swirl-button", { key: 'f746172b11b9da329b89afeb56a6935f1b721218', 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: '59db9b2c95d5769dcd8cf2b7b04ca9174d1fb8b7', class: "pagination__list-item" }, h("swirl-button", { key: '9d335fd4f499c35ef723a08018fda94d1131853b', 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: '28b7f800fd06e96df089193257e261c933c2c17d', class: "pagination__list-item" }, h("swirl-button", { key: '793d0e042275f9d1ad24afc588838cb84579a922', 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: '8f94244375359382e9cdd28353c0ab7d781968ef', class: "pagination__list-item" }, h("swirl-button", { key: '1cdb559a332b35bfc561b1d87846f67e8ac70be8', 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: '73ae765ec8dbf588bfc32a4bbd6852291604214e' }, h("nav", { key: '4eda9560a9a019e82f821e187a6e83443979697e', "aria-label": this.label, class: className }, h("ul", { key: 'cc5367e85ca4e251e4f7d033bfa850968889caa6', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '38f5fb33b9c24315271764e2784f1ebfe1d8723e', class: "pagination__list-item" }, h("label", { key: '9dbfeb8a3e464d50379746ec85c865cafd52ac51', class: "pagination__page-size-selection" }, h("swirl-text", { key: '748fe2c2ec1fbf50d4c4e4347e23571553f30c36', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'e9982f4cc6830489314d2bd13aa927201e51d415', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '48a9950fa6a353d49883c69ec7918c38a26a2619', 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: '60d4677d0c8d24adf39cfc90f31b27660526233a', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '7829d37667bdf4f643669d5aa7394b8c67300295', class: "pagination__list-item" }, h("swirl-button", { key: '774e9ba9e1bb90800b6e35b0ee531c1c4c88d405', 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: '582aecb2808382dc58032e872cfb97d29d772c83', class: "pagination__list-item" }, h("swirl-button", { key: '01395eb8e5bf7b0b06c55926213b5023b22a5fcc', 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: '6848c16b69f7e9b67f7924eeb7c4d10bdf7ede4c', class: "pagination__list-item" }, h("swirl-button", { key: '566365451279b0578be3ba9378204c144791db8d', 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: 'fec0371d798351e16ea95a2b3b886ff310a71bd5', class: "pagination__list-item" }, h("swirl-button", { key: 'b1d0b4b994695ab9d46eaeb10835a8cf23cb7ed8', 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: '5d554d7bd32ebc66b403d5c21d7fced777886c91' }, h("section", { key: '453013c49d86db23b49f365ef27c9c29e101f700', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '59f56410a0c778be45c24d7031f075a78a9d9131', class: "pdf-reader__body", role: "document" }, h("header", { key: 'c48b990aea78709b61139d8e5cbb0e5a9b86bcc2', class: "pdf-reader__header" }, h("span", { key: 'ff3d2404df56cf3f187b655264d1ac3da2506a2b', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'ff250cfc67a23b91eeb6d32b0b8989df749fdc96', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'eb5239059c85855f44840e55a59ff94da5b99ae4', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b061a920b4fd83b0c73a870958c199b9da9a50f2', class: "pdf-reader__header-center" }, h("span", { key: 'dad9534b7138f9919933fd0ffd91f3161b79f0c5', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '96962f4c16c47b2c5f7e33e67f08b026c463fc26', 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: 'fde940c0c7da04cb07637375f81f8fcf4d9af283', 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: '885616c90830e2a9752155b676eecac78924acf5', class: "pdf-reader__zoom-select-container" }, h("select", { key: '8bf9d54b48d2cbc72ed03ccc622fc8996ee1ff19', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '39ba600993eb7caa6031de24f7a806c7c11df802', 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: 'd4aeec1a552095c696ac13d9d4afebe06634d17f', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '73524a26c3ba2a03bc24697a0fbe621663f16c5f', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '02833ed4e04d18b79d87c4b4b73646a263bcbcf1', swirlPopover: this.menu }, h("swirl-button", { key: '457f218d101f80db89dcd302bf4bfeeb41f2512c', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '10e512f694b215949f1ff3548732f86b94ad8471', class: "pdf-reader__floating-tools" }, h("button", { key: '0e25b37a6d75b1bcf9d5020b45860cd3eace03f9', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'd4f3f2ea28a1df032fbefc8631fe456b58485f45' })), h("button", { key: 'ec85dbec8df0aa67773d1af6807bd5a57b4b32fb', "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: '4530bd763a7e88acea0632d6600476c69c680d40' })))), h("div", { key: '648c6f629ad3beff4d598a8b1cfac881485749e0', class: "pdf-reader__content" }, h("nav", { key: '80e3360a923467a972f051190330a47542d5855b', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '64072f09f98a776f3e6c95af45341a6306df1d73' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'b98e2d55d898dc79865d67169e3915143904964f' }, h("section", { key: '79c7969d68c722c4a731c6feb17f6b037a67ac9b', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'a31f466d3d56f5183b0a5ce12c342d305abc13a6', class: "pdf-reader__body", role: "document" }, h("header", { key: '429b0e53eb529cd937805f416c5f687548ea7aaa', class: "pdf-reader__header" }, h("span", { key: 'a05280d69ee9a8d507971f7a3fa672cf0d3deda2', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'f1d79af38c7b7ee5152718af881b1485bf5ee600', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '7eb3753ca638dfa8833f1ece407e2df42b0ce9b8', class: "pdf-reader__label" }, this.label)), h("span", { key: '1f6ebdee5beda1b4b9efb9dc7f5f498db674645f', class: "pdf-reader__header-center" }, h("span", { key: 'f8726ccafc993fba57433ecfc07a0f617e2c2906', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'd4f03d6f39440324085d2fe469fcf0c7b2d75168', 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: '0c18f0c9ff0e32470344d8233a13b9097551cd38', 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: '4eca318e5e989487a7118d376017f7cabd5c77d0', class: "pdf-reader__zoom-select-container" }, h("select", { key: '04b861a96873d63125d8d7e877326959d5adf920', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '17cd08bea4ae1a51f83ca979b30882d206d70a5f', 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: '693977adf2884dbe1a6aa9ae1eb869216a8755f9', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '3237fc070374cf1376f9f8986784ce3f538ec5e6', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '3c7fdd4fbfffc00c28df32a696274031ef406ac0', swirlPopover: this.menu }, h("swirl-button", { key: 'fbaad43371abdaad13e4c92a002ec511ecbe61d8', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '785f05b31ed8bb4bf44b953cb1357c0f32b90591', class: "pdf-reader__floating-tools" }, h("button", { key: '40d2fba151469f0a21fc3d403f58d4787a205894', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '0a6f7dc866c83d3629e795398e6e4f039097c102' })), h("button", { key: 'dcf71874a2645920cb4e0532bd57e9646c5686d2', "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: '8f9d0937eb27f3eb0d75188e48e5b1d5ba238368' })))), h("div", { key: 'e82b50d1ba99ca2d4aa3548ddd9f18805d955e77', class: "pdf-reader__content" }, h("nav", { key: '80637a1a2ab6df90e4ea2f92a17a466e8046d116', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5a42f8d16dae2e3694159cfe3a6a3f83c36c8e6a' }), !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: '9c0cf47142e57c878cbbd1a2e0f362655165b288', 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: '58211558433c2555f541c2578c0681d8938bfe8e', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '661e2ab360794cfa447e10eb5af5f5a4a5bb3552', "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: '3ec9fa1f3edc72619d3faaf4b5b711b9ee379bac', "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: '12451b399bff204f384966989718850434266a3c' })), h("button", { key: '41edf1a746549be7d65dbe08990ddf08ffcc1091', "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: '5f0d609a5623b914470c30c76df3ce1f2d44a900' }))))), h("swirl-popover", { key: '4dc4442b054248f1e80dc0de624ef8bd455884ae', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '5ada62197c4bc3ca403c0695781999e9b99bd418' }, h("div", { key: 'b096c94c18984a9a1d517258369587bacb39c4f6', class: "pdf-reader__meta" }, h("div", { key: '5d5e5dc28224cda01d151cc1c2a5386a596978ea', class: "pdf-reader__file-icon" }, h("svg", { key: 'd08f4e6a825d6aa81c52afeff6efa41eeb9fc905', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '7472b337e774ff0c577f2b843eee2ebbf6ae5e95', 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: 'bdc47714d4d5c93a6b14fb264746235e6627ccac', 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: '99210c05a2abab4987715b92b0b4408ed220cef3', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '88701c2de6d32bb326e3b87d14a6169a1f7b122d', 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: '19836103fc4dc46a6828546db237a6696c3057dd', 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: '091a5f502512ad338ec4fc43def7903b3a2d1d61', 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: '5f2dcc174a6526b3209d0c84906d65e2d248df4a', 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: '92edb84540039be27ea3b52d3054f99b71fb9e4b', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'f964b44ee76945aed28867192f32b3a3db1a8164', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'b694ff872631ace21483898b3f712fb7f4d99a7d', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '01ab58cef5c4120e59ae2e1fe2b8921769196d27', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'cdd1d47cba8bcef197902761639c6ad9ed6e96eb' }), h("swirl-action-list", { key: 'b60de759a56a6e941294a074bfc0602717d33055', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '7c0ce18b8d4a126169abb37c00ccc00a2eb7faf6', 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: '37a0497079bd17b586e731bc5b2337c98df4ec11', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '93968c37c3fb60094507ff98551761a4c5f6d5b5', 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: 'a43f60a606c1bb6a71c798ddf013f7ec6b3577dd', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'add4aab18be18484e003bb7b7f3de12d1a745909', "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: 'dc6cbf23eb401cdbe7731bb4b90d5a3ebebc0a41', "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: '6d9cb1897157fce7cb6719b787af24ec45dd993f' })), h("button", { key: '8bbcfca12368ac943883538cae6ecde36a6d6830', "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: 'e7621f5f69e9fb049af458bfe69514ee4b757884' }))))), h("swirl-popover", { key: '47a19324ad61a4f85b3e978b87273cdb5265b458', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'd582e076616b4b58e80c5ed69414e087574f9e2d' }, h("div", { key: 'eba1d8f0f59825c617d460274d126868018e8902', class: "pdf-reader__meta" }, h("div", { key: '9e482c5c9d5e245291834796057f1a33f73d5200', class: "pdf-reader__file-icon" }, h("svg", { key: '5b98560f82b34390e70c1e08c66861d5041b8cf7', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'a457163273d46c89ba8c898157dfd392d6c699da', 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: 'a566ae2306d2f71ca392d1680852522d1104ff8f', 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: 'c95e02e13bc82555a13403d07e5f000c1147fd87', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'c9d1954f66e1dee43656c900f36c15699f3daceb', 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: '47913f83ef77d0ae284d356f8d802577044d913b', 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: '15559f8ae2b8d9d33931431dc933d9f2a675c5dc', 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: '3d865301834f93a733fa7c6de9bdb2bd244e93ae', 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: 'e7a2cd443c4eaa6d7a52b1da02028e4bb1261eba', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '6bedc40cac0e6e5b2f58112e19f41acc835e29f6', class: "pdf-reader__file-info" }, h("swirl-text", { key: '8e4bf6b3308baf3a6cc4d67f43433e561bccee41', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '48383b264bc1ea29301905502f53cf69a4a5f451', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'e012f1ab3b1d30058e42ed7621542c925b9bb267' }), h("swirl-action-list", { key: 'e96277f5425ce80ec7bffbb2f0ca52e135b5de57', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'a0c40f36c120a7352afad28355684abd39892096', 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: '6dcbb8a7f4716423947cd42bd0123e5d6b1a0007', 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: 'fad14d463fea7b1843799568031455fc1fec97f2', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '281de19c25482e9ac0bb2744e5d65a8fc4c22467', 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

@@ -252,14 +252,14 @@ export class SwirlPopover {
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (h(Host, { key: '76cd94297df9e6862f9fd3d87be7e0b180266dd8' }, h("div", { key: 'dbf6126741d68adba902a5828f06d3cb47933549', class: className, onKeyDown: this.onKeydown }, h("div", { key: '3c48a4024097baeb6bd3e0112983cc70ebf612dd', "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: '53208f97f3dff7582f6c2a92aacae8dfb405d065' }, h("div", { key: 'a0de9af1dd5f60f9716aaa9f5f0b443ec226a590', class: className, onKeyDown: this.onKeydown }, h("div", { key: '80395e87cf4e005c3a7a9f2433eb0847dd857ecd', "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: 'af5b109fc2fbab32f765f1f65379acee1e991443', class: "popover__handle" }), h("div", { key: '1186d1c6b590b7f75e734b3e1da88abd9cab9bef', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '788dc8d1bb547c8278dc5696c9255cb019a42090', class: "popover__handle" }), h("div", { key: 'ad1e926036acb45cbc289d94056e7c674e26be30', 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: '8c13419e06cb3edc4e929e2078b86a33790d0b97' }))), this.active && (h("div", { key: '75c03c42148ed258c1a8de80cbf3870c000c0ac6', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '3bfaad36e3860ccbb6f75093f3df1e9e82673015' }))), this.active && (h("div", { key: '5ea925a8c1bb705a7d5aecf3e87ee51a7f38b0b2', 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: '8867c30d9f11ad594513a2cafe2d72334310bab1', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '98dc49e17be5996164aa27b3b641cb123c2e9545' })));
+        return (h(Host, { key: '301b84437aa2fdc12b313ed844a66386a70d12dc', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '0ed5e952b04c3aa9eef3540ab2056ee2021275f9' })));
     }
     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: '86d3de561f129aaae1302b1f91b7638c2afd532b', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'ff9f1373789cd407705cc77ebcd64c3ce39f83e4', "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: '1f38d4ac5592f9833ff096b71b7c24ee20a1662b', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '433a4f91da390ae9a04e42eca709f0be0dfc209a', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '087a4278b0fb0d08b3c6788d42dd78d88831c5a6', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '6f4941ae9621800e6ac9a3f000502c9852eb29f6', 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: 'b0055e1af4f90544d14efab8c1c1e7bbfd88b59a', class: this.variant }, this.variant === "bar" && (h("progress", { key: '8af1fec195f11ae75d74ca69994ec7fad91f933d', "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: '2539beb6d3fd754ea7550c7a5351b9318d1dc3d7', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'be87aaf4d43e3dd65e9be85dbd8a2f5a93ff7162', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '194f56603d0076e7ab254346d431f7257384af4e', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'b78e26c2945bfc2465e8edb0e120f9e3cc52055a', 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: '347a9e879000b24ab96cf1a95e34492c4d345678', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c44f76fab430bc543e22afa0e0c530a9e9052c86', class: className, htmlFor: this.inputId }, h("span", { key: '53fcdff14dfd990e56a80d351f33f990ade6df7d', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f4aa1f4df25ffceeb690280532c274bc6dd48419' }, h("input", { key: '34ecdd911ee92fd2e44ebb06cfacbc1f4447a608', "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: '0a04bcc26ee2af7f26b85103316acfd183cb5a95', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '4cb13123f50c9a162a3ecdbd7ed06019c13f50d3', class: "radio__label-container" }, this.label && (h("span", { key: '9cbb641332fbb03bcd68128c8a75e0ecfa4b0f0c', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'b92d64ab5e4935caa07357cbdc25ef1d673ee273', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'da75896584bde95a9f41aa1bed3324942a6f2f31', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b97abaa3f0b714ba29aa87ead6e6d46fe64a4a26', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'fbf3f0ee0b30c72b5ad65ac0692b6e9d31b7d90a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'a7ea6566aa319b575a84929840b7a73a5a0b9056', class: className, htmlFor: this.inputId }, h("span", { key: '013c04a9fc328161c2f7ef1277918bd678017abf', class: "radio__control" }, h("swirl-visually-hidden", { key: 'ec6a686366bbfc2f0eb880f64228b743b054208c' }, h("input", { key: 'c1f503b67a5e04ce44e26e719656282d94e03461', "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: '31655ce0ba8f93ae33e472cae75a901eaef8d0be', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '7bdf6ef7ce9b2c66f4fef128e7f0d5b5a2dbc3d6', class: "radio__label-container" }, this.label && (h("span", { key: '7a12b6a227a56b1054ad2e3598bf56e57fdbfc9c', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '392c3f0be615b16c51d272aef5bfb8babf6378ef', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '321bba48e44221a8d17d196d7e6fb044aa41ca3f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '6f8c09868609b23f9d67aa0b31c972a549f499ff', 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: '97e4af9559948ab407d58c5308f67ec282a896bc', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '98a882a5f9580c38af1f19fca145d6a355b50e18', class: "radio-group" }, h("slot", { key: 'bcc21f885d64b12786c9a7ea5a306de1db6e59e4' }))));
+        return (h(Host, { key: '1e01eb6ceacb20bcd71535219b96cc9a2a54ade6', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '86b29d67758d1fef3172a8c3c83fc443c732ec2e', class: "radio-group" }, h("slot", { key: 'b9073f0993b00cd97ef1eb8bc925181e9b6c1062' }))));
     }
     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: '04e410a7eb1df3235d088ae42c0b85114d197d99', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '8656ba56a85b996765ce641034a42f7245ac4228', role: "alert" }, this.assistiveText), h("swirl-box", { key: '38ada50f222304769a818b6a6ce9040370144cba', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'a7e461662c51c1ed429c01676490ae2576892fbd', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'ae905d997b22ed8217a6a4f870bc925ba81a38be' })))));
+        return (h(Host, { key: '46b3453bffde76bfa8186b450b586c76b8800e8a', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '85f441caf8eb1d6befc6962a8a7573daead8cd5a', role: "alert" }, this.assistiveText), h("swirl-box", { key: '995d67dbfe73d5b4ccd925807b596ee27cb4b7dd', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '75630b05ff8c83bc09afa60913cdcc878fb9327d', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '61350cd93a62b4593f115b32383976366adbfe34' })))));
     }
     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: '52a21c836d395d3751a28cb38385d0338141f0a9', role: "row" }, h("div", { key: 'c8f6f83ea35a75cdc85c8daf1fbb8fbe47fc6f71', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '61ca6c7ae2ec79b2289cd915b2e2a95c86bc7751', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'dc9162751ab7bc3c4e40b53ec13932cc8910a020', class: "resource-list-file-item__label-container" }, h("span", { key: 'e620d6890dee3019492fc6e2930790766450ec4e', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '33972619d5d7a70f0a614698a01bb260a109503e', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'b3dd47b3fced83be904b659d51a3c467bfb39c78', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '5e20717f10da7cba9ffed0648208ff90b29dce0a', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'be1faccf84dfd6291805b457cc75c2942bc86fcc', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'f91f8360e549ce536e68ba6afd74d74bfed6ea76', size: "s" }))), showRemoveButton && (h("span", { key: '02b64ff26c81f3c12e56962de1373c55ccc44123', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '42deed1db50450dd71a556e3615ffb9e0b206534', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'bbf7d4cf8f9eae81bad49bec1307cf45a2004f11', role: "row" }, h("div", { key: '0959caa4bede9ed5a649b80c98366568eff0e4bc', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '0eeef5e65fad8fa597a643458c5fb264149fa7cc', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'fea932a17c0b6964be6c566ddd3ee9bd79a17df4', class: "resource-list-file-item__label-container" }, h("span", { key: '724df159b81a3051a99ce643008a687b46ad49a5', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'bddfdd71675b637955c9de19d64ae4bca023ca3d', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '44b7e596c8497af50b6cd32f3fb6b03890291297', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '0c867d1feaf0656c8f7c133964a32813905ccc15', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'aba4068b2354414f4d3894847e25d724eedbcbd9', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'aa0bf9e3e0b0d92847929ddec9e2ebf54ea9aaae', size: "s" }))), showRemoveButton && (h("span", { key: '0eaa41587f80cc96aa159039670a72eb3771afc7', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '45830b0497beb5dee13ef0c1e61252b73d16fc03', 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"; }

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

@@ -154,7 +154,7 @@ export class SwirlResourceListItem {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '5be67a17757507369542b8cf618c57d9af7ae4fc', role: "row" }, h("div", { key: '69b5a264541dbe67a7bc2fabbbd7fde7c6835065', class: className, role: "gridcell" }, h(Tag, { key: '6e9c93a7fefc863ca1b99da52412dc5d6bae7728', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '64753aef4f1d30e0effb97986e7f98be36e82de8', class: "resource-list-item__media" }, h("slot", { key: '6d52ff59b03a04b73c15b6ce8e8631895f3ed03f', name: "media" }))), h("span", { key: '51b717b469bdaa6ba8b8e0055c32e4b4c5eb8fea', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '8acdd3eebe871b73db99b0fad7694c85c037845e', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '0f321dfadeb9835bc6a09ac372a112d36e7cb421', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '25b59f01033eb7f8b80ea8e392fcc0db43a73f06', class: "resource-list-item__meta" }, h("span", { key: 'b820724e36fa983c47c8531e9af69cb34038068b', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'ac38fd70bb0d0fecae2506bc625ffbbba2a5f4f7', class: "resource-list-item__badges" }, h("slot", { key: 'ce8f0faa8379ec311eaf399334d3830bc199cf3b', name: "badges" }))))), this.selectable && (h("span", { key: '136547350810b5f4d34d52acfbc72a3c2c19b497', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'dc7f2ed8cb36e2b8619a1687de3bae98912fd5dd', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '0d002fad41e3eaa731beb5b309040b1b424f6a3a' }))))), h("span", { key: 'ddd6000d44dadf4fbcdfe711357920f4ade74039', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '184bd642b8db3d934ced851972971b339bf1c162', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '6a36758f43da945287da0885b1698a46b72f8afb', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '92a49824aefa712532a781d456bd50ca8d8dca76', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'b6d34584b0ce39db65c0de8a80f2f0f5b4dba4b6', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '05416c82b9f79b96b14de3da5244d4e4d49b8665', size: this.iconSize })))));
+        return (h(Host, { key: 'ee71a35a51909f48b6481e88902952de6c551d5d', role: "row" }, h("div", { key: '52cadb9dcc3b255500dfca0cfa5b786e7a8b90dc', class: className, role: "gridcell" }, h(Tag, { key: '4ef3eec2ec3fc2ed8299e8f52b5bfeaa751410e8', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '8c748b14176c0da6263e6609f218c4e02996a744', class: "resource-list-item__media" }, h("slot", { key: '9126fbb711cec2f4179f0ad051ecfc2c91af018c', name: "media" }))), h("span", { key: 'f49e3b7fc7998ef327fc75f95a3ebc336ecc8c73', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ebcaa12a4655cb2615f798806b721d53ba3a18ca', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'b64963c940cfa8b0d309929e6c77485363611313', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '3d0da6bcdb783d85071cac3c3bf1f0b3af9fe6a0', class: "resource-list-item__meta" }, h("span", { key: '2c939bf964eaa4b1fdcd43a48c67cf5da6755485', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '21216b62f38fd1031bad7d07746db1c595d01be9', class: "resource-list-item__badges" }, h("slot", { key: '7c30e294778db39c7ead121948fce77a940a2f9c', name: "badges" }))))), this.selectable && (h("span", { key: '3ed06e50ccd5a9096337f2c7d4ffb7ff4bc7853a', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '81ee8c5911ba9d23ac29d6ea9568b404a163a9dd', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '8aded72608b52bfedccc1d9889c5322b967825ba' }))))), h("span", { key: '08f435f707be1eff4276daede7f9bc8dea0a9eef', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'ac76664b4fc00749ee6c4e2b78a09ac7d706f5b9', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '9a8d921b73538b651d1877d3f960349b85121162', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '1f99dfc95d71205f7c171f7bdc4346eeb563227c', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '5683928a73c254aad8a55cc709b669dcd54ad2df', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '8aa0c74b94c6b2ad083d2289cc099db67d5114ab', size: this.iconSize })))));
     }
     static get is() { return "swirl-resource-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SwirlResourceListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '7d99780d1a0b26753e3fc0d18e36c1d50f945b7b' }, this.hasSeparator && h("swirl-separator", { key: '40a6026501401ee8dcf52ed5839e63c94c6a3872', spacing: "4" }), h("div", { key: 'fd9330892b89cc80e650b769744b20b3f9562435', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'ca6182b92630079b88443dc0eb7ed1038c814d6f', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '20fdee6bba4ee99a3ebac1e86184160ee8841935', spacing: this.spacing }, h("slot", { key: '389a4c1c327ba3009050be3dcc5bf5b01ee785fa' })))));
+        return (h(Host, { key: 'df3751fb689175edb9d58ab7263667beca0ed3e5' }, this.hasSeparator && h("swirl-separator", { key: 'd21be68c0bc4687e5a82467b91423556d5c543d5', spacing: "4" }), h("div", { key: '152847e7037f12595b80b7ad2505f4388f1096fc', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'c221f6f8c4f088162d90dbd5c1ebf19c7c91fa82', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '55b3945d5772a004e6e1649f68d46a094fdd5d70', spacing: this.spacing }, h("slot", { key: 'f21bbdf80dd793d9be6241cef40091939f8730ab' })))));
     }
     static get is() { return "swirl-resource-list-section"; }
     static get encapsulation() { return "shadow"; }