npm - @getflip/swirl-components - Versions diffs - 0.377.0 → 0.379.0 - Mend

@getflip/swirl-components 0.377.0 → 0.379.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 (1894) hide show

package/dist/collection/components/swirl-icon/icons/swirl-icon-web-asset.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlIconWebAsset {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '6b22e0900cbcee726e4d83fdc8b546db95135e28', "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: 'd654c5f03bfc7602b24ce61388d52e4eb8125822' }, h("path", { key: 'e7725fba99741ef1b8599e999ccd0a25547ea01e', 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: '6a7b02792b31568e8c9bfc3fed968c6d3d576eeb' }, h("path", { key: 'b201a0a7095d3666da9cd900316d70fe3fbaed80', 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: 'c924ff0498b56c70cf17ec013ad51253aee2759c' }, h("path", { key: 'bad6cbf12a18d5b7588e52e9652b65405f015303', 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: '197ab5503dcf8eb31a7774f27be80d2fd6936f29', "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: 'f4056b678b20c341bc9ba5164dded38fe508c19a' }, h("path", { key: 'af546b3fcd8d02cabdc28cfe678db251ebaf404e', 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: 'bc9cadef7b2bc72d681c663900c0c345fa14a619' }, h("path", { key: '769dc068ff6e3a0bce53ada195366780370e9ef7', 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: 'ecadf522159bddcec2a07dadde180a5252fe1b30' }, h("path", { key: '5320b6c34ffb561e884228546d694a7f00f521b2', 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" })))));
     }
     static get is() { return "swirl-icon-web-asset"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class SwirlIconWork {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '4c5e78fe500fb7bdd0744c1bfc8fa0ea6e70f5be', "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: 'f0e45e7e5b956ad8f186c43fc8281101290eeb30' }, h("path", { key: '981e82a34740b1967d6d4ead6c2cdf7bea5cfe30', 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: '35bbe01c0dc4b256a813b859d424ee523dd59d3a' }, h("path", { key: 'a8f17f1ac482eebd1cbbeaceda4e4a369f6036a8', 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: '8cdb764675b7927c0ddb7f3a50266ab800a8302c' }, h("path", { key: '34dc4487bf33454872f5fcec942a587b71d19ba6', 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: 'a5673f16b68dff0e710f0103ff8202d63a7e1bbd', "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: '0ef9bdab64cd7ae47f391f7d16385fb04d33802e' }, h("path", { key: '6d6eca97e982c5162bde90def552a1d0f5643933', 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: 'dd6f3de8a9067aeab023291f4bdebe25735d98f5' }, h("path", { key: '924e049b15fdd00437b3b65853d3dd8d94c52f83', 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: 'c0af15af01b32ff0da4dd6c593581a0480b16ce4' }, h("path", { key: 'f23190784c55b9cfde827b97d7253d226fee9675', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-work"; }
     static get encapsulation() { return "shadow"; }

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

@@ -165,32 +165,20 @@ button.image-grid-item:focus-visible:after {
     height: 2rem;
   }
-.image-grid-item__gif-controls {
+.image-grid-item__gif-control-button {
   position: absolute;
-  z-index: 1;
-  bottom: var(--s-space-8);
-  left: var(--s-space-8);
+  z-index: 2;
+  top: 50%;
+  left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+  opacity: 0;
+  transition: opacity 0.2s;
 }
-.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:hover > .image-grid-item__gif-control-button,
+.image-grid-item:focus-within > .image-grid-item__gif-control-button {
+  opacity: 1;
+}
 .image-grid-item__overlay {
   position: absolute;

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

@@ -127,10 +127,10 @@ export class SwirlImageGridItem {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '675aaaefe83d45d310e65f2cb6fd168db429df1e', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'f3a6259a8f9da085c13dbdbe119b4c060e40c547', 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: '9269385dcf157eb1393bafc15e34498933124998', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '8863f41745b446f16673aba8c7d26a036c0fec3c', size: 20 })))), this.loaded &&
+            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '4a8e2e5931fe208c37fc97e113d91507b4380d7f', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'd42380e1652fe3355f7f54ccc0c43fbada2e04c6', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'abafe4a7983861c54cc788fc760ed28b9e4ec7ae', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '54d62c8ae3d44c37f8d79d8892d0b7adde498c3d', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '6c8c0781b308141a4276ce13874b8798d92c5ee6', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'b9c820fb07f1267c2c254bd8ee9a482c86348a6b', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: 'a0c6eba2a546b2705b1d6e36b06655edb51c9116', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '4389a0b904cc45bae46769f50a4938ffde3f333c', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'c3ecab0214c956fb6687c71c57cab0426b7b9565', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '3a5a903631417a98ab357af903713d9dc2a5ce04', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '1b10a444fd8f037700dde924e297f01ca565a1ef', color: "critical" }))))));
     }
     static get is() { return "swirl-image-grid-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlInlineError {
     }
     render() {
         const className = classnames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: 'f337c4a3cf306beb21a8aab29f56cdf1aa18c50a' }, h("span", { key: '469d8d13a5422ee1417665661fa701fc631de84a', class: className, part: "inline-error" }, h("span", { key: 'b6ffebe3eddd929284ff1f59466beda3fb311c23', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '44f1a31a92af8bd93eebe7fc58935ba690e5a1c2' })), h("span", { key: '8b7b1353da57ca708cba3090797bbe6ecb0cdc68', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: '1a26d04e450f9d9203768de9b17c77aa11e9c4d4' }, h("span", { key: '06a651a9326c6b8a96f512b325cfff79e6103b09', class: className, part: "inline-error" }, h("span", { key: '66773012fb6015b7502253c0c44320b78c4fdd4a', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '7f1d200e1db3fb43cef244fa65a016dc86cb7059' })), h("span", { key: '205d8d625e3cfac9a3fedadca9744cdfc2038e74', class: "inline-error__message" }, this.message))));
     }
     static get is() { return "swirl-inline-error"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SwirlInlineNotification {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: 'f05af92c68a8b3949d6b478b77f885185ba32119' }, h("div", { key: 'dfe2626206cc8af2d44c7b44cfd8fb364d3405da', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '0ffdce4379c133e9c8b66b2edfc7d5e00e522fc6', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'bf79373b5bd5902e95a801ecec44e40525963b41', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '5cae31b55f245b4f9d8aa7d598cb524a044f85df', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'fa006e3eda6102644d140b34c6a9f67b09b08cd7', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'b08fdfeab0389e8ada4b900e397095226246c379', size: 20 }))), h("span", { key: 'a54b17d14bf62a131cc546750af5cb6994eaf816', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'c7829d25e4fca758745ed3faf812b3544c593539' }, this.heading))) || (h("swirl-text", { key: '17d5bc32cc74b529f92144fd129f55cc7fe1361b', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '7f5c2df3a604f376b38eb3f42edd8d0fd1219d78' })))));
