npm - @getflip/swirl-components - Versions diffs - 0.322.0 → 0.323.0 - Mend

@getflip/swirl-components 0.322.0 → 0.323.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1747) hide show

package/dist/esm/swirl-icon-web-asset.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlIconWebAsset = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '9db1440daa03efae8bbde5f7cafedf62da8b6c30', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '93dcb0318ecd07e70170318b0a9278e55ec26cd7' }, h("path", { key: 'b9ff17cff3c4b32c50b00935df72f07d5c1ce28b', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f659414dc07636cb850aad6283811376ea35622b' }, h("path", { key: '97052665b1a92fca1d4fce07f78aec07cb9d771e', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '63b3fe26f74af492bbeec009cb36c3d9e65357b8' }, h("path", { key: 'b251e21c6e8678a69eba7c0cf670e8e93a395eca', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
+        return (h("svg", { key: '1c5b467668f7f4f02ffb9067aba989f22d8b576b', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '6c15c28d0673824b4187b4f5e5fe235499dde904' }, h("path", { key: 'da5105e2830d744e537bb43144d9af6e2948fc3e', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4870d4b1ff5a69186ec849360e910591d9491725' }, h("path", { key: 'aa38def54bd93ec58041a87d8031ead2e545ed8b', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd92d2b9d68e8a63c385d214b168e91ea69f6ba99' }, h("path", { key: 'fa60a5cfcf5d5e55bce64445ab75e847df86959f', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWebAsset.style = SwirlIconWebAssetStyle0;

package/dist/esm/swirl-icon-work.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlIconWork = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '9a6daa4e85741c290bb3b578a7d72405688646f8', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '9f342b59dab6c44f53ab2a61b590c88d5183d5f0' }, h("path", { key: '747c86163c52ece4bee71612ac53e564c2998255', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '84d8cd11a9622efbab05d486727761328c059ac5' }, h("path", { key: 'ba1456ad8f72d71becada0de924a3debb8c20b7b', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '706d10d2c203d73a374df5de5c88313a9a70b82a' }, h("path", { key: 'b6013b792a2704d5a7daea6c7bd730cb46f1d36f', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'cf238fa9efb383e44588457684a9e0cb2475b12d', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '088506d69394ac7d11c7205b25a7187587a81540' }, h("path", { key: '92104a8597ffbdd9b4b37e16f6e274f215ad222e', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8d19bfb60896b6096ee17676613ab99d77c259c6' }, h("path", { key: '8a29e59fd3b779b680a203f1f10c1bd413f02f2f', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5005a783681100a3b1f012927ca86ea74da55773' }, h("path", { key: '1209426410a044af4af6cae6422b485eacbc1af3', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWork.style = SwirlIconWorkStyle0;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as Host, g as getElement
 import { c as classnames } from './index-267776a4.js';
 import { d as debounce } from './utils-877a768f.js';
-const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:\"\";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:\"\";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-controls{position:absolute;z-index:1;bottom:var(--s-space-8);left:var(--s-space-8)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon{display:flex;padding:var(--s-space-2);justify-content:center;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-icon-on-image);background-color:var(--s-surface-on-image-default)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--button{border:none;cursor:pointer}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--label{padding-left:var(--s-space-8);padding-right:var(--s-space-8)}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
+const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:\"\";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:\"\";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px);opacity:0;transition:opacity 0.3s ease-in}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0;transition:opacity 0.3s ease-in}.image-grid-item--loaded .image-grid-item__image,.image-grid-item--loaded .image-grid-item__background{opacity:1}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-controls{position:absolute;z-index:1;bottom:var(--s-space-8);left:var(--s-space-8)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon{display:flex;padding:var(--s-space-2);justify-content:center;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-icon-on-image);background-color:var(--s-surface-on-image-default)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--button{border:none;cursor:pointer}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--label{padding-left:var(--s-space-8);padding-right:var(--s-space-8)}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__skeleton{position:absolute;z-index:3;inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
 const SwirlImageGridItemStyle0 = swirlImageGridItemCss;
 const SwirlImageGridItem = class {
@@ -15,6 +15,9 @@ const SwirlImageGridItem = class {
         this.handleIntersectionEntries = debounce((entries) => {
             const sorted = [...entries].sort((a, b) => a.time - b.time);
             this.inViewport = sorted.at(-1).isIntersecting;
+            if (!this.inViewport) {
+                this.loaded = false;
+            }
         }, 250);
         this.onLoad = () => {
             this.error = false;
@@ -138,17 +141,18 @@ const SwirlImageGridItem = class {
         const className = classnames("image-grid-item", {
             "image-grid-item--has-error": this.error,
             "image-grid-item--has-overlay": this.overlay,
+            "image-grid-item--loaded": this.loaded,
         });
-        return (h(Host, { key: '9dda033e363c33b4f81fbb0865607e813bb74c0b', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '586768ce751eb0236255f9be5415a39d258cb623', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '7cb8e154e19039ed9b43cc6ad348f0a12041d6ea', class: "image-grid-item__background", style: {
+        return (h(Host, { key: '636bea0ce8bdd41df1960bb7dd7ed3e10c70f8bf', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'f55f2b0119f3647c0c48c5e5c474c66fb6186f52', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'be568fd8b1e74571f87f71b3373ccc8f681c0e6b', class: "image-grid-item__background", style: {
                 backgroundImage: showBlurredBackground
                     ? `url(${this.computedSrc})`
                     : undefined,
             } }), this.loading !== "intersecting" ||
             this.inViewport ||
-            this.gifPaused ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: 'c010bdc6f6d06e5155f6837c40cfb14cb5708e50', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '2801f1473005196b97726a7b740c34ebee8abf8c', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: '1f2f511aadcef5d3b83382162cc6852d5ae52ead', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: 'd4dbdc85a32ea4298a7657977d8886e61430b099', size: 20 })))), this.loaded &&
+            this.gifPaused ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '1aa14acb6522412912ad2571a5c6bdfb65801c6e', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'bd6c57dd19ac3645920b3d467eb62f0c7122846f', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: 'af94bbd4415cfd7d5858fc27e911d9cf30f5fde5', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '4df6b731e559993bab600f279404341596b59440', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'dc47e6db0b6fb2d2eaafea3d7cfd5a0ad4c46c19', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'f512a5e8a4133ddcf85c9f359d2987d3f28e50a9', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: '1367b81fdca73d590be614098b3ee28b621d313b', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: 'ef81c100ae07a1562b7737de079add47491fb5f8' }))), this.loaded && this.error && (h("div", { key: '83f7615dff17e75e9d376e9f516c56795cbf26a1', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '0ca73373cbe736b6a8b64aa393dd8de180b7c8c5', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: '7386340b21143c662c1594f81115ff042abaae47', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '11d5bdd00d1f9fa6a3d11819ef88688e201342de', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '6a9dbd1db125d9ee6b9e58fc61c1c3a61c5839c5', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '75e3dba401f537b492aab11b891a0d3108f0b157', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'aa6b4c5f5111235a4be76a3760578185e1aef4a2', color: "critical" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-inline-notification.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlInlineNotification = class {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '0e372d14fcefa989979e0f07c968ff1d20fcf62d' }, h("div", { key: '4cae444d2f0ed191d6cfb57cb6f4467c2fc3ca3c', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '4f68709d3ff703cdb76ec57164552670ee50cd9d', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '13d2dc51453d4d01c6b80e21d44b960537f51226', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'd99463365cc16460ee6b028a80acc6fb9129e6cb', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '667598591dc75b0d2bdfe03e7470983ca1723685', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '110bcecb08f4e97816825da457582ecf8964285e', size: 20 }))), h("span", { key: '5dfb85f68f9fff70eae936c13cf32d2af1677fc2', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'c275e254e93acabf27e28cef7f517b4e19d436f8' }, this.heading))) || (h("swirl-text", { key: '00c323cbd64e75f7713bc89b492786b3ea201122', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '09370d2ba66c58de2035b0382f9f18193839db24' })))));
+        return (h(Host, { key: '2704b6606718fe98e5e45b7230c106486ff10e6e' }, h("div", { key: '3ff317459e156b735bcf961309f5cd6cfd5cbda7', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'bdfb3aece99624fbd2bd58c52e233f7954732120', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'e041ffd255a2e05be01039819960be4b9d01440c', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '4ce74f39c248d7637d6c75313a990a935c3d2827', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '03e0c0a4775f113fb9576890bbcfc5c8967f7582', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '1322f63efe89095a56efae21146362e4c5d13e48', size: 20 }))), h("span", { key: 'a240db569a7131f75fd4333bac507272fc574cc0', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '54fa5301920929e6701cca4b1d1ab7a8cb9357be' }, this.heading))) || (h("swirl-text", { key: '919a85dc42906043b17a99f851cc64ab42f39535', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '800f65515d9a6c232077f39856389874deea20d1' })))));
     }
 };
 SwirlInlineNotification.style = SwirlInlineNotificationStyle0;

package/dist/esm/swirl-inline-status.entry.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '2399be5d627741cba2a289842457b41fc838c28a' }, h("span", { key: '3f6ad8e7b1fd303874334fccab02b942deb31ed3', class: className, part: "inline-status" }, this.icon && (h("span", { key: '9d296ed8a4c1c232f91b7f96a2e9330bbad4d5ce', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '4a027e288e1b152c732e9881ac2eb781631f7674', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: 'b9d5463db671f5f3a00ed80e196548ef2f4e7605' }, h("span", { key: '7be237a30e43b5da9b49784abd08385cbf222d16', class: className, part: "inline-status" }, this.icon && (h("span", { key: '12e119dbb608847c6183554bc20bfcb97e5138c9', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'f29af231a6f3859571aebfbbc13dc1f99509e31b', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = SwirlInlineStatusStyle0;

package/dist/esm/swirl-lightbox.entry.js CHANGED Viewed

@@ -308,7 +308,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'd59bd5e8aa2f96ac57be714ee476333b8dfff27e', onKeydown: this.onKeyDown }, h("section", { key: '20a024998c02ce3c5d9aae82e9b8f0e875337226', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: 'baebd102fc9adb129226f8325a2a81ebce64801a', class: "lightbox__body", role: "document" }, h("header", { key: '8115dc87dc1b9b8e2f57e4d401fa4aef9fe0a40e', class: "lightbox__header" }, h("button", { key: '06f872064fc342ecb51a7b80ed535b10676400ab', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '2d9333e7bdf69462a92d5cefeea36110a6bb1ba0' })), h("div", { key: '5194b22873253941c1750a1378036919bd26d8d8', class: "lightbox__toolbar" }, h("slot", { key: '3e93be2fb8cf909c58ffdae07d983a0e4b46646b', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '57365ca597d945c7d1ffeb5b7ccd641e6b4fae71', swirlPopover: this.menu }, h("button", { key: '3a0af15d0b28287b45aeeb0dc88713f043c9c656', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'df64f1de2a6cbda3deb6856dae5fd68c578a66eb' }))))), h("div", { key: '44e0432ba4964c37808fb76d84ed4b96606f6e9a', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '53ed137ae36df23df8c8a6c9c351f5aaa9f1ca0e', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '01ee3f3498451cb7c773849e061f8f6f01a5f530', onSlotchange: this.registerSlides }))), h("div", { key: 'c325f95147941d21ea5337ccbb25e75150fd9867', class: "lightbox__controls" }, h("button", { key: '6831372f0d86c270188180609e894fd3b277a652', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '93e36c1f7bffa6e8bc9c780cb6882d1e55963731' })), h("button", { key: '9bf48fa74215186385f1b7dcaf9541c67a55a201', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '70d9aac113db0b95e96b2596b59053982970642d' }))), showPagination && (h("span", { key: '3a6d1556649969c71faa63d40fe2d7a7f47480cd', class: "lightbox__pagination" }, h("span", { key: 'f08567e6e5e002c29d6f47b4df21a31d9a9ddf24', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '32f2fa46d6ac28c9f75a009ed624b0fea265e656', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '5db98f10c8621514727530f1459f00bf30631d7e' }, h("div", { key: 'ed801e2d9dab5f10b83e9d794b7d0066db83798d', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '072b6ca15cd960ae0d1134ab84ef669b201a4494', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'ebaecbc559a8cfc89f7a28d5ceab97ec065feca9', alt: "", src: currentThumbnailUrl }))), h("div", { key: '0cfb20ceff4b0a7e2003902808a5b436befd1cd2', class: "lightbox__file-info" }, h("swirl-text", { key: 'e866ba2508b082662507882d06ad89958c85960a', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'e53c8cf42f961c907c496f6fcf289140e381218c', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '7ea2afab0c19e9e9b069f2075262c74b274e3e86' }), h("swirl-action-list", { key: 'f270fb36986c8f34b836f1201fcc2d5d915db741' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'e5b62b045212b889ca470c697bbb0916a3333d29', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'baba0bc247b6b137410cc4f7ea0ba4d693e37c6d', name: "menu-items" }))))))));
+        return (h(Host, { key: '06e5f40b57b65bde13177a836670b6a3f45d9151', onKeydown: this.onKeyDown }, h("section", { key: '238dc96dd8a37211b04d308db4433d19ed8e1474', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: 'a97dc6dd7fef77c78852e3f5a5d1b37ae6b8cdaf', class: "lightbox__body", role: "document" }, h("header", { key: 'a3c35fdadf9b6c8096f9e27c45c9a4ee0b86d362', class: "lightbox__header" }, h("button", { key: '14ad8463b281795ff9e5fb522089a17f03557e4c', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'c273bc52a616b1c5394adb3012c990347837ad1b' })), h("div", { key: '32e537df6d9159b692abb849c9f4d03334d4262e', class: "lightbox__toolbar" }, h("slot", { key: '0b43d82f18a3bd2bbda85b63f9af0b6af087a40c', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '0493c4a8db8ce4a375e5521383de63a247691aa0', swirlPopover: this.menu }, h("button", { key: '20f1355e7b0200b04dfe876b610033c5576b10e9', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '358355683bf66d2080e40f8fd8bcb820c6da29b6' }))))), h("div", { key: '8f94f88eacbdd09012a0e1f6303422863a9be969', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '4b9a8fd7d7fc8ef3097f2b496ad7221785e0e94f', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '153b17a42036ec359eb9cf3b56cd623faca88b2f', onSlotchange: this.registerSlides }))), h("div", { key: '5f341cf5edb3f719c2ffde70c345629b0b11b518', class: "lightbox__controls" }, h("button", { key: 'c50bc55fec07dae5fb60148b6e26525089f02ad0', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'c94d1881fca82f9b14ae89cbe9c13a68c2d69eca' })), h("button", { key: 'd4236f94597e64341eb383768a4eb501a1d22926', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'e42a5e5acc3b546e4f064669cc805ae039662cd8' }))), showPagination && (h("span", { key: '4cf32d8049f76a5dccea7575a16b2cfab4bc20e6', class: "lightbox__pagination" }, h("span", { key: 'ff49b2885a727ae23246366cd152a37d42c92a4b', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: 'a868d55bad948b3cf80a465802f263b54f9022b9', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '139b43e0fb931b04f27da1323b93dff918c7c715' }, h("div", { key: 'a73ca9cc4e4a714b32992b7f6f0d39c6bf1fe17f', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'f29e02450946c8b47204b36bd80c0aef5f10ed4c', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '13f7846de8c38733f388538a4af9226fcbe655ff', alt: "", src: currentThumbnailUrl }))), h("div", { key: '099a669e0f63463d648ce6abd84e0c5e16fa719e', class: "lightbox__file-info" }, h("swirl-text", { key: 'ab4fe404b6d15b28d03abb89b626bff54cb1eadf', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '06e08284935dca49c19023bb2893cbd7bb263f27', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '27bac69d554142bb114970780b8fd63f8a308ed1' }), h("swirl-action-list", { key: 'df5c2d87376d1981113febccdbe798c9c0bcf685' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'cf96220e530fdfad9f258c22521c7fa51b37c92b', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'c1ecc9d5597b5a7503922710aa69b6e136d58fb2', name: "menu-items" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-link.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlLink = class {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '8b276b12968034b35d2b39a6b8544535d78e06ed' }, h("a", { key: '48d365eab74bc1f83da3ccbffcf2fbb566933b05', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'b165545f055fe0070fc5e8937598bf724a971319' }, h("a", { key: 'b6d6ce7dc458fb869441dcba66a22267b731fbb3', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

package/dist/esm/swirl-list.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b1a842452de36e119a17d170ee35d922b1cdc0c0' }, h("div", { key: 'b2de5192fe7b6158e071b154a5df8ed3fcf25de8', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '2c2ddeb3e8294f47649daebca5ae7b516cd3ba89' }))));
+        return (h(Host, { key: 'ef1f8499be23881d4f157482b8c43b4c2ac351eb' }, h("div", { key: '6a505c2963768254768eb13e4b6ec883b5c82a4f', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'f882202ffc3726d4d0a77cc3006932e3c0a89825' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

package/dist/esm/swirl-menu-item.entry.js CHANGED Viewed

@@ -118,9 +118,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '241298494e17a9c1cf8e7e9a2c5ce8f373d26563' }, h("div", { key: '859d18f55d7defc95a973881f33bba6b3799c447', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '286eacfebe0b84b96a38e357c5cf150980b46cc6' }, h("div", { key: 'e026e3ba2b509b7f1a0d1b0ce251205c5a915c6a', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '62fdb35262037c7b65bc6db771d1f026df7ce8de', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '5501c911642fc16b769ee5be2447536fbe47fa05', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-menu.entry.js CHANGED Viewed

@@ -294,7 +294,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'a9a6d23b817d8fe68e747400a69275fbbef0b2a5' }, h("div", { key: '8af753ae3070407da08e969c3f0590f714bdc47f', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ff1caaedf503275b1b5894c6997c82e012fdddb0', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '37c2ec4f45d11b466802f72e75ec8dc23ee07e72', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '06ff137930e5b6f4778d232696a1ea5bb9c97fac', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '2ef593767ea127710f8c9adc33bebe6d1cdf6bb2', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'a1d79bda33c6fcaf39eceb12dcf16e4dfed76fea', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'ba4285cc640cc0d222f7eb7b3431c6957d259c1e', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'fecee80722bc7f06c832cda0911c43d6e18ad765', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: '831b3d822a398064233db7e5f4b46510fb795db4' }, h("div", { key: 'd363801fb325c5b2b9044ed87a238daaa214683c', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ce1a041af80292f0184977b59557b13893be8038', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '1d9568ee29b50100a881cafaaad93bc746b1e5c3', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'befca2d12a1c7142af373c100a0b748c4dae34a6', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '773677ad1dd6f866dcd519fd5b44c03c7689f3b5', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'bfd0505553e0eb8fb2f319bad6ffa0bd32f84420', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '4d8aa6fd222bb28b5295ab851934a90cb9050f67', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '44ff66f1a23428e259222f1451c6104eb693f7d8', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -305,7 +305,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'd2b2e67fc903edcbdb62fada84d1be2ea2917f4d' })))));
+                    : undefined }, h("slot", { key: '76cb1ed8ca42a937c323c9acbe301168e4134f51' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-modal.entry.js CHANGED Viewed

@@ -241,23 +241,23 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: 'a3b33a8bad658b5069ea3218ee680fa22633a05e' }, h("section", { key: 'd6e778a51b8713f77b51c770d62dfe2f1632e2f5', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '587c19638a0e171ff8ad589e21f6621a98c2e6b1', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f1f3bf5d25be5824dc5387a6755883c1d2172f57', class: "modal__body", style: {
+        return (h(Host, { key: '0543217e230003b07b330c75318de876bfd5f8c1' }, h("section", { key: 'eb32ccf5ae5052679772f80ca65c92c16e7a0907', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'aebfe6f08258d72d80b953d9a341168413c6fcc5', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'b669d9c07414b8631c0337801a47b0b96c806c95', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("aside", { key: 'c1a228f13d773047b1386713f65db7671ddfce26', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'efdc6b571119db2de308a180315356107d4d6268', class: classnames("modal__sidebar-header", {
+            } }, h("aside", { key: 'c223a5c5fdc6c3468b4367afadb59b0830a00e6c', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '81c3b4af4ea04c45c43583e805ec232e25baf6b8', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'd8530916e86ed108c76951436a706bb5196ccf91', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '14466a82f7791700bb857068800749e82dca8c1c', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'cf1420c2a4f515e074b20ecfac829e74a702e675', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '9d47338b7839e4d2b3f4820258d971871533a789', name: "sidebar-content" })), h("div", { key: '89dd11d57e92f220fdacbe80ffa88af278654f56', class: "modal__sidebar-footer" }, h("slot", { key: 'a5731411d52f97fd32be7ef03bde1fa15192b6ef', name: "sidebar-footer" }))), h("div", { key: '14c93cb9729b10ebe63cf15f66007f7f4dd9e528', class: "modal__main-content" }, h("header", { key: '08f4707e2efdd4dbef18fdf86c3d4ffff6d46577', class: "modal__custom-header" }, h("slot", { key: 'de4cccb054fb97513867fde9032cedbd8b0c7c8e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '54436e75b14618216d2cf8eb7876dc22643194a0', class: "modal__header" }, h("div", { key: '93bd4a05c079c839ec75990d577f963321a620be', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '63292bd349d6d5bb6be4200c424f17918aa02a30', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '62f85cd8defba57c3a00eb095948713f70ff9f69', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '1c584271b7e7851af094537cf613c836066959e2', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'cf1f01116aa4e219ec6be585465c0227b37cd0e2', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '955e56368db6bda842d43a7b7a1986c978a20141', name: "sidebar-content" })), h("div", { key: '3383a87f2a354434175a8dbe566cb78e53731def', class: "modal__sidebar-footer" }, h("slot", { key: 'c66e49cc46f00786a04e4daf19f04b87fd34557e', name: "sidebar-footer" }))), h("div", { key: 'e21171544393bd45e9308f933dc7fc00a2b6c42c', class: "modal__main-content" }, h("header", { key: '48fbcab52704f2894b77df9c1ea5bcc4575b1c8c', class: "modal__custom-header" }, h("slot", { key: '1c3f60b542da972c9a50608587ffbd19f584ffa7', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '9b18c0763a681adac889c657ac297b750b0fa140', class: "modal__header" }, h("div", { key: '8cfac19c30d7f60a35b97aa565ea35bfe9e95005', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'e2911ca94e8c1ee1804b6eaaa089002f22c0c578', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '9eee2e0d149ae54e5b681a453b3bb6094ba7bece', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '20a1c5c6632ddbefb2dd51482831f533cbb5f45a', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ea14fbd1265cc1e43a2981f7b696638a456c1f1e', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '60c91d254f9e414ca4b87143ed6d5cef30ad1a38', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: '64ac704ad78729837ce6a51e9b57fd49316e2af7', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'c11917be49baf1f43675a73a7a7046c7a887cb40', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '6fed1067af3b45a2b26c1247ed160f7f0177cfb3', class: "modal__header-tools" }, h("slot", { key: '59d0242705e0b2ff2e4f7fb3c6eb6c8257629bec', name: "header-tools" })), h("div", { key: '6a2838c93453fcc2fd9d36ce2a8b706601c3e7b9', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '7b68d951fa828b73b5fab6a6da7534d87ae8c867' }))), h("div", { key: '7281a711bc7212dcd2ece30d5032bdbb85d3a971', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'b33a69c6a9a3dcb81a3abd284f8bb6fd1dabcdb1', class: "modal__header-tools" }, h("slot", { key: 'bacea7d3b542676a302da9e5623da9285d5ae3bc', name: "header-tools" })), h("div", { key: 'd658729178719798986177acd3f7d466dcd5fadb', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '95e3968d17d227ad7a7519b5485176c3d9b95cd1' }))), h("div", { key: '11bb7dbccbe133dad531786a5b0774b23f8c1b9f', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -275,7 +275,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '88c633d2cf5c456eb78de68d5c19d7fe2f8bca1f', name: "secondary-content" }))), h("div", { key: '1203e8fed5505a3633bec66a75e419985735e2ab', class: "modal__custom-footer" }, h("slot", { key: '9e291b19d9887c5ab2ee25be124bb6a962a96f0f', name: "custom-footer" })), showControls && (h("footer", { key: 'f072f30ef6c4f65057228d00495c77459a5d25a3', class: "modal__controls" }, h("swirl-button-group", { key: '0e0a4b1173b3e34e0ca974a0807e2172ab3a05e9', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f8eca714bc46f250ac8c1ee34f4e4d8b2ea4eaa6', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'e9dd5999c043eb6145a21296501f8d1952775901', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: 'e2fcfac9a89a5a7df9e2c2af51c36991320342b1', name: "secondary-content" }))), h("div", { key: 'd313f8e9c45a3eb64a28aaf711b3db1c8b3b18cd', class: "modal__custom-footer" }, h("slot", { key: '602ef11530a8fa084ddeff550fb3354fbd5d26dd', name: "custom-footer" })), showControls && (h("footer", { key: '2624f756d8ca90556c1d7965db02c94582a53c71', class: "modal__controls" }, h("swirl-button-group", { key: 'ed07892f918d99a6938d8b9ba692475533679fe2', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f7b795aaad285376106551dd8bf870d3dc5d125c', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '581e017486218fd5857262b55abfef6207bc70de', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'b5a65fafaecf58d21701eee44291b775b4b9d94e' }, this.hasSeparator && (h("swirl-separator", { key: '0dd2884e2745a8ed1ce18be526031760ec4d5481', spacing: this.separatorSpacing })), h("div", { key: 'd64061cf3e2b9ecd471a77b310e2faa9ae1b6658', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '7e722b89c5e60aff20886a49b4c822d0e82f6518', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'aed52ff07359fd4654f30ac09ed6665d47f71934', spacing: this.spacing, align: "stretch" }, h("slot", { key: '04261f09630ee9d52165f30f14678f7ae34ff641' })))));
+        return (h(Host, { key: '9f0dbc5c83fafb8b13b1c1c9f11407751753664a' }, this.hasSeparator && (h("swirl-separator", { key: 'bcc676533fc7400152bbad8cdc69a5b785400ca7', spacing: this.separatorSpacing })), h("div", { key: '87ce22c4759b792d10fc1abe6c76011fa51f67fa', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'db340cc030b175d7fe8869ebf511866fa8e09c98', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '36f6870ece031bb32608303b6625458f82874c12', spacing: this.spacing, align: "stretch" }, h("slot", { key: '9bece5b27237ce59b543de4cb5f8a7771cc38c83' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

package/dist/esm/swirl-option-list_2.entry.js CHANGED Viewed

@@ -348,7 +348,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '63bfbdba6c37d0d746b0a225936e3824b17eaf7b' }, h("swirl-visually-hidden", { key: 'd0d27fb187edc49c89d476130fb5acd98cfe6caf', role: "alert" }, this.assistiveText), h("div", { key: '2d8ad6fdea8e9013b4c460c7b9aa3259bdcd17a1', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: 'bdd5e8d57e3d441a1e0551833ff493c89d719287', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '4cf7a20d7d2d9581bfc2e1909c0bfb4004886f8b' }, h("swirl-visually-hidden", { key: '6fa57f4a3f3dec08d7ee1e328241e08b86045741', role: "alert" }, this.assistiveText), h("div", { key: '46967aa274fbaa35695b14d9cb39a8fe89090d93', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: 'd9c6beb427434404013453279e425dc99f1b90df', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -401,7 +401,7 @@ const SwirlTag = class {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '47c30c429b8e910b006b21f6e39753a710ff7425' }, h("span", { key: '91c7946323875360ac053a28a83849b669d35913', class: className, part: "tag" }, this.icon && (h("span", { key: '000de8f304e3accd6d3647e9934063fc8cd7da05', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'cadd70a25bbd6214719275f8a24aa2882c0e90d1', class: "tag__label" }, this.label), this.removable && (h("button", { key: '5278b9fceb383c5854c6053d943da4e4171551fd', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '76b23763ac812f53e4caa07a94094982847d0525', size: 16 }))))));
+        return (h(Host, { key: 'a1f2f0ad84547ea62b11ad4340aeef072c405bda' }, h("span", { key: '49cd19c19c6589e905918b9f7361c67e7926f750', class: className, part: "tag" }, this.icon && (h("span", { key: 'aac560c02e88365dd5fa63704a11621ad4ef434f', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '9bf2deccf5aec4f08ceef5f84d1953877122b188', class: "tag__label" }, this.label), this.removable && (h("button", { key: '3f28e71afe4092df5ba593a06f5d96636bf5c04e', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '7962ddb75c8dfa7a93025318ea0ca27146ec5a81', size: 16 }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-pagination.entry.js CHANGED Viewed

@@ -88,7 +88,7 @@ const SwirlPagination = class {
         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: '08c165e0dd8f22f1dd462079afbb904e3f7f50b3' }, h("nav", { key: 'c6fc744fcc8ae4f67f6a5e655ca974962c5cb515', "aria-label": this.label, class: className }, h("ul", { key: 'ee19e8b5b81e9fdf26b0be2a9ac1b277a8d4629a', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'eb039a282c427edb7ea44fd2af641b3f88ea1342', class: "pagination__list-item" }, h("label", { key: '7fb991ffd443fe256914638308dee16108ce14f6', class: "pagination__page-size-selection" }, h("swirl-text", { key: '6c02e7b3c8f4b2fc308cdba23cfb75c8bdbb370b', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'c3941c2f196618e857fff5d7056ff4634a51ea0e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '073e9ede82d16fc9b1a118f428c03b507dd969c7', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: 'ea7208c33ebd133e84d5e518140bb58137f12bfe', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '98269dd12133ccf1f48b118aec35d730d0ff05e0', class: "pagination__list-item" }, h("swirl-button", { key: '023beef078ddc519c1ac3806a99d9622246842ed', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '6c61b9fef4793d02fbf6f8cc872a73aca704721b', class: "pagination__list-item" }, h("swirl-button", { key: '57440dfac7ee40a3cf58a1078227b228707949e8', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'd419d0a1786dfc70389d218299656a495cfcb8f6', class: "pagination__list-item" }, h("swirl-button", { key: 'd2bfc26fdeba915ed92bdae39b7a7dfa29b03de3', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'c86fb75f20ee6ec5b5d0299df3c501e8e798b8c6', class: "pagination__list-item" }, h("swirl-button", { key: '79bfcd72e7a97dc01d4ac4bd2531960b618208d8', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '84da59d062173605db91d1f72d9706aec9588d4f' }, h("nav", { key: '48d208cefad2385ae7acd8684c217976a885c10c', "aria-label": this.label, class: className }, h("ul", { key: '66e23bb51076416401b9ade13422dab37d3e8e0b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '408728e3e75b2601a520bf6839db229e16cd53de', class: "pagination__list-item" }, h("label", { key: 'dc355e2bd8188a4d9ca2466ad447de5444ab48e4', class: "pagination__page-size-selection" }, h("swirl-text", { key: '461b7edbce179efc09e5e0984d65ae41c9ae78bb', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f5e43e13a30e82d632b18ab9827f1c5375d44ba9', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '6d02a992675e54b3d55de4e55821cbd39d2e9e48', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '33bb9594ff0aab4508ef5b2c7950e0a8805454d8', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '469b0a360208a4168c9d85cf392503a957f083a5', class: "pagination__list-item" }, h("swirl-button", { key: '189251e369955b1d270b6bd4214c9ff1285917d1', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: 'd86b48d2c5058b25bd801d98f0c7de9d1d2c58c8', class: "pagination__list-item" }, h("swirl-button", { key: '3694fdb107b3e4dd46a2ef516cfb593728f6995c', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '75fdc6ca0d05d0a149841ac1ab496eadd12d13ea', class: "pagination__list-item" }, h("swirl-button", { key: '1dcc344b3457dbfbbfdfd7d2c2e371e0df9ba72b', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '02dcd257fcb5fe83a0dbe2502504fa4fef78c8f4', class: "pagination__list-item" }, h("swirl-button", { key: '527c5f16f804a7a1c6b393860e1b0e6af144cb6f', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

package/dist/esm/swirl-pdf-reader.entry.js CHANGED Viewed

@@ -188,15 +188,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '3de997a4efd825d58d3521893404da7905d83339' }, h("section", { key: 'e2c052afa9a532a277e4fb8a1affd62278e39295', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '8e5674172b199bc53b0dad8b0f05b669037d5b48', class: "pdf-reader__body", role: "document" }, h("header", { key: '0d01e86e3405d638534a1bb2b43daad55f065a31', class: "pdf-reader__header" }, h("span", { key: '895aadcb6a0b24f5d6416379c774c62344a8035a', class: "pdf-reader__header-left" }, h("swirl-button", { key: '08ce90cdbd024e12de2ce12654c84d0e829b17be', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '5a97c836494901849c5f336142a29cabe795c378', class: "pdf-reader__label" }, this.label)), h("span", { key: '38e5c87184455262d4525684e74730743114c405', class: "pdf-reader__header-center" }, h("span", { key: '9b40f1ce078d1c13b8ed2183e0c6e472a9af59e9', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '15c3e9ead05a44ec5fae805d2cc10df576438388', 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: '4990a584afe119cb9e427e69d3bcb4d012c10758', 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: 'c7fd9b622b205696f0f4e92bbc525062d465281c', class: "pdf-reader__zoom-select-container" }, h("select", { key: '89924621f01f850d92497503cd8a42a781f01aad', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'ac6cc0763927825999ce9c39b2fc328b78f8fe44', 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: 'd6600d5b2c42124c36124178f4c416c5003f7b15', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'ee5b9f29ee9034a2b77ee6a5e31e4797cfa43996', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '282b5670040c855bdbc66b333fbdb9993ffc1e3b', swirlPopover: this.menu }, h("swirl-button", { key: 'c57c742c6752cc1e0371de305b3909c9e0d221a3', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '8822b8b1110f5907480bc75d9abb1c22475a9add', class: "pdf-reader__floating-tools" }, h("button", { key: 'db727c7c3a4796e3f5560724391e324cb74fa53b', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '2665981959b1d19422f35dc744160349dc47205d' })), h("button", { key: 'd469ace632872719ee26908c15f81e45098197b0', "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: 'e62df249b45ad57f06fa0dadcf040a935eb02cad' })))), h("div", { key: '4e00f33d38c95e9eedb0519216b6b53e461dda15', class: "pdf-reader__content" }, h("nav", { key: 'f5b94ba13d123a505e301bb242336e9884342769', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5b53f04d0a5da7e6a2a11a934146a0de429af904' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '9bc2ed4760bb2331cf0d15cb8b06d9fa7892804d' }, h("section", { key: '0e0e2169251fe44d0fcb104dfeb5cf63e192056e', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'a9f661cd4d74dc262913cbc80dc1e8c1a84bafb1', class: "pdf-reader__body", role: "document" }, h("header", { key: '89f6580f02a11f303f31e1486a9e43966824ec5b', class: "pdf-reader__header" }, h("span", { key: '9773f8643afe41acfad8709b4612dbf44e628f44', class: "pdf-reader__header-left" }, h("swirl-button", { key: '3022cc80f67303a9e8ab14ffc67bbb120e021a55', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'd652c34e7f77ab3606570f0c7eb77285d1f69548', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b8bec7af51325cba1a429b1ea8ed36f8b248907a', class: "pdf-reader__header-center" }, h("span", { key: 'de78e017393ae8e7ba05cb2f146a593783f717d0', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '82ed2fc5d89352f922a3b4b37a540018f6a002fe', 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: 'c1a1cb3ed9330e76827679e11153e1e14cb74693', 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: 'f3e6a64f39e28cea99ce89a2ee76b27449340ac8', class: "pdf-reader__zoom-select-container" }, h("select", { key: '24596e6c038c12984efa3b774f61be6cb8cfb380', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'fa4c1144b53b7e0887453ea676968681e9590e57', 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: '23499a18bb506f0997ba879e7d7911e580166bad', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '39ab8409c17085c97fff13ce4f704452a9b68b7d', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '22564bb967430bc5369dab091793334694d25f1d', swirlPopover: this.menu }, h("swirl-button", { key: '1860eb1e0447ac5a43992339a96d389c0bf1a70a', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'e1684680158a686d58538809937cc3d11212d951', class: "pdf-reader__floating-tools" }, h("button", { key: 'aad6b7f4dbdec97cb52efa9665e99828cf7a9ffa', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'e305a569be9524ebb2e1a0ac000804e977960632' })), h("button", { key: '4e85da49dbcd1e008bce10a4333d7452738b43f4', "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: '13b5417ae745aeb9b4a8795fd227dfefabca4ec6' })))), h("div", { key: '3ad2626f897f4b2950388ae6182243d1a4425b58', class: "pdf-reader__content" }, h("nav", { key: '81fe3bad43ef993e1c040cb335f1faef9f79c9e5', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '26758ca91a27f6c502936bc7b753e51dab9c89bc' }), !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: 'b442e77cc5b1ebdf7e57bc8510536c707c8353ef', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '0dd322dc67d3a9f806b43f84b59a81f040753969', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '48057b8bc4a2471f9fda069d607c0d1f041a808c', "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: 'ab1d15fa9d9cbeb4d8c747283e4e3978f2c3fd6c', "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: '9ca60630163a75bf9732a77c232bae1580cfd508' })), h("button", { key: '19f7dad32033d1c40f311531426e49717d8a7066', "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: '1403f1dee91b4b7816ba9df9bcadc3a28bcfa71c' }))))), h("swirl-popover", { key: 'b5ebc5857b0585d2373dba7bfbda36bca5d35d8a', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'baeb26b6e7cfa169ae3953e0ad6bf8c6fd2676b5' }, h("div", { key: 'd78e92d6c60aa2330e6999a428e1c469f2396d3a', class: "pdf-reader__meta" }, h("div", { key: '68b3d21802c0c6f5f95ed62a264b4709311fa9be', class: "pdf-reader__file-icon" }, h("svg", { key: '93b1b4bdc3cf9176fa79fce28b3911755a95a6f6', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '4c9787fdf28709ac7d7773f969127e9c7f0ff224', 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: '52e6f8b4d74938893809a399b497e90e1542661c', 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: '23e2419e027e0f997bb22ca26c03cd161cc04734', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '91ddf09c6b13b016667078a99dead981f2de3094', 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: 'e75d746251e519e30cf81ae76cdcfa2577c0ebef', 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: '2fa3b043ac43cfbc4252cce8b802d7646f71e3a6', 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: '1a83971c5a0bd0addc196558b7c58fd847a2c9e9', 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: 'f40fd590594196d0e3c6eabc5d414035932d0df6', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '4544740d3126138c7421641c485b4c9d922d336d', class: "pdf-reader__file-info" }, h("swirl-text", { key: '200d76248c17cb3e293aff67ac23350e08895a82', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '760490713e2b9dc07a264199cebbc26f603e4432', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'a7133999707af675239299d5b62215b064212512' }), h("swirl-action-list", { key: '7bc630d457d3c18e0d9d4ab0898417ebcae1cc91', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '77755d0d90eda2236ceb4c721bff05f0ec817fe7', 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: 'a9caefd368e5f868a97ec10e575d6b1d52031e72', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'f437f17e5122b7cfccbb3063c70d1513ba00808b', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'af752da15ddcb2827fec8e7a8836c9433d8a1c23', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '0e7132fc75c5b8d5747ce12ed0b8a01e8e38b153', "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: 'ef759f13da3a0c7a0b99cfb6520e5e211afd56e3', "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: '948911570a32436580c3c50b0729c84732d7d73b' })), h("button", { key: 'acb44b92963f2e536ab961d014eac88e9696eac7', "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: '6cac51d1203f619d51fb5df94caf6e82cc218d8e' }))))), h("swirl-popover", { key: '1fa5dc8b8b67e731b194d1f3dee87b1aebceda79', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c4046f7dde17d2d00e3f5c375cfe80c11f361f38' }, h("div", { key: '20a15d94d3b28bc5cc6f1df319e18cd3eb7be519', class: "pdf-reader__meta" }, h("div", { key: '9e72d1e3449fdca074070720404c27fc88104820', class: "pdf-reader__file-icon" }, h("svg", { key: '004e0b6c030452a824a30e2e671c292c34d58d9b', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '9a9ba94f4391bbf1fb07ad72a4cb86402f87d14c', 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: '4bd1b78018f1e0e4fafd1e448775f05e61d817c8', 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: '7989626e90ff036338dbbd18bb60c1ae0203778a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '997fddff8b010f9ccfab9ae6cea8501ec5eca6a0', 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: 'a32b9ff155949285217df6b760d9083acc331789', 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: '07fed33677819dcc19206065dc7d4cab39e0e62b', 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: '523eda0137dafcaf818b2f3592a7219703e30593', 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: 'a22f558f4fb4850b70abef52202ea89e4582a2ec', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'a84f9033d4ca670694fd39fd47e149261e8cf027', class: "pdf-reader__file-info" }, h("swirl-text", { key: '42e371b416ca2e8be514a3bbc6f99975a7181ee2', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '1e65d8aea2c8580310bcc2ed4fbcac0ce6eeda79', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'c4683605fa9edcc12f820cb5adfe499d9b86f258' }), h("swirl-action-list", { key: '02ff7be61e7c0751b4310ed235c9ce589302c36f', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '38478a72bbac8c0d8396686a514b471cb26cdbff', 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: '59dc46c4fc2bc7c226b75cda015fadf846eaeb42', 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: 'b195bd13da8a4a362fbcb628c887396e33595da3', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'd8971c805533e71fe4d08542831f5ddae978a72c', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-popover_2.entry.js CHANGED Viewed

@@ -265,14 +265,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '458b7f823da930de0eebab3b20716578a9a091b6' }, h("div", { key: 'd04702b71a8a3afd8f23f62b2307765aa5381bbb', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4a66afe8d85a4ce40b9be09f137c29a7c0331a83', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: 'cbb60ed5940577e10bc5fc902c753ebd45906372' }, h("div", { key: '026d18a7b495a4a79e2c2fa720cd97032d3dbcae', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4b0324e4a34100e96540c8a504efcea4de74de4e', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: 'a56bf4844f0e7220d9bb95a2f467c51121e79571', class: "popover__handle" }), h("div", { key: '1924b3ab8125b084fe10142864eec21769e5445f', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '545a62bbcc4b125ed17db257692477bd1f864fef', class: "popover__handle" }), h("div", { key: '79affb1ea53e60027a9c0a872cc0b0868a47acdc', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'aa727605101597eee97aed835ba361e5058a03c0' }))), this.active && (h("div", { key: 'ee5a43aee97d1f9d5b46213d58ab2649cc166194', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '04a4bb2710fdcf19bccbf43dfac6b1e970b34e9e' }))), this.active && (h("div", { key: 'f6a04e25d55ed012ec969ab95a0f86941976a7c0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -441,7 +441,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '18be87536f6c91c777adb8a41e616868db4fa6bc', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '17fcdbfc8c78c32f8140bf2b8e221ac9c7775d79' })));
+        return (h(Host, { key: '3f57bb35476c8b9dddb5799f06779b9cb569038c', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'a2307462562e90c655bbc44dd42e5b02b83f6b3a' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-progress-indicator.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '723ee9fccf1bee2032efd9c7e076ad56e8244939', class: this.variant }, this.variant === "bar" && (h("progress", { key: '210dbee96d76b7f90d55608f2fcae3405da17504', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '0416de83b2197625349f8237e468cde61a1192ad', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'efef3c0be2d4ebfcd73abf6c436670e0da8f18d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '9ce31abfc191b7fbda6ac8dfcc8a06fc67f21681', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '2c53c955f44af00a8eacb1773647c52890520f6b', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: '12b03c2c018eda63c35042beff2df6f1abb124a9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'ac776d96cc6855d3243bcdf8e109ad10e03479d8', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'accabbe193d90384a655280826fe6b668af21478', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '4ea8388334a6bce14f0d3cdd7e5ca2188fba64d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f9f929a64b08b0a2e3ce5184de3dfd9cc523867b', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '91d150531c699e223691d787c78a475dc8abc296', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

package/dist/esm/swirl-radio-group.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b328e214c0d0dc0c45ee2fd8eabfacfcbe5a4be2', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'bcf1e95ccdebcc324bfa2bca7d6c4d8ac6a3b7d7', class: "radio-group" }, h("slot", { key: '4fa3f24729f438d1f1afc8a79464669a646cfd77' }))));
+        return (h(Host, { key: '2d3b480ea237a8845312803b3a2ff7cbce20e757', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '75348053e46be39da7ef9f33583b325782e66c70', class: "radio-group" }, h("slot", { key: '428c3306ed910e9e84c702050ad161a0b32f8174' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-radio.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'ffc86019706f785e80edcacfaafe70cd33a4318e', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '0d92ec5a8c55d04e4036e7e8b44eab3ced9e8c66', class: className, htmlFor: this.inputId }, h("span", { key: '93ffcee887ebbcf70e2c1adb0ef4818b6e1baf7a', class: "radio__control" }, h("swirl-visually-hidden", { key: '1591f9e611101724f575de7618bccb007c311fae' }, h("input", { key: 'e95e209f9f892740325585285198f8ba83448807', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '8105cc59e8f59f056579f21f56d82e518cfe7396', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c5460f18c4d28bb9b41108600749f68cf42595dc', class: "radio__label-container" }, this.label && (h("span", { key: '42769a01c4d19f7d8bcc4703db4c279ef703b605', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '78a1a418488e4038db1690a23fe437c2809ec8c9', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '62df0dab9980f31ff213cc8c23f3cffbd1d92bfa', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'ec5f93ff9db3aa970620857d7fe1b07b25f01a4b', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '45d23085a89c549a0e30185c9394c31dc5a0259a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '993ff8f016b074d5ded0c8011b2473a23d993e48', class: className, htmlFor: this.inputId }, h("span", { key: '2c85e0356b82476ab98f91b7e3d43faa580aa816', class: "radio__control" }, h("swirl-visually-hidden", { key: '6d5dd1aab7076008c2b5faaac55e16da89e879cd' }, h("input", { key: 'd51aaf1dbd7d7105f65cadae2aa4044f8427664d', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '333e476073c4b5d65a81066b0eec4960bfd8a3e0', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'ba46a5362e4e89e53f5f8ba28b8d41640fc6aeec', class: "radio__label-container" }, this.label && (h("span", { key: '415f6bd23393935e0ee37b86c4ba0eb3ed777bd7', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '280c027a195fbf94dd39f7cc8d71a6be1530ac4b', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '14ca29fbb9c23f654f8b43edc5b7866f6d59c78f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '750556bd721caefa5b0e6a1a0a2ec8f54799aad1', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -43,7 +43,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '5212f1d812317f059ca497ba57a573ea6e8cf2ce', role: "row" }, h("div", { key: '4ea7a96b17e9f3bee24e2600f4fdb638d2be82d2', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '5b9b3f41db7016985f1f50b7006bc88d15271faa', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'a98045dd62b13c8bcb1e17c0c383144d2a1c2d3d', class: "resource-list-file-item__label-container" }, h("span", { key: '0b9e6815935fbcec2347fbbd103eb785c2b4153c', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '5de758cdabf7e93262b7cd6fe8f409142d964319', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'e575c19491e2a1572e641de134442e16ea40f3a0', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '6d18b80c99a76ecc2b038f1b374af5a3865c7b2b', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '732c5faf3852acbb65491c3eb4cabcd80707104b', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'c0f253186fe13aabb03140897e138d74ee099ee7', size: "s" }))), showRemoveButton && (h("span", { key: 'b92ed6eb0f2557c1422c0541d79874d3f173767b', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '44d1f7c020ab2ed1ddc0d1eaaa1173ad2718ed7c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '97c8b9b614898a6ad96a1de4b2651fdf9fd0de79', role: "row" }, h("div", { key: '5b12cb769e4a71998d9adfb1825fb6b1d3be8779', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'f03033f687234b5726ec8675a741d11a378df235', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '2ba7cae02f9027c4f706c68520b303fe0d9a8f74', class: "resource-list-file-item__label-container" }, h("span", { key: '92660b102f35735a945c77116cbdc633e19be371', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '7239ed7130b3143c18c07ef4dcb1f9555acb5f76', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '0ae415361ba302f0116d68d3302254b928d6d5b1', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '432f94f16b25a024ea91772217e6c7fc95ce38bc', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '0d31556707eb10bd682e67876d1d1a9525b4cbd6', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '573536263915a8db1d7bcef49619db78ba3b16dc', size: "s" }))), showRemoveButton && (h("span", { key: '68399e497df63442f9fe683a50b39690c1afb305', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '62ffb53ffcb20ed03af605a463561bcdd35cd7c8', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -12,7 +12,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '7b7e7e0e21a83bb0765eaad71746152ea596558d' }, this.hasSeparator && (h("swirl-separator", { key: '2b3c637e9fac7e95304db1ebfa6c0601daa73f29', spacing: this.separatorSpacing })), h("div", { key: 'c35f56847e2dd2329a7be859f1f083dc8aba0c0e', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'c71e6e866a26914ac4dc61c989c8ee14d02dd22f', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '58208e68f516fe4d64eba6499dfda825eceb7cc9', spacing: this.spacing }, h("slot", { key: 'c5e0e56e39f240d7f8baac39635185272916ce18' })))));
+        return (h(Host, { key: '3b7ba4fc8ec443a33a901cfe36d79479e8940272' }, this.hasSeparator && (h("swirl-separator", { key: '24262507fb2a5ddf2e8dd7d65c2cc52e526cf104', spacing: this.separatorSpacing })), h("div", { key: 'a3e3566887aa454ee41f9483b982341ba7a1e1bb', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '010458f35fa3cb1b0be801fa39304d7b4870974a', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '8eb10264740a2b7114feada0e592050357844b8b', spacing: this.spacing }, h("slot", { key: 'b64f90f676feee0d18735207259bc78d2a77f876' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

package/dist/esm/swirl-search.entry.js CHANGED Viewed

@@ -73,7 +73,7 @@ const SwirlSearch = class {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '4092fdf29e81da467a01ce14169ef0a236fa1e81' }, h("span", { key: '8d44e68c5d1ee9dcaa87e7b072b7368060451a21', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'a398ce6356847a6cf619cef1d8d1a1e84949a624', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4fe717d1512a62b47608dbc99042a01e438a38ef', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '541696544a78036c61621ac82e9ab5071f4b69fe', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '57a0dbb569ca31f11ae9187c4675d90fffca4a0e' }))))));
+        return (h(Host, { key: '1657d8a33fc183979dae782a391de0615dfbc4ea' }, h("span", { key: '97a1e2c02aa3f8ccefe50ae05b47ed8102a8d171', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '461c99e89757917055b34f4a6487ea029958fa21', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '2f56274c90f6fb25d47b0d6630cc888a347f0493', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: 'fb46d7ac34b429f4f03421852ec162b6fb8df4cc', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'f30e0a65bc23c50a6e2d5b844dcd52919846933a' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;