npm - @getflip/swirl-components - Versions diffs - 0.326.0 → 0.327.0 - Mend

@getflip/swirl-components 0.326.0 → 0.327.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 (1896) 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: 'c29441b97fc53674a57b1d1511610be168303286', "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: '976fdb205c4871cd7fd114fa380862268302b24f' }, h("path", { key: '2876fe86e27c2af0bef1297700524152c1d6d444', 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: '4eb6ebd9cb67378780fb2ff2974a7162b7b5ebe1' }, h("path", { key: '6818fae010343b8e3573b5c284c4f08272cdf347', 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: '61c3cdeb655f940396ce129a543366ccc973b69b' }, h("path", { key: 'fc27325e26d40065a75be73d58aaed2afa226891', 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: '8c5d3c67b853c4868fbee17f14b842cf085f51f1', "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: '73498590855b15f908c89cd527072f3cca69d0d2' }, h("path", { key: '382cb6bcccdaa21dd818bb74f2f3a754ad5cba3e', 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: '87732d0fae8af4e9a6e76f0a1945e681ebf29fd0' }, h("path", { key: '41b4a6c625a8d651ad146174b327b8332c7062e4', 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: 'dec6ccede9426320f4577d1ecb225c113ce94afb' }, h("path", { key: '200ecc49b104a618a5ed1d0a91fb8540f65f2ab6', 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: '3d999f4068c7383d54e86ab740fb63820fd363d0' }, h(Tag, { key: 'c5027a1978f6b2c2bddd71d638ede4d1b45a9f67', color: this.color, size: this.size })));
+        return (h(Host, { key: '2909b56244363050bbc2a55eebf9c407de5a0204' }, h(Tag, { key: '12f3390c1222336d1e06503d2ad6739d976e41da', color: this.color, size: this.size })));
     }
     static get style() { return SwirlIconStyle0; }
 }, [1, "swirl-icon", {

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

@@ -149,14 +149,14 @@ const SwirlImageGridItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGr
             "image-grid-item--has-overlay": this.overlay,
             "image-grid-item--loaded": this.loaded,
         });
-        return (h(Host, { key: 'fee5963be852193a4dc00df37ebbb17225a7e999', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'a09fb486805da84978d76547b96339939be87f53', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '9105344215db7c1519fa9ff4ab4b992cee4cd1ed', class: "image-grid-item__background", style: {
+        return (h(Host, { key: 'b953e8d326db353b5faa9b92bd3b589b5e208a4e', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '77e58288d3d155a44f19550d87ab759115b803cf', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'bbcb3f395f6046d8b9a02c3f5bb8de153f9e67ea', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '28ed0a78211dec11057647e43399bcef853e8dfa', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '2157c1a1d81ba564b6b166cd05499b6d565b22e0', 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: 'f1898456a22c7edc0a06fed2f2ea1aecd73898e1', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '78566c5c15a76af9af2d63f8d0665716198e8d00', size: 20 })))), this.loaded &&
+            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '7ae30c6b661bfe8e518889e6ab11fa52a7d39dc4', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '14806fcb17fdcaf24cd83acc711cf6dfced2b16f', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: '005d7b3bbb38aacc9ea56ecc6b341c4f0c6c39de', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '09e619f725027f7a5fb5f5b2f3bad054b6e1dbe8', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'c397acfeca3597b2f5fbe5ddeb8848b90ce8b5ac', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '18cbd7062ed80aacb0739aadedbe53c8cd752744', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'ca26ba0cb601ac1471932b4a5d6f3ef8bf6cd5ff', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: 'c139ccd5414417bfada7936644fa449d8e5c45df', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'd0a182962a5008ee3dccc35baf450b3a0475d180', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: '9906aca33a6b623b71419dc630e0068cb921fd39', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'bc810410fb32213c580302929aa36caaeec5eb32', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '1873cf87c68115524f9d5c6099c394b3e7c6108c', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: 'f2e2e22602e2cc0cfb43f91df27372fad42b2efd', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'f0de5ab1c45ed081f3d8cec377b393b2b6cf4cbe', color: "critical" }))))));
     }
     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: 'b9e2b43b585a698366f8b9e4fe2fce41ed561084' }, h("div", { key: '1c1c570a833f8c1b245e87eec27a909f70ef5a01', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: 'ca5abfe3cb01d619c79cf298548778682464106a', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: '1a28ad519601ffc63918ca1ed585c68c7fe0a99a' }, h("div", { key: '9867602877495d3872751790d18bb1afac55e9dc', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: 'c75c1ad86e30fbb9379d685323885879ec6d1336', onSlotchange: this.updateItems }))));
     }
     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: 'ec803bfd6e1bd8ebeb91f63f8c48d9067b62fe48' }, h("span", { key: '4cd727555a355c9026483b517a86bcb1df4c4619', class: className, part: "inline-error" }, h("span", { key: 'debf408186f9f961063a88f036471712965f562f', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '6e58bc79afe21f095b462835fdf65342c35c4fef' })), h("span", { key: '76a3a1e6704427c982a5875ca8da757dc4b7f446', 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: '2704b6606718fe98e5e45b7230c106486ff10e6e' }, h("div", { key: '3ff317459e156b735bcf961309f5cd6cfd5cbda7', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'bdfb3aece99624fbd2bd58c52e233f7954732120', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'e041ffd255a2e05be01039819960be4b9d01440c', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '4ce74f39c248d7637d6c75313a990a935c3d2827', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '03e0c0a4775f113fb9576890bbcfc5c8967f7582', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '1322f63efe89095a56efae21146362e4c5d13e48', size: 20 }))), h("span", { key: 'a240db569a7131f75fd4333bac507272fc574cc0', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '54fa5301920929e6701cca4b1d1ab7a8cb9357be' }, this.heading))) || (h("swirl-text", { key: '919a85dc42906043b17a99f851cc64ab42f39535', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '800f65515d9a6c232077f39856389874deea20d1' })))));
