npm - @getflip/swirl-components - Versions diffs - 0.377.0 → 0.378.0 - Mend

@getflip/swirl-components 0.377.0 → 0.378.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 (1862) hide show

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

@@ -323,7 +323,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLightbox ext
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'bb7142a9d284cc8318f050439414dd4daca15f5a' }, h("section", { key: '996df0e34760b15d5c418b91c69e53b040c6c6c6', "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: '2a053a0bb27471e11fc13daf5e7e4262f0a72a74', class: "lightbox__body", role: "document" }, h("header", { key: '57ca2f1920d4aca7821ee21ad0f4314702e18393', class: "lightbox__header" }, h("button", { key: 'd8733b467f3b1efb356dbc19a921c41451f18451', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'e9631ac40260711ceecf2be8a17a18b063011c6a' })), h("div", { key: 'a45a4a58512e81f28dfaf90ca138d928d47b1d98', class: "lightbox__toolbar" }, h("slot", { key: '84b51fc188322df6ede3054884ec540e283a90c7', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'c781c8fbe30e8a6e3f5ac937085002d2a64dcfd8', swirlPopover: this.menu }, h("button", { key: '2162f1aff1a2efc2554d53880e3099c8a667ea1c', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'b113ddf1ce9bcb8f8dafdb148cf3a7ba64fb2437' }))))), h("div", { key: '174b7500c6e2e83474213277f3af8bed3bfa00ac', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '689e8a4b5b0b209d90048dcc3b4cf274a8b4b626', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '6d4b5e4a7649a1245ad02811533ed8afe875c2bc', onSlotchange: this.registerSlides }))), h("div", { key: '29339aef41862572ae3f9214eb63457ce68dfd28', class: "lightbox__controls" }, h("button", { key: '46ead4fb686c9d11df2f70b4dc2c7b0f287e047b', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '1e15461e321fb843ed77ca713f4fe312436ed472' })), h("button", { key: '3415fd698bbc61422cc7de5afa499b839339b3b4', "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: 'a68297f5a994ce23e283b8d19997e03469ec15ad' }))), showPagination && (h("span", { key: 'a7279476a7c8afd8dfdf5f3418a24785f64a4539', class: "lightbox__pagination" }, h("span", { key: 'c51859b92f51f1d538facd74d387ab8a4ce1ac2d', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '9abb1c4850f0ec85cd8bb50e591d0456872adfc1', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'f495ed40f2ab8748f36c2533241bf9ceff832f59' }, h("div", { key: '628e98aa65f339c475e091a1f030bd3d359a9e8d', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '103b198cbf0b263ac81b2b04334b54cf758561d5', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '7ed9db6994c86c69927c6eeab6d365cf64bdfcab', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'e47de8f995e0aaf6b053f9b5058b2b2d7dbb6004', class: "lightbox__file-info" }, h("swirl-text", { key: '9ade4baeda066ea76b68a8e23c0e3635cbcd163d', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'cdf832bc53b827a317de113601bd913c40c778ea', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'e0918866a890108f6d76a6f4b5a17a0ffba94fdc' }), h("swirl-action-list", { key: '74b3c2b1e1ac50b70f161a9b0e831e2ced03ac67' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c5b57b960d3f4896d938949cbbd5e805a7e217e8', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'eb08de5fe92d47b056cfdb994752057ecb382be0', name: "menu-items" }))))))));
+        return (h(Host, { key: 'ef7cbd047bac3b62cbe456739dfae225d8cd1ebb' }, h("section", { key: '0b4afe464da9265b4194bb84bba9b6d8c448098a', "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: 'ecd048b4faf20813533758b2715968034f8a9db9', class: "lightbox__body", role: "document" }, h("header", { key: '2f8353ffd549af1e10c805fe275e774b37765458', class: "lightbox__header" }, h("button", { key: '5ce3b219b1ba9262e9401779d8f04ba8ea0fc142', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'e1cb9b066b52bc783c1a8f0d2f9e2970f0e97bf6' })), h("div", { key: '31256a598b10c19da8bf1cbcad9833af7c7bcc56', class: "lightbox__toolbar" }, h("slot", { key: 'ad83d374d525eecf8fe5ca8660efa84cce08627f', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '5b77ce1398a13995711e7b28172e06efc6a2a0a6', swirlPopover: this.menu }, h("button", { key: 'a68c4b8cc54e55ae66963c194694c74b4a2805dd', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'f6dd02f0a167a7402ec7376796dc456761eee0ea' }))))), h("div", { key: 'bcee1e42640015d0e61eca98575cd04d8db31c9c', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '24f4a799a7e6741760d058537cd151a847133755', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'ef904861260bac6237ff60038e16a7b21d1b9e97', onSlotchange: this.registerSlides }))), h("div", { key: '7c9a493998e7f8599721fbbb17d1a9ccd4ae0a52', class: "lightbox__controls" }, h("button", { key: '656d337ef4e3eb6e769986b7bb5e30e33fb07f89', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '7c8cd8e3fdb8b65fcf0038ec5e3f7b2138e9f143' })), h("button", { key: '46dc45a573b6149da44eb6cae3d33815ff20387d', "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: '9f269109dbf618bc7ff12659421f92817283e899' }))), showPagination && (h("span", { key: 'c5b1b8aecd9e85dec1f550fe23b8c49bbf0a25d5', class: "lightbox__pagination" }, h("span", { key: '782ddc05a9dd831dd3f37103e468e2b27ee1fe96', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '23e003effb0ba1eb188975848799790e72a3488e', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '01a5fb48b943dcc5a1a61065b2dc8aa51aff08b4' }, h("div", { key: 'ccf3eda1d3ec4bf960bb23381f39008602a315d9', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '670f49f30b7d18b8206ded66d03a7bf56d77c25b', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '3375186fbb76b4632dddfdc084bd153363fc6a0f', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'dd3a475b70000242f7bd5d61c67c8cddefcf412d', class: "lightbox__file-info" }, h("swirl-text", { key: 'ec46e19e664f58f7db4219122d10242430e4d05e', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '5ac54930081a8de2a8b585890490eccea6a0aa3c', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'b39268cdb64e0928b44c5c2033d5e3c240aad8f4' }), h("swirl-action-list", { key: 'c7d2fe73dccf2a7f23dda4d3bdff4d21bd0aa6ee' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c01cbfa680c74214085a90f72ad6a942a52a5363', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'd50b99132f45df1e7a9addb3089eb8fcaf42d732', name: "menu-items" }))))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -12,7 +12,7 @@ const SwirlLink$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLink extends HTM
     }
     render() {
         const className = classNames("link", `link--color-${this.color}`);
-        return (h(Host, { key: 'e9f3357525bb976f93b594ba41f54556f95aed68' }, h("a", { key: '0d78230d5c4d2036747e5c9746ff304d5d1a39f6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f' }, h("a", { key: 'f5b666c7d7e22871d44b1f30d67dd6bcb1933acf', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get style() { return swirlLinkCss; }
 }, [1, "swirl-link", {

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

@@ -14,7 +14,7 @@ const SwirlList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlList extends HTM
         }
     }
     render() {
-        return (h(Host, { key: 'e2a1c769d953b7c05649cf0c4ec08d35f9e5a391' }, h("div", { key: '79f51063c5f8c158029e2f9dad91379e75dad18a', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'd1de10712feb66d5a601bce3370d38f57d2e18c9' }))));
+        return (h(Host, { key: 'b120b78b1a35e868b38b343459afaffd2df3f010' }, h("div", { key: '04d5c6e71848d87cc3e4132b16f149552b1cebe1', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'aa621b6621ef749e379d288552cfedba1e98a1c5' }))));
     }
     static get style() { return swirlListCss; }
 }, [4, "swirl-list"]);

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

@@ -114,9 +114,9 @@ const SwirlMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenuItem ext
         const className = classNames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'be28f7a4e100d72da761d10b372726fd8ec53016' }, h("div", { key: 'e7e94527be08ed397b2f81955456b7ab333d5d25', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '92418fe464f2c36c86aa1958efb44423adb6dbe1' }, h("div", { key: '2f05aff7b6e83f2db0b734718147199ab5bb4895', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '0d6613063c9497f0c544b644086b97becdd63337', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'b3547eacb31576295dff2f7699df1b691327ef45', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -295,7 +295,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'b75fb943f91cc899f162c0b63f8082d179843769' }, h("div", { key: 'b31150e343ddb6a6dd646e68d7ecc3b74f68db10', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '48ceb1ee35d7062d5db05504a27bd76c717f07f1', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'fb64243cc608184d034e8fbdc7dfb32c8dff98ef', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'c344b6b747ec9abd2a2f6646fd8ed3e24bb21109', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '0309c5898a83283037bc1b3eda6ee93fd2f16a2d', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '2857abaadd4af6c70d58fe7c85d0af0543908493', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'f2ba19bfd22201241db9a0ef9f641497c2b1a4e2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'f15159747fe2ace5d4d643aaa32c36592c4dda56', "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: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "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` : "",
@@ -306,7 +306,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '8ce8f58560c9bf747293249f9e9fecd7f56bc27f' })))));
+                    : undefined }, h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -238,29 +238,29 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: 'b8d138b1ad7e273791814f5f9abd8a4a073636fb' }, h("section", { key: '0f63acbb187ff9d46dbff9da73144931e7ad33bd', "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: 'bfb8b3f9745e9cdd99fa7ce688dce57f01258706', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3a8014ffc0972052d9bd2fa1462c4447e09fdea3', class: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'ab3d68ed1317ef24870c75f4e45c258ae0c91132' }, h("section", { key: '6934a2c65dfdb0f76c604459a742aa90f4e0e8b4', "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: 'd9611005609c9dc827fd0a939bb4dc72054ceeda', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3af2244b95426bbdf33e3e296ec2559dbae49304', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: 'f4fc452be1ab849dd5f5af6cc22b9605603d18d4', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '863e9f2aa8b7392afc7a8d20f451c35a4757b5c1', class: classNames("modal__sidebar-header", {
+                : {} }, h("aside", { key: '445dabf28b922add6e2645a7bb596a37e3cc46da', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '27c216acec48646897c3852ce0973b230393ad1e', class: classNames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ec003d97f67b728c91efb729f03bcfec00604bc9', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '55619573e3665d119f5930f795dbeb1e7b144415', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6ff1a840c83cd9aeb34c55e9767f8e6736c197d8', name: "sidebar-content" })), h("div", { key: 'da90299494ae5252611f30e64ddf08db5b01ef68', class: "modal__sidebar-footer" }, h("slot", { key: '817a965706aef995da46009b0a76d4c7afd2567d', name: "sidebar-footer" }))), h("div", { key: '4e967937d11b2dfc8552da0b308f2a3446a87e2d', class: "modal__main-content" }, h("header", { key: 'be7b866f8d7bd844e0cc2284e804e278fa62c62b', class: "modal__custom-header" }, h("slot", { key: '26022718ce0fb8817ca1914db3f4c21bbe6a262e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'b8796448ff81d69ba74b7465c2bad02df39c0ba3', class: "modal__header" }, h("div", { key: '07b7a25aa64aec3222f4c9130d64be79222a2c97', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7c9e22203d8ce17fa30fcf8df5ec28dd0367a065', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '300be5e9adfb0d6c3c579a6f5124edec51eb791f', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '23f2bc7055f5a62262a56d0a4c489d614adc1951', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '8b3cffa44b64dfec5eb1008caff7589c9cb7299b', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '77fb98cc3ce7d46d15d12045a441ed08ff926dfb', name: "sidebar-content" })), h("div", { key: '1e45e7319dcf4c97c96266fc5e68d7892e815c44', class: "modal__sidebar-footer" }, h("slot", { key: 'dafc533c3bdbab792bd27c0d646c49cb9b72168a', name: "sidebar-footer" }))), h("div", { key: '963da8fb14325477073f875d326a4dfe58c43279', class: "modal__main-content" }, h("header", { key: '87513cc54a98fb0201bee06fab6a523633178851', class: "modal__custom-header" }, h("slot", { key: 'c06a692b57cc1d37e1d88d31717bed3dc11ce559', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '89c9a74f6df7cc7e08d7905168ed4da4df1cd3fe', class: "modal__header" }, h("div", { key: 'b630b015986769ae8f5d246bcdd23036cec6dac3', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'c8fff89367d47d74db2b16c52c36dc33df9bf9a0', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '028f409536d401093fd71e6fbf123b504a54b2c1', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '97063a903a5cb65f08fb2dc26d5b7514d32204d4', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ed614d4b5331946c67d18f729052c0661ea3a8bb', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '0cebbb9377307b03900bf8f623af2bbd0767ae5f', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'e6b3eb2ed868cddd50b2fd28d974c4532e9e9d94', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '1ee97b36e0df6358c18ea02008ca4ee084017115', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'd4fa0c843953c0d217c1feb1939d43e0aad8b68b', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '7341038d7ff292544afa94d225b117cea82d95bf', class: "modal__header-tools" }, h("slot", { key: 'ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1', name: "header-tools" })), h("div", { key: '441577d1d7a0fe02736dca8e1027b52114b7312e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6b3bcaaca92d5238f72f374d925c0b2b37f33763' }))), h("div", { key: '4ec04527481b4166525537d1c9c513f7216c5fbf', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'a2b4503677412ae7140e83a0c6025ac8be23b055', class: "modal__header-tools" }, h("slot", { key: '7a69b31437119706f320b6295849d34f252023af', name: "header-tools" })), h("div", { key: 'f923f379a7d7cfc0fb69991085b1272c0983597e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '81682c3a8cd9f7d7dd865a77e286b2694cda5315' }))), h("div", { key: '9fced09c6e5ac1473f5be815f8039886fcea21b2', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -278,7 +278,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '09caff111a5c6696984582a40b3d98423cf9b0dd', name: "secondary-content" }))), h("div", { key: '255f12ffb46f68fc0452d6e8f0585ee017f485e9', class: "modal__custom-footer" }, h("slot", { key: '0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186', name: "custom-footer" })), showControls && (h("footer", { key: '97e723de4d48fa5883223a5665c419842412ab09', class: "modal__controls" }, h("swirl-button-group", { key: 'ce6a1115e391d17314d33cf8ef5795c7f64164d3', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'dca61b968580d1025a8e7fb08f7483fe20f3f232', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '6074c4f3eacd7b0091bf2ae9022fdc10a9333a50', name: "secondary-content" }))), h("div", { key: 'd930b8ff7ef35ee5e88dff9c6e90e7e9154205e9', class: "modal__custom-footer" }, h("slot", { key: '4119568e0b302bb69d6b9554bb8f9a4747c50922', name: "custom-footer" })), showControls && (h("footer", { key: '6ed03e66ef65ed82558fc2abb695b807508dc6be', class: "modal__controls" }, h("swirl-button-group", { key: 'c243569bc0e0cc9817972a5bbf4a18276658e57c', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '100aa26888135c829169edfbaa6e210764d943d5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'b197198cf7fe5fdd68f22cc709aa441144b971f7', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return this; }
     static get style() { return swirlModalCss; }

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

@@ -67,9 +67,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'cb0a26f23613bf21ee88a290a00dc327a0c85ada' }, h("div", { key: '9b1eb4e08c1d0004bce09578ce0905eb197ac907', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'f8c00ccd0edb0d188d0f65e621a3b3bd0f85ecf4' }, h("div", { key: 'b2cee25c44a70638fe775d0ae34386aa1bdf57c2', "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: '073d9b17a9c748016f928217a6bf4ea39ce48fe2', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'fb32a363286fee7a306e8962c5dc095907621ace', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '18f0ff0915f85a6121515161576e421b50f03fb4', class: "option-list-item__checkbox" }, h("span", { key: '64713379726da9413536fe3cb18c3e00677c7d4b', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'add2a2890262d78d62ac9e8cb007999334dc37bd', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: 'd648e60de087f0836aa4732a0632ddba411872fe', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'd2708ea06f8e89f8ff05df9f70a50761bb631e1c', class: "option-list-item__avatar" }, h("slot", { key: '80abff4b366ca84e2f69efb9700f78c234c759c6', name: "avatar" })), h("span", { key: '275d204467223cf209f22d530becc7c94fbcf6cc', class: "option-list-item__label-container" }, h("span", { key: '78ffc616b55023dcb952c20a20261c62c6c49251', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '137f59e2a8d671ade5442193a7146e2fed089194', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'fbdae273b61760022d301c1c99a035e0921f1c57', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '555cb52b918d15174bf64ca652873dc468f08a13', size: this.iconSize })))), this.allowDrag && (h("button", { key: '0e0803eb74185cea9467b97f53c542170fb2fb80', "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: 'c5022a378d6f0d5d523468a1bcffcba33ddd20cd', 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: 'fc899506beea9dcb1898b196a21e557aa45b1b43', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '52d35bd66d1b51121720dd338ca9db2c494789d2', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'cab616b7087d2d16b4009495e871d48de58e11ea', class: "option-list-item__checkbox" }, h("span", { key: '3dea1f0a44b4d46467ecbd8369c2b6aaed3123cc', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '9b678ac705e7320d73748713068cfee00c3f47eb', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '76be874ba26f15a52f46d850861de625a5a7dec0', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'cff0e637854a7ebf4b21ee72646099d770f737c4', class: "option-list-item__avatar" }, h("slot", { key: 'aa0246a84d995d205ca6dccadace99a1225cc5cf', name: "avatar" })), h("span", { key: '6d909506dce28d3265ef93e0ee8050664eeb7e42', class: "option-list-item__label-container" }, h("span", { key: '68470d33d2055d239e86fd07469fa59e19333965', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '412f387f6e43974077d9b6b78b3c57fa5734f7b7', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e7d77c2368b9e4d44da76612233dd627dbf91007', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '1488cac89c93b82ea6160de2181e34eff34f561b', size: this.iconSize })))), this.allowDrag && (h("button", { key: '97bb0b22816c33b08a34a4c879cfbb6c1115239e', "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: 'fb047094366a625ef1ba88b69bcde10411e1023a', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return swirlOptionListItemCss; }

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

@@ -14,7 +14,7 @@ const SwirlOptionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlOpt
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '493693ae78952e7e0dab2e57c092bff22cbd1ae9' }, this.hasSeparator && (h("swirl-separator", { key: '50de2cc6115a332a49c4a72c658df02f9ba6a1e5', spacing: this.separatorSpacing })), h("div", { key: 'b4341aade20c924de6161274bd8383f3cfd4bb26', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '86e6767844e7195edaedc84a66f68be4b1891e6b', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '3a4423446f700e9103128682c2bb8c63c62f24e1', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'd85c25efab36436b4101a2425a84383cf426d5d3' })))));
+        return (h(Host, { key: 'a2bd8ab9bb252152056ec74a79bd48232337ffd1' }, this.hasSeparator && (h("swirl-separator", { key: '111249ec87f6ff0d19ec92033a4fd60ce9794e61', spacing: this.separatorSpacing })), h("div", { key: '53e5d1ffd0c229ea7c52827d9188af5b9e2d3a81', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '871bb982f79e57d24f4d6105f4ee153c6b9b0fff', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'd7600e3e25663db7c74b4f073f1e1117cb98b84c', spacing: this.spacing, align: "stretch" }, h("slot", { key: '060fe6e45a03426b493cd98fff5f52207a99abf3' })))));
     }
     static get style() { return swirlOptionListSectionCss; }
 }, [1, "swirl-option-list-section", {

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

@@ -432,7 +432,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: '8c044408d10a0e2785415b32a8645a3be37ff73e' }, h("swirl-visually-hidden", { key: '69acdd6763254468c862475e5c1c00eafdc93d32', role: "alert" }, this.assistiveText), h("div", { key: '649379a34dead4233483ad292498f7a988308e02', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '3a96ae35674e2429f62ac8fcf0ffc46165041af3', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '93cb99805109c6a16baf5b949af672b90b850f9f', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '8f003735c4c5347724373773834fb0cf1111dba9' }, h("swirl-visually-hidden", { key: 'f0274d5671f707a6130791dc6537d9044387c877', role: "alert" }, this.assistiveText), h("div", { key: '1e99aa245849dcc45e27e5ba2dd33f25954dc164', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: 'f4c317311dbc15bd1109ede4dec5bb2c63dc7c76', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '657775578ac2cb72820fedae1a39281cb02d4466', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -90,7 +90,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: '5978254ac1068ac5d9bb80acdbaa1d2d269fe259' }, h("nav", { key: 'ddee3c4e0bfa79039db7a177730a03345217ca06', "aria-label": this.label, class: className }, h("ul", { key: 'de432ce32d9381ac1a377798f386d3e154207cee', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'dfef29a58b81121911cd39fe137e95ff096f0d7a', class: "pagination__list-item" }, h("label", { key: 'ebaf0677e82400be67a27d49e1eb329d8f2dd864', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2c4e1f89edb6f96b97cf95f239fc50cae1014901', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a578e88a8daef0b4d4248a7d2ddab56b8e706633', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'dc82dcd8582694ea2b849e3216e44790f0f755d5', 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: '4422749d60a84f23170ebfb1ec25156a9af1a581', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8aa9a178991e2ad41d96599ef357ec4ed6f0aae7', class: "pagination__list-item" }, h("swirl-button", { key: '6d25223a8059b941b4c28ee6b0234abfbce72716', 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: '6fe4250cd3b3ec4115b921b47688897375d6197b', class: "pagination__list-item" }, h("swirl-button", { key: '5b334333689e838715a4349b147acc2717df28ba', 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: 'f55b7c393a7f545718bd227bbb08aa0dcf77034d', class: "pagination__list-item" }, h("swirl-button", { key: '172a349725254224da6d746314cdf697e515851f', 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: 'c4cfd270b79e299af2c8e659ffa33c4523ee5681', class: "pagination__list-item" }, h("swirl-button", { key: '1178ab1fe0d0204d57c0eff231cac3d489fbc940', 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: '75d9096135533702dbfc54211e7f6d824b49b056' }, h("nav", { key: '6ed3439b88dc08654d9d505eb514703e15f30d6b', "aria-label": this.label, class: className }, h("ul", { key: 'e12a16e7d5d2fc9d5a9bb26a0b239a2364345862', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '4b9d8557eb9beb7bcc3f0c2ab61aca4b8d1f9f1e', class: "pagination__list-item" }, h("label", { key: 'c6e9cbbbbe0c44d0666200df39bd49d12ca62ca6', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'fc20a423a590d4a627637229a8d8d6e6745ea83e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f7afb973c2570b8202ab75f6315ccd95f0f502ed', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '02b4a439d5de9fb2e3a2edf5e690bbe0359416c4', 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: '922a6025d045d5f4ea7b286b44ada281ebd647df', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '6845611f8081c54f31ab65dc286a9abd79e187b2', class: "pagination__list-item" }, h("swirl-button", { key: 'e2faa13bbdbd1066e7d5e6019d61465f25491243', 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: '1603b2208c9b8b2b92d85815d7e0ff84cabc08cb', class: "pagination__list-item" }, h("swirl-button", { key: '13f3c35e8c47918e6c0efd420aa3ce1820783f84', 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: '7bc72b6da7144b8f822ff04ea2a8f0ef89d3202d', class: "pagination__list-item" }, h("swirl-button", { key: '7f2b20c2b9282a55223aaabda2202822bbbec5b4', 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: 'd503b9a0f1dfa111d02f05e16f65b3c85559e20f', class: "pagination__list-item" }, h("swirl-button", { key: '4cb99870221d41f1d310af7264fdcefd9513aded', 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 swirlPaginationCss; }
 }, [1, "swirl-pagination", {

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

@@ -210,15 +210,15 @@ const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader e
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'ceac491f1f25430c437eae9341c29639d8563b89' }, h("section", { key: '86d1252a6b84bc40b02e8e9836006bcb2061ecc0', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '127cc10693aeacd8439cca0e2a5831e49c7fccb6', class: "pdf-reader__body", role: "document" }, h("header", { key: 'be82c422261f3ea5ad069316f0993f256d899dde', class: "pdf-reader__header" }, h("span", { key: '4005cc1a873395b64022434c9d8564f253289ce2', class: "pdf-reader__header-left" }, h("swirl-button", { key: '0deeb6e46fb6c9e40a18e4b2c637da1c73f23fef', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '1ad12bb04e0388827fc1eca0bb6a43ad6996b5fe', class: "pdf-reader__label" }, this.label)), h("span", { key: '358e06449a0a39b68b1c01a184f8f544d2f3467e', class: "pdf-reader__header-center" }, h("span", { key: 'd52f8e98134062f3c09e7782a678e96420675182', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '78bc41166b1923d5dbb043fd1012fe4d3ada7e2e', 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: 'f5c8843a8e4cf290339e2503fc702681d6425dcf', 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: 'd72eebafb8ba088ed26ea1548ce67bd91234f4fb', class: "pdf-reader__zoom-select-container" }, h("select", { key: '04c5922de0b43055e8dd03179ef190617f3fda66', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '7a37df0b7524292ea37f84b3ab3326a3fc0e626b', 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: '6f696d1e943e8fa5b1275346dcdccbf48ba45dfc', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'a6f453308580eabd21496b928136dbc7eb08d344', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'fe646a84a2ca8464f19e1dcddfd6a3c3fc386d3c', swirlPopover: this.menu }, h("swirl-button", { key: '795e9534ede15e56ea58d5209a40f7938690b0c7', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '8d504263c609bff0464fb7d239a732751abc5d8b', class: "pdf-reader__floating-tools" }, h("button", { key: 'e4a0c234da523f1bed482fd78688a633734b1fad', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '1213c8e08b86312f32a802ba6131b7239052023a' })), h("button", { key: 'c088d34ad4c77d066607d813326de7d8c89a90d4', "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: '56d920e89e1abef8dedb8ee868ae2fabb7d13108' })))), h("div", { key: 'cc83a8ec24d4dd1c874ecf6c947ec208735aa1c9', class: "pdf-reader__content" }, h("nav", { key: '9aaa0abc0c116f145a10eb1b370ccdc321214fd5', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '520a615d6c3214eaca641423cdbad5d68881f609' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'ccae4cde4e937529537e5cdefaebb18379c67d52' }, h("section", { key: '254a8668984cbbe7305b39b45b23fd58e5540722', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'ce06c589fd73713366452ffe0b8c8a129463e613', class: "pdf-reader__body", role: "document" }, h("header", { key: '99181fece7fc83bb77983f14d6fbb355dcadc669', class: "pdf-reader__header" }, h("span", { key: '83d73aa922585f9c9688f1e15d5e43c9d68f9fc9', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'e19d07cd20dcb155bed916bbf624819aadaaa54b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'e01e73e355b911b5617825bc9d9b7038ed99a082', class: "pdf-reader__label" }, this.label)), h("span", { key: 'bda7eae87774dbf613e5a8fa2c72827acccee8fa', class: "pdf-reader__header-center" }, h("span", { key: 'be370461d38a25bd7ce21920a0fcc444995a4610', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '2aad15310bd7d8b59113ff3b4f45df9f5c993926', 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: '2191361d6117f57cc200e5737138612ceeff9751', 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: '4f3e2db75ad2dc37c3569b4760338287b6e5b0a6', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'd071c22996ce256ca96ae6e0ec2812ee69796b21', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'cee73238756718bb2356ef1c969f96080451c622', 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: '671285dd22c2fd6264c8f000646f8a01af692112', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'ac6329e1622381e673efd6b4ad652c91c2dea43e', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'a4d8155e9ef7c3f1187724bc57a9a2c570657aec', swirlPopover: this.menu }, h("swirl-button", { key: '2c8dae91737ead426ced1b028292267f7a9fca9d', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'aac1c4b7941f2a973b95ddb6d0e80828c6d3cd21', class: "pdf-reader__floating-tools" }, h("button", { key: '53d0e65b4ae4156c48c1e5cbaa0ec32d55641454', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'c2bfcb9f639d28fd172a89a6579eadc45388bd8c' })), h("button", { key: '41784ac92d029eede862b6a92e68918914e39175', "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: '9003c127d670133049002f3d8f767c2825353b0d' })))), h("div", { key: '99254ef394f2ce48e2d7d3028a2ce4b42c30db97', class: "pdf-reader__content" }, h("nav", { key: '70401a5a94318c41975d878d6fc68823f961a1f1', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'c796549ce82f94169905168372e185437eb350a3' }), !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: 'd1ce1e01d5afed1d010cf108076e031641a657bd', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '948d13b4ea8337d63f2ea427d3d5557ecf1f3de1', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'dba7cabf6ee7ed2f081cb77a496c1872b3db8aef', "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: 'b5fd0a383f69030b8061c96085bf0330312b9f35', "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: '363c7533f7b82a2e7142762ae3139174a0c07fe8' })), h("button", { key: '3f95b205c0a62e947c148b469b93311f32b86703', "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: '379d8c19b81cd3e80ffb5488cced5abf765d6f53' }))))), h("swirl-popover", { key: '4df25c36d2c52d75148f89dbee4adb70e9db39e6', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '97416085808d0837cc05634e0f8a3bc2f062c767' }, h("div", { key: '673087ba12aedae836d0270bd711f9ad5246f772', class: "pdf-reader__meta" }, h("div", { key: '102716574ddde349b061ff477702ff61194c9889', class: "pdf-reader__file-icon" }, h("svg", { key: '6f26910b47debf492c777c5e3364a2395b7f647b', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '32cb8dbc763ec57ca6a48b2402dce7d029288618', 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: 'e27d09ddd6406806dc256c87edc65233bfb79be5', 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: '98aeb722702c0bb9786151c87402e763773bd125', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '7c12eb159b4d11478334b646dba5599023840d96', 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: '76c97d6628f660f93621d639a42e335272329f74', 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: 'c6609e98d391389a4136d3fbd2bec8c259ba897d', 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: 'ec59748ed6eac81fda47d16990e0d83d80b00741', 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: '393bd8e5c8213e3e27b8a5f39e7fc4d8c461a8ff', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'dabbf37fbcc8de34fee47cd987b04c126c0a9d1d', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'd7c75f0434761c2b71c3e7e450dde861656b6fb3', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '869eab4a830a82bf8be6c727f894e15ed6e16c9c', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '4fcd3b6506f4dffeca774750af8858ac086f3cf0' }), h("swirl-action-list", { key: '5b5619238e99b9b2e607b49ccc56fa4bb1089228', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'd5ab15951e3c79582ec502cd0391cacea29def54', 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: '19c196835d749e6c2c93f926027b14a22f9fbb3f', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '76cc558f2314cd56e7c8dac62ea809a18e03768c', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'e4edcd47c2ff85b460caaff2d288b6df1d873854', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '1c393b70c8bd41f23866e81c7416d54656511e7b', "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: '4639297228a63d81bbdf48f29876080a915aa638', "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: '8e253b2ff5ba4faa07c0c65b30056e3300656e76' })), h("button", { key: 'ff72d7a27785b5707fb197c2905f9cd7a3c82638', "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: 'a5ccadee62345017e1703de4b96db8cff6653d24' }))))), h("swirl-popover", { key: '2bbed215e53309166047a8172c5f9b523837b61a', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'ddb35c2bf887a7db38cbe7e4409d3d3ffa3d690e' }, h("div", { key: 'f77febd0f5178e7b2e37182a12684eae3d9bdcb1', class: "pdf-reader__meta" }, h("div", { key: 'a29846ab01a317cba3c5d8daee8bf6430d723127', class: "pdf-reader__file-icon" }, h("svg", { key: '7186b0e869acc0c1d7583cabe00e5d7f269f4460', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '8b246554fd7a82599918b44d82a2e6d219d2554f', 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: '8b1325b4c3f9c23fd2c6e44e1a0296020382d786', 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: 'ed64e4427ac1f9c7007f59f5fdab2994a591f60e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'd46ef748c1014ccf8457ba5e3522168f0fd5ed89', 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: 'a9859e4c7934dee31e586ebce41df4a86fe41bc9', 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: '062890725898df41e0eeee539214c9e073decb73', 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: '9c7fbb9f7e3806cce3942bb0477375695304a9d9', 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: '4db6d44ae0776f9c106cf3b7ec96792ddac19723', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '3da450ad5b2f5a3e94fd57e9fb0094118d2f12b0', class: "pdf-reader__file-info" }, h("swirl-text", { key: '3e428fc229ef20a647920decfda92d8da7f11830', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '992361d4082a8c9679245d1d0b260f9f22bdabb6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'f8a873fe1f122472e18e676b73c7b365bdf1c7dd' }), h("swirl-action-list", { key: 'd52742f369816590dbde5ca6308302ff94ec1d2e', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '2ce943bcf759ee79a9b8fe233a17d05fe2961ff0', 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: 'a151c94c994f1c17b835ff87005944e5076c71b2', 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: '8a8af10d391de210b0a246e665ba848c4dbdc73e', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'f7d333ec4fb6db54e657f23e2f73bbb13cc565b7', name: "menu-items" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -158,7 +158,7 @@ const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverT
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'fd661f74ea1bc9384d46d8761819022a25cfc583', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'aca6974d766e2afba79ce99b64f57b8c8a02b072' })));
+        return (h(Host, { key: '8abd1fef07b0538799d96ebb8c7c913042370e9e', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '15ca0cf2f865fbe4ca7c1f4ef38b3dec3c75ac92' })));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -268,14 +268,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'dd0c724e26c4dd93884e09d6758e1f3fb49539fd', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '00631b4d7d7b5bd53321ff9f6e7418e05e9c1db2', class: className, onKeyDown: this.onKeydown }, h("div", { key: '448a6e0e07733d3ed02222f1790adce3a47518bf', "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: '455e31122faf8e5766c7c3f505ea50f4837e5d2f', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: 'b9e370e001eadee537375c65c006da022e926f8f', class: className, onKeyDown: this.onKeydown }, h("div", { key: '5bf0a111ae45a0b78cb5b1fd182f6e6cae4ef918', "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: '1902a6592f0ac4ec42453a7927d25806f4c5f4a0', class: "popover__handle" }), h("div", { key: '90c219453a10953061e3c16771586003fd1b7e4a', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '2f4351d341b6b052136d50955c113dc8749da370', class: "popover__handle" }), h("div", { key: '9076bbc0a9b87ead06ff6782553fe338a5fabf8e', 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: '0732e04a93fff46e674eb4e7ee544465385f5106' }))), this.active && (h("div", { key: 'c37c42d3d5addf1c71afa261a66ceeb905e4a5d0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'f0311a5c9c70f7c7012d24dcd54a12155bf4c9c0' }))), this.active && (h("div", { key: '03b8839d5ef459920dde306baeeb71e3932b1c84', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return swirlPopoverCss; }

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

@@ -18,7 +18,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: '5c972cf283381694c5f826b3d4376a9d1320eda9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'a509c26d292f6fb90d4fad353a99463e2897b6c6', "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: '80640e6a7c4c2e9e252f132733d4f266f3d98c9f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '290294d92cb1d850acff483e08466484cbf49c5e', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '17f5e4479d82e40db01892a4c0ac9f1464db1943', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '5f5495d0a913602bc07f30f1730c10400babda5e', 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: 'd76050eb18303a381648fcc81e0d697384a4a8be', class: this.variant }, this.variant === "bar" && (h("progress", { key: '1dafebe862bbb05b8c1114bd86d5f02d6fdacbff', "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: 'd6d2fe1fb8172e0a6421680c281a2c12db288818', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'ad431537d9e9ec4c3ba97f5f36cd202afba690cc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '0b0eee62eefde5c43e5b9ba040a8cd62f1515262', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '406fb2f982f14f7f3d447c4fb19c08c1a8aedb53', 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 swirlProgressIndicatorCss; }
 }, [1, "swirl-progress-indicator", {

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

@@ -41,7 +41,7 @@ const SwirlRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadioGroup
         }
     }
     render() {
-        return (h(Host, { key: 'af29c81fedab811f3e3abfadf35f4203dceaaa28', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'ec3dfa0595cb74eceb6ecfb7a455a02be865ea05', class: "radio-group" }, h("slot", { key: 'e02ff45f770ca97d557af130c49f87743cfbc40a' }))));
+        return (h(Host, { key: '7feef864eaa6ae327014841ba84d8667762872e9', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'a0dbcefd3059fe59bd50b066230d44ef0e8d31e5', class: "radio-group" }, h("slot", { key: 'b8060c41ae144b925d4bcc247c437419037db4ca' }))));
     }
     get el() { return this; }
     static get style() { return swirlRadioGroupCss; }

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

@@ -39,7 +39,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'b0000ea7edf5e98a787870acc4f1e01abfb9d899', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '2cc565289e6997e4a2158c3ea152a75320dfa478', class: className, htmlFor: this.inputId }, h("span", { key: '1b268a5e971aa8e14eb3624dce8e4d44cd953c28', class: "radio__control" }, h("swirl-visually-hidden", { key: '8b9c46ff098f52847bc1943a45adc857fe3949da' }, h("input", { key: 'b0126814241ee92d86eaf922e3e84045a180d77c', "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: 'd2a9ed9f66168706455d59fab4294820e4d5b519', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '1db782a2bd111cda28259a0fb4a391c1894552e8', class: "radio__label-container" }, this.label && (h("span", { key: '8730140f044782988c99ecd7d56878277d290f01', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '84bd3facc2187d840570eacaeae932702471807f', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '8279905d88e91a16fdb5ed45efcaff77984581b1', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b752613cc50e424ec663b28ce903816ba1ca2f84', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '86182d620dee4e0e47db4968e88f8f0cae8d0868', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '16e54bcaef3b8167996ba6122bfe2d8a6eae06c7', class: className, htmlFor: this.inputId }, h("span", { key: '64a0ca1e3e2d3e7ebace9fc86d452968b19bda03', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f74d2bc407cb611a44d23abe55472d605a30b897' }, h("input", { key: 'e3a2692e01bb4de45922171295ad6fa693a59874', "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: 'fadca0e725c39f99a3ede3aebf8fead3aedb52da', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '58b41ca22ac6afd7fb6974741bd4a16b875d8fe8', class: "radio__label-container" }, this.label && (h("span", { key: '9a4fb8ab685bdfcdaadd390017744fd5d6c1b1c2', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'f64e9d4749746971c56d46339aed2dd66113499a', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '75ec51689903e4d337672fccb6a529f5be8350ca', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '22c0edac96ff31475033dbb56dee80a95a0843b5', class: "radio__description", innerHTML: this.description }))))));
     }
     static get style() { return swirlRadioCss; }
 }, [2, "swirl-radio", {

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

@@ -43,7 +43,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: '6a78e491a65e795f4921e03991a801506e088de7', role: hostRole }, h("div", { key: '6683d29ea98a1737a8c2373770a0679543ade30e', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '424d8656df85d6686306dca1410836937c1fcce4', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '6776beff9aee3622e15e1a414a06b5b3ca37481d', class: "resource-list-file-item__label-container" }, h("span", { key: '78e45efb7e51e28b6839d0abc98a3eaeb5a35f13', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'a04396d90d2ca10230183c8758d8a0dedf647638', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'dc659d64cdec240f447637296b7c4ab7bcff738c', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '1dc5a2f4d12535ee460d88739297884ca3951786', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '0b0a205396f6a3d8a5990436b665c16538f0a854', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '7423585e9fce366719ba3db9ce82f8f28b940800', size: "s" }))), showRemoveButton && (h("span", { key: 'bd8e3a82f580ef753d77194f1864926c78def390', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'c6aaec643cf77968d297720bdaf0dbb1c9fed1d2', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'ee9df214e8a26e23f7270bbcfbb70cd8eef247b0', role: hostRole }, h("div", { key: '7c6caab4badd5e53e92086b217cc21c44e658712', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '011c3a7d4631e32efcf16e2239a9e04055196d21', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '0074a05c26c516af68912b3aa36c8d18f140b6da', class: "resource-list-file-item__label-container" }, h("span", { key: 'cca81c1317deca2d4cfad3f8b5750e0602ff89e2', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '192374a9699a87d069aa85141e132c35eb73ee8c', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'aaf3bcdca7b768137fa5e6a9dbe6c09c13f54259', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '31db2642c8c6c75facc98fa70437745adf2060cc', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'e34e396cf4aa87a47be4309da0649bfb9a8b4222', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'cf6515982135a28b38fe720a00cdb60f4fedf629', size: "s" }))), showRemoveButton && (h("span", { key: 'd3dea267f07d3a35122ac03cc962d9f0cff36379', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '2dfe60d7b8eab235981136a429b1fa68731785ca', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListFileItemCss; }

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

@@ -7,7 +7,7 @@ import { d as defineCustomElement$2 } from './swirl-icon-drag-handle2.js';
 import { d as defineCustomElement$1 } from './swirl-popover-trigger2.js';
 import { v as v4 } from './v4.js';
-const swirlResourceListItemCss = ".sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n      --swirl-resource-list-item-background-hovered\n    );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);z-index:2}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}";
+const swirlResourceListItemCss = ".sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n      --swirl-resource-list-item-background-hovered\n    );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1;width:auto}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0;width:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n  0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding:var(--s-space-12) var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{align-self:center}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}";
 const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResourceListItem extends HTMLElement {
     constructor() {
@@ -69,6 +69,12 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
     disconnectedCallback() {
         this.mediaQueryUnsubscribe();
     }
+    get hasBadges() {
+        return Boolean(this.el.querySelector("[slot='badges']"));
+    }
+    get showMeta() {
+        return (Boolean(this.meta) || this.hasBadges) && !this.selectable;
+    }
     forceIconProps(smallIcon) {
         const icon = this.iconEl?.children[0];
         icon?.setAttribute("size", smallIcon ? "20" : "24");
@@ -107,13 +113,13 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
                 ? "a"
                 : "button";
         const disabled = this.disabled && !Boolean(this.href);
-        const hasBadges = Boolean(this.el.querySelector("[slot='badges']"));
+        const hasBadges = this.hasBadges;
         const hasControl = this.el.querySelector("[slot='control']");
         const hasMenu = Boolean(this.menuTriggerId) || hasControl;
         const href = this.interactive && Boolean(this.href) ? this.href : undefined;
         const showControlOnFocus = hasControl && (Boolean(this.meta) || hasBadges);
         const showMenu = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable;
-        const showMeta = (Boolean(this.meta) || hasBadges) && !this.selectable;
+        const showMeta = this.showMeta;
         const ariaLabel = Boolean(this.swirlAriaLabel)
             ? this.swirlAriaLabel
             : this.label;
@@ -122,9 +128,6 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
         const hostRole = !!this.el.closest('[role="grid"]') ? "row" : "listitem";
         const containerRole = hostRole === "row" ? "gridcell" : undefined;
         const labelContainerStyles = {
-            paddingRight: !showMeta && Boolean(this.controlContainer)
-                ? `calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`
-                : undefined,
             minHeight: this.labelMinHeight ?? undefined,
         };
         const className = classNames("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
@@ -143,7 +146,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: 'b8481eecc40a6dd070c42494a31f6debaff66522', role: hostRole }, h("div", { key: '9dfc3c29180e7f0b78846e1e97c8a1ecaba1131f', class: className, role: containerRole }, h(Tag, { key: '6838cbd70ff00ac55051ce52473439856cfb13cb', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, 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: '5662254d796a536bcf48f55f86071fa5a120a50d', class: "resource-list-item__media" }, h("slot", { key: '324351e57461e4123823bbf9a8e484b495d0c09e', name: "media" }))), h("span", { key: '53faafd305477c19782c9f9839dd0fc792980dff', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '43d0540125d94f39a69f71466c4637d5cda94df5', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '3286e25c32c367565b0e5f7f419c6eb41b87352e', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '4aff751fea343bca5616bc28bfd55cc5ff057d80', class: "resource-list-item__meta" }, h("span", { key: '2a96bdd8d54cbc0858aae4bc6d31110efab09e5c', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '20b8a63e1f8f8f8f31b518c30577416e6a9d4ba1', class: "resource-list-item__badges" }, h("slot", { key: '1852d9de88bed5cafb0bfee67f1e0db5468d96e6', name: "badges" }))))), this.selectable && (h("span", { key: 'fd2f3cab9fde4745209e347e7d83ec77109ae68a', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'f013b3e5c2f6054878e4664a7db851cd8ac3f80d', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '86b41a9c78e41d772fc7b55c8667056d73bc68a8' }))))), h("span", { key: 'dc07a0402d57fd9678f1aa141ae1f621fc1a3841', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'f9d82e70ca35fe5bfca3eaa108769a21faf94c46', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'eabf05103a4594a63aaf80eba1dab2bbb60538b3', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '16bca6dd134ceaa877bf6a681457145630b37c44', "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: 'dbe58a92d77e6bcefeec84b06e862900c62db205', "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: '27815b58e2e8edbf2eeb2f80cb238a30029123f4', size: this.iconSize })))));
+        return (h(Host, { key: '11933ae24d2585cbb10e5887710f2cc68a3b715f', role: hostRole }, h("div", { key: 'e08d5727bec2020af85f7fa908392e918fff2dd7', class: className, role: containerRole }, h(Tag, { key: '54bb31cdb3052852e1e3f0761cd85b5a36384e7e', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, 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: '3bd4c30212fec4c7dfb40af5d8b031ba0598cdbc', class: "resource-list-item__media" }, h("slot", { key: 'bea58e83e1559bfa2eb41283a6276c9b4d912df3', name: "media" }))), h("span", { key: '93ca3144cf21b345c2a968f00e52f7be08312b41', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '8f7d8b3e0889e1cde597768d35e9c98f83c398e6', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '560c3dbfdfbbc1761538ccdf17e6298f2b84ebbf', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '3a2caabd9fdc97f2457c6f6ba7d1f5294c7def3c', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '8f5bfdfa5d2d43cf4956e5823bb8a23800cac721', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '0cdafa25237e75f9a89c52ae5a8a479823c4941c', class: "resource-list-item__badges" }, h("slot", { key: '2cf36e069fc037da1bed6db347a63338ae5a6760', name: "badges" })))), h("span", { key: 'b1020faf71bc845573964992fe34df4e662b7dff', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: 'fd1ec18fcd5d514dfc64c6ae35864186abe7ba11', name: "control" }))), this.selectable && (h("span", { key: 'd0edb382c8ac099a17ee3ca5a195e650664c466a', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '17d5c1908a43c59f546b07cebef88f90aaaa1f5b', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '57cc3129428969bc4f503bc7cfa8a170211f5aa8' }))))), showMenu && (h("swirl-popover-trigger", { key: '50a0444e651b8cd4e1ada2ca9740c74a17bd333e', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '388470e5330fdce56b3205b4c203487728da94f4', "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: 'cd45a36bea6a924ce4cb47f43da36f971051a605', "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: '9e02a7f596ce572f911987cecb36cd211c8d7cdf', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListItemCss; }

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlR
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (h(Host, { key: '176e215a691045a2e7089aa5ee53ceae26f9e3ea' }, this.hasSeparator && (h("swirl-separator", { key: '0e3f31ed7d1b1fac1fad8af6c9fa02b98983059b', spacing: this.separatorSpacing })), h("div", { key: '5915962447f5e4506604fc3ad042fd5f116029df', "aria-labelledby": "label", role: role }, h("span", { key: 'bbde196a37418d2133d7aa33c7fcc7bcdd4cdff9', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'e5c8f4d200b6e12f49e2c20314aa8b39a1a3318a', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '7be0c5e393ed59cc4ebb123c0ddaa6219337c0aa' })))));
+        return (h(Host, { key: 'fb4dd4e8ef91ba90367327e3af1249df4fb61690' }, this.hasSeparator && (h("swirl-separator", { key: '6f6bad6ce510efce9754f07fe4a127df3f60c3e2', spacing: this.separatorSpacing })), h("div", { key: '199d8da3bc7ec5cd9cff895ffeaf1b84c3a05f23', "aria-labelledby": "label", role: role }, h("span", { key: 'e4c5ce5e7dcf40a1a67d4b501172340cf288f604', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '735416793c5c8f780b32424baac93cd5015c7461', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'e2f401ac73b62fc2d9c78bd70b172bb53b1dc172' })))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListSectionCss; }