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

@getflip/swirl-components 0.478.0 → 0.479.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 (2680) 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: '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))))));
+        return (index.h(index.Host, { key: '99f387a29685cf09b3f09a78b677d20ef5a3ad01' }, index.h("dialog", { key: 'a6fa0ecb8b38689603174f846f7fc934bf721d8e', "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: '12f6ae6dd25b7aa9dca297670383e84c4a3dbb4c', class: "lightbox__body", role: "document" }, index.h("header", { key: 'ecc35ad06496c34ddd273ffb53f293d1b806ec2f', class: "lightbox__header" }, index.h("div", { key: '2bc6c93a17027cb40c309f5f1ada6b94877ba9c3', class: "lightbox__toolbar" }, index.h("slot", { key: '214d17535ff7b65c99e73e54f85b0b08149d62d0', name: "toolbar" }), this.downloadButtonEnabled && (index.h("button", { key: '9d3947a31f1e03a259d833651f6134c233e83af0', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, index.h("swirl-icon-download", { key: '8137af42613e5293fbcf24267a024ea3bd4fb484' })))), index.h("button", { key: '2e3c5d495fef4e61de9fbd04ca4ac74df8689d60', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, index.h("swirl-icon-close", { key: 'd203ccfa1c14e4776fba7576d216094ca8c6f97a' }))), index.h("div", { key: '0cebaa4cd6251349ac2201bea521867d8e376f4b', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'c63323a7ffd50e62b63aa4a61cc54b6c4b71a743', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '67dbbe6a803d0723526288678617d84a24093e61', onSlotchange: this.registerSlides }))), index.h("div", { key: '26e22ad40e19dbc488aef76af158d9ddb60fed8d', class: "lightbox__controls" }, index.h("button", { key: 'c1a08d4bfb77b472c379475eb4345d3faba7e919', "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: '6b203a55bba850ddc2809c0aad7b45717659b7aa' })), index.h("button", { key: '8377c2878707fe6d1f43539ae89c004df459dceb', "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: '9ef47f48857d32e8b5d5a577de69aa1fc9aa0434' }))), showPagination && (index.h("span", { key: '2d419fec01907c31a9cc6e984ae8989d8baaceff', class: "lightbox__pagination" }, index.h("span", { key: '19e3b3312b5f4b0f4feffa627d5b538269e2b53f', "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: 'dad187b8943478116f16823ee90b37a0ea079432' }, index.h("a", { key: '1b5263a8fea72748b4e5d6237a55885bd90615a0', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: 'a42f7ab1e0d1c11fdf0610466d16f3b49a95e590' }, index.h("a", { key: '2ee2eba58a1e518c769fe674d8cd6d85708f9b1a', 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: '018c87cde063bd48908578e618c41bdeeecff86f' }, index.h("div", { key: 'ac9217f9961163605340301565e486754c3c295b', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '62df8a862d70d4508868414196608386680795f5' }))));
+        return (index.h(index.Host, { key: 'b0b2c5f0c0352e10cd286b0499fdb416709b8060' }, index.h("div", { key: 'c381efd363d4bf935cd229d25240fc1f1b655e9b', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: 'cd8781954504e271224d8dbc6da125bb7d8e88c4' }))));
     }
 };
 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: 'd5e578327114b0c33b8b64e5a114bd533fc0bfc2' }, index.h("div", { key: '93720cd839388cc004156d6bc5e10d965d29cdd0', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: 'c8c8afe6dcfc424b17a6f753cf1bc1949e672714' }, index.h("div", { key: '5c8aa9e4450323c611dd06ccd3909f7f3b8eb522', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: 'a5a65148393096f1b959f41776d73ac1ec92c929', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: '50fca48541805d63f570386f9be11a7acba21b37', 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: '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
+        return (index.h(index.Host, { key: '90649ed93738daac024fb46d5b0096439f72d04d' }, index.h("div", { key: '19197c74b8088d5e95c38167b964eb98c2060dcc', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '3e83380d07ca1fb260b9f0fc1c5d135ae4460f02', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'ddb263add38ceee511899f23f3f0401af642bb66', 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: 'bf7f50ea6cdf84c5522ffc14346ad816067004e4', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'fbcae6f2a3a5f52edf267d129f90384a2c6aaeb5', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '5f47dbd00900ca4652c48d9e8433cae7e1cd98d4', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '75e3348b5a732a5c4d2010beff9f21973bdffda2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '59ff09a67ba9c64402762ddc2d90f136c423cb99', "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: 'fc9f41d92a361bcf14db78c98fda6b36b8964144' })))));
+                    : undefined }, index.h("slot", { key: 'b0434b4a52901a62b2d47e343c233309bdfcbc58' })))));
     }
     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: '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 }))));
+        return (index.h(index.Host, { key: '4051280da8bcc61bad483d7276e217234b3df02f' }, index.h("dialog", { key: 'aa9c4a81b73ae40c8c63ae255bf920508976de72', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'b9aef02ddb4de9105fa7818c23858c5d46a53f2e', class: "modal-shell__backdrop" }), index.h("div", { key: '0a054404e81239212293dac22c19170753a06173', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, index.h("div", { key: '212d7890ef2364fe998c954f6e92e5ebaec40c87', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, index.h("slot", { key: 'bf794b1fbfb8647d725132aa3107be82e904ae59' }))), index.h("swirl-button", { key: '4319295c901bd830368d812e42db7a6bbd123437', 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: '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
+        return (index.h(index.Host, { key: 'd7b463120cce49324fd02b74ea455fe6d7e26f68' }, index.h("dialog", { key: 'afd707e26604aa27aa74896d2c7c3e872ff997d6', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '7e19c82a999edf050d1b1acdb65697cf886c34d4', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '421609fd39a0b1bca98beb71eb44012d35e8a3f2', 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: 'bc65376ab51ed2096a7a944a4ddb683326653846', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: 'ad831eb4a52b33eb5c08a4fabba1b295a30f4390', class: index$1.classnames("modal__sidebar-header", {
+                : {} }, index.h("aside", { key: 'e1904a15f51ae48682e9763c49f1a864ef63858a', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: 'e5631b66d00002b1c86ccc15d5574a3f75eb1276', class: index$1.classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, 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"
+            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '43c1d4ed935c152b8e1803008ed92285be458476', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '72e24fdc81cd0e10aa231de534fab519a069a9c5', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: '4373873f7ac32d44af1c1668f4f9246f86d997aa', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: 'df2447e780b37abec413617b9a4966516bd5c336', name: "sidebar-content" })), index.h("div", { key: '667820d352b882fd22b5da1daa621b4185c7bfe3', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, index.h("slot", { key: '9f7cc5f2cd9b1bf3aafc5c45f7cce12974ccdd20', name: "sidebar-footer" }))), index.h("div", { key: '7f57ca915e13bf961deca99e60a78abed1de1232', class: "modal__main-content" }, index.h("header", { key: 'ca6ee60bb771eecc8fc0ad6ff1bc4910d3525e6d', class: "modal__custom-header", part: "modal__custom-header" }, index.h("slot", { key: '8e99cd4cd3a6932b73a7a4521a4da40334609c29', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '114dab353118c62f727929e8c212387dbba4068d', class: "modal__header" }, index.h("div", { key: '8a61edf1141c65948847abc50ec445788c9f915c', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '9918feb9c915ec04d537c9a7e72527f715285497', 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: '547254ca65f8ac11f3ec7dd65848494dfa4a2090', 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: '1b5bba4ded02dc46328d4014c1f7ba960f13f000', 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: 'fa82af01217e6984203c7eb2fa00ccc63236f1e1', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'edb394854ca6a0e7bc0659e6980bc2b2400dd622', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '409165669e31a0a520eb00f6b93b4423d1b43655', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'c38c50e7a72853f1944b9d63a014356d20fcfdf9', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'fda826c51dd7739ec1ad577d793de5eccf5d1dc3', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'f1298046865f16fbc5ae71466f8bcd9d0e08f31d', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, 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: {
+            } }, index.h("div", { key: 'fe6cdaf7550a032df17643447e2ffa0cf0bc4c96', class: "modal__header-tools", part: "modal__header-tools" }, index.h("slot", { key: 'c729a8a458f1e78b19a7ee721b691385154eb686', name: "header-tools" })), index.h("div", { key: '1f33b79800c345cc0d8c0526e980f9ec2dbee7b5', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '89788fc78e51879c1583590505f220ad41ad4985' }))), index.h("div", { key: '266e88b3164ffa1d39271a8df986e82a1ef3fc99', 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: '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" }))))))))));
+            } }, index.h("slot", { key: '4d9c947b55bfd7c14c405c3a23c19f9eee424519', name: "secondary-content" }))), index.h("div", { key: 'd771f35af03691ebb00c520fbc97a85f3122524f', class: "modal__custom-footer" }, index.h("slot", { key: 'd78d5e4427be8bd111e934d666013de01a2163ca', name: "custom-footer" })), showControls && (index.h("footer", { key: 'd56e2a8c865b28575f65b491dd9fcc26f697d5c4', class: "modal__controls" }, index.h("swirl-button-group", { key: 'f12f79d96db116421008d413f50615617f2c8148', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'c3d2902b07383e65ca16a2255f4a4b3a80dfc0a0', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'e9fe1b3159291658763536db5cb09eead6ffc73e', 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: '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' })))));
+        return (index.h(index.Host, { key: 'c3d6a00c7826696125a52c94407343e465f61457' }, this.hasSeparator && (index.h("swirl-separator", { key: '1a7a5676260c8b4969c627a0dd91788f3be2aa36', spacing: this.separatorSpacing })), index.h("div", { key: '85f1bb5fa8e5c830be06c55fe56932bf6c52cc9e', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '4605ffb4d7883e889e29cc34e9bc94888e6186ae', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '618ba2f1a4753862f7ae914a2f2b286bc7e3b630', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '76c45be8e73e97e3b664c6b9bc85bac3795d2bb6' })))));
     }
 };
 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: '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 }))));
+        return (index.h(index.Host, { key: '9bf10d95d87d601e2edebabafc2aa89cf7af831c' }, index.h("swirl-visually-hidden", { key: 'cfc5efe9fda6ce38e636f201675de82d425d0720', role: "alert" }, this.assistiveText), index.h("div", { key: '00bb18b0075036063c0ebb07c4ec966b70810a91', "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: 'e2c20dfbbd757455fa2d1db5a82a483a507a896a', 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: '5bd5f5f1a79d9843bce6a4ca4ab41611846664cd', 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: '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 }))))));
+        return (index.h(index.Host, { key: '5cda58b22f704bcb05c0f98f1fc32aa4bdf7d32d' }, index.h("nav", { key: '1c4bd2362ab41b4d56f1b4794510b1d7a6c16bed', "aria-label": this.label, class: className }, index.h("ul", { key: 'd2ab1cdae6dcc8108d3a49c1d4dd900b94aea2da', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '03cd3c234bc30bea1db5b1a69a1ace5575808b7e', class: "pagination__list-item" }, index.h("label", { key: '35b26ca83eaf6c124af2a8e813d157bcf322489a', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '0bb124c38230df2698ac657a30975ba0e85ad312', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '28d1fa4f87c3dfc27389eae074375c3aa3afd228', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'a46b453a4d9adb62c05dddc9f577e1e30c627802', 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: '4d693f04efe502e5ffd42ba53a873958f28f6685', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '988b6feb5508fef6ad1ea40594c75bc62e794adf', class: "pagination__list-item" }, index.h("swirl-button", { key: '28fc3fc5bfe369656fa2399d4de84f167ab5c2c5', 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: '760d1f740fd2f1291a49c0ef8b02d3d57c050e10', class: "pagination__list-item" }, index.h("swirl-button", { key: 'cee32b7d734ba1c187765d49bf02c4db259b8a7f', 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: '5ef5ae81ff092d361f3ac8d3115796c067747da1', class: "pagination__list-item" }, index.h("swirl-button", { key: '144e998b66ea14c77077f4eb5855dcce6a10ba75', 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: '385d446323f7b972711e74c16c567aab1e21ec99', class: "pagination__list-item" }, index.h("swirl-button", { key: 'b5ad4d8f8c5fcbe20ebf3263b2c65fc9ee93a140', 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: '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 &&
+        return (index.h(index.Host, { key: '73cf99f14aa83199a1206bc3306ea5fb5306db3a' }, index.h("dialog", { key: '3cbfb7a8bb396128a24cb6abe3224895c56ff75f', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'd2d4d24e92b3f2e386964025b0442f87bbd1d5ea', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '7bb05b45986120bbc2880a6c5bb4116f2cf15573', class: "pdf-reader__header" }, index.h("span", { key: '9cca87aa311ee56e1af223aad51985f4d3436ada', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'd3dd516950c5715a320a777fc893b7f6fa80133b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '17d21aefc660463ecdb5c60fc1a1c86a3986a9e8', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'f13096352c0c10071f4fecd389edf6907292f493', class: "pdf-reader__header-center" }, index.h("span", { key: 'ca3abc00ee708ab654e778d422298704527597e0', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'ba9b48a7875331bd35c31224b6dc03d0ee9a89bc', 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: 'd994e5e66d238dc1770d3aacb2f3688ce182396c', 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: 'd625581b1fa85943b15fbfa3572cbb39a48697da', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '11675aaa947ab1b18bbebdbb97cf77adff5cf692', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '21a0557bb82316d5ffa6623e5ba4e3f4bdf966a6', 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: '9e2919b00b85ebaae0c9e8abcdad8ecc910fc535', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'f3a52ad05ee7f1a862dca00472016e630b7b4dfd', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '1ac682adaf6efc6b70a96cf0766527e1694a0eb6', swirlPopover: this.menu }, index.h("swirl-button", { key: '9c89b036f6b5846e7e35997b362fc2db76009e44', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '680301c619bb96fb871150e9ec0e29a017c360a4', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'd6756d351b887ff1c4c7250c9a08d89ebb7defbb', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '34885365167c1533683f4d704f71533e2cda6e9a' })), index.h("button", { key: 'b09a7516105825b9ebfd58b621e9400a01f92cbf', "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: 'ad53b6906e48e5e97c160337a0afc1e15ee68a88' })))), index.h("div", { key: '9cb9dd89e8f8019a36b6a253816830c3c9eb2e6a', class: "pdf-reader__content" }, index.h("nav", { key: '0e7f7bb708c03556e7d546a1a1b0ab4abb491030', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '99605a278aff8e0ce05e63d6e4a97a7bc67c359c' }), !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: '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
+            })), index.h("swirl-file-viewer", { key: '4b388ad41703870c1ba2ed3a1ac699beb86e9969', 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: '5acb89b6682c076dc4db5dbbc0b57a6ac2037549', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'a1ed5e44b71d7d09826c55756f8a18eebad2fbb6', "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: '1c24dbff262f1b4a7c054beea5dfae37635c30f5', "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: '4fe3386910f0d5700f11dd25e85d7338ed0b36c5' })), index.h("button", { key: '4e142c456b5c61eef7807ed7cfbf620a736eaf16', "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: 'a0b28c587c07b68964a31f1e13715f0988cf0c88' }))))), index.h("swirl-popover", { key: 'b022532137d6cd112a42fddba4a951c651c2b7ac', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'c1dfcefeb984c2b9db18768083c1aac64a9e8907' }, index.h("div", { key: '9de5a74b3c5de126bb0b3ec211c1a64a90c74eea', class: "pdf-reader__meta" }, index.h("div", { key: '75e4e4b32c6333f4bab66925c486ca6522dbe3e0', class: "pdf-reader__file-icon" }, index.h("svg", { key: '88e9142ecd1a3f1417f6e92c153bf326c3eca8e4', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '9f3753465f22849be0722768044c1903c6956120', 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: '86b621b77cc767d51ff034991c4386e4c7722869', 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: '598b4a2f9d03ce475122eac251926c36bef9b9f0', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'f0db885d41a3cc322de24fef2e01d376afb4fd48', 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: 'd8ea4f97a6b7f7d3a635a7a6e2833a7892958b91', 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: '3d96a97f287f4984dd5c9d38650503432e78070d', 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: 'e30be770aa8900075b8d5999695432e4b32d00e9', 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: 'e4301fe3a0e3e71aa76f7db6605c906afda2dbd8', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'd11b2a517b8453d9e05baab4a7dc568d1bf166ba', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'fa0604780095cd629db8e2362e2d14f539b07f5c', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '83598af89fc7cc1d6a8768260ae2a49a32f893d7', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '8d3a9b5db77f8a6b94b072452ebe1411221d138d' }), index.h("swirl-action-list", { key: 'fac3b9c7823ea98a31fd968440e0edb0b2b482ad', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '795d1c16589ccb40bf160f06087e6fa6bde0fa52', 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: '147e33d533f8977f0eddef5d654174a2253f7c65', 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: 'b136a2445e68ffd0670f69e9c20755e1c460e504', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'c602d6ff8e1d6d3a9e0459bff8eae31b61b9adb6', 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: '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: {
+        return (index.h(index.Host, { key: 'fe7fad20b346c50423c0acf23522542b6fb050ca' }, index.h("div", { key: '29415d304aa7d8908e91ae913a5b35da408a79da', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: 'e0cef73433721b200685e42199853bd61dbaf5e7', "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: '4197a0265d62275e6bcd3cc490297c06a962f29d', class: "popover__handle" }), index.h("div", { key: '4090dc4fa478c21b621be37c4f780a2126802edc', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '419876d09953a7ad35cefe95da3bf1a6224775d1', class: "popover__handle" }), index.h("div", { key: '3d6f8433e4553c11d43de5e1faa63367047d03c5', 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: '16ba8a242e8b38e4f0a8aa82c34b02956b79a07a' }))), this.active && (index.h("div", { key: '217d3c3a8a21592c71011deae0c54a532e1445d3', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '51aa6ceb50877b84716db7f87ac4e9197def732e' }))), this.active && (index.h("div", { key: 'd4efb5cfd8d950dff4fd798c8ecfaff9941524cd', 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: '34305db8f07d6fc98e12fcb21f324914cab93f42', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'd5fd1a6e40d85473acf7f4d0d301d424184eb78f' })));
+        return (index.h(index.Host, { key: 'a2747bf818cfbe4b3d7caa02655436f35b5ed087', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '8dd0200e95be515cdba4ae0bae5132f5c8d3e3e6' })));
     }
     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: '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 }))))));
+        return (index.h(index.Host, { key: '554a77d6a3d9c769f7ae35d17ff07d04595edc67', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: 'b881a20eb065e7ed9853d1d192c1d3826c251dbf', "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: 'bf687e4aaf398642b0539a2315865c9c180a74df', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'b149cd39096a93aac3a168b01e44a92cce4ddc77', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '90a45e5b3321c0af48dc6bcf368570193f32f278', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '916b93e693312a1e9c1057e38f1e4251f89277c1', 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: '66b84ff7c900dd00ed77e0af2cc35a268d589ad0', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'c8c9aa702433e20781478c981ed56b47e3ceb5e4', class: "radio-group" }, index.h("slot", { key: '319669a0d74d23f8598104de48c805032e0e3197' }))));
+        return (index.h(index.Host, { key: 'bef86b0c49ff902fcbc7be5e0923a1f773ec0c87', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '104bec944cc23379590f218b96c1afbd1f356a2a', class: "radio-group" }, index.h("slot", { key: '0a5e5f74b4a37bf44818e94608eb16f6440dcd74' }))));
     }
     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: '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 }))))));
+        return (index.h(index.Host, { key: 'e2c52f4fe373250fc63929fd6e9bd433fab696c9', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '26b20d109434a3415b60bd4bad1e0506356be802', class: className, htmlFor: this.inputId }, index.h("span", { key: 'd5cbacf82a5dc687368896e2df92d5e1ad6775eb', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '1a3ef43b1dfb32c819be682e5fcb4f07fcb031f1' }, index.h("input", { key: '999c0985b236d3e9209082d057ea07ae9e2a12f0', "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: 'e47d2774fe70751c51c2b3f0bc330d7ad2477277', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '13ca619bb093acefac7e5b12b3ef3b6a6347a5de', class: "radio__label-container" }, this.label && (index.h("span", { key: '81007d0c202bf9ba316d55ae0d2006a590cd6715', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '87961a683c2639496011631f998f8710df2974d6', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '1e26cad3de64027d41141f1cef73c24acbda5f3a', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'c7f90481030603ebf0e29d3e1d665185a5f20f41', 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: '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 }))))));
+        return (index.h(index.Host, { key: '6f74596ea4459ae2648e212c339350e998b03f1a', role: hostRole }, index.h("div", { key: '5cd901794f20514b539b895cf233dc76e4b742e6', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: '2cdde7896359798b40ab899ef0c1abd0b9ae9318', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '4e1be560518732c3753e8bfd28cb2b703760cfb0', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'ad14c0fce539a0bdb1761ef502989adf058b2044', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '94fbac21c9a400db6126ea08840ba6ff11b2aecd', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '323ac38102587e3740bdb5fb30fc4f4550348420', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'aa2affe314f3cf986cde48d9e9adea233c34e171', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '964faf7247c015f3e9ac62cdaf7bb6268b3d8d9e', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'f3883e6ba55ffe3c24d858cf96086b50802c0c22', size: "s" }))), showRemoveButton && (index.h("span", { key: '62cf954cf14c412e5b67af9ba3130457716e7f64', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '849f1faa274e04707f0866d512096f452d1e1530', 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: 'd76b50b18e7e918aedf6f12af04365bb8ebf9eab', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (index.h("span", { key: 'a527d285414b2de52e0229b97e99359773d668c7', 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: '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 })))));
+        return (index.h(index.Host, { key: '0b206a71130cbccfd613e11f0c5768af99dacbe5', role: hostRole }, index.h("div", { key: '07ce8a89faec475ba3b8a15ea4cc705aefd1085f', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: 'ee7d6e05815f607c7457e645e90a1911cb69ba33', "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: '808b37a3a3a3e7302eb1ad20a868ef4a58909b2e', class: "resource-list-item__media" }, index.h("slot", { key: 'bb6b9872a4cad75a191a8ac5b1e7e0678fb8f2d5', name: "media" }))), index.h("span", { key: 'fc2f8e551fb56ffdc6fab7bdea57511bb23848c7', 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: 'ffc43d1f7bf34b0a579dd936eae66f9b7c49e0ac', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: '4ba2865f73947f92e25ae2862432a377448c6ed4', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '9717bcdf72d9dba1878ac2b4e31e6bd7c2b092bb', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '5ee683a97542a9201968b00f91c13c5f42562a8f' }))))), showMeta && (index.h("span", { key: '4fbffc98900433159b2111fbb423850b2b3747de', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: '24466047588a26d75623b6d7e2d3e0a7ad2bce83', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: '6f89b9573b5185f4b6788297312bdf4f48f9b289', class: "resource-list-item__badges" }, index.h("slot", { key: 'b88352a9479805d3ace745d35bfa5299ebbff9d4', name: "badges" })))), index.h("span", { key: 'a79ff79a69660bb7b2963fbad37def8d1f45d057', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: 'e05edcd7257b12862c634b591581fa7d5733e42c', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '3f405f8215f5054314f55d048dfec2f1f38ed1e1', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'b12ba8600053c3abf9615b40eca48a8c5110a2e7', "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: '480499e93fb6f5f77f50d9feffb311a3a0b6bdc4', "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: '8b3c7dcdd22aa2a7d4974939046abf46929d0416', 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: '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' })))));
+        return (index.h(index.Host, { key: '0d0f6a7e54503838f08490bf1892f9a7aa7e475f' }, this.hasSeparator && (index.h("swirl-separator", { key: '2f475e214d73864859a34e1f621ab283ff97bf3c', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: '7eca1954ae8d4e407ef51e6cd16e829781f0fbc1', "aria-labelledby": "label", role: role }, index.h("span", { key: '67dd68b2a6f3d320f70351a55a059d31f012d8a1', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '7c1b30dd7f39fef717836658425fc0b05cb948b6', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: '2878fb3ed4cf2d9dcc2a8921ea63b20a4c845ff1' })))));
     }
     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: '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' })))));
+        return (index.h(index.Host, { key: '1f58bbaabd999e3dc1ae17250692c480f35fd159', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'bceadb65963e99d40bb94c3961cba58237a6b8df', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: 'c40c6c42df7368211ba191e4c9fe561bcc56b300', 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: 'a5271c87a326b196b7b509264c9b86520494020b', "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: '50be68babd41e1a2828d5fc87306d28008f2b037' })))));
     }
     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: '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' }))))));
+        return (index.h(index.Host, { key: 'ffa3e6947dbc10520c075c7a5697668f8e58a672' }, index.h("span", { key: '75e036ed722e3fbbd224ca48528516b34240a154', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '3bf2a1f69b49d780dc37a62024d9322e859d293e', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '4244636c39a69b14f31be24da0bccb7771351851', "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: '725a8373912b891fe5a8f84ea51924b7446e68fb', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: 'e784352407b1a84ba1ecac81cc9939b243b5f79c' }))))));
     }
 };
 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: '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
+        return (index.h(index.Host, { key: '929f01f034ae8a18288764828c2e5918bbd85a4d', onKeyDown: this.onKeyDown }, index.h("div", { key: '2e138752181fc9224d38c4f1316b7d7a65a65737', class: className }, index.h("swirl-popover-trigger", { key: '9aa8d9e2c98ad761ad8ad335168ed11a560f6139', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '5ed9c2eed6200517da8c3c848d985e4602883113', class: "select__value-container" }, this.standalone && (index.h("span", { key: '3893aea9698cb92024681253e936569cfbaf00d1', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '1d4075300927fce4277e26889785d73a0e94cf31', "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: 'ebe8a1733a690a208cdfd9ddbc5e9f4b729d08e8', 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: '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 }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: 'c5ca152e1241fed655caf85f94d0109de53424a1', 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: '74a19fcce6eea2dabf28a6bb76c39783b6d8aeb4', 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: '1d41ecefe419e460b4ecbab60ed4346b73d01ea8', class: "select__search" }, index.h("swirl-icon-search", { key: 'ff1b1986386a9d3f4265d70d3eaa2e038eea09ae', class: "select__search-icon", size: 20 }), index.h("input", { key: '4b9992235c8dee92eb53fb4ff1683996219a2d1e', "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: '766b4a927aff6d496724c1ce9880c6df6c1f9afa', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'd9e760224d09c1836734076e77ec5ecd40b0a7a4', 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: '7002f7db5ca0a4e75c7dd942e3f224d68e813fe9', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'b210d6c040c87afb01f4249fcafec65b7791ff44', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '8833a83ae6bc2840c4d3697cee4a5aa8d67b2542', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {