npm - @getflip/swirl-components - Versions diffs - 0.477.0 → 0.478.0 - Mend

@getflip/swirl-components 0.477.0 → 0.478.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 (2691) hide show

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

@@ -296,7 +296,7 @@ const SwirlLightbox = class {
         const className = index$1.classnames("lightbox", {
             "lightbox--closing": this.closing,
         });
-        return (index.h(index.Host, { key: 'dc7ec12eda4fc0fe86c2f2e0b2fccb2c753f2a6f' }, index.h("dialog", { key: '865d6aa59c1df52f4e202367ef51b13da58e6816', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'dbef934de522a33a73427640c0d78532dc1242ae', class: "lightbox__body", role: "document" }, index.h("header", { key: 'b9e6f20bc90ac8883228094f6c88672aeac1a161', class: "lightbox__header" }, index.h("div", { key: '25308556beadea1edc64602b145240597f18b22d', class: "lightbox__toolbar" }, index.h("slot", { key: 'd0e104b73fb3a31fc615663e073098879fc7999c', name: "toolbar" }), this.downloadButtonEnabled && (index.h("button", { key: '5f9ead900672d2f45987b8f229d67959f79701df', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, index.h("swirl-icon-download", { key: 'f72c939304dea6ea0459061f0150f3bd392b262a' })))), index.h("button", { key: '4e56a6717fdb55221d382397cc35dc3420375b38', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, index.h("swirl-icon-close", { key: '7bc67730a80c10e69021d27c4ad5050e46b2d3ff' }))), index.h("div", { key: 'c9c7aa6c81773429085e21386b2b0f7d4d0366f9', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: '5608c765455a72420fb57d4759e8f5899ade5add', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'c709796b931a231425459a119df1e29269ecb05b', onSlotchange: this.registerSlides }))), index.h("div", { key: 'b3c32e44a2f6597664736c8a2c13af7ae83b73b0', class: "lightbox__controls" }, index.h("button", { key: '7c3d39bf8fbf48d4bce50de218ec52792ae49139', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, index.h("swirl-icon-arrow-left", { key: '81b9fc8cc7e969a3d44ee630947ec23ca697f66c' })), index.h("button", { key: 'c9ab14c3a6f8650f8bc8a1f51860fd00da59564d', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, index.h("swirl-icon-arrow-right", { key: '1483a02e86a814b34c4dea110edb8f711be62b36' }))), showPagination && (index.h("span", { key: '822756b24ee9f574c041c6cca84905513ca6d941', class: "lightbox__pagination" }, index.h("span", { key: '9d75d46b183f18aecdd0dacba4f1e4c7ac3cd700', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
+        return (index.h(index.Host, { key: 'd34c35eb86577c232c29f5f46137675bbdfe1d14' }, index.h("dialog", { key: 'd0231b4532edd8dbb8ff7f01941f3efb35acf306', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '74f1f8393688b7d5f0b0b92ba04eb23f0388f480', class: "lightbox__body", role: "document" }, index.h("header", { key: '8ca803c851feb2430123cdacb300c76cc13e6afd', class: "lightbox__header" }, index.h("div", { key: 'f74ffc3c3a4fb25fd2c69b7b5ac2cdde2a132d2b', class: "lightbox__toolbar" }, index.h("slot", { key: '0c34c16256928e2139316d9b3eb0810d9870dfe7', name: "toolbar" }), this.downloadButtonEnabled && (index.h("button", { key: '4f0050f0dcbd979f8fe546ce6850c2582597d992', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, index.h("swirl-icon-download", { key: '356dc1850f14b0601a40db6a1b151812b1cfd5b5' })))), index.h("button", { key: '5024aef6562771aad0fe84dbfe0fc7f9e1df89dd', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, index.h("swirl-icon-close", { key: '306c361e95b7e726581bab75447b9e561646349c' }))), index.h("div", { key: 'd61c0655a9af8d38a534c183c919ef91a02f94f4', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'deb174bb6d8bf30e3bf5ac00e83397f1a697a5b2', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '55600c3523766037963742927b0237290d40a412', onSlotchange: this.registerSlides }))), index.h("div", { key: 'b89aab22b67b725b722a1ee8d299d2ec4386e416', class: "lightbox__controls" }, index.h("button", { key: 'f11e5caef25f55faea4f94dc9b2962362c0ef0ad', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, index.h("swirl-icon-arrow-left", { key: '04ed13851082f97c86d1265c6b614f62489472fc' })), index.h("button", { key: 'fbf986a2eb719d8a0f0fad26163c8d3f7c0c1420', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, index.h("swirl-icon-arrow-right", { key: 'b2cbfe5aca27bca72eb74fa8a6935bb8cacabf20' }))), showPagination && (index.h("span", { key: '376b67b49637e04c418eead1231f246aacaa3233', class: "lightbox__pagination" }, index.h("span", { key: '02fa1e219e00b8cde9b731d68bc8dab698913959', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -15,7 +15,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9ff14808aba7ce7648262aee3f8f54a3cba0ef82' }, index.h("div", { key: '608546d48786e25f3d9741236da89da3c047b11b', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: 'cce14fda2a66c34e8765c2c62fc8c7c632f01765' }))));
+        return (index.h(index.Host, { key: '018c87cde063bd48908578e618c41bdeeecff86f' }, index.h("div", { key: 'ac9217f9961163605340301565e486754c3c295b', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '62df8a862d70d4508868414196608386680795f5' }))));
     }
 };
 SwirlList.style = swirlListCss();

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

@@ -110,9 +110,9 @@ const SwirlMenuItem = class {
         const className = index$1.classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: 'd47c0d63aee00059135ca4029a99a51b0cf3ee1d' }, index.h("div", { key: '4da438f3bad61b583bf5a8730fd88a983e99654f', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: 'd5e578327114b0c33b8b64e5a114bd533fc0bfc2' }, index.h("div", { key: '93720cd839388cc004156d6bc5e10d965d29cdd0', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: '9d28a5633a827b57312ccb2b36c7ac508aaff896', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: 'a5a65148393096f1b959f41776d73ac1ec92c929', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -295,7 +295,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: '6cd03a94a418d90b16d58cf53e70990fc48454c5' }, index.h("div", { key: 'e6a3a68b003b5e9097a4e9fe5ffe1e25e7978cbe', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '29eb47ab0bc98a84a3a6f42bcabe31e58418c170', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '9b7f80c2e2072dbcf73cb36fa3db04568478c9b7', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '96a914381228ef8f12b04bf53d3f30f39a260e73', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '7a69dd2fd66cda17ebb3efa2f995509ea9f05385', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'cf249cb19f1ebd43b5d853ab3698b379a9b39684', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '35ba0ebfa5e5b27c9fa0ac9508bc95de39bf9f9d', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'a1e4f7b04b4d13f159458be152163f2d3849bc2f', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '44cee0223b2700826c14b1f920686c8f01cbb0e8' }, index.h("div", { key: 'bde3e96347f67bad06c6b57874ecf2dafd79721b', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'f88ef433430d72a02bbe1f3e0d41c38e64fd7a2a', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '78958d3a3f2bf9e1edd1c83d4c454e71183e1d33', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '60397c59f46973add1161d6a0b687ec2ce5c6772', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'd56bf02124513b8bf10ea84ea848436fafe951a6', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '9e42e32c7682d33b0f3806ece6fdc19e61159b4d', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '2ea12326a31303de0753cd41cafc8d451897d646', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '3762373e43593f8d31eabd9398d7799acf1db6e4', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -307,7 +307,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: 'dc3514ab8298685fc0b5ed574937e9b1ca467c84' })))));
+                    : undefined }, index.h("slot", { key: 'fc9f41d92a361bcf14db78c98fda6b36b8964144' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -56,7 +56,7 @@ const SwirlModalShell = class {
         const className = index$1.classnames("modal-shell", {
             "modal-shell--closing": this.isClosing,
         });
-        return (index.h(index.Host, { key: '040edfa9e8ab0bc22c1f653ceadada93809465be' }, index.h("dialog", { key: 'b9c9724d366b5a5ea6302451c87b05cd10a34293', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '3fcb9e41c72cc03e91414b779c4ed3b054e803dc', class: "modal-shell__backdrop" }), index.h("div", { key: '485fba3bc5aa2e96d15aa5fd3b22d74af522fe44', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, index.h("div", { key: '4f5421cee0190f021279e95f9e3f3c4c17473a14', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, index.h("slot", { key: '2c36d7f74b599b15fd2de8ae12b72a67fb05fb81' }))), index.h("swirl-button", { key: 'c0ac4350a2a79a0fc2c56472559aae562ebb429a', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
+        return (index.h(index.Host, { key: '39394033a5231ee05b32fcb4924c4f275ca81b44' }, index.h("dialog", { key: '971e25d146bb0940de5478025bb0f2daefc51907', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '9ddda98b72aa173f0ca302e4d92f212cb91c7610', class: "modal-shell__backdrop" }), index.h("div", { key: 'b1a0edd906c0aa8cdce5d168688bcbb4433580c3', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, index.h("div", { key: 'eea94a4948df43d10d154b5722b648b0f9bdc184', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, index.h("slot", { key: '341a4ca6338ecc9182adfb4390e89b3b46234061' }))), index.h("swirl-button", { key: 'b7e0ef831a89f1edfcf665dd5a8a0be5efb46144', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
     }
 };
 SwirlModalShell.style = swirlModalShellCss();

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

@@ -293,29 +293,29 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (index.h(index.Host, { key: '5d7e303e02d067ed79ee08245beeb3505b23d0c8' }, index.h("dialog", { key: '499c2d3cf4d1db9c814fbd08de35103c653d8f53', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'fdafa4289dc0e7b1c52f7aba9a78e59e5461b4c3', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'd32e5cf93fd3527fa8959a07c489809bf3b5d524', class: "modal__body", part: "modal__body", style: !this.isFullscreen
+        return (index.h(index.Host, { key: '3bab965c2708bf255b956b240e56555b1b443277' }, index.h("dialog", { key: '48dcd180510baec19ea53d3abafb028ad4962b3b', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '1341b744ec323a672bf2512d63f884c7420a83a4', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'd17efa56a1bb7423f057d2f08a65c2754fce5c9c', class: "modal__body", part: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, index.h("aside", { key: 'e0d0d96518649aca453d6ae1859d63c7476d0a16', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '7ddd6756a831afdf032390da6252810050118818', class: index$1.classnames("modal__sidebar-header", {
+                : {} }, index.h("aside", { key: 'bc65376ab51ed2096a7a944a4ddb683326653846', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: 'ad831eb4a52b33eb5c08a4fabba1b295a30f4390', class: index$1.classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '512cebb0e33e605045841149b23a20242f32cb1f', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: 'c644af6fa65c441cb5561dbaf524b52887132501', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: '4195cc1058fc42910fbf2827fa62315391870d69', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '621611853e79dd708997fbd79b2378a0e76f5560', name: "sidebar-content" })), index.h("div", { key: '8c2639486b76993821009975a0cffceb619ff665', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, index.h("slot", { key: '51bbc2dff3eebdd9ad2ffbd67c6f97f192d5a1b8', name: "sidebar-footer" }))), index.h("div", { key: '2ce672d9d91a657d900cb7b467c67d1141d25af2', class: "modal__main-content" }, index.h("header", { key: '1deb15b62f8d97fcfc2dcff227a1c4f7810e96c1', class: "modal__custom-header", part: "modal__custom-header" }, index.h("slot", { key: '971bab2b2bf9702423a0029e1377c92f27031216', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'f79ba8354749823c6ecff8d16a69a0692bc91116', class: "modal__header" }, index.h("div", { key: '5a782f2522d504b3159ad4dd16169ba559985c4d', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'd5ce47698af572d9c496e57166d2fd7758ba2501', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '5573557bac8ce5bd007192f8502ca744fb8e707c', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '320fba10818ff129b6e61fe74c7b6b33fa713c22', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: 'c595d8994946543b5b1e9b384e5a39cc98e9f690', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '2148ae23f35a133a1ccb15a249a8fa9e8dea6507', name: "sidebar-content" })), index.h("div", { key: 'da7402919cf52287a2a24f1358e809eae916f321', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, index.h("slot", { key: '140d9cf5e929f580ee8b49f61b17a0cbeb9148be', name: "sidebar-footer" }))), index.h("div", { key: '6c43ffc3a3dbab48d38e3c38be1d3ca797c0357a', class: "modal__main-content" }, index.h("header", { key: 'e99187094de64c62e1a8269fc37db469907a9074', class: "modal__custom-header", part: "modal__custom-header" }, index.h("slot", { key: '49505aeb98933c5e9c68cb76b07aab5b9d353a6b', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '00ff155aca9e69a30bf3fafdf0dcc5bdb6c3923b', class: "modal__header" }, index.h("div", { key: '195a927f8a2bf9052e4bb4e373cbe33ee519d21b', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '73cfe9392cdf24da57cbcfe3904841eb58eeb1d8', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '12158b9b8e9e198d50f9bfe1966d0647fc4c8d42', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '547254ca65f8ac11f3ec7dd65848494dfa4a2090', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'eb66384e6bdd0591720155f875d7c8113d47bf40', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'cc0c0a5b1f8eadbf37e2ba0876481a68fbb213c2', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'fa82af01217e6984203c7eb2fa00ccc63236f1e1', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'edb394854ca6a0e7bc0659e6980bc2b2400dd622', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: '4a540785ad16b194d2bf912c987854ef0aefaeb8', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'fda826c51dd7739ec1ad577d793de5eccf5d1dc3', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '95f7eb2354c5449b18f432a07c4912491ed701ab', class: "modal__header-tools", part: "modal__header-tools" }, index.h("slot", { key: '1d60b63d1000042a1448ee0244ccbd31d42bf8a2', name: "header-tools" })), index.h("div", { key: '4d16d27052062e70f03fa81bc01bbfea0c0805ba', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '05d0c4d3a5430691ca9e5074db7ef3e3ad37e03d' }))), index.h("div", { key: '78deb8ecfbacb2577219ee0859a45a5da7f93d8b', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '631f275a56c4f8829f4bb8c934b4b6b5a5d05239', class: "modal__header-tools", part: "modal__header-tools" }, index.h("slot", { key: '30f443e6d10d320355681e4c1359218ae4ecd261', name: "header-tools" })), index.h("div", { key: '9f08c047103c98787c3ddeee7479f7fac8ab913b', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'c8f247b7d13d5fa3482d2f141d0b14c7001b5709' }))), index.h("div", { key: '80e4be1fc084dcb1b894a457ffb77c0f257664e2', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -333,7 +333,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: 'cd72bf9a5874503c9bc7b17733b6fbe84ce6cae4', name: "secondary-content" }))), index.h("div", { key: '0ca496f691300e9fbc4ee6a6b867b6501c1f292a', class: "modal__custom-footer" }, index.h("slot", { key: 'e428f004ed058339b520198f110064e625f8e03b', name: "custom-footer" })), showControls && (index.h("footer", { key: 'd457989e84d2e354abd444f27458dab14021cb8b', class: "modal__controls" }, index.h("swirl-button-group", { key: '74b3bba2bb32d70f080de8f7e212385805fc1a49', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '7fcfe9e269a81e0fcb9039a52071878c58951a78', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'da1cb3c478d8f0d8bf41c4e6adfd76d2e16966ec', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, index.h("slot", { key: '59d6a5a871181f90c71a3a5ff55d2147f7e0cfe9', name: "secondary-content" }))), index.h("div", { key: 'cb6bd37d37e52aeaf56e4cdcaa3e926bdc7f1f62', class: "modal__custom-footer" }, index.h("slot", { key: '411df946d91ce1726cada07f8ce5c2e4a57acece', name: "custom-footer" })), showControls && (index.h("footer", { key: '1d37cfa5368d5d8969a3cf54c5af0623b60b2c00', class: "modal__controls" }, index.h("swirl-button-group", { key: '2f755010175b1e7cb30c5724729888dff2a1edf7', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'fd53df1371b40ca2b88a8cd99aec53bcde90eeba', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '391edb43124f9d1e712438da87e40b0310cbc27f', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'd6e98b01fb358e038b27564662ce1cfa5e277dbb' }, this.hasSeparator && (index.h("swirl-separator", { key: '81b8282e6c96ef6abe9b7d293954f73aea1a6ff3', spacing: this.separatorSpacing })), index.h("div", { key: '952eabadde3a5154be35f2e396b332330b9adaac', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '49813d192787a08b8c56b8a39d17b30aad9e48eb', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: 'af7915b317553c6f265668c1f74c372c21e70f34', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '11e6d3fd17701b6b1204662ede9675d185cd4fb7' })))));
+        return (index.h(index.Host, { key: 'd4e0081758f4ea62fd58165494d032963c61f5d6' }, this.hasSeparator && (index.h("swirl-separator", { key: '00ab78ac8f0d69f16ff92d1c7e909fa002f20d04', spacing: this.separatorSpacing })), index.h("div", { key: 'ded4ba310ad750fc45fbcab74c9f518ebb580a46', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '9d3066393bf92846e9e989af7fd1af41324ec865', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '2c69b8d3d47fce5acf8c8b33d729acb34f7f4b2d', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '7bcfc6dd90f4a4ff458e4e13a33e596af0a785b2' })))));
     }
 };
 SwirlOptionListSection.style = swirlOptionListSectionCss();

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

@@ -451,7 +451,7 @@ const SwirlOptionList = class {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (index.h(index.Host, { key: '2a53a0b28566a26bf33c7575e6684f7d4aee3c11' }, index.h("swirl-visually-hidden", { key: '34ec4be55f1694ddc3b97989a3cb20d7446f7030', role: "alert" }, this.assistiveText), index.h("div", { key: 'b666724d36b8166dac70a06a95e04166bb0c1b49', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (index.h("swirl-option-list-item", { key: '923c8f36d1d87f121bd2bdd29cd7c24fceeae766', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), index.h("slot", { key: '3eae5719dadec0619adc6f1dfd698c4f1e0aef6e', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'c0ee571f80f3167ce977064d6994507713f53715' }, index.h("swirl-visually-hidden", { key: '8f4bd148ecf0a76a4cfe990fddc1e56e6ebf066f', role: "alert" }, this.assistiveText), index.h("div", { key: '5c8f07609176edb49df66eb3581a3b51876dd767', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (index.h("swirl-option-list-item", { key: '681bcb83cde7df0bf8c7112ceb0f5c6c3289cb09', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), index.h("slot", { key: 'c026acc67fea2ed5adf4dda76c588cfa658bddd5', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -85,7 +85,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '533480526127c200f46a30459ae307b2d9af6607' }, index.h("nav", { key: '4479e763749f078330b7714a8ae2b227657f800a', "aria-label": this.label, class: className }, index.h("ul", { key: 'b23c1220d0ca0e532aa42891d518486d58d872b9', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '8a37a3353563d9987d006d2a7b0052fed8ca0529', class: "pagination__list-item" }, index.h("label", { key: '7799918b3bad55eebcdbc6cc02388aaea9735658', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '171e68e78aa0fd013a7eed874d8a679d778b9ad1', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '2a40b83b50c87a8870f119b14e7714eb41872890', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '304e6ee6e895b689d4af651ebba8a97171a8fe34', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: 'd8509fae30daabdd277f8507d39f4059488ae1c1', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '2d563389fae0560afb21e19258d1a875fdb402b8', class: "pagination__list-item" }, index.h("swirl-button", { key: 'a3e6fbf331537b67b7c277052c10a2757a70c68a', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: 'd2c35cbd64937e2a51fc107681a998e87fe9a764', class: "pagination__list-item" }, index.h("swirl-button", { key: 'eb2489e0d4e941eef63a4bef3913cee5be4fcc0a', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '730b2dce2be338eae5d7b9ae850aab1c6aaac7a7', class: "pagination__list-item" }, index.h("swirl-button", { key: '12c3ef4fcd8a963572419aa0682e89b38ca716e7', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '6b7a4e55abdd1bcfe336b17a086cd5d79d761d04', class: "pagination__list-item" }, index.h("swirl-button", { key: 'eceb8824892c6fb6e5161ee095c00ba5e5bef8d2', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '1abdd296854f71e56644e2ce2d0743f957bd69ae' }, index.h("nav", { key: '80f99fa1fe1e2c43a76ce0fb33bc8ea878e350da', "aria-label": this.label, class: className }, index.h("ul", { key: '07459fa1f5e3cfe81bd45071b984c9b947a48958', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'd9e24458aee604f2f489eeaf7788352d78f02695', class: "pagination__list-item" }, index.h("label", { key: '720b52acd50723bb07252706e00d6c1d7d10bf69', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '7813ad3f1a9f970cbce8fb287d43ff2b6802e39a', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '53363e8c04d36091f27a53fd876f6ffb7dd62e68', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'dc16d7d481897e50065c5d5315e9b66ca13198e0', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: 'dea38f1d7ca0569784caa44c4950759d6ce90c79', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '8a794401d45ad51cc0bc6649d059e9dd9bebae1c', class: "pagination__list-item" }, index.h("swirl-button", { key: 'fa01c724eb7f74400c549ef077985d5f55229be4', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '4f38910d87eacb23928b5dfad46e309742755312', class: "pagination__list-item" }, index.h("swirl-button", { key: 'b8cd596bebb5e47f5d18b275d5411912e5533a76', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '65100eb0a52919adfed673daea4cff8481dd7111', class: "pagination__list-item" }, index.h("swirl-button", { key: 'b4cb8190c910846b341f7fb95f2bd288227337b7', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'b5a97dbda35b75d2c82a41adb38e8c314ae8d5bf', class: "pagination__list-item" }, index.h("swirl-button", { key: '7996ae8661bbccdf8b3b9b5b65a2564572fd2056', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = swirlPaginationCss();

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

@@ -200,15 +200,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: '29b400d605239714e242f404ac580407ddd9efaf' }, index.h("dialog", { key: 'c51b1ceb1d6255e0415b47ffcbc50d7e5e5513cb', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'e8fab24d00c629a881a3a822903ca55f1ec153e4', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'b4101ad8a3d192dcef68799646ef71ef6b0fc98f', class: "pdf-reader__header" }, index.h("span", { key: '8638d71e14272edf474e76a77df66877d776ea1a', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'ac33b48b21ac1f7ee4f6ad21775d25bf7e820c0e', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '12d32484f5aa2b47f9a886c5338ec0f268c5a0c9', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'b808fc9669af6256432541a112b888e525001f11', class: "pdf-reader__header-center" }, index.h("span", { key: '6db0dd59b3b56dfcc89cc44ae6a68920883029c3', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '403700167d59504f329810fe81b60f6a1c6ca916', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '63241eb320e7798feb94b1ab86290b7453acfd76', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '811857909cd128565a6e416d95f9c7f0fb534bb9', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'b638e2169c3f43512f1b49f5bbac6de083957ce1', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '1e120eb14685cc61a9c3e098df56aa332b0fb1c4', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '42f3df91e4d4f99eff2c0e0909bc3a24250a8d93', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'c2b7bac730fcb69e5e561197fcedd2c1ffc35725', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'a6c8eb8fd0f0e7fe7d742b161f24b3ee03ab8842', swirlPopover: this.menu }, index.h("swirl-button", { key: 'cddc4135acc5541e85c3e60e36007bb4553384fb', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'a173835f29703dc7913f0953f101a798fc811c30', class: "pdf-reader__floating-tools" }, index.h("button", { key: '53b1c956c09afd594560ef233f0f3aa882b7af9a', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '09a0da531908aefce19d3317c5c3b556fed67dd5' })), index.h("button", { key: 'ce7da5a61e0718f44b24d1d05ec3d84fef97e5da', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'f4162d3639999c2f40b7b3ddb4872d2fd7832c0f' })))), index.h("div", { key: '23bd1be3a8f86fcdc911e93a54f9e6a4ee79fc91', class: "pdf-reader__content" }, index.h("nav", { key: '25d492ac4179d22c57fb9bc93e86bed96a7483c4', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '09dbd8a1e9c1b2b9e6fbcdd28674993d37743b63' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: 'b746fab880c79a2b2814ff9cb6629270d4496015' }, index.h("dialog", { key: '8544573b3861087277b2d67a097d6ab13f7074f2', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '113c44b82bdbfd7c4d1ffbbce4ffcd46951f107f', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'c9f9d86ded65f566b26041e580081259c7f76c63', class: "pdf-reader__header" }, index.h("span", { key: 'b56c35ce97952a3d1660a8a7ef7c6b56f976fd86', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'cdd6cc808c0c40feb48a4e23b755865c27316219', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '00eff8c5ad1d4f52886800a1befdbe6fd047a221', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '5e26a35e54d57bfa3182706bf59e7360c2107e89', class: "pdf-reader__header-center" }, index.h("span", { key: '6b4283d1198130adedf9762f1ac6754413320495', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'f358726148adb40ef01bc98ae1f51a004106ae7c', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '0a4cea73683f8a53f11a4bc24bc73d1dc48e6f01', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '6bad310606086bb7b8966402e34cf5166a5df715', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '049f7aca557041fe7f58bc6321fbe817b5103552', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'cf4238d66057bda6ad2e7f1dde8fde6da05536aa', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '3e947da05c77f97400a12d68da239fe71f1db1dc', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '10658e56b75c10d63abf04695de54864631e4357', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'cd64f6251f356b8ca6bf5cd9d22ea51b3cdfcaf1', swirlPopover: this.menu }, index.h("swirl-button", { key: '70b40bf02b4d5d4691978381fd4f696cef0311f5', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '300e83bd5fee9fdc75bcf77cf2dff71f7dba1422', class: "pdf-reader__floating-tools" }, index.h("button", { key: '38f90ce0dcc873af8f4e3080373b001acd6629cc', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '2a5eca3ef8acf85c5417d74a534d2f98a0bc9d3b' })), index.h("button", { key: '9dd37be7fb39a176e4fb0aa44bce0820876c75e7', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '06656f4266ca04c3cc0cd31b0b725edac3df41f5' })))), index.h("div", { key: '86d85ec8b0c93b818464d8c4d614e5399be8a556', class: "pdf-reader__content" }, index.h("nav", { key: '4c7d1dff47e6f051643a4e4cd3baba8d5beabb6a', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: 'f0c6825e7bec41dc240012554f07cad82ea27eb6' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '514615b76f89abd4ed84a429cd3940abf89ece50', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: 'eea738b01c4e1d0525374095004c11db1575ba7a', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'bf35d689fca79735c73407b6a03692b7e7af16e8', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '26831a14912a09bfd187ebdb639c1bef0c391f1c', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'dc445fec80abd46a1322f3315032895d4ff1a31e' })), index.h("button", { key: 'f1f7183437279832a025a6bee0045a2e4e7a2eda', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '1c75d796e5f09238c8ab1bb73759775e255b92d4' }))))), index.h("swirl-popover", { key: '1bf878660329a9e75e9f6901e388d9ee84ebbf69', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'e95ac52d6bd2335bf75aeb4df594f298fed57925' }, index.h("div", { key: '202a2ddce69407b9c0c7b80092fe838c6daf4cfa', class: "pdf-reader__meta" }, index.h("div", { key: '28f089f94cd6fbe033b1e46c4b4f27e33fcbd633', class: "pdf-reader__file-icon" }, index.h("svg", { key: '5db63559368f022365c516228ad2b51af2058dc0', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '6794773fe78bb90fa937cb1bd95f7eee752b437f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '320fb812d2de4a05340cf7a18c3f80edcb28bf56', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'a4b721aeae6bd4158a7459d49d14ce2488c44638', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '1ef099bc66599ec5a1d9ec7d3f47f6a2af35d3a9', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '3324be7f4e54ac94e2bcc0262f5b0d7dc9659434', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '697d27b6881faf69b49b2d4c4a32ba22cde33e38', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'f9f319c4be72c62bc6382bcdcc4b1235bfae085d', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '7e065b421d2919baf288eab394f0a1051b5e122f', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '4723eb355391a3148225963d47804c8d5728394b', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '76d0765e9dcfe728fc224f9d5bc1e90e1ff134e4', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '61ac2207b995614abe0d7cef314b9255e3ce21f4', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'f81ca2a48fa737bc39b2c2671982d726d2a5c5cc' }), index.h("swirl-action-list", { key: 'a8e4a8eda463cb1456541500becfa7e124d3f9c0', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'fe86c96f62e10f8b51a8dbcda462689c400b17ab', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '73b72851ad777df70f4a41b6fef7a352dab57026', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '42ccbfef81144c66b7a3441a70bc1293f555a32e', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: 'e4fd9b4a87351e8e61065adeca6808e9b0fd66d5', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'fbf7248c8ea712e219bc2aac1af264e82d4564b8', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'a031e0f3c23866df574ecae5350a052557580af5', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '6e8fdd862163e835491f83e57ad940fad7432a7e' })), index.h("button", { key: '09c657fcd3aa2b6c2cab864806c708bf37cca8e8', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'db455e29ee64652351ba79ab5532596e6717c61e' }))))), index.h("swirl-popover", { key: '249c3142c49e548fde330ae2147e17c87ea7ca73', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'aba0369a00834ec1b648f853439046653e9d162b' }, index.h("div", { key: 'eaff98da63f9ebe19c3fc47fe9bcf7dbbba8de4f', class: "pdf-reader__meta" }, index.h("div", { key: '63f07b330a3070aa952fe913375415d564a48227', class: "pdf-reader__file-icon" }, index.h("svg", { key: '3a11a8cbf48f68a5f808578dd12fae317d7f88ca', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'c71d7c61c3c8bf31ee5c1122f2c3f2eef84b50ad', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'b290bd4eca742275e178e08f362c32af8756c42f', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'c28db1ecf84d2acf2b5ba21d92cc24b8e80ea287', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'b93279040b3b8bfdafad37334984aee88b7deca7', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '9a3ec8c50232b11c0d30058f90fb9f4db250513a', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '2993f50324b12a315eda43eb8357b08e576085c1', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '888e9ef62c85dc7cdfd09cc63a68218f2bf27470', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'b706426740d07c5ff585836080345402fdf1317d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'd07da012f129481517f726839afc02108a02b097', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'de905bdf4ff949934dcb0957aa9849fc6742eb08', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '3205a23f5d27163524ad774e28eaccf8d706d35a', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '1e2790b93d1ced4b8472d639bb7ffb40d513a664' }), index.h("swirl-action-list", { key: 'b19b3ba85f0c975a39b6549095947f772bfd66c0', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'c843bfcffed7c1580646e01736796e045038b467', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '6e3ebeefadb6444dd47403e31b9988db928b8c5e', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '3d3f19628c195e22313e62c7daf20bcf1c179a9a', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'b136a2445e68ffd0670f69e9c20755e1c460e504', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -323,16 +323,16 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '689e23e4e69c67f9af6d18f4d866b74123986288' }, index.h("div", { key: 'df8b86a05008b954b235cfc86c0e204297a95d7b', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '20e1b2176375ed74295cf160f9a1cf8cfa44ceac', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: 'e86660b1d954b74b590ec8975654b84bdfa8253e' }, index.h("div", { key: 'cb454da1552d7f348f5ff3ed7a09d1f0b5fc49ac', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '354370c9c4bfaad3d8a0e4793ad04cf623da47dd', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 opacity: this.active && !this.position && !mobile ? "0" : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, index.h("span", { key: '476b68e3bfed68d1b56d5b889126d450c8459f1d', class: "popover__handle" }), index.h("div", { key: 'a900de1329dba957ead0af858f4c42d1ddbcac68', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '4197a0265d62275e6bcd3cc490297c06a962f29d', class: "popover__handle" }), index.h("div", { key: '4090dc4fa478c21b621be37c4f780a2126802edc', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: '3d83616e4ad6307a7bf4cd18d3ba427f87a8355d' }))), this.active && (index.h("div", { key: '65041389b759aec6f21bed01f31436593ec83974', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '16ba8a242e8b38e4f0a8aa82c34b02956b79a07a' }))), this.active && (index.h("div", { key: '217d3c3a8a21592c71011deae0c54a532e1445d3', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -524,7 +524,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '3ea08cc79c2fef4828d2e6c366c5a40e8d6d3970', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '284636f8e6232f2e5517a02cd71450c99b5ec0c3' })));
+        return (index.h(index.Host, { key: '34305db8f07d6fc98e12fcb21f324914cab93f42', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'd5fd1a6e40d85473acf7f4d0d301d424184eb78f' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -18,7 +18,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: '145af7f98c9a802df6b2d200259698038a21b8f0', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '87d9ff0d045c00243130990a2f4c4bb9acf148ea', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: 'b7d41758466e3ce6ff106097fe3f906a1ceb299a', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'cfae59747e8009dff51208ca319e882ca6b8ba38', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '3ea99ecc73cd6031d17303dac25cc1d8e51891a5', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '25b24dfc50827137fb7f8250bb4cdb30743b3d4d', 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 (index.h(index.Host, { key: '3332f87c930010a520a6b758021ba9366b9154f7', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: 'c9208f5a3446062416beca92a37f21f0ccc85997', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: 'cb226c356163fd6923d0a32e28964d4a5c34da84', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'da13ed312ec39c28d7042a012805d0cec1a0f5d4', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '56c9850941cb429989b560ebcbbb428bd3728acb', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '86de0d4d73b89bd21477009642aafc2b0204d2a0', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = swirlProgressIndicatorCss();

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

@@ -58,7 +58,7 @@ const SwirlRadioGroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '6c74a305d8ab637a82b606607c0effc58b0ccad5', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'cfa7f35c9186bd72381125c6f666f60946edfd6b', class: "radio-group" }, index.h("slot", { key: 'ec74086e8e3393c6de0d4510deb0285f0c0994a2' }))));
+        return (index.h(index.Host, { key: '66b84ff7c900dd00ed77e0af2cc35a268d589ad0', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'c8c9aa702433e20781478c981ed56b47e3ceb5e4', class: "radio-group" }, index.h("slot", { key: '319669a0d74d23f8598104de48c805032e0e3197' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -37,7 +37,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '6ae2ed2df56b3c1d7cb34e86e4fa2a62563ab95d', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '4e27fba290d056a9654c0c14e4e3b3506324756f', class: className, htmlFor: this.inputId }, index.h("span", { key: '2deafc430b2b40dfafb863a017d01acd6d6b77ab', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '32e6d78b1723fb17b98e882e1d49c8994e0b63d0' }, index.h("input", { key: '21b7fff70e84dbd228f88305924b8b29b5e58089', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'e1f9252ef9c7460bf9d0689b7db2b6eb3359583a', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '7323db066e679a7cb6d1c0e3518fbf94afff5170', class: "radio__label-container" }, this.label && (index.h("span", { key: 'c7539cbc3ffcd027a3481c0fd4679774b78f79c7', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'c3621889d24d7b37edfe41493be5d4b84f2790e6', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '3528944b98e966a4b2fb0053605d7bafcc49c697', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '9557a2966076d4bb33235a1ff6080d8ecf37b51d', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '9e9eb7b8234659816e3c8a2e596efc9624f5ee73', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '50c82d86f0a5ce41e0b514a38d4c9e1cbd659ef0', class: className, htmlFor: this.inputId }, index.h("span", { key: 'd34f60ff60795bdfa2b030a4c7238f0d9dd3798f', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'b5138af01fb967c48398b825aa1d373e53b700ca' }, index.h("input", { key: '187b2fc0bee95842f1926dce352fce6ec7200b33', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '6e51b1e57978d2944f9ae62d4bc2dcd847b8a173', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '35cf1a4200d4b520800dc0019fb1925acf1407c1', class: "radio__label-container" }, this.label && (index.h("span", { key: '15cde4799d5df91a16c1625caccb8226c6776d84', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '5b444945561044fb812b285fbbe614189e598660', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '3bc3282bd16c730cc7a7eb145cfbd0c6ff4eb367', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'b8b66eddc317029e9e14d8dfccc9d4fcdb18d9ab', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = swirlRadioCss();

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

@@ -40,7 +40,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: 'e2a3b8bb9fa4d440682d94058a81c5a198a2582b', role: hostRole }, index.h("div", { key: 'd056d791a53b15f9cd6cc4c90488b656763ea3f3', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: '92843cf17ff32187247e26f758fde864002a1c98', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '0e9ffdfe1bbd4a699a85578a2e19051632af615c', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'ed70e7578691e7a4274f6a3608f02516405bc99b', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: 'f824a6a08dbb4051486f0e1c460dbad290bb98be', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'd17b52fc07e94ab3aa44944b9f969bd5c3a47c13', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '251e031e359f914c8dea99d5f4f6b836a56fae2f', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '1b5e82d02a1d8a7052ebf6d1ca7e857dcb872c91', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'e62ad13cff422453a372f0e20fc5cb1246f5d6ee', size: "s" }))), showRemoveButton && (index.h("span", { key: '0c8ba23a8aa8b26a13a389a560d8bcf70b1fb61a', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'cb03f4e1050562d5068a6982d7a13b2b023b3b27', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '26bc9201d9e63e2a4774a0f78d1f66ae75069604', role: hostRole }, index.h("div", { key: '7f5380289720aff7a8778edf82a88bc4448c3153', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: '90543ab330b1d502c90c79e740f3c4213544ba40', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'e34294a022acf92452472a2069954d2e09a41a33', class: "resource-list-file-item__label-container" }, index.h("span", { key: '7383826d1b00e2306f6ccffd8dfb19cb8cfdf617', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '7c931f1f384dd930182349cc2da87ba9c7403524', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '9e36ea9426fb50ec640c94ada0b9c137f07887eb', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'e72147153ddb68b0fa774d70014b7f64dfc350d5', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '43984c82ef92d9733d0765469093339935c6d916', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '780e2c810e7987a93a5a172f37c3b873ee6a0f7d', size: "s" }))), showRemoveButton && (index.h("span", { key: 'd739448ab4ace92d89132bdc60a09ca1a0f13272', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '2b4e3a4dac606f89032fea837451c63fd5d0ee01', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -137,7 +137,7 @@ const SwirlResourceListItem = class {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (index.h("span", { key: 'c396afdaa49551b5e5023ea3dc1e638b5aba7873', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (index.h("span", { key: 'd76b50b18e7e918aedf6f12af04365bb8ebf9eab', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
                 "-webkit-line-clamp": !!this.labelWrapMaxLines
                     ? String(this.labelWrapMaxLines)
                     : undefined,
@@ -160,7 +160,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-label": this.labelWrap,
             "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines,
         });
-        return (index.h(index.Host, { key: 'ec264aca3043fe1569a50a8ecfcf7a7739acef30', role: hostRole }, index.h("div", { key: '3751bb7e69507e219d8543ca180153d2d21b2941', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: '41f7ddb0de62ed56897f1a43387bf3a6f65d497c', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: 'e33312af2a4977c7e222daba839bb20a00c60343', class: "resource-list-item__media" }, index.h("slot", { key: 'a060f2fe141337a4c9bdd032a006556fad0bbfbc', name: "media" }))), index.h("span", { key: 'ba50de62fc050b9389fe366fa98cc5e38b84e72c', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: '24f0943d7e15e528e9b882c2bc5c2bd302fc2193', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: 'cfad1f6a4ca7765dae692f2875fc5c54558c4d02', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '9a0680f6c03b61245a8787baecd2a24e4320cc32', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: 'dabd22f0885cc94139f6657a6f70f28089f70353' }))))), showMeta && (index.h("span", { key: '19d4338f565d950b2a9abb94c45e8c0dff2b64dc', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: 'b355e780629fbb4736b3b26226569630d8437162', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: '598a330e15f538376960c18b1ddad5577d693d04', class: "resource-list-item__badges" }, index.h("slot", { key: 'da5cd4f025c25e364afbf01fcc9b604abea25a71', name: "badges" })))), index.h("span", { key: 'edec2245d3cb0a92b3095addd5b6648d78a74238', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: '7786f1c6b3ba5dc221879e634a880a93521ee70e', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '9e3eb66dd185f0fa189652dd9768efec3893b360', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '39ed08f301e291147ac2a3d3567a90ef10c9d97c', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '370aacd197f9e0f2b79844cae49aca28ca115ea4', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '96b04c74a41e95c59f5ebbc7acede90b46788a82', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '10ce3e5ffbb39308322358e8bbab0501f7d3a10e', role: hostRole }, index.h("div", { key: 'f8165b117f476bebfdcd2690b32ed3a361a9c3e7', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: '78f1d012aa6421c98216be2c829e790c0937d737', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '977c89c197892bf25a5c34e3791f211ee44be189', class: "resource-list-item__media" }, index.h("slot", { key: '6701eae11641657f9727ed21a806dc85b59fdaec', name: "media" }))), index.h("span", { key: '37f0c1abccdbfb9f82fbfe8d0064f7ecb5011e32', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: '52f01bd56e2ebf78931da2aca54c67f7953117aa', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: '0a353244883ac3fbc677dff68f1a74fa1a6b4447', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '8bcef7f9cc0bfa7ad46091658a51bcaccaa6d6a0', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '6320b036f118ee3a815365e704f9b141223322e8' }))))), showMeta && (index.h("span", { key: '23c295504aa882d681a280403ea5195ffd6d3f23', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: '5e8ab4563eb9b9b2915dbb5effda4ece407dcbfd', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: '2297088e84c55aa38204c8cc2be3be9146f35996', class: "resource-list-item__badges" }, index.h("slot", { key: 'b4b7015b3adcd2f861cdadccf7e11d5e57365fb7', name: "badges" })))), index.h("span", { key: '95998fcce89260e3bb16b0ce772b8b375b27b9f3', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: 'e87615de7b21a7a8c83b73e11651a396b0cfee87', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: 'f4c13463f43744ce2ba9ee21976aec525865ac48', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'a866ecd11a0561e12e9d7fcd529a412b11681191', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: 'a08e6538986130b10f815699e98bfdc936cc7e36', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'a040b75c6794f7ee58d3073e6232e93590b33f7f', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const SwirlResourceListSection = class {
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (index.h(index.Host, { key: '4fd1a4880d259316ab9bace9d856c9302ceffbda' }, this.hasSeparator && (index.h("swirl-separator", { key: '9dce900acd475b54ad39e391f819f03486272d24', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: '47757afbe004e58cf623682ee7036c2696c945a1', "aria-labelledby": "label", role: role }, index.h("span", { key: '76c06c7fb5a963e34fa2bd594c1e3fa3308f0be4', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'e8a93f4d167792e150ac06d1a7c34b2f405ff3b4', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: 'a8c2cadbe124f9de4e4f1a7d9e7320a61521b15d' })))));
+        return (index.h(index.Host, { key: '75022092a93008a832dd5679f025dc7105300fa4' }, this.hasSeparator && (index.h("swirl-separator", { key: '27bf5de4af7d691950231076855729d94d228549', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: '83f57a763a31c199b16aa7940ae5350dca6c9c12', "aria-labelledby": "label", role: role }, index.h("span", { key: 'a2e74243c4e04554ca2caf77286be93d82f70685', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '5550dbe645619c9f0fd5c29d1e9d58bf405b8a87', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: 'beb9be113c6e550868e8b8887eef0c78a3d89728' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -284,7 +284,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'cfe29e9445d922b69f2716643cbcade00fab8204', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: '114a7ea84cc2fa760ed5c3cd966896ae1a567f2c', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '9472159c74cf552f9de9b33f4e03f3cd7cff5262', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '6c8e8bc9c753b20be4ecb3fa87b2bd8fe73cbeb6', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, index.h("slot", { key: '6036dd9cfe944f9290084d634b45172ae4e9b23f' })))));
+        return (index.h(index.Host, { key: '473826d3b1fca7cbf18c5ab20ebc5064e0a15f40', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'a5939effe817f82750cb38556593c53eca1a84d7', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '52a67d9f54aca12edb7401e544493431a68b22e4', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: 'aff283072e951660ffe2a462f6f9699e9ff1078f', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, index.h("slot", { key: '721c3158ebaf7d6b171a57db1b8c6392fa6fbbec' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -70,7 +70,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '381e7cebfedbb7457577359d2e313f4f1aa3a5e3' }, index.h("span", { key: '1e82a83ed7e7198036e94cd967bd9aa85f8afc90', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'b34f04e136625da4e0dedaf355ab7cc10e0f097a', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'fe90612f9c9d81f94cb937439b1b5cfa4c97d33c', "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 && this.clearable && (index.h("button", { key: 'bd60c7985bc69b589e7427230016a634dc93e6cd', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: 'b69342dc3a4ef43940a9abb038d2f7e1d4e8b508' }))))));
+        return (index.h(index.Host, { key: '63ca6b7dc6cee161e9f79aaf9d4cca80bd6ea4b2' }, index.h("span", { key: '43260becf7d290d07e34b8fc3e9054ce45c43bdd', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '4c6e1b36c61178b9d1e75edc614c2d4914b3eae1', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '46aea6b6cb7e4fd58a61ec30378bca893782f1c8', "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 && this.clearable && (index.h("button", { key: 'd9f2493b40441c25847cd172e0c5346102e7837d', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: 'b5be13b5e1d57795a95a9aa6c7c994c074dc18a9' }))))));
     }
 };
 SwirlSearch.style = swirlSearchCss();

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

@@ -227,11 +227,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: 'be02603a4efc2b9736c631056a7044b4efd6a806', onKeyDown: this.onKeyDown }, index.h("div", { key: 'a436b53c0d311522dc9a8f350556a91b79a2239f', class: className }, index.h("swirl-popover-trigger", { key: '6718a223d2d3946b2728f33afe3f638a90d56b4e', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '6a242c7380839307e6029700ad2d6398e920fbc6', class: "select__value-container" }, this.standalone && (index.h("span", { key: 'f2c577d56dd9cddfee94e4957d8e8f3065fe70da', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'a39a1099f88a3c26efc1e239898b0feccd65cfda', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: '1bba1e385a36fe895b30f1aaabe6655aef28e494', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'b2d804e6e75849fe751b4db7e692eb331047a35b', onKeyDown: this.onKeyDown }, index.h("div", { key: '9e7798afcd98f48ec909fe4b3ff11c6dd045fb1b', class: className }, index.h("swirl-popover-trigger", { key: '12e4b5f81da26c539a933eb41b720e970d08454f', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '1a3f7c16898a543dfb12166e10a8293a87149d8d', class: "select__value-container" }, this.standalone && (index.h("span", { key: '57671ce6e379a0991f604c65e725fd60944beaf3', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '3db7d2567d8d5685dad8f4049c8ba96d5e976f83', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: 'd7cea7c10464ebc47115b415b0c84f91dbb28833', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (index.h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: '8fcf42d8a27b52764739499e12d2dce55b08d6e9', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'bedab7f838eae0704df2921ff3aafd3dc11a331e', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: '5b72c690885b0db93bc321955150cb219a16b3fb', class: "select__search" }, index.h("swirl-icon-search", { key: '0a45ee3710cec98d58a202020161d83a947880a5', class: "select__search-icon", size: 20 }), index.h("input", { key: '40048458945f344176419716c42b8b5c15b124be', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '20a7ca6e91f98e001cc12710baf832222d070ef5', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '77253343e069b98fb1d613cded7223579d53e61c', class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '43db83c880b1fcf882ad840eb33cf6b9cb205121', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'a8a91269842b99b36166777c8fe82920dfe5f193', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'aadc3c5ed6f873614fdd9f941bdcaf2e9230b1d2', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: 'dc76bd773344de262621a61a6cd0e27d4ab6f3f5', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: '2eb3df6ca4691f16fa402281f867f9ff505b946f', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: 'cd0433e0b26988218f5e56864dcee7f45350b41c', class: "select__search" }, index.h("swirl-icon-search", { key: '7f69dd85a4d2087da957510db0331008605e7766', class: "select__search-icon", size: 20 }), index.h("input", { key: '86902eba4eb8e708fc7d747632052a48f6e58495', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '61827ddb1dbd94b3238975a3be77b1477c726e37', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'a8a673c80d3decd84073f67d8a54adf8b7ab1ccb', class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '7e0cf544c8b9a602eb930f0a353f64d6d824feeb', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '6fad49b2eac2a61b4832cb9cfefdd41f32b82470', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '3824957bb28d7e6f50dc8f88ae41cfc99a3936fe', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {