npm - @getflip/swirl-components - Versions diffs - 0.531.2 → 0.532.0 - Mend

@getflip/swirl-components 0.531.2 → 0.532.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 (3096) hide show

package/dist/cjs/swirl-illustration-wave.cjs.entry.js CHANGED Viewed

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

package/dist/cjs/swirl-illustration.cjs.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const SwirlHeading = class {
     }
     render() {
         const Tag = `swirl-illustration-${this.svg}`;
-        return (index.h(index.Host, { key: '9fca1dd6c72d26e2f166adc416339138a3f12822' }, index.h(Tag, { key: '4ba2bd4e8acfd35f60502d98b89e9917f01c023e' })));
+        return (index.h(index.Host, { key: 'fcb588dba00c523ae4665519847972bffcb8b8ba' }, index.h(Tag, { key: '9ba89dcb7b1816741fcf9099007358ba4b594d3c' })));
     }
 };
 SwirlHeading.style = swirlIllustrationCss();

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

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

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

@@ -56,7 +56,7 @@ const SwirlImageGrid = class {
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (index.h(index.Host, { key: '7d58919abfecf5f283e7462aacb97a3b7f46f767' }, index.h("div", { key: '3e24666b4248ae45a5ab2854a8ca2b0369367c53', "aria-label": this.label, class: className, role: "list", style: styles }, index.h("slot", { key: '089c11baacb977169777333182ccb58e0fa19b16', onSlotchange: this.updateItems }))));
+        return (index.h(index.Host, { key: '82c6485f0e3a6e338ef19fb0cb5956b3841afa5a' }, index.h("div", { key: 'f866480daad6e7cb06aa08a9cc400ddb11719b1f', "aria-label": this.label, class: className, role: "list", style: styles }, index.h("slot", { key: '19ef15c1462adf87feeed68dc2e84c85520873e1', onSlotchange: this.updateItems }))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

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

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

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

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

@@ -12,7 +12,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: '9e674d16a1d4fd3b82e16253ceabbfd71fcd5005' }, index.h("a", { key: '6d88882ac01ff796280e098d59564437fdc2cf95', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: 'fc0931751652b9dedf36ad1d9e51890dd559d222' }, index.h("a", { key: '198121bff7dc425aacbd5e21eaa38461a34db57f', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = swirlLinkCss();

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

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

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

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

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

@@ -295,7 +295,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: 'd4f95b5e7909c159d8ca5c9a02f36accc6694764' }, index.h("div", { key: 'da2779ac100cd9b71ffbbf3ba315defa7a7260b3', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'f5a5c1774ac9b15a423cc79884cab91184a454a2', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '0727a7204c41bdeeb780ecd2944ae9af10e471e0', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: 'bfdf9e0f7b5f998e00033e8f29e406c06190adfc', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '55a328265717055e37d328bd3a5397827af00081', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'eb7e9c991ba8dfe2a09a904575bf7528e07cadbe', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '43511203658cd8869fea5df48061ded990aa81ce', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '32cdc268dc2c4f0a249bf7966c3094bf841f57f5', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '4e89ee4cb35474739d4230a4f8e967f565091c70' }, index.h("div", { key: '050b57e3fd546e38e0dbe32639d757f34988be39', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '4f19c968e3857f257dff94cc3978eadc252838bb', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '5be486288499634b2c7ca292a449013c94ee3dc4', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '46ab5c13abf9f04f080fe7b9930132d48f4e06fe', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '0c8424eb2e3039d7b6281c35d69004ede0491605', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'f24f4369d20e104844672a28f38ce562dbda8b37', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '5447d50b1a68866d5a9dd9d0824c60a71ee1e10c', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'b25517166e1da61018cfb36cd3fe8362f782ec69', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -307,7 +307,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: 'ba834e3cc69de93c056ccd153ebdfd9f6057901d' })))));
+                    : undefined }, index.h("slot", { key: '3d9edcf34f6f662a375a485e0154378f1d4c4e62' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-modal-shell.cjs.entry.js CHANGED Viewed

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

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

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

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

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

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

@@ -450,7 +450,7 @@ const SwirlOptionList = class {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (index.h(index.Host, { key: 'bfe649f71cdebee2413b48a310601cfd23b7b010' }, index.h("swirl-visually-hidden", { key: '3fa40ea3271cedcfc4c2b0658646aa218577f088', role: "alert" }, this.assistiveText), index.h("div", { key: '72bba3bea57539decc4043c05a9828b330bb50bd', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (index.h("swirl-option-list-item", { key: '844a6ccb53f7738c82f3d452ed869160dff48192', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), index.h("slot", { key: '4c4c88b1939369558f20cf9b2694d0fcd38cb1ed', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '7ac065f48e21732a0e7f4cec3289a6a25e17cdf6' }, index.h("swirl-visually-hidden", { key: 'ac44e536dc90da7063a36936b48b97704fa4d819', role: "alert" }, this.assistiveText), index.h("div", { key: '324c9042003c223e1326a0e4b49de9f242bae8d6', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (index.h("swirl-option-list-item", { key: 'c4dd5ad5c49688ea47a10abb2de54a4712d1ff5b', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), index.h("slot", { key: '03d4ac06b57415713cf7b79c2a5ab605e3e1ae44', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -85,7 +85,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'b9d5521b3b1e6f8eeb43f5fbee8ae07a491d3a19' }, index.h("nav", { key: '76db31bfce09044b7f76132e5bbf705a1b1e9086', "aria-label": this.label, class: className }, index.h("ul", { key: '4d97f16bf0db33327737372e3a915313fe49298b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'c156a0d4e949d1558a953fe3fb7057af923ac992', class: "pagination__list-item" }, index.h("label", { key: '29a86d9a9664eb9fcb69a10007cf792276ea0e80', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '7b40dc198746e40ffc144a83d9f7c431190afe0e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '4dfb746397a08ad034a48b9dd12541150e648b6a', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '2f3fb1d3a0c64fc099e80e4f32fb5fdd4efd3c1d', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: 'b9c641d24b71b8e122949fa9751c11bff4c295cf', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '616f9f17c566b8c04905a2209bc829d547e60d44', class: "pagination__list-item" }, index.h("swirl-button", { key: '57a71dc9821130dc81d3363f458a28a6a5c43b04', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: 'cf04b3b58e820355f1664147d87ee54b398c732f', class: "pagination__list-item" }, index.h("swirl-button", { key: '6c7863b0e14e0309289c82ebaed36668fa587fcd', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.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 }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '36bb830ae8f90cdd89540b178c8151eb4cf700d0', class: "pagination__list-item" }, index.h("swirl-button", { key: '6a1508c2d5ee020b896f816d5fae200ef12dae1a', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '80bf0ec83012aa1c1430172afc6162e088f197ba', class: "pagination__list-item" }, index.h("swirl-button", { key: '441358cdd1dbc516b10edefa8ba1d16048634929', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '0c3002d635d17cf9bbdbfa8a21c86d3a0030fb61' }, index.h("nav", { key: '4c232714ee4cb389c2090d538701181a14df586a', "aria-label": this.label, class: className }, index.h("ul", { key: '2d368471fc24b430fc97708fac6d4b7d7e6de287', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '04e4aa82282b1418f44f1ae4441488f4cecebda2', class: "pagination__list-item" }, index.h("label", { key: 'b4acd800643fa2e7d7c2027f799e0d8e19e42955', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '48252e9ceb835ce2014b8eccfd972447c9cd8f87', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '03099ed65b13c8f6fda910258b1508bef1a4ccf1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'd74235ef14e3986a2571efcf34015fb45d97b262', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '3199a1adb6012b3a7e31aa317778175e043c5dac', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '0915873217895f40efa5565bd4e18fc6cfb4643c', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e6eecd0dca69c54fad82a603f80b974c2834bf3e', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: 'f52e9585b2d5d0dc53125b38cf0ee1cc53bca10a', class: "pagination__list-item" }, index.h("swirl-button", { key: '8c0cf80e969db835a2f2c7400022651b8a9b7417', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.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 }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'ac48fb28ab06210a676e97ffaf8e43715b118e7d', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e4a0a2a86926f7fcc25077e92cecd5834cfcaa6d', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'dcab3b2f676ed4606a49a62bd8591cdb5bf5b011', class: "pagination__list-item" }, index.h("swirl-button", { key: 'fb4631e81cb452d1318f9e4088873a791e763b22', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = swirlPaginationCss();

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

@@ -200,15 +200,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: '1006cf013e2d4ea0d4039759427ec9bf10676df9' }, index.h("dialog", { key: '2f974b2edf927568ad017dcf6481c97630e8bb06', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'fc19608ff71abb538741726510122241e5ce89b5', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '448bd7fe2e2e740ff120537f644f4c571fdfe768', class: "pdf-reader__header" }, index.h("span", { key: '7b375193185d974bbd30a887216c9aabf61dd9dd', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'f739b6312de673b4a48446b1bec7b7c09fe3db09', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'ff39941114f27cb130cd807821ea4188ba0a8666', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'b583e2e83aed3e24d7926e053cd9f60471731bde', class: "pdf-reader__header-center" }, index.h("span", { key: 'eec4c412e09fede06c80f51bf4a290342e552a19', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'a6fb91dc2f92be2c43eedee74a1a0a2031626b43', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '2b509952ebb7e116eba38ce6e3ce62febab2dd38', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '270d99e8eae2cc6d09fbf4bbd0ae327b09b03498', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'e17b921b9fb21d98bc22b4fcc7595912e4273088', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '9d4ea4f0988c9356facf8c7290e3a9c26ed55bf0', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '61cca8c066b33c91efbdbbfe1b07d369c628e104', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'c2c4ed52895ed70746c39cda257870f3517dab96', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '0610f7e7ccdc93eb6819a01804538a96b9fe9568', swirlPopover: this.menu }, index.h("swirl-button", { key: 'e9fce0f1e6d6b72322b937e06e43d8054c038b5e', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '8016dd44bdfb34e290c7d9c09945f96814e844a1', class: "pdf-reader__floating-tools" }, index.h("button", { key: '07d29479f07234c3581dc28a267c121d760af369', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'f6c20782d1ad10dddfcc35c54826f93feb8cae1d' })), index.h("button", { key: '592e6c80ad9fe25e44f3d13e485e9b91e863940c', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '66ceb450e978b743e7ecd50485fb58a4f2a6ac95' })))), index.h("div", { key: 'ef0bcbcd10e61367d3f10e4c0c54d3a680f5262b', class: "pdf-reader__content" }, index.h("nav", { key: '3b439496d8d2c4d2e081c9214e0151f4c56311f2', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '5451c141691c773666d77c356c76a7a19fcf36c9' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: 'f6c2b38278ff0d172c2c27803e84ef9c57129658' }, index.h("dialog", { key: '94bd38f49b5dc9c5bd14ed70c00381137c1e054c', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'f80912e56ecb9a234894fc54eb54d3d4520d92d2', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'abeed39bdfe89b2a5b8dbb634068ec40c4134765', class: "pdf-reader__header" }, index.h("span", { key: '198bc186a8e9a4f87bf493cf54f5e898803682a8', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '793e78d2088afdc73677e1a23a8ae737b9d1fd32', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '13bae74c9447ca791a70365dbf2275cefe09ac5a', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '094398c562e564d5a55b762887349cdcdf7dab57', class: "pdf-reader__header-center" }, index.h("span", { key: '0f86f696c81de4eb49a1bc7aa2037735751deb0a', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '6648aa19d29d5b7cb6cc8e59e8c466ba6601b25b', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: 'd227f41c6e2661951504d53a2af7ea8b9aef8548', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '1f38152975e6948b8d58419dd173bfac4f68f30b', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '10d60a7fd8b76699230b075fb9387bd5c261b99e', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '269afb9051a976bcc2282a6a75a286ade2781c99', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: 'f276558e53a9087acf65cc034103122ae9abe77a', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '0f5c1560e990ae3d2a5e16fe0c65540099f7eec1', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '1cb8b18694fd6766ff3a74d694e1fcfa09a5da0e', swirlPopover: this.menu }, index.h("swirl-button", { key: 'e998eadfb31b243462468fa072c363669dee8960', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '3a0e97e8734a0cc9c2c2b352aa43abfd0b807e24', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'e73c0e23989739700ee98bec1fb28094c239c5ff', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '842236b12252bc6cc91729183f8ac44bfd6b62d4' })), index.h("button", { key: 'e9ee8a33cc314b1f454f1d08f4258ca156cd02cf', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'b9af6036f6d126d6db97d44423019f8462f3b8e2' })))), index.h("div", { key: '067d1abac5177d5f21dc6ce4918100f5d7a8f521', class: "pdf-reader__content" }, index.h("nav", { key: 'f32b1b76c30733a6f6edf889ddaab2d1e6624d15', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '5fd71ea935eab41dec2b91b76a47fc3e5da55011' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '66535291146aa772a541f3940957bea9a7ae86ff', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: 'b6d626c05b68d7c313ae497d0de253999b83dcbe', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '95ba19b5f85655ba1347f8763e4bed773bc2c6fd', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'adb71904d16624aecb16b7407cdcecff6da47f97', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'fdede4558ac8b817faa03ca1da91269b6191d3ff' })), index.h("button", { key: '26b37f80c2b95831009146c4a668ceb831a7337e', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '92c7b9028dbccf022c1d67ef71404cddaea1868e' }))))), index.h("swirl-popover", { key: '0ea60a378df42b172f325bb95227f2fdc144af3c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '3aaa4d0b54e8fdc567cc78d10174d10e0ef5b4fe' }, index.h("div", { key: '0f9c71cef2600350e9061bd49b3634e396fa476a', class: "pdf-reader__meta" }, index.h("div", { key: '9eabab28117f2f896f5f3864d09444829fadd8de', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'e83129465659b5d984f9d8a61497f74aa6337353', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'bd5bd8d5cf62aa3a2fec396976b2074fa7300ad4', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '1081f059bad7868b83faf26dba3b0ab6fecfca84', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '1eb59f58297b80c98e061242744f1c3e9e4c00a6', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '885999ec5b575d64a47e1538fadd37cb3f0cbbab', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'a93aa4e0e10c1d0b7398d2ef04df8075f8b708ab', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '985fc4b8aac8910c1c7b094af0edff8f279b9ac9', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '1df79fede333427403e30c12a6ca79fba836514e', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '5a39a161e7c4412f92f467f2fd9ec690faff9413', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '2f5f4334e77c4567dd520a7f09e8ea41f35f83cf', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '8449679b098dfe447857007efb066d28c7f71353', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '00a9d2c1177e9e5fca45b8076f4be41b5eba866f', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '22fb40b7ab65544159fa8ee1f1946fcb303e058b' }), index.h("swirl-action-list", { key: 'd401e8a70da461db822df8d59d58d8820d0f200f', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'eadc5dfe58b655f0ce24af9444c5f0b13eb9f7f6', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '0bf20d0697871767e42b0955484a539c9fa9b6d8', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: 'b7cc37989f63846b8e1b559d815b4444a2c54cb5', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: '9227781c7c4e4fcd11f3a9336550648da4b62003', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '076effcc39e2dde28a8c51e7c484cc15d303c142', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '475d26a81c25fc015b97a6135e6b01852b1c3927', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '255acd7cc8120c2be7582527f7871fd5674b3818' })), index.h("button", { key: 'b53bd61cdfbcc7d46ea77df0f9ff54f4e2f30191', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'efa09a7ba19acb21bc415bc35af69fd2e724f646' }))))), index.h("swirl-popover", { key: 'c6b117817b3012e1acf87db475524cc2e4adcb77', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '965a025c34a93c296a5df15e8f0ab723dd7cd11f' }, index.h("div", { key: '8c0e09f7ea9f8f76dab7574f15757ef12f9f22b9', class: "pdf-reader__meta" }, index.h("div", { key: '0d913d69b83bc04671839542d886a4f736ce604c', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'c6d919a24da83837e388b496a9e1bb6021456d18', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '0ba81659dd8b7baf12ea0773ab308adff34be0a0', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '33305e8778a3110f7c3f47e878c4bbd33bc151b8', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '90a3b0f225d009cc1953c0fe960d7525ae67c4ae', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '0e90bce30832c589effc2a97cd08ca9719d9ed0b', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'e5ce4e315f44a585b403a0778c54799532b9922e', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '1b2ce874a419d478040e318ff260b870ccd519ea', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '5ba2f3deebda592f8732659e60d09409df341593', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'a6e808514b6d03466b89a4e52f24840c6250b636', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '1d81955f1ec32b1356847bc3f0cf9f97c8180562', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'a042ec561eca7cead9ae25f5f468456a451678ed', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'fa8e3df210b3f9ed50f10f5b650a9dfeccc7a986', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '1f54a17cc56ae9a093b95597fdd0f2d9db49285d' }), index.h("swirl-action-list", { key: 'd7c9a1928310b0c60af5491b41429cda9838242e', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '96a1526444cfd011fcc8bcdea45a5207a2dd24f4', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '3402cf16a4fead8f90a30f07b77956d19fa56aca', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '111b290104d56c2aec6d508fba63a104885ebfb7', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '10a5408e10c929d9704e38512811b1270e2da9e7', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -332,18 +332,18 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '3b3bb710683441a4f971a25542894ad965254b42' }, index.h("div", { key: 'a142e898bbe09ad766ee5111b1ed6c1b0320cf7e', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '820a28e75d0b508b6d939219734522d92943c0d6', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: 'a4a0ec84a7b3ceace19b02fd54104f6128ef5194' }, index.h("div", { key: '990f903a87eb3a61ad247a137db6b619fba3dd6b', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '5e658816a6cbc4aa3e420bf49224a76aa5c99afd', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 opacity: this.active && !this.position && !mobileBottomSheet
                     ? "0"
                     : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, index.h("span", { key: '4ce3efbab020862c26ad9177274c0ed6794374bd', class: "popover__handle" }), index.h("div", { key: '526fc65ea325a29ece87639893af06f37cf71978', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '08cea3b305905a3dad810686614bccaf68f1b321', class: "popover__handle" }), index.h("div", { key: '693649f626ec4a4307a00d7799861cf1abed586d', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobileBottomSheet && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: '6fc74e080d35e318cf520d65520c2d73fb434d75' }))), this.active && (index.h("div", { key: '83df142ba2da01ee5312e82dbbc2b83775d526ed', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '25f8007e19b6a987861950add1cbdca4669e5919' }))), this.active && (index.h("div", { key: 'ea5f198ab65eaee3b67cb8a462976eb3400d8284', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -654,7 +654,7 @@ const SwirlPopoverTrigger = class {
         return Boolean(isActive) && !isClosing;
     }
     render() {
-        return (index.h(index.Host, { key: '41d9dbdc7a68af0b94561323006b53c96242622d', onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '4dd8f675b36af944ac83f22e087c3c5f6c572157' })));
+        return (index.h(index.Host, { key: '02450c2a004a334be994ae49aadf3754c9bb7997', onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'c1f347b0d7250ddfd267193aecf42a06d5a834cc' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -58,7 +58,7 @@ const SwirlRadioGroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '1a5999fc1bb664116feb07fef67448d38c8ddfa3', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '256d70817ccf7074f67b7cf1a2111838bd6aaed7', class: "radio-group" }, index.h("slot", { key: 'd852e1e138b65a461cdae45b63ef6b3f593343a1' }))));
+        return (index.h(index.Host, { key: '42a84195be7bff645429479062f150dcecafcb52', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'abab6612f695734f6d3221b866cceb816a4ed21d', class: "radio-group" }, index.h("slot", { key: 'a9b20c0633e87358ef1e96b790513f5ccb8b03a2' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -37,7 +37,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '9181653221cedb79869b31485fe601ef029ff8bc', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '800685a86f6f4b1dbd20f20d2218d04a68822878', class: className, htmlFor: this.inputId }, index.h("span", { key: '410ffd0fdc0b061015dd554ab5a56229c979f4dd', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'e41aba02a81284faacd3aeee82b95ae8a28a449e' }, index.h("input", { key: '0f9cffc32cc44fb967098fedeea7f16388fe050a', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '4871dc0ced3a8a5220b95cadf004c4776901745d', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '2c5c0205c7934d38092ee8bb374750dd46906a30', class: "radio__label-container" }, this.label && (index.h("span", { key: 'f17ef8b7670effbbc2baba7cc52eaf595b7d132c', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '68877a4be5e32dc51c3c0115b30890ec65705039', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'b3f6a1ba1d8851b9e229818d7cad7bc28970dbd7', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '37802eb7bf729e22f4af1ef481499bddf37c16c8', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'aa9c0d9bebb8e104698f5f45589f5636d6a57b25', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'c51413a2d4cd968fbdcc2115c38ea6c38c0b4801', class: className, htmlFor: this.inputId }, index.h("span", { key: '9f718c353d5c8046c241966fe3c9d0b2b0a1ecfa', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '599cdc2ef0c94d52a05df3f8156e56bffb73532e' }, index.h("input", { key: '24e1da66087e39dc19506bd38ee48a14304aec19', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '704b7e4833980608492d696d93b03c676064ac03', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '771603ee81046ed3c8b9fe0c923c44f2decd1995', class: "radio__label-container" }, this.label && (index.h("span", { key: '978ae28cbc9014c8849910db58bdc690c6ef9459', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'e008a4d5fe98bb9c94a6f9c0fff108722809c913', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '61f389e02e355012739b0f2e11214f0b33890746', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'caec71b508626e3f8d58cc1a2b9141d80899595b', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = swirlRadioCss();

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

@@ -40,7 +40,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: 'd259144ef01cf1e27cc018a69336367303a91598', role: hostRole }, index.h("div", { key: '57c13dccec711904f16cb30ef011323e4149db23', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: '61026344b9ccc2ca65cab64962dd07608754a8ea', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'e54056f925007492865e505add4da22aef9ba52a', class: "resource-list-file-item__label-container" }, index.h("span", { key: '3e5610e03ae48b7e50f858c8406ebc94ac0eecb8', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '68440cd0e8d20eac091bdb4f48428d77615fa561', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '4b6d5cad12b996ceef8f4957de0338c6fa34fac9', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '87638ded04ff17a274da159d205ca626c35cbaf2', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'cca0663bda951b002620d99ecf19ef1a1906642a', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '6020bc12340b5e7db0446796c10a965c48cdd765', size: "s" }))), showRemoveButton && (index.h("span", { key: '1f506e727ca144129229e45b76bff9cb32ed098a', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '1442f8df0a49d2f341d558ff46bfa0b0bc767c5e', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '3b508997d67f69aaa33d332d780643d1ac888a4c', role: hostRole }, index.h("div", { key: '88b8462190e1b1c35127fdeb61451a7bb46ac77d', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: 'e84d29268118ee85013c26ab8e0067a70bec9299', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '071bcd749118a1e1c24dd74cb04858197e2ff8c8', class: "resource-list-file-item__label-container" }, index.h("span", { key: '81eaddd81f04c6a9940e18d1a2878f0a5c920a04', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: 'eb79a897ed7b892ab9ac075f715383a9cb94eb6e', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'f69e2889a1221f519127d016a96b34b877b95c0a', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '6067438cc8c13a9e81de36aaaffeb7950475092c', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'e033682979e7f62c3a1585de5ffc7c38c51c5891', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '2f046058a241bbd1bd3b48273adaed5e00a961c8', size: "s" }))), showRemoveButton && (index.h("span", { key: '7e7161176a8c6e7bc544ca3f50ef7bdd712aa34b', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'd1a2d32acae39cf257175151ddff5cc81afde061', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -134,7 +134,7 @@ const SwirlResourceListItem = class {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (index.h("span", { key: '2b048d19f615999345c6e5d5e0182241f524e1ab', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (index.h("span", { key: 'a5248c6036cf58b464d108c9765351f83e8195a2', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
                 "-webkit-line-clamp": !!this.labelWrapMaxLines
                     ? String(this.labelWrapMaxLines)
                     : undefined,
@@ -157,7 +157,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-label": this.labelWrap,
             "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines,
         });
-        return (index.h(index.Host, { key: 'c4fd1120ef3c0404a0c55fd6f80cd5b107f971f3', role: hostRole }, index.h("div", { key: '94fe11292c1d3b7f2095c74b2004c87cce951c57', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: '20f3f3c678d8d3eec81a0378c73724f1663bb899', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, rel: isLink ? this.rel : undefined, target: isLink ? this.target : undefined, disabled: disabled, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '9eba51bf3eae2966a730744b272794f7f15a494c', class: "resource-list-item__media" }, index.h("slot", { key: 'b81db58d34a1dd326819f9aeb90b4e1641472a9a', name: "media" }))), index.h("span", { key: 'a84aa39ca0216fe1330cd53b10b94eff5d7d32ad', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: '8cbc04e096aa6d3be82fe87e9002d67247e05214', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: '260e9bbf82d652ad034ec8507fa8e1540abec068', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '9f017d6f6399bdbcc9e6b5a998b495a487006eb4', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '2eb9fe7aa0e6230b49d95b9dee44b5c73b541621' }))))), showMeta && (index.h("span", { key: '362f545a40c00426f588c6b33ba313f47c545b96', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: '5ed03859ce277e5f5db38ac5a06f9127a40d7400', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: '00b26c5deebfb1f05bfefd6c2f7c27897c8e7fba', class: "resource-list-item__badges" }, index.h("slot", { key: 'd0815230dba923a6a23534cb6335592c6072350f', name: "badges" })))), index.h("span", { key: '9b4c6ca99b9b544d5edd09e527e3c4cefab80cf4', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: '69df14edace13c1c911ae4653ed04750211f5031', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '9b3352a66e49c6d081e122d413294a3b4da9d05f', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'c0733712bded6df2deb39692a3eb911042f2aba5', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: 'dc753c98119747a430152fc7947ce2246b599551', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '46982312d4738c5175f76b568e20e1127ed9a599', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '054470fabdeeece6f4348b7c183fab34a4a1ae68', role: hostRole }, index.h("div", { key: '9e151361528f0c321af2fb7944ff02dad884de8e', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: 'f7bd528a45fd2bfbf79f5307a3c89b5678893a11', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, rel: isLink ? this.rel : undefined, target: isLink ? this.target : undefined, disabled: disabled, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: 'dbf1bae0a727030a3d4f6583c337af7df54be29e', class: "resource-list-item__media" }, index.h("slot", { key: '6c0b918512cb93b5efc2f0ad23e77b1fca848bfc', name: "media" }))), index.h("span", { key: '2fddc709a6c22430a5935728d600f89bfd724e70', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: 'af3319f13338c9af3bfb13eb877b5971ce5988bb', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: '0fa0f7855d0a3cdbd95b3178e28bf9b752833aef', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: 'ddfcd1db20f0ef7da4d043965ab0143cb83ca86a', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: 'fecc8efc23f97882a291cefd6f002ef43460710f' }))))), showMeta && (index.h("span", { key: 'fd74c7ee0b06984701492b4a6dfb620e06006786', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: 'bab17c18854358b721fdcb3218ccbdd382f7241f', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: '567b70fc74c7f77fdf0e965bde28d64e3d328a2b', class: "resource-list-item__badges" }, index.h("slot", { key: '0e93ee2327f0f53173041a87b4f827646a5f7a54', name: "badges" })))), index.h("span", { key: 'faf4a3f20e734a88f0c4328813c129b4890256ea', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: '4e756e344afe57151b67d37cbe5d27db2b5f2108', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: 'bd7d7480409ab5cbc8c437601eb55be77e42a586', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '7ff49e54fb533093a02890328f0afbf5d6495a58', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '76904a3995b5e9bbd916d2d1631600f756fa4df3', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '513c9bf86fbca29d8788b2d0bd9611002cd461c2', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const SwirlResourceListSection = class {
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (index.h(index.Host, { key: 'c33789b34b18b259a728b6efa362874186323dcd' }, this.hasSeparator && (index.h("swirl-separator", { key: 'a92304f8dc505f17f32e66a67f050a2163f53f6d', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: '6a576c3b0d3c16e427775fa5b98269b7234d760c', "aria-labelledby": "label", role: role }, index.h("span", { key: '730db31cfb18ecf270dc55fc3b829d81bfdfcdee', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '210c6e328362d634ff42822b9f4e8f3d184a7496', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: '65c25def45740f97e7940202607c5e132a192e4f' })))));
+        return (index.h(index.Host, { key: 'c2b57bd42eaaf722bb63744f524c8b20823d4a8d' }, this.hasSeparator && (index.h("swirl-separator", { key: 'f9b5e45ffb9f7071c6447eb984f9e843dbfbbb55', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: '7431080f864b183335e15617b95456605f8726e8', "aria-labelledby": "label", role: role }, index.h("span", { key: '406b6422e730d0137e8134fba9e0de81d3c1cfd0', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'b5286cc5918dd2f027b7472168db82c61f2fbac4', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: 'a96f94f2b4c0dca93707811ac0367b31a6eb2610' })))));
     }
     get el() { return index.getElement(this); }
 };

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

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