npm - @getflip/swirl-components - Versions diffs - 0.317.2 → 0.319.0 - Mend

@getflip/swirl-components 0.317.2 → 0.319.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 (1772) hide show

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

@@ -18,7 +18,7 @@ const SwirlIconWork$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconWork ext
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'f3f940e07c805a24ec53142a990f3ff615227206', "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: '75c128d93985e70f142d40b435109953e9ea9f47' }, h("path", { key: '8678155daf0f14dda07b95f53afccea1bb573237', 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: 'f0a5d3895d1d046b0d17419e370f94cd5d8fffeb' }, h("path", { key: 'acf1227e8d340dcacc018624e5920c3469bd3c91', 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: 'f37e11590bd94a55153952b7a31d530259ff4e91' }, h("path", { key: '13c92779c67698db9fe04902fd0a9367db5f563c', 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: 'ed2ea9a5864c45ea0106d46d2a8fc59a41c89d4c', "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: '82fce614c066ad63b02a3036060da8427005f597' }, h("path", { key: '8ad77a277041bfd9e3006dd62f98e7125037357c', 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: '4bcc4ee0f27fad57821651900e84cc0e858887b9' }, h("path", { key: '7c5a4fe06220c988f19f3604fb809cefc76c0ea2', 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: '164379b551b9bcbd64410764ed939437d5ed036e' }, h("path", { key: '4d3ff8fe266330ad8394440adf6174494bb5a039', 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 style() { return SwirlIconWorkStyle0; }
 }, [1, "swirl-icon-work", {

package/dist/components/swirl-icon2.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlIcon = /*@__PURE__*/ proxyCustomElement(class SwirlIcon extends HTMLE
     }
     render() {
         const Tag = `swirl-icon-${this.glyph}`;
-        return (h(Host, { key: '6769fd7fdcceb78e0fedc528e89875dc5749e22e' }, h(Tag, { key: 'cc1ea0463bb11fef27d535281ae36cc01512abaa', color: this.color, size: this.size })));
+        return (h(Host, { key: '3d999f4068c7383d54e86ab740fb63820fd363d0' }, h(Tag, { key: 'c5027a1978f6b2c2bddd71d638ede4d1b45a9f67', color: this.color, size: this.size })));
     }
     static get style() { return SwirlIconStyle0; }
 }, [1, "swirl-icon", {

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

@@ -148,16 +148,16 @@ const SwirlImageGridItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGr
             "image-grid-item--has-error": this.error,
             "image-grid-item--has-overlay": this.overlay,
         });
-        return (h(Host, { key: '0c6bcd4b447faba941297b519ace2dbc03613352', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'f0cbaeec1488ce36bbadfc812171452f423f54df', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '780cec072bc1620a81f52ac32966a4e303476e9a', class: "image-grid-item__background", style: {
+        return (h(Host, { key: '9dda033e363c33b4f81fbb0865607e813bb74c0b', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '586768ce751eb0236255f9be5415a39d258cb623', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '7cb8e154e19039ed9b43cc6ad348f0a12041d6ea', 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, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: 'b7c37cb1437ec7929ca05bf740b5ec22aecf7a9c', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '3f9cce2de40260430671da73547f0f474c732861', 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: '3c456ec08abb56ac57977a3f2d68069c9a3eb936', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '59242a382cd8aadc88a07900e08c7d27c34d56d3', size: 20 })))), this.loaded &&
+            this.gifPaused ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: 'c010bdc6f6d06e5155f6837c40cfb14cb5708e50', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '2801f1473005196b97726a7b740c34ebee8abf8c', 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: '1f2f511aadcef5d3b83382162cc6852d5ae52ead', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: 'd4dbdc85a32ea4298a7657977d8886e61430b099', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: '9a250b505245d1105cb310274eb4d11b33017a92', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'c0e98ffc622eaac2e04980b8c9deb32f9d2d7e94', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: 'bcaeb86d795dea96a3f8a0c685976b2652637981', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: 'fd76676fccd708ff045bd964c83a731c4396eec0' }))), this.loaded && this.error && (h("div", { key: 'ead3911f26221dba7e02723d022ec31aba9ea85d', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '2699741b0320aeeffaef165e8a723b721f69b44f', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: 'dc47e6db0b6fb2d2eaafea3d7cfd5a0ad4c46c19', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'f512a5e8a4133ddcf85c9f359d2987d3f28e50a9', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: '1367b81fdca73d590be614098b3ee28b621d313b', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: 'ef81c100ae07a1562b7737de079add47491fb5f8' }))), this.loaded && this.error && (h("div", { key: '83f7615dff17e75e9d376e9f516c56795cbf26a1', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '0ca73373cbe736b6a8b64aa393dd8de180b7c8c5', color: "critical" }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -59,7 +59,7 @@ const SwirlImageGrid$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGrid e
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (h(Host, { key: '92be6bfd0d84823092b910ea0b5982e181b27a01' }, h("div", { key: '91147c5530fa3a04454fb4160baef420763042db', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: 'd6d8249e3f29bf6c0b8ec1cbc73f5acd03faa94d', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: 'b9e2b43b585a698366f8b9e4fe2fce41ed561084' }, h("div", { key: '1c1c570a833f8c1b245e87eec27a909f70ef5a01', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: 'ca5abfe3cb01d619c79cf298548778682464106a', onSlotchange: this.updateItems }))));
     }
     get el() { return this; }
     static get style() { return SwirlImageGridStyle0; }

package/dist/components/swirl-inline-error2.js CHANGED Viewed

@@ -41,7 +41,7 @@ const SwirlInlineError = /*@__PURE__*/ proxyCustomElement(class SwirlInlineError
     }
     render() {
         const className = classNames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: '0ef3a6d1aa6fa96f95715400d2ca98c1907d933d' }, h("span", { key: 'b64369adb258a431012ef2dc29ae96702fd19edd', class: className, part: "inline-error" }, h("span", { key: 'ce95a27a53adebaa6268a6900e4fb843eb4b1250', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '672398696feb086b42c5e03ae63fedc8be5f3979' })), h("span", { key: '75e539842b2a291c354272b417b90868b10480e4', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: '6303d15a3f9688dfb4cba1f2abeef8ebe84b8fc0' }, h("span", { key: '4c86820f5b1089c302197c7de6ccd0eb74d24dc5', class: className, part: "inline-error" }, h("span", { key: '8efe0709d23bff115d86a0e0f8adf8dbfe9ffe2f', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: 'c4d463892cdaafaefe9b295404366b0291d753aa' })), h("span", { key: '590848cd8c87f995501e87f2147b0e746151b445', class: "inline-error__message" }, this.message))));
     }
     static get style() { return SwirlInlineErrorStyle0; }
 }, [1, "swirl-inline-error", {

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

@@ -22,7 +22,7 @@ const SwirlInlineNotification$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIn
     }
     render() {
         const className = classNames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '303db56fa31cfd9019d17455e2fcaa900b67cf6f' }, h("div", { key: '1f63299479b3239865dbb4a1bb59b837cf27756e', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '2ae9009abef1a173a67ac53d88a14de06f0c2a78', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'dd8a216cbc4bcc54fde8e275e09e0742eb4a70b8', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '5b94112286b5a45acea7968484a17529ff7adf20', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'df49bf90910ce6767fe1fa81d5c6e9a22f3861ff', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'f4741e873c2311c8d502e790e7c846eebb1ea011', size: 20 }))), h("span", { key: '1a2f9fdcd71ed8635b8633b0418e483649312932', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '6fb2774206e86d97e2872a0042fdc712b18ef2a7' }, this.heading))) || (h("swirl-text", { key: 'cf455694e364a886aedea2bd8bb472536bfba1d7', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '676785a9183aecbfecd384f63e7e981087415ad6' })))));
