@getflip/swirl-components 0.527.0 → 0.529.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var utils = require('./utils-UfZG-xPD.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var utils = require('./utils-UfZG-xPD.js');
 var bodyScrollLock = require('./body-scroll-lock-DVYwmTS6.js');
@@ -200,15 +200,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: '5aa5196f3f335185bdb5605417a7e41b04ad68aa' }, index.h("dialog", { key: '0578370b08d777993900b265fa9ab989847b5ffe', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'e4386c8fd67b5d73351f601dcd08154261f963af', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '438836741cb30ec92eac15c0e5de926c166fb5ad', class: "pdf-reader__header" }, index.h("span", { key: '9ae41f70b574cfad68fbc25d4db2c8d5e71cee24', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '343acc1e1825254336a2f99568f495159db5c8ab', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '4b9097c25b7b9e413e4f9815bc99120927118b64', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '2daafc6906451560fe466d35820fc12e8f8392b6', class: "pdf-reader__header-center" }, index.h("span", { key: '7907286cd11d6d7136c0b16b15d412a95a04bb80', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '54adec6bec3891bb69d33b6b5b84e1237ba245f8', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: 'da3189f85a17a8adbe9fdaebc137cb36f028a2d4', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '36bf22c0518d9a0d2094456eac485c2c26089662', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'ff4d3bea09e7dc083d37e367f79a551c9a0aa4d4', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'adffbfb686ae63b2fdd8d9393e3f82851e0a4b55', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '0a93b8fd2bc005c325507f8aa9b36e0d9bcf7bcc', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '5830558b720fcb604ca826056008aaeefe981cc5', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'c7a5e39181b1c1cdc3791d5b7bd5b265ed5debf4', swirlPopover: this.menu }, index.h("swirl-button", { key: '035241cb6f6b67334ed7d7de4f7adf42daab4c31', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '38bf0e38f9f5337b7f7fcd61a7296dc84cec2e01', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'add989e8d7efd4287652ac02dcb57bc0c5660b61', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '91c02b6c7bfa518e2406346c23eac3aa11030f58' })), index.h("button", { key: 'fb0ceebdb826defd58e6e2262b229aac9bfd4116', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'fe50b21d04ceb025d8895e4959b02b13f7aadeb6' })))), index.h("div", { key: '918438e5a06db70569e8f9fec40eee510e3aa7d5', class: "pdf-reader__content" }, index.h("nav", { key: '4b3b31a8a7f1dd8fd0a1800005cc80fd80fe78a9', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '5d9eb9c827ee727a2e15c541701a646adc09dcce' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '76f68bc06c481fdc67c26427bd65fa2090a4eec6' }, index.h("dialog", { key: '14fc48191ddf3d77df7e6770ee822bf4865d459c', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '7e39acdd8c4dbe019357402d1a19785676a3ade2', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '7a7f89dbc944b7d143c6ce59e472b42ab2fad817', class: "pdf-reader__header" }, index.h("span", { key: '54fc133817bf2c05b9007cc9990267b71fc13368', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '11867c85a0829116646b54cc29539a2371bad97d', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'c98aca30abb594a351c641d56defa5be7db6c8b2', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'd81929d58826aa857d0722dfab7e71f4d0e7cd44', class: "pdf-reader__header-center" }, index.h("span", { key: 'bcf86bc09178578867a94dea6e6bb71c1140558a', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '0d8a346b98e2fb2412acbb574ededa770273f56d', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '01c86a3d7dc323c38de03f870e8ef1d10a2baa8d', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '38c707a5dfa891232249dc56c356619660ac4626', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'e828ea887eeeef052ec91b7e1a5b81c162af04be', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '682aa3e24b75b5a52e751f6f6f858cb2ad995c08', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: 'dfe8b0d52d2ae8b916f4c04e3ec78f5096712442', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'cd376649110f5433c853e84f8418c96b88373553', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '7f609071277dbab25b4661bdea44fb5b5219bd72', swirlPopover: this.menu }, index.h("swirl-button", { key: '97510c729bfa2584913dc1ed5c74551dc8379ba8', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'f957307a99673505306b691d40b553000baf6d0c', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'b9bc977971e91450a8b95f2152f073feaf8de85b', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '3365f70a86b3293c8c72e7de1f77c496e8e43248' })), index.h("button", { key: '6c574fa0bae0a88ae7e0982c8a25965fdafefe28', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '4e67907ddf0e87cd045abd5684a7b849c39771fa' })))), index.h("div", { key: '298623afd12639d950db22727f704c25ece8485c', class: "pdf-reader__content" }, index.h("nav", { key: '6e699c8a8ad13cc22f8581d893fcfbbbd3080bb7', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '2714cf34ab04f30c0d8d27137caceaa3361d8f89' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: 'ac6c50bac7bb28e4c5e03a664414f517e1493d52', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: 'f9a8373be8a226e6d147082c3dc7bcbdd41b34cc', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'b16e5bb87e3da215e940d0022d71d894aaec87e0', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'a4ebe03ca93f3b6a0598709b4051d30064bea28b', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '4ff045bacd58694b40f8146a183c7491e9068798' })), index.h("button", { key: '4744721680c1b43562984d8ee70e086bce689ae4', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '500b18a0b1fd8b9d1f1409266c31c3f2f626c71d' }))))), index.h("swirl-popover", { key: 'c370247375a25c59bd066bd3af995b09c1dca35c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '68e2f3c73dba729c1a04bac4a9d89e515fbd9d42' }, index.h("div", { key: 'bf0726d5c4bd9cee668d39451ee05d3c424ad40d', class: "pdf-reader__meta" }, index.h("div", { key: 'c4187de51e2ae54dbe01a6061795ae75c301c8ce', class: "pdf-reader__file-icon" }, index.h("svg", { key: '6672423db22de5cd5488515ef06ff318ceb0ef5e', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '2b80dceeeca89795abb9923edf268238e0d62025', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'eb2faa284309f6b0106c9349681c6cefc25d33c4', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'ea1b67e5e4bb0bbaee366825d6cb51ce5645f2fb', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'eba0f24bcaa651a9d5c8f90409d2eacda20f0c6f', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '55f32e9ba7a04ce173a498a55bf577f0b1e146f1', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: 'be26ff753d2b23232ca9066e39dd9d4906da7e0f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '246c05ef4aa7a9f698d1ae5e43933667af24ab24', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '017e6e140506c3a3969d06e6038cf749b5d50da8', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '45f8f1f372f3ecfea77e63078b9687c0fca64015', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'd900cbac8576f36f17225ecbc4278bfa1e49bf6f', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '21deba359133d61bd84aef91f87e147cf14a9377', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '6cbdcc9ab11948034204e7d14177dc1b27a664b0' }), index.h("swirl-action-list", { key: '1afff4e7c0a8d14fb25b8db501a0859e75938a00', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '0030abe27058f2670588ee0bd714c5342ad2d1fd', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '008648f7cb91dd72477e261522585e31212b6538', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '75754b8b7ccac378aa758cfbb5a5689748e41f25', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: '8c5275caf2889a487657c238ca9c58897138ed50', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '83ada59a67fd16201616c57adde79d8ba11c1d3a', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '7c1858b366d49f857a7f84a42bec7190c66b6435', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '1b66d1d81bd5ed0f50ddf151937fd3b45f5e4e73' })), index.h("button", { key: '457ab9c3aab0811ef1eef7096e95317a288ab922', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '8c4bbe8b87726665b37d613584b2ab92e569a85d' }))))), index.h("swirl-popover", { key: 'aeecc6ceeb46cf83ed9b39918f340cc882210c99', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'a8955d9eb44c0c157d7d3af3f1b54f566b4a7dc4' }, index.h("div", { key: '43716df70f2847f11e272cf0d25ca2447cd6b74c', class: "pdf-reader__meta" }, index.h("div", { key: '94b19da75fc1178e1eb193bda000f96d6d5bb5cf', class: "pdf-reader__file-icon" }, index.h("svg", { key: '93bccc30ab67927f1e811a1341e7f313d06a3a35', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '7628ee0ff24ef7d64f178f4b0c1f6d63babd99cc', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'be3ca74e5ef2a9eb99395630ffad219c040ad345', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'a7698dc6b93b993f3105f815450037bfebdf35c6', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'bcd220f7b5b1d27a5406a2fbc2dee9a8b2a0cfe1', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '0cd052ea5935321d9b74f2a5dfab1899f932ecd8', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: 'b635dd41d3bfe20e3c002849725ebd0b3a0dcae4', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '1be9d1f973266a875507aab7129e8e3d0132cb75', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'd201fc37b03bc1c705010cee6d66b1750444809e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'e06a7391b51a7e063d26c24cd17532ed7480103f', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '5704eccdebd4c7c40606c74a1b90152e2b22ef87', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'c7f5d253beb1a863f7a0ad55b727b4ac7f4f74de', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '1ad175a06c422b2b8c8d2f0b6f7c6952c7a45a20' }), index.h("swirl-action-list", { key: '93cf7793515883115f8fa601b96e99492cc2ec7d', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '5c88763f302a3e523615b19735da26f42d5dabb0', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '0c267d48fa8af54f2d494b14da0584875bbe4c61', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'be82533a6eb808e819ade572e76bb41c83515332', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '11afdc5225122ad9d6d89da49b60f37e20ff552d', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var floatingUi_dom = require('./floating-ui.dom-C8bqk2dV.js');
 var bodyScrollLock = require('./body-scroll-lock-DVYwmTS6.js');
 var index$1 = require('./index-DcAhLZUH.js');
@@ -178,7 +178,10 @@ const SwirlPopover = class {
             this.openedVia = undefined;
         }, 150);
         this.unlockBodyScroll();
-        if (this.returnFocusToTrigger && !disableFocus) {
+        const openedWithoutActivation = this.openedVia === "hover" || this.openedVia === "focus";
+        if (this.returnFocusToTrigger &&
+            !disableFocus &&
+            !openedWithoutActivation) {
             this.getNativeTriggerElement()?.focus();
         }
     }
@@ -264,7 +267,7 @@ const SwirlPopover = class {
         if (!Boolean(nativeTriggerEl)) {
             return;
         }
-        if (controlledVia !== "hover") {
+        if (controlledVia !== "hover" && controlledVia !== "focus") {
             nativeTriggerEl.setAttribute("aria-controls", this.el.id);
             nativeTriggerEl.setAttribute("aria-expanded", String(this.active));
         }
@@ -329,18 +332,18 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: 'ab0bf329be2aa18135208b7c780db24211bfd689' }, index.h("div", { key: 'f028e08aea8504f9a38289ceed191d4de5635de1', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: 'e7d9900fe0ac68ac007f25fa2b481c86a6052de1', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: '3b3bb710683441a4f971a25542894ad965254b42' }, index.h("div", { key: 'a142e898bbe09ad766ee5111b1ed6c1b0320cf7e', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '820a28e75d0b508b6d939219734522d92943c0d6', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 opacity: this.active && !this.position && !mobileBottomSheet
                     ? "0"
                     : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, index.h("span", { key: '0bd0634b214a43d96e3ac9236192284517df2dde', class: "popover__handle" }), index.h("div", { key: '2c15e566745089c66e34dbb2d91b410c674dfb4c', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '4ce3efbab020862c26ad9177274c0ed6794374bd', class: "popover__handle" }), index.h("div", { key: '526fc65ea325a29ece87639893af06f37cf71978', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobileBottomSheet && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: '6738a50232fbcd30ff9f6d32ccecdeab84dd6601' }))), this.active && (index.h("div", { key: '235e0b3da6c09ca4de1092bad7cec77e1013e82d', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '6fc74e080d35e318cf520d65520c2d73fb434d75' }))), this.active && (index.h("div", { key: '83df142ba2da01ee5312e82dbbc2b83775d526ed', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -348,15 +351,23 @@ SwirlPopover.style = swirlPopoverCss();
 
 const swirlPopoverTriggerCss = () => `.sc-swirl-popover-trigger-h{display:contents}`;
 
+const swirlPopoverTriggerMethods = [
+    "click",
+    "hover",
+    "focus",
+];
 const SwirlPopoverTrigger = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.hidePopoverWhenInvisible = true;
         this.setAriaAttributes = true;
+        /** @deprecated Please use the "trigger" prop instead, e.g. trigger="click". */
         this.triggerOnClick = true;
+        /** @deprecated Please use the "trigger" prop instead, e.g. trigger="hover focus". */
         this.triggerOnHover = false;
         this.componentLoaded = false;
         this.triggerIsActive = false;
+        this.triggerMethods = [];
         this.popoverMouseEnter = () => {
             this.stopHoverLingerTimer();
         };
@@ -366,49 +377,70 @@ const SwirlPopoverTrigger = class {
             }
         };
         this.onMouseenter = () => {
-            if (!this.triggerOnHover)
+            if (!this.triggerMethods.includes("hover"))
                 return;
             this.stopHoverLingerTimer();
             this.triggerIsActive = true;
             this.hoverDelayReference = setTimeout(() => {
                 this.hoverDelayReference = undefined;
-                if (this.triggerOnHover) {
-                    this.mouseenterHandler();
+                if (this.triggerMethods.includes("hover")) {
+                    this.openPopover("hover", true);
                 }
             }, this.hoverDelay);
         };
-        this.mouseenterHandler = () => {
-            const popoverEl = this.getPopoverEl();
-            const triggerEl = this.getTriggerEl();
-            popoverEl.open(triggerEl, true, "hover");
-            popoverEl.addEventListener("popoverOpen", () => {
-                this.updateTriggerElAriaAttributes(true);
-            }, { once: true });
-            popoverEl.addEventListener("popoverClose", () => {
-                this.updateTriggerElAriaAttributes(false);
-            }, { once: true });
-        };
         this.onMouseleave = () => {
             clearTimeout(this.hoverDelayReference);
             this.mouseleaveHandler();
         };
         this.mouseleaveHandler = () => {
-            if (!this.triggerOnHover)
+            if (!this.triggerMethods.includes("hover"))
                 return;
             this.startHoverLingerTimer();
         };
         this.onClick = () => {
-            if (!this.triggerOnClick)
+            if (!this.triggerMethods.includes("click"))
                 return;
             const popoverEl = this.getPopoverEl();
             const triggerEl = this.getTriggerEl();
+            if (!Boolean(popoverEl)) {
+                return;
+            }
+            this.syncAriaOnNextTransition(popoverEl);
             popoverEl.toggle(triggerEl, "click");
-            popoverEl.addEventListener("popoverOpen", () => {
-                this.updateTriggerElAriaAttributes(true);
-            }, { once: true });
-            popoverEl.addEventListener("popoverClose", () => {
-                this.updateTriggerElAriaAttributes(false);
-            }, { once: true });
+        };
+        this.onFocusin = () => {
+            if (!this.triggerMethods.includes("focus"))
+                return;
+            // Dead-click guard: with "click" active and "hover" not, focusin would
+            // open the popover and the click that follows would immediately toggle
+            // it shut again, making the click appear to do nothing.
+            if (this.triggerMethods.includes("click") &&
+                !this.triggerMethods.includes("hover")) {
+                return;
+            }
+            this.openPopover("focus", true);
+        };
+        this.onFocusout = (event) => {
+            if (!this.triggerMethods.includes("focus"))
+                return;
+            if (this.focusStaysWithin(event.relatedTarget)) {
+                return;
+            }
+            this.closePopover(true);
+        };
+        this.onKeyDown = (event) => {
+            if (event.code !== "Escape")
+                return;
+            if (!this.isPopoverOpen())
+                return;
+            event.stopPropagation();
+            this.closePopover(true);
+        };
+        this.ariaOpenHandler = () => {
+            this.updateTriggerElAriaAttributes(true);
+        };
+        this.ariaCloseHandler = () => {
+            this.updateTriggerElAriaAttributes(false);
         };
         this.updateTriggerElAriaAttributes = (open) => {
             if (!this.setAriaAttributes) {
@@ -420,7 +452,7 @@ const SwirlPopoverTrigger = class {
             }
             const popoverId = this.getPopoverEl()?.id;
             if (triggerEl.tagName.startsWith("SWIRL-")) {
-                if (!this.triggerOnHover) {
+                if (!this.opensWithoutActivation) {
                     triggerEl.setAttribute("swirl-aria-controls", popoverId);
                     triggerEl.setAttribute("swirl-aria-expanded", String(open || "false"));
                 }
@@ -431,7 +463,7 @@ const SwirlPopoverTrigger = class {
                 triggerEl.setAttribute("swirl-aria-haspopup", "dialog");
             }
             else {
-                if (!this.triggerOnHover) {
+                if (!this.opensWithoutActivation) {
                     triggerEl.setAttribute("aria-controls", popoverId);
                     triggerEl.setAttribute("aria-expanded", String(open || "false"));
                 }
@@ -449,6 +481,10 @@ const SwirlPopoverTrigger = class {
             this.setupIntersectionObserver();
         }
     }
+    componentWillLoad() {
+        this.warnAboutDeprecatedProps();
+        this.resolveTriggerMethods();
+    }
     componentDidLoad() {
         this.updateTriggerElAriaAttributes();
         this.setupHoverListeners();
@@ -458,17 +494,57 @@ const SwirlPopoverTrigger = class {
     disconnectedCallback() {
         this.intersectionObserver?.disconnect();
         this.removeHoverListeners();
+        this.removeAriaSyncListeners();
         clearTimeout(this.hoverDelayReference);
         clearTimeout(this.hoverLingerReference);
     }
     watchPopover() {
         this.updateTriggerElAriaAttributes();
     }
-    watchHover() {
-        this.updateTriggerElAriaAttributes();
+    watchTrigger() {
+        this.resolveTriggerMethods();
+        if (this.componentLoaded) {
+            this.updateTriggerElAriaAttributes();
+        }
         clearTimeout(this.hoverDelayReference);
         clearTimeout(this.hoverLingerReference);
     }
+    warnAboutDeprecatedProps() {
+        if (this.triggerOnHover === true) {
+            console.warn('[Swirl] The "triggerOnHover" prop of swirl-popover-trigger is deprecated and will be removed with the next major release. Please use the "trigger" prop instead, e.g. trigger="hover focus".');
+        }
+        if (this.triggerOnClick === false) {
+            console.warn('[Swirl] The "triggerOnClick" prop of swirl-popover-trigger is deprecated and will be removed with the next major release. Please use the "trigger" prop instead, e.g. trigger="hover focus".');
+        }
+        if (Boolean(this.trigger) &&
+            (this.triggerOnHover === true || this.triggerOnClick === false)) {
+            console.warn('[Swirl] swirl-popover-trigger: the "trigger" prop takes precedence over "triggerOnClick"/"triggerOnHover", which are ignored.');
+        }
+    }
+    resolveTriggerMethods() {
+        if (Boolean(this.trigger)) {
+            const rawValues = Array.isArray(this.trigger)
+                ? this.trigger
+                : String(this.trigger).split(/[\s,]+/);
+            const normalized = rawValues
+                .map((value) => String(value).trim().toLowerCase())
+                .filter((value) => value.length > 0);
+            const unsupported = normalized.filter((value) => !swirlPopoverTriggerMethods.includes(value));
+            if (unsupported.length > 0) {
+                console.warn(`[Swirl] Unsupported "trigger" value(s) for swirl-popover-trigger: ${unsupported.join(", ")}. Supported values: ${swirlPopoverTriggerMethods.join(", ")}.`);
+            }
+            this.triggerMethods = normalized.filter((value) => swirlPopoverTriggerMethods.includes(value));
+            return;
+        }
+        const methods = [];
+        if (this.triggerOnClick) {
+            methods.push("click");
+        }
+        if (this.triggerOnHover) {
+            methods.push("hover", "focus");
+        }
+        this.triggerMethods = methods;
+    }
     getPopoverEl() {
         return typeof this.swirlPopover === "string"
             ? document.querySelector(`#${this.swirlPopover}`)
@@ -517,8 +593,10 @@ const SwirlPopoverTrigger = class {
     startHoverLingerTimer() {
         clearTimeout(this.hoverLingerReference);
         this.hoverLingerReference = setTimeout(() => {
-            if (this.triggerIsActive && this.isPopoverOpen()) {
-                this.getPopoverEl().close(true);
+            if (this.triggerIsActive &&
+                this.isPopoverOpen() &&
+                !this.focusStaysWithin(utils.getActiveElement())) {
+                this.closePopover(true);
             }
             this.triggerIsActive = false;
         }, this.hoverLingerDuration);
@@ -526,21 +604,71 @@ const SwirlPopoverTrigger = class {
     stopHoverLingerTimer() {
         clearTimeout(this.hoverLingerReference);
     }
+    focusStaysWithin(node) {
+        if (!Boolean(node)) {
+            return false;
+        }
+        const popoverEl = this.getPopoverEl();
+        return (utils.isDescendantOf(node, this.el) ||
+            (Boolean(popoverEl) && utils.isDescendantOf(node, popoverEl)));
+    }
+    removeAriaSyncListeners() {
+        const popoverEl = this.getPopoverEl();
+        popoverEl?.removeEventListener("popoverOpen", this.ariaOpenHandler);
+        popoverEl?.removeEventListener("popoverClose", this.ariaCloseHandler);
+    }
+    syncAriaOnNextTransition(popoverEl) {
+        this.removeAriaSyncListeners();
+        popoverEl.addEventListener("popoverOpen", this.ariaOpenHandler, {
+            once: true,
+        });
+        popoverEl.addEventListener("popoverClose", this.ariaCloseHandler, {
+            once: true,
+        });
+    }
+    openPopover(via, disableFocus) {
+        const popoverEl = this.getPopoverEl();
+        const triggerEl = this.getTriggerEl();
+        if (!Boolean(popoverEl)) {
+            return;
+        }
+        this.syncAriaOnNextTransition(popoverEl);
+        popoverEl.open(triggerEl, disableFocus, via);
+    }
+    closePopover(disableFocus) {
+        const popoverEl = this.getPopoverEl();
+        if (!Boolean(popoverEl)) {
+            return;
+        }
+        this.syncAriaOnNextTransition(popoverEl);
+        popoverEl.close(disableFocus);
+    }
+    get opensWithoutActivation() {
+        return (this.triggerMethods.includes("hover") ||
+            this.triggerMethods.includes("focus"));
+    }
     isPopoverOpen() {
         const popover = this.getPopoverEl();
-        const isActive = popover?.shadowRoot.firstChild?.classList.contains("popover--active");
-        return isActive;
+        const isActive = popover?.shadowRoot?.firstElementChild?.classList.contains("popover--active");
+        const isClosing = popover?.shadowRoot?.firstElementChild?.classList.contains("popover--closing");
+        return Boolean(isActive) && !isClosing;
     }
     render() {
-        return (index.h(index.Host, { key: '99683794490d41e1acc29622fbe8b08daeb27357', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '89600056e488b91974157ea00003c4860c99d821' })));
+        return (index.h(index.Host, { key: '41d9dbdc7a68af0b94561323006b53c96242622d', onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '4dd8f675b36af944ac83f22e087c3c5f6c572157' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "swirlPopover": [{
                 "watchPopover": 0
             }],
+        "trigger": [{
+                "watchTrigger": 0
+            }],
+        "triggerOnClick": [{
+                "watchTrigger": 0
+            }],
         "triggerOnHover": [{
-                "watchHover": 0
+                "watchTrigger": 0
             }]
     }; }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 
 const swirlRadioGroupCss = () => `.sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}`;
 
@@ -58,7 +58,7 @@ const SwirlRadioGroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '7bfde5d9df9fa2d2ac1ffb2d4c97f59b1efd39cc', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '204c94ee394336016e976cfdd73034b61c40129c', class: "radio-group" }, index.h("slot", { key: 'be3b64707417ed1c4d85379dd0c6cc851589d6b0' }))));
+        return (index.h(index.Host, { key: 'c5111ca547221792d21835a65a0a00f739b93758', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'be0437f0a447f52d88dfb3fa0405867b0ffb74df', class: "radio-group" }, index.h("slot", { key: 'c6ee307c768ae38223dbad1141b43103e2bcd5a6' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlRadioCss = () => `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;align-items:center}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),       0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),       0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-state-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-state-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`;
@@ -37,7 +37,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'a0081ea7131edb61b6d1855656a0365bc5bc8822', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '7cd3b277db993c463963b02e91e4ff2f343537ed', class: className, htmlFor: this.inputId }, index.h("span", { key: '430066d37d04c3c58e9ea6a91e56cf091563af0c', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'c2927d4e60ce2695c38e65d03165d307e36f576d' }, index.h("input", { key: '428fd2626ffb6e14a6b56361bee2b74e8352b860', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '9c024c258671966a51ee6d0d0d6231934deb6747', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '62e63c6b091cb49fe629f94ff3c53e9cb7adfc93', class: "radio__label-container" }, this.label && (index.h("span", { key: 'dc903e01e457e6e989351d1696c1da30a2de93e0', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'cc44412671e701927e55a46942a3aaf1442f9725', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'ba1eac624fc7ff7e4fb382d64234640df67d994e', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '7e571f5a6d6ba5aa56d53ba12ae205265fcf39c4', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '9181653221cedb79869b31485fe601ef029ff8bc', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '800685a86f6f4b1dbd20f20d2218d04a68822878', class: className, htmlFor: this.inputId }, index.h("span", { key: '410ffd0fdc0b061015dd554ab5a56229c979f4dd', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'e41aba02a81284faacd3aeee82b95ae8a28a449e' }, index.h("input", { key: '0f9cffc32cc44fb967098fedeea7f16388fe050a', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '4871dc0ced3a8a5220b95cadf004c4776901745d', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '2c5c0205c7934d38092ee8bb374750dd46906a30', class: "radio__label-container" }, this.label && (index.h("span", { key: 'f17ef8b7670effbbc2baba7cc52eaf595b7d132c', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '68877a4be5e32dc51c3c0115b30890ec65705039', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'b3f6a1ba1d8851b9e229818d7cad7bc28970dbd7', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '37802eb7bf729e22f4af1ef481499bddf37c16c8', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = swirlRadioCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
 require('./utils-UfZG-xPD.js');
@@ -40,7 +40,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: '61a81a686e2c133e412becb3c19f8a85c6d31d81', role: hostRole }, index.h("div", { key: '71cdea112ffd94e461e613b096d410063fa3720f', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: 'bf19bab0ba16ddec08798010a0b3b9a403820724', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '3b8031b1eeeb46378fcd63f062405f62ef052707', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'c498a8a51bcd32d9cdc36dba51818749a7370db8', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '3d84373496321a4a58b736909444473237a60f07', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '3e7b777da0d6de33f8db1e6cc124e5926ddba34d', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '63afc6e7d7c3f4324b0cc253058d81f8169b87ce', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '0109b1267a10b09656eb4e71a66f1c765af7deca', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'ffa702fa0b4021d48a0cc3c80ffe9d384f74e78f', size: "s" }))), showRemoveButton && (index.h("span", { key: 'afa4ec002d9132f03eb8565863711b539bee6f22', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'cd3bd1c6ffeac14fa1085be9385ea3e387e6762d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '57d8d886d1e3b8c58cc33c6109067ceca943575a', role: hostRole }, index.h("div", { key: 'b0506fae441acf58537c6f87b5f2b3685edbd3d6', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: 'e087a525ec625e1e8a78e14a6e7ea1f11ac6ca63', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'ee3eea4d4298c57213823f57a7fbbec179513c69', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'b97dec876b3960365b3c58938b3d77cefa8b1363', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '274707a162d1c9ee6c5e4522af2b01bdd4770534', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'f09998e243ff0816de52bdc0c3d8239e453dd9c7', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'aaeb77c249ea0b3bc5f29c0327384caa83634c5e', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '436b9144713b82d8764381490f6aa4cbdd54fbaa', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '7d33a9c541b70bed0b15d90b548db1e3dff18e87', size: "s" }))), showRemoveButton && (index.h("span", { key: 'f530945cb30404165a853f49504162145a0f8b2b', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '6e4b097b951c92f8a3af15748f11342ba7e250da', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
 require('./utils-UfZG-xPD.js');
@@ -167,7 +167,7 @@ const SwirlResourceListItem = class {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (index.h("span", { key: '94eb6e173dd0e8c07ca049334c550a731ad303e3', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (index.h("span", { key: 'fea7211cf22cb6523f2973cdd0ad40e422c8b5d5', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
                 "-webkit-line-clamp": !!this.labelWrapMaxLines
                     ? String(this.labelWrapMaxLines)
                     : undefined,
@@ -190,8 +190,8 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-label": this.labelWrap,
             "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines,
         });
-        return (index.h(index.Host, { key: '3d452b98f187256196a0d9e3aa21009ff2d0dee7', role: hostRole }, index.h("div", { key: '0a47471f5222795a380a595c50336cb22c1f31cb', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: 'e5fcd45ba424f48c9b866b61b17894d4e235125d', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, rel: isLink ? this.rel : undefined, target: isLink ? this.target : undefined, disabled: disabled, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '1d914b4b0cdc48d2a7868cb099095ecc46db8579', class: "resource-list-item__media" }, index.h("slot", { key: 'dba321608b134a5072d16f6f97f69563144f1fc3', name: "media" }))), index.h("span", { key: 'ccb528000b7298589271a66703066e5278c172ef', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: 'ac725a25fc879533f89f0656fb2f910af5cd5a50', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable &&
-            (hasInteractiveCheckbox ? (index.h("button", { "aria-checked": String(this.checked), "aria-label": `${this.checkboxLabel} "${this.label}"`, class: "resource-list-item__checkbox", disabled: disabled, onClick: this.onCheckboxClick, ref: (el) => (this.checkboxEl = el), role: "checkbox", type: "button" }, index.h("span", { class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", null))))) : (index.h("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", null)))))), showMeta && (index.h("span", { key: '01e471d2bddbb73eab1f662e6d77f6c24346db24', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: '605ecded4280fc4fcc8c8c34465c92ada7f7994a', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: '62a7a5eb61daefd535d185751b47900327bf6e3b', class: "resource-list-item__badges" }, index.h("slot", { key: '75b2eeb4bc67720538c5e210956bbe92503d31d5', name: "badges" })))), index.h("span", { key: 'f614f7fb62d1b0cbc3f8caa0d843cfb41d516b5e', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: 'dcec9e53e1f37a17412b8559599681db06ed8dbf', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '708eef8ebfe0d44f0204cad744f9ecf52b7bfaff', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'b24284ec68b5d21833877c50b8f48cf9d5a28279', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: 'dbceebaa858fc28aef63c2117d14047784db4c85', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'a9d5a80c2e028e47f2563b4beb8867a205f3e1f6', size: this.iconSize })))));
+        return (index.h(index.Host, { key: 'ce9b59a8ca38a15d10673ca82218ff75366568d6', role: hostRole }, index.h("div", { key: '9022a969766c2ac4713a5905c48b86fec35b4ecd', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: '44c333e8f173cc07f2419d728510ce737d669dde', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, rel: isLink ? this.rel : undefined, target: isLink ? this.target : undefined, disabled: disabled, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: 'f8d27a75fdf104f349079b6958fec68657c7f9b2', class: "resource-list-item__media" }, index.h("slot", { key: '3e15606fa983a44f5b8af619b1c9d37401a160c7', name: "media" }))), index.h("span", { key: '6588f49298b4db91cffb0f16f00923a7dd9c5f8c', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: 'c412b89410706c3bd139999fe4496ecb7152bd8f', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable &&
+            (hasInteractiveCheckbox ? (index.h("button", { "aria-checked": String(this.checked), "aria-label": `${this.checkboxLabel} "${this.label}"`, class: "resource-list-item__checkbox", disabled: disabled, onClick: this.onCheckboxClick, ref: (el) => (this.checkboxEl = el), role: "checkbox", type: "button" }, index.h("span", { class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", null))))) : (index.h("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", null)))))), showMeta && (index.h("span", { key: 'bb6240107ad71fc0107b5533ec1964fbc40d6c61', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: '9eddc75aa1301fae3190f3e96c9fa4e3fe56bf59', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: 'fee6e458b26e312c70038b3ecac7475a1bd42a28', class: "resource-list-item__badges" }, index.h("slot", { key: 'f579b01951729f47b7ee3fc40d3541d5bdec9005', name: "badges" })))), index.h("span", { key: '2a9ac0d61e3c6880f01d1b9c11ba3310e8d5b89e', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: 'f969ff21ff4dd43ed4aabbd8ab199c731eadbd67', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: 'ad9b97495ae044148d11b4b70ce7c3af1b44c8cb', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '84ddc33a749b9e3765ce7c6c818234acdeedaeba', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '4f2ace004c8b5049576fd9c07af7aa1cf942f4a2', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'cb9b0043129ea4b3093279639ac47189008e3f4d', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 
 const swirlResourceListSectionCss = () => `:host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`;
 
@@ -14,7 +14,7 @@ const SwirlResourceListSection = class {
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (index.h(index.Host, { key: '3740b95541b1b3ca540d43415249eb58ddd6032f' }, this.hasSeparator && (index.h("swirl-separator", { key: '76eaeeb1d8e2615fd0a6231897dabd7e0f50497d', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: '23da1de9d21c713f33c8b632de5d8d60985c58b3', "aria-labelledby": "label", role: role }, index.h("span", { key: 'ac37c95dbfd495911519d87125a079507c1f709c', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '470c908a527bfa3e875a8e082b7a764c4ed8c7c3', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: '1a70eb69f9d271a14317dd1a5395695bde33de0b' })))));
+        return (index.h(index.Host, { key: 'adb59514384b476ff28f99082a10bab65fefe87a' }, this.hasSeparator && (index.h("swirl-separator", { key: '55994dcda0fe814bd98eb1d22a919bdd3a86aded', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: 'e472ed7d1d4a99dddd92f5d113eecd1ca3365a9e', "aria-labelledby": "label", role: role }, index.h("span", { key: 'd035063dfe000cccfa1b5a83c476b603a96afab1', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '3dc822381ca69e796fdff24a0bb66e61e83090b9', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: '2eda5f8fab0487b377410f2b10b67e0fdb0861c9' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var sortable_esm = require('./sortable.esm-B1ZNencO.js');
 
 const swirlResourceListCss = () => `.sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}`;
@@ -283,7 +283,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '2aedc68cb6c71b3c3249cb7e42249796ca99adf9', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: '54da56764417cac816bc7b832382b5bfa5c3085c', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '22d070cf477f33a7e8d09f8f58b18467879b7059', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: 'b6d3859f853f0298ec81fac7df95f6073e04dbbd', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, index.h("slot", { key: 'f2dbadf6b161374cb2e7e37fbf159d5a6ce4ccf1' })))));
+        return (index.h(index.Host, { key: 'bf97022404d63466da4963c1509f28daa7f2e644', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'a211f1f71721b1bdedf22b4d46b9c3e9e2155445', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '3351ca192018097162b7f10e5e626971a29c6ccf', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '7051c1e80ffeefedbbc29204dfb2245b93962ccd', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, index.h("slot", { key: 'de736346c435e2c0536c667bd2ac061c347e0c74' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
 require('./utils-UfZG-xPD.js');
@@ -70,7 +70,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'e81efc90b3d6a499688011221cc2a15c6f792dc2' }, index.h("span", { key: 'b7790e867c09bf68ffe59ec8d28f3880d4e8545a', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'dbda6b7c55171ee6c1d70d2eb12d42ed0158f10c', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '4cebbf2d5e9543728453055bfed8a6d94f6bd935', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && this.clearable && (index.h("button", { key: 'a471b4e873ed08cf152c9b60fef8f36df2bb6b65', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: 'c418cfeddcadecbb411e72e5a66dd00ca3a46679' }))))));
+        return (index.h(index.Host, { key: 'aca10b0d23ef467808f336b5643b08c42bf262cb' }, index.h("span", { key: '07a4fd0d41cef8de6e45e2e55d2a213a6407d4dd', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'bc1f61fe4163a90bce59f85b473a50c99cc07b68', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '68d54d16bff0908abe2333685e22097af32af295', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && this.clearable && (index.h("button", { key: 'c7d91ad46c0b58dcb2ebee5b186f6210195bca30', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: 'ea95e50614e5405f96d9b7c9bdffceb43cec4fd5' }))))));
     }
 };
 SwirlSearch.style = swirlSearchCss();