npm - @getflip/swirl-components - Versions diffs - 0.286.0 → 0.287.0 - Mend

@getflip/swirl-components 0.286.0 → 0.287.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 (1798) hide show

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

@@ -46,7 +46,7 @@ const SwirlInlineStatus$1 = /*@__PURE__*/ proxyCustomElement(class SwirlInlineSt
     }
     render() {
         const className = classNames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '4c053e16e4d783b0b2042ca49391979b6e7be7a9' }, h("span", { key: '686a0d475a755da9a3dd50c853420eaf92b60811', class: className, part: "inline-status" }, this.icon && (h("span", { key: '305c6369560a439dc07dfad001c293c68ebe4cb2', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '244a8d2636733667ec16c41e4945d6bcb4347df0', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '856ac6cf78d3d4f72ec8db6c651d849aa770de41' }, h("span", { key: '4654c90f1dd3b2569f848414fc8fd739a7f49555', class: className, part: "inline-status" }, this.icon && (h("span", { key: '3f32569549ea2facd87d267b8836a0dfdc308405', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd3086330637d3f4999d7cf04716f5de09f4ddd0f', class: "inline-status__message" }, this.message))));
     }
     static get style() { return SwirlInlineStatusStyle0; }
 }, [1, "swirl-inline-status", {

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

@@ -310,7 +310,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLightbox ext
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'e88754a2f0f423e74801ce972fd842e731b61708', onKeydown: this.onKeyDown }, h("section", { key: '516f422c1a6dd4ede93ae8cfcde7f34e79b49cc8', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '3f0e3ebb08fe0cb43587b9d072ea4b2e97d6428e', class: "lightbox__body", role: "document" }, h("header", { key: '01a8c5de5a8b11c7339ebd2bd9bbe648f6747e39', class: "lightbox__header" }, h("button", { key: '36e59bf33f92ca2ad0b7c564c15d3343735c482e', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '5e7ccf6331f8ec7702e90aaf24558faf4174f80d' })), h("div", { key: '29af2e2e50287dbf8b7cbcb24b3ad2fa5e6479b3', class: "lightbox__toolbar" }, h("slot", { key: '2c6ce5dac4f30a6a58bd3d261a9a9abe340e00bd', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '74722ebf881850b4f82dcdecc16edd2a3c15afc1', swirlPopover: this.menu }, h("button", { key: '68732360f97ac8c2421256da7d4ee6daccc164c3', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '591d90b5b89c21991c113686206203aa7f0cf8e4' }))))), h("div", { key: '5a1bb39367cbb9b34cd075279a99123e965a83ec', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '3c2ab44a659ebdc8cd7a9d575206f313fe370847', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '9d885d2a054da511f20a458180e791b73c687ea4', onSlotchange: this.registerSlides }))), h("div", { key: '03b487d1581eefabe735641d5574b4cd80b0894d', class: "lightbox__controls" }, h("button", { key: '6cee882e5719f14144f7644247ece6329bb7af16', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '1e9d104ce09d39b9ea0d06ff04d48a7c0b7c09a6' })), h("button", { key: '244894d2a611ccd985b6c20e9fba9cc4929a5c6c', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'af17ad0a660ec5c0a8c92709825adea912ce2c4a' }))), showPagination && (h("span", { key: 'a41afe011941338cf1ee9478ff7b41735c4fcbcf', class: "lightbox__pagination" }, h("span", { key: 'fa6e709a007867e0d7296add459551aea46a9352', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: 'dc2557676fdceeb623c6072fd83818d6955ec7ea', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '17d4a0be2ea414278d772cba2d10d4fb66779ca5' }, h("div", { key: 'f0401e8ab16e8a07c4fc5ec1c8c0617b947d5737', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '391a87f009e1b2e7f39c0b11a2c347ed3838bfc1', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '58fc5d491d8436865f8ba4f3627ef7f619d32dbd', alt: "", src: currentThumbnailUrl }))), h("div", { key: '1a58449c8aff41974aea5af941a297be05afa829', class: "lightbox__file-info" }, h("swirl-text", { key: 'a94c0ab82a429df0f08003b85ef0348e2b5dd470', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '9a6cc66ee9e99f61e3996901eda40ff5458a383e', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'e10cd4db71e7580c26682f88f7a554af29013418' }), h("swirl-action-list", { key: '093b25e2e7c0c591611702c74f3c91404b7262c2' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '445017c8e0f0f146f2b5afa4a5f2c2b5a03ec9f7', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'f9c7628564d06d45c757d5cd7a3b4e0064744d71', name: "menu-items" }))))))));
+        return (h(Host, { key: '5f83023c4e9c5b49cbfc9d992ba78b7fcc0af922', onKeydown: this.onKeyDown }, h("section", { key: '83beaa9afc9f61cfb335d9db541ed666ce2d3f02', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '9da23537c23f1990176ff16e09023850c2db4ae8', class: "lightbox__body", role: "document" }, h("header", { key: '63de374446036fe8d2d2869991e7ffbd4b458b5b', class: "lightbox__header" }, h("button", { key: '543d26e507cd3478b639ad1d87ed7a63129fa8cb', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'ecec8c257983f094ec3b336b0d2113d99ecb3ee5' })), h("div", { key: '8ceb3fec02326e2a3a4e35a07d4e1c2a5dd56c59', class: "lightbox__toolbar" }, h("slot", { key: '5d72749e96080ee1447ede1a013d557a03daa680', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '22692b7c64403576ed27ee78753701993869b0f4', swirlPopover: this.menu }, h("button", { key: '2cf90488154012ed8308326821bc0b086cdf7d1e', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '4feb1c6169c337e8f02a6dd53570d78e4a3a3461' }))))), h("div", { key: 'b365266f68fefd033e91b942096bb87ca6541b9d', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'b5ba36b62356763fd81c87ef160a1df9596335fd', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '6c2581badf908232cb1642d3eea15a2dd1d4bb27', onSlotchange: this.registerSlides }))), h("div", { key: 'af5442e3bde8d9c18c58ffb87acabe298fc8379c', class: "lightbox__controls" }, h("button", { key: 'a16af74a6dbd6168fb44c0b40ef584824a90612f', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '4160e454cf194bf910c88ff9e91405dca8babfc6' })), h("button", { key: 'ea98e7182ee0cc7a58fa8277332cc39e5c1d48b4', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '48de4f64580779e17907b5bc70c6b59894bf700b' }))), showPagination && (h("span", { key: '01907c1e3eb44037d0978660b61e177a70e3a51a', class: "lightbox__pagination" }, h("span", { key: 'bb8d34954bdd5b6bf463fc97d4989fe9ea07aa94', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '4b04077d2100254834912bf76b905defa588a554', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a98f21b521ae63b02436c402bb250b71ea80ec42' }, h("div", { key: 'caad1888856f677f28136b2eb9e7ad77dc9e4e03', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '06527190cd5914dbbec266a298819355f51ad3bd', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '7b85a2908765bb662520fd026182a7e5f4ae6bae', alt: "", src: currentThumbnailUrl }))), h("div", { key: '5c2d2fbc79d1c6d96fd5689d5618c9245c8245fc', class: "lightbox__file-info" }, h("swirl-text", { key: 'b71e439fd73142424563a493e68023bec26151be', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '8265bb14022bf27e53ce13754dc8e1ac2ff21196', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '6a5ea757cf7658aaf7f1e33132275e7317d6f2e3' }), h("swirl-action-list", { key: '59b1bb67911d2bb6e92f15976fbd86cedea48580' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'a8aa5dc3f5ba078248b4f7fb5d86182f11cceca2', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '35acefefe19ae17f00ee700aa21db2248ab87eea', name: "menu-items" }))))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -16,7 +16,7 @@ const SwirlLink$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLink extends HTM
     }
     render() {
         const className = classNames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '083991c7fec410ca7262bcd145058cb0dfe5301d' }, h("a", { key: '199a5866a421a96cd073fe1b67d548ca4f637bea', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'e7e0c66fbd3ea0c860e059f0d1e62186efd6d294' }, h("a", { key: '9e1deec9cde153cf663bfa415caa38293962a2c4', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get style() { return SwirlLinkStyle0; }
 }, [1, "swirl-link", {

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

@@ -15,7 +15,7 @@ const SwirlList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlList extends HTM
         }
     }
     render() {
-        return (h(Host, { key: '392cd0280a0263e74b908fd3f45fab02c57f19c1' }, h("div", { key: '776b4afabf6be15112c168754a55e0079151cf98', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'e8aa61a642c22be774e277be4055955bc3cf4bda' }))));
+        return (h(Host, { key: '46fec8693acaa0189029acb53ad67d4271be59a2' }, h("div", { key: '159207883e56500b265f14bda7bafe0af066ee8e', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'c6d81201fcce3f5bdaf44ae0e197aeb67fbd4bce' }))));
     }
     static get style() { return SwirlListStyle0; }
 }, [4, "swirl-list"]);

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

@@ -106,19 +106,19 @@ const SwirlMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenuItem ext
         const badge = Boolean(this.subMenu?.value)
             ? Array.from(this.subMenu?.querySelectorAll("swirl-menu-item") || []).find((item) => item.value === this.subMenu?.value)?.label
             : undefined;
-        return (h("swirl-action-list-item", { badge: badge, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (el) => (this.actionListItem = el), suffix: this.suffix }));
+        return (h("swirl-action-list-item", { badge: badge, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (el) => (this.actionListItem = el), suffix: this.suffix }, h("slot", { slot: "avatar", name: "avatar" })));
     }
     renderOptionListItem() {
         const selected = this.parentMenu?.value === this.value;
-        return (h("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (el) => (this.optionListItem = el), selected: selected, swirlAriaRole: "menuitemradio", value: this.value }));
+        return (h("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (el) => (this.optionListItem = el), selected: selected, swirlAriaRole: "menuitemradio", value: this.value }, h("slot", { slot: "avatar", name: "avatar" })));
     }
     render() {
         const className = classNames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '7f5a66431e423470afbe853a5225e3c4cd89a35d' }, h("div", { key: '491659e687e4f38adbfd309f4559ce42c2db54b8', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: 'c3aee9e9e8c3eeec2287796fcbc2bc403e717d83' }, h("div", { key: '9624ee9775abc19991e6c2f61d35c09233d176dc', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '5bcc5ebd312d0054712de53f92eb26e020d0f3b5', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'd1e331b8f5556280305ae6512daeaf7130efb752', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -298,7 +298,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '3b92df4408a15cedf8b0a9bb60ce473fd0961873' }, h("div", { key: '2fd4cbac5b724bf356fbf8a947b2249e47bb3d3a', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '371cb7e8a087531385df045dc6f0acda077c907b', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'd91a49b39335154a6c82dfe1b7ea17d337540550', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'e4c43afe40aa8b01f7cdeb24cedc77aa5723476d', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '5d01bb8e93edbbee6fbcd9d824cd51687286b5f2', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '5441040b35978d77aec036ab4989616932aa88e1', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c19f08d241a3bd0adcaeded5680262e6f5a1b29e', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '23cd7ab65a69830e1eda0cd915bd9a0da7a12553', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: '139ace0948e7fe3f2ccd87a4f497f5d6c9e889d0' }, h("div", { key: '4c036f7cc11ad4baaa694370f58200b95e9d8bd5', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'efc5872b0eab8e30656ff08be0f22369b5dea335', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '011aae50518fcc6acf2df643d1b8baeb02ee258c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '3290279dae6aa2f24db3e6255663a74d9ebfb245', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '74ec9876905b64c1d1564b4673da0afa6df8be88', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'd11cb7e73bf2ae10e4877adea3a1fc76ef8709bd', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '18763d9d7b8235d36d15962d9f0fa186f06cbf06', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'd13e7e02bebdc0b2672f9c99ad16b140245f0309', "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` : "",
@@ -309,7 +309,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'dfa08a4d4f6db200e3f9ffdc71b80f3cae307557' })))));
+                    : undefined }, h("slot", { key: '9e4b84a77c38b544a1012c7cd28f767b54399b31' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -184,21 +184,21 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (h(Host, { key: 'f5579d8b6f825bccea2d09e2b44419fe02289673' }, h("section", { key: 'c0e60961bf274ba4a8c06788bfcc1c9e44bdf5d2', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'fe939870589e372383d1d5243f4ebec089b7e957', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'c01a7f27fb539a30fb6ba9f16e8a6591bb47b431', class: "modal__body", style: {
+        return (h(Host, { key: '3bbd1990a38876aa5fa6022a7e75100bbf7b581c' }, h("section", { key: 'bce314e825048303343607cbf919d2bc0d3705b2', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '9f2fdee44602aafa9192bf74491e6ef8ea54b916', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '6683da7a0d57dab9436e7de71ac3936b25d7a4e0', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: '222ebf2128913e015b090cb2be4ea154033abffe', class: "modal__custom-header" }, h("slot", { key: 'fc8ad0694fcd963795fcd7881fe97509f3cc5dfd', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '746b7a38c8fb4b89784ef56954977ca7bc018366', class: "modal__header" }, h("div", { key: '509133644a41d8d8a23799ca68537d305cc1bca5', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '406c442ff44b815545f8c0dd1c2f9ca566ab2254', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: 'd40897c1767ea0a339159f34bfbe876c5acd6e17', class: "modal__custom-header" }, h("slot", { key: '60ae424e9814a0b51bfa1c23e8d6fa5e5b7ae84d', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '8eaa631b2764ced7b932cfe8c99d1c8c0e01e0a7', class: "modal__header" }, h("div", { key: '1df6bfb57f56f274646d28b18ce7f6d9b3bb52fe', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'a1dcfcdd6d47091805c1423520cec1418c20cc60', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '08f3eaac9c233aa30b6a8b623c255f8984187222', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'e6e95b4beb9ecb8a99afca41d39884394de570a9', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '9ab5c9fbc09068883a45a624de7b8979af08c309', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '9bec8811feb9e321f192161dbd31ce8713d2cf2e', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: '1115f50a11d4d2fc90112c01ef6075b6aa6caad8', class: "modal__primary-content", style: {
+            } }, h("div", { key: '2979e5f0d391f891f547b45c2f632a11a95b6429', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'aeac1729752802197f63b69b16624f00d2045d8f', class: "modal__header-tools" }, h("slot", { key: '4f28b9e877f4548288411ac2dae56379597fa47c', name: "header-tools" })), h("div", { key: 'e701fb933a2d676b925e43b450d468f1880accc1', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'fc880d7e24faea42456720ea2106f78de23cbe5d' }))), h("div", { key: '81cd1bab7fa105049aebac91827b2ca432ba02bd', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '9a6fdf26e5cc8cfc975a13af5ad2e7a16a83c821', class: "modal__header-tools" }, h("slot", { key: '461ed54444ab5dc497f299a7d4c1319847d58f1b', name: "header-tools" })), h("div", { key: 'f9086457f301927401c089e78f2c1c650c729952', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'a28dda1fb3a3dd4e7bbe34cb1276320062e2d78b' }))), h("div", { key: '1c49dcec32e002149de659191999d7b0a9093596', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -216,7 +216,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'e311eff7abc2857174462728b114d12adff31662', name: "secondary-content" }))), h("div", { key: '228acd5b3bd9e60461dff1b8c5cf70b6d93875ad', class: "modal__custom-footer" }, h("slot", { key: 'db995f9110f0ac02ddf5b9a70b12738800c17c63', name: "custom-footer" })), showControls && (h("footer", { key: '63d72b3e31b29bb4992e4eae26a99f4290cddb6f', class: "modal__controls" }, h("swirl-button-group", { key: '0684dfa56f53009374d7d617142d2d5933f5877a', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'a5991a56d77dd5cac9078659471310b4d505baaa', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '4b75a97b8c9ec94e6bdc2027b5f0f862466a3656', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, h("slot", { key: '28a894c1566166272c55a5d539bd4168a17947c1', name: "secondary-content" }))), h("div", { key: '5af192de2cfbdc6adbaa97d333e2acde0902d478', class: "modal__custom-footer" }, h("slot", { key: '60933eef98ebb97a50fdb29952a61318d96d2d2a', name: "custom-footer" })), showControls && (h("footer", { key: 'be3fd73f74e76731b5d3a8a4400586cd42b5bdaa', class: "modal__controls" }, h("swirl-button-group", { key: 'c544bf607faa67ad57292234f70f4a2713b47976', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f47e2ff0439c95f480c931d598981c5fbdf55b62', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '6e21d66f1f8583d13f48c105eff3d22ec9269759', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return this; }
     static get style() { return SwirlModalStyle0; }

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

@@ -79,9 +79,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: '1d447d68b506876e7539f561ff0f0d5f12356851' }, h("div", { key: 'f616e441172a64c880a3d369c650ac8f25349417', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: '571967136a03f1cf4a3f0a14b4db18ffea6cee70' }, h("div", { key: 'edee17217bbe6135429b62c39ea430a49e66b39d', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '6106f77684112d64f95decdb204f3cb820844295', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '897a0b320248cbda556eb51f4e9ebbea4e90f77d', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), h("span", { key: '980197102d2b42f4b8120c0331dd0e22417c224c', class: "option-list-item__avatar" }, h("slot", { key: '5566fe507fdbc6ffdb2247485352209328ff1b91', name: "avatar" })), showCheckbox && (h("span", { key: '46ab840de25162f0885a20671ce28c0bff692c13', class: "option-list-item__checkbox" }, h("span", { key: '472de21387dcc013e614770704977d580113e864', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '75c120b3d349570f4a3b1455673294325d63e5d3', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'dd83f5596c704633ef61095121874ea28b1fb536', class: "option-list-item__label-container" }, h("span", { key: 'be0442de19e60262b91fff894673023e0a2a722f', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '74abfd89ed2a18bd494172b290bebf2cf032a3dc', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '241682d75d2b90daa97fccfb7f0bc4fe87ab603f', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '04c266533bfc073f8ff91247117f047b2a84dc4a', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'f09f72f1bc71e73d539a9e9411f85a98c3b063fd', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'aced6a85491ad2397e0bb814efdf90504b4e599e', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '55191d396106978ae8d444fb05f7fce76ac2e574', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'be4ca95a4c7d8f7b4110db7993edb0f3ce3972e8', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), h("span", { key: '7dbb9384750e7c2ccac2c7ab3109f13b951f3061', class: "option-list-item__avatar" }, h("slot", { key: '2ad759cf4624a24d9f1fe94c456a36243857ebf4', name: "avatar" })), showCheckbox && (h("span", { key: '02f71ffe6bb74c85617157b7b9cb7adec010cce3', class: "option-list-item__checkbox" }, h("span", { key: '64edbd1f5c23878297ebf29087d1ff188db01856', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'b793ba564a4fdd251f2f70cf68720d240b6b39d1', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'b35ad7c3bd7f2b22c30729b3012bd5b4db320c85', class: "option-list-item__label-container" }, h("span", { key: '1a4d118965706046092e70c320593c04f06b19a2', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '374aeefa73f78c2926ed0fd81dd254c3afcd7663', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '0df5b07795109dbd28195b6e14ef10b7fd587e77', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'accd8448bdf36a253e8f79be9c989a4d791361c3', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'a1b622a719ca5fadff72a06be63d353a8c29d571', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '6a5c73788d36010e27e443aeea2977ad441742bd', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlOptionListItemStyle0; }

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

@@ -11,7 +11,7 @@ const SwirlOptionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlOpt
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: 'f1ca2c32834d15c796643c19ab8eec9faff631f4' }, h("div", { key: 'ef46d281716bd2fcb1a105e99861786bc4f1ad8c', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '9bab60808cf163c212192969cd32f5b656a9960a', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: '98552861bcbbb94d018297950ba7603f1566fb6e', class: "option-list-section__items" }, h("slot", { key: 'abb3e99f9226e3219e8fd9ea3fe1056f7890abba' })))));
+        return (h(Host, { key: 'e2401f37b99516ccd62cbed3fdb4637bd5a8b68a' }, h("div", { key: '31bf726f13e37ea9d3ad74a74ac6078228bc1118', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '8551ef2c99a481cb66dda9ed22958432075b37a3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'ba28fd3e52e4542ab60745e01106a9df92faed69', class: "option-list-section__items" }, h("slot", { key: '402e4c95d254d4477223dece4d0696d3226bf305' })))));
     }
     static get style() { return SwirlOptionListSectionStyle0; }
 }, [1, "swirl-option-list-section", {

package/dist/components/swirl-option-list2.js CHANGED Viewed

@@ -335,7 +335,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '0893582068cce67e696e49b627433b92238c84ab' }, h("swirl-visually-hidden", { key: '1ef19b1ad26460e777fd9837679e95d2cc5280a2', role: "alert" }, this.assistiveText), h("div", { key: '6e933ff8fd3db2f4346ae3f8088ced66f1a4e36d', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '8f7e1c76446bcfe5db79adab39504be194931c81' }))));
+        return (h(Host, { key: '24f83ba63aced28e609882a62c32376954884920' }, h("swirl-visually-hidden", { key: 'ee9e29f8f6096b513b81353635ec420a84dd3708', role: "alert" }, this.assistiveText), h("div", { key: 'd3477fc14b737db3e9f532681b4db036c48c0029', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '912b183b44588e9eaccf7a80ef8a7446efd394d9' }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -95,7 +95,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPagination
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classNames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '3726e461fc29dfe798597b6c57866ab38783d30b' }, h("nav", { key: 'a409fee02abe84439f107ee5329e81a099e05752', "aria-label": this.label, class: className }, h("ul", { key: 'ee90536bedc6f5bf363cb72182a7245c8918e797', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'df23065f103d6de1a92c17267766cbbf8aeac37e', class: "pagination__list-item" }, h("label", { key: 'e1fd25b3ecc04df6ed9e0081f7dca7c2d2965ea7', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'cfae989938cd970326abacb3146d11a21159dbe1', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '4a00b575f96e6ef4e760c2332227759306b72e36', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'b2fe11828103f7cc03185f05b275b43e9c925aed', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: 'a9ef957efa0133663db8247a5578faf402147ec5', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '5c0dfc38a663bdb6219a4e45da240fd19a1bfa53', class: "pagination__list-item" }, h("swirl-button", { key: '9496946b12dbf1a9c36ee624d7c9ea1521b1a2ec', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: 'b5ff7f73ebf9dc955fa216f414814d5e2dbb5c32', class: "pagination__list-item" }, h("swirl-button", { key: '7704f49d4667188bdf46401c1d17aa40c0aefd3c', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '303ac91dd0c3ef2bb86c1bb0f9c001eb919de3f3', class: "pagination__list-item" }, h("swirl-button", { key: 'ac6695de5fba198a950a29ed52fd9ba23902a7d1', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'fc8396f63173fde636a20d7cc0e922f1e2860457', class: "pagination__list-item" }, h("swirl-button", { key: '61e8b90ac3992dfdc175d50d568d1d4321fbf6f0', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: 'fba8207382cf0734db42a2dea298004f8943c17f' }, h("nav", { key: 'e166fe66e852e224c321627921c57605628d0ac4', "aria-label": this.label, class: className }, h("ul", { key: '3a4affd8175c790ef5d25f5e80523daf9b94fa01', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'cf8dd212fdecbcc44f3e8462a45e99ea7ac2ddc0', class: "pagination__list-item" }, h("label", { key: '9f6e04dc201cd60da406324be6c4ad9363c450b9', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'c2c85487931e6912edf0821eaa201e67e64bdc65', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'c7e46aae5f41adef62625b81e4335466f3ae51e8', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '354fef3715e457285692f4fb4cfcaf9ef6d47b1c', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: 'f6ef8a317e72eb0239aaa6acad36bc148c873a29', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'bf02a4f8f0413dee0791c39f26c6cbd46207474e', class: "pagination__list-item" }, h("swirl-button", { key: 'e6aba96a8c7156e573ad7ff33d1b36be8f248158', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '47dccc4d81e2c94c8025f5b4905f9a2dcedbffa1', class: "pagination__list-item" }, h("swirl-button", { key: 'ad00543f21637b669f341ffa7ff7dc9c985f7b11', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'f33a629ea11be2c8c1b1c07906b71f49b05afa35', class: "pagination__list-item" }, h("swirl-button", { key: 'ae4becccba62f16b92e4056ce44d49ba800bacec', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'da1add506c324ae199592b1ef100737149a28ccf', class: "pagination__list-item" }, h("swirl-button", { key: 'be7e1d28fe3af44062e3eda3c3889ed32f413499', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
     static get style() { return SwirlPaginationStyle0; }
 }, [1, "swirl-pagination", {

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

@@ -217,15 +217,15 @@ const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader e
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '7d813e404d67e236f60307a624269ee4b63b4295' }, h("section", { key: 'e316286122ca97788019f3875c835531acb8bd37', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'bec2d218220bd02aaaf1fdfe48310e1ecc081d06', class: "pdf-reader__body", role: "document" }, h("header", { key: 'dd6a28e024ce7830c02627f2c54f745185ad5cbf', class: "pdf-reader__header" }, h("span", { key: '8859db62a7e63e0514b795718e863aa59b4f5cbe', class: "pdf-reader__header-left" }, h("swirl-button", { key: '5787044d6479b480a5a2776618e808122569b500', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '914ed8631ed11b034278c2b0d33dbc2da44ca480', class: "pdf-reader__label" }, this.label)), h("span", { key: 'd80649a3a983f200786e42ffc390aa678671e813', class: "pdf-reader__header-center" }, h("span", { key: 'f8f93edf96f2e8029549752bb6ec9b1f3046fc69', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '946210b58d61939266fc5c287b74b570990cf05b', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '5a7b42c2305974572f23d2a9771ad322e9195968', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '1026648090cfe894209d94eca7e23a8f07cbc75b', class: "pdf-reader__zoom-select-container" }, h("select", { key: '2e73fd606ebb328fabdb581e993464bbd7384d4e', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '13cffc992b70e521024a67f16df104301246edc9', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'd0c9a3f5a661c13032b6caa537bbc05c0daf1959', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '19d1baf29f3964b417e11ff82cd2dbe07ff42de5', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '1612501f087b2a749cff0b15d14d55332f8969a8', swirlPopover: this.menu }, h("swirl-button", { key: 'ca0c8a99e1cee388a4f381ad10e04bee0e4e5495', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'c779561118319aa97da02d1a403a9782d87e5ed4', class: "pdf-reader__floating-tools" }, h("button", { key: '0ef31a34fd14d97d7b59ee0699af623d48d0c82b', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'af9912f3bf0f12c74c2e38df9e0bc9b65006c366' })), h("button", { key: 'f0879d6cb4c8922bd5f1b5d5c18bd9e02854ae10', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '300dc88300488aceea6bacb944eef3c5c0efa47b' })))), h("div", { key: '0bf99fe0c750bc9493c88e265fe2d0a50f708f1c', class: "pdf-reader__content" }, h("nav", { key: 'a8a17bc906628bc1d3ce77277e77918a32d567a9', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'fb3a7c5440ad5ff941e5930befaf56135a5e7ba7' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '81d5e89fd73cdf93940502130d39382d68757763' }, h("section", { key: '77fd45b43ab3ba8d424b105fd956d7637dab08ac', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '97398c5d3531d0f210543efd5f4db5629c7f1b5d', class: "pdf-reader__body", role: "document" }, h("header", { key: '524e7c7fcfb5ec456403c4c7354ce1dc8565a31c', class: "pdf-reader__header" }, h("span", { key: '1a7f36ceab510764e4fd58be82db76c96ef849fb', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'fae99230801a2d755a86701bbc492d4260e9919d', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '49ddb9cc5ce3a929f4031c6ab6ea374ca9313ef4', class: "pdf-reader__label" }, this.label)), h("span", { key: 'e26499b4bcf6c62f6b356020e4d84053bafb4b75', class: "pdf-reader__header-center" }, h("span", { key: '64cb978c4c8b46160fbee21fd1c27d658441660b', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '86ffdb46374cbe575746d5de3d227f6663ddf8e7', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'cfac8e6d9ef38dc58966fdc42059382e474ba1d4', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'e94afea8d541b40eeaf0f86d620797c07c850ad8', class: "pdf-reader__zoom-select-container" }, h("select", { key: '3abbbcc6a5feca804e7fd288a4f45d0d6904c29c', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'c1e9ec582b5594664c3d64ebd858b89682a9602a', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '29d8ac50214cfdb1fb4c21b5ab0012dc3d258867', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'fac4a6296c778b801a5963a9fbbb4610451c9fc0', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '5dbebf1825f3a762f27513b0c26a1334a1a5e2ab', swirlPopover: this.menu }, h("swirl-button", { key: '1ca64fd2b9e222b27c29b5acd30011858de16658', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '70dec652c63d082e7d5083d8cc8720cd2b5172d4', class: "pdf-reader__floating-tools" }, h("button", { key: '60d418dde1e7e6bf2e5b4c2dc91bdda1ebdc302d', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '58fde27cc6af25fff66e01c72cb60772a1989b8e' })), h("button", { key: 'bd9e31b3c67695b8fe37fa128914d05e792dc015', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'b2a6b1e5f124924dc7352898e78b8fc400dbe023' })))), h("div", { key: '49c372ff04c32b061a045863669f446b161978b1', class: "pdf-reader__content" }, h("nav", { key: '5fc70757f58b12c3ee7e2bdfbd06f91a3f5cb887', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '8eb682ef0eb16ee71b3dd0748de265941ac146f4' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classNames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: 'b2835d80cc0584e909f77fc491a50012b0856046', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: 'd3600e39527d28f9d6d49558acb069aba2beb147', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '2bbb43bc59651fcdee7cd8e730acfb718483c17c', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '20bae7e241a8f45ed28bd57133f2da6282179320', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '6b0e587c3793e2a65dc5333360c09ecdf11dc9ce' })), h("button", { key: '17a7a5b50ea65e1e3ec2adddb45ef63de9791028', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '525265c0dc72164e47bb2b0192ef80ae6ef7bbc4' }))))), h("swirl-popover", { key: '596bd59374a973815971a8ff7b44386f636ab2a7', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'b98e191d2ea967e28839ef457b69116e2a936f2d' }, h("div", { key: '29d4875d94b363fe38b258c653fe7daa34d75225', class: "pdf-reader__meta" }, h("div", { key: 'ad205b729f16ba4439d28e8404e12e1739081784', class: "pdf-reader__file-icon" }, h("svg", { key: '529f41129ff9db740614a0b60a3b5ff4dd71369e', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'b57aa3c42d84f3916347b8e5d740d0384a189c92', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '295785b3ca732bdd7ef6c58d6c44a3217b037fcd', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'e928b035043e03130c64e97fde3ade1379979cc2', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'aa5676e3ebf1e2a77c126403501bf5e04b892d61', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '6f9d1ac69c1997f6d281b87ec4a49841144d716a', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'b4774f1354ea5198d3a5f48a28f87b7af378f268', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '7496eea399bab8fcd736886f66199ca300564136', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'a23ff7a5603fcf5f599ceaeee815b9b53f62ffc5', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '164be77229493c2f17570ce0f3e6fcba9c0e5af5', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'd225354eb8321f8ce28cfb56417251346b209c7d', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'a2a8a53ea0db76f5cc5a9665fe57df072d603351', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'e9b7f29f6c1a279198306abadbcb17a088a32906' }), h("swirl-action-list", { key: '184e2f7bae81836ae05bdfb964573a1dd272c36f', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '7de3ec6506c39e16ccb35888d1f6b6c9c2d5e3ae', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '979aa8d650014f1b71045d6adf3cc2ad07e77cb6', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '101b56bb9a17e754866767610f178813c2db46de', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: 'baf1b664b7966ef07411fa92207abfed8b466e1c', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'fa16e93ac77cd1c800227a6706a2b0bfde5fae28', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'cac6b459d2f424348bc737bc6efbe3dfc3f15e40', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '9f22c2f191ea77ffd2a9c9ddb9c521d5b6360f0d' })), h("button", { key: 'c3c1bf865ee86007b6806b965ddfeb875bc3893a', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '7d88c0725e991fbc8951a5c9c3d2863d8f5ab679' }))))), h("swirl-popover", { key: '1e9c2732f6b208f7143fbe78b6ea99652373b47c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '9fd356755e76115ac89f97c4a929183eadd325f0' }, h("div", { key: 'efda7662f54e9cbd0f9cdc56c0dde04d89ace796', class: "pdf-reader__meta" }, h("div", { key: '88a33932c2fc2075dacfe9b6c824a4746b45c224', class: "pdf-reader__file-icon" }, h("svg", { key: '913544df7dbc97da4eef47a4fe0c1e8064934b3d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '1fa0b0d843b909c616f23d291f00fa4f8e089ecb', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'c3a612adf57e7800d2461bcf9243b623806327f5', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'd59e131de4dfff7a981a468a31245fc757c02544', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '6f4d8c47e0a13955050de7c54a1081392dbe1b82', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '48cd4136c99fe57c08996470bc75614643300ff0', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '408f2d9be89e1d79ce0f29bfb1be6a432aeea11f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'f938659112f6e9fc86556e7571ce865f6d06ad9d', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '387377193f9ae487182e4b22d03e2052a6ed9c10', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '7c8e3a0935be4192a87d6cbd146fbe6646f77a4a', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'a3213ad51f4e330e265ab2eb38a825717af4a687', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '9f50fe4b4de372e801ceb4c02f8c3299ebbb6f44', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '560ad0e0e1df5a4807b32ec5d2b4e98fe5f64c46' }), h("swirl-action-list", { key: '8ade0c1800a31901a0c0030e54a03863d26b912d', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '8514d3e65061a3a50c2200756b1724da07c8692f', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '73e5b021562fa7244ec1408398d44ae575a0c289', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '88784c7eeb059e0f5374dd28c21be9ec97a038fd', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '39a090c22adc5081d628f9d097fb537293a53d50', name: "menu-items" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -164,7 +164,7 @@ const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverT
         return isActive;
     }
     render() {
-        return (h(Host, { key: '83a4bacada4e5c75637fdc62259f60873f179156', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '9bb28a5079b4b838deca51e7837d764dc5a01e33' })));
+        return (h(Host, { key: 'f24c307c0c793b723219d70536814ad68cb894a1', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '82f8797bcca392f456ed38085bb057fda4561e28' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover2.js CHANGED Viewed

@@ -267,14 +267,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '8815084e5150553bddfe790dd9cd19afdb3238a3' }, h("div", { key: 'fd5a988c7ac204f8bf33db790f356dd1cdb86e25', class: className, onKeyDown: this.onKeydown }, h("div", { key: '0928395880d54dbd994cac4da3b964b0a0dc0282', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: 'df476e6322d8d9d846f63c77d2150f058ff510f4' }, h("div", { key: '9be59d3e4afcdc085d6c6da4c6cf73117352ae15', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'da116f880c0744a9b626e772a79a8833deaf92b7', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '64dbc3388e5d822c9efea2b6ed1fae8ef907bbe1', class: "popover__handle" }), h("div", { key: 'd0127fc8a3048dd1a1ec3ba044ff67688970bee1', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: 'fcbd5a764f47a2fe387893203c5fe5f7d3e5d158', class: "popover__handle" }), h("div", { key: 'dc8acca5962062f9c48ae39181046c8c2c769771', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'b74e14329dfcc483464bc1ce60e287f88ee51869' }))), this.active && (h("div", { key: 'a07997d220fb4de75e57444d71c98b64823322b5', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'c3941c4f0600dafcafdc9cf4328f2eb6319cbe79' }))), this.active && (h("div", { key: '7f94b4404281c6ac68551584e6e1f273d99810df', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return SwirlPopoverStyle0; }

package/dist/components/swirl-progress-indicator2.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '8c6955246ae9a88b7c7bcb33a067d2b1ebdef1f8', class: this.variant }, this.variant === "bar" && (h("progress", { key: '7a072fe9b755e35c42dd645a8f777326e744a007', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '0d881a4f258e9193ac110ae1c80f96b27df6160c', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'ef86cc8fb10443529cd585242e64ec0fdcd538b2', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'ea75b70dc757a94a7ada3caf8ed3785b6d4be9bd', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '472041dc17bae2a183e763d557b96bf3625f9916', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: 'ec67df0261c2d7085b5993de26b9e8f8ef30aee5', class: this.variant }, this.variant === "bar" && (h("progress", { key: '22cbde6694554a5fadec799363a7ee3ea9c783a8', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '60e257b78d70f3bd56b3a45178c6d97e84ba5dcc', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'ddf18412e0bcc8acf6703471f812d19f9f65d7dc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '14dd6d446c100b80ac0ea3ca13f0f0f265222019', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '8ccaa481b7637c0e7f3c57b9a9eecb495ede602c', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get style() { return SwirlProgressIndicatorStyle0; }
 }, [1, "swirl-progress-indicator", {

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

@@ -44,7 +44,7 @@ const SwirlRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadioGroup
         }
     }
     render() {
-        return (h(Host, { key: 'bd580b31648172d9b8744b9a38cc25ca453b9c48', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '8436065fb6f409976e4e68829c342ff9c8ad5253', class: "radio-group" }, h("slot", { key: '984f1f76974e3a9b5598ffa78a882de99e9df927' }))));
+        return (h(Host, { key: '4d62efbff3589261ebe21f9819ccbff59b5d7d44', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'fb0b457aec9c6004b5110ad66d6d88be6dd63140', class: "radio-group" }, h("slot", { key: '9596bc61932d368521ed3ae511e05689013b4e1f' }))));
     }
     get el() { return this; }
     static get style() { return SwirlRadioGroupStyle0; }

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

@@ -47,7 +47,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '6efc9d5599062eba8f046750f7276f23fac35f41', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'bab1fc4a4a7602738553bec88091053aefe88587', class: className, htmlFor: this.inputId }, h("span", { key: '26ea9f2cb06698db0f606f8d2088ec6c7e708c44', class: "radio__control" }, h("swirl-visually-hidden", { key: 'e53c3fa32f99de9a49cb60c4c52e33e76f84bd4d' }, h("input", { key: 'fd32b9cddbcbcede98f247351a838da4ae2cba01', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'ac876d053ffc6b201bf3f3c4d12199ccdf004ac0', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'e9fdee243e74d9dec7631ffa0eb77c440606e175', class: "radio__label-container" }, this.label && (h("span", { key: 'c93e86322f3dae7dfca2bfb3a70a97e1bd137f7b', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'e380816b290122c249586753a3aa03ae8f7acfe3', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '72310cfd22ae32e53b6fa1a67042509587f04d30', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '76acb5052633bdc98749f5671da49a15be5112f1', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '4511fc8bead880f2a7466f8329220752d17d0325', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '555b8c019f96022c8b9ad454862e4c6532004448', class: className, htmlFor: this.inputId }, h("span", { key: '18f02be569b58bd87648e70c03bea4118017b156', class: "radio__control" }, h("swirl-visually-hidden", { key: 'db1e1c34d76b0f537bc7f405a1e0e978319c8478' }, h("input", { key: '5f4aadfc527b06daf0a4a658c96c11fda7692a8d', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'f73f6e2708d5b0453b54a5650e9a23c75e25e19d', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'e4f5f4eee6ce7fd06362067983dd522f98739fcb', class: "radio__label-container" }, this.label && (h("span", { key: '99b22ffb4d9b5b7e43ef0bbae23317e4cf3c91f9', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'b22e0419ab77eaa2d2bff4302998e927eacfcfd3', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'f7bd26220e164febd139175c17585f36c7d937a3', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'ec75b1f0cf9e6aed549e25295534881b39b40cee', class: "radio__description", innerHTML: this.description }))))));
     }
     static get style() { return SwirlRadioStyle0; }
 }, [2, "swirl-radio", {

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

@@ -49,7 +49,7 @@ const SwirlResourceListFileItem$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
         const className = classNames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '631f886e56eb41182e38ad028d2a1b3cf0c56d38', role: "row" }, h("div", { key: '4a9ad81de22873c19108478286824a17d26c0b1d', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '1182e6715a8599a322c44144b6ceef30d478b7d4', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'd553f453aa3d98a3ee056b1f06b920c660925e4a', class: "resource-list-file-item__label-container" }, h("span", { key: '50e93d29d267d0e87dfc330d2a9eff2d8732ee0f', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'f238bcd057de021a270596d19a34742d8ac064c3', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'd22be99fb1d66ad9a1db9d4226b7b0f2bafd57a2', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'f74555ac25e58b64e2a139956d8d922363d3276f', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '3a247bfc20a7e166d7943b52a09515c4b9c5b9b8', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '76337c4348857a995a3a9e21f44a2c39f8af3777', size: "s" }))), showRemoveButton && (h("span", { key: '95bf53ca6f012341c614d65f7dc6913fb171b6ec', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'd75f525f6febfbc06ec103ef43f171a663d77c6c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '9bb3ef70133735654524bd510124cae8d4321e42', role: "row" }, h("div", { key: '1179c9aa1979500876810e64b5ad0c61e3329c32', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '081c7068de1c9c55e678dbf0e9ad6ce0ee52b762', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '9341f71ea91a3d080d68e2bb8dbd15755e79f91a', class: "resource-list-file-item__label-container" }, h("span", { key: 'c31d9cef43167e5b531cb108cca285ac59ecb3d8', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '1616529961268c9dad657383d9cd6c3b4bda89d4', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '7ce7536ce5fe7c39e63140d1059a22db2b8cbb10', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'd96eb7bcf6931a5d62c1fee20010cfcd7f3a29b8', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '199eb340ff5efb7736eb6f2e198987aa1cd74ce8', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '0f622305a27a9d14cb54bf1adbfa62fa98a1d284', size: "s" }))), showRemoveButton && (h("span", { key: 'e306ce21915b56159170c3ebb7870a5dbc6888c6', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '49da8673e828b30d115ecc6bf13ea018295ed992', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get style() { return SwirlResourceListFileItemStyle0; }
 }, [2, "swirl-resource-list-file-item", {

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

@@ -161,7 +161,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: 'fc15e85b085941445aa3a2a7d71ccdd0ea6af19c', role: "row" }, h("div", { key: 'a0553e63ce1299e5a62057ca9f1990ec9671ed77', class: className, role: "gridcell" }, h(Tag, { key: '9f4014a9ccd2a7ac4bcd68e01bdd1768422d609e', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'b02811e97da3b6a5dc9f787272b8227c6207c687', class: "resource-list-item__media" }, h("slot", { key: 'f4d86546da5d2cfca9c228fef25d991ac260948d', name: "media" }))), h("span", { key: '2355aca510e6951620e1ea34da2eef27d2a207a4', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'fb39dda628c00db225bf1ee452bf0a166db1de8d', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'a916f5124b9c8ff2e6b601280a3175f1349e939f', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '73258750157de4e94d14e4956782c8cf83555db0', class: "resource-list-item__meta" }, h("span", { key: 'c29f3b509061f2e40dcebf71a8f13897c6092fa2', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'f7ed8f082b3ef7804650ce8c86adc5911cabfe7c', class: "resource-list-item__badges" }, h("slot", { key: '9dfeb082eec0328d2e08027a6c723b280dbc1a19', name: "badges" }))))), this.selectable && (h("span", { key: 'e857a822d88fd2d01559bc8c35eaf96cdd77488e', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'c98486bf0496467b27e7c6633b00105846cb84a3', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'b5b256bc8bde87f39a620510f7b547daab125ac0' }))))), h("span", { key: 'b029706236061019e32aa417dfcdc33811a9b559', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '68ff8e77665fedf97a235ae23533ee362ad48163', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '961689dbb84882471844552db3b6253123ded392', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '2cd065fc916c630ce66ccc75ceac6b71f745ee0d', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'aea77ee92742ffe9059496a8e67949e4c92f5f2d', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '3c6a964e10d9bf676fac8ad3d75ea366088c0d83', size: this.iconSize })))));
+        return (h(Host, { key: '157d4fc9cba405bb31a8cb05407427afbefebb51', role: "row" }, h("div", { key: '55163da3bb7467cb2e55b22649c857ebba8cf3bb', class: className, role: "gridcell" }, h(Tag, { key: 'f72a323c58fd8dd2a02ecfa773f438e25e20aa19', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'e0daee03791106cb35b354f83ca66f1b434f8dc7', class: "resource-list-item__media" }, h("slot", { key: '8b2812557c5778cc77e1e224dbfc58a8365202c4', name: "media" }))), h("span", { key: 'debf86b9b7b5df6e944cb9e62bf61626ca469f21', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'dffbea7a465e5c0bf7fd6c5410e83daddfb3acea', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'fb12e69166e4981e643a7c10709138a349fed78d', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'b086cca27c69ed8d7410b274fa5132e5a0ff2fa5', class: "resource-list-item__meta" }, h("span", { key: '5adda4d904035658783411cb568b20560ad670fc', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'acd7b96926d0922728990a4867bbf1dae4785249', class: "resource-list-item__badges" }, h("slot", { key: 'b1d5013e66c771f77112044663d664456e01d833', name: "badges" }))))), this.selectable && (h("span", { key: 'a35df9328d978ded4b10b7c72fd33642ab9994c4', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '89a4ffe0830737606c4899d8b1d80ca586aaf351', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'f3df832b9f0beca06f9bd1e1e9628de20ae96f0a' }))))), h("span", { key: '01fa67e1edbe005dc754dd4a4d008dc0246c2b85', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '6716e77c8ad2654684c306f33102be7c52f25eea', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '2c56ac7fbf140c1a917e2dac77fb127b391a2d5d', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '0d0803fedb6400d80b31500faffb2f0a24cbabb2', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'b266295b821e8610e977d00123bb0e38d20d034f', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '0a42e8696eee548149f46812ae0bc567613bf512', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlResourceListItemStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlR
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'e835e7f215acf03133965fbedbb1789fee1235f0' }, this.hasSeparator && (h("swirl-separator", { key: '819b2206277f72b3b086247aae2e2df384b23bd2', spacing: this.separatorSpacing })), h("div", { key: '35622fdf495a7d02fccbf92fec2b3603159f8ae3', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '92a095a1bd01eead7bc1d2fb38a138216dce3eda', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'f8665882c0d0fdc54ad28ffc9b555fa4786f30b2', spacing: this.spacing }, h("slot", { key: 'b609d76bd0c932e5b254cb5dafc16b3f1105bfe9' })))));
+        return (h(Host, { key: '66b19a0b67bb9852159a48a9e9519d98870e1e28' }, this.hasSeparator && (h("swirl-separator", { key: '09bf9a3261d4cde9ff52ef570622e5feaab226c4', spacing: this.separatorSpacing })), h("div", { key: 'e8746e32c6fbd741337d322c37aa1a49450d365c', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'e4d14f26aae32356c5f575e183ec1823c3a3364c', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'dfc0d9f52168a67d5439755b774c66cb6ca9bff3', spacing: this.spacing }, h("slot", { key: '600f8565505f85c946a72e205deef8b894f72c28' })))));
     }
     static get style() { return SwirlResourceListSectionStyle0; }
 }, [1, "swirl-resource-list-section", {

package/dist/components/swirl-resource-list2.js CHANGED Viewed

@@ -259,7 +259,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         });
     }
     render() {
-        return (h(Host, { key: 'b829d882a0389d7795d3055286a28c98609a61a8', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '7b0b44f4292f766a90f2e8c5aed9239a58797e98', role: "alert" }, this.assistiveText), h("swirl-box", { key: '92e9416067806de8ef2604dd6b370dc62fa69a6c', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'd7fcfeeec899efce5cf7f3854abd10c86dce1f11', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '0b659d70063658be470c269bc72a3c2c0d8d3455' })))));
+        return (h(Host, { key: '07a472a8a7bcb02703c483c0ad755d9d787acb5c', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'f14c34e2922d82431f0de15aea599d9c61d0a195', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'f58048586f6f46a678db400bf3e3ed9af21b38b0', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'ead6286f509dc5874e3492624a79f0c9ec1a6879', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'fdf20fb257cfc1df4e8c307a4368acfa13bc06ad' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -76,7 +76,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
         const className = classNames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: 'b2a1b27ac38ccaab9b50d1cba5aa6ceb3d07d9db' }, h("span", { key: '2e540d3c802d39a537d9575582c6412a4af8b9aa', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '64d56d99ab41498290814af40fffc9422f000dc8', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'b6155da022b7b61f1ef5ba5727cf7fc2e95e6023', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '959bbebc425879fb3d2adc656d2e222fec9d8222', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'd50b9b93d8e15880c69b11aa294a412fc1d6b25e' }))))));
+        return (h(Host, { key: '54dcbfc6288862ac0a989b5415a03b2e2392e5f2' }, h("span", { key: '790a7475e943bce186a43c65ea98ce279cc3c0a1', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'aabb9e62c43b638f316cec7cfc9ebd1fdbff174b', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '9a47eed049fbd48af61bc6f4d5f3a8c071ee6325', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '1eccdc18fb5794a2cfd2327124ad71265e758e05', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '6f34a0be9acda42257bf2fd5659c00a9b0b3dc57' }))))));
     }
     static get style() { return SwirlSearchStyle0; }
 }, [2, "swirl-search", {

package/dist/components/swirl-select.js CHANGED Viewed

@@ -146,11 +146,11 @@ const SwirlSelect$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSelect extends
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: 'aedcf9c362f19ca64bc2f4bb23aec8fe8532b030', onKeyDown: this.onKeyDown }, h("div", { key: 'b01e7b11678583b0084ae211220242d002e415e7', class: className }, h("swirl-popover-trigger", { key: 'aca3152d11be2b9756393382b00376a7db779711', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'bb3d7aaa3a6238ff60d76d6671ab7f627939e0d1', class: "select__value-container" }, this.standalone && (h("span", { key: 'e1bc94257005f9b717ef773306bf862b9b6eaf76', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '3fac57b6944f0077abe89691619a743b2560da6f', "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 }))), h("span", { key: '6012fc7e42b3a82981ec7fda91ca2d7a14212870', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: 'f4d1a32e6f1a373a6597c3994697c1e41231e80d', onKeyDown: this.onKeyDown }, h("div", { key: 'b569382d1c19ca5006541d12ec66220d985f02bc', class: className }, h("swirl-popover-trigger", { key: '58af3ccf7e08d5c89ce941b7a6feb99cd399491d', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'ae0fa89c7fa0a1a9f33be2f4b65bae75bec7fee2', class: "select__value-container" }, this.standalone && (h("span", { key: '5925fdb57028f69b37ec11ce49d9417445670426', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'e22d665fa1b455683d9b029ec1d8d0c3606c0c87', "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 }))), h("span", { key: '0f41a50d84757fe69c9ff6f18af3602facad4386', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (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 })))), h("span", { key: '18cdd9abfc7c0e48fdfefbb2766ec49d4bbaead5', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'afe893e92c70a2d72d67398647c9873be283744a', 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 && (h("div", { key: '1bdce5c98d81fbc00be1b32bd016bc14c8eacd4d', class: "select__search" }, h("swirl-icon-search", { key: 'ab8e389301c6746c46a81fbaa1bb92502c796b7f', class: "select__search-icon", size: 20 }), h("input", { key: '8a7495ed0a8c016d796078159851533ec8c18d2d', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'f34c66558825d9656b168511f8ff8a43707a3d65', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '6fbd6ea72f36ec6891464db48a7997b7e04107be', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '7aa9ff3aa9ce0c40c9f47bc0751f03a5d9345818', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '016c64cf33b985fa869efe48a0edf251998e10e5', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'a3629e1d2418b16c17da38fd8c94cf3425e6a8b0', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: 'bec388f4617fc7e76ecf3257fefbe606e35222b7', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'a86dc806e0f318351a82cf2873f336b09ed2b1be', 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 && (h("div", { key: 'b8a402b67be647f16cc67fc2bbc267f88fc9985a', class: "select__search" }, h("swirl-icon-search", { key: '6bc2304573c12ef7c2564afa811925a5e35543f2', class: "select__search-icon", size: 20 }), h("input", { key: 'd8031cb8385895c3338f75b85440d81a6521fe1c', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '102850e362aadd1424136a4d417b6d9fa0606cd7', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '0f914332c497c4a578cc45f16fed8626dcc50d5c', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '17818d47966d414150ddee87b65d964f86924cac', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '6543eaaebfda3ea643897a2f0aebb5792440d986', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '954c68c83c8280dce551f50273c3c4565ba706e9', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return this; }
     static get style() { return SwirlSelectStyle0; }

package/dist/components/swirl-separator2.js CHANGED Viewed

@@ -35,7 +35,7 @@ const SwirlSeparator = /*@__PURE__*/ proxyCustomElement(class SwirlSeparator ext
                 paddingLeft: `var(--s-space-${this.spacing})`,
             };
         const className = classNames("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`);
-        return (h(Host, { key: '411165ab4a5569b2531cb3098ace52e867ffd92f', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: 'aa09d1a03a0362dfb125032515743890c08b43ca', class: "separator__line" }), this.label && (h(Fragment, { key: '1d22226f3a1e29ac0685eb98da2216ce9d3f2250' }, h("span", { key: 'dc44ed2dbaa77794312be0972086803d11c5b1e0', class: "separator__label" }, this.label), h("span", { key: 'da31e85a607c255cafa931cbc42fd4c610e5d2fe', class: "separator__line" })))));
+        return (h(Host, { key: 'c05d1d332582c5198e5f63e1ae53373f70d8fdac', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: 'b8b4c682b382df9418f52d74fbdf26d4a110699b', class: "separator__line" }), this.label && (h(Fragment, { key: '6697d4bfeb553631eadd666b46dc56e23409c713' }, h("span", { key: '6902b5d08130def36212dae141122f09090f52e6', class: "separator__label" }, this.label), h("span", { key: 'eeb5d993a3d44d3f42a8f9456b3931f5db2107ce', class: "separator__line" })))));
     }
     static get style() { return SwirlSeparatorStyle0; }
 }, [1, "swirl-separator", {