@getflip/swirl-components-react 0.332.0 → 0.334.0

package/dist/{swirl-pdf-reader.entry.2e3ee5d9.js → swirl-pdf-reader.entry.76a80d38.js}

@@ -1,6 +1,6 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.15a5fc44.js";
-import { A as h } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
-import { d as b, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.bf0c5c8d.js";
+import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { q as m, i as s } from "./utils-28df99ee.9fb223f6.js";
 import "react";
@@ -45,7 +45,7 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
     this.updateZoomSteps(), this.zoom = s() ? "auto" : 1;
   }
   componentDidLoad() {
-    this.modal = new h(this.modalEl);
+    this.modal = new b(this.modalEl);
   }
   disconnectedCallback() {
     var i;
@@ -70,7 +70,7 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
   lockBodyScroll() {
     var a;
     const i = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
-    Boolean(i) && b(i);
+    Boolean(i) && h(i);
   }
   unlockBodyScroll() {
     var a;
@@ -89,12 +89,12 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
       "pdf-reader--hide-menu": !i,
       "pdf-reader--show-thumbnails": this.showThumbnails
     });
-    return e(c, { key: "f342c6c583a065db85af758027558eca2505bc31" }, e("section", { key: "d8c3a747e410c6610d03c10e6ecfe6dcb2cbf22e", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "ea898b43e5c6a6172ed6f2266d20ca2b70961904", class: "pdf-reader__body", role: "document" }, e("header", { key: "54b08cc05e4b657f9217139f0f4149309adf7d5e", class: "pdf-reader__header" }, e("span", { key: "cc2039baa0afcf0a52a80265fc52542fea06bd65", class: "pdf-reader__header-left" }, e("swirl-button", { key: "dd747af4d1598497c7e1acc13db6b7a3feda1fd9", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "fd0b41a42bd26aa15c0519e96e125d765aaf8b20", class: "pdf-reader__label" }, this.label)), e("span", { key: "e8ad2ee57b0bb4df1adf79386f14a53c59de3667", class: "pdf-reader__header-center" }, e("span", { key: "ddff095ec76257a6c176d506c9e3d5d3cd898ffa", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "583ec19b61f6501581e39cb946963948e4053068", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { key: "30fa9ad92c986b5f27647375e0ca683c5d4f0c88", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { key: "501ad097db7a50cf3a37dc6f9fab93a71802233c", class: "pdf-reader__zoom-select-container" }, e("select", { key: "dfcec45f7e5f797aa99e277eaad56e02d9ae60ab", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "25001a0d2688a203f6b673cabc925b674436ee55", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "c371314ebc3b6984051cd0330c732fb0e422de47", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "58ae61fa64489b5ec8de27e7a3fb75b313255da7", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "48ae2a50d284b066645e162e34d55c5a1cddbefe", swirlPopover: this.menu }, e("swirl-button", { key: "2765a3cc4aaa9c6f0e1be1ed345a8b273f506394", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "165cbeaa2622ff8c6fdd42671bc143e4bb9b1c4e", class: "pdf-reader__floating-tools" }, e("button", { key: "846981700cc6d6a409b103fe525b39f047996960", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "58684cde03a83ab08df50ee2a2c957e494b737db" })), e("button", { key: "790d2986ece162219ea112dd5d22b3f28b03cb97", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "3ed32486366be32038b90e451019a6827012a76e" })))), e("div", { key: "9e73c89a83a09a7f6abc474b80f2df217f2093e4", class: "pdf-reader__content" }, e("nav", { key: "a600376e97cd89ce66df47214c9372e2d2bd4615", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "3be7973480a7ff5ef9653a25000c2d3227a0cf72" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "e78a93834790fb705a46c9d46230f6555aff17e5" }, e("section", { key: "07a76a9a3ff3f5e7b24950f4c32abb6d8f4f2e79", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "951418d03803cc2fbc4d447296eba560f0a61a63", class: "pdf-reader__body", role: "document" }, e("header", { key: "6590f3e9dd2894a5e42942e867e5d73ba24fdf67", class: "pdf-reader__header" }, e("span", { key: "7b4ae43784541b75c530b32507dc285ca02fd283", class: "pdf-reader__header-left" }, e("swirl-button", { key: "e5020b5b071b93d17428fd8fc4cfbe336b06be76", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "d67fb7cb78b676746f80248c724b62874c93b870", class: "pdf-reader__label" }, this.label)), e("span", { key: "dad46d9e4260a681c4b6d9ff19d1023bdb81689e", class: "pdf-reader__header-center" }, e("span", { key: "15392deafb7c4e24595a12cc67a3cb40dca20911", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "ae745adac38b228952636f420a7e09e2a7501fc2", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { key: "8d79291b941f7f13752d30a0c5c28b96702cab20", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { key: "6f86d1788221308e80d294f182eba8d3b398865f", class: "pdf-reader__zoom-select-container" }, e("select", { key: "b928a5a6489340e65c4d3f879236602e9ad56888", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "bd2620223c70bb6d210a0bb5aae1a55b3ac43433", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "0100c5c0dcdb8ca41bb4d817db59e7ee41e4d9a1", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "884910223431ca6efc3192986eb4005a4ee0ba6d", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "e2b280e30ab50af9ca81ad4b1356468708c89f77", swirlPopover: this.menu }, e("swirl-button", { key: "d69cf500996ed399dca84deea9fe853084be1b0c", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "a886e744daeb6562cebca9f6d6cda3c5e75e1dfd", class: "pdf-reader__floating-tools" }, e("button", { key: "12c4ee28efcbbd0de21abeabdb64891048560833", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "f88906a98bc5a8a7c3f093ce530686e4e8b518e2" })), e("button", { key: "4530af82a896ad8fcac2a594db18603ecb2f6880", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "31ba3cd3aef48717c188b9668741603501305150" })))), e("div", { key: "29287fcf3a321699cf6aa2459cbf1c4e73fc47fd", class: "pdf-reader__content" }, e("nav", { key: "af5fcd44bc6a54fc7d7cf31474719bb369b61222", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "36b044b81bd39b905322cf631e038343d3f9b2c1" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
       const l = r("pdf-reader__thumbnail", {
         "pdf-reader__thumbnail--active": this.visiblePages[0] === o + 1
       });
       return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${o + 1}`, class: l, onClick: this.onThumbnailClick(o), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
-    })), e("swirl-file-viewer", { key: "b1e7fa88dd94f369672547702eac363c20003d30", active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), e("div", { key: "ce57de729eae4931b1abbb7c8feca59e109aa86d", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "7917feba38840d5505d0222d17144fb0c5d87b5a", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "be1c700733a5ae5f7378b1af28d83d24e60b3ddb", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "a3e657f919512892820beb3dc4189e0ea8b1b831" })), e("button", { key: "88111b09c875c287bc4caf18d3d89de503781355", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "31af28c95925543ec7a53dbaf5241cddca90664d" }))))), e("swirl-popover", { key: "02e825df5e1f89308b268c42573b5c6bcfe104b8", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "ea4cf98acfcd857283db7098976457bf42efcdb4" }, e("div", { key: "be553a4ad26655f5a900551d89def4135f4831f4", class: "pdf-reader__meta" }, e("div", { key: "b1da0ae5879ebac6fb3e47ba5c5523dd6c291069", class: "pdf-reader__file-icon" }, e("svg", { key: "5f8a251d5308e012a74a65180a49cf813e9b32c4", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "d9285ea636f64ecdc60902500eae23053773c6f0", 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" }), e("path", { key: "eca4b71b6396ed1a4b45d264bb99f4dfa812a8fe", 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" }), e("path", { key: "0304513d87a8a3a2b4ae0db2914f6dfb4436477a", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "76d3e6479d81ab768cf55bbfe36b3b9c917f2887", 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" }), e("path", { key: "c9cd91afbbb120aff0f25aca7f7f88678881534b", 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" }), e("path", { key: "ce323f8bca0fdfe2966877981b115a883217308c", 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" }), e("path", { key: "61622a6e681aa80b02ba8e36c0a0b6043645fa0a", 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" }), e("path", { key: "dd3530de8245c6d9a8ac79016d103b215ee0c6ca", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "88ee9340d913301ce9d7da8c7f7d2aadeefe9de6", class: "pdf-reader__file-info" }, e("swirl-text", { key: "e848ccfb71392ac0b36fe2e340f866d148425431", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "e46c1860b5293841d0c493885a13a9f32a415fbe", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "408ac10ea49b30fcfff994a19046ec7ae05f0b19" }), e("swirl-action-list", { key: "33e741ae6ca95142db754f3b02d553341f8006bd", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "7b07663443485737f5bb532bf839c18b720c0c8c", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "62a7b7085ef05d74bcfb12f9ea50166c1d8e9d76", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { key: "6343b4c2f89e5574f46871c1d8913f11783ba7fa", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "91f17a8d7924fcb91547ad6f0e214997b025292a", active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), e("div", { key: "4e3b7cdd6c18aca9fc059711b0c3d9d1e09482c2", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "4041ba876b40c84a5a979c8262fe33ae2ec2d797", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "e5b8c381bc62cd3c51460a4516271acda322bccb", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "25cc06b58c191b2d1ba477a776cf5f7c6de8891d" })), e("button", { key: "964b671c2f78296c2e58f0c670c2e457de3ab774", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "deb24f624bc634b224d7e8794e8d231fd14f6848" }))))), e("swirl-popover", { key: "913b824bfb95365858e47275ba762806f599dc76", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "9cfea064c15c6b39bbee5058fc60d8c0bb362c7c" }, e("div", { key: "e6fcb05b497b9a064d9352e97f83c349607f019e", class: "pdf-reader__meta" }, e("div", { key: "150d3adfc65148e14a30d9718cea4cd6c8e95051", class: "pdf-reader__file-icon" }, e("svg", { key: "30157e5227a1f316c3ac59d8758d7eda657bf57c", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "eb7b4df4b151236ac65cc756531bf220684e06e4", 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" }), e("path", { key: "3919882c22c523483692c766ca35c4375e004b05", 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" }), e("path", { key: "c8902d23791924ef347655125d34b0e75b29e619", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "ab271f45ecf494d58141f54c2c9ef0d83dc182d4", 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" }), e("path", { key: "67df861405c8901c79d7ff3be7623c7f484d75b2", 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" }), e("path", { key: "fbc136b085e60005b43e0e7ef5c072a7d12c647a", 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" }), e("path", { key: "53e7719c7e7be2e481a01d2ad162b3ab81cdfccb", 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" }), e("path", { key: "a7e76a6633fc125fe2fc8d69046602c454be1de1", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "98fc2cf49eef06d73b66e04239a7f728a3a34d21", class: "pdf-reader__file-info" }, e("swirl-text", { key: "5b7ed460613e3e5e9dbf6723ec17dbf5debfdfff", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "ba187f3a6775b856162fe30dbf39ee6d49c54a79", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "9650d57f92506f50d87de46bde441be7aba747cd" }), e("swirl-action-list", { key: "a27f372a63c6d4c362ce0cc8739575d9d8973f40", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "9a3b70c0bc1ff347f3dd4f276ef30d4c0b642149", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "f05b509243c31f645122cdab165148cbeeb89896", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { key: "5e97d819f5b9090a6762aba3d96d243c47100a68", name: "menu-items" }))))));
   }
   get el() {
     return f(this);

package/dist/{swirl-popover_2.entry.82a500ab.js → swirl-popover_2.entry.0aee6071.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.15a5fc44.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.bf0c5c8d.js";
 import { o as c, s as d, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as k, e as C } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";
@@ -45,8 +45,8 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
     var p;
     if (!this.active)
       return;
-    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, f = T(), m = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(f), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
-    !m.includes(r.tagName) && b && w && (!i || y) && this.close();
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, m = T(), f = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(m), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
+    !f.includes(r.tagName) && b && w && (!i || y) && this.close();
   }
   onWindowClick(e) {
     if (!this.active || this.closing)
@@ -225,7 +225,7 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(g, { key: "9f81aeaa25762cf69fec6ffc41d7c4ca973f3e8a", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "0fe93547b651b96329f8fa9301c43ca8b32da848" }));
+    return n(g, { key: "4b372a51ae6112d7a685e2be38b3590c1ba6d25c", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "74996244be9f82e04887ffbbdeda7d95a11d6736" }));
   }
   get el() {
     return u(this);

package/dist/{swirl-progress-indicator.entry.26229cf6.js → swirl-progress-indicator.entry.9d5a1566.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as n } from "./index.15a5fc44.js";
+import { r as t, h as i, H as n } from "./index.bf0c5c8d.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.bcd00edd.js → swirl-radio-group.entry.3ae93d9e.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.15a5fc44.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.bf0c5c8d.js";
 import "react";
 import "react-dom";
 const u = ".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)}", c = u, h = class {
@@ -23,7 +23,7 @@ const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
       });
   }
   render() {
-    return i(l, { key: "d74f0a0a298e2f1197b8af59657aca652f9238c3", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "15608af2710feddebe8ad01b71def3a11022c8fe", class: "radio-group" }, i("slot", { key: "7e1287609e7bdba6b5e788c5bd770cca0be99714" })));
+    return i(l, { key: "60a933cf20baf8e0681e97f41076c19177ace493", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "a200a19f62406d9361dca165d3afe9bbdc85f267", class: "radio-group" }, i("slot", { key: "abfbb7e1d8d98615ed13ac3e4e6b7efb46a50ccf" })));
   }
   get el() {
     return n(this);

package/dist/{swirl-radio.entry.3303c590.js → swirl-radio.entry.8a10ecd3.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.15a5fc44.js";
+import { r as s, c, h as i, H as l } from "./index.bf0c5c8d.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.40130ba4.js → swirl-resource-list-file-item.entry.eab6fb29.js}

@@ -1,20 +1,21 @@
-import { r as c, c as a, h as e, H as n } from "./index.15a5fc44.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { g as f } from "./utils-28df99ee.9fb223f6.js";
+import { r as c, c as a, h as e, H as n } from "./index.bf0c5c8d.js";
+import { c as f } from "./index-267776a4.6beb4f4b.js";
+import { D as m } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
 import "react-dom";
-const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);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-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', h = m, u = class {
+import "./utils-28df99ee.9fb223f6.js";
+const d = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);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-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', u = d, h = class {
   constructor(i) {
-    c(this, i), this.remove = a(this, "remove", 7), this.desktopMediaQuery = f(), this.desktopMediaQueryHandler = (s) => {
-      this.forceIconProps(s.matches);
+    c(this, i), this.remove = a(this, "remove", 7), this.mediaQueryUnsubscribe = () => {
     }, this.description = void 0, this.errorMessage = void 0, this.icon = "<swirl-icon-file></swirl-icon-file>", this.label = void 0, this.loading = void 0, this.removable = void 0, this.removeButtonLabel = "Remove file";
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe = m.subscribe((i) => {
+      this.forceIconProps(i);
+    });
   }
   disconnectedCallback() {
-    var i, s;
-    (s = (i = this.desktopMediaQuery).removeEventListener) == null || s.call(i, "change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe();
   }
   forceIconProps(i) {
     if (!Boolean(this.iconEl))
@@ -23,13 +24,13 @@ const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     s == null || s.setAttribute("size", i ? "20" : "24");
   }
   render() {
-    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = d("resource-list-file-item", {
+    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = f("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(n, { key: "a77fb6c728aa73b07338bf27be5fe1bcff9cd5ce", role: "row" }, e("div", { key: "4f3e56655138f59ded67feb2a1c56d14d5bdbfab", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "fd87bc5faf44da2adfe0531f14084a3716357ff0", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "591358738d945b39c9b9ffdeb8ff8420662fc2d1", class: "resource-list-file-item__label-container" }, e("span", { key: "e542836253c3cbd2330d1ac3f8b39e9b4e44ccd4", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "a3fa60138b871755ddb9d6f882af6acd4add6594", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "22f1d243bf021a496f5bb1096a70915099d79e6b", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "76d645965f1c9e33ac2f74f9a5f53428fd76c430", message: this.errorMessage, size: "s" }))), r && e("span", { key: "0e3e3962afcdd746b1a46e3dd96f56563ae34170", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "cd07ad9b4b3f18f3d6d10dff309ba6451362f2ca", size: "s" })), t && e("span", { key: "0001190d82fc5a32420a465ee5bd5eaa917e0f42", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "7a6bc7c626ab5c9060c0bfc2aae771862055fbd8", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "797c98557ff5e39033e17c29084569904f4e812f", role: "row" }, e("div", { key: "33016c8f3d834df73db61f270eecb39e65c04351", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "6e6d71eaca65dca563d0dbdcc45d2ecf8b45abca", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "b64cac98b464e068323e0ac99716228603124550", class: "resource-list-file-item__label-container" }, e("span", { key: "3f629bb1234f9033a944a91d7b9abff6f49b83e1", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "3d1c84a6cffac8d91f3ce8c0554266fca393991f", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "9d63095b44e4f64d5f430e268193d28246bb555f", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "17ad8f2a85505623d7109cf3b2e823041b654392", message: this.errorMessage, size: "s" }))), r && e("span", { key: "ce2b8ee5952104e331a52c129ca61e767749008b", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "f279b7fb82f4e67e1a35186f123e37a1611b1e0f", size: "s" })), t && e("span", { key: "a7947969b6d6f23d042ba586aeb54117e0b9a540", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "82341fa9a05856503ce9e45dfed5413da31df6bf", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
-u.style = h;
+h.style = u;
 export {
-  u as swirl_resource_list_file_item
+  h as swirl_resource_list_file_item
 };

package/dist/{swirl-resource-list-section.entry.6614b837.js → swirl-resource-list-section.entry.454ce839.js}

@@ -1,12 +1,12 @@
-import { r as i, h as e, H as a } from "./index.15a5fc44.js";
+import { r as i, h as e, H as t } from "./index.bf0c5c8d.js";
 import "react";
 import "react-dom";
-const t = ":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)}}", r = t, o = class {
+const a = ":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)}}", r = a, o = class {
   constructor(s) {
     i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return e(a, { key: "9359fa2c57788025883f95b9dd2e09fc2933ceb4" }, this.hasSeparator && e("swirl-separator", { key: "961287d4c51086777767af9750cff525ca235ca5", spacing: this.separatorSpacing }), e("div", { key: "95b4dc82ee1b72fb2131682dcbec3593a379c090", "aria-labelledby": "label", role: "rowgroup" }, e("span", { key: "ea0adcc5f0a1f4b332999811d1a5ceefb4930698", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "421678eac1c9a6638625f264b68bffae2ee4f671", spacing: this.spacing }, e("slot", { key: "2b2329221f5d15ed509410431d37a26dea8aa843" }))));
+    return e(t, { key: "1429097f270d644d89e5d9821ebe7df378ac9b84" }, this.hasSeparator && e("swirl-separator", { key: "7dc77393fee0393ca1c7f286e244e1840bb7fc84", spacing: this.separatorSpacing }), e("div", { key: "89ddc7cb97e2061932045f0b99e0e735815ddced", "aria-labelledby": "label", role: "rowgroup" }, e("span", { key: "07bc08c1d6a5c0b78e7f5d436eaf702591b9b524", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "d686b807b73ba4319816d53310d7789c47c6ea97", spacing: this.spacing }, e("slot", { key: "54838e6f0c9124c2e5df75220ceca8509b009d8a" }))));
   }
 };
 o.style = r;

package/dist/{swirl-search.entry.3d4ba1c0.js → swirl-search.entry.485720a3.js}

@@ -1,47 +1,48 @@
-import { r as i, c as r, h as a, H as t } from "./index.15a5fc44.js";
+import { r as i, c as r, h as a, H as t } from "./index.bf0c5c8d.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as h } from "./utils-28df99ee.9fb223f6.js";
+import { D as n } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
 import "react-dom";
-const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = n, l = class {
-  constructor(s) {
-    i(this, s), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (e) => {
-      this.forceIconProps(e.matches);
+import "./utils-28df99ee.9fb223f6.js";
+const h = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = h, l = class {
+  constructor(e) {
+    i(this, e), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.mediaQueryUnsubscribe = () => {
     }, this.clear = () => {
       this.input.value = "", this.input.focus(), this.valueChange.emit("");
-    }, this.onBlur = (e) => {
-      this.inputBlur.emit(e);
-    }, this.onChange = (e) => {
-      this.valueChange.emit(e.target.value);
-    }, this.onFocus = (e) => {
-      this.inputFocus.emit(e);
-    }, this.onInput = (e) => {
-      this.inputInput.emit(e.target.value);
+    }, this.onBlur = (s) => {
+      this.inputBlur.emit(s);
+    }, this.onChange = (s) => {
+      this.valueChange.emit(s.target.value);
+    }, this.onFocus = (s) => {
+      this.inputFocus.emit(s);
+    }, this.onInput = (s) => {
+      this.inputInput.emit(s.target.value);
     }, this.autoFocus = void 0, this.clearButtonLabel = "Clear search term", this.disabled = void 0, this.inputName = void 0, this.inputId = void 0, this.label = void 0, this.placeholder = "Search \u2026", this.value = void 0, this.variant = "filled";
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.autoFocus && setTimeout(() => {
+    this.mediaQueryUnsubscribe = n.subscribe((e) => {
+      this.forceIconProps(e);
+    }), this.autoFocus && setTimeout(() => {
       this.input.focus();
     });
   }
   disconnectedCallback() {
-    var s, e;
-    (e = (s = this.desktopMediaQuery).removeEventListener) == null || e.call(s, "change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe();
   }
-  forceIconProps(s) {
+  forceIconProps(e) {
     if (!Boolean(this.iconEl))
       return;
-    const e = this.iconEl.children[0];
-    e == null || e.setAttribute("size", s ? "20" : "24");
+    const s = this.iconEl.children[0];
+    s == null || s.setAttribute("size", e ? "20" : "24");
   }
-  onKeyDown(s) {
-    (s.code === "KeyK" || s.code === "Slash") && (s.ctrlKey || s.metaKey) && this.input.focus();
+  onKeyDown(e) {
+    (e.code === "KeyK" || e.code === "Slash") && (e.ctrlKey || e.metaKey) && this.input.focus();
   }
   render() {
-    const s = c("search", `search--variant-${this.variant}`, {
+    const e = c("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled
     });
-    return a(t, { key: "4092fdf29e81da467a01ce14169ef0a236fa1e81" }, a("span", { key: "8d44e68c5d1ee9dcaa87e7b072b7368060451a21", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "a398ce6356847a6cf619cef1d8d1a1e84949a624", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "4fe717d1512a62b47608dbc99042a01e438a38ef", "aria-disabled": this.disabled ? "true" : void 0, "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: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { key: "541696544a78036c61621ac82e9ab5071f4b69fe", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "57a0dbb569ca31f11ae9187c4675d90fffca4a0e" }))));
+    return a(t, { key: "c54510f133d5583f1cb2942a21e889a271ec083c" }, a("span", { key: "f09bf81a55b0e0e23e78dd1929055e92fd966e90", class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { key: "9d5107940cfaff59864c6a94c5eb2a3657a9168d", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "d42dcf2414af5d7f569a6990c5e85f67bdc8b9b5", "aria-disabled": this.disabled ? "true" : void 0, "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: (s) => this.input = s, type: "search", value: this.value }), !this.disabled && a("button", { key: "b6ec549ceb75a93fda65cc8fb008e00c26b133ac", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "7bff26d8ebc73200035936d4add57e2ef6bdd1e5" }))));
   }
 };
 l.style = o;

package/dist/{swirl-select.entry.7c8a14a0.js → swirl-select.entry.f6858a75.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as t, H as p, g as u } from "./index.15a5fc44.js";
+import { r as d, c as n, h as t, H as p, g as u } from "./index.bf0c5c8d.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { q as w } from "./utils-28df99ee.9fb223f6.js";
 import "react";
@@ -70,12 +70,12 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
       "select--search-loading": this.searchLoading,
       "select--standalone": this.standalone
     });
-    return t(p, { key: "947b8abbe280851024395be50ee4be78d9ff5028", onKeyDown: this.onKeyDown }, t("div", { key: "74b67984dcf464941e35fbd5bc2b88ce91a74c4a", class: o }, t("swirl-popover-trigger", { key: "417f265b7458e520a4202febe36ef2ade56a7f8e", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "66f145e0575a57788abd9aa0173d144cf73c74f6", class: "select__value-container" }, this.standalone && t("span", { key: "0feb430797afe9f5d4e526b97c043c6d85fff617", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "8fc3653477dfbfe22f933765cb8091b24f05cb19", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (i) => this.input = i, type: "text", value: s }))), t("span", { key: "14f2619b962f27a7d7e67b252a0451dfdeed837e", class: "select__multi-select-values" }, (r = (c = this.value) == null ? void 0 : c.map((i) => this.options.find((h) => h.value === i))) == null ? void 0 : r.map((i) => t("swirl-tag", {
+    return t(p, { key: "765e25c749d2eb877dde67bd757b3206c3ed75a5", onKeyDown: this.onKeyDown }, t("div", { key: "9143737c82d76050d6506b939eb4a505a8cfe31d", class: o }, t("swirl-popover-trigger", { key: "51ae0424c072b1a9afe3a3448070abdc8ab75c81", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "9cd674b5b7417e1164e2d651d2d86288f11f0ce0", class: "select__value-container" }, this.standalone && t("span", { key: "04c0a45f197cd3b7a9ca4f603dc704b3cbcc1596", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "eff25913c06c6f136fdb36b68dbcf0061c7d182e", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (i) => this.input = i, type: "text", value: s }))), t("span", { key: "c59a0e63c2dd9852a0c457255f442021bc365557", class: "select__multi-select-values" }, (r = (c = this.value) == null ? void 0 : c.map((i) => this.options.find((h) => h.value === i))) == null ? void 0 : r.map((i) => t("swirl-tag", {
       "aria-hidden": "true",
       label: i == null ? void 0 : i.label,
       onRemove: () => this.unselectOption(i == null ? void 0 : i.value),
       removable: !this.disabled && this.allowDeselect && !(i != null && i.disabled)
-    }))), t("span", { key: "73bb94ea5aa5034560ec400b400e26febe886542", class: "select__indicator" }, this.open ? t("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 }) : t("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), t("swirl-popover", { key: "bf4556abe2525f75507568975ec58bb653ecda79", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: a, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (i) => this.swirlPopover = i, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && t("div", { key: "abab9d511d132daa820542618d6409e6c00e5db9", class: "select__search" }, t("swirl-icon-search", { key: "3f73b6156fc17813640644cc9b7eb279b2652d01", class: "select__search-icon", size: 20 }), t("input", { key: "c1041e6ac36132351fe04f33c1fe67daa00c0743", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (i) => this.searchInput = i, type: "search" }), this.searchLoading && t("swirl-spinner", { key: "e450bc76e2746cf19f8a52dc49ce47473fa081b9", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "2a7d06971386499d796cc64bc766ef568f88cc41", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "5ef2b14336a7a0cab9c7948cfc7cdb65aea1259c", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "46c8591fae8871ed825df1ac3f387a59fab7ff69", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "bd5aaabccfa5d42afcec73b833caccb3d75cf8d3", onSlotchange: this.onSlotChange })))));
+    }))), t("span", { key: "369294df27d922e085cc9a2d7e9c32f9bfebe7b4", class: "select__indicator" }, this.open ? t("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 }) : t("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), t("swirl-popover", { key: "724441014ff983db14d2eb996f7645390c2b93f0", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: a, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (i) => this.swirlPopover = i, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && t("div", { key: "6536a7ce0f4a80280a4fcdb83d9f580accb61c98", class: "select__search" }, t("swirl-icon-search", { key: "41e349d08fa079ab82f27fa2e361743b0e2db748", class: "select__search-icon", size: 20 }), t("input", { key: "3118c3a63781bfa7a620daaf83edecb5884b0b75", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (i) => this.searchInput = i, type: "search" }), this.searchLoading && t("swirl-spinner", { key: "6c29d34c1317c81a83832c9aa85ed72d68227928", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "6f117b770860587182738b87051bd4409264f4c6", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "b93fafe0effeff337262920be347d92bb05e6a32", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "8bb01c60688dfa47b93765e177952491df006f95", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "fae8c50f99a97412356b773766ac2e01ecbd6dd1", onSlotchange: this.onSlotChange })))));
   }
   get el() {
     return u(this);

package/dist/{swirl-separator.entry.882c095e.js → swirl-separator.entry.58fa9e6f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as r, F as e, H as s } from "./index.15a5fc44.js";
+import { r as t, h as r, F as e, H as s } from "./index.bf0c5c8d.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-shell-layout.entry.6e6d3262.js → swirl-shell-layout.entry.fa10d4a3.js}

@@ -1,4 +1,4 @@
-import { r as y, c as o, h as e, H as u, g as b } from "./index.15a5fc44.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.bf0c5c8d.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import { d as w, m as t } from "./utils-28df99ee.9fb223f6.js";
@@ -10,13 +10,13 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
         )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(
         --swirl-shell-sidebar-width
       )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--sidebar-scrollable.sc-swirl-shell-layout:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar.sc-swirl-shell-layout{border-bottom-color:var(--s-border-default)}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none;flex-basis:calc(50% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid transparent}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}`, f = p, i = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", r = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", d = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", n = "SWIRL_SHELL_SIDEBAR_STATE", m = class {
-  constructor(l) {
-    y(this, l), this.sidebarToggleClick = o(this, "sidebarToggleClick", 7), this.skipLinkClick = o(this, "skipLinkClick", 7), this.collectNavItems = () => {
+  constructor(a) {
+    y(this, a), this.sidebarToggleClick = o(this, "sidebarToggleClick", 7), this.skipLinkClick = o(this, "skipLinkClick", 7), this.collectNavItems = () => {
       this.mainNavItems = Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")), this.secondaryNavItems = Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")), this.toggleNavItemLabels(), this.setSecondaryNavItemsTiled();
-    }, this.toggleSecondaryNavView = (a) => {
-      a.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(r, String(this.secondaryNavView));
-    }, this.toggleSecondaryNavCollapse = (a) => {
-      a.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(i, String(this.secondaryNavCollapsed));
+    }, this.toggleSecondaryNavView = (l) => {
+      l.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(r, String(this.secondaryNavView));
+    }, this.toggleSecondaryNavCollapse = (l) => {
+      l.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(i, String(this.secondaryNavCollapsed));
     }, this.onNavigationToggleClick = () => {
       this.navigationCollapsed = !this.navigationCollapsed;
     }, this.onNavigationClick = () => {
@@ -30,16 +30,16 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
   }
   componentWillLoad() {
     this.isDesktopViewport = t(), this.collectNavItems();
-    const l = localStorage.getItem(n) === "true";
-    this.sidebarActive = this.sidebarActive === void 0 ? l : this.sidebarActive;
-    const a = localStorage.getItem(d) === "true";
-    this.navigationCollapsed = a, this.restoreSecondaryNavState();
+    const a = localStorage.getItem(n) === "true";
+    this.sidebarActive = this.sidebarActive === void 0 ? a : this.sidebarActive;
+    const l = localStorage.getItem(d) === "true";
+    this.navigationCollapsed = l, this.restoreSecondaryNavState();
   }
   componentDidLoad() {
     this.focusTrap = g(this.navElement, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (l) => l.shadowRoot
+        getShadowRoot: (a) => a.shadowRoot
       }
     }), this.collectNavItems(), this.navMutationObserver = new MutationObserver(() => {
       this.collectNavItems(), this.setSecondaryNavItemsTiled();
@@ -51,15 +51,15 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     });
   }
   componentDidRender() {
-    var l;
-    (l = this.focusTrap) == null || l.updateContainerElements(this.navElement);
+    var a;
+    (a = this.focusTrap) == null || a.updateContainerElements(this.navElement);
   }
   disconnectedCallback() {
-    var l, a;
-    (l = this.focusTrap) == null || l.deactivate(), (a = this.navMutationObserver) == null || a.disconnect();
+    var a, l;
+    (a = this.focusTrap) == null || a.deactivate(), (l = this.navMutationObserver) == null || l.disconnect();
   }
-  onWindowKeyDown(l) {
-    l.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
+  onWindowKeyDown(a) {
+    a.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
   }
   watchEnableSecondaryNavGridLayout() {
     this.restoreSecondaryNavState();
@@ -85,45 +85,45 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     this.mobileNavigationActive = !1, this.toggleNavItemLabels();
   }
   toggleNavItemLabels() {
-    [...this.secondaryNavItems, ...this.mainNavItems].forEach((l) => {
-      l.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
+    [...this.secondaryNavItems, ...this.mainNavItems].forEach((a) => {
+      a.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
     });
   }
   setSecondaryNavItemsTiled() {
-    this.secondaryNavItems.forEach((l) => {
-      l.tiled = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport);
+    this.secondaryNavItems.forEach((a) => {
+      a.tiled = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport);
     });
   }
   restoreSecondaryNavState() {
     if (this.enableSecondaryNavGridLayout) {
-      const l = localStorage.getItem(i) === "true";
-      this.secondaryNavCollapsed = l;
-      const a = localStorage.getItem(r);
-      this.secondaryNavView = a;
+      const a = localStorage.getItem(i) === "true";
+      this.secondaryNavCollapsed = a;
+      const l = localStorage.getItem(r);
+      this.secondaryNavView = l;
     }
   }
   updateSidebarScrollState() {
-    const l = {
+    const a = {
       scrollable: this.sidebarContentEl.scrollHeight > this.sidebarContentEl.clientHeight,
       scrolledToTop: this.sidebarContentEl.scrollTop === 0
     };
-    Object.keys(l).some((a) => l[a] !== this.sidebarScrollState[a]) && (this.sidebarScrollState = l);
+    Object.keys(a).some((l) => a[l] !== this.sidebarScrollState[l]) && (this.sidebarScrollState = a);
   }
   render() {
-    const l = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", a = this.navigationCollapsed && this.isDesktopViewport, c = Boolean(this.el.querySelector("[slot='secondary-nav']")), h = v("shell-layout", {
+    const a = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", l = this.navigationCollapsed && this.isDesktopViewport, c = Boolean(this.el.querySelector("[slot='secondary-nav']")), h = v("shell-layout", {
       "shell-layout--branded-header": this.brandedHeader,
       "shell-layout--secondary-nav-collapsed": this.secondaryNavCollapsed,
       "shell-layout--has-secondary-nav": c,
       "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
-      "shell-layout--navigation-collapsed": a,
+      "shell-layout--navigation-collapsed": l,
       "shell-layout--sidebar-active": this.sidebarActive,
       "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return e(u, { key: "5c7405d43be8d64d11bde2a2895ecaf2fa59e35c" }, e("div", { key: "ee7e90c36feb4dacfac6d02e5d8648e07dc1c92d", class: h }, e("header", { key: "92b2857585baf1492b75ad9027eb0bd58e22dade", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "d2e9e8714b29de80d685f77edc4d91b1e8385692", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "ed1fd6cc4d5987ecf745cf65f00ca0999ee1836d", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "92baa63700c6d090a6ffc9c98896bad65a355686", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "421cdbaed37ab19f44ffbd049db7bf0abaae466f", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? e("swirl-icon-dock-left-expand", { size: 20 }) : e("swirl-icon-dock-left-collapse", { size: 20 }), e("swirl-visually-hidden", { key: "89c5e70d2de9d483e949e0d459a7b7b3e822e5bb" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "3d00148d1c7c94a7fcb16581790a05a22da7c0ca", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "73e9e08344fe16dc10b67ba1b0dadd89cdaf8fed", size: 20 }), e("swirl-visually-hidden", { key: "a45ba9381c607f14737069bf474bb3740937ac13" }, this.browserBackButtonLabel)), e("a", { key: "18edeb45c16810175d2e2ffb483ff87b83ff3403", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "5e54c7e698835f2d3a2b43bd81be738cdb9cd2dd", size: 20 }), e("swirl-visually-hidden", { key: "1c05811dd41df8d5f8fde53d158d396738cc77b6" }, this.browserForwardButtonLabel)), e("slot", { key: "c5057a933fc9c1cb0f2039b551dd1e0800df647a", name: "left-header-tools" })), e("div", { key: "292dc340b2de9689e00e627af051988a34affd11", class: "shell-layout__logo" }, e("slot", { key: "bc11dae99c0a1b58fb56eef1e5109477d3433653", name: "logo" })), e("div", { key: "46f0c0f653620509114a685e79eebc5cee1d1adb", class: "shell-layout__header-right" }, e("slot", { key: "b4529ff64725c2267a05f725077290d7a7ed499d", name: "right-header-tools" }), e("button", { key: "2b01df32ecbdd32c2164a0906c3f13470367761f", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "0b0ec4d2f363b677076465fb070bdac12bf8a5a7", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "feac2b61d67668951ebe0e1afdfa984fb146c308" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "a11bac7a01c9552efe516b17331c9135c1b091a8", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "a06cf70ddfaa3e304738d5981657afbae7f5a489", name: "avatar" }))), e("div", { key: "64f4e3cc45d4c9aa4a54293993c8f786de6812d2", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "3b90e0a4f9f8668a24b5790a955f12b5d886b52c", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "73375fa11ed673e7a85c950469cf8f0a656a4b12", class: "shell-layout__mobile-header" }, e("slot", { key: "66fd9745fa2bade61621da00474a176d55ec593d", name: "mobile-logo" }), e("div", { key: "1958beb802e6055c7cfd8f019d054ebbd32f97ed", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "33a90b8f1eaa59f5699284fe0a98450d686cf457", name: "mobile-header-tools" }), e("button", { key: "1b23a54560aec96efc3447867e86addd8f00d97b", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "05d056e099d654e3acceb1b23c006fdf57130c65", size: 20 }), e("swirl-visually-hidden", { key: "1d443040233b5366e3aac36e16052e624dd3427e" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "3c0c27318825c7e28b4062936dc5fa09804975a5", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "e71aed02f6f929d05740722c4c0c6a33f9dc7e45" }, e("span", { key: "f81c05fb97642924cb80580d5288e898749bdf39", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "c897d4e2681dd38c7f62510c29dbfaba5376715d", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "c1bea8fdb7200d6559f573c6967401356060b99f", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "e3772b4b871c3099126f03ac741f66602cebcc02", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "5a54814c682137aae40e0c23dfeb30d75204f8d4", paddingBlockEnd: "16" }, e("swirl-stack", { key: "120b0d0679833e902ec4349dd04bd7be94e22807", justify: a ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "46edf59b99827225451ab0a370ebd9717cd3c2aa", hideLabel: a, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !a && !this.secondaryNavCollapsed && e("swirl-button", { key: "af2d9529502634a5bae5b976ddb734385e28f5ac", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), e("div", { key: "47a974405dd7dfb09123f819687955b7e1a6d6e1", class: {
+    return e(u, { key: "b41ec3c36c2cc718cac5f7dc7831a36eee22ed0d" }, e("div", { key: "f547b129cf437004ab50a9c933b1f08939495c8d", class: h }, e("header", { key: "0b114b32d6727b297e7206cf7a8ea930bdf39962", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "69efc7887c653bd1195ca6fde601dba8db4622d5", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "46aa4833d45afa45129504f2325d3ef16ca53caa", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "f1d89e8d5cee4612e9ddb07448e0f320b0a2973a", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "1da2cede2f01be0a635f5bacdff33015a70673b5", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? e("swirl-icon-dock-left-expand", { size: 20 }) : e("swirl-icon-dock-left-collapse", { size: 20 }), e("swirl-visually-hidden", { key: "43335b328fc600897cac805d5306287dfa80ab0d" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "36dee7117b459a6a9aa8ae0d745f6f97a90c5488", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "bc6dec6db8fe2cf719c0ae128bd56230ad116b38", size: 20 }), e("swirl-visually-hidden", { key: "b142716c718cf9087fe634fa2b80a29555746dd4" }, this.browserBackButtonLabel)), e("a", { key: "e03a569ec1be73f56f7a6a94eb8d91cf5d44d7ad", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "49a94026e7bb3a832a9beb23b035b422ac72ddba", size: 20 }), e("swirl-visually-hidden", { key: "f6cbe8819a8caa768e8dec45944f81bf6a2a6308" }, this.browserForwardButtonLabel)), e("slot", { key: "f446bdcc52bd64ddbf14fe9a7f392a7f76ae5595", name: "left-header-tools" })), e("div", { key: "90ebf697aa67d8224cab425200098194685bd3a3", class: "shell-layout__logo" }, e("slot", { key: "6ffaefb48d653a4d4cd649c4ae090df616c9314a", name: "logo" })), e("div", { key: "7af5afa9f6e13696c63c452759ae487660f0f987", class: "shell-layout__header-right" }, e("slot", { key: "876ec618577d3a761f50d979d8944ac4b33a5d89", name: "right-header-tools" }), e("button", { key: "c84b56657340099111cb759d7f35af0ae6225f17", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "e98c1a690ff54441abfd6ac78d6efaa01f76a63d", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "a51caeff8f2beb7c310a63316e78920a994b872b" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "eb55eb80e4adb3bf940d2f915fe12fbcf59eeaf8", "aria-label": this.sidebarToggleBadgeAriaLabel, label: a ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: a ? "default" : "dot" })), e("slot", { key: "a392d1463af93a443ef07bfe574980666b9496ec", name: "avatar" }))), e("div", { key: "7862ee167569b8923e1cc1bc9c0b1fb3670ffc29", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "96227152896b85046e56ea5be38266b62c733b56", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "243f29db5f2a48dc45ba1f0d713b3c4958cf1d4c", class: "shell-layout__mobile-header" }, e("slot", { key: "b648b46f314b7eb3e8cbeaab66b60958df2c33ea", name: "mobile-logo" }), e("div", { key: "a1806198bacd3b41cefc5ea09317ae5507bacdeb", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "7181e730515ed1e15bd74c81caf7ce387c9a7363", name: "mobile-header-tools" }), e("button", { key: "21181b0d53b86e3318359e9770b6cf37015087fe", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "74f8978dc90e8c2f83e79c5953853fbf6910ba72", size: 20 }), e("swirl-visually-hidden", { key: "c58d6dabd239c9d23df8a846e658f39ce43ca265" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "38a861f58541e69347f6e6dd054ab98117ee17a6", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "b6e84598aa2edb8f12cb93a23b16bf568794ecba" }, e("span", { key: "02a468263e43ac060e35a362810629312d9f425d", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "aa2ebbb0402ba79ec0b5f00cf1ae6253deae159e", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "b45ccc6603ec0771d5b19cbe8e5a5e30fa4eb217", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "ccd809273f64d4fa635272cecaeabd23347431bc", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "505c9ee9674a6133c90a63f2dfdaceb34687f83a", paddingBlockEnd: "16" }, e("swirl-stack", { key: "38a25b0ee1776ee2499429a7108c9dd7cfcf798a", justify: l ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "26df85e18020ca33ed1af0da1612623d8b5982ec", hideLabel: l, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !l && !this.secondaryNavCollapsed && e("swirl-button", { key: "16b32d3114b020a7e8c4e0799ce65515d6f07b30", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), e("div", { key: "94a44eaff355c8683c1e479b8959108faaa9481e", class: {
       "shell-layout__secondary-nav-items": !0,
-      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || a)
-    } }, e("slot", { key: "634060f2a9f4146ea8326bf80fc6fc5d04d5d588", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "d5685120df65226533a345fc8d38d5110174dd6d", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "cd276d48e69dd5345fcbd78e28d893d7dedbfb7c" })), e("aside", { key: "10ab72b0cc8707896e061e6308cb9c18116277f9", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "61ab2c93e9950c603042be15bc9ff8df7ba9cc0a", class: "shell-layout__sidebar-body" }, e("div", { key: "714aebceee84a239e4adfc3d5978e25497c01b22", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "d0a7cf7dda1f7db1c4c2ca6ee89a0a4b24620dd3", name: "sidebar-app-bar" })), e("div", { key: "1b58d0bc1ae3822d87a2cf8dfb82e035e8bf2204", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "a10ec8801978fbb9041472e9a801cb4a203054ec", name: "sidebar" }))))));
+      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || l)
+    } }, e("slot", { key: "51f845c7d99621bfd9178f7b0e32b2941ea50dcd", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "6b60332d37ccc92d6d2a23c4a1bd8503df22ce26", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "e52301373ea6373de589f557b9ed10f915357cb6" })), e("aside", { key: "ae3480231e8bf0745c83b961d4e0c0c4d66ed3e5", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "12b4221c454c5bf6c80c96c2a7a2e8a89ddd8a64", class: "shell-layout__sidebar-body" }, e("div", { key: "a21c6dec96498f41da1d2345c6674de66a77aff1", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "eb28d3bc28b3b2d042f75d7e7946f1d730572b88", name: "sidebar-app-bar" })), e("div", { key: "bdd4fafc000dc34ed4b3a0d909495b3b1e398032", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "680a9946a8328bd80b6ccaeddc78095ff29a3017", name: "sidebar" }))))));
   }
   get el() {
     return b(this);

package/dist/{swirl-shell-navigation-item.entry.b23cb460.js → swirl-shell-navigation-item.entry.9b6196c4.js}

@@ -1,4 +1,4 @@
-import { r as s, h as n, H as o, g as r } from "./index.15a5fc44.js";
+import { r as s, h as n, H as o, g as r } from "./index.bf0c5c8d.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.411f4bf4.js → swirl-skeleton-text.entry.c4a313f6.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.15a5fc44.js";
+import { r as l, h as t, H as a } from "./index.bf0c5c8d.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.b575446f.js → swirl-stack.entry.6e3a43d8.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as n } from "./index.15a5fc44.js";
+import { r as a, h as s, H as n } from "./index.bf0c5c8d.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";