@getflip/swirl-components 0.531.3 → 0.532.0

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-warning-sign.js

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationWarningSign {
     render() {
-        return (h("svg", { key: 'a00ffed8f5f77e721bd50c6b4c69d4f4edea45cb', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '7a3961643722348d77ea04369de007a1f8cfbcdb' }, h("path", { key: '15f29c0a74e169b446060c63182b52db422a7d02', d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-banana-surface-subdued)" }), h("path", { key: '9c2d113a4a88666e502da817940acbad101284e2', d: "M26.602 100.25c-1.901 0-3.477-.625-4.727-1.875-1.25-1.25-1.875-2.826-1.875-4.727 0-1.276.326-2.59.977-3.945l32.773-66.21C55.234 20.496 57.396 19 60.234 19c2.839 0 5 1.497 6.485 4.492l32.773 66.211c.651 1.354.977 2.67.977 3.945 0 1.901-.625 3.477-1.875 4.727-1.224 1.25-2.8 1.875-4.727 1.875H26.602Zm33.632-11.445c-.937 0-1.744-.339-2.422-1.016-.65-.651-.976-1.458-.976-2.422 0-.963.325-1.77.977-2.422.65-.65 1.458-.976 2.421-.976.964 0 1.771.325 2.422.976.651.651.977 1.459.977 2.422 0 .964-.339 1.771-1.016 2.422a3.18 3.18 0 0 1-2.383 1.016Zm-33.632 8.32h67.265c1.068 0 1.914-.313 2.54-.938.624-.599.937-1.419.937-2.46 0-.912-.222-1.784-.664-2.618L63.906 24.86c-.885-1.823-2.11-2.734-3.672-2.734-1.536 0-2.76.924-3.672 2.773L23.79 91.07c-.443.886-.664 1.771-.664 2.657 0 1.015.313 1.835.938 2.46.65.626 1.497.938 2.539.938Zm33.632-18.984c-.52 0-.963-.157-1.328-.47a1.93 1.93 0 0 1-.625-1.25L55.86 46.54c-.13-1.614.222-2.93 1.055-3.945.833-1.042 1.94-1.563 3.32-1.563 1.407 0 2.513.521 3.32 1.563.834 1.041 1.186 2.356 1.055 3.945l-2.421 29.883c-.027.495-.235.911-.626 1.25-.364.312-.807.469-1.328.469Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: '085325608d688484549305145aaf198dcbe12a32', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ec2cad1a925b585723f695713efc3b9cee666627' }, h("path", { key: 'd88b4fe58c497dc1f292835e487e403b6c51f59a', d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-banana-surface-subdued)" }), h("path", { key: 'a72605ed0ee8dbe347945346c4325eec2a4bbe4e', d: "M26.602 100.25c-1.901 0-3.477-.625-4.727-1.875-1.25-1.25-1.875-2.826-1.875-4.727 0-1.276.326-2.59.977-3.945l32.773-66.21C55.234 20.496 57.396 19 60.234 19c2.839 0 5 1.497 6.485 4.492l32.773 66.211c.651 1.354.977 2.67.977 3.945 0 1.901-.625 3.477-1.875 4.727-1.224 1.25-2.8 1.875-4.727 1.875H26.602Zm33.632-11.445c-.937 0-1.744-.339-2.422-1.016-.65-.651-.976-1.458-.976-2.422 0-.963.325-1.77.977-2.422.65-.65 1.458-.976 2.421-.976.964 0 1.771.325 2.422.976.651.651.977 1.459.977 2.422 0 .964-.339 1.771-1.016 2.422a3.18 3.18 0 0 1-2.383 1.016Zm-33.632 8.32h67.265c1.068 0 1.914-.313 2.54-.938.624-.599.937-1.419.937-2.46 0-.912-.222-1.784-.664-2.618L63.906 24.86c-.885-1.823-2.11-2.734-3.672-2.734-1.536 0-2.76.924-3.672 2.773L23.79 91.07c-.443.886-.664 1.771-.664 2.657 0 1.015.313 1.835.938 2.46.65.626 1.497.938 2.539.938Zm33.632-18.984c-.52 0-.963-.157-1.328-.47a1.93 1.93 0 0 1-.625-1.25L55.86 46.54c-.13-1.614.222-2.93 1.055-3.945.833-1.042 1.94-1.563 3.32-1.563 1.407 0 2.513.521 3.32 1.563.834 1.041 1.186 2.356 1.055 3.945l-2.421 29.883c-.027.495-.235.911-.626 1.25-.364.312-.807.469-1.328.469Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-warning-sign"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-wave.js

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationWave {
     render() {
-        return (h("svg", { key: '49109b603741ba4978a366f31297eb30a368e89e', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '392ca1087c9c8d16677d3d86ae3cf24b4003dfac' }, h("path", { key: '3f7d143feca2374a1bde53d66225927ebea6350e', d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), h("path", { key: '14c804577f18da1bf5d306a41cc9b76ca3427f6e', d: "M77.266 101.031c-3.959 0-7.93-.898-11.914-2.695-3.959-1.797-7.683-4.388-11.172-7.773L32.422 69.547c-1.797-1.771-2.695-3.75-2.695-5.938 0-1.562.468-3.007 1.406-4.336.937-1.328 2.122-2.252 3.555-2.773l-1.172-1.172c-1.433-1.432-2.149-3.099-2.149-5 0-1.614.482-3.06 1.445-4.336.964-1.276 2.201-2.135 3.711-2.578l-.82-.82c-1.354-1.354-2.031-3.008-2.031-4.961 0-2.005.703-3.75 2.11-5.235 1.432-1.484 3.15-2.226 5.156-2.226 1.953 0 3.632.703 5.039 2.11l1.015 1.015c.469-1.537 1.38-2.747 2.735-3.633 1.38-.911 2.877-1.367 4.492-1.367.911 0 1.784.156 2.617.469.86.286 1.614.768 2.266 1.445l18.007 18.008a43.824 43.824 0 0 1-.312-2.305 19.82 19.82 0 0 1-.117-2.11c0-2.083.403-3.997 1.21-5.742.834-1.77 1.967-3.19 3.4-4.257 1.431-1.068 3.072-1.602 4.92-1.602 1.746 0 3.191.573 4.337 1.719 1.146 1.146 1.719 2.526 1.719 4.14 0 .938-.118 1.797-.352 2.579-.234.755-.352 1.588-.352 2.5 0 1.797.456 4.062 1.368 6.797.911 2.734 2.33 6.328 4.257 10.78l1.133 2.618c.834 1.953 1.459 3.815 1.875 5.586.443 1.77.664 3.541.664 5.312 0 3.907-.573 7.5-1.718 10.782-1.146 3.255-2.774 6.08-4.883 8.476a21.45 21.45 0 0 1-7.461 5.547c-2.865 1.328-6.042 1.992-9.531 1.992ZM30.742 88.023c-2.604-.442-4.883-1.588-6.836-3.437A13.541 13.541 0 0 1 20 77.906l3.79-.937c.468 1.875 1.392 3.463 2.773 4.765a9.384 9.384 0 0 0 4.843 2.461l-.664 3.828Zm3.828-6.796c-1.9-.339-3.567-1.172-5-2.5-1.406-1.355-2.33-2.97-2.773-4.844l3.828-.899a5.766 5.766 0 0 0 1.64 2.891 5.958 5.958 0 0 0 2.97 1.484l-.665 3.868Zm42.813 15.507c2.812 0 5.364-.546 7.656-1.64a16.514 16.514 0 0 0 5.938-4.61c1.666-1.979 2.942-4.336 3.828-7.07.911-2.76 1.367-5.82 1.367-9.18 0-1.614-.156-3.138-.469-4.57a22.74 22.74 0 0 0-1.406-4.336l-1.133-2.617c-2.057-4.792-3.594-8.711-4.61-11.758-.989-3.047-1.484-5.65-1.484-7.812 0-.834.105-1.732.313-2.696.234-.99.351-1.68.351-2.07 0-.443-.182-.82-.546-1.133-.339-.312-.769-.469-1.29-.469-.99 0-1.835.313-2.539.938-.703.599-1.25 1.393-1.64 2.383-.365.99-.547 2.057-.547 3.203 0 .495.013 1.029.039 1.601.052.547.143 1.29.273 2.227l1.055 7.383c-2.63 4.036-3.945 7.969-3.945 11.797 0 1.927.338 3.802 1.015 5.625.704 1.823 1.732 3.554 3.086 5.195l-3.437 2.89c-3.464-4.088-5.195-8.658-5.195-13.71 0-3.88 1.041-7.76 3.124-11.64L56.172 33.647a3.087 3.087 0 0 0-2.266-.937c-.807 0-1.536.286-2.187.86-.625.546-.938 1.236-.938 2.07 0 .963.339 1.784 1.016 2.46l16.797 16.797-2.93 2.891L43.32 35.445c-.677-.677-1.432-1.015-2.265-1.015-.808 0-1.524.325-2.149.976-.625.625-.937 1.367-.937 2.227 0 .911.312 1.68.937 2.304l22.305 22.344-2.89 2.89-17.383-17.343a1.733 1.733 0 0 0-.938-.547 4.505 4.505 0 0 0-1.016-.117c-.885 0-1.64.313-2.265.938a3.087 3.087 0 0 0-.938 2.265c0 .86.313 1.628.938 2.305l17.031 17.07-2.89 2.89-11.641-11.6c-.495-.495-1.133-.743-1.914-.743-.808 0-1.537.3-2.188.898-.65.6-.976 1.303-.976 2.11 0 1.094.586 2.213 1.757 3.36l21.407 20.702c3.15 3.021 6.445 5.339 9.883 6.954 3.463 1.614 6.861 2.421 10.195 2.421Zm-7.578-62.93a5.374 5.374 0 0 0-2.149-2.538 5.535 5.535 0 0 0-3.164-.977v-3.906c1.927 0 3.698.534 5.313 1.601 1.64 1.068 2.838 2.487 3.593 4.258l-3.593 1.563Zm5.625-5.117c-.782-1.77-1.967-3.177-3.555-4.218-1.563-1.042-3.294-1.563-5.195-1.563V19c2.656 0 5.104.742 7.343 2.227 2.24 1.458 3.907 3.424 5 5.898l-3.593 1.563Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: 'f1dcccae0f4a9dce99836a12791c367bc860945d', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ce2508ab65ddd7c4ae3a88226b87f81985cdb7e5' }, h("path", { key: '6148ad79c74374a04c3b10bb3123f81add6aa32a', d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), h("path", { key: 'e0e17c8392e7cef9928f94f37e1d1826f3b88ff0', d: "M77.266 101.031c-3.959 0-7.93-.898-11.914-2.695-3.959-1.797-7.683-4.388-11.172-7.773L32.422 69.547c-1.797-1.771-2.695-3.75-2.695-5.938 0-1.562.468-3.007 1.406-4.336.937-1.328 2.122-2.252 3.555-2.773l-1.172-1.172c-1.433-1.432-2.149-3.099-2.149-5 0-1.614.482-3.06 1.445-4.336.964-1.276 2.201-2.135 3.711-2.578l-.82-.82c-1.354-1.354-2.031-3.008-2.031-4.961 0-2.005.703-3.75 2.11-5.235 1.432-1.484 3.15-2.226 5.156-2.226 1.953 0 3.632.703 5.039 2.11l1.015 1.015c.469-1.537 1.38-2.747 2.735-3.633 1.38-.911 2.877-1.367 4.492-1.367.911 0 1.784.156 2.617.469.86.286 1.614.768 2.266 1.445l18.007 18.008a43.824 43.824 0 0 1-.312-2.305 19.82 19.82 0 0 1-.117-2.11c0-2.083.403-3.997 1.21-5.742.834-1.77 1.967-3.19 3.4-4.257 1.431-1.068 3.072-1.602 4.92-1.602 1.746 0 3.191.573 4.337 1.719 1.146 1.146 1.719 2.526 1.719 4.14 0 .938-.118 1.797-.352 2.579-.234.755-.352 1.588-.352 2.5 0 1.797.456 4.062 1.368 6.797.911 2.734 2.33 6.328 4.257 10.78l1.133 2.618c.834 1.953 1.459 3.815 1.875 5.586.443 1.77.664 3.541.664 5.312 0 3.907-.573 7.5-1.718 10.782-1.146 3.255-2.774 6.08-4.883 8.476a21.45 21.45 0 0 1-7.461 5.547c-2.865 1.328-6.042 1.992-9.531 1.992ZM30.742 88.023c-2.604-.442-4.883-1.588-6.836-3.437A13.541 13.541 0 0 1 20 77.906l3.79-.937c.468 1.875 1.392 3.463 2.773 4.765a9.384 9.384 0 0 0 4.843 2.461l-.664 3.828Zm3.828-6.796c-1.9-.339-3.567-1.172-5-2.5-1.406-1.355-2.33-2.97-2.773-4.844l3.828-.899a5.766 5.766 0 0 0 1.64 2.891 5.958 5.958 0 0 0 2.97 1.484l-.665 3.868Zm42.813 15.507c2.812 0 5.364-.546 7.656-1.64a16.514 16.514 0 0 0 5.938-4.61c1.666-1.979 2.942-4.336 3.828-7.07.911-2.76 1.367-5.82 1.367-9.18 0-1.614-.156-3.138-.469-4.57a22.74 22.74 0 0 0-1.406-4.336l-1.133-2.617c-2.057-4.792-3.594-8.711-4.61-11.758-.989-3.047-1.484-5.65-1.484-7.812 0-.834.105-1.732.313-2.696.234-.99.351-1.68.351-2.07 0-.443-.182-.82-.546-1.133-.339-.312-.769-.469-1.29-.469-.99 0-1.835.313-2.539.938-.703.599-1.25 1.393-1.64 2.383-.365.99-.547 2.057-.547 3.203 0 .495.013 1.029.039 1.601.052.547.143 1.29.273 2.227l1.055 7.383c-2.63 4.036-3.945 7.969-3.945 11.797 0 1.927.338 3.802 1.015 5.625.704 1.823 1.732 3.554 3.086 5.195l-3.437 2.89c-3.464-4.088-5.195-8.658-5.195-13.71 0-3.88 1.041-7.76 3.124-11.64L56.172 33.647a3.087 3.087 0 0 0-2.266-.937c-.807 0-1.536.286-2.187.86-.625.546-.938 1.236-.938 2.07 0 .963.339 1.784 1.016 2.46l16.797 16.797-2.93 2.891L43.32 35.445c-.677-.677-1.432-1.015-2.265-1.015-.808 0-1.524.325-2.149.976-.625.625-.937 1.367-.937 2.227 0 .911.312 1.68.937 2.304l22.305 22.344-2.89 2.89-17.383-17.343a1.733 1.733 0 0 0-.938-.547 4.505 4.505 0 0 0-1.016-.117c-.885 0-1.64.313-2.265.938a3.087 3.087 0 0 0-.938 2.265c0 .86.313 1.628.938 2.305l17.031 17.07-2.89 2.89-11.641-11.6c-.495-.495-1.133-.743-1.914-.743-.808 0-1.537.3-2.188.898-.65.6-.976 1.303-.976 2.11 0 1.094.586 2.213 1.757 3.36l21.407 20.702c3.15 3.021 6.445 5.339 9.883 6.954 3.463 1.614 6.861 2.421 10.195 2.421Zm-7.578-62.93a5.374 5.374 0 0 0-2.149-2.538 5.535 5.535 0 0 0-3.164-.977v-3.906c1.927 0 3.698.534 5.313 1.601 1.64 1.068 2.838 2.487 3.593 4.258l-3.593 1.563Zm5.625-5.117c-.782-1.77-1.967-3.177-3.555-4.218-1.563-1.042-3.294-1.563-5.195-1.563V19c2.656 0 5.104.742 7.343 2.227 2.24 1.458 3.907 3.424 5 5.898l-3.593 1.563Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-wave"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/swirl-illustration.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 export class SwirlHeading {
     render() {
         const Tag = `swirl-illustration-${this.svg}`;
-        return (h(Host, { key: '9fca1dd6c72d26e2f166adc416339138a3f12822' }, h(Tag, { key: '4ba2bd4e8acfd35f60502d98b89e9917f01c023e' })));
+        return (h(Host, { key: 'fcb588dba00c523ae4665519847972bffcb8b8ba' }, h(Tag, { key: '9ba89dcb7b1816741fcf9099007358ba4b594d3c' })));
     }
     static get is() { return "swirl-illustration"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class SwirlImageGrid {
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (h(Host, { key: '7d58919abfecf5f283e7462aacb97a3b7f46f767' }, h("div", { key: '3e24666b4248ae45a5ab2854a8ca2b0369367c53', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '089c11baacb977169777333182ccb58e0fa19b16', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: '82c6485f0e3a6e338ef19fb0cb5956b3841afa5a' }, h("div", { key: 'f866480daad6e7cb06aa08a9cc400ddb11719b1f', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '19ef15c1462adf87feeed68dc2e84c85520873e1', onSlotchange: this.updateItems }))));
     }
     static get is() { return "swirl-image-grid"; }
     static get encapsulation() { return "shadow"; }

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

@@ -130,14 +130,14 @@ export class SwirlImageGridItem {
             "image-grid-item--loaded": this.loaded,
             "image-grid-item--gif-paused": this.gifPaused,
         });
-        return (h(Host, { key: '43d9c77c8f1bf61587b7f63dc327e33a226bf0d9', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'cadf2f3143d8f832df1fd807b3c2e1b1dd05f021', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'ffae2c93ddd5149e702b5fd49a76aae6eb3b60c8', class: "image-grid-item__background", style: {
+        return (h(Host, { key: '27df369fe68ad49cf81138049b54859ef35134e4', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '40ac752ff76b88b727a9db63f854e76c6d78701d', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '414fd69fc3f498b8d332fc33ceed1e320c8c6ed8', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h(Fragment, null, h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc }), h("span", { class: "image-grid-item__watermark" }, h("slot", { name: "watermark" })))) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '7e9c81cf1d1f2d5a9f81e523d491db1d0471f1fb', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
+            } }), showImage ? (h(Fragment, null, h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc }), h("span", { class: "image-grid-item__watermark" }, h("slot", { name: "watermark" })))) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '332ab0433828d51cc7bd4acb9d96af0dd1348a9a', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'fcc8a0b0ca57974eadb9fe4f8fa156b1aaacd536', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'cae6b2a5f9b4bfe904d2f7f3f073b6ebfc0a36e8', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'f79c92eab5cda90709b85ab119ab430eaf38b7df', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: 'c09f6360fc831f397daac05bc464718107c02af8', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '53d28b3c5fceff9df9a6eb087f0c31e6e1f94a93', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: '62ee2e71a93696df5bca8e190595b520066ebab0', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '91b2a8d3085b8443d3e11204cf7d6b24989e84dd', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'cb07e211cee88d36250ead631d32fa23298dbcdf', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '2474fd9ff0e40054d71fe2e6e7f122d02e06ff59', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '2bd8270c74b9c5aa96bf009de7eaa5fe50bc1f54', color: "critical" }))))));
     }
     static get is() { return "swirl-image-grid-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlInlineError {
     }
     render() {
         const className = classnames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: 'c26b4741e075afe32d1fd0d0f20eb70bd13314fa' }, h("span", { key: 'b66b9fc8f3446d347cb41bdbaa4efaa4833133fc', class: className, part: "inline-error" }, h("span", { key: 'fa80f91364acc999b86b2f7dcd022ea449db8cd2', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '18ada427c607905f08e178781952fcc9c23a332b' })), h("span", { key: '0661a115e8333f8e11f168684a33610e24b6a33f', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: 'a8a816f81dca49aa6b18d12a485eded94daa85ba' }, h("span", { key: 'b29422936695f812e9c62790c8f42c3b1d4e3c1a', class: className, part: "inline-error" }, h("span", { key: 'eb713bb10afb9ccad4c65df4f8ef412e3aa5792e', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '01cc2fe602c6cb858789fa53439165d4e3590ee4' })), h("span", { key: 'd3828590f832e115c48fc51f100c8ca3bee4fb88', class: "inline-error__message" }, this.message))));
     }
     static get is() { return "swirl-inline-error"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlInlineNotification {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`, `inline-notification--border-radius-${this.borderRadius}`);
-        return (h(Host, { key: '3f5b39c33c6f2b5c97fcdcb31fd6a9b946d1e3e5' }, h("div", { key: '8a82ff4ade334aa362b81308f0c9483adde8df97', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '98e669da6486893d51525bfd0ccc4b079d4b3276', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '9f7bad203ac97efef312de08c3eef8c4fc99c997', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '8608046dcb0da2610cc694cb514096b1899bca27', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '13e01d1773f9be0b9d1d075e3e24669d719c4859', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'bd7734a1167c7087b95d9791cc7f6d283c77ba22', size: 20 }))), h("span", { key: '9e9be71d0b8e50399eb467f4bbbed6a639b5a78d', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '0434cf683c31378211296f1a1136d39201029a28' }, this.heading))) || (h("swirl-text", { key: '8aaa450396dae1fecf4f148fdb89f261c4cc9a0c', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: 'baf4dbb5c697bb0a9c06cdc8271242f622a91ed3' })))));
+        return (h(Host, { key: '2193442d2cc4034153e23b1aa8b339cc6b0f2f2e' }, h("div", { key: 'a54f1815e657bfd1e0e3346bd60d34946e01adfd', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'd2835e377dc659a163051975924928d014d6c889', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '4e02c1b49d605867c88b77d400b6777b98216036', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '9d0f96afa32ac2afb875d2ee2c7e2baf0c188884', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'fba1d618a9549775c5f1d77643936923c9dc1e17', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '8b52d0d5cccd4b578c390b2002f088386b5abc67', size: 20 }))), h("span", { key: '69855fa0ee1ee737b947595266f76206a42f0137', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '18fc6993d5103d1afdd00d02b790d91f836c7ab8' }, this.heading))) || (h("swirl-text", { key: '5ce9f06f4079aac56269b0ff62c32faf9a6a3915', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: 'aa0695b56e5f3ea477ada1d21bb681f4399b0ca9' })))));
     }
     static get is() { return "swirl-inline-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class SwirlInlineStatus {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '230d41a29a1d3cc88db8537e829d05fd9f0ffc72' }, h("span", { key: '3421ea5c8a450ff656fc8e00f1f46a78db9e8bb4', class: className, part: "inline-status" }, this.icon && (h("span", { key: 'd000359a8d13f184352990ea4746f4f10da542a6', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '0896dff995aca38f140f8410c964838465eb9bc0', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '81edd2dcbb01b7f33e4e5e3bb7e24f88b5e9dcbc' }, h("span", { key: 'dc519d6dea17b65fbbc508fbaaaa12bc80ceda4b', class: className, part: "inline-status" }, this.icon && (h("span", { key: 'c74d63d6b9412cef4fc974c4d122ae48ade25542', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b7021e1d3513ce6839a1c40a1d7f4af419ecc7db', class: "inline-status__message" }, this.message))));
     }
     static get is() { return "swirl-inline-status"; }
     static get encapsulation() { return "shadow"; }

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

@@ -292,7 +292,7 @@ export class SwirlLightbox {
         const className = classnames("lightbox", {
             "lightbox--closing": this.closing,
         });
-        return (h(Host, { key: 'a14a462f3d776d9820d52e267269f3b2f4d5875a' }, h("dialog", { key: 'b13c41362d9e41ff24bdf30280ef71e92d7847ae', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, 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) }, h("div", { key: '67058f1720320b86e0fbba27aa0154e55d2ecadb', class: "lightbox__body", role: "document" }, h("header", { key: 'd5ecff9fc1ddec2b99056dc6f15a622182fca7ee', class: "lightbox__header" }, h("div", { key: '77a39577d752db9b8c2ea26911c708404ef3f941', class: "lightbox__toolbar" }, h("slot", { key: '96a4d48f5ef7f2b1d000865053a38175abecead1', name: "toolbar" }), this.downloadButtonEnabled && (h("button", { key: '4bcb44b44200b696e2df9858879f7f6c8992086d', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, h("swirl-icon-download", { key: '3abb4c2a88a310ac01eaecf3ca9dd6ad16a9709b' })))), h("button", { key: '1e9d3ada5cce613f147ae30043a44aee08059ae4', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, h("swirl-icon-close", { key: '931b7ae3ea13905912f6189e213235bad0b0b56a' }))), h("div", { key: 'e07cae61fbdd39dbb33df6d531b9edf869a2ee2b', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'f49ce5261ce3863127454e0e0ec28e3f8b773fdd', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '08d37f62b72e75518dfb5510c6b941a26aa47924', onSlotchange: this.registerSlides }))), h("div", { key: '4fe9c529d533ec80b4f988d51e71aa7e6c628eab', class: "lightbox__controls" }, h("button", { key: '02c38c9d4baaaaa100f0f151675f7cbd1aa52418', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, h("swirl-icon-arrow-left", { key: 'b61af3897e92bb475771933b6778ef301596f040' })), h("button", { key: 'e949ab0326a02265e27103dd7352d7b97ed46615', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, h("swirl-icon-arrow-right", { key: 'a9b27b62328fb6a9b2cc510c124ed0f2a7cd2615' }))), showPagination && (h("span", { key: '97c01ee5a5bd641239e580dc8c5697a9f0183f06', class: "lightbox__pagination" }, h("span", { key: '65a97fadc906209177639647248a213d593ca076', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
+        return (h(Host, { key: '7b04c354c919a60a7e6fc3dfc115d6bf7b8387eb' }, h("dialog", { key: '873c0b04b8590615ba075c569cbcc793fd2f5a30', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, 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) }, h("div", { key: '9f1807d56bd93179084625a7e9771a5ce23abdfd', class: "lightbox__body", role: "document" }, h("header", { key: '0fcce1bb565d84bd7906810638bd833e66d78e85', class: "lightbox__header" }, h("div", { key: '1d9decfc61f1419c85c7697522e3ac5bdf8a97e5', class: "lightbox__toolbar" }, h("slot", { key: 'f0a41a9359df335002d641420beeff1be1f0e719', name: "toolbar" }), this.downloadButtonEnabled && (h("button", { key: 'e0237881b84ce84845259fd87077efe5ab398db7', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, h("swirl-icon-download", { key: 'e66cd499af8411ff2d6bcf16e5d13799bea091cd' })))), h("button", { key: '40163361bd02a1dcc9ca38f2698aac11890b89cb', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, h("swirl-icon-close", { key: '2624d4ea2794a65a932c4d376b1b47430b83c1bf' }))), h("div", { key: '74697defbf4ecd1e68a194d6b95c82be4a81ee50', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '9a7a50c3c0435cd4acfa92c6858d8d955c27f27d', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '8fb547fb373ecb8c5e04d3d9538c496aeb0743ef', onSlotchange: this.registerSlides }))), h("div", { key: 'b9c9f33ee7ba71c382cb922c9fe0abebd56a0054', class: "lightbox__controls" }, h("button", { key: 'ac9978dd6948bfbaa514c2f6875eb88e11e124d3', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, h("swirl-icon-arrow-left", { key: '14c72a5c7bc6e9f12c409531a89630d3b16b2ab6' })), h("button", { key: '9d4e38ce89835fcc2dd1fdbb0d4ace128f322b26', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, h("swirl-icon-arrow-right", { key: '6378e105158d7c618b0ff1c97c70f503f10abff0' }))), showPagination && (h("span", { key: 'cbe39ebe2bcfe4204b56563cd26a3b58d597e03d', class: "lightbox__pagination" }, h("span", { key: '103b927c51007e503f830a422a3fb8737a0f48ea', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
     }
     static get is() { return "swirl-lightbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlLink {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '9e674d16a1d4fd3b82e16253ceabbfd71fcd5005' }, h("a", { key: '6d88882ac01ff796280e098d59564437fdc2cf95', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'fc0931751652b9dedf36ad1d9e51890dd559d222' }, h("a", { key: '198121bff7dc425aacbd5e21eaa38461a34db57f', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get is() { return "swirl-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SwirlList {
         }
     }
     render() {
-        return (h(Host, { key: '0e4b35ffe8c0f5a14a93150e3e68b587cae65b55' }, h("div", { key: '135297746d93deb1beb636801df57b15e5b68484', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '6eb7e283610af5ee58ae4becc32e024f75165f11' }))));
+        return (h(Host, { key: '6a3c08d80de47e8f49991536d1c75817bee35963' }, h("div", { key: 'ff976531e4400213b9d21dd7b0a6bf5dee1c40c0', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '342d019fa5e970862edf8b92ddd1aec9f904dce7' }))));
     }
     static get is() { return "swirl-list"; }
     static get originalStyleUrls() {

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

@@ -290,7 +290,7 @@ export class SwirlMenu {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'd4f95b5e7909c159d8ca5c9a02f36accc6694764' }, h("div", { key: 'da2779ac100cd9b71ffbbf3ba315defa7a7260b3', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'f5a5c1774ac9b15a423cc79884cab91184a454a2', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '0727a7204c41bdeeb780ecd2944ae9af10e471e0', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'bfdf9e0f7b5f998e00033e8f29e406c06190adfc', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '55a328265717055e37d328bd3a5397827af00081', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'eb7e9c991ba8dfe2a09a904575bf7528e07cadbe', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '43511203658cd8869fea5df48061ded990aa81ce', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '32cdc268dc2c4f0a249bf7966c3094bf841f57f5', "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: '4e89ee4cb35474739d4230a4f8e967f565091c70' }, h("div", { key: '050b57e3fd546e38e0dbe32639d757f34988be39', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '4f19c968e3857f257dff94cc3978eadc252838bb', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5be486288499634b2c7ca292a449013c94ee3dc4', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '46ab5c13abf9f04f080fe7b9930132d48f4e06fe', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '0c8424eb2e3039d7b6281c35d69004ede0491605', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'f24f4369d20e104844672a28f38ce562dbda8b37', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '5447d50b1a68866d5a9dd9d0824c60a71ee1e10c', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'b25517166e1da61018cfb36cd3fe8362f782ec69', "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` : "",
@@ -302,7 +302,7 @@ export class SwirlMenu {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'ba834e3cc69de93c056ccd153ebdfd9f6057901d' })))));
+                    : undefined }, h("slot", { key: '3d9edcf34f6f662a375a485e0154378f1d4c4e62' })))));
     }
     static get is() { return "swirl-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -108,9 +108,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '212935d95e8cfc1d1727d966fbd9f844b7c3eaf7' }, h("div", { key: '1d7146f6f4e99b86cf6a3b5acbc60a42ccdea09b', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '256a294d5fff02896d9affe57abe5f236362a5ea' }, h("div", { key: 'c2218d58cdc74b546d7955259e1fc8f357c10d01', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '3dc5a350912bcabf88fe4888cabe0cff8defac77', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'ec0d49ff7e6cc43b9ddbeac1ab2f52f2ff39f853', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -316,29 +316,29 @@ export class SwirlModal {
             "modal--show-backdrop": this.showBackdrop === true,
             "modal--hide-backdrop": this.showBackdrop === false,
         });