+        return (h(Host, { key: '624cfdfeccba7a8ec8cd92460cc63c0fbfd7f159' }, h("div", { key: '06c8a1bcb92582ccaf5944dddf470f3120afcfe4', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '7bc87d932d0944358b528a76d74b0c4571e48f80', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '209a44ffd66238a6602bea37373befa3d4b9dab1', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'e28da386c1ca7f215a4e36414bbcac46200b3b61', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '795f293517b43af8273edf5284c08190bb66314e', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '42b3904303fa8f79fdf1e62693d1a5ce69376f20', size: 20 }))), h("span", { key: 'e381a9d0642ea7f5c4c56d32502431bf5484d68f', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '767e9dae65ed20f7ce648746682d284bec674f96' }, this.heading))) || (h("swirl-text", { key: '0e515c99486185484514c3e40aaf24095d80d857', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '13f4bdd58f22067952d103688bbb8bc322b9392f' })))));
     }
     static get is() { return "swirl-inline-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class SwirlInlineStatus {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: 'd67b2912b5cf8351ec349444bae702a0bc6f66ca' }, h("span", { key: '382d9ab3c37766b59fb02dd50ce24b3fbfd9e7f8', class: className, part: "inline-status" }, this.icon && (h("span", { key: '652aa28a1581cb78685e3e31d2a16621a025fb6a', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '712e906a2cb9c58bd665831cb0299f154a8b5990', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '6cb0e9b2fe64481f205cc6a37ea6fc4ad2dc7869' }, h("span", { key: 'de78170d84c278a5a4a12fd72b925b5e9893e986', class: className, part: "inline-status" }, this.icon && (h("span", { key: '0d6a8b993a0bb58b988b20cea18069ba39ca7c3b', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd22a3fae40b2a15c8d95d8a957371fa170dbaaf0', class: "inline-status__message" }, this.message))));
     }
     static get is() { return "swirl-inline-status"; }
     static get encapsulation() { return "shadow"; }

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