+        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: 'b9d5463db671f5f3a00ed80e196548ef2f4e7605' }, h("span", { key: '7be237a30e43b5da9b49784abd08385cbf222d16', class: className, part: "inline-status" }, this.icon && (h("span", { key: '12e119dbb608847c6183554bc20bfcb97e5138c9', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'f29af231a6f3859571aebfbbc13dc1f99509e31b', 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: '25ca427b602b84d52e5e6c838dfcb2d662f38509', onKeydown: this.onKeyDown }, h("section", { key: 'f482c5dbd35fdd08ea56535a89e65711250464d0', "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: 'a36434625eab69a8f1c10d5201bfd98eb2fca7b3', class: "lightbox__body", role: "document" }, h("header", { key: 'c88f4f8feed742949befde4a332682fd9529f7ba', class: "lightbox__header" }, h("button", { key: '664f8af2ae73c964a2d96993e4a452665ca4a243', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '42f4f03e3ff01565f4e657aa3825ef7a117d80dd' })), h("div", { key: '9c22ef0cc70271b0aedbdfa2d852c8449403ed2f', class: "lightbox__toolbar" }, h("slot", { key: '4f348e42192d9d74649d1d7310e53adcef86ab83', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '100281e4d487d6d7702c42dd44f021f96ae5e04d', swirlPopover: this.menu }, h("button", { key: '7e3542534ff51639774d9595aa886c75d31e23d7', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'c9d3be5d56536aeb91114ac4ed5f085ebef43ceb' }))))), h("div", { key: '77a4a725978b7504a27341117bbc6a8103f4dcd8', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '814e858e91076e8a05d2e39aae3321222c3f0928', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '260b336d41692054b7545a8bef5fe6e2b96c6cb1', onSlotchange: this.registerSlides }))), h("div", { key: 'cf3e3cdc15550b598bca43407b84132fb3a81d57', class: "lightbox__controls" }, h("button", { key: '19e0a7d25a397b80e566566de0505009d893c3f0', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'afd7be51c99dbd9d99bef0e2976fff767db7f8f1' })), h("button", { key: '308bfb590b02b439a326d196e88bbdee7352c9d1', "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: '0ea5095cf283b535853a612a25352cefebf18729' }))), showPagination && (h("span", { key: '30e3484fe0fdc0605efe17c9cfbf32c9d010c3bd', class: "lightbox__pagination" }, h("span", { key: 'e308b4e875dbec3ea2bc2f051fff9190fad45e71', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '7f5425c44f3ae304d1681b03364039d38f55502e', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '92d2a84a8107cae6b275f5046853d9cdddeeab19' }, h("div", { key: '5dde510c861885b042ce14c6171f79da3f65f817', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'db4f79461bf5bf87dc936cbb4f59dfe157d6aeb8', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'c8ca5e152d891233656b0a279c90c531ffb3cef6', alt: "", src: currentThumbnailUrl }))), h("div", { key: '5014b252013a673b2eff3a48f6c22eff70bf7260', class: "lightbox__file-info" }, h("swirl-text", { key: '960cb67c90734239466d4875ba8d361e53f0f0f8', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '574b51d3f272087fdbdd57a4371602717a2223cd', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'a9fb9d4799900a6bb43a30012fcac30da0301de8' }), h("swirl-action-list", { key: 'a33f615e0b1f2913aae03f7860afce663677406c' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '8e82c2f221da19844202c289c1312160eec2e776', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'b9104e0d2ea36777d8c165cedea50f169439e9ec', name: "menu-items" }))))))));
+        return (h(Host, { key: 'd6e7b0ef7dc8ac7d48853a9b38ecdac7af69cb9f', onKeydown: this.onKeyDown }, h("section", { key: '3d255ff4c9ea5409fbafa962f99334a28659908f', "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: '80423839b955c855e0c809100dba1b057f2b8959', class: "lightbox__body", role: "document" }, h("header", { key: '40212877ba339bf7c2e770a210c3cd45ae4d9d4b', class: "lightbox__header" }, h("button", { key: '5b48cb039a0e0a8fe1243517abb5ada34ee839de', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '9a8a6aa0a93e58a4c62e14b1eed19f1c8a2c1dc5' })), h("div", { key: '5eae4f6bac4e6cbf1704645c2ae2b091d7703150', class: "lightbox__toolbar" }, h("slot", { key: '1979d14f5ed4071a0a9afff7097e371ffbe26bda', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'ba22bf855b5706b3c3bd9548fdadcc34faa28d59', swirlPopover: this.menu }, h("button", { key: '259946ffb09edf6850ff1b93188a331154fe48c3', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'de54e4c0b8745a52bbfde1a0105271b74cca64e1' }))))), h("div", { key: 'ee0d98fb0f079bcf1ef1fedf3de6e4d6f4bb6865', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'b938125af827cc4b041d7acddfdcc1e94d0a73f4', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '11e93f76a65aa119e2a63da226156b248df395cd', onSlotchange: this.registerSlides }))), h("div", { key: 'a3ff7d4f6ccafc5ff91c242fa5eb22d5ffb68059', class: "lightbox__controls" }, h("button", { key: '3c1690088b8eb854a53c1a7027bd0aa9f4198d3c', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'f5d9fbfb1794a6b00f723d7ec1f0aee273832496' })), h("button", { key: '6ec05a66a4c3e24a7b6e350c4b2ab3698e8ef744', "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: '543e3555a3ec52d26d71be68f5c82d6a2adb0626' }))), showPagination && (h("span", { key: 'bc75ad9d67161d7c45b6c80ea07a762d143d5cf5', class: "lightbox__pagination" }, h("span", { key: 'e41bcf1310c19b538bfe7a6e36d07ce8435f31ef', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '2ca9fb72f44afd29f21da0ba5746403841d53a5a', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'cf8b57810266b29ab2b9cc1105a217ec68abbe1e' }, h("div", { key: 'ade7b5e1d0642ea801019f9dde60cee0d75da1d4', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '3be233483e489b3bff328158418f49a9ee6c1d42', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '265d3ba66943dd8510a8817fc20b30d98004bc75', alt: "", src: currentThumbnailUrl }))), h("div", { key: '1b24e9a5f53ad079f11470527071ccf14170c025', class: "lightbox__file-info" }, h("swirl-text", { key: '9d6b0e2f8ec36c7e03b811f17830a14d409a2ef8', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '29fe67fe2f6d32012069b486cf103648b5da0d9b', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '93fe5bf050c43380d54f669692eadf29ec82f04c' }), h("swirl-action-list", { key: '4ce787a0b8d478a3bbb47fcc07820a72f2cc15d3' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '5e09dc758fe5da2ad6f20c1f8ba341e2bd2e9c54', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '45923071322debb16ccecc2faa7d3b54e4e09e77', 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: 'b165545f055fe0070fc5e8937598bf724a971319' }, h("a", { key: 'b6d6ce7dc458fb869441dcba66a22267b731fbb3', 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: 'ef3e6a9aabbc9152df3ff4f95e1eef0045923a9e' }, h("div", { key: '59ebd12f8cbed6dafaab005fd4da5b73e446664f', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'e8bb5eab86ef5fde05545d1296df445d2b2bd943' }))));
+        return (h(Host, { key: 'eab3a8ea00e954022fca689674b5c1091cec3503' }, h("div", { key: 'a72d52aef1a5ae3a2d66f4c4ae5dbcdf8b4c0708', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '58b1652516271de552a57fe894224fbf71f47744' }))));
     }
     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: 'c0577f1851600d770a5f35abfab0ed40cab36f37' }, h("div", { key: 'febebaa68eb770b0a3a1a2a5770af88902a2caa5', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '4767e0bd2196dcf84287bea506d6896afbf7f29c' }, h("div", { key: '537fa87dd918753bdca84be438a47503f0251fca', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '089001886cd54725b9893075bd676cef70578a1a', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '6f25d13559708f5ad959505d25ca7bbab6673682', 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: '831b3d822a398064233db7e5f4b46510fb795db4' }, h("div", { key: 'd363801fb325c5b2b9044ed87a238daaa214683c', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ce1a041af80292f0184977b59557b13893be8038', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '1d9568ee29b50100a881cafaaad93bc746b1e5c3', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'befca2d12a1c7142af373c100a0b748c4dae34a6', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '773677ad1dd6f866dcd519fd5b44c03c7689f3b5', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'bfd0505553e0eb8fb2f319bad6ffa0bd32f84420', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '4d8aa6fd222bb28b5295ab851934a90cb9050f67', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '44ff66f1a23428e259222f1451c6104eb693f7d8', "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: '76cb1ed8ca42a937c323c9acbe301168e4134f51' })))));
+                    : undefined }, h("slot", { key: 'd2b2e67fc903edcbdb62fada84d1be2ea2917f4d' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -246,23 +246,23 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: '0543217e230003b07b330c75318de876bfd5f8c1' }, h("section", { key: 'eb32ccf5ae5052679772f80ca65c92c16e7a0907', "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: 'aebfe6f08258d72d80b953d9a341168413c6fcc5', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'b669d9c07414b8631c0337801a47b0b96c806c95', class: "modal__body", style: {
+        return (h(Host, { key: 'a3b33a8bad658b5069ea3218ee680fa22633a05e' }, h("section", { key: 'd6e778a51b8713f77b51c770d62dfe2f1632e2f5', "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: '587c19638a0e171ff8ad589e21f6621a98c2e6b1', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f1f3bf5d25be5824dc5387a6755883c1d2172f57', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("aside", { key: 'c223a5c5fdc6c3468b4367afadb59b0830a00e6c', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '81c3b4af4ea04c45c43583e805ec232e25baf6b8', class: classNames("modal__sidebar-header", {
+            } }, h("aside", { key: 'c1a228f13d773047b1386713f65db7671ddfce26', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'efdc6b571119db2de308a180315356107d4d6268', class: classNames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '62f85cd8defba57c3a00eb095948713f70ff9f69', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '1c584271b7e7851af094537cf613c836066959e2', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'cf1f01116aa4e219ec6be585465c0227b37cd0e2', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '955e56368db6bda842d43a7b7a1986c978a20141', name: "sidebar-content" })), h("div", { key: '3383a87f2a354434175a8dbe566cb78e53731def', class: "modal__sidebar-footer" }, h("slot", { key: 'c66e49cc46f00786a04e4daf19f04b87fd34557e', name: "sidebar-footer" }))), h("div", { key: 'e21171544393bd45e9308f933dc7fc00a2b6c42c', class: "modal__main-content" }, h("header", { key: '48fbcab52704f2894b77df9c1ea5bcc4575b1c8c', class: "modal__custom-header" }, h("slot", { key: '1c3f60b542da972c9a50608587ffbd19f584ffa7', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '9b18c0763a681adac889c657ac297b750b0fa140', class: "modal__header" }, h("div", { key: '8cfac19c30d7f60a35b97aa565ea35bfe9e95005', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'e2911ca94e8c1ee1804b6eaaa089002f22c0c578', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'd8530916e86ed108c76951436a706bb5196ccf91', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '14466a82f7791700bb857068800749e82dca8c1c', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'cf1420c2a4f515e074b20ecfac829e74a702e675', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '9d47338b7839e4d2b3f4820258d971871533a789', name: "sidebar-content" })), h("div", { key: '89dd11d57e92f220fdacbe80ffa88af278654f56', class: "modal__sidebar-footer" }, h("slot", { key: 'a5731411d52f97fd32be7ef03bde1fa15192b6ef', name: "sidebar-footer" }))), h("div", { key: '14c93cb9729b10ebe63cf15f66007f7f4dd9e528', class: "modal__main-content" }, h("header", { key: '08f4707e2efdd4dbef18fdf86c3d4ffff6d46577', class: "modal__custom-header" }, h("slot", { key: 'de4cccb054fb97513867fde9032cedbd8b0c7c8e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '54436e75b14618216d2cf8eb7876dc22643194a0', class: "modal__header" }, h("div", { key: '93bd4a05c079c839ec75990d577f963321a620be', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '63292bd349d6d5bb6be4200c424f17918aa02a30', 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: 'ea14fbd1265cc1e43a2981f7b696638a456c1f1e', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '60c91d254f9e414ca4b87143ed6d5cef30ad1a38', 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: '9eee2e0d149ae54e5b681a453b3bb6094ba7bece', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '20a1c5c6632ddbefb2dd51482831f533cbb5f45a', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'c11917be49baf1f43675a73a7a7046c7a887cb40', class: "modal__primary-content", style: {
+            } }, h("div", { key: '64ac704ad78729837ce6a51e9b57fd49316e2af7', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'b33a69c6a9a3dcb81a3abd284f8bb6fd1dabcdb1', class: "modal__header-tools" }, h("slot", { key: 'bacea7d3b542676a302da9e5623da9285d5ae3bc', name: "header-tools" })), h("div", { key: 'd658729178719798986177acd3f7d466dcd5fadb', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '95e3968d17d227ad7a7519b5485176c3d9b95cd1' }))), h("div", { key: '11bb7dbccbe133dad531786a5b0774b23f8c1b9f', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '6fed1067af3b45a2b26c1247ed160f7f0177cfb3', class: "modal__header-tools" }, h("slot", { key: '59d0242705e0b2ff2e4f7fb3c6eb6c8257629bec', name: "header-tools" })), h("div", { key: '6a2838c93453fcc2fd9d36ce2a8b706601c3e7b9', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '7b68d951fa828b73b5fab6a6da7534d87ae8c867' }))), h("div", { key: '7281a711bc7212dcd2ece30d5032bdbb85d3a971', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -280,7 +280,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'e2fcfac9a89a5a7df9e2c2af51c36991320342b1', name: "secondary-content" }))), h("div", { key: 'd313f8e9c45a3eb64a28aaf711b3db1c8b3b18cd', class: "modal__custom-footer" }, h("slot", { key: '602ef11530a8fa084ddeff550fb3354fbd5d26dd', name: "custom-footer" })), showControls && (h("footer", { key: '2624f756d8ca90556c1d7965db02c94582a53c71', class: "modal__controls" }, h("swirl-button-group", { key: 'ed07892f918d99a6938d8b9ba692475533679fe2', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f7b795aaad285376106551dd8bf870d3dc5d125c', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '581e017486218fd5857262b55abfef6207bc70de', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '88c633d2cf5c456eb78de68d5c19d7fe2f8bca1f', name: "secondary-content" }))), h("div", { key: '1203e8fed5505a3633bec66a75e419985735e2ab', class: "modal__custom-footer" }, h("slot", { key: '9e291b19d9887c5ab2ee25be124bb6a962a96f0f', name: "custom-footer" })), showControls && (h("footer", { key: 'f072f30ef6c4f65057228d00495c77459a5d25a3', class: "modal__controls" }, h("swirl-button-group", { key: '0e0a4b1173b3e34e0ca974a0807e2172ab3a05e9', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f8eca714bc46f250ac8c1ee34f4e4d8b2ea4eaa6', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'e9dd5999c043eb6145a21296501f8d1952775901', 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: '39868b8aa645077d44805ff5cfdf7ac90f70c72e' }, h("div", { key: '8bb024f187cc7a5d4406a03bd45462e78012b7ea', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'd10255b1a3ce16def32576bcfce8b007122e80fc' }, h("div", { key: '67d2f23595c118dc104cc0c1bec3aa516d514783', "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: '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 })))));
+                : 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: '12c511dd3c23e90f0d4cc988daa0c9992cc71c60', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '9041ef204b95835c99fa409268337c553079d6c2', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '37ccff8e7e31a78eac6f9a1ede06e55123755a8f', class: "option-list-item__checkbox" }, h("span", { key: 'd0b3a8115a097ee4f538bf6ce64f4de6fe9e5c87', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '732bfb290c9c6038ec11001919c3bdd658843490', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'd2810259d04b5d49d40d0774c98ee56a7f5f7226', class: "option-list-item__avatar" }, h("slot", { key: '042f2a3c70063fd130fec296ccddec084d56aec4', name: "avatar" })), h("span", { key: '61032284deee69c6dc2a66fc0627a5dbedd1dc75', class: "option-list-item__label-container" }, h("span", { key: '320288d88e77a1e8033f102147e046e7fd52a98b', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '6af76305ce6ac4fd64d562801ae976a265075cac', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'd9a049efa8acc2f8e163bb201d537fa09e6e215c', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '57ce2025b73bdf1d5303b6c6abc1bc27f6f4beb6', size: this.iconSize })))), this.allowDrag && (h("button", { key: '94f9abc9e467ee5e7ca0bb20cbb41759cefe4207', "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: '3bf3b75c4fc6ea020ef18d595d80d8529ec227bf', 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: '720bbdaf15b862de58e8bf3d6fdee47b33e1ac01' }, this.hasSeparator && (h("swirl-separator", { key: '52d89c5b9eba5cee27340f1e3ce11329ce1de65e', spacing: this.separatorSpacing })), h("div", { key: '2d762215d108c89651e6b48cad3a7aaabaae1a46', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '0c2cd44b82c0dc68fab2a648922759d085af9cb5', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '3cc9d4be644dd228667927f7dc2492e6ee0d6c2a', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'b5adb4b17be73b8bf8291e1f738b755a0d1be772' })))));
+        return (h(Host, { key: 'f97a8c64019a5a1c31918a73021db444dcd2c64f' }, this.hasSeparator && (h("swirl-separator", { key: 'aa78d0974d415d3dbd41aeb2b2937be49d2fdd47', spacing: this.separatorSpacing })), h("div", { key: 'e7af55894d7013bf3841ed48e564bf6cd25e6125', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '7a0790f8ff823df1006ab50f2eb414ea8f68877e', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '16de598d7e6ce97a002f0d175c4a8d705896a854', spacing: this.spacing, align: "stretch" }, h("slot", { key: '1c5d1d53315a676d9b6afc70f75342e4d2e7e8e3' })))));
     }
     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: '9880668f570d3c4a89349ae7493b820eb462f2db' }, h("swirl-visually-hidden", { key: 'e85b4feb4698ed178759097292f2a2994d5415fb', role: "alert" }, this.assistiveText), h("div", { key: 'ae29f4e6556afabd95c02f1b01aed43c02340e61', "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: 'd6b4bb50349c03efc4dae7acf26295371effd705', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'c295e826b7817975f6fcae3fd9624f13b238ffaf' }, h("swirl-visually-hidden", { key: '1d3e7d4bd101e0d57fd17e9212fc8b6f78a08e42', role: "alert" }, this.assistiveText), h("div", { key: '5ae0a2f8f62f9142dd94f3da82605e7ece08c3a8', "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: 'e954eaa8bbfa83502371c1869e0269b009b3a82d', 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: '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 }))))));
+        return (h(Host, { key: '08c165e0dd8f22f1dd462079afbb904e3f7f50b3' }, h("nav", { key: 'c6fc744fcc8ae4f67f6a5e655ca974962c5cb515', "aria-label": this.label, class: className }, h("ul", { key: 'ee19e8b5b81e9fdf26b0be2a9ac1b277a8d4629a', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'eb039a282c427edb7ea44fd2af641b3f88ea1342', class: "pagination__list-item" }, h("label", { key: '7fb991ffd443fe256914638308dee16108ce14f6', class: "pagination__page-size-selection" }, h("swirl-text", { key: '6c02e7b3c8f4b2fc308cdba23cfb75c8bdbb370b', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'c3941c2f196618e857fff5d7056ff4634a51ea0e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '073e9ede82d16fc9b1a118f428c03b507dd969c7', 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: 'ea7208c33ebd133e84d5e518140bb58137f12bfe', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '98269dd12133ccf1f48b118aec35d730d0ff05e0', class: "pagination__list-item" }, h("swirl-button", { key: '023beef078ddc519c1ac3806a99d9622246842ed', 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: '6c61b9fef4793d02fbf6f8cc872a73aca704721b', class: "pagination__list-item" }, h("swirl-button", { key: '57440dfac7ee40a3cf58a1078227b228707949e8', 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: 'd419d0a1786dfc70389d218299656a495cfcb8f6', class: "pagination__list-item" }, h("swirl-button", { key: 'd2bfc26fdeba915ed92bdae39b7a7dfa29b03de3', 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: 'c86fb75f20ee6ec5b5d0299df3c501e8e798b8c6', class: "pagination__list-item" }, h("swirl-button", { key: '79bfcd72e7a97dc01d4ac4bd2531960b618208d8', 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: '56cf75c0a3b2211e6db7597650f0bb196eca051b' }, h("section", { key: 'f7dd6c31e655a6949575bccd60df0540538c5e27', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '3f5b395a44659f37db88da559b5c3bfe1eb92144', class: "pdf-reader__body", role: "document" }, h("header", { key: 'f34ae203d2cac771f1b9d383735e61ac28fa8986', class: "pdf-reader__header" }, h("span", { key: '0cd12c5c0c42d97b4684483693e8032ea35e5abc', class: "pdf-reader__header-left" }, h("swirl-button", { key: '56e3cc77f5f20c5ea7ec3265475394b24ebc98fa', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '1f78ddab008cca2ddad2a32ffffdd042f60a2a5a', class: "pdf-reader__label" }, this.label)), h("span", { key: 'a866bcf3a573b4a06ef04be0da89fb23172d47ad', class: "pdf-reader__header-center" }, h("span", { key: 'e4135b976ac018e557ae8303ca8c292ecfdc7073', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '50e9da884f59d2a4b636c34b81d4c0de26475998', 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: '8f8891f7ea7e1eca9ce52988ce0234720b78c27a', 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: 'daadce0eca89903c02ca37795b79624367cdc605', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'c91981006ef0d434567f3bc3b7ba8f51b7ca1e27', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'aa1e97126de21daca40befe014d52783772d0a37', 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: '0c3f51195d702b8bb44352b48bb786dbaedd7b41', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '8d7acd15f99e13b9aaebaeb1c2e48f18bbfd637a', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '38954114f3472eae5cf1a96e3dc8ebb37be8b71e', swirlPopover: this.menu }, h("swirl-button", { key: '908b710a5b2598d2d489332d59bd290d68ba6074', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '109bddc3641705fb45eff42e0554a718cccf5aa8', class: "pdf-reader__floating-tools" }, h("button", { key: '2a7ee60335e4873378d272a36f9ddc11384c660d', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '9383d96a5af6518bac2632a346a7aa1fc8f5309e' })), h("button", { key: 'eb5084c77fb8ccd2a29f3a328189446796e519b1', "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: '00d1813d95a7ec67088a08ca34bea29c101db029' })))), h("div", { key: '70b56d740521a720ce00cd678237b5687e62ebc5', class: "pdf-reader__content" }, h("nav", { key: 'bdc851453ffe3af1c4cd7b2ed1c37a8565837813', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'e7acfbc84611ac3233ba8ab635f9453b182c1592' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '0c0eebaf8d1a3a2238ea9f76b4e80b41e105be85' }, h("section", { key: '3f6675a1315e012a27972e162cbb8551eac4a9f7', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'c648a91604b0808cf3e155380febb66eb31c2381', class: "pdf-reader__body", role: "document" }, h("header", { key: '3da485e2362ff0208bf2312f3ad291b50db12088', class: "pdf-reader__header" }, h("span", { key: 'ae467f9b42c596555f4f36e1c64acd24bed26eb6', class: "pdf-reader__header-left" }, h("swirl-button", { key: '119e6e56b9d08b883fcf43f61bf0c79a0753b33b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'afc697487910b3cec34802703d1d7c9cede9b1b8', class: "pdf-reader__label" }, this.label)), h("span", { key: '6003fb364298d3013a5ce6491f9fc681bc88269d', class: "pdf-reader__header-center" }, h("span", { key: '6cff477dbed1f04b3d8213b53ad0d09d32eb7932', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '2f4d8d9543a2c1802cbcb7bfc7810d193708d9c7', 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: '82884d1ce66ebceabc4ccb4082b49853cff1fb2f', 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: '02011c75303a7ea3d763f297abcc508101de0df2', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'dee58b2b8860ea44349181d522177031854d202a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'b59b3844031ca639e5c69103f5fe6340d5e536ab', 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: '01c3f3f21035e253459aac94b49aafae7c0a4653', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '73d846433f7c49bec7a636ad00154aa6fa175495', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'b0aa704abd038e09ab52d76b834fb4d6e5f1a954', swirlPopover: this.menu }, h("swirl-button", { key: '86d9bcf21bd0b1a6fb3cfee81f4b774d0c424ff3', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'd86c7cf78088cb69522b93bc4cf9d0d253d6e989', class: "pdf-reader__floating-tools" }, h("button", { key: 'b91ad070a8e54c2f6423feace0e182c133d9ac37', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '9669198041f3e824d3b203bfb34baf80d4dc3fa8' })), h("button", { key: 'ea8eaf90b5de348ce3cb22a8a02bba593c606b09', "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: '7c153b1d8b79e4cebab5508a1ccd3fd053bd9455' })))), h("div", { key: 'e23e44ff0d7d6b310222c2b68e3ae0466051088f', class: "pdf-reader__content" }, h("nav", { key: '0fc6766ce745a75dc0087da4cc64a591a23b5d2c', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '6b1b8b030024034b90b5e4d938f31ee6c352515f' }), !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: 'c9bfbfb2fbc5f2b7d0640954e11e216fa097a5ac', 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: 'd32f5cb788a2d6040138ca86e53e310b39c3f29c', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'b121b39fdeb6b1d7c898c43f9840793d2d8f39b1', "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: '29015bff580e50d092371a3e646c3ae3f404cf46', "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: '65857fb98bbe9208eb6dcfe6a884ef89825489c1' })), h("button", { key: 'b4d7d5141efa0da5cbca37ad2639cc8456124c8f', "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: '9b459c6930207ad91d16bbeac94a389f9ce8cea9' }))))), h("swirl-popover", { key: 'aca4e113b9e15d254017ce7cb0af82119993e5fa', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '38ceefaec84571a97123d8095d074e69295b50ef' }, h("div", { key: '970de21a30966f8d01d2eba9b5a369fa99e21ad6', class: "pdf-reader__meta" }, h("div", { key: 'cf1e5afa6a93b485e387fdcc3610b281442122e1', class: "pdf-reader__file-icon" }, h("svg", { key: '3dea3a2e202e4b612b50088268a72c73da98c102', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'f1c1c3cfbeda0e157c9c0383166f35c9ea5a6f5d', 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: '9c33d2f91655ebd4df12b5c938e67910842dd4f5', 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: 'f452ddccc4c748b315f7e34669a74a4eb21d5dfc', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'd04feb95c5828a6c8401385b12f20f011d7c1119', 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: 'c666c31c16ca3136a2d565c050c9ff2416a69f71', 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: '2dd5da96942746998d6c0a97b9928ada65dbb542', 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: 'f3450c78888d5ce27a98b1af1d12c4db3595d401', 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: '5e5b48d56b62d8490d0f77b1cb0880cb6eeeb680', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'fb19b4b71b59155cd83f3744dc2d8a838eecfad9', class: "pdf-reader__file-info" }, h("swirl-text", { key: '76522b91bbfac33d7d607c695ff629f053240970', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'a81019609275be32eac0bf201dd3a1c11e9fddf4', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'df14082f8d0297f7a0fb2c9126a63bc850a7b195' }), h("swirl-action-list", { key: '65ca287a0a9aed19a29c1a238e5c3a1412a62c75', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '11d98d6f90ffb17f0a9c8f0e945351817b5fb4a6', 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: 'b9ca3ec3ef41591747f97010c9079feb029cf615', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'c754fd3daa2d76515fcf812631ee8d1d58fe032b', 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: 'b21f6f3264b2ad9db6b653be6c29a8df0ed38f1f', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '01957ebd213b2c29f680815f2e05dbec25188826', "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: 'c0e768912c9c38263d00722aae8c25a94a27ee99', "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: 'fd9f947ec17efd4bfd73e1af813a21094095bedc' })), h("button", { key: '2ad7fa629d9bcb58e93d31834563c4e916f098cb', "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: '5eeed2e1f3c10749c18b52e304e1a9eafaa74931' }))))), h("swirl-popover", { key: '4792fe4029a013e0ab5155ad8edeb2ac5ae70965', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '5975044e6f34082ea5736220bd1594425420fb26' }, h("div", { key: 'fb5c746a099fc4de91091e28f9889699dca84dbf', class: "pdf-reader__meta" }, h("div", { key: '6d2fd21abf55aa54f2394c044c69d0eaa6a8c706', class: "pdf-reader__file-icon" }, h("svg", { key: '548f2cb6823948d640b81714dc6e2cd7ba96853a', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '86705bd3299bf29081dfe86ed95b5d2548e684ce', 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: '4207d9d146ebc82c9d7dfbea8caba54e6a053de2', 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: 'fcf84b95e512f8fa935fe26cbb5b30ad573f96d5', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '4b5c215d060318a938a0223b37312e4f8703688d', 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: 'e2831a309b5281a4b36d54a3b16d520629808247', 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: 'eecf26d3abfdbede692b7b850241411617ee6266', 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: 'b4718ba86501736556a4507332d3e668288ed7b4', 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: '83a84fc0a90fa65da613c39fc71e8ddb7319c63d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '969e14b975fb2531068cc9086018b33f92de25d6', class: "pdf-reader__file-info" }, h("swirl-text", { key: '592db35253265f1948246533329a3070c6606a51', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'dcdb5a538be2a3521ccc46508c6e5d75afb95b7a', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '2abbb8d6fbefd537d6a1a2bd39969d9c1199e931' }), h("swirl-action-list", { key: 'c3d1e8ecc1e8fd11a516635f541efdafa7fc1c9d', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'a6c59e60d7ec8208a15db8c528eb94119dcb42dc', 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: '01ee29d9d334d65773d71000f1922c4376b0f1ab', 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: '84c64b8d5018bd343527ae04c5250160d6848486', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'aa562d07d31c0a6095cdfe9e2df2872e738b10bc', 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: '8a35eaf74f7f7fcfd1e06f14a0a6a05e9050cd69', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '780f4132799eed92c2d615713cfe6f82685a7887' })));
+        return (h(Host, { key: '663042da0e5630fd394382881d660c8bad67aaa8', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'c2c1ac9097729ec97e4116838129831441e83b8e' })));
     }
     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: '175ced51f2a06af65a7e1a846cf2fd3e8a981ea0', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: 'adaee9f29294b5561d16ae2f4ef532c0bfc7c038', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4c917a176ec55e2f9c8a61024e85059de1fee2e9', "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: '7ea8241370e14dd37690d7918a4ddf0a944b64bf', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '431cb1938ed6c6e06ee81655ade5444bf5830676', class: className, onKeyDown: this.onKeydown }, h("div", { key: '44a0efe834d9aac633f72099efffdd32eaa55718', "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: 'bc92d0c351914716a5048423a35381da87cc5082', class: "popover__handle" }), h("div", { key: '3435afc9cfc9dc0e81e2e57f65dfc345098ba481', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '75950980e16617133e9ab6cae51714170b08962a', class: "popover__handle" }), h("div", { key: '6e9bff5adf252d1e2a7e9e7e2bf426d667d79e6c', 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: '4e58a63669e879fd43b15f796ab22664b328f2f4' }))), this.active && (h("div", { key: '6318303b68d6c8edf51ad6637b484c712bf8ce4b', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '3db02444e9fa7a0352c5e573445b1e40a7295207' }))), this.active && (h("div", { key: '24a768a535e0e4473471cc1adafd3b646202bf6c', 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: '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 }))))));
+        return (h(Host, { key: '723ee9fccf1bee2032efd9c7e076ad56e8244939', class: this.variant }, this.variant === "bar" && (h("progress", { key: '210dbee96d76b7f90d55608f2fcae3405da17504', "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: '0416de83b2197625349f8237e468cde61a1192ad', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'efef3c0be2d4ebfcd73abf6c436670e0da8f18d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '9ce31abfc191b7fbda6ac8dfcc8a06fc67f21681', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '2c53c955f44af00a8eacb1773647c52890520f6b', 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: 'e2a9ca5c7308324d86ade257b228cb1d77009954', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'fa3d0f70d10b95a13ea30f08af562e1124a238d6', class: "radio-group" }, h("slot", { key: '2cf541e7c838e162532f9febbbd8e3992d9af314' }))));
+        return (h(Host, { key: 'de2255c3033e9745ae50d87e1a8868d33b25d4af', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '7377eaa82299a7bd299079adc6b8b89c99d57aba', class: "radio-group" }, h("slot", { key: '06e70e2d6230302322ab133e58dc611d719972b6' }))));
     }
     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: '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 }))))));
+        return (h(Host, { key: 'ffc86019706f785e80edcacfaafe70cd33a4318e', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '0d92ec5a8c55d04e4036e7e8b44eab3ced9e8c66', class: className, htmlFor: this.inputId }, h("span", { key: '93ffcee887ebbcf70e2c1adb0ef4818b6e1baf7a', class: "radio__control" }, h("swirl-visually-hidden", { key: '1591f9e611101724f575de7618bccb007c311fae' }, h("input", { key: 'e95e209f9f892740325585285198f8ba83448807', "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: '8105cc59e8f59f056579f21f56d82e518cfe7396', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c5460f18c4d28bb9b41108600749f68cf42595dc', class: "radio__label-container" }, this.label && (h("span", { key: '42769a01c4d19f7d8bcc4703db4c279ef703b605', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '78a1a418488e4038db1690a23fe437c2809ec8c9', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '62df0dab9980f31ff213cc8c23f3cffbd1d92bfa', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'ec5f93ff9db3aa970620857d7fe1b07b25f01a4b', 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: '71881f88e828f09f63f6aa33acadc105d7cf4992', role: "row" }, h("div", { key: '0a0f5c40dba2c492292922e593adb83ea133a94e', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '72c73a7d10c10acd7855792d90f9c97b32e51620', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '4f0ec77124ce5146dd363b11a8f79cd3bb6fd985', class: "resource-list-file-item__label-container" }, h("span", { key: 'da4e92f2c029484515b16e8bc0f58320433c4808', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '8f59709b6ec759f74616a3b89efcdf68654a3458', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '0e8836578b59c4cf907ab40f6c2d4a7df8ade389', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'f7f2e1ba0f513c1e7372286a4fe5b1fd86e21ed0', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'c3183985f8b1ef1ca632a033ca5095ec0696b5df', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '4a6fca814cf4b6a441d162754c59e666162f9b54', size: "s" }))), showRemoveButton && (h("span", { key: '357dc50b3b16f9a5f1069dd1230618f3e62538ca', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '0f3c29b7eba0feed109190a589c60dab8eda08fa', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'e3316776d4f535e2e245bb5a253fc511e4db85f3', role: "row" }, h("div", { key: '32b6ce8efd2a54f255e2750cc1a370bb96ddd6b0', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'e2b06088edcf9ceb792cd25832f99ef9fcdbcff8', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '8ae5d0d4a8ae31e9798655cdbcfd8fdf7d2baf42', class: "resource-list-file-item__label-container" }, h("span", { key: 'c41cbf34f5f5d7176d8aefefde21839e8cf45d56', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'b44f73c5c1f465adc620d7a78a5215808eb8bcee', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '36589533a417d9a6cf556b44da852323969bf0cd', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '12bf9a2cbcf5c8b401561a69efbd78fd47e8f37e', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '36a5a22e361124425f04319c18e7530d15b96c62', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '1e5cbbb52f5c31e7e542f6c13f340e422deddb61', size: "s" }))), showRemoveButton && (h("span", { key: '46170b3e8145e5170677927f80b37e93d764fdc0', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'cbf516e685142ebe9b9c30c233bcc13ee00fb90c', 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: '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 })))));
+        return (h(Host, { key: '51070214010bb6f42b11d1451d711523908dcd24', role: "row" }, h("div", { key: '58da33a690ad26cc6cb613f7c3a120cc27c14168', class: className, role: "gridcell" }, h(Tag, { key: '4733c36969976407c76a0852e7b688005d829467', "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: '43feb905ed747fb0f3dce03c9bb0906e807f4cc9', class: "resource-list-item__media" }, h("slot", { key: '8bf74e8f11becef18f95a50ee78af293176e3c74', name: "media" }))), h("span", { key: 'b74ee63857ae512b974e9732d73ff2c7eb070ef6', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '7271335be0863add557483c3819bc61f0bcf3eee', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '4ddca66a33fcbe50927e3af38c6d1bea2ed67887', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '540c9ad85c13187700ff1607d59afc80d90529ac', class: "resource-list-item__meta" }, h("span", { key: 'cb31b8cebf261df69ebb90989e0ec0fbc3c267ee', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '57d467dfc1dff7d17e93aa0e03f1760054d85de9', class: "resource-list-item__badges" }, h("slot", { key: '18ea4383798222c2aea1dac37464b65133143604', name: "badges" }))))), this.selectable && (h("span", { key: 'aa967cf2216cd148edca930425ecbda013413850', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '3cc2777fbf3850ba756ed88e0ad4ae29e4caf32c', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '61a80c63ef99e3b530c3cc231a1abada0f1940fc' }))))), h("span", { key: 'eaaf028e6c729fc7093d355ebc6c31bc2d4a8696', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'f988fee1daed088fb4fb56a5ab262f6e8815d4f7', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '170cc8abf345cbfeeb3d86a77ad4ba081465ee4d', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'b33497fd10358229f0125497dda088c1d0c3ee6b', "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: '1caaaf86725af4eb4215453453ab724c5777f035', "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: 'eb0b87432675feb37a2f6d8de9f6228e9e921b6e', 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: '68096d8011890d6c9e3a9ded2fae530714ddf76b' }, this.hasSeparator && (h("swirl-separator", { key: 'fa287ac64b879f41af585a0f82cf0425c3b50d13', spacing: this.separatorSpacing })), h("div", { key: '2bac9a44ac59ce35b3c12a0d6e1b00c2f0130e07', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'cd4c2252d5710e82661fe65b81791d0f16fd6847', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'a481ee0c63965c5d4231bcab6bb0d17531b3fe6d', spacing: this.spacing }, h("slot", { key: '8c94f961c6440ca5750857e62c1227e7ff44b2b7' })))));
+        return (h(Host, { key: '5035c9e22ba2dc828b760b77ff1fc47006b4cbb5' }, this.hasSeparator && (h("swirl-separator", { key: '52dd2ebd9d487acdc2f1313648ba4bab91aa9f80', spacing: this.separatorSpacing })), h("div", { key: '11d0c3d14a9633bc8ef4c5afb61933085e33477d', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'a2b20cbf62fc9c0dc2bc28e280ec2a6cacf2e23f', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '8953b6bcb30e2162007cbb50ba855b8c7f5b7e7d', spacing: this.spacing }, h("slot", { key: '9bd58a0449c94d7c4eff905a28101a101e90f5da' })))));
     }
     static get style() { return SwirlResourceListSectionStyle0; }
 }, [1, "swirl-resource-list-section", {