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

@getflip/swirl-components 0.325.1 → 0.327.0

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

Files changed (1926) hide show

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

@@ -131,14 +131,14 @@ export class SwirlImageGridItem {
             "image-grid-item--has-overlay": this.overlay,
             "image-grid-item--loaded": this.loaded,
         });
-        return (h(Host, { key: 'fee5963be852193a4dc00df37ebbb17225a7e999', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'a09fb486805da84978d76547b96339939be87f53', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '9105344215db7c1519fa9ff4ab4b992cee4cd1ed', class: "image-grid-item__background", style: {
+        return (h(Host, { key: 'b953e8d326db353b5faa9b92bd3b589b5e208a4e', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '77e58288d3d155a44f19550d87ab759115b803cf', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'bbcb3f395f6046d8b9a02c3f5bb8de153f9e67ea', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '28ed0a78211dec11057647e43399bcef853e8dfa', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '2157c1a1d81ba564b6b166cd05499b6d565b22e0', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: 'f1898456a22c7edc0a06fed2f2ea1aecd73898e1', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '78566c5c15a76af9af2d63f8d0665716198e8d00', size: 20 })))), this.loaded &&
+            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '7ae30c6b661bfe8e518889e6ab11fa52a7d39dc4', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '14806fcb17fdcaf24cd83acc711cf6dfced2b16f', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: '005d7b3bbb38aacc9ea56ecc6b341c4f0c6c39de', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '09e619f725027f7a5fb5f5b2f3bad054b6e1dbe8', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'c397acfeca3597b2f5fbe5ddeb8848b90ce8b5ac', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '18cbd7062ed80aacb0739aadedbe53c8cd752744', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'ca26ba0cb601ac1471932b4a5d6f3ef8bf6cd5ff', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: 'c139ccd5414417bfada7936644fa449d8e5c45df', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'd0a182962a5008ee3dccc35baf450b3a0475d180', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: '9906aca33a6b623b71419dc630e0068cb921fd39', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'bc810410fb32213c580302929aa36caaeec5eb32', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '1873cf87c68115524f9d5c6099c394b3e7c6108c', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: 'f2e2e22602e2cc0cfb43f91df27372fad42b2efd', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'f0de5ab1c45ed081f3d8cec377b393b2b6cf4cbe', color: "critical" }))))));
     }
     static get is() { return "swirl-image-grid-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class SwirlInlineError {
     }
     render() {
         const className = classnames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: 'ec803bfd6e1bd8ebeb91f63f8c48d9067b62fe48' }, h("span", { key: '4cd727555a355c9026483b517a86bcb1df4c4619', class: className, part: "inline-error" }, h("span", { key: 'debf408186f9f961063a88f036471712965f562f', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '6e58bc79afe21f095b462835fdf65342c35c4fef' })), h("span", { key: '76a3a1e6704427c982a5875ca8da757dc4b7f446', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: '6303d15a3f9688dfb4cba1f2abeef8ebe84b8fc0' }, h("span", { key: '4c86820f5b1089c302197c7de6ccd0eb74d24dc5', class: className, part: "inline-error" }, h("span", { key: '8efe0709d23bff115d86a0e0f8adf8dbfe9ffe2f', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: 'c4d463892cdaafaefe9b295404366b0291d753aa' })), h("span", { key: '590848cd8c87f995501e87f2147b0e746151b445', class: "inline-error__message" }, this.message))));
     }
     static get is() { return "swirl-inline-error"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -305,7 +305,7 @@ export class SwirlLightbox {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '568e9b4b9df6836f60498d1710a46156e958fb4a', onKeydown: this.onKeyDown }, h("section", { key: '7d55e8b7c9e5232bd0b8141a3c5845183aa426a2', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '9261fca2c7477cd3554d807f3cc3fe1169a2f49f', class: "lightbox__body", role: "document" }, h("header", { key: 'fb101222a3814c93bee8e2735066b9fbcd502022', class: "lightbox__header" }, h("button", { key: 'ff475c043aea139c01c76a241e5830dbec0952a4', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '9d2489a7d3b410325520ed44ca49a15461421ba4' })), h("div", { key: '6c8b7d50833b21c947b7007872c5871220ec9686', class: "lightbox__toolbar" }, h("slot", { key: '5978a10ca6be7641d95cc2b6d090056f69bd2c48', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'c486550794bbbba02af1be2d22a04d01cdabdbae', swirlPopover: this.menu }, h("button", { key: 'd6b963ad566bad14619db33acd40e0291b1078db', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '60ca4a6cb2101ade0da818726b7116b2d0d0e467' }))))), h("div", { key: 'bd6e3a22a5d7d68a95cb5701c7a5e936f2dcd573', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '8d6d26fdfed201a95415dd8178128f82a66891d5', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '72c51d19ac9de973817708dfb95bba68ab692762', onSlotchange: this.registerSlides }))), h("div", { key: 'f14a451b995247a0660369a0125749d4b9978907', class: "lightbox__controls" }, h("button", { key: 'fbb6e00b1961bd4363901f9da488b98679ef123c', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '6252c3be2fe3a8d10aba3f70a640d118d1d8e3a7' })), h("button", { key: '7489a68b0860bf90d9a23bc9ea0fdd9e2529748b', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'f2b9a46431450303479cefa19f1ed51c8f8d58d7' }))), showPagination && (h("span", { key: '3c7af96b61965121409f3d26b9459a04958c7510', class: "lightbox__pagination" }, h("span", { key: 'ccaa6adfe55da69d9fd4d70c7ce141d871bc4591', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '1604de48d10644d4f6170af8fa517df54b31606d', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '21e5e9d21fa322aee8629806bd81f4cc6a373067' }, h("div", { key: '6f37dd4919ee53e07e7ed405bbd2a1dbdb06c3dc', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '9fd057decdd340252b337c55da700918a60aa88b', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '38a293bd4e1f1e97c92225c09ba681b5cf7d11f0', alt: "", src: currentThumbnailUrl }))), h("div", { key: '93b2ad2254a33db759918e13477ea1ffe495d1f7', class: "lightbox__file-info" }, h("swirl-text", { key: 'b18ef65727f3bae66015752cc0e20712b21225e3', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '29133d162d26025c75be7260effe7d7ccd9bfa60', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'a80c9ec1253e039c699ebaa468082033de4eb503' }), h("swirl-action-list", { key: '0cc1cde7794274f8f64120400b1dbc5856522ad8' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '208f274a3bcb08e82e4e293f1d83cc8f8ee265e0', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'bf4802c660fe3e76ec8f334abf11366287b76829', name: "menu-items" }))))))));