+        return (h(Host, { key: '0e372d14fcefa989979e0f07c968ff1d20fcf62d' }, h("div", { key: '4cae444d2f0ed191d6cfb57cb6f4467c2fc3ca3c', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '4f68709d3ff703cdb76ec57164552670ee50cd9d', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '13d2dc51453d4d01c6b80e21d44b960537f51226', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'd99463365cc16460ee6b028a80acc6fb9129e6cb', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '667598591dc75b0d2bdfe03e7470983ca1723685', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '110bcecb08f4e97816825da457582ecf8964285e', size: 20 }))), h("span", { key: '5dfb85f68f9fff70eae936c13cf32d2af1677fc2', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'c275e254e93acabf27e28cef7f517b4e19d436f8' }, this.heading))) || (h("swirl-text", { key: '00c323cbd64e75f7713bc89b492786b3ea201122', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '09370d2ba66c58de2035b0382f9f18193839db24' })))));
     }
     static get style() { return SwirlInlineNotificationStyle0; }
 }, [1, "swirl-inline-notification", {

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

@@ -46,7 +46,7 @@ const SwirlInlineStatus$1 = /*@__PURE__*/ proxyCustomElement(class SwirlInlineSt
     }
     render() {
         const className = classNames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '577f58970d7a45e65bf21d50d32204a76da79f66' }, h("span", { key: 'b2d58562d89a1cc93d0119295eff64e473fe4ab4', class: className, part: "inline-status" }, this.icon && (h("span", { key: 'e03074d14afb84c0e4ff2630b80b2571bbdde6ca', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '36feb6e65ab9076404d41762cf5c9d3310cdb888', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '2399be5d627741cba2a289842457b41fc838c28a' }, h("span", { key: '3f6ad8e7b1fd303874334fccab02b942deb31ed3', class: className, part: "inline-status" }, this.icon && (h("span", { key: '9d296ed8a4c1c232f91b7f96a2e9330bbad4d5ce', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '4a027e288e1b152c732e9881ac2eb781631f7674', class: "inline-status__message" }, this.message))));
     }
     static get style() { return SwirlInlineStatusStyle0; }
 }, [1, "swirl-inline-status", {

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

@@ -325,7 +325,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLightbox ext
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'b2bae619b5d2560dbbbedbf7e374e8ff99a583c4', onKeydown: this.onKeyDown }, h("section", { key: 'f4de7113e26872d16704ab2fdadd907fda688815', "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: '63f651c47f8f84aff7c1d9c4eab069b55fe52878', class: "lightbox__body", role: "document" }, h("header", { key: '36f7a8ffda88cba07a08fb6502cb992efc2604e6', class: "lightbox__header" }, h("button", { key: '4e73a1254e1f13c156eeb644b8d56c8cd5f14d30', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '9fac642d0443761d145f29a9b45ea111bb643d25' })), h("div", { key: 'eb7c2291895fe6327b2c2835470722a9d25af498', class: "lightbox__toolbar" }, h("slot", { key: '1f549ea303ab79e59de57d453899e2ccff494853', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'fcc267d7d71cf68cb3879efcf927be5916b6af32', swirlPopover: this.menu }, h("button", { key: '1604c82cf857d4f9c347eb5f1277002bc9ffe186', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '4859aaddc1ba53132c1f655e6af39dd37d796761' }))))), h("div", { key: '2b857229d5105692523bdd7e4f90a6ad465b5b07', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '20682d5b87e7740d96d79dc64a51c03741ea0ba7', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'aeb613300f1f6c66a4b31ad0addf6eab83a2d59e', onSlotchange: this.registerSlides }))), h("div", { key: 'ac41fbfab71605a3c807d75b53a2c4d32e1b8bbd', class: "lightbox__controls" }, h("button", { key: '36e10f9c3a377f160a061757119d0e2dc9f598e9', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'ed3ac800efafd98f895ccc890c7014e2a4f2933e' })), h("button", { key: '01f08b11b163d562d34d22f70f5744cdb4f66dd1', "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: 'f49831dd4a7585d4a2238d6d62ed092e366f2a4e' }))), showPagination && (h("span", { key: '7978f8ac9fb4e52ff1e5c59dfe593956686f84cc', class: "lightbox__pagination" }, h("span", { key: 'bda33303eacb4207abaa4e6ea3c33763e21fa301', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '4c11ccbdb1de6bd3a542d1e62dc56756b0ed13e6', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'da709f1956faf30f656ba49f27438dec3289068d' }, h("div", { key: '5e05b4543de56ab2550bccc9ba1fe18e2d8517f3', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '4f184cb6875b678c4ddcf2f98b5c0fd8e36cef74', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'e34fd5f6c45c1620c2b52fc544fe4924cb0b717a', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'e9d1fe5c09d75e5aae3f0c8e5e28874b282cf690', class: "lightbox__file-info" }, h("swirl-text", { key: 'a9b5b34b8de61f3937d929a415407a9d7fc18daa', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'ac4d13979b2ebccf5eb29f7827344c3c20708a03', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '39558ad36c6592edbd25ae21c4fcd6ddd5f6dd91' }), h("swirl-action-list", { key: '255a9c3b034636dc70067f3dcf80587d668eb466' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'cda98f2996dd262eba8ceb262ebf3dabca711f7f', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '36e0b3bcd81b1cf8548d8412c69adcef63ad447f', name: "menu-items" }))))))));
+        return (h(Host, { key: '9f9449174d4e8cd07e3678cd6187d89422083e46', onKeydown: this.onKeyDown }, h("section", { key: '8320606bf2abd75897aa8f702a0d160338f2fa97', "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: '0b86e71dd6873d88719ee51d7c8afda6222b4c1f', class: "lightbox__body", role: "document" }, h("header", { key: '0b9eebcf190c7782fabf4179abaed8cb02e29e3c', class: "lightbox__header" }, h("button", { key: 'ca4b5543142456132938c7fe20ce4e5009f5f321', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'd5fbd4f9e2ddae7ea87769fdc1c53d1e34fdb85e' })), h("div", { key: 'b397ee70f6a2b875723c492ca8bac1658256c81f', class: "lightbox__toolbar" }, h("slot", { key: '17533b04b40df6a22ed9762a1c86c742ef9b9bb1', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '7b63484a1f332b5f9c37c8188c3bef8d4875c098', swirlPopover: this.menu }, h("button", { key: '0d0ecb3be991f494a3c1db2fedd8692fcbb57d64', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '3b3a811fff438a4089ae64c99b1391d96f3e1135' }))))), h("div", { key: '0c130b12dc1d74520662b8514a9afb91fa3d4214', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '0f281f709da245e9ebd4746d4c38687a687dfdbd', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '42023c9f5c97bb36b3eff1c134029b965fff18b4', onSlotchange: this.registerSlides }))), h("div", { key: 'e7e2b7b3e273a9a14c5be0c40aeba53b3a1d33b5', class: "lightbox__controls" }, h("button", { key: 'f352ef97eb19023aa6e50254b8afca94d856bae9', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '17acef349bb7331f96715d673527b51ebbda92d1' })), h("button", { key: '9085189a2b63a0a563d7e3bdf1ef913a60e132c2', "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: '53ebe0ec4bdc6bedf86663087405a3401c2ecd00' }))), showPagination && (h("span", { key: '8b87bd06ba33fbcb5767afc0c2129c931b3f8bee', class: "lightbox__pagination" }, h("span", { key: '28911228f3069f9ef7f8c8f6cc0115eb9bebcdf2', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '6ab8a053ede2527e78e3e7a611d7922ed5075496', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '18cf6c06f410f1c405952a7bb67a04cf7c633797' }, h("div", { key: '6ea30b2f8ab3518d071dbf5430bee8493b338310', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'b9d803684da8207d6c94dab349cbbd2532fd89ad', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '0a5cfa4658cb0891d908d440a92c2bbeca870f89', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'cc307dc3e5dd2dbfe408ef3c86872fe11246dd76', class: "lightbox__file-info" }, h("swirl-text", { key: '4ed4fb3d8e5ef67a9ca789542a84666ad7243163', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'ef6702872b79e4d0614e7371afe143560c6d0b16', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '7231adde8c6efa4fac8afa6f3b3629cfbc3c9907' }), h("swirl-action-list", { key: 'f6f2f0126c883b6627bf49a00302b1f0daf9d27e' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c461a98b640d0b3f4c0abff4326b4a2e2d269d8f', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'ad119acbc1e57b54c699f411c2c1210fb55f90c0', name: "menu-items" }))))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -16,7 +16,7 @@ const SwirlLink$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLink extends HTM
     }
     render() {
         const className = classNames("link", `link--color-${this.color}`);
-        return (h(Host, { key: 'bfb4a2f523af6c9aba652651ab166f38285626cd' }, h("a", { key: 'bed65c7adfc56617cb8179b361c5425b6c2256a6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '8b276b12968034b35d2b39a6b8544535d78e06ed' }, h("a", { key: '48d365eab74bc1f83da3ccbffcf2fbb566933b05', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get style() { return SwirlLinkStyle0; }
 }, [1, "swirl-link", {

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

@@ -15,7 +15,7 @@ const SwirlList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlList extends HTM
         }
     }
     render() {
-        return (h(Host, { key: '1b4fc4d6df961d2d93bc0107f2e566f540ad15c9' }, h("div", { key: 'e78bbfc034056b509d65868448fe42e801190691', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '04bb4f61b3c8877d59abb8c3d0f4d5e4888f104f' }))));
+        return (h(Host, { key: '285869f2aebecb747fa3659866fee1a72ff0aaaa' }, h("div", { key: '08c2f5c65e23b63dde99ad4f93ddae229a3a218b', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'c231fe1d95f4565e628128297fbddd9d8b2f18f7' }))));
     }
     static get style() { return SwirlListStyle0; }
 }, [4, "swirl-list"]);

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

@@ -125,9 +125,9 @@ const SwirlMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenuItem ext
         const className = classNames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '518d983a0daac39e551f9c8e432901899b54719a' }, h("div", { key: 'fd5e33da6431b6e126035f7e47bb9f7093cda15c', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: 'c308a9fc7e9867392953014210f6171f3c7af880' }, h("div", { key: '28309dd3e28259933733cf7e6e9014f50e5e7a03', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '7074af5568c9df09939c8ddfab7a7cf0efc2cd58', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '1a7f772e43c16b6178e03fdd84464dc6b555c553', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -298,7 +298,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '528cc9804ecf8690d23af1ad6a82b61ad43f1adb' }, h("div", { key: 'eeefec6056e7fc258f22f833c8199a31ca212dcd', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '4e16eccc358a48fc631d6532970f5e8ca7aeecfb', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'f889ac3ff532528087e4e5db9d1d80f848e0035d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'd126d6cd43b204717d06f7364ebefca2466adada', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '9f0e167a2f32bd3bd60b7cb97c40cb76e1af3161', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'a96ceae94348042de01256b3d5204125e8726764', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '60389ffb8867d874baa53d90f591d2acb18777d2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'b6866e04ae8a1268b7936429ce217a125011306f', "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: 'a9a6d23b817d8fe68e747400a69275fbbef0b2a5' }, h("div", { key: '8af753ae3070407da08e969c3f0590f714bdc47f', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ff1caaedf503275b1b5894c6997c82e012fdddb0', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '37c2ec4f45d11b466802f72e75ec8dc23ee07e72', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '06ff137930e5b6f4778d232696a1ea5bb9c97fac', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '2ef593767ea127710f8c9adc33bebe6d1cdf6bb2', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'a1d79bda33c6fcaf39eceb12dcf16e4dfed76fea', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'ba4285cc640cc0d222f7eb7b3431c6957d259c1e', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'fecee80722bc7f06c832cda0911c43d6e18ad765', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -309,7 +309,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '9dc98790e16a29a2c02f7b25c19bf10a29ed1891' })))));
+                    : undefined }, h("slot", { key: 'd2b2e67fc903edcbdb62fada84d1be2ea2917f4d' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -232,21 +232,21 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: 'aec418b418bd08f4f9f9c43a94418addb144fa2e' }, h("section", { key: '843975dec3e763ab2440253435164ec23b7dabb6', "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: '7644f19a4992014fbab97036aac7a1e968afd215', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'b7d6307b15a51442015ffc65eba4811bccd35533', class: "modal__body", style: {
+        return (h(Host, { key: '86c6f75b6de310e3c8718c1496abcbbc2b2ae4ef' }, h("section", { key: '305b83da19ac070fbd8b08b139c97eb6aea5f7dc', "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: 'be19999f6cfe2ec369276caef9476f0baa3209d0', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '1bdd2f01b020cfe42da6e1c3580ea0605f0ac530', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("aside", { key: '6c51ad1aabe235993f45f64d507a1e4a2fc80856', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '8853e05c50cc9be95c6720dec137b6c24d92941a', class: "modal__sidebar-header" }, h("swirl-heading", { key: 'd0f95a1726b846f5ab98bcd2554f9a17c00af466', as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel }))), h("div", { key: '28265dc624ebe255ba75de9fe93a6d71e43bc77a', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '36c5dcc1fcb62a47bda0f3f316207ab107532377', name: "sidebar-content" })), h("div", { key: '6b1cdf5d225e8050b2b66a47f1209bd6f1eaf6d2', class: "modal__sidebar-footer" }, h("slot", { key: '3eb038cb420eb837158697fcf9d128f881e2284e', name: "sidebar-footer" }))), h("div", { key: 'b78310163eff4c512841a31ec0039c50f5b93238', class: "modal__main-content" }, h("header", { key: 'eb70fdff54e7d905ace3271e15f5f3aaae64b2fd', class: "modal__custom-header" }, h("slot", { key: 'c9be866c718e002f60285e62142bc62b40d3ba05', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '1efae1ab6fe93485d68a7c655c7cf706a5690c55', class: "modal__header" }, h("div", { key: '4237aa094d7779c1c647c0d2146ecd5be7743880', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '179103c9c5a40a87315fd49022dc6df91682f638', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("aside", { key: 'c516bedc53f64bfbd255275735940db2e0d06df0', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '7becdfe335bfb9f57a7d1924fce5673d08f705f5', class: "modal__sidebar-header" }, h("swirl-heading", { key: '4aa7d5089b1210b2faaa2e54dc1a7e50a53338b2', as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel }))), h("div", { key: '2e80c44664a2b0de3409b099616d28551a934d15', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '0b9d67d4650421811b55b5b081143c634b389f9d', name: "sidebar-content" })), h("div", { key: '4df7ec9cd81ba0760376aa84bd425ffba3f9f82a', class: "modal__sidebar-footer" }, h("slot", { key: '8cc197c426a6e133e9ed4bfdd556c3ddcd78d930', name: "sidebar-footer" }))), h("div", { key: '9cbcbe92bd740e85dc0726c67d41361ba9f0e78b', class: "modal__main-content" }, h("header", { key: '00d24b87643cfca4b1dd497a2e8ae3fb4b23c1ec', class: "modal__custom-header" }, h("slot", { key: '67ef18cbb7356e62c691a3b097ec2200ec57f977', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'f2fdfbbbf7ba83f99507ca316eadfa4d2a87b5ec', class: "modal__header" }, h("div", { key: '4e2e45ebf9a11024df589fed401a720839df6cd8', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '0eddedd97d71caaf2f162bd4b5c4dd53f611fe47', 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: '984516bc559cedb9dbcf67aed0aa8b4539edc3de', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'd02275111bb33c4d4f8f0f74eb3bc7f8d0b4ae26', 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: 'a6d69412764c53c41c45468a84fbc40ea7d85f01', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '2505c71ba22aa58bba3e42a4c4bd2566a64fd84d', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'e8dc0c23d4f05ea777ae5d29a6141d3aaf07ee27', class: "modal__primary-content", style: {
+            } }, h("div", { key: '3e9e9970bb1c424c5bd7dedb4e6c9df06d6c7fdc', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '2f678bafc779c8be76eea7cbc11812ca49c9ec48', class: "modal__header-tools" }, h("slot", { key: 'fec0f00564b96559f4bea908d408720fc8f830c7', name: "header-tools" })), h("div", { key: 'bb57e7c6dd6fc6c095ca43e6d64de901eb7d1b04', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'ac1e587f9d4206f7814c4a6ab8bbb71d220f8db0' }))), h("div", { key: 'c7e1c375d0da3a62a908e796517cd10f1b235c33', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '91c4cbab2f857801169d0720141b98eb23d861cd', class: "modal__header-tools" }, h("slot", { key: 'a4a4ba517c2ebe5ab21b5716280890ee1f6ea122', name: "header-tools" })), h("div", { key: 'd8864a2cb8e4b95834600ccad913ffb836002433', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '5a02790ce4d07c4a61fa12bb217fc54c61640008' }))), h("div", { key: '666722323c12677b0534d29d8b6ccd231e69236e', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -264,7 +264,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '8815b4ac74a0c2cf9b3cc74d77ff210b414015e4', name: "secondary-content" }))), h("div", { key: 'ae1e2c930dae5fa68678d23724547a35d456c2d5', class: "modal__custom-footer" }, h("slot", { key: 'ae91dccae3ee6e740423d5ffe18c99251230fc90', name: "custom-footer" })), showControls && (h("footer", { key: '8ba9065b73ea307a6632991b40a426646ba072c7', class: "modal__controls" }, h("swirl-button-group", { key: '7b0bd5ff64638c22e42c1a591860c87386c31c8a', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '5444e1ee2b1bd3571e936118777a9bac204a6b33', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '89ec9f8252df7eaf7679ee45e17bed4b75e7ab91', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '6c53741ce3e006cfc2bca293fcee71900b038cb3', name: "secondary-content" }))), h("div", { key: 'd521bfb64a4723ca6b4ccedf3174c56df12279a1', class: "modal__custom-footer" }, h("slot", { key: 'b08efd8d371278df24ea55da69485ebcb1d32540', name: "custom-footer" })), showControls && (h("footer", { key: '3f841a17a178d331a2908d892b71590860e445b3', class: "modal__controls" }, h("swirl-button-group", { key: '46c7d1a4aa3687de9770bf89d37e29c05a861eb2', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'a0ab164c3dc2dbdd2c74ca70db6b22d6274f0eb2', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'e75e5d2dec79738b5355f2387969ac7c95548e52', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return this; }
     static get style() { return SwirlModalStyle0; }

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

@@ -78,9 +78,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'a3ed4030f6f673ac693ee368f1585f0e96369f13' }, h("div", { key: '5a3e260ec06063550bba0729cdd3edb38e5fa99c', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: '39868b8aa645077d44805ff5cfdf7ac90f70c72e' }, h("div", { key: '8bb024f187cc7a5d4406a03bd45462e78012b7ea', "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: 'c0b285b45540c82dd0e78fc9109dfe63a922d1a7', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '78735cfb8d66ac84a5d815048fdb2398b938a246', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '9a0e1627560561a6528602c778bbe910e97201ff', class: "option-list-item__checkbox" }, h("span", { key: 'c7ef91f69b837b7aea5b3a125361913cbad9f457', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'f346b6a905e993cb10e3b049fbb4f03798710a3c', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '1b9cf404e5170ef6294b66f8ad806ee4cbc931a7', class: "option-list-item__avatar" }, h("slot", { key: '4313ffa2a14bf61df9e9ccbe3706c1e909cf82e7', name: "avatar" })), h("span", { key: 'cc6bd17db8bb2a1077c7a991a99877e5dad9e770', class: "option-list-item__label-container" }, h("span", { key: '08a2850f3c224c26b1699150c4c92efc4a9b2501', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'dbd3a5cceefc1e728c01aec420fab4f39a9964e6', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '2762a73e6567bcdde153df250bcb0db0362ebb57', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '69da19a4478d1877e513501b8f36c3d733fc5a44', size: this.iconSize })))), this.allowDrag && (h("button", { key: '5653edb881a82ea8d73802a1018ef66fd9920107', "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: 'ea0a15244c286d9bad08acae57306ed37ac9e525', 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: '870ec712e5c919f597ced29ea96bbb96ccfeeec8', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '87cee0a02c85f9dadeb79fb3cbcab816383957fd', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'a2e36cf19747fb1444a03ee6b1dc5627ac9d4e4e', class: "option-list-item__checkbox" }, h("span", { key: '25ac4306dc53759573849bfdc0660168996624aa', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '4e1ad6bde42a26fef90122c3589af6ff491d0725', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '4a54464f7ba4924cc9dd2de96608ffccb4ebab38', class: "option-list-item__avatar" }, h("slot", { key: 'b62e3d6f5cb320e21f7c1f8d35bba10a24b8ff8e', name: "avatar" })), h("span", { key: 'f301ce197c2f57aaed3565700c0974b94b43b037', class: "option-list-item__label-container" }, h("span", { key: '256b64e8ea854ac0c8964a3d074d473108ca2058', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '2223bb1342f2ffac564a7bb113003dab4da0854b', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'cbc1f63a61fedbc05fe8ad14ae1076d2e3386866', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'f765590c54db92991369ac77e52cd7e6e083b53b', size: this.iconSize })))), this.allowDrag && (h("button", { key: '246748eba0f6f3468c8dfe64a6464684eee7122d', "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: '7c3834f3b560962871da95cd3d41469fc453386d', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlOptionListItemStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlOptionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlOpt
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'f2c9fbc389e506b98ce2c7235624be0725fff5f0' }, this.hasSeparator && (h("swirl-separator", { key: 'cdb8ad7962b90c409655cab1c68214e45ee58021', spacing: this.separatorSpacing })), h("div", { key: 'a1ab529bce3283a2e5b6297a3d8dc0aa804d0305', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'cf59434d2ebfeaababf028ad6093cb11b26d1f3d', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '823069638f8df03243a07b1e72f77089ad69aad5', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'fe94115993c24004db5f6c59313c1d137127fd0f' })))));
+        return (h(Host, { key: 'e99fbd8cc5f028e94ee9fa7ff3b48fe65eb0379d' }, this.hasSeparator && (h("swirl-separator", { key: 'a989e3fea9fbb74a08afaec3689be6ddc8fed766', spacing: this.separatorSpacing })), h("div", { key: 'b097b691b05cba551d24933b16c508a419b33cb2', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'f3621a3844c0a2a30d0f1ae145476a2339e7d588', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '02c6008401c808aea28fdbd96879990038d2a386', spacing: this.spacing, align: "stretch" }, h("slot", { key: '547823346390ea32380b902c059c1c3dc8c11b32' })))));
     }
     static get style() { return SwirlOptionListSectionStyle0; }
 }, [1, "swirl-option-list-section", {

package/dist/components/swirl-option-list2.js CHANGED Viewed

@@ -349,7 +349,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: 'e2043eae31b5fa8b1b2bbb8f02b145cbcd734eea' }, h("swirl-visually-hidden", { key: 'f30357419f086fcef2398256f8b9feb15bd04500', role: "alert" }, this.assistiveText), h("div", { key: 'cc212004c477726f7f1169647ea7220067dff118', "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: '2c8686f965a824cd752860715db99b1810b59d26', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '26a2012804a409318008a6183767a1b8c938e80d' }, h("swirl-visually-hidden", { key: 'bf8687c2be6746e40e8ccab834f463af02a26208', role: "alert" }, this.assistiveText), h("div", { key: '718c674e95755b47b48e811ab71073972b0263eb', "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: '4de006ae871e2d3b1010289beec6e51dc454a43f', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -95,7 +95,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(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: 'a3cb9e7cd76d1f76cc06d2485e1c4e1bc47a0b67' }, h("nav", { key: '11a4884abac7202c8e9aff0d955acf73f0b235b2', "aria-label": this.label, class: className }, h("ul", { key: '07633c9642741dfbc7a2f77c86912ec9cc38e338', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'e780349f66aa4a99167cca4a67debc373381ccb5', class: "pagination__list-item" }, h("label", { key: '3ff1dc0281bae67e6c7fa8e8606b6197acf61a85', class: "pagination__page-size-selection" }, h("swirl-text", { key: '1334e3edc128113b8fa13d868104257040fbb8d0', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'fa114d9a9db8606363ddb43bd2b15a52f9068de7', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '457b8dd9377c211b23a28310ad6728eecf352798', 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: '2522b23e00cc26171f7cdaac3243445a908a2801', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'e98d43c0c4cb744052ab6b2af92eae98777e7461', class: "pagination__list-item" }, h("swirl-button", { key: '3a14f9ce9042c9390fb63ac302e21e815e432621', 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: '26e00391832715aa7fde35e787f927d8639d0058', class: "pagination__list-item" }, h("swirl-button", { key: '23cd8fd415f10875a9edf2d00940784f05285f0c', 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: '1b9a2ee02471bf57dc9e0a024ba20cee9348432b', class: "pagination__list-item" }, h("swirl-button", { key: '9fd82663fbcbf84869e04149d9856331166af354', 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: '595e2f8beffb2a3e27dedb41c17e0b7592999f7f', class: "pagination__list-item" }, h("swirl-button", { key: '13607971f38bacdb9bc2688075fa786f40fe6e50', 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: '84da59d062173605db91d1f72d9706aec9588d4f' }, h("nav", { key: '48d208cefad2385ae7acd8684c217976a885c10c', "aria-label": this.label, class: className }, h("ul", { key: '66e23bb51076416401b9ade13422dab37d3e8e0b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '408728e3e75b2601a520bf6839db229e16cd53de', class: "pagination__list-item" }, h("label", { key: 'dc355e2bd8188a4d9ca2466ad447de5444ab48e4', class: "pagination__page-size-selection" }, h("swirl-text", { key: '461b7edbce179efc09e5e0984d65ae41c9ae78bb', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f5e43e13a30e82d632b18ab9827f1c5375d44ba9', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '6d02a992675e54b3d55de4e55821cbd39d2e9e48', 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: '33bb9594ff0aab4508ef5b2c7950e0a8805454d8', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '469b0a360208a4168c9d85cf392503a957f083a5', class: "pagination__list-item" }, h("swirl-button", { key: '189251e369955b1d270b6bd4214c9ff1285917d1', 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: 'd86b48d2c5058b25bd801d98f0c7de9d1d2c58c8', class: "pagination__list-item" }, h("swirl-button", { key: '3694fdb107b3e4dd46a2ef516cfb593728f6995c', 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: '75fdc6ca0d05d0a149841ac1ab496eadd12d13ea', class: "pagination__list-item" }, h("swirl-button", { key: '1dcc344b3457dbfbbfdfd7d2c2e371e0df9ba72b', 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: '02dcd257fcb5fe83a0dbe2502504fa4fef78c8f4', class: "pagination__list-item" }, h("swirl-button", { key: '527c5f16f804a7a1c6b393860e1b0e6af144cb6f', 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 style() { return SwirlPaginationStyle0; }
 }, [1, "swirl-pagination", {

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

@@ -218,15 +218,15 @@ const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader e
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'fb14aa72b63a360ad10c910e1c2b6f0edc6582ce' }, h("section", { key: '31cb4facefa0b3dd1fbda4001bb18e5f1a1433e3', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'c7de5c36c886dc6ec136fe4a91bb4c152eec5702', class: "pdf-reader__body", role: "document" }, h("header", { key: '28f23acfab891d85e2e0c1622bf43a60e5a4d600', class: "pdf-reader__header" }, h("span", { key: '2b3d082e2b76e8c6fd982ecd57bec1191a9fa881', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'fada3b18b77fb3f866f79b74b41df59f00ee6392', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '90fa802d24261f29b4d6091a72df9a675a765060', class: "pdf-reader__label" }, this.label)), h("span", { key: '68a190322ed2107464d60dc04dc18eb34120e662', class: "pdf-reader__header-center" }, h("span", { key: 'e852bf3c3197d629ad984e3cf2904f2e7855a5e1', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '013ac01bbd165c35413052b356ba1ba29100a078', 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: '8a83965108d95dfd9dfb8ac58f20c6f847250b89', 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: '2e25849b082f6b356e2d881d2dbc01d3b26ec450', class: "pdf-reader__zoom-select-container" }, h("select", { key: '2f92c46c48db3a476d76200885aad3bcf16d37f4', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'd73b3c2b83392dcd5511fe78e814fd897e98f1b6', 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: '98fc9e00c9cbf3815aabd4cc0c4aec31bc61f92c', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'c666ef4f96fe4101aae6748f2040f9794f5009ee', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '67be5ff65bbdb39113013408c409fe28d7e610be', swirlPopover: this.menu }, h("swirl-button", { key: '62ec853f91d884b485dc16935654b0c0fc875d4b', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '3c719e417ffc830d12534a56b059922067a31f65', class: "pdf-reader__floating-tools" }, h("button", { key: '16798b2cd3f5afafa045d6a5922e1460ebcf099c', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '6d9e974910b7bc17811945038f1f0935adabb0b9' })), h("button", { key: '6ed3d07bf9fa2d7ac0ccf502aa2aafbd64ca8af4', "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: '10861880efe661dff01fc9c3c8b0bbe0f6a99f33' })))), h("div", { key: '7f0e2db1854b5d4ce8b4bc7b840d1586211159e7', class: "pdf-reader__content" }, h("nav", { key: 'd8a65cce7279b4ff19874aa96a03a5ad714fe1a7', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '105bc23154f5673de9fb831f2e0fc5b419263486' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '0c755bdaa575b851db01ec53e6eea6949686a53a' }, h("section", { key: '13466947b741f6ad0cc61357f6c5b823a2146cf3', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '4a8cab1c92208a7f1a5873493a3525997334bff2', class: "pdf-reader__body", role: "document" }, h("header", { key: 'd5e057914d5c4e5f88f0dd515cb92724157ab7e2', class: "pdf-reader__header" }, h("span", { key: 'e759d1ef16205a29d00979005f1cc77336327afb', class: "pdf-reader__header-left" }, h("swirl-button", { key: '0d2a961095e74ce1f50b867d05231af1ae71bb75', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '9994a87d3f8bb533b57d26da6cd18ffdb06075b9', class: "pdf-reader__label" }, this.label)), h("span", { key: '4d8ce906f6582646f9b63f64b113f4909f4623ae', class: "pdf-reader__header-center" }, h("span", { key: '5640edd18d2be3b2e9140aa14274f907b42565c8', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '73060ab8d4999555235a51771b523fdd6b087f2c', 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: '9813650423eb27c39bb3aae07a5935eb9f416c3e', 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: '590508467bc360fedd4b94707a967265576bad06', class: "pdf-reader__zoom-select-container" }, h("select", { key: '07d269f933e559414f430e8396f0fc8b1ef79040', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'abddf4e04a32c2e87bad1282ef5fad2f2872449b', 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: '672daaf19d1d9c3ce85a41042ec5b49fa45ca575', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '87059ca355ba1d3586bf05a6b0af8014529a8b84', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '8165ddbd5dbe47ecdbe469eabf33bbcd98637a46', swirlPopover: this.menu }, h("swirl-button", { key: 'dd4a7b0f4cf33f51c0fcbdb40fea3c12ed041847', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'f689c6c8d83fc0f7820ae3f2d4cda7837b48024b', class: "pdf-reader__floating-tools" }, h("button", { key: '81ca0e07bafdbf5b72aea599e6667139b29a34c3', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '217488abea5d95b9edd649f327600a94f4cc6960' })), h("button", { key: '4ba7f4de9d0381f64557ffb453ea174973dedede', "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: '437e97ca474028d06b0bfede56208d0a4c353507' })))), h("div", { key: 'f192e63ccc82bb4f0d4a7a9fb32ceda5f8c7c3a6', class: "pdf-reader__content" }, h("nav", { key: 'f13db656da643f6dc09942fd7315813bebd08851', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '29d6196d06c3b5a9eb2e20ba62b3e8d0383afa61' }), !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: '49dfc9b579ce0a981c97db475ddaab42fb66ed13', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'f080da9e7dac03f5ddc04b0878e55933d40dae7b', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '12304350fd30693d733692584718a53354b0d4c1', "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: 'da979e0216ab15f7bfcaf6497316e715664aeb5f', "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: '43ec831d93eedbbfac0e636872c2628413368b49' })), h("button", { key: '30454f01c314117b09967c7057bb98aa08419582', "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: '77d32947fc872e2ccc70ca2394a6c32fd1afe27f' }))))), h("swirl-popover", { key: '0736410dd26c86da70d3aa1803a4297758b2b08f', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'dfa3c3bb20686f92a4bfccb8fc5c3f54a95f135d' }, h("div", { key: '69d836eff15f6ff82a85e9a240adf7bdf54f211b', class: "pdf-reader__meta" }, h("div", { key: '8fe596769ad9a01d75220d4f90197fa94cd91865', class: "pdf-reader__file-icon" }, h("svg", { key: '1dadd3a4ebd7b7cfb25ca8bf3718c58aef99a792', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '01352485671418a2358b4f4ac4d94e920e396742', 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: '5246c57f18d0516f51bd5810efa74dbd8628f9a2', 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: 'ec09d12de70d341ab706665dc925ca0e44bf871e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '73bded16dfe8c2e0d5e0c0a0dc3f41174eed71af', 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: 'ad1591eb4dc04e264fcc9306a192924d8ccc7784', 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: 'f7921af91be14a36c54567a6bf3957c202206a51', 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: '0096eed7e7c9fda306127e1687566f6ffcf56b3a', 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: '76dce5c98740df68dcab0a93ae1bd7a4dc6b251d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '7d87be3b6bd8892b11fe341b7050195b33089175', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'ad398de404807ad55a654b5d9552c0347c9507f0', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '6200411c83e4b5dafd6acd416ae1b7da582ccd05', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '0fa54080079a43a02c45f2d98582907dcc9b95e7' }), h("swirl-action-list", { key: 'bc4396f76bbed28b4f9c01b82a1d8b38146f6283', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '0df2a7fc5830a3f4b3a71717996bb8d947be25ba', 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: '0cbe46f96e16d86e9c4bb2feb27e25b3dfb908b4', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '7c8ae47f37f36db80d9330e954738cf666988710', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '6e55bb47076d9a4c2aac811dc8662952a0e961d9', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '7feffb6d7a80b8934eb344cba9c318dbca6643f5', "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: 'f23e77a23819394ba0dca91ed9d9c9c6bde15a0e', "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: '402bb24da702f44e938f6ace8454994927c68886' })), h("button", { key: 'cf45c0c991d5eada5ba844003d1560f9dae3e561', "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: '55ab2968f13598ea54aeec1e354b0a313b4e89a2' }))))), h("swirl-popover", { key: 'e7577848fd14cb33486fdbe2fc956f8d780b22d7', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'efbe0a392dcc451dd7d85f662aa606bd9e5d9e05' }, h("div", { key: '5a9f13fcf2e8289420223e1dc84089369a6cdc14', class: "pdf-reader__meta" }, h("div", { key: '06b5669647a6904d994451f0bcb227a69e1102e2', class: "pdf-reader__file-icon" }, h("svg", { key: '06d33f34adce92e557d68ce6392e47ee474dda5f', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'fc1c10d843e6deb3c81f9d6d5f2360cb3cfcae8f', 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: '06daf3d53d6d4a6f88ea4c76a24b71a9a2c3b580', 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: 'd4d1d197fef9bc07977b80a168ee2012646c340d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'bf3286b598fc7758d4f76e6a6e29b4c77380eefd', 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: 'efa326122bb3b01e35f106ded8291c21a948cb6c', 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: '9a6b73133ff5ce12985d2d2c79a0c78f1f7fa6ff', 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: '9afd02448f2bd53bbe524ef18ff00baf5ed435ff', 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: '9be342c18adcaeb8f5a21c79d74ac77e7eb24d09', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '4e06a1f34f6ed34b4269e0f0f71baa4183f0b191', class: "pdf-reader__file-info" }, h("swirl-text", { key: '16e3d571666f83befb94e1dca22bcf76b98f23bf', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'afb8aadea5698784fe4b2aff6aa0853f482f96eb', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '09fd7ed3feb280a2ba394db0d6296c5de3af2c2b' }), h("swirl-action-list", { key: '13de96e4138bf536e99d616d9cb5366e3ecf2804', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '9c3382bd56c690ef57ea7120ec76c7d750f8e702', 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: '05fd3099758d075c4da87f52cfe2cc6f21c260d4', 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: 'ebb5bea09f3cf70c5a2358beb467caa677e59dbc', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '263a5861b1e9f7098a5c2d53bc6555c8c87fa5bc', name: "menu-items" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -164,7 +164,7 @@ const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverT
         return isActive;
     }
     render() {
-        return (h(Host, { key: '34f9eab33b76ef0c321bdd3d7d00e20933dfe205', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'f5f7ac9f22d77ace1a92795a0e727cb38f7890f5' })));
+        return (h(Host, { key: 'c38e0765189224172365f666babfe44a95e307c6', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'e8756b1d9888bac3f12ffc12591e62ad3c572d1f' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover2.js CHANGED Viewed

@@ -267,14 +267,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '47c03a80ed4ccc6fc36987cf826ab2c65e5cf0d1' }, h("div", { key: '75d3d43daae540e200d4959d54c19391c3c54908', class: className, onKeyDown: this.onKeydown }, h("div", { key: '7f6cc45ecfccdb7b41614f4817b11cd67d7633cb', "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: 'cbb60ed5940577e10bc5fc902c753ebd45906372' }, h("div", { key: '026d18a7b495a4a79e2c2fa720cd97032d3dbcae', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4b0324e4a34100e96540c8a504efcea4de74de4e', "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: '514ca732322db8bb33b439dd1535ef71f105b892', class: "popover__handle" }), h("div", { key: 'c6208612dd6f107f938da2efdbb30372633330c7', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '545a62bbcc4b125ed17db257692477bd1f864fef', class: "popover__handle" }), h("div", { key: '79affb1ea53e60027a9c0a872cc0b0868a47acdc', 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: 'a4f2e917b5d1e0b65208433d2cd7a1b217b65200' }))), this.active && (h("div", { key: 'c64f347de34b77ab17d7f89e211f04d1dcfbf38e', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '04a4bb2710fdcf19bccbf43dfac6b1e970b34e9e' }))), this.active && (h("div", { key: 'f6a04e25d55ed012ec969ab95a0f86941976a7c0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return SwirlPopoverStyle0; }

package/dist/components/swirl-progress-indicator2.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
         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: 'e1b7594f28feff3d7ddac6e20cfa699fc7604e14', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'c13334365f745693c71bf480c0a1df0b6ce420cf', "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: '7f5d649b339d362a8bf5fe375fc6ae515ef1042e', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '7db4425dca9d6bd4a660879aec2b7307f7e02279', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'dd1c3f1b48b27a7862b31effcc36796def5718a8', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'f0cb86b5b3681d12eac03a8f12b05ea38d291ab3', 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: '12b03c2c018eda63c35042beff2df6f1abb124a9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'ac776d96cc6855d3243bcdf8e109ad10e03479d8', "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: 'accabbe193d90384a655280826fe6b668af21478', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '4ea8388334a6bce14f0d3cdd7e5ca2188fba64d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f9f929a64b08b0a2e3ce5184de3dfd9cc523867b', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '91d150531c699e223691d787c78a475dc8abc296', 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 style() { return SwirlProgressIndicatorStyle0; }
 }, [1, "swirl-progress-indicator", {

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

@@ -44,7 +44,7 @@ const SwirlRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadioGroup
         }
     }
     render() {
-        return (h(Host, { key: 'd0fa7aebdb9ad9c8efcc95aebd50adfb8e843e83', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'e33f5288a0271b084da2cf8a9e44d857cdfa1877', class: "radio-group" }, h("slot", { key: '3d3b5a9d5635a298bbb1fad864bc9542919549ba' }))));
+        return (h(Host, { key: '097d6c4ecbf55f8e9cee56a5d04f2f4fa2dba40a', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '59aa472957618e567ac8b246b99d0ea4a637ddf3', class: "radio-group" }, h("slot", { key: '0f7672f7546a4e3c36655732c77aef97287e361f' }))));
     }
     get el() { return this; }
     static get style() { return SwirlRadioGroupStyle0; }

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

@@ -47,7 +47,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'b896684a3cb0f5136bc97ceab58867defd5481af', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '6f6c9ae36132284baaf1de1758b703599bf9a43f', class: className, htmlFor: this.inputId }, h("span", { key: '346d19d56545398526a443fd73b8af2fd093c562', class: "radio__control" }, h("swirl-visually-hidden", { key: '93e5ead5a00652006a7f786fde9a359bc33e60bd' }, h("input", { key: '9baa74be42e19c7d4dc816e925a65eb041e40d28', "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: 'dda3235c37b934f0af7dfffdfd4b0bd9dcd6f183', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'e5a7c0aa8c62d5960e7d95761f49f6ccc5f61227', class: "radio__label-container" }, this.label && (h("span", { key: 'cbe24d461a727097b9dd67308aaf6a9b9b43954a', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '374193cd23608d5bdbee53e1478833c7abd575d7', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'c9460ec3a3250e78e4dc069b13c8cd935258ceee', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '00adbc42a17fa7d9b36da9095a91fa7c87ee07b3', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '45d23085a89c549a0e30185c9394c31dc5a0259a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '993ff8f016b074d5ded0c8011b2473a23d993e48', class: className, htmlFor: this.inputId }, h("span", { key: '2c85e0356b82476ab98f91b7e3d43faa580aa816', class: "radio__control" }, h("swirl-visually-hidden", { key: '6d5dd1aab7076008c2b5faaac55e16da89e879cd' }, h("input", { key: 'd51aaf1dbd7d7105f65cadae2aa4044f8427664d', "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: '333e476073c4b5d65a81066b0eec4960bfd8a3e0', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'ba46a5362e4e89e53f5f8ba28b8d41640fc6aeec', class: "radio__label-container" }, this.label && (h("span", { key: '415f6bd23393935e0ee37b86c4ba0eb3ed777bd7', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '280c027a195fbf94dd39f7cc8d71a6be1530ac4b', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '14ca29fbb9c23f654f8b43edc5b7866f6d59c78f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '750556bd721caefa5b0e6a1a0a2ec8f54799aad1', class: "radio__description", innerHTML: this.description }))))));
     }
     static get style() { return SwirlRadioStyle0; }
 }, [2, "swirl-radio", {

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

@@ -49,7 +49,7 @@ const SwirlResourceListFileItem$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
         const className = classNames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '6976c87c4946275229042a905073a1a826b34114', role: "row" }, h("div", { key: 'f0ecef2b42f1b2abc04b21dad717c2729c5881c2', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '15a61bc76e585acd7dc1d6eb7a99b8906d7225f3', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '9e3f255eda4eee902a0523ca6e84eb35db63ba02', class: "resource-list-file-item__label-container" }, h("span", { key: '867b16891d8012d3528043f8ad07c57cbd84ddb6', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '1bb7706cf81bc7d1d81bddb3c076c40ee90a5b0a', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'ba00e3bf24f297839508399b71be40af0676be7c', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '86ce87704ea62bdc5aa1f365fee7f2885ba200e8', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '7811aa561a75124cb03a9ba59e01094e8c83de72', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '308acb3ac9fc8a79a8d519f14f54c24f2891e717', size: "s" }))), showRemoveButton && (h("span", { key: '0a33db97789a06cb43625a878b2cdf78fef76f46', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '2f00a488b53b936ccd0a26dc773b06e3764bb34f', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '57f351b75f6a17468515ded3dc020fb892f5a05e', role: "row" }, h("div", { key: '01d2ceb6b508def030e209dffaea8d179558ae22', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '5e1c100b507ead5ea821e28fead23e6ad3ac5721', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '5c36e020e3220f80adec0b33406bc206efea537d', class: "resource-list-file-item__label-container" }, h("span", { key: '4c6ae0436f5ff449cbd4dae470c89d2958810bbc', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '87acf221a97fc580a2e59145486ae547f7946ed6', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'becead6e4c48d9e45a71e8caaf8a85d4024887a7', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '3ce3ec28d854de45ab1b1c60563209e0f667a2f3', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'd36050f3d8abd5738a159dabc677bf5269e26e3a', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '807cefc4c13f873a04f723f3dcbaa604d8f51589', size: "s" }))), showRemoveButton && (h("span", { key: '620a458b8d80b2608c0f0d1ceda7ba825b62042e', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'e689fbaa53a4852013cd7bfe24118fc9898184be', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get style() { return SwirlResourceListFileItemStyle0; }
 }, [2, "swirl-resource-list-file-item", {

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

@@ -163,7 +163,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '5d6ce8dd702aa495a772e84af4ea3d0eac622040', role: "row" }, h("div", { key: '93742e0ab97a0492ce2b1a61a62aa255159cbeb9', class: className, role: "gridcell" }, h(Tag, { key: '64d5d055ffe333cc18e3d1e62116734040c495ba', "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: 'e9f3dc69c0bbbea93afca630c915cef31a102a8c', class: "resource-list-item__media" }, h("slot", { key: 'a9c6e586812fcf6f16f6b9d30f149c44da0297ae', name: "media" }))), h("span", { key: 'd2e19d8730f6f3c48d186623e0c5ed9d6c1015f7', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '70a3ddfd89938d061927d7ac32de87bed159b432', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'f3cd67313f6f9a9407597b8e37cd920efaa6b8e4', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'c0e7654cc92f6576ff147c1dd22466f7760434d9', class: "resource-list-item__meta" }, h("span", { key: 'b27b82a80699f5c5f2b226b5bacc2a3f6d479007', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'ce40faf5efb334d3d225c8e2873e18234bb66ea0', class: "resource-list-item__badges" }, h("slot", { key: 'f16a7c43d36107fbb7222eb3f7f40dfb2d634461', name: "badges" }))))), this.selectable && (h("span", { key: 'ac7da10fe97172a199e192e7812c3dfd5e818942', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'c4257a7e34e3de2cb63a39d0f0a036e779d3f123', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'e1ec46fe059cd970b2bb07012a68f5ddabb52a0c' }))))), h("span", { key: '0a23454e9ad0aacaf89cc082c52b713adc127e27', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'a78e47f888f20caf3f970e8111f2c5fb1ffd6a9b', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '83694dc44e21a0c0e4372502f680dcd45c8d5940', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '859230f282bbe178949d574b82b204855003fdc9', "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: 'f0823b102dc80b98804f4b970ba739456558fb52', "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: '53da1e22b93d1a1134d03d3174cdc4e6ab9c560c', size: this.iconSize })))));
+        return (h(Host, { key: 'bfb0bd7d6d15856f14518cdd626c40dcb2eb78f3', role: "row" }, h("div", { key: '4489a4452594e6d3b99f4c4a980e89f464c35d38', class: className, role: "gridcell" }, h(Tag, { key: '25556f093a70d65789ed83eb51e6c97f8c4f9e1c', "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: 'ebec2a582ff80ba6af9e30d1eaa2423398c92c40', class: "resource-list-item__media" }, h("slot", { key: '48f6959f85a00e70a8f49e9e07bc9618d0cb1159', name: "media" }))), h("span", { key: '8b3c9f913676f3b0cdc2a053c824f28c8f03faf8', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ab72e18c3843286724eb7bb2a9b7fb2a5c4dd159', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'ee9405cb46da67633280e37c718ece7f5f78e504', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'd548b8ecc1067390903ad67a5c8c3e028b2f8130', class: "resource-list-item__meta" }, h("span", { key: 'c2e924c99d8a259d681d6f185377b668d33a19cd', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'ee319cd05ba53bddcb25fde8f350a60a34469146', class: "resource-list-item__badges" }, h("slot", { key: '0de74a753a1d5c244909238ab77366fafc6a84e5', name: "badges" }))))), this.selectable && (h("span", { key: 'b5fab0360c74249ea743d5ec162c6a45f5fe2be3', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'b5819da58152f00eb869623318cffd7ff1ae684f', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '9e84afe4b45f0eecceea46b6f23673a30ebf72d3' }))))), h("span", { key: '178627f4d126a48e9f2b98218735902321594efd', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'c3e8c355eeecb886b97a8cc7c35b5a22d1191764', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '1da96bd1bcc3fef40db960ad169443319cbc052d', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '0932be7ca64755cd8e1d4172a8bbd187f6efbe34', "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: 'd1ea880ee0adcb6b90f791dfa39fc65282c32c13', "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: '78b7aae4fd568f82fbf717a6ae0285f70219bebd', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlResourceListItemStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlR
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '3d800f6af68e16994dd67d9a5d48f318f7a25ca5' }, this.hasSeparator && (h("swirl-separator", { key: '985bb86feb109804ff261a5799400b5c16c060b0', spacing: this.separatorSpacing })), h("div", { key: '797e789033ff8ff18e22ed47b140d90b6122e46e', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '4ca79918a95b4254bc9fe0aa57e245723160ceb7', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'ceab506dbe190f413c925f8d6f05488ef34db463', spacing: this.spacing }, h("slot", { key: 'dd838b8819765eaa2349b4fd3221ae3c6c75a0fd' })))));
+        return (h(Host, { key: 'ee6e6c3f6070544c33e51a4ad52f7e17630bfa94' }, this.hasSeparator && (h("swirl-separator", { key: 'e1b1f73dfe9e8d79bbed6f1a8255aa8826c9d584', spacing: this.separatorSpacing })), h("div", { key: 'ec802cc3a3dd29658f1b0088d689a22478342ef9', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '4a3c3b9279f7a13ff40cf7950defbc54c2f76435', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '35d6017e5189c2a0ec7604cc9b932c373a5f30d2', spacing: this.spacing }, h("slot", { key: 'c47b1ab203d0e51fc615d020065d028c38fb30dc' })))));
     }
     static get style() { return SwirlResourceListSectionStyle0; }
 }, [1, "swirl-resource-list-section", {