@@ -303,7 +303,7 @@ export class SwirlLightbox {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'bb7142a9d284cc8318f050439414dd4daca15f5a' }, h("section", { key: '996df0e34760b15d5c418b91c69e53b040c6c6c6', "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: '2a053a0bb27471e11fc13daf5e7e4262f0a72a74', class: "lightbox__body", role: "document" }, h("header", { key: '57ca2f1920d4aca7821ee21ad0f4314702e18393', class: "lightbox__header" }, h("button", { key: 'd8733b467f3b1efb356dbc19a921c41451f18451', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'e9631ac40260711ceecf2be8a17a18b063011c6a' })), h("div", { key: 'a45a4a58512e81f28dfaf90ca138d928d47b1d98', class: "lightbox__toolbar" }, h("slot", { key: '84b51fc188322df6ede3054884ec540e283a90c7', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'c781c8fbe30e8a6e3f5ac937085002d2a64dcfd8', swirlPopover: this.menu }, h("button", { key: '2162f1aff1a2efc2554d53880e3099c8a667ea1c', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'b113ddf1ce9bcb8f8dafdb148cf3a7ba64fb2437' }))))), h("div", { key: '174b7500c6e2e83474213277f3af8bed3bfa00ac', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '689e8a4b5b0b209d90048dcc3b4cf274a8b4b626', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '6d4b5e4a7649a1245ad02811533ed8afe875c2bc', onSlotchange: this.registerSlides }))), h("div", { key: '29339aef41862572ae3f9214eb63457ce68dfd28', class: "lightbox__controls" }, h("button", { key: '46ead4fb686c9d11df2f70b4dc2c7b0f287e047b', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '1e15461e321fb843ed77ca713f4fe312436ed472' })), h("button", { key: '3415fd698bbc61422cc7de5afa499b839339b3b4', "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: 'a68297f5a994ce23e283b8d19997e03469ec15ad' }))), showPagination && (h("span", { key: 'a7279476a7c8afd8dfdf5f3418a24785f64a4539', class: "lightbox__pagination" }, h("span", { key: 'c51859b92f51f1d538facd74d387ab8a4ce1ac2d', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '9abb1c4850f0ec85cd8bb50e591d0456872adfc1', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'f495ed40f2ab8748f36c2533241bf9ceff832f59' }, h("div", { key: '628e98aa65f339c475e091a1f030bd3d359a9e8d', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '103b198cbf0b263ac81b2b04334b54cf758561d5', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '7ed9db6994c86c69927c6eeab6d365cf64bdfcab', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'e47de8f995e0aaf6b053f9b5058b2b2d7dbb6004', class: "lightbox__file-info" }, h("swirl-text", { key: '9ade4baeda066ea76b68a8e23c0e3635cbcd163d', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'cdf832bc53b827a317de113601bd913c40c778ea', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'e0918866a890108f6d76a6f4b5a17a0ffba94fdc' }), h("swirl-action-list", { key: '74b3c2b1e1ac50b70f161a9b0e831e2ced03ac67' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c5b57b960d3f4896d938949cbbd5e805a7e217e8', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'eb08de5fe92d47b056cfdb994752057ecb382be0', name: "menu-items" }))))))));
+        return (h(Host, { key: 'ef7cbd047bac3b62cbe456739dfae225d8cd1ebb' }, h("section", { key: '0b4afe464da9265b4194bb84bba9b6d8c448098a', "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: 'ecd048b4faf20813533758b2715968034f8a9db9', class: "lightbox__body", role: "document" }, h("header", { key: '2f8353ffd549af1e10c805fe275e774b37765458', class: "lightbox__header" }, h("button", { key: '5ce3b219b1ba9262e9401779d8f04ba8ea0fc142', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'e1cb9b066b52bc783c1a8f0d2f9e2970f0e97bf6' })), h("div", { key: '31256a598b10c19da8bf1cbcad9833af7c7bcc56', class: "lightbox__toolbar" }, h("slot", { key: 'ad83d374d525eecf8fe5ca8660efa84cce08627f', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '5b77ce1398a13995711e7b28172e06efc6a2a0a6', swirlPopover: this.menu }, h("button", { key: 'a68c4b8cc54e55ae66963c194694c74b4a2805dd', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'f6dd02f0a167a7402ec7376796dc456761eee0ea' }))))), h("div", { key: 'bcee1e42640015d0e61eca98575cd04d8db31c9c', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '24f4a799a7e6741760d058537cd151a847133755', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'ef904861260bac6237ff60038e16a7b21d1b9e97', onSlotchange: this.registerSlides }))), h("div", { key: '7c9a493998e7f8599721fbbb17d1a9ccd4ae0a52', class: "lightbox__controls" }, h("button", { key: '656d337ef4e3eb6e769986b7bb5e30e33fb07f89', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '7c8cd8e3fdb8b65fcf0038ec5e3f7b2138e9f143' })), h("button", { key: '46dc45a573b6149da44eb6cae3d33815ff20387d', "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: '9f269109dbf618bc7ff12659421f92817283e899' }))), showPagination && (h("span", { key: 'c5b1b8aecd9e85dec1f550fe23b8c49bbf0a25d5', class: "lightbox__pagination" }, h("span", { key: '782ddc05a9dd831dd3f37103e468e2b27ee1fe96', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '23e003effb0ba1eb188975848799790e72a3488e', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '01a5fb48b943dcc5a1a61065b2dc8aa51aff08b4' }, h("div", { key: 'ccf3eda1d3ec4bf960bb23381f39008602a315d9', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '670f49f30b7d18b8206ded66d03a7bf56d77c25b', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '3375186fbb76b4632dddfdc084bd153363fc6a0f', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'dd3a475b70000242f7bd5d61c67c8cddefcf412d', class: "lightbox__file-info" }, h("swirl-text", { key: 'ec46e19e664f58f7db4219122d10242430e4d05e', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '5ac54930081a8de2a8b585890490eccea6a0aa3c', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'b39268cdb64e0928b44c5c2033d5e3c240aad8f4' }), h("swirl-action-list", { key: 'c7d2fe73dccf2a7f23dda4d3bdff4d21bd0aa6ee' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c01cbfa680c74214085a90f72ad6a942a52a5363', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'd50b99132f45df1e7a9addb3089eb8fcaf42d732', name: "menu-items" }))))))));
     }
     static get is() { return "swirl-lightbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlLink {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: 'e9f3357525bb976f93b594ba41f54556f95aed68' }, h("a", { key: '0d78230d5c4d2036747e5c9746ff304d5d1a39f6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f' }, h("a", { key: 'f5b666c7d7e22871d44b1f30d67dd6bcb1933acf', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get is() { return "swirl-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SwirlList {
         }
     }
     render() {
-        return (h(Host, { key: 'e2a1c769d953b7c05649cf0c4ec08d35f9e5a391' }, h("div", { key: '79f51063c5f8c158029e2f9dad91379e75dad18a', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'd1de10712feb66d5a601bce3370d38f57d2e18c9' }))));
+        return (h(Host, { key: 'b120b78b1a35e868b38b343459afaffd2df3f010' }, h("div", { key: '04d5c6e71848d87cc3e4132b16f149552b1cebe1', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'aa621b6621ef749e379d288552cfedba1e98a1c5' }))));
     }
     static get is() { return "swirl-list"; }
     static get originalStyleUrls() {

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

@@ -285,7 +285,7 @@ export class SwirlMenu {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'b75fb943f91cc899f162c0b63f8082d179843769' }, h("div", { key: 'b31150e343ddb6a6dd646e68d7ecc3b74f68db10', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '48ceb1ee35d7062d5db05504a27bd76c717f07f1', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'fb64243cc608184d034e8fbdc7dfb32c8dff98ef', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'c344b6b747ec9abd2a2f6646fd8ed3e24bb21109', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '0309c5898a83283037bc1b3eda6ee93fd2f16a2d', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '2857abaadd4af6c70d58fe7c85d0af0543908493', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'f2ba19bfd22201241db9a0ef9f641497c2b1a4e2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'f15159747fe2ace5d4d643aaa32c36592c4dda56', "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: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "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` : "",
@@ -296,7 +296,7 @@ export class SwirlMenu {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '8ce8f58560c9bf747293249f9e9fecd7f56bc27f' })))));
+                    : undefined }, h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
     }
     static get is() { return "swirl-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -106,9 +106,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'be28f7a4e100d72da761d10b372726fd8ec53016' }, h("div", { key: 'e7e94527be08ed397b2f81955456b7ab333d5d25', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '92418fe464f2c36c86aa1958efb44423adb6dbe1' }, h("div", { key: '2f05aff7b6e83f2db0b734718147199ab5bb4895', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '0d6613063c9497f0c544b644086b97becdd63337', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'b3547eacb31576295dff2f7699df1b691327ef45', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -231,29 +231,29 @@ export class SwirlModal {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: 'b8d138b1ad7e273791814f5f9abd8a4a073636fb' }, h("section", { key: '0f63acbb187ff9d46dbff9da73144931e7ad33bd', "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: 'bfb8b3f9745e9cdd99fa7ce688dce57f01258706', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3a8014ffc0972052d9bd2fa1462c4447e09fdea3', class: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'ab3d68ed1317ef24870c75f4e45c258ae0c91132' }, h("section", { key: '6934a2c65dfdb0f76c604459a742aa90f4e0e8b4', "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: 'd9611005609c9dc827fd0a939bb4dc72054ceeda', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3af2244b95426bbdf33e3e296ec2559dbae49304', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: 'f4fc452be1ab849dd5f5af6cc22b9605603d18d4', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '863e9f2aa8b7392afc7a8d20f451c35a4757b5c1', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: '445dabf28b922add6e2645a7bb596a37e3cc46da', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '27c216acec48646897c3852ce0973b230393ad1e', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ec003d97f67b728c91efb729f03bcfec00604bc9', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '55619573e3665d119f5930f795dbeb1e7b144415', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6ff1a840c83cd9aeb34c55e9767f8e6736c197d8', name: "sidebar-content" })), h("div", { key: 'da90299494ae5252611f30e64ddf08db5b01ef68', class: "modal__sidebar-footer" }, h("slot", { key: '817a965706aef995da46009b0a76d4c7afd2567d', name: "sidebar-footer" }))), h("div", { key: '4e967937d11b2dfc8552da0b308f2a3446a87e2d', class: "modal__main-content" }, h("header", { key: 'be7b866f8d7bd844e0cc2284e804e278fa62c62b', class: "modal__custom-header" }, h("slot", { key: '26022718ce0fb8817ca1914db3f4c21bbe6a262e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'b8796448ff81d69ba74b7465c2bad02df39c0ba3', class: "modal__header" }, h("div", { key: '07b7a25aa64aec3222f4c9130d64be79222a2c97', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7c9e22203d8ce17fa30fcf8df5ec28dd0367a065', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '300be5e9adfb0d6c3c579a6f5124edec51eb791f', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '23f2bc7055f5a62262a56d0a4c489d614adc1951', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '8b3cffa44b64dfec5eb1008caff7589c9cb7299b', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '77fb98cc3ce7d46d15d12045a441ed08ff926dfb', name: "sidebar-content" })), h("div", { key: '1e45e7319dcf4c97c96266fc5e68d7892e815c44', class: "modal__sidebar-footer" }, h("slot", { key: 'dafc533c3bdbab792bd27c0d646c49cb9b72168a', name: "sidebar-footer" }))), h("div", { key: '963da8fb14325477073f875d326a4dfe58c43279', class: "modal__main-content" }, h("header", { key: '87513cc54a98fb0201bee06fab6a523633178851', class: "modal__custom-header" }, h("slot", { key: 'c06a692b57cc1d37e1d88d31717bed3dc11ce559', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '89c9a74f6df7cc7e08d7905168ed4da4df1cd3fe', class: "modal__header" }, h("div", { key: 'b630b015986769ae8f5d246bcdd23036cec6dac3', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'c8fff89367d47d74db2b16c52c36dc33df9bf9a0', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '028f409536d401093fd71e6fbf123b504a54b2c1', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '97063a903a5cb65f08fb2dc26d5b7514d32204d4', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ed614d4b5331946c67d18f729052c0661ea3a8bb', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '0cebbb9377307b03900bf8f623af2bbd0767ae5f', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'e6b3eb2ed868cddd50b2fd28d974c4532e9e9d94', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '1ee97b36e0df6358c18ea02008ca4ee084017115', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'd4fa0c843953c0d217c1feb1939d43e0aad8b68b', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '7341038d7ff292544afa94d225b117cea82d95bf', class: "modal__header-tools" }, h("slot", { key: 'ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1', name: "header-tools" })), h("div", { key: '441577d1d7a0fe02736dca8e1027b52114b7312e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6b3bcaaca92d5238f72f374d925c0b2b37f33763' }))), h("div", { key: '4ec04527481b4166525537d1c9c513f7216c5fbf', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'a2b4503677412ae7140e83a0c6025ac8be23b055', class: "modal__header-tools" }, h("slot", { key: '7a69b31437119706f320b6295849d34f252023af', name: "header-tools" })), h("div", { key: 'f923f379a7d7cfc0fb69991085b1272c0983597e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '81682c3a8cd9f7d7dd865a77e286b2694cda5315' }))), h("div", { key: '9fced09c6e5ac1473f5be815f8039886fcea21b2', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -271,7 +271,7 @@ export class SwirlModal {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '09caff111a5c6696984582a40b3d98423cf9b0dd', name: "secondary-content" }))), h("div", { key: '255f12ffb46f68fc0452d6e8f0585ee017f485e9', class: "modal__custom-footer" }, h("slot", { key: '0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186', name: "custom-footer" })), showControls && (h("footer", { key: '97e723de4d48fa5883223a5665c419842412ab09', class: "modal__controls" }, h("swirl-button-group", { key: 'ce6a1115e391d17314d33cf8ef5795c7f64164d3', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'dca61b968580d1025a8e7fb08f7483fe20f3f232', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '6074c4f3eacd7b0091bf2ae9022fdc10a9333a50', name: "secondary-content" }))), h("div", { key: 'd930b8ff7ef35ee5e88dff9c6e90e7e9154205e9', class: "modal__custom-footer" }, h("slot", { key: '4119568e0b302bb69d6b9554bb8f9a4747c50922', name: "custom-footer" })), showControls && (h("footer", { key: '6ed03e66ef65ed82558fc2abb695b807508dc6be', class: "modal__controls" }, h("swirl-button-group", { key: 'c243569bc0e0cc9817972a5bbf4a18276658e57c', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '100aa26888135c829169edfbaa6e210764d943d5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'b197198cf7fe5fdd68f22cc709aa441144b971f7', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     static get is() { return "swirl-modal"; }
     static get originalStyleUrls() {

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

@@ -420,7 +420,7 @@ export class SwirlOptionList {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: '8c044408d10a0e2785415b32a8645a3be37ff73e' }, h("swirl-visually-hidden", { key: '69acdd6763254468c862475e5c1c00eafdc93d32', role: "alert" }, this.assistiveText), h("div", { key: '649379a34dead4233483ad292498f7a988308e02', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '3a96ae35674e2429f62ac8fcf0ffc46165041af3', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '93cb99805109c6a16baf5b949af672b90b850f9f', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '8f003735c4c5347724373773834fb0cf1111dba9' }, h("swirl-visually-hidden", { key: 'f0274d5671f707a6130791dc6537d9044387c877', role: "alert" }, this.assistiveText), h("div", { key: '1e99aa245849dcc45e27e5ba2dd33f25954dc164', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: 'f4c317311dbc15bd1109ede4dec5bb2c63dc7c76', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '657775578ac2cb72820fedae1a39281cb02d4466', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -61,9 +61,9 @@ export class SwirlOptionListItem {
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'cb0a26f23613bf21ee88a290a00dc327a0c85ada' }, h("div", { key: '9b1eb4e08c1d0004bce09578ce0905eb197ac907', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'f8c00ccd0edb0d188d0f65e621a3b3bd0f85ecf4' }, h("div", { key: 'b2cee25c44a70638fe775d0ae34386aa1bdf57c2', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '073d9b17a9c748016f928217a6bf4ea39ce48fe2', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'fb32a363286fee7a306e8962c5dc095907621ace', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '18f0ff0915f85a6121515161576e421b50f03fb4', class: "option-list-item__checkbox" }, h("span", { key: '64713379726da9413536fe3cb18c3e00677c7d4b', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'add2a2890262d78d62ac9e8cb007999334dc37bd', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: 'd648e60de087f0836aa4732a0632ddba411872fe', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'd2708ea06f8e89f8ff05df9f70a50761bb631e1c', class: "option-list-item__avatar" }, h("slot", { key: '80abff4b366ca84e2f69efb9700f78c234c759c6', name: "avatar" })), h("span", { key: '275d204467223cf209f22d530becc7c94fbcf6cc', class: "option-list-item__label-container" }, h("span", { key: '78ffc616b55023dcb952c20a20261c62c6c49251', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '137f59e2a8d671ade5442193a7146e2fed089194', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'fbdae273b61760022d301c1c99a035e0921f1c57', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '555cb52b918d15174bf64ca652873dc468f08a13', size: this.iconSize })))), this.allowDrag && (h("button", { key: '0e0803eb74185cea9467b97f53c542170fb2fb80', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'c5022a378d6f0d5d523468a1bcffcba33ddd20cd', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: 'fc899506beea9dcb1898b196a21e557aa45b1b43', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '52d35bd66d1b51121720dd338ca9db2c494789d2', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'cab616b7087d2d16b4009495e871d48de58e11ea', class: "option-list-item__checkbox" }, h("span", { key: '3dea1f0a44b4d46467ecbd8369c2b6aaed3123cc', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '9b678ac705e7320d73748713068cfee00c3f47eb', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '76be874ba26f15a52f46d850861de625a5a7dec0', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'cff0e637854a7ebf4b21ee72646099d770f737c4', class: "option-list-item__avatar" }, h("slot", { key: 'aa0246a84d995d205ca6dccadace99a1225cc5cf', name: "avatar" })), h("span", { key: '6d909506dce28d3265ef93e0ee8050664eeb7e42', class: "option-list-item__label-container" }, h("span", { key: '68470d33d2055d239e86fd07469fa59e19333965', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '412f387f6e43974077d9b6b78b3c57fa5734f7b7', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e7d77c2368b9e4d44da76612233dd627dbf91007', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '1488cac89c93b82ea6160de2181e34eff34f561b', size: this.iconSize })))), this.allowDrag && (h("button", { key: '97bb0b22816c33b08a34a4c879cfbb6c1115239e', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'fb047094366a625ef1ba88b69bcde10411e1023a', size: this.iconSize })))));
     }
     static get is() { return "swirl-option-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SwirlOptionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '493693ae78952e7e0dab2e57c092bff22cbd1ae9' }, this.hasSeparator && (h("swirl-separator", { key: '50de2cc6115a332a49c4a72c658df02f9ba6a1e5', spacing: this.separatorSpacing })), h("div", { key: 'b4341aade20c924de6161274bd8383f3cfd4bb26', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '86e6767844e7195edaedc84a66f68be4b1891e6b', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '3a4423446f700e9103128682c2bb8c63c62f24e1', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'd85c25efab36436b4101a2425a84383cf426d5d3' })))));
+        return (h(Host, { key: 'a2bd8ab9bb252152056ec74a79bd48232337ffd1' }, this.hasSeparator && (h("swirl-separator", { key: '111249ec87f6ff0d19ec92033a4fd60ce9794e61', spacing: this.separatorSpacing })), h("div", { key: '53e5d1ffd0c229ea7c52827d9188af5b9e2d3a81', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '871bb982f79e57d24f4d6105f4ee153c6b9b0fff', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'd7600e3e25663db7c74b4f073f1e1117cb98b84c', spacing: this.spacing, align: "stretch" }, h("slot", { key: '060fe6e45a03426b493cd98fff5f52207a99abf3' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export class SwirlPagination {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '5978254ac1068ac5d9bb80acdbaa1d2d269fe259' }, h("nav", { key: 'ddee3c4e0bfa79039db7a177730a03345217ca06', "aria-label": this.label, class: className }, h("ul", { key: 'de432ce32d9381ac1a377798f386d3e154207cee', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'dfef29a58b81121911cd39fe137e95ff096f0d7a', class: "pagination__list-item" }, h("label", { key: 'ebaf0677e82400be67a27d49e1eb329d8f2dd864', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2c4e1f89edb6f96b97cf95f239fc50cae1014901', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a578e88a8daef0b4d4248a7d2ddab56b8e706633', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'dc82dcd8582694ea2b849e3216e44790f0f755d5', 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: '4422749d60a84f23170ebfb1ec25156a9af1a581', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8aa9a178991e2ad41d96599ef357ec4ed6f0aae7', class: "pagination__list-item" }, h("swirl-button", { key: '6d25223a8059b941b4c28ee6b0234abfbce72716', 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: '6fe4250cd3b3ec4115b921b47688897375d6197b', class: "pagination__list-item" }, h("swirl-button", { key: '5b334333689e838715a4349b147acc2717df28ba', 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: 'f55b7c393a7f545718bd227bbb08aa0dcf77034d', class: "pagination__list-item" }, h("swirl-button", { key: '172a349725254224da6d746314cdf697e515851f', 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: 'c4cfd270b79e299af2c8e659ffa33c4523ee5681', class: "pagination__list-item" }, h("swirl-button", { key: '1178ab1fe0d0204d57c0eff231cac3d489fbc940', 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: '75d9096135533702dbfc54211e7f6d824b49b056' }, h("nav", { key: '6ed3439b88dc08654d9d505eb514703e15f30d6b', "aria-label": this.label, class: className }, h("ul", { key: 'e12a16e7d5d2fc9d5a9bb26a0b239a2364345862', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '4b9d8557eb9beb7bcc3f0c2ab61aca4b8d1f9f1e', class: "pagination__list-item" }, h("label", { key: 'c6e9cbbbbe0c44d0666200df39bd49d12ca62ca6', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'fc20a423a590d4a627637229a8d8d6e6745ea83e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f7afb973c2570b8202ab75f6315ccd95f0f502ed', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '02b4a439d5de9fb2e3a2edf5e690bbe0359416c4', 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: '922a6025d045d5f4ea7b286b44ada281ebd647df', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '6845611f8081c54f31ab65dc286a9abd79e187b2', class: "pagination__list-item" }, h("swirl-button", { key: 'e2faa13bbdbd1066e7d5e6019d61465f25491243', 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: '1603b2208c9b8b2b92d85815d7e0ff84cabc08cb', class: "pagination__list-item" }, h("swirl-button", { key: '13f3c35e8c47918e6c0efd420aa3ce1820783f84', 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: '7bc72b6da7144b8f822ff04ea2a8f0ef89d3202d', class: "pagination__list-item" }, h("swirl-button", { key: '7f2b20c2b9282a55223aaabda2202822bbbec5b4', 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: 'd503b9a0f1dfa111d02f05e16f65b3c85559e20f', class: "pagination__list-item" }, h("swirl-button", { key: '4cb99870221d41f1d310af7264fdcefd9513aded', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
     static get is() { return "swirl-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -174,15 +174,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'ceac491f1f25430c437eae9341c29639d8563b89' }, h("section", { key: '86d1252a6b84bc40b02e8e9836006bcb2061ecc0', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '127cc10693aeacd8439cca0e2a5831e49c7fccb6', class: "pdf-reader__body", role: "document" }, h("header", { key: 'be82c422261f3ea5ad069316f0993f256d899dde', class: "pdf-reader__header" }, h("span", { key: '4005cc1a873395b64022434c9d8564f253289ce2', class: "pdf-reader__header-left" }, h("swirl-button", { key: '0deeb6e46fb6c9e40a18e4b2c637da1c73f23fef', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '1ad12bb04e0388827fc1eca0bb6a43ad6996b5fe', class: "pdf-reader__label" }, this.label)), h("span", { key: '358e06449a0a39b68b1c01a184f8f544d2f3467e', class: "pdf-reader__header-center" }, h("span", { key: 'd52f8e98134062f3c09e7782a678e96420675182', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '78bc41166b1923d5dbb043fd1012fe4d3ada7e2e', 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: 'f5c8843a8e4cf290339e2503fc702681d6425dcf', 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: 'd72eebafb8ba088ed26ea1548ce67bd91234f4fb', class: "pdf-reader__zoom-select-container" }, h("select", { key: '04c5922de0b43055e8dd03179ef190617f3fda66', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '7a37df0b7524292ea37f84b3ab3326a3fc0e626b', 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: '6f696d1e943e8fa5b1275346dcdccbf48ba45dfc', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'a6f453308580eabd21496b928136dbc7eb08d344', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'fe646a84a2ca8464f19e1dcddfd6a3c3fc386d3c', swirlPopover: this.menu }, h("swirl-button", { key: '795e9534ede15e56ea58d5209a40f7938690b0c7', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '8d504263c609bff0464fb7d239a732751abc5d8b', class: "pdf-reader__floating-tools" }, h("button", { key: 'e4a0c234da523f1bed482fd78688a633734b1fad', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '1213c8e08b86312f32a802ba6131b7239052023a' })), h("button", { key: 'c088d34ad4c77d066607d813326de7d8c89a90d4', "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: '56d920e89e1abef8dedb8ee868ae2fabb7d13108' })))), h("div", { key: 'cc83a8ec24d4dd1c874ecf6c947ec208735aa1c9', class: "pdf-reader__content" }, h("nav", { key: '9aaa0abc0c116f145a10eb1b370ccdc321214fd5', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '520a615d6c3214eaca641423cdbad5d68881f609' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'ccae4cde4e937529537e5cdefaebb18379c67d52' }, h("section", { key: '254a8668984cbbe7305b39b45b23fd58e5540722', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'ce06c589fd73713366452ffe0b8c8a129463e613', class: "pdf-reader__body", role: "document" }, h("header", { key: '99181fece7fc83bb77983f14d6fbb355dcadc669', class: "pdf-reader__header" }, h("span", { key: '83d73aa922585f9c9688f1e15d5e43c9d68f9fc9', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'e19d07cd20dcb155bed916bbf624819aadaaa54b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'e01e73e355b911b5617825bc9d9b7038ed99a082', class: "pdf-reader__label" }, this.label)), h("span", { key: 'bda7eae87774dbf613e5a8fa2c72827acccee8fa', class: "pdf-reader__header-center" }, h("span", { key: 'be370461d38a25bd7ce21920a0fcc444995a4610', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '2aad15310bd7d8b59113ff3b4f45df9f5c993926', 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: '2191361d6117f57cc200e5737138612ceeff9751', 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: '4f3e2db75ad2dc37c3569b4760338287b6e5b0a6', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'd071c22996ce256ca96ae6e0ec2812ee69796b21', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'cee73238756718bb2356ef1c969f96080451c622', 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: '671285dd22c2fd6264c8f000646f8a01af692112', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'ac6329e1622381e673efd6b4ad652c91c2dea43e', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'a4d8155e9ef7c3f1187724bc57a9a2c570657aec', swirlPopover: this.menu }, h("swirl-button", { key: '2c8dae91737ead426ced1b028292267f7a9fca9d', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'aac1c4b7941f2a973b95ddb6d0e80828c6d3cd21', class: "pdf-reader__floating-tools" }, h("button", { key: '53d0e65b4ae4156c48c1e5cbaa0ec32d55641454', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'c2bfcb9f639d28fd172a89a6579eadc45388bd8c' })), h("button", { key: '41784ac92d029eede862b6a92e68918914e39175', "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: '9003c127d670133049002f3d8f767c2825353b0d' })))), h("div", { key: '99254ef394f2ce48e2d7d3028a2ce4b42c30db97', class: "pdf-reader__content" }, h("nav", { key: '70401a5a94318c41975d878d6fc68823f961a1f1', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'c796549ce82f94169905168372e185437eb350a3' }), !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: 'd1ce1e01d5afed1d010cf108076e031641a657bd', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '948d13b4ea8337d63f2ea427d3d5557ecf1f3de1', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'dba7cabf6ee7ed2f081cb77a496c1872b3db8aef', "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: 'b5fd0a383f69030b8061c96085bf0330312b9f35', "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: '363c7533f7b82a2e7142762ae3139174a0c07fe8' })), h("button", { key: '3f95b205c0a62e947c148b469b93311f32b86703', "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: '379d8c19b81cd3e80ffb5488cced5abf765d6f53' }))))), h("swirl-popover", { key: '4df25c36d2c52d75148f89dbee4adb70e9db39e6', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '97416085808d0837cc05634e0f8a3bc2f062c767' }, h("div", { key: '673087ba12aedae836d0270bd711f9ad5246f772', class: "pdf-reader__meta" }, h("div", { key: '102716574ddde349b061ff477702ff61194c9889', class: "pdf-reader__file-icon" }, h("svg", { key: '6f26910b47debf492c777c5e3364a2395b7f647b', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '32cb8dbc763ec57ca6a48b2402dce7d029288618', 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: 'e27d09ddd6406806dc256c87edc65233bfb79be5', 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: '98aeb722702c0bb9786151c87402e763773bd125', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '7c12eb159b4d11478334b646dba5599023840d96', 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: '76c97d6628f660f93621d639a42e335272329f74', 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: 'c6609e98d391389a4136d3fbd2bec8c259ba897d', 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: 'ec59748ed6eac81fda47d16990e0d83d80b00741', 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: '393bd8e5c8213e3e27b8a5f39e7fc4d8c461a8ff', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'dabbf37fbcc8de34fee47cd987b04c126c0a9d1d', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'd7c75f0434761c2b71c3e7e450dde861656b6fb3', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '869eab4a830a82bf8be6c727f894e15ed6e16c9c', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '4fcd3b6506f4dffeca774750af8858ac086f3cf0' }), h("swirl-action-list", { key: '5b5619238e99b9b2e607b49ccc56fa4bb1089228', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'd5ab15951e3c79582ec502cd0391cacea29def54', 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: '19c196835d749e6c2c93f926027b14a22f9fbb3f', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '76cc558f2314cd56e7c8dac62ea809a18e03768c', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'e4edcd47c2ff85b460caaff2d288b6df1d873854', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '1c393b70c8bd41f23866e81c7416d54656511e7b', "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: '4639297228a63d81bbdf48f29876080a915aa638', "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: '8e253b2ff5ba4faa07c0c65b30056e3300656e76' })), h("button", { key: 'ff72d7a27785b5707fb197c2905f9cd7a3c82638', "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: 'a5ccadee62345017e1703de4b96db8cff6653d24' }))))), h("swirl-popover", { key: '2bbed215e53309166047a8172c5f9b523837b61a', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'ddb35c2bf887a7db38cbe7e4409d3d3ffa3d690e' }, h("div", { key: 'f77febd0f5178e7b2e37182a12684eae3d9bdcb1', class: "pdf-reader__meta" }, h("div", { key: 'a29846ab01a317cba3c5d8daee8bf6430d723127', class: "pdf-reader__file-icon" }, h("svg", { key: '7186b0e869acc0c1d7583cabe00e5d7f269f4460', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '8b246554fd7a82599918b44d82a2e6d219d2554f', 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: '8b1325b4c3f9c23fd2c6e44e1a0296020382d786', 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: 'ed64e4427ac1f9c7007f59f5fdab2994a591f60e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'd46ef748c1014ccf8457ba5e3522168f0fd5ed89', 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: 'a9859e4c7934dee31e586ebce41df4a86fe41bc9', 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: '062890725898df41e0eeee539214c9e073decb73', 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: '9c7fbb9f7e3806cce3942bb0477375695304a9d9', 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: '4db6d44ae0776f9c106cf3b7ec96792ddac19723', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '3da450ad5b2f5a3e94fd57e9fb0094118d2f12b0', class: "pdf-reader__file-info" }, h("swirl-text", { key: '3e428fc229ef20a647920decfda92d8da7f11830', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '992361d4082a8c9679245d1d0b260f9f22bdabb6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'f8a873fe1f122472e18e676b73c7b365bdf1c7dd' }), h("swirl-action-list", { key: 'd52742f369816590dbde5ca6308302ff94ec1d2e', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '2ce943bcf759ee79a9b8fe233a17d05fe2961ff0', 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: 'a151c94c994f1c17b835ff87005944e5076c71b2', 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: '8a8af10d391de210b0a246e665ba848c4dbdc73e', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'f7d333ec4fb6db54e657f23e2f73bbb13cc565b7', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -263,14 +263,14 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'dd0c724e26c4dd93884e09d6758e1f3fb49539fd', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '00631b4d7d7b5bd53321ff9f6e7418e05e9c1db2', class: className, onKeyDown: this.onKeydown }, h("div", { key: '448a6e0e07733d3ed02222f1790adce3a47518bf', "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: '455e31122faf8e5766c7c3f505ea50f4837e5d2f', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: 'b9e370e001eadee537375c65c006da022e926f8f', class: className, onKeyDown: this.onKeydown }, h("div", { key: '5bf0a111ae45a0b78cb5b1fd182f6e6cae4ef918', "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: '1902a6592f0ac4ec42453a7927d25806f4c5f4a0', class: "popover__handle" }), h("div", { key: '90c219453a10953061e3c16771586003fd1b7e4a', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '2f4351d341b6b052136d50955c113dc8749da370', class: "popover__handle" }), h("div", { key: '9076bbc0a9b87ead06ff6782553fe338a5fabf8e', 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: '0732e04a93fff46e674eb4e7ee544465385f5106' }))), this.active && (h("div", { key: 'c37c42d3d5addf1c71afa261a66ceeb905e4a5d0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'f0311a5c9c70f7c7012d24dcd54a12155bf4c9c0' }))), this.active && (h("div", { key: '03b8839d5ef459920dde306baeeb71e3932b1c84', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -153,7 +153,7 @@ export class SwirlPopoverTrigger {
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'fd661f74ea1bc9384d46d8761819022a25cfc583', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'aca6974d766e2afba79ce99b64f57b8c8a02b072' })));
+        return (h(Host, { key: '8abd1fef07b0538799d96ebb8c7c913042370e9e', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '15ca0cf2f865fbe4ca7c1f4ef38b3dec3c75ac92' })));
     }
     static get is() { return "swirl-popover-trigger"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class SwirlProgressIndicator {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '5c972cf283381694c5f826b3d4376a9d1320eda9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'a509c26d292f6fb90d4fad353a99463e2897b6c6', "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: '80640e6a7c4c2e9e252f132733d4f266f3d98c9f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '290294d92cb1d850acff483e08466484cbf49c5e', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '17f5e4479d82e40db01892a4c0ac9f1464db1943', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '5f5495d0a913602bc07f30f1730c10400babda5e', 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: 'd76050eb18303a381648fcc81e0d697384a4a8be', class: this.variant }, this.variant === "bar" && (h("progress", { key: '1dafebe862bbb05b8c1114bd86d5f02d6fdacbff', "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: 'd6d2fe1fb8172e0a6421680c281a2c12db288818', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'ad431537d9e9ec4c3ba97f5f36cd202afba690cc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '0b0eee62eefde5c43e5b9ba040a8cd62f1515262', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '406fb2f982f14f7f3d447c4fb19c08c1a8aedb53', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get is() { return "swirl-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlRadio {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'b0000ea7edf5e98a787870acc4f1e01abfb9d899', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '2cc565289e6997e4a2158c3ea152a75320dfa478', class: className, htmlFor: this.inputId }, h("span", { key: '1b268a5e971aa8e14eb3624dce8e4d44cd953c28', class: "radio__control" }, h("swirl-visually-hidden", { key: '8b9c46ff098f52847bc1943a45adc857fe3949da' }, h("input", { key: 'b0126814241ee92d86eaf922e3e84045a180d77c', "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: 'd2a9ed9f66168706455d59fab4294820e4d5b519', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '1db782a2bd111cda28259a0fb4a391c1894552e8', class: "radio__label-container" }, this.label && (h("span", { key: '8730140f044782988c99ecd7d56878277d290f01', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '84bd3facc2187d840570eacaeae932702471807f', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '8279905d88e91a16fdb5ed45efcaff77984581b1', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b752613cc50e424ec663b28ce903816ba1ca2f84', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '86182d620dee4e0e47db4968e88f8f0cae8d0868', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '16e54bcaef3b8167996ba6122bfe2d8a6eae06c7', class: className, htmlFor: this.inputId }, h("span", { key: '64a0ca1e3e2d3e7ebace9fc86d452968b19bda03', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f74d2bc407cb611a44d23abe55472d605a30b897' }, h("input", { key: 'e3a2692e01bb4de45922171295ad6fa693a59874', "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: 'fadca0e725c39f99a3ede3aebf8fead3aedb52da', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '58b41ca22ac6afd7fb6974741bd4a16b875d8fe8', class: "radio__label-container" }, this.label && (h("span", { key: '9a4fb8ab685bdfcdaadd390017744fd5d6c1b1c2', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'f64e9d4749746971c56d46339aed2dd66113499a', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '75ec51689903e4d337672fccb6a529f5be8350ca', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '22c0edac96ff31475033dbb56dee80a95a0843b5', class: "radio__description", innerHTML: this.description }))))));
     }
     static get is() { return "swirl-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -33,7 +33,7 @@ export class SwirlRadioGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'af29c81fedab811f3e3abfadf35f4203dceaaa28', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'ec3dfa0595cb74eceb6ecfb7a455a02be865ea05', class: "radio-group" }, h("slot", { key: 'e02ff45f770ca97d557af130c49f87743cfbc40a' }))));
+        return (h(Host, { key: '7feef864eaa6ae327014841ba84d8667762872e9', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'a0dbcefd3059fe59bd50b066230d44ef0e8d31e5', class: "radio-group" }, h("slot", { key: 'b8060c41ae144b925d4bcc247c437419037db4ca' }))));
     }
     static get is() { return "swirl-radio-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -250,7 +250,7 @@ export class SwirlResourceList {
         });
     }
     render() {
-        return (h(Host, { key: '37fcb7b7ef6436a7855d00519a31bf007b77da54', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '22f4bf54dbd49932e129c58d5514926d07f825a6', role: "alert" }, this.assistiveText), h("swirl-box", { key: '79844e03ac49eb014b31cb6c26169a74bb1d6967', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'a63f94d6d859d1cc3497f4b9e037e1f3513537b0', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '269ac25ec75e7911548b4fd626f1a9031c008a19' })))));
+        return (h(Host, { key: 'a0b3042effe4f77ca1a9b9ab88817bda47b93b7d', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '8998a40becb2bf96f28bd270cbbd66fafbc9cebc', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'f026ced20ca14db8b505ac8dab1c8c97c3b4ffbf', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'ff57afd9915587648d1a0e4cfb827f2455a884e7', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'dea319641ba5ec73d99640f322a1f6f6e2da557a' })))));
     }
     static get is() { return "swirl-resource-list"; }
     static get encapsulation() { return "scoped"; }