+        return (h(Host, { key: 'd6e7b0ef7dc8ac7d48853a9b38ecdac7af69cb9f', onKeydown: this.onKeyDown }, h("section", { key: '3d255ff4c9ea5409fbafa962f99334a28659908f', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '80423839b955c855e0c809100dba1b057f2b8959', class: "lightbox__body", role: "document" }, h("header", { key: '40212877ba339bf7c2e770a210c3cd45ae4d9d4b', class: "lightbox__header" }, h("button", { key: '5b48cb039a0e0a8fe1243517abb5ada34ee839de', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '9a8a6aa0a93e58a4c62e14b1eed19f1c8a2c1dc5' })), h("div", { key: '5eae4f6bac4e6cbf1704645c2ae2b091d7703150', class: "lightbox__toolbar" }, h("slot", { key: '1979d14f5ed4071a0a9afff7097e371ffbe26bda', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'ba22bf855b5706b3c3bd9548fdadcc34faa28d59', swirlPopover: this.menu }, h("button", { key: '259946ffb09edf6850ff1b93188a331154fe48c3', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'de54e4c0b8745a52bbfde1a0105271b74cca64e1' }))))), h("div", { key: 'ee0d98fb0f079bcf1ef1fedf3de6e4d6f4bb6865', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'b938125af827cc4b041d7acddfdcc1e94d0a73f4', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '11e93f76a65aa119e2a63da226156b248df395cd', onSlotchange: this.registerSlides }))), h("div", { key: 'a3ff7d4f6ccafc5ff91c242fa5eb22d5ffb68059', class: "lightbox__controls" }, h("button", { key: '3c1690088b8eb854a53c1a7027bd0aa9f4198d3c', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'f5d9fbfb1794a6b00f723d7ec1f0aee273832496' })), h("button", { key: '6ec05a66a4c3e24a7b6e350c4b2ab3698e8ef744', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '543e3555a3ec52d26d71be68f5c82d6a2adb0626' }))), showPagination && (h("span", { key: 'bc75ad9d67161d7c45b6c80ea07a762d143d5cf5', class: "lightbox__pagination" }, h("span", { key: 'e41bcf1310c19b538bfe7a6e36d07ce8435f31ef', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '2ca9fb72f44afd29f21da0ba5746403841d53a5a', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'cf8b57810266b29ab2b9cc1105a217ec68abbe1e' }, h("div", { key: 'ade7b5e1d0642ea801019f9dde60cee0d75da1d4', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '3be233483e489b3bff328158418f49a9ee6c1d42', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '265d3ba66943dd8510a8817fc20b30d98004bc75', alt: "", src: currentThumbnailUrl }))), h("div", { key: '1b24e9a5f53ad079f11470527071ccf14170c025', class: "lightbox__file-info" }, h("swirl-text", { key: '9d6b0e2f8ec36c7e03b811f17830a14d409a2ef8', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '29fe67fe2f6d32012069b486cf103648b5da0d9b', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '93fe5bf050c43380d54f669692eadf29ec82f04c' }), h("swirl-action-list", { key: '4ce787a0b8d478a3bbb47fcc07820a72f2cc15d3' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '5e09dc758fe5da2ad6f20c1f8ba341e2bd2e9c54', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '45923071322debb16ccecc2faa7d3b54e4e09e77', name: "menu-items" }))))))));
     }
     static get is() { return "swirl-lightbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class SwirlLink {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: 'b165545f055fe0070fc5e8937598bf724a971319' }, h("a", { key: 'b6d6ce7dc458fb869441dcba66a22267b731fbb3', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '8b276b12968034b35d2b39a6b8544535d78e06ed' }, h("a", { key: '48d365eab74bc1f83da3ccbffcf2fbb566933b05', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get is() { return "swirl-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SwirlList {
         }
     }
     render() {
-        return (h(Host, { key: '26f215199c3b11ccfce20c256f06e9cba8fa00af' }, h("div", { key: 'b70e3ef00e6bbb47be6bd044882c0151477b52c8', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'e78835cb7904c2234025eb004d209dd8b372d2ad' }))));
+        return (h(Host, { key: 'eab3a8ea00e954022fca689674b5c1091cec3503' }, h("div", { key: 'a72d52aef1a5ae3a2d66f4c4ae5dbcdf8b4c0708', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '58b1652516271de552a57fe894224fbf71f47744' }))));
     }
     static get is() { return "swirl-list"; }
     static get originalStyleUrls() {

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

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

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

@@ -116,9 +116,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '0e973cc558388f0fd2f155163a308df00a3ee690' }, h("div", { key: '76470b6a21a1dbbd7aa00b059d609c1fd122d466', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '4767e0bd2196dcf84287bea506d6896afbf7f29c' }, h("div", { key: '537fa87dd918753bdca84be438a47503f0251fca', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: 'aaab14c0090a675e318680e180692e5c8d53919f', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '6f25d13559708f5ad959505d25ca7bbab6673682', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -340,7 +340,7 @@ export class SwirlOptionList {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: 'e1d739efd9603c2089579b8d387725bc1bab9156' }, h("swirl-visually-hidden", { key: '7ee1d27c9d510a26f13337d23cd31374423f8059', role: "alert" }, this.assistiveText), h("div", { key: '586d2db16c228a12446c8c7fd2a67f8a3b2bd99d', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: 'be68e79e64dbcde3a0219f8fc7def2275474a477', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'c295e826b7817975f6fcae3fd9624f13b238ffaf' }, h("swirl-visually-hidden", { key: '1d3e7d4bd101e0d57fd17e9212fc8b6f78a08e42', role: "alert" }, this.assistiveText), h("div", { key: '5ae0a2f8f62f9142dd94f3da82605e7ece08c3a8', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: 'e954eaa8bbfa83502371c1869e0269b009b3a82d', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -71,9 +71,9 @@ export class SwirlOptionListItem {
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: '39868b8aa645077d44805ff5cfdf7ac90f70c72e' }, h("div", { key: '8bb024f187cc7a5d4406a03bd45462e78012b7ea', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'd10255b1a3ce16def32576bcfce8b007122e80fc' }, h("div", { key: '67d2f23595c118dc104cc0c1bec3aa516d514783', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '870ec712e5c919f597ced29ea96bbb96ccfeeec8', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '87cee0a02c85f9dadeb79fb3cbcab816383957fd', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'a2e36cf19747fb1444a03ee6b1dc5627ac9d4e4e', class: "option-list-item__checkbox" }, h("span", { key: '25ac4306dc53759573849bfdc0660168996624aa', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '4e1ad6bde42a26fef90122c3589af6ff491d0725', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '4a54464f7ba4924cc9dd2de96608ffccb4ebab38', class: "option-list-item__avatar" }, h("slot", { key: 'b62e3d6f5cb320e21f7c1f8d35bba10a24b8ff8e', name: "avatar" })), h("span", { key: 'f301ce197c2f57aaed3565700c0974b94b43b037', class: "option-list-item__label-container" }, h("span", { key: '256b64e8ea854ac0c8964a3d074d473108ca2058', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '2223bb1342f2ffac564a7bb113003dab4da0854b', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'cbc1f63a61fedbc05fe8ad14ae1076d2e3386866', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'f765590c54db92991369ac77e52cd7e6e083b53b', size: this.iconSize })))), this.allowDrag && (h("button", { key: '246748eba0f6f3468c8dfe64a6464684eee7122d', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '7c3834f3b560962871da95cd3d41469fc453386d', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '12c511dd3c23e90f0d4cc988daa0c9992cc71c60', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '9041ef204b95835c99fa409268337c553079d6c2', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '37ccff8e7e31a78eac6f9a1ede06e55123755a8f', class: "option-list-item__checkbox" }, h("span", { key: 'd0b3a8115a097ee4f538bf6ce64f4de6fe9e5c87', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '732bfb290c9c6038ec11001919c3bdd658843490', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'd2810259d04b5d49d40d0774c98ee56a7f5f7226', class: "option-list-item__avatar" }, h("slot", { key: '042f2a3c70063fd130fec296ccddec084d56aec4', name: "avatar" })), h("span", { key: '61032284deee69c6dc2a66fc0627a5dbedd1dc75', class: "option-list-item__label-container" }, h("span", { key: '320288d88e77a1e8033f102147e046e7fd52a98b', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '6af76305ce6ac4fd64d562801ae976a265075cac', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'd9a049efa8acc2f8e163bb201d537fa09e6e215c', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '57ce2025b73bdf1d5303b6c6abc1bc27f6f4beb6', size: this.iconSize })))), this.allowDrag && (h("button", { key: '94f9abc9e467ee5e7ca0bb20cbb41759cefe4207', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '3bf3b75c4fc6ea020ef18d595d80d8529ec227bf', size: this.iconSize })))));
     }
     static get is() { return "swirl-option-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SwirlOptionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'a617e90d7b405e1460224ca1925dd6a51c47a339' }, this.hasSeparator && (h("swirl-separator", { key: '78fce7a92b245b021ea7b0712273d6d8b8a71559', spacing: this.separatorSpacing })), h("div", { key: '2dfd458c90d986788f17dc153cce513937718036', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '71763cdafbf87b64f0c83d3e21a13e6bda6ffe4f', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'cf8b103ae456749ad9de6130d952ac52b553a784', spacing: this.spacing, align: "stretch" }, h("slot", { key: '436fb6d80fd2c7e114c3e976100acc42a919cfa9' })))));
+        return (h(Host, { key: 'f97a8c64019a5a1c31918a73021db444dcd2c64f' }, this.hasSeparator && (h("swirl-separator", { key: 'aa78d0974d415d3dbd41aeb2b2937be49d2fdd47', spacing: this.separatorSpacing })), h("div", { key: 'e7af55894d7013bf3841ed48e564bf6cd25e6125', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '7a0790f8ff823df1006ab50f2eb414ea8f68877e', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '16de598d7e6ce97a002f0d175c4a8d705896a854', spacing: this.spacing, align: "stretch" }, h("slot", { key: '1c5d1d53315a676d9b6afc70f75342e4d2e7e8e3' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -181,15 +181,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'd93259784f30786dd13bfe3bbff26be5ab762625' }, h("section", { key: 'dcb38281a0952592c5b431a1bd2ae4112db9e6a2', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '74a00bf458a2ec7e0a121e00a3c12d95438dcc4a', class: "pdf-reader__body", role: "document" }, h("header", { key: 'e489530696f90ef55b273388de803fa039a527b2', class: "pdf-reader__header" }, h("span", { key: '7b75dd7b3ab30c8b47d61a1a5d274c94e7fe5461', class: "pdf-reader__header-left" }, h("swirl-button", { key: '80e5ad8dbfa7b0f00404e05c0cfd59628779b079', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'cc1967a58dc402affcb086d9cee3f11c24301746', class: "pdf-reader__label" }, this.label)), h("span", { key: '3cdd0a41a38a83dee631c4df0041c39a47e2e76e', class: "pdf-reader__header-center" }, h("span", { key: '20d11b545c3f08155616cdebecde9a7457b0f466', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'd9cb8e768a4fed4b7ff31807737f2979666a5b68', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '34a034514cc466898ea2f33f03a68daa9d9536c6', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'b4bae988071bf78f7444ee0893627f348ff2a38b', class: "pdf-reader__zoom-select-container" }, h("select", { key: '6202d79240b6f9125a198fd3501f1b9170f6418a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'c40b0bd0ffbd4970716da2b06bd85f5071d1b32d', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'f87cbf62fed10bb2edcbe2709c700c00b811352a', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '2b7f3c55aa2599498a40e6e578ee828b49f9b29a', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'b3a95fd32896ee29739f910d55231a7993521580', swirlPopover: this.menu }, h("swirl-button", { key: '5626bc72f47f80ed2a7d32f03e2e071e0eaa51a4', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'a4b6fb20f51ca3391090dbc4330582d86000499d', class: "pdf-reader__floating-tools" }, h("button", { key: 'ab1e5cd9dbfa903f6aa90099ba776d83cff050b4', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'd8507ed0a029950ab43d6e2c97f808c96a5ce731' })), h("button", { key: 'd50c224fa5ac5cd940467478e7b6622af66dd161', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '34c470d299ecdd2b1f045a98c076fe858af2fea6' })))), h("div", { key: 'a6f33138ec13c7b7514f7094d02043f41a4c4a06', class: "pdf-reader__content" }, h("nav", { key: '760441a785673d6a6fa7a0eefc660ba2aaf59359', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '294a134f35c02e25c4a7e44f6d877f12305ed7b2' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '0c0eebaf8d1a3a2238ea9f76b4e80b41e105be85' }, h("section", { key: '3f6675a1315e012a27972e162cbb8551eac4a9f7', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'c648a91604b0808cf3e155380febb66eb31c2381', class: "pdf-reader__body", role: "document" }, h("header", { key: '3da485e2362ff0208bf2312f3ad291b50db12088', class: "pdf-reader__header" }, h("span", { key: 'ae467f9b42c596555f4f36e1c64acd24bed26eb6', class: "pdf-reader__header-left" }, h("swirl-button", { key: '119e6e56b9d08b883fcf43f61bf0c79a0753b33b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'afc697487910b3cec34802703d1d7c9cede9b1b8', class: "pdf-reader__label" }, this.label)), h("span", { key: '6003fb364298d3013a5ce6491f9fc681bc88269d', class: "pdf-reader__header-center" }, h("span", { key: '6cff477dbed1f04b3d8213b53ad0d09d32eb7932', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '2f4d8d9543a2c1802cbcb7bfc7810d193708d9c7', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '82884d1ce66ebceabc4ccb4082b49853cff1fb2f', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '02011c75303a7ea3d763f297abcc508101de0df2', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'dee58b2b8860ea44349181d522177031854d202a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'b59b3844031ca639e5c69103f5fe6340d5e536ab', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '01c3f3f21035e253459aac94b49aafae7c0a4653', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '73d846433f7c49bec7a636ad00154aa6fa175495', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'b0aa704abd038e09ab52d76b834fb4d6e5f1a954', swirlPopover: this.menu }, h("swirl-button", { key: '86d9bcf21bd0b1a6fb3cfee81f4b774d0c424ff3', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'd86c7cf78088cb69522b93bc4cf9d0d253d6e989', class: "pdf-reader__floating-tools" }, h("button", { key: 'b91ad070a8e54c2f6423feace0e182c133d9ac37', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '9669198041f3e824d3b203bfb34baf80d4dc3fa8' })), h("button", { key: 'ea8eaf90b5de348ce3cb22a8a02bba593c606b09', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '7c153b1d8b79e4cebab5508a1ccd3fd053bd9455' })))), h("div", { key: 'e23e44ff0d7d6b310222c2b68e3ae0466051088f', class: "pdf-reader__content" }, h("nav", { key: '0fc6766ce745a75dc0087da4cc64a591a23b5d2c', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '6b1b8b030024034b90b5e4d938f31ee6c352515f' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: 'a3eb63af54bceb71c0787388a7b7616d8d4a61c1', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'afc36f7c9096c203ff2295ac37b6d648892c7c65', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'b73048a57c59adfa69ff770333bdff71311bc522', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '4f7c02c14ffa39afd0750741fc36c509bbd797b0', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'c53a7ec0644b8166f64aa822312f225c18f1cdaa' })), h("button", { key: 'c996d0f6fd99228b90008fdb7576cd7b3599a0ba', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '314d490e36d2c41e91bcc901e9f5d8c1fbb79c73' }))))), h("swirl-popover", { key: 'b6b3bdbc5bc8de5163041e38132f807a7dd50fc4', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a68e66c974cbe86f10ce83141850a3300e2f5899' }, h("div", { key: 'f3bb2862f91de3409291ce2e2c3436fb0ebaf81b', class: "pdf-reader__meta" }, h("div", { key: '528a923bf8bb5fdf6eb7b541943bfa6e59838ebf', class: "pdf-reader__file-icon" }, h("svg", { key: 'e84ea4145f6724d5b42832e5a5831569e6486667', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '1789ec33450ad878b526b3490cb4301b276f07f6', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '2c8e935ffe38d01b4d3e9a1a026f7f68d82cda8a', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '4ac580fda23b035f33c426284deb971b77441dff', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '8e0d07992669ed9728cf65178e38720f99d1dd6c', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '289d36a8ed32e6d3809002f57400bfd890248585', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'ff91149df8adf76c6706b28f115e6a950e46f40d', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'eba44a4a8e898d2775e3dd89cb41d0c422064c4b', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '635caf49cce0e38943324dcd9b4cd75152814fce', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '91290e264184cac4458febf04d26e6a9fb0a4a85', class: "pdf-reader__file-info" }, h("swirl-text", { key: '335098151a170e32d580e622f1601a8f09db30bd', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'c727cc27a4c442520ab12b7716473c4661464014', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'da3f3385e0838b48030aeee3818d793f7c40a279' }), h("swirl-action-list", { key: '5630ba791c8f51f5df3786893c20a262b333ad5f', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'd4f5303a0e0cd69f810a3566fa25855f7c53b1f1', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'cb8b83edee84c9e14f66be37b2ab2d71dbfa196c', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'c754fd3daa2d76515fcf812631ee8d1d58fe032b', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'b21f6f3264b2ad9db6b653be6c29a8df0ed38f1f', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '01957ebd213b2c29f680815f2e05dbec25188826', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'c0e768912c9c38263d00722aae8c25a94a27ee99', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'fd9f947ec17efd4bfd73e1af813a21094095bedc' })), h("button", { key: '2ad7fa629d9bcb58e93d31834563c4e916f098cb', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '5eeed2e1f3c10749c18b52e304e1a9eafaa74931' }))))), h("swirl-popover", { key: '4792fe4029a013e0ab5155ad8edeb2ac5ae70965', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '5975044e6f34082ea5736220bd1594425420fb26' }, h("div", { key: 'fb5c746a099fc4de91091e28f9889699dca84dbf', class: "pdf-reader__meta" }, h("div", { key: '6d2fd21abf55aa54f2394c044c69d0eaa6a8c706', class: "pdf-reader__file-icon" }, h("svg", { key: '548f2cb6823948d640b81714dc6e2cd7ba96853a', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '86705bd3299bf29081dfe86ed95b5d2548e684ce', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '4207d9d146ebc82c9d7dfbea8caba54e6a053de2', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'fcf84b95e512f8fa935fe26cbb5b30ad573f96d5', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '4b5c215d060318a938a0223b37312e4f8703688d', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'e2831a309b5281a4b36d54a3b16d520629808247', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'eecf26d3abfdbede692b7b850241411617ee6266', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'b4718ba86501736556a4507332d3e668288ed7b4', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '83a84fc0a90fa65da613c39fc71e8ddb7319c63d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '969e14b975fb2531068cc9086018b33f92de25d6', class: "pdf-reader__file-info" }, h("swirl-text", { key: '592db35253265f1948246533329a3070c6606a51', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'dcdb5a538be2a3521ccc46508c6e5d75afb95b7a', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '2abbb8d6fbefd537d6a1a2bd39969d9c1199e931' }), h("swirl-action-list", { key: 'c3d1e8ecc1e8fd11a516635f541efdafa7fc1c9d', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'a6c59e60d7ec8208a15db8c528eb94119dcb42dc', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '01ee29d9d334d65773d71000f1922c4376b0f1ab', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '7154dd5713d7adb701010095a2f9f71d4aff3e01', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'aa562d07d31c0a6095cdfe9e2df2872e738b10bc', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -261,14 +261,14 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '175ced51f2a06af65a7e1a846cf2fd3e8a981ea0', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: 'adaee9f29294b5561d16ae2f4ef532c0bfc7c038', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4c917a176ec55e2f9c8a61024e85059de1fee2e9', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '7ea8241370e14dd37690d7918a4ddf0a944b64bf', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '431cb1938ed6c6e06ee81655ade5444bf5830676', class: className, onKeyDown: this.onKeydown }, h("div", { key: '44a0efe834d9aac633f72099efffdd32eaa55718', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: 'bc92d0c351914716a5048423a35381da87cc5082', class: "popover__handle" }), h("div", { key: '3435afc9cfc9dc0e81e2e57f65dfc345098ba481', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '75950980e16617133e9ab6cae51714170b08962a', class: "popover__handle" }), h("div", { key: '6e9bff5adf252d1e2a7e9e7e2bf426d667d79e6c', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '4e58a63669e879fd43b15f796ab22664b328f2f4' }))), this.active && (h("div", { key: '6318303b68d6c8edf51ad6637b484c712bf8ce4b', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '3db02444e9fa7a0352c5e573445b1e40a7295207' }))), this.active && (h("div", { key: '24a768a535e0e4473471cc1adafd3b646202bf6c', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -158,7 +158,7 @@ export class SwirlPopoverTrigger {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '961d5ed47e5fba68c639452f0804ad58b9650114', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '2eb6f13bbcaf2d420ec4a0f28e1ed3d5b3f9d421' })));
+        return (h(Host, { key: '663042da0e5630fd394382881d660c8bad67aaa8', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'c2c1ac9097729ec97e4116838129831441e83b8e' })));
     }
     static get is() { return "swirl-popover-trigger"; }
     static get encapsulation() { return "scoped"; }

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

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

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

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

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

@@ -37,7 +37,7 @@ export class SwirlRadioGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'ec1535ed1c48d7bf6f66d676e214087872559dab', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'f0897296f9825f03b91f9d5f7fb59acafa01f71f', class: "radio-group" }, h("slot", { key: 'ffda8b6b33952d9541a3b1cf2c090ca098de15d4' }))));
+        return (h(Host, { key: 'de2255c3033e9745ae50d87e1a8868d33b25d4af', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '7377eaa82299a7bd299079adc6b8b89c99d57aba', class: "radio-group" }, h("slot", { key: '06e70e2d6230302322ab133e58dc611d719972b6' }))));
     }
     static get is() { return "swirl-radio-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -254,7 +254,7 @@ export class SwirlResourceList {
         });
     }
     render() {
-        return (h(Host, { key: '2e533a477f7ee05e19973808f07f5e5869c59220', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '4b75c2fcc83e451d1da08ffef245ccddc02d421b', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'e3efe4e1b82cd3bbe83d568a20347175e025a11b', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '3b9d4f761c8d790c513b963197ec220eeaa8455d', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '8418a6f13a24317aedd0c408c50e6c921ceef5c3' })))));
+        return (h(Host, { key: '5448bca29d649a700b2ac2facf72f505660cf0dc', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'e422fac574b92aacea59635078906e46d3a8d588', role: "alert" }, this.assistiveText), h("swirl-box", { key: '24ca364643f0d57ebb04300427ce805b8d951865', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '065270327ec17c41eb8762da1690019c1f984274', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '74498fe31f2bdf496e3453f17e7ecd36df099cc8' })))));
     }
     static get is() { return "swirl-resource-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -37,7 +37,7 @@ export class SwirlResourceListFileItem {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '988670e04a3e386f5e139cc55a9ed0761c4e29b2', role: "row" }, h("div", { key: '6052974cbaceffc7f2afeeeed3561bcca863e6a2', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '0ecdf9e2f9f38024fd4c4f8e6cf1132990b881df', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '27d1d0569e127999bb3f5cffd6a2e19f0666a57a', class: "resource-list-file-item__label-container" }, h("span", { key: 'f7773ea73df7f0fcdbb7663c0d493733547aea6b', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'a7ee48b0c5f6494952e865868aca1d48b8cb6c13', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'b72cc9e0649fe4b530bdeccc024736370aa08e33', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'fd1bd40db1a676d8737f8155b704253d3ff720b9', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'ef2d5450cda1cd2dacf1b96c57cd9dd094f59f5f', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'afd0151dd1fcddfb1d91eebcc8159ab29401282a', size: "s" }))), showRemoveButton && (h("span", { key: 'b38477d7c8bd87e99d5062508743ce94661acd00', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '411cf8450b63678fd1f0dd3a163dd254a8bc57f8', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'e3316776d4f535e2e245bb5a253fc511e4db85f3', role: "row" }, h("div", { key: '32b6ce8efd2a54f255e2750cc1a370bb96ddd6b0', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'e2b06088edcf9ceb792cd25832f99ef9fcdbcff8', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '8ae5d0d4a8ae31e9798655cdbcfd8fdf7d2baf42', class: "resource-list-file-item__label-container" }, h("span", { key: 'c41cbf34f5f5d7176d8aefefde21839e8cf45d56', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'b44f73c5c1f465adc620d7a78a5215808eb8bcee', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '36589533a417d9a6cf556b44da852323969bf0cd', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '12bf9a2cbcf5c8b401561a69efbd78fd47e8f37e', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '36a5a22e361124425f04319c18e7530d15b96c62', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '1e5cbbb52f5c31e7e542f6c13f340e422deddb61', size: "s" }))), showRemoveButton && (h("span", { key: '46170b3e8145e5170677927f80b37e93d764fdc0', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'cbf516e685142ebe9b9c30c233bcc13ee00fb90c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get is() { return "swirl-resource-list-file-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -156,7 +156,7 @@ export class SwirlResourceListItem {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: 'bfb0bd7d6d15856f14518cdd626c40dcb2eb78f3', role: "row" }, h("div", { key: '4489a4452594e6d3b99f4c4a980e89f464c35d38', class: className, role: "gridcell" }, h(Tag, { key: '25556f093a70d65789ed83eb51e6c97f8c4f9e1c', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'ebec2a582ff80ba6af9e30d1eaa2423398c92c40', class: "resource-list-item__media" }, h("slot", { key: '48f6959f85a00e70a8f49e9e07bc9618d0cb1159', name: "media" }))), h("span", { key: '8b3c9f913676f3b0cdc2a053c824f28c8f03faf8', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ab72e18c3843286724eb7bb2a9b7fb2a5c4dd159', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'ee9405cb46da67633280e37c718ece7f5f78e504', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'd548b8ecc1067390903ad67a5c8c3e028b2f8130', class: "resource-list-item__meta" }, h("span", { key: 'c2e924c99d8a259d681d6f185377b668d33a19cd', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'ee319cd05ba53bddcb25fde8f350a60a34469146', class: "resource-list-item__badges" }, h("slot", { key: '0de74a753a1d5c244909238ab77366fafc6a84e5', name: "badges" }))))), this.selectable && (h("span", { key: 'b5fab0360c74249ea743d5ec162c6a45f5fe2be3', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'b5819da58152f00eb869623318cffd7ff1ae684f', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '9e84afe4b45f0eecceea46b6f23673a30ebf72d3' }))))), h("span", { key: '178627f4d126a48e9f2b98218735902321594efd', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'c3e8c355eeecb886b97a8cc7c35b5a22d1191764', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '1da96bd1bcc3fef40db960ad169443319cbc052d', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '0932be7ca64755cd8e1d4172a8bbd187f6efbe34', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'd1ea880ee0adcb6b90f791dfa39fc65282c32c13', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '78b7aae4fd568f82fbf717a6ae0285f70219bebd', size: this.iconSize })))));
+        return (h(Host, { key: '51070214010bb6f42b11d1451d711523908dcd24', role: "row" }, h("div", { key: '58da33a690ad26cc6cb613f7c3a120cc27c14168', class: className, role: "gridcell" }, h(Tag, { key: '4733c36969976407c76a0852e7b688005d829467', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '43feb905ed747fb0f3dce03c9bb0906e807f4cc9', class: "resource-list-item__media" }, h("slot", { key: '8bf74e8f11becef18f95a50ee78af293176e3c74', name: "media" }))), h("span", { key: 'b74ee63857ae512b974e9732d73ff2c7eb070ef6', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '7271335be0863add557483c3819bc61f0bcf3eee', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '4ddca66a33fcbe50927e3af38c6d1bea2ed67887', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '540c9ad85c13187700ff1607d59afc80d90529ac', class: "resource-list-item__meta" }, h("span", { key: 'cb31b8cebf261df69ebb90989e0ec0fbc3c267ee', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '57d467dfc1dff7d17e93aa0e03f1760054d85de9', class: "resource-list-item__badges" }, h("slot", { key: '18ea4383798222c2aea1dac37464b65133143604', name: "badges" }))))), this.selectable && (h("span", { key: 'aa967cf2216cd148edca930425ecbda013413850', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '3cc2777fbf3850ba756ed88e0ad4ae29e4caf32c', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '61a80c63ef99e3b530c3cc231a1abada0f1940fc' }))))), h("span", { key: 'eaaf028e6c729fc7093d355ebc6c31bc2d4a8696', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'f988fee1daed088fb4fb56a5ab262f6e8815d4f7', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '170cc8abf345cbfeeb3d86a77ad4ba081465ee4d', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'b33497fd10358229f0125497dda088c1d0c3ee6b', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '1caaaf86725af4eb4215453453ab724c5777f035', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: 'eb0b87432675feb37a2f6d8de9f6228e9e921b6e', size: this.iconSize })))));
     }
     static get is() { return "swirl-resource-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SwirlResourceListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '30efc46642ed13b81bba3747fa4682dddcbbf88d' }, this.hasSeparator && (h("swirl-separator", { key: 'ef3f2c6707011e6f12d3db1f2c14ce10d6922c48', spacing: this.separatorSpacing })), h("div", { key: 'cd63ea3609e65e6597cb0b8a93a239c93e1cfe85', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '687b90cd7987e8da23902b642f4d37c5aaa64b79', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '80fc63506055ede51f2a4ee85ce525670ac174d1', spacing: this.spacing }, h("slot", { key: 'de5f371c7547ad0aebc4dd45c8a318c484b31df9' })))));
+        return (h(Host, { key: '5035c9e22ba2dc828b760b77ff1fc47006b4cbb5' }, this.hasSeparator && (h("swirl-separator", { key: '52dd2ebd9d487acdc2f1313648ba4bab91aa9f80', spacing: this.separatorSpacing })), h("div", { key: '11d0c3d14a9633bc8ef4c5afb61933085e33477d', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'a2b20cbf62fc9c0dc2bc28e280ec2a6cacf2e23f', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '8953b6bcb30e2162007cbb50ba855b8c7f5b7e7d', spacing: this.spacing }, h("slot", { key: '9bd58a0449c94d7c4eff905a28101a101e90f5da' })))));
     }
     static get is() { return "swirl-resource-list-section"; }
     static get encapsulation() { return "shadow"; }

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

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