-        return (h(Host, { key: 'a4a86ec07c44c8bdf083b896526c3e8d3693bc8d' }, h("dialog", { key: 'e06e60af5b6c01152756af0eb143125924fda737', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, h("div", { key: 'dc7fc803d1fed43daafe1c6068a70d306ba26741', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '5af6a906a4c258805ca6f2a19f9411d7ade1768c', class: "modal__body", part: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'bb3ee9e0e41689609fb2ce6c758fdfa196224317' }, h("dialog", { key: '23edbfbd0e375d320dcbd92f48f7574ec19db3d7', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, h("div", { key: '483fb8fff488d26051958dafc7bf862a0d08bc06', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '4c930e03493ba4a2b145b525051a861b37a37d63', class: "modal__body", part: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: 'd81b74fbf405ecaa2fc6d55c63c94455fe969990', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '0d50caffb53a40009ba18d975bbd10547d387096', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: '84f4a98782ed78d099cbd1e858070a18d511354d', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'abb115208c9b4dc84df877b109403a6891b1e41c', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'ee3f807a5966c16c0e526c0b18e1431582e54056', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '6742901788dfb273b471f693fa350a1fb9b81768', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'ab956419c46fc310e87372b2694f4a2a9bb07548', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '8cbdb8c776b0d14d0642080fb9f0bb2bd7674b5f', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), h("div", { key: 'e85a449242a54494130dc90d345f94025ab482d4', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, h("slot", { key: '860ba1b7cbcbb5ff550a6d4361745e20ee4d3f85', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), h("div", { key: '023a19a5a523cee719ce893f3ca59ee6cb4ab2d0', class: "modal__main-content" }, h("header", { key: '6d1299be352a436ae46b05bb39971dc9ff7f8420', class: "modal__custom-header", part: "modal__custom-header" }, h("slot", { key: 'bb2fded089e747367b720bf42ba171cf04a0b8c7', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '3f59e23fefc8ee3501e2b8b5f909ad551fa6d6fc', class: "modal__header" }, h("div", { key: '233a8f13834898444809d9f8433193daa251c16a', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7eadd7dd005250a8d8e63f4ba6d9a6f8a1b3ca08', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '63907879a0bca6293e97554af6562dca86b4c9bf', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ff21fff218771d5c248ed629e5ed42669c680f1a', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '2c8057f8cdeba8327d3bb6a4d52df218cf798c60', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: 'f113b74d31d967d39a29ac3873052f61e252283d', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), h("div", { key: 'af9e00996904782f9ad2fa7430aa9362b7534f2d', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, h("slot", { key: '6238471a909e09c48e12f07c842c16f693c29b2b', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), h("div", { key: '095eb359887bc20989888c7b7885aee740410a23', class: "modal__main-content" }, h("header", { key: '571d6451532f28f5650ef3b2abe69031e66749bd', class: "modal__custom-header", part: "modal__custom-header" }, h("slot", { key: 'e7a6ae8769b00a273e5e0e8d8ffb90054c5cad01', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '772cfbd82e04d4158b14db2cb67b1782ab83dbc4', class: "modal__header" }, h("div", { key: '4082b15e240f44c38955783b1c348b2e2ca86b2f', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '9e41a9a1ec74e34719386fb44454157f0be8e8bf', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '64ee96733baeec6b8522399f35c47c74be0f8102', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '907ba56e13dd790486b9f2b21a8f74992d656426', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'd9ac5da08638bb7018dac8d1d318c2b4e0736542', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '406b3a855b05e74f1ee4acc1517d67341506fa22', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '64bcf211cb5cac977eb593933bc352d56d40bf11', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '1b549e4273fea8232ccb25048b44ceeb05c6e85a', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'e83c26591a0a2ca9d023eec8dba294cef18fdf89', class: "modal__primary-content", style: {
+            } }, h("div", { key: '79397f7c83404d0a175caf5d0f8cac64fe275657', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'a47ef165e6614053ea2b6b010c981af59f9987d1', class: "modal__header-tools", part: "modal__header-tools" }, h("slot", { key: '15fb393a0674401622c485b3d9aaced96b97ad4a', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), h("div", { key: '6a4a0a3b00760a6876295cfbc890aaab922d514c', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '4a32656a4710b04e1e7c1caf6dd6605946fda893' }))), h("div", { key: '0596be67b7b2d6b9d0aa428a821040a2aac2e135', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '8bbffd128ea7ee5536062d1ae1db391546f2032b', class: "modal__header-tools", part: "modal__header-tools" }, h("slot", { key: '5d252a13f3ab709f229c51c601748833690d0cdc', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), h("div", { key: '3c0a6c207a0fa5b3ce3a7ad9dcc0ea2e2eb4d5a3', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '33c768842d52bcb617ccf03daff9a8ffa7434425' }))), h("div", { key: '2f5620a5f7d7b4eb59918d3df7ba9b5f3cba179d', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -356,7 +356,7 @@ export class SwirlModal {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'e111ac8ad27295494a2d88fc85ea41b70e055fe8', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), h("div", { key: 'ad15d1be8af76010ccfc5d4ef8b6e3b5cebcc4a3', class: "modal__custom-footer" }, h("slot", { key: 'e1d48aea84c02cef82bb25fbf6c57a6c2baedb0d', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (h("footer", { key: '2826ebb52ae505ce1777e69662af0e30bd79f252', class: "modal__controls" }, h("swirl-button-group", { key: '596093bffabb09ba0fc41452369a60de6438580c', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '37dccfc2ba11660bbc745a13f5b4bb3784c96562', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f5032c93221904642c8247f278f92963f11fc9ae', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '292a3f6ef5b6ea07145f797a29a06b9abf520d08', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), h("div", { key: '441d039da038acd9f24d9133256b2ab6b5e06e40', class: "modal__custom-footer" }, h("slot", { key: 'e1374f6d253c3be37dcbab2eeb0d7c1a75789afb', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (h("footer", { key: '235891c784e2854a36f8b0285feee9f9189cea3a', class: "modal__controls" }, h("swirl-button-group", { key: 'd8819718eba5d1dfac5a65f2b2ddbc6cd62f819d', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '973c64021869489945e14dbd09eb01c60423696b', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'a3f366dc8fe792356f09768b5f1b8d5a84b58cb9', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     static get is() { return "swirl-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-modal-shell/swirl-modal-shell.js

@@ -52,7 +52,7 @@ export class SwirlModalShell {
         const className = classnames("modal-shell", {
             "modal-shell--closing": this.isClosing,
         });
-        return (h(Host, { key: 'e92cafa89a759238d336a017e5e4133889148590' }, h("dialog", { key: '967caa3fe1b04b9164bd5176d713ce4dedb85092', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'db51d8d96aafb07641596406fc197262f4aa91c1', class: "modal-shell__backdrop" }), h("div", { key: '505c707bf91197dd03a30018fae5d5bb10ae9576', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, h("div", { key: '33301e35ce5369cb3a5312a056f49b6a1cc9f695', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: 'c5fea0ec9f77eae918166c432ed5954c2a5bd18a' }))), h("swirl-button", { key: 'dfc1c5b337e71949c33e0a2b7a9633afc57c0451', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
+        return (h(Host, { key: '0b1b61a3a6928cd2f7d9b6b024abb820edb95c1d' }, h("dialog", { key: '3a513fdce103a4b38267dac0d631a19c6c30a586', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'a785201753db01e713486e88d826ed4f8e7c46a7', class: "modal-shell__backdrop" }), h("div", { key: '60a4491f0f7353d75c34b4ea878625e876b75b9a', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, h("div", { key: '66354136e80213179220ed797e11c3b70241e680', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: '4a1c8405f674dd849bb647433589c7f3ff9e8a7e' }))), h("swirl-button", { key: 'b6183ff049894db93d4085dc74f9c532867daf52', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
     }
     static get is() { return "swirl-modal-shell"; }
     static get encapsulation() { return "scoped"; }

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

@@ -445,7 +445,7 @@ export class SwirlOptionList {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: 'bfe649f71cdebee2413b48a310601cfd23b7b010' }, h("swirl-visually-hidden", { key: '3fa40ea3271cedcfc4c2b0658646aa218577f088', role: "alert" }, this.assistiveText), h("div", { key: '72bba3bea57539decc4043c05a9828b330bb50bd', "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 }, showSelectAll && (h("swirl-option-list-item", { key: '844a6ccb53f7738c82f3d452ed869160dff48192', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '4c4c88b1939369558f20cf9b2694d0fcd38cb1ed', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '7ac065f48e21732a0e7f4cec3289a6a25e17cdf6' }, h("swirl-visually-hidden", { key: 'ac44e536dc90da7063a36936b48b97704fa4d819', role: "alert" }, this.assistiveText), h("div", { key: '324c9042003c223e1326a0e4b49de9f242bae8d6', "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 }, showSelectAll && (h("swirl-option-list-item", { key: 'c4dd5ad5c49688ea47a10abb2de54a4712d1ff5b', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '03d4ac06b57415713cf7b79c2a5ab605e3e1ae44', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -62,9 +62,9 @@ export class SwirlOptionListItem {
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: '65b596f344240e20c4ec0017e1d6392e1558c22d' }, h("div", { key: '884fe9a8aee2ded06e8de7b18a3600ca36b50210', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'b5aaf4ae7ea6e5ceaff70bab71b30c20c7dffbfe' }, h("div", { key: '77e3f55f107cc8627ef0187d5c4cc7b568ebfcd9', "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, style: { minWidth: this.minWidth } }, showIcon && (h("span", { key: '415dff8918dcdef48e1d4259944c12f2632609f0', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '9e53d370663d88367986c0b1c6de480c1adca67e', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '7a05cb4c797f9437ca7c4423f84cc40de3e84c62', class: "option-list-item__checkbox" }, h("span", { key: '5a4bc05692c7145f46e15b73e0b19954eb2bae5c', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'd055acf67a67ad0c9132f7275be2f35d8809e53f', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '4ea96bd0f579a56092862d52d66ef2cd18ec2a55', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'da85e5088d4bd6906e1d82a40d57def8ec01b540', class: "option-list-item__avatar" }, h("slot", { key: 'f1e5deca07de4decfb78f6321c4c07d32bd773bd', name: "avatar" })), h("span", { key: 'ecd5755a7a32093b0d8a31eb1db44ea4a1f4610e', class: "option-list-item__label-container" }, h("span", { key: 'a55b7aafdeae686ef48d94cbaf1b2a31f95ad429', class: "option-list-item__label", style: { whiteSpace: this.truncateLabel ? "nowrap" : "normal" }, id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '15413719b08d094a7ea78a976e37a3a2e2232a41', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '452c6597248118a1209dfcddcca54e880b976508', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'f7f15b3492d9ddf5d54b46487c4d0f58fc494ef3', size: this.iconSize })))), this.allowDrag && (h("button", { key: '6e826e283b12385c03f8cfc46bb264bbcc47f4f8', "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: 'd470bde1b9ee0a8ee3829eec92342dfed45e813c', 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, style: { minWidth: this.minWidth } }, showIcon && (h("span", { key: 'e8555f8d07ef4cf7c3e119bfc99ec1fede75f458', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '33842d55954af945ef60447d87820b0d6a6a11cf', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '10e72dcd704c7804599de7384b754518c3c221a5', class: "option-list-item__checkbox" }, h("span", { key: '17c0aa731d77c84f975faf7d3eb68848ceee4462', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'd91ee0e66e6a5a6e1087d6076d91e79deea99a58', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: 'a127a21b0ebcc112ade9879bfcfb059523666f15', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'c981b6aacb6d6e94a7d2762f5de6686e7e0c2dc5', class: "option-list-item__avatar" }, h("slot", { key: 'f48b8ef345eba64cb969acc667afbe589170ee22', name: "avatar" })), h("span", { key: 'e8fc56506a32ff29a0bb02ed1d7cac87f7e70782', class: "option-list-item__label-container" }, h("span", { key: 'a684bf7b22a53b77a7e1433376102722dc1692a0', class: "option-list-item__label", style: { whiteSpace: this.truncateLabel ? "nowrap" : "normal" }, id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '04bacf1ff34692826138c659ff9caa51a48660a6', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'ffadb4f479b671a1d977c7db9908c5762aa067a1', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'dd7bef36511d1f7d95fdea5308cf4d9d8235fc73', size: this.iconSize })))), this.allowDrag && (h("button", { key: '34dc6653fc91019a3f8a096b7786988735b19d2f', "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: 'e2609764cc9758d4d084d4e7062c3828fa9e2709', size: this.iconSize })))));
     }
     static get is() { return "swirl-option-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SwirlOptionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '52e0bb7bfe1a1c188a9130f4e990c1a1464a79f0' }, this.hasSeparator && (h("swirl-separator", { key: '20183ac39f217c559e01db1e126ec489ed366607', spacing: this.separatorSpacing })), h("div", { key: '5b00e1e93d35de37f99efde4e34c4fdea5661799', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '26cab1e3bda1a909443d34c88f5259efe33fe815', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '4f7e073d308cf5616412becc355a7ea0c61b7050', spacing: this.spacing, align: "stretch" }, h("slot", { key: '4193295e0eef10535a16aaad3ecffff400dc56d0' })))));
+        return (h(Host, { key: '6a1b336ac07dfa9691bf1d2da55d5b6185b20f42' }, this.hasSeparator && (h("swirl-separator", { key: '8afebcda96a0ce52a116abf47b6fd5020f54d030', spacing: this.separatorSpacing })), h("div", { key: '91d04ce2fdede9ed58835e9eb20d53b28a0739ce', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '88e90d4995305f88a9bfe591bbc0683fb501e467', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'a23086254cf7692312073b8d3a60bdc147645f70', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'af30cac91b16db3be3ccd985d58473f212bbf2fb' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export class SwirlPagination {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: 'b9d5521b3b1e6f8eeb43f5fbee8ae07a491d3a19' }, h("nav", { key: '76db31bfce09044b7f76132e5bbf705a1b1e9086', "aria-label": this.label, class: className }, h("ul", { key: '4d97f16bf0db33327737372e3a915313fe49298b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'c156a0d4e949d1558a953fe3fb7057af923ac992', class: "pagination__list-item" }, h("label", { key: '29a86d9a9664eb9fcb69a10007cf792276ea0e80', class: "pagination__page-size-selection" }, h("swirl-text", { key: '7b40dc198746e40ffc144a83d9f7c431190afe0e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '4dfb746397a08ad034a48b9dd12541150e648b6a', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '2f3fb1d3a0c64fc099e80e4f32fb5fdd4efd3c1d', 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: 'b9c641d24b71b8e122949fa9751c11bff4c295cf', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '616f9f17c566b8c04905a2209bc829d547e60d44', class: "pagination__list-item" }, h("swirl-button", { key: '57a71dc9821130dc81d3363f458a28a6a5c43b04', 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: 'cf04b3b58e820355f1664147d87ee54b398c732f', class: "pagination__list-item" }, h("swirl-button", { key: '6c7863b0e14e0309289c82ebaed36668fa587fcd', 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: '36bb830ae8f90cdd89540b178c8151eb4cf700d0', class: "pagination__list-item" }, h("swirl-button", { key: '6a1508c2d5ee020b896f816d5fae200ef12dae1a', 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: '80bf0ec83012aa1c1430172afc6162e088f197ba', class: "pagination__list-item" }, h("swirl-button", { key: '441358cdd1dbc516b10edefa8ba1d16048634929', 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: '0c3002d635d17cf9bbdbfa8a21c86d3a0030fb61' }, h("nav", { key: '4c232714ee4cb389c2090d538701181a14df586a', "aria-label": this.label, class: className }, h("ul", { key: '2d368471fc24b430fc97708fac6d4b7d7e6de287', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '04e4aa82282b1418f44f1ae4441488f4cecebda2', class: "pagination__list-item" }, h("label", { key: 'b4acd800643fa2e7d7c2027f799e0d8e19e42955', class: "pagination__page-size-selection" }, h("swirl-text", { key: '48252e9ceb835ce2014b8eccfd972447c9cd8f87', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '03099ed65b13c8f6fda910258b1508bef1a4ccf1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'd74235ef14e3986a2571efcf34015fb45d97b262', 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: '3199a1adb6012b3a7e31aa317778175e043c5dac', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '0915873217895f40efa5565bd4e18fc6cfb4643c', class: "pagination__list-item" }, h("swirl-button", { key: 'e6eecd0dca69c54fad82a603f80b974c2834bf3e', 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: 'f52e9585b2d5d0dc53125b38cf0ee1cc53bca10a', class: "pagination__list-item" }, h("swirl-button", { key: '8c0cf80e969db835a2f2c7400022651b8a9b7417', 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: 'ac48fb28ab06210a676e97ffaf8e43715b118e7d', class: "pagination__list-item" }, h("swirl-button", { key: 'e4a0a2a86926f7fcc25077e92cecd5834cfcaa6d', 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: 'dcab3b2f676ed4606a49a62bd8591cdb5bf5b011', class: "pagination__list-item" }, h("swirl-button", { key: 'fb4631e81cb452d1318f9e4088873a791e763b22', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
     static get is() { return "swirl-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -195,15 +195,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '1006cf013e2d4ea0d4039759427ec9bf10676df9' }, h("dialog", { key: '2f974b2edf927568ad017dcf6481c97630e8bb06', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'fc19608ff71abb538741726510122241e5ce89b5', class: "pdf-reader__body", role: "document" }, h("header", { key: '448bd7fe2e2e740ff120537f644f4c571fdfe768', class: "pdf-reader__header" }, h("span", { key: '7b375193185d974bbd30a887216c9aabf61dd9dd', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'f739b6312de673b4a48446b1bec7b7c09fe3db09', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'ff39941114f27cb130cd807821ea4188ba0a8666', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b583e2e83aed3e24d7926e053cd9f60471731bde', class: "pdf-reader__header-center" }, h("span", { key: 'eec4c412e09fede06c80f51bf4a290342e552a19', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'a6fb91dc2f92be2c43eedee74a1a0a2031626b43', 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: '2b509952ebb7e116eba38ce6e3ce62febab2dd38', 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: '270d99e8eae2cc6d09fbf4bbd0ae327b09b03498', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'e17b921b9fb21d98bc22b4fcc7595912e4273088', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '9d4ea4f0988c9356facf8c7290e3a9c26ed55bf0', 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: '61cca8c066b33c91efbdbbfe1b07d369c628e104', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'c2c4ed52895ed70746c39cda257870f3517dab96', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '0610f7e7ccdc93eb6819a01804538a96b9fe9568', swirlPopover: this.menu }, h("swirl-button", { key: 'e9fce0f1e6d6b72322b937e06e43d8054c038b5e', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '8016dd44bdfb34e290c7d9c09945f96814e844a1', class: "pdf-reader__floating-tools" }, h("button", { key: '07d29479f07234c3581dc28a267c121d760af369', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'f6c20782d1ad10dddfcc35c54826f93feb8cae1d' })), h("button", { key: '592e6c80ad9fe25e44f3d13e485e9b91e863940c', "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: '66ceb450e978b743e7ecd50485fb58a4f2a6ac95' })))), h("div", { key: 'ef0bcbcd10e61367d3f10e4c0c54d3a680f5262b', class: "pdf-reader__content" }, h("nav", { key: '3b439496d8d2c4d2e081c9214e0151f4c56311f2', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5451c141691c773666d77c356c76a7a19fcf36c9' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'f6c2b38278ff0d172c2c27803e84ef9c57129658' }, h("dialog", { key: '94bd38f49b5dc9c5bd14ed70c00381137c1e054c', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'f80912e56ecb9a234894fc54eb54d3d4520d92d2', class: "pdf-reader__body", role: "document" }, h("header", { key: 'abeed39bdfe89b2a5b8dbb634068ec40c4134765', class: "pdf-reader__header" }, h("span", { key: '198bc186a8e9a4f87bf493cf54f5e898803682a8', class: "pdf-reader__header-left" }, h("swirl-button", { key: '793e78d2088afdc73677e1a23a8ae737b9d1fd32', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '13bae74c9447ca791a70365dbf2275cefe09ac5a', class: "pdf-reader__label" }, this.label)), h("span", { key: '094398c562e564d5a55b762887349cdcdf7dab57', class: "pdf-reader__header-center" }, h("span", { key: '0f86f696c81de4eb49a1bc7aa2037735751deb0a', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '6648aa19d29d5b7cb6cc8e59e8c466ba6601b25b', 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: 'd227f41c6e2661951504d53a2af7ea8b9aef8548', 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: '1f38152975e6948b8d58419dd173bfac4f68f30b', class: "pdf-reader__zoom-select-container" }, h("select", { key: '10d60a7fd8b76699230b075fb9387bd5c261b99e', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '269afb9051a976bcc2282a6a75a286ade2781c99', 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: 'f276558e53a9087acf65cc034103122ae9abe77a', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '0f5c1560e990ae3d2a5e16fe0c65540099f7eec1', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '1cb8b18694fd6766ff3a74d694e1fcfa09a5da0e', swirlPopover: this.menu }, h("swirl-button", { key: 'e998eadfb31b243462468fa072c363669dee8960', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '3a0e97e8734a0cc9c2c2b352aa43abfd0b807e24', class: "pdf-reader__floating-tools" }, h("button", { key: 'e73c0e23989739700ee98bec1fb28094c239c5ff', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '842236b12252bc6cc91729183f8ac44bfd6b62d4' })), h("button", { key: 'e9ee8a33cc314b1f454f1d08f4258ca156cd02cf', "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: 'b9af6036f6d126d6db97d44423019f8462f3b8e2' })))), h("div", { key: '067d1abac5177d5f21dc6ce4918100f5d7a8f521', class: "pdf-reader__content" }, h("nav", { key: 'f32b1b76c30733a6f6edf889ddaab2d1e6624d15', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5fd71ea935eab41dec2b91b76a47fc3e5da55011' }), !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: '66535291146aa772a541f3940957bea9a7ae86ff', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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: 'b6d626c05b68d7c313ae497d0de253999b83dcbe', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '95ba19b5f85655ba1347f8763e4bed773bc2c6fd', "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: 'adb71904d16624aecb16b7407cdcecff6da47f97', "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: 'fdede4558ac8b817faa03ca1da91269b6191d3ff' })), h("button", { key: '26b37f80c2b95831009146c4a668ceb831a7337e', "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: '92c7b9028dbccf022c1d67ef71404cddaea1868e' }))))), h("swirl-popover", { key: '0ea60a378df42b172f325bb95227f2fdc144af3c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '3aaa4d0b54e8fdc567cc78d10174d10e0ef5b4fe' }, h("div", { key: '0f9c71cef2600350e9061bd49b3634e396fa476a', class: "pdf-reader__meta" }, h("div", { key: '9eabab28117f2f896f5f3864d09444829fadd8de', class: "pdf-reader__file-icon" }, h("svg", { key: 'e83129465659b5d984f9d8a61497f74aa6337353', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'bd5bd8d5cf62aa3a2fec396976b2074fa7300ad4', 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: '1081f059bad7868b83faf26dba3b0ab6fecfca84', 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: '1eb59f58297b80c98e061242744f1c3e9e4c00a6', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '885999ec5b575d64a47e1538fadd37cb3f0cbbab', 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: 'a93aa4e0e10c1d0b7398d2ef04df8075f8b708ab', 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: '985fc4b8aac8910c1c7b094af0edff8f279b9ac9', 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: '1df79fede333427403e30c12a6ca79fba836514e', 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: '5a39a161e7c4412f92f467f2fd9ec690faff9413', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '2f5f4334e77c4567dd520a7f09e8ea41f35f83cf', class: "pdf-reader__file-info" }, h("swirl-text", { key: '8449679b098dfe447857007efb066d28c7f71353', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '00a9d2c1177e9e5fca45b8076f4be41b5eba866f', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '22fb40b7ab65544159fa8ee1f1946fcb303e058b' }), h("swirl-action-list", { key: 'd401e8a70da461db822df8d59d58d8820d0f200f', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'eadc5dfe58b655f0ce24af9444c5f0b13eb9f7f6', 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: '0bf20d0697871767e42b0955484a539c9fa9b6d8', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'b7cc37989f63846b8e1b559d815b4444a2c54cb5', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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: '9227781c7c4e4fcd11f3a9336550648da4b62003', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '076effcc39e2dde28a8c51e7c484cc15d303c142', "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: '475d26a81c25fc015b97a6135e6b01852b1c3927', "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: '255acd7cc8120c2be7582527f7871fd5674b3818' })), h("button", { key: 'b53bd61cdfbcc7d46ea77df0f9ff54f4e2f30191', "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: 'efa09a7ba19acb21bc415bc35af69fd2e724f646' }))))), h("swirl-popover", { key: 'c6b117817b3012e1acf87db475524cc2e4adcb77', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '965a025c34a93c296a5df15e8f0ab723dd7cd11f' }, h("div", { key: '8c0e09f7ea9f8f76dab7574f15757ef12f9f22b9', class: "pdf-reader__meta" }, h("div", { key: '0d913d69b83bc04671839542d886a4f736ce604c', class: "pdf-reader__file-icon" }, h("svg", { key: 'c6d919a24da83837e388b496a9e1bb6021456d18', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '0ba81659dd8b7baf12ea0773ab308adff34be0a0', 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: '33305e8778a3110f7c3f47e878c4bbd33bc151b8', 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: '90a3b0f225d009cc1953c0fe960d7525ae67c4ae', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '0e90bce30832c589effc2a97cd08ca9719d9ed0b', 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: 'e5ce4e315f44a585b403a0778c54799532b9922e', 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: '1b2ce874a419d478040e318ff260b870ccd519ea', 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: '5ba2f3deebda592f8732659e60d09409df341593', 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: 'a6e808514b6d03466b89a4e52f24840c6250b636', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '1d81955f1ec32b1356847bc3f0cf9f97c8180562', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'a042ec561eca7cead9ae25f5f468456a451678ed', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'fa8e3df210b3f9ed50f10f5b650a9dfeccc7a986', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '1f54a17cc56ae9a093b95597fdd0f2d9db49285d' }), h("swirl-action-list", { key: 'd7c9a1928310b0c60af5491b41429cda9838242e', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '96a1526444cfd011fcc8bcdea45a5207a2dd24f4', 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: '3402cf16a4fead8f90a30f07b77956d19fa56aca', 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: '111b290104d56c2aec6d508fba63a104885ebfb7', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '10a5408e10c929d9704e38512811b1270e2da9e7', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -327,18 +327,18 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '3b3bb710683441a4f971a25542894ad965254b42' }, h("div", { key: 'a142e898bbe09ad766ee5111b1ed6c1b0320cf7e', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '820a28e75d0b508b6d939219734522d92943c0d6', "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: 'a4a0ec84a7b3ceace19b02fd54104f6128ef5194' }, h("div", { key: '990f903a87eb3a61ad247a137db6b619fba3dd6b', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '5e658816a6cbc4aa3e420bf49224a76aa5c99afd', "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` : "",
                 opacity: this.active && !this.position && !mobileBottomSheet
                     ? "0"
                     : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, h("span", { key: '4ce3efbab020862c26ad9177274c0ed6794374bd', class: "popover__handle" }), h("div", { key: '526fc65ea325a29ece87639893af06f37cf71978', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '08cea3b305905a3dad810686614bccaf68f1b321', class: "popover__handle" }), h("div", { key: '693649f626ec4a4307a00d7799861cf1abed586d', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobileBottomSheet && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '6fc74e080d35e318cf520d65520c2d73fb434d75' }))), this.active && (h("div", { key: '83df142ba2da01ee5312e82dbbc2b83775d526ed', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '25f8007e19b6a987861950add1cbdca4669e5919' }))), this.active && (h("div", { key: 'ea5f198ab65eaee3b67cb8a462976eb3400d8284', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -305,7 +305,7 @@ export class SwirlPopoverTrigger {
         return Boolean(isActive) && !isClosing;
     }
     render() {
-        return (h(Host, { key: '41d9dbdc7a68af0b94561323006b53c96242622d', onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '4dd8f675b36af944ac83f22e087c3c5f6c572157' })));
+        return (h(Host, { key: '02450c2a004a334be994ae49aadf3754c9bb7997', onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'c1f347b0d7250ddfd267193aecf42a06d5a834cc' })));
     }
     static get is() { return "swirl-popover-trigger"; }
     static get encapsulation() { return "scoped"; }

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

@@ -17,7 +17,7 @@ export class SwirlProgressIndicator {
         const { radius, strokeWidth } = circleSizeConfig[this.size];
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '2c0af5639d2ac10b2146d5d0e0277ec325d04b69', class: this.variant }, this.variant === "bar" && (h("progress", { key: '175abe47959736020729ac1a1c17951d25d9b184', "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: '905340c03044d34b85fe1619c22c12f6f1cd0aa2', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '1305aac54405187b32518a85ed4ae6434a0cf896', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'ccbc4cd5829c5e532e30c475c0866e86695b0fec', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '25bd3570bd8ddf03c3c02c66608f9fe5798b05ee', 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: 'c7f560d97e131e159e39d93d9e12d6120faa45f9', class: this.variant }, this.variant === "bar" && (h("progress", { key: '455e4bec0380397005349e45a11019d4e823cf1a', "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: 'faf4974b6eaaed415ab4b710f185db0b2369d687', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '2a2a778f6b233d9d4e9de37f9d49917a5e0f3f59', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f9da24d6e739a5d374013fc85fa5c3d87c5c0629', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '45b5fe49c4d67df6561111950dcf5da558994896', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get is() { return "swirl-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlRadio {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '9181653221cedb79869b31485fe601ef029ff8bc', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '800685a86f6f4b1dbd20f20d2218d04a68822878', class: className, htmlFor: this.inputId }, h("span", { key: '410ffd0fdc0b061015dd554ab5a56229c979f4dd', class: "radio__control" }, h("swirl-visually-hidden", { key: 'e41aba02a81284faacd3aeee82b95ae8a28a449e' }, h("input", { key: '0f9cffc32cc44fb967098fedeea7f16388fe050a', "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: '4871dc0ced3a8a5220b95cadf004c4776901745d', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '2c5c0205c7934d38092ee8bb374750dd46906a30', class: "radio__label-container" }, this.label && (h("span", { key: 'f17ef8b7670effbbc2baba7cc52eaf595b7d132c', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '68877a4be5e32dc51c3c0115b30890ec65705039', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'b3f6a1ba1d8851b9e229818d7cad7bc28970dbd7', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '37802eb7bf729e22f4af1ef481499bddf37c16c8', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'aa9c0d9bebb8e104698f5f45589f5636d6a57b25', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c51413a2d4cd968fbdcc2115c38ea6c38c0b4801', class: className, htmlFor: this.inputId }, h("span", { key: '9f718c353d5c8046c241966fe3c9d0b2b0a1ecfa', class: "radio__control" }, h("swirl-visually-hidden", { key: '599cdc2ef0c94d52a05df3f8156e56bffb73532e' }, h("input", { key: '24e1da66087e39dc19506bd38ee48a14304aec19', "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: '704b7e4833980608492d696d93b03c676064ac03', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '771603ee81046ed3c8b9fe0c923c44f2decd1995', class: "radio__label-container" }, this.label && (h("span", { key: '978ae28cbc9014c8849910db58bdc690c6ef9459', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'e008a4d5fe98bb9c94a6f9c0fff108722809c913', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '61f389e02e355012739b0f2e11214f0b33890746', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'caec71b508626e3f8d58cc1a2b9141d80899595b', class: "radio__description", innerHTML: this.description }))))));
     }
     static get is() { return "swirl-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -54,7 +54,7 @@ export class SwirlRadioGroup {
         });
     }
     render() {
-        return (h(Host, { key: '1a5999fc1bb664116feb07fef67448d38c8ddfa3', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '256d70817ccf7074f67b7cf1a2111838bd6aaed7', class: "radio-group" }, h("slot", { key: 'd852e1e138b65a461cdae45b63ef6b3f593343a1' }))));
+        return (h(Host, { key: '42a84195be7bff645429479062f150dcecafcb52', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'abab6612f695734f6d3221b866cceb816a4ed21d', class: "radio-group" }, h("slot", { key: 'a9b20c0633e87358ef1e96b790513f5ccb8b03a2' }))));
     }
     static get is() { return "swirl-radio-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -279,7 +279,7 @@ export class SwirlResourceList {
         });
     }
     render() {
-        return (h(Host, { key: 'bf97022404d63466da4963c1509f28daa7f2e644', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'a211f1f71721b1bdedf22b4d46b9c3e9e2155445', role: "alert" }, this.assistiveText), h("swirl-box", { key: '3351ca192018097162b7f10e5e626971a29c6ccf', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '7051c1e80ffeefedbbc29204dfb2245b93962ccd', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'de736346c435e2c0536c667bd2ac061c347e0c74' })))));
+        return (h(Host, { key: 'ab9c42687e952e51cf08bf2327a169339c1b152e', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'b930b35672890f51f099da52e5d110d26be1fd55', role: "alert" }, this.assistiveText), h("swirl-box", { key: '6edf2efedfb5aea400e29c8d3a813430ae6c40df', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'f6c59c8a4ac6dc3ce4ea28333c213062bff112d6', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'a841e00d3f144c4f8631ed1f9be08d5381fec183' })))));
     }
     static get is() { return "swirl-resource-list"; }
     static get encapsulation() { return "scoped"; }