@getflip/swirl-components 0.400.0 → 0.402.0

package/dist/collection/components/swirl-menu-item/swirl-menu-item.js

@@ -106,9 +106,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '227dc9aaa5dc02bacf9d94832825a905e0dc449d' }, h("div", { key: '3275cf35b4e9ddf5f57c16384212c16356a44028', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: 'a9c46a83abf1de5b778af762974dc8507876615f' }, h("div", { key: '79cb6543f160166d7d92d7bbd0f261cd08c8e036', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: 'dd7c35698b035b1adc992551b9fd81228cd89d30', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'd3064aa0ddbc681197529a0622d14ad1c9ac3383', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-option-list/swirl-option-list.js

@@ -420,7 +420,7 @@ export class SwirlOptionList {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: 'b59dbda1a3ad1d1322bd7006bdc5d5bf70a51250' }, h("swirl-visually-hidden", { key: 'f6fa9c79fc977a8410bba5f8004c7d8220f664cd', role: "alert" }, this.assistiveText), h("div", { key: 'be345c9bb63c4ca4683693a569fefa30f43adb18', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: 'b7edb2b4e423b3ab4d2759f5b0341c555d9ed8ff', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '3be9f747ba5b08567e49c836033fe59073c34af4', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '8a9a9b666a17f3767046ca869e2bdf04c9eb261b' }, h("swirl-visually-hidden", { key: '38f3e122cb3ad6a5610be87a8ecc59e39ff32ab1', role: "alert" }, this.assistiveText), h("div", { key: '20c7ca016115777c07554773e927a158a524dbd5', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '7d124adce43317317384d5bba7cd3c7f7a9ce4fc', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: 'cd8405698b54527343aa406d4aed6fdee3d001cf', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-option-list-section/swirl-option-list-section.js

@@ -9,7 +9,7 @@ export class SwirlOptionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'b29d33f7dd1f93b6fc7724eee2e40ea5ca887d0a' }, this.hasSeparator && (h("swirl-separator", { key: '8c714ee3d40ee17f1ef0b30c8afb46d9530cb0d8', spacing: this.separatorSpacing })), h("div", { key: '8d16b23294d50bae052c149a612ca73f8262b991', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '06ca5991653bc87c87d999ec08659602b2eb1aea', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'b60c656676ef9d14ef168a2987836a895bef398f', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'bfee3fb92aad5317dc74bc2a81b8b3c9cde6818d' })))));
+        return (h(Host, { key: '5421eae15049f0dace350c6e11edf7b94213bc22' }, this.hasSeparator && (h("swirl-separator", { key: '4d79372657d5455eb7eb2d44740c160653afb916', spacing: this.separatorSpacing })), h("div", { key: '50987bb673e75e33dc641a5d84e131fedc310671', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'b7dfc1cbd62293071ec12a379a2ef11a7168dfa2', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'b625d210ed220d7790547f2a7e6f5c02fb0fdaf7', spacing: this.spacing, align: "stretch" }, h("slot", { key: '68d1af3b20cb338b6fb149aa5f3d15a3b09f870a' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-pdf-reader/swirl-pdf-reader.js

@@ -174,15 +174,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'fb3233d32f7d3f3e10076a8ece2e8c961c50cfe6' }, h("section", { key: '5ee5e8f398a58630e9fdb8b0a14b4c35be718f62', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '62f8cd55a9b7d4d518d60977fd64be740c32490e', class: "pdf-reader__body", role: "document" }, h("header", { key: 'f7ebd7456cc48f1d72d4edac6053dc39ff3b412f', class: "pdf-reader__header" }, h("span", { key: 'a652c2ecc71b9d28668bc05d3c8c2f2e486901e8', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'f2b3641b841967868ab5941b324bfd42ec2d0475', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '3c276ffd32d59860bc4e94aa337ffbe6882f8ede', class: "pdf-reader__label" }, this.label)), h("span", { key: '23f9f2f1cc950a068d68070945d31b61e6126b83', class: "pdf-reader__header-center" }, h("span", { key: '5d3490aee948352e095db6e8487c35e05935d791', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '11724dfccd231c42cccb159ba65444387e62509c', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '4181261ace1c3ea8793f7f5a905ca917101d4ede', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '9437e13a26395d3f0e8d94c93ac173ecac711f8c', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'aa4e70a0674af7c1dea2e9b45feec7956100d74c', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'e5480e27b6b25babbe5c0fa5d0542cda511f837e', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '1da25073d837be63f30d3a8428c23e212b2fafd9', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '4a83317eb704021b997458b665ee99ed2aed6ddc', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'b0005855a1152beac1d664514a3702a9451d7328', swirlPopover: this.menu }, h("swirl-button", { key: '622458ca279a384539f21ebe50d6114992b29494', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'a3fc49779cc570d3d618fef11c495c24707ed3cc', class: "pdf-reader__floating-tools" }, h("button", { key: '2aeb37e7ec82fd3bb092e7118c987b3bdef7e636', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '782455dfcb8a76caa914940422a9108a8904f9df' })), h("button", { key: '98d64175c5c2aadf3bafd42bedf2001075cc9ebf', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'dfc82b7aecab64070591ca04d0a9ef2a422bf739' })))), h("div", { key: '134aca9a0684886c89fa79a353359a697550c381', class: "pdf-reader__content" }, h("nav", { key: '0ecb1a1136be2f0fa0bab323f178d724901d0b9a', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'bfd7f989f3f022ed34941653c3d84baed2ad3625' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '496da66e88a928fe1c56f6f763ae6162bb950891' }, h("section", { key: 'f41daf823e6059d8b0ae059a05488cc334c791ee', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'cd67e8312fd7104eaa8119c95df6f094d327c388', class: "pdf-reader__body", role: "document" }, h("header", { key: 'b570c2d68444d8df5955ffb45cd9fac8437476ed', class: "pdf-reader__header" }, h("span", { key: '4fd952808334798ea2412593c1a1ab163c9d726d', class: "pdf-reader__header-left" }, h("swirl-button", { key: '0c460cca5683f8433efaf383b77981ad8e49e77d', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '6f856804faee5aa9b31f77b334abed7436071794', class: "pdf-reader__label" }, this.label)), h("span", { key: '6fa57fdc3a80da2afbc4aa5e7274efc46eec191d', class: "pdf-reader__header-center" }, h("span", { key: '9fa324344ed24db8fe308b4261aecc2d50e5b703', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'e2626c29ec795861cda5583145e4a9ad57285358', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '9066943efbe13492a14499cb7a15655f71bde1fa', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '25cc68317307763a381d2e4ecd574d552a44294a', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'a97acb100a710af162e4ff897ecfd78dad90d708', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '6e8ba4431f58da1801705ac752eef86a690cad1e', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '1d0810f55f347015848bce3569296087b9aaeb00', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'a191ccc898778a0298b1a41c1df238f126e8b5fe', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'b017f70ee4715d7c075c0a0b87acd63c3532dd6e', swirlPopover: this.menu }, h("swirl-button", { key: '7b8b8dcc932edba187789ffc65a5f0f0a4c5842e', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '914b5f4ec79503124d94b679d34fe0d9e8c752c2', class: "pdf-reader__floating-tools" }, h("button", { key: '0b9eaa36af53a8c7710b172ed9313031714232b1', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '97911719538c972c5db244e2dbc84f7775d06308' })), h("button", { key: 'f895797459cc8d179ccdca91920f96255dfa6be6', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'ddeaa6ef8b386f80e064404b3d93222108729530' })))), h("div", { key: '5637bb2a6b2d220e751197c485397511d55c9c43', class: "pdf-reader__content" }, h("nav", { key: 'bb7e594a0f50752f633825215a26f31701b36907', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'ccb544784a0fc34697b4920be700498d2d0be259' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: 'e2c02f7be3605aad2bc45e4accd39220aa2c2168', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'bcf1fac9186d05ebe6155031c88c5ac195455250', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '73ca86fa25900e82e81046e2958d1200c906eb8d', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '7f668b8a59b6a6912021ea4093044bf9cc9e028e', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '4509f05ea5b2ab240e733032e24ab64324223df1' })), h("button", { key: '7fd15e7de7e2de575a428fefd275ddebbefb5de8', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '29de80d62a81a42364ca1e1c1d16bd1f7150c3a7' }))))), h("swirl-popover", { key: '829d187bcc596e78bc7dcc08ab305793a5d1f644', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '43ec6b74b6a256716c3a4498280a240ee0eb0996' }, h("div", { key: '4a2fabcabf07a51a3a627df9f54e736dd8635f0f', class: "pdf-reader__meta" }, h("div", { key: 'aeffca8173ce29f048c68e259bcceffb3250db5a', class: "pdf-reader__file-icon" }, h("svg", { key: '03abdeb05109fb6f9ae2a74f4b892968ec8289a9', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '969b829e3328e3f26e0a3fee9f7a2e4f5042c976', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '86067468dc04a6774645483ae0488dc537563b1a', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'a955738491116d02b9aeb03835fc2cfaead1b302', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '68a4b29327c7c619c6dee71a1e74ad86e5b55ee7', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'c273d1235c481357eb52ee6ccadb8960856f5506', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '3bd0bb5d9a1f8f998969196a38fcd828ad436438', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '8be134ee484937d62ec427dac9ebbe950e15967e', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'ce0015a7246c6ef8fcaf02834de2e01cba523d7d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '627d3b484abfb98cb26bda6f55919ff1792556f5', class: "pdf-reader__file-info" }, h("swirl-text", { key: '3132e5d58d1da716edcc72398754e60ea0ec9ece', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'ce9b96624d1b691be694596eabb2717d15034fef', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '8787c01fb907d10124bd962b470dbcc4fecf5720' }), h("swirl-action-list", { key: '761020490c6ac5b308f353eb249611fa58b6338b', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '5c6e0db814b8898a811eba8a5130a58fd987b0b3', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c080f5145f7285a68636983ce7c70a4384c6c9c6', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '03417f00a003be7043d111c78b073dc14825211e', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '6d8fa0c58dbd7e3ed0cec4d42e245ed212057510', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'a63b55249d06d3131fda4e70e8e6f3c0443aad6d', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'a3499f1ae6e9e2a99416e9fec108b03b92159e11', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'e451d4e0bbbaf735089f4ba7cd37f4bdcd6fcb2a' })), h("button", { key: 'f37207c326dab4b740e488fb54d610ce73b01e5f', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: 'd0b9eefe644ac8bddaecea864dcbd9192a5212cd' }))))), h("swirl-popover", { key: '1c0bfa5a3b3e7f69901d1d011af535b7822737cf', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '8adb656ef4b0cd55aba9a16f5d3f01769c4ed10f' }, h("div", { key: 'fb42cf741233333611a6330d720fe77ba3c667ad', class: "pdf-reader__meta" }, h("div", { key: 'd40c2deb83ba1632db8524a1a619d2fe2c24af7a', class: "pdf-reader__file-icon" }, h("svg", { key: 'eef3151942ed517ecb3295b75d37b6f77fc3108d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '3e03c7a0207d36eb6d4d6eca6f93b8c17eab710a', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '1a007c3a1fed73215b125bb78c3ff0557dfabb68', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'c7d62001ac221450d7d927432ed6db183da40857', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'fadf86ece3ee22e1149919951d4ddcbc41d52333', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '08b2d00beb30f2dfa521457ec3bc9f8b3effc957', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'b575783f129826491fee52e9a07c02b034ef225e', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'e173c12b54d3912ca590d6fc3a1027f041607377', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'e1c6a00c7c1aeeca11928346e9eec82aea19459a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '81527d7a7f9f4a9976f9052500be771dab96193c', class: "pdf-reader__file-info" }, h("swirl-text", { key: '326d3d8ed4dd1dbb2fed9f07655bccb3412780c1', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '93a61f6cacf5daab80e956228a3687780f34a66c', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '320f4fdc23b00611aaeb20e2b920d28e930b66a1' }), h("swirl-action-list", { key: '8cd772abfa6e907738def7dce08f3d948e602a99', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'a52c7e581725f694b723663da2938f0af88e47db', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '508efe339334d1461f218d5b82f3adc1f73e6015', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '4a7aa1a25b9457f76ecfae8ead4cece30edfdbfe', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '6cba15c001eb9e4b38d93e3a096a434e114a4893', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-popover/swirl-popover.js

@@ -2,7 +2,7 @@ import { autoUpdate, computePosition, flip, offset, shift, } from "@floating-ui/
 import { h, Host, } from "@stencil/core";
 import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock";
 import classnames from "classnames";
-import { getActiveElement, isMobileViewport, querySelectorAllDeep, } from "../../utils";
+import { getActiveElement, getPixelsFromRemToken, isMobileViewport, querySelectorAllDeep, } from "../../utils";
 /**
  * @slot slot - The popover content.
  */
@@ -45,9 +45,16 @@ export class SwirlPopover {
             const offsetOptions = typeof this.offset === "number"
                 ? { mainAxis: this.offset, crossAxis: 0 }
                 : { mainAxis: this.offset[0], crossAxis: this.offset[1] };
+            const shiftPaddingX = getPixelsFromRemToken("--s-space-16");
+            const shiftWithPadding = shift({
+                padding: {
+                    left: shiftPaddingX,
+                    right: shiftPaddingX,
+                },
+            });
             const middleware = this.enableFlip
-                ? [offset(offsetOptions), shift(), flip()]
-                : [offset(offsetOptions), shift()];
+                ? [offset(offsetOptions), shiftWithPadding, flip()]
+                : [offset(offsetOptions), shiftWithPadding];
             this.position = await computePosition(this.triggerEl, this.contentContainer, {
                 middleware,
                 placement: this.placement,
@@ -263,14 +270,14 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '455e31122faf8e5766c7c3f505ea50f4837e5d2f', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: 'b9e370e001eadee537375c65c006da022e926f8f', class: className, onKeyDown: this.onKeydown }, h("div", { key: '5bf0a111ae45a0b78cb5b1fd182f6e6cae4ef918', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: 'cae2c409308bf89dc66f2b89456568046aaded46', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: 'db3717521769c75c2653098cbb625224dbb2eb55', class: className, onKeyDown: this.onKeydown }, h("div", { key: '3aab5c2bb11f1beea924f3c7de4e65a1fc8eb1d7', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '2f4351d341b6b052136d50955c113dc8749da370', class: "popover__handle" }), h("div", { key: '9076bbc0a9b87ead06ff6782553fe338a5fabf8e', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '8e448d47cb436bf6480559afc079eb6bce38fe12', class: "popover__handle" }), h("div", { key: '86c8939a2de68df053efacb31bdc97707007259f', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'f0311a5c9c70f7c7012d24dcd54a12155bf4c9c0' }))), this.active && (h("div", { key: '03b8839d5ef459920dde306baeeb71e3932b1c84', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'a5cd47d451b4cd8874b3f76a2dcab3818d71ab1c' }))), this.active && (h("div", { key: '05fbf70a43239cca62a57ca654aa78c3914069da', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-popover-trigger/swirl-popover-trigger.js

@@ -153,7 +153,7 @@ export class SwirlPopoverTrigger {
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'd3f1b4af05f94975b38cafde3a106020f24f95ca', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'f3fd3bfd98a966bf1dc8a7c6f49fcc874eb3ea54' })));
+        return (h(Host, { key: 'd29a8367b14d3539999b84e5e853a5718f1e4b44', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '614ece098209821558723743a5ddf9b230a7b222' })));
     }
     static get is() { return "swirl-popover-trigger"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-radio-group/swirl-radio-group.js

@@ -33,7 +33,7 @@ export class SwirlRadioGroup {
         }
     }
     render() {
-        return (h(Host, { key: '1debd6e4697138d8d5d4293570bebfb2ed340512', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '0c40323803db3dbee544d5dc904a3bb81c66c90e', class: "radio-group" }, h("slot", { key: '748d733ec4b250e73e07e5a482e61dc14b368d36' }))));
+        return (h(Host, { key: '37a8cf6f699fe33ccc510ca8095c1bea8d6f7864', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'd28e5d2ac8d6665627751904dd718fc21687b950', class: "radio-group" }, h("slot", { key: 'eb080fe5e5e5b84fda262620e1879a1e801ff212' }))));
     }
     static get is() { return "swirl-radio-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -32,7 +32,7 @@ export class SwirlResourceListFileItem {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '8a121125aa2bd0dc98035d723d1a10706920e647', role: hostRole }, h("div", { key: '7cc4ffdfa2239aee849e4b3f19977fa95b5f4a5f', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '81cafa46a1fe9091cc8c90397adfd3b2d69e9b50', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '4287707b1353ff14be2ff78c2fb34ff6340eb882', class: "resource-list-file-item__label-container" }, h("span", { key: '2d00059fff7a73691a2f33789e3fa0fb70e93a5d', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '8cabc09c7e93f31e68015bf2fff3c0d39f11fb3e', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'f17680d141b1f1c993b906a789fe013375023dbb', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'ee9a7264f2abcf635d3f1609c8d7f155fd367472', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '1c6ad93c099a5057d383a190609461d9b414bd2c', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '24efdebdaef659d83195d2bc426143f1f0bb6816', size: "s" }))), showRemoveButton && (h("span", { key: '10e93290ee7b0f9e12697231752236f3583ba148', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '9ca0687a5b2cbac6f6bed023485545c3a04106df', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '21f4b4c5e70734a8bdd1a864e3cc2739244d850e', role: hostRole }, h("div", { key: 'd6f25aece7f7eb3dfad9a68fe80c6a22e6d172f6', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '742e4b5ef1cd518da39373b0e9aad6da31b41d2a', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '2e2dbe99944ed76bab99de2a1a36f469fcf0b6ea', class: "resource-list-file-item__label-container" }, h("span", { key: '26d5aacc5a2727c6d33741476a19e040edd3a12a', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '81b3b7cf2fc8b6fe08928fa2e233d10c258979ff', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '94fb075d4fe28175bdb5a78a20926196a3284c02', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'b7a034504f8da15a135441ddfa1dc9f9546a9f35', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '890314421bbc906250ef1db0665ae33eb7562c6d', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'ab1ffeda4d4fe976b4d728235e4cb517fb2ba882', size: "s" }))), showRemoveButton && (h("span", { key: '5a2da1e09b83b785816e8ab66f02b0bc060b5405', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'cf79d3987a55d9121a34f3f81e5a74ae9f23fedb', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get is() { return "swirl-resource-list-file-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-resource-list-section/swirl-resource-list-section.js

@@ -11,7 +11,7 @@ export class SwirlResourceListSection {
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (h(Host, { key: '883825134d9bd2ef376418bbc4d5d522991bb62c' }, this.hasSeparator && (h("swirl-separator", { key: '446341e2a3170b7c6bd2d5e48ba68f86b95b7076', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '20bc260909c18c768fa433911ae7360f3c5a4bc7', "aria-labelledby": "label", role: role }, h("span", { key: '1c1af323bf34c0c38dd69cfc046c2d62776afa51', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '41c2237588f8f98a3efa267479fc1fec815d6d8f', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '4844b6ac248e94b177e358a2dc608d84ed9c0f88' })))));
+        return (h(Host, { key: 'e76104747003bd33aa22a4637191e8900d582d49' }, this.hasSeparator && (h("swirl-separator", { key: 'fa9d681b64a39700dd73becf578e3e40e1ee1aaa', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '9cc3e030fd10bc4fd06fc45049bbd3323896753e', "aria-labelledby": "label", role: role }, h("span", { key: '81ee57856446b64392fde1157c7f395c474d36e5', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'da6ebaf6a9e28faf68324764adddd45f2798d618', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '53f0c6d948610f9d308ec1a1155043ec65ccfb20' })))));
     }
     static get is() { return "swirl-resource-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-select/swirl-select.js

@@ -118,11 +118,11 @@ export class SwirlSelect {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: '786fb463ddf144d6dfb39d085f0a62f33df1f8ec', onKeyDown: this.onKeyDown }, h("div", { key: 'd3b733b2a7210d24fea8650f2a66641068a66d72', class: className }, h("swirl-popover-trigger", { key: '0bc593f09d8033892ea9994ae3537f9a4051693f', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'ac70e09dc7d74cb0bb1f2e2d36f83633cfe19b1a', class: "select__value-container" }, this.standalone && (h("span", { key: '657a4b93396b5289645ea3474bcc030ef55d1a07', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'e15d7d16c785149f04c79743d6ea5b174c53766e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '57dd4e2f44730c40048b805a135964f35d323a07', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: 'a761ef99d071c5a71067a1e1723f6b5d1fdcd6f9', onKeyDown: this.onKeyDown }, h("div", { key: '83bad24b8e3fb805289aec12e0c14de0f50a7a5a', class: className }, h("swirl-popover-trigger", { key: '74ce6afe0e3c1fbe4aa18e7e66fc4218fe5fd956', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '523381d0dcad642c51df5466a31b2c0f6e862c57', class: "select__value-container" }, this.standalone && (h("span", { key: '8700d6dff3807cdef41f2e0d3fd6226522cf2520', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '684b822895f794b4ee0ac633cd4e833254fa5c86', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: 'c803fb8b35854b40c974eace6248a3e11253aa00', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'ae7afeccb7be00b1bd310180569657532d5af70f', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'e0e3d5c69190bdb31494e0f29ded9d00b944dfe4', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '770a371b7e28936e373a8de25a8e095edff739de', class: "select__search" }, h("swirl-icon-search", { key: '9a7af8db48722a7bc7f2667b5ea96a1fce1a2c39', class: "select__search-icon", size: 20 }), h("input", { key: 'fff83477c8741ed6c7bba7f3071fb018bb09563e', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'bed007bffaedeaaf68da6da28d2546194503a802', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '0e880df095d35d3f0aaf233c9b311b99da28dc8c', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '9b7203ecd0473f53058f709d2134bac4bb3c38e8', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '2bb5a35882f160a07d0ec6f7b47c4cba66dec0d0', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'aa8fd6af7062bdefb710ec3456f5e48bcf96fbc2', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '7e4e4fbe50f76c5d22e34df81b09de483eff8aed', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '52d44357d5509560c7acce08631d02427a31454d', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '7d54a83d4d3f8776e788b50824de2823fa0ff5ca', class: "select__search" }, h("swirl-icon-search", { key: '81d5d605780cf93aa83656bc52848bd6483cf65f', class: "select__search-icon", size: 20 }), h("input", { key: 'a0c2a42ab2a82bb65895f51f541a88bcced76205', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '94fadf47da0f8fe93c0ffc4573553395170cd5a5', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '14ce87b1985ef1d8449f1c5b7dafa9f057ecf5a9', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '0e2b63c721b0820c269c05f7d3413a18a114d15b', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '23b57e2fab5bcd946f1ea5942f1e8a419b632580', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '94bac27b77141e68b3d67a0bb1ef96698a4b43fd', onSlotchange: this.onSlotChange }))))));
     }
     static get is() { return "swirl-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.css

@@ -6,7 +6,6 @@
 
   --swirl-shell-collapsed-nav-width: 4rem;
   --swirl-shell-extended-nav-width: 18rem;
-  --swirl-shell-sidebar-width: 21rem;
 
   display: flex;
   width: 100%;
@@ -100,52 +99,6 @@
 }
   }
 
-@media (min-width: 1440px) {
-
-.shell-layout--sidebar-active.shell-layout--navigation-collapsed {
-      grid-template-columns: var(--swirl-shell-collapsed-nav-width) 1fr var(
-          --swirl-shell-sidebar-width
-        )
-  }
-    }
-
-@media (min-width: 1440px) {
-
-.shell-layout--sidebar-active .shell-layout__main {
-      width: 100%
-  }
-    }
-
-.shell-layout--sidebar-active .shell-layout__sidebar {
-    overflow: initial;
-  }
-
-@media (min-width: 992px) {
-
-.shell-layout--sidebar-active .shell-layout__sidebar-body {
-      border: 0.0625rem solid var(--s-border-default);
-      transform: translate3d(0, 0, 0)
-  }
-    }
-
-@media (min-width: 1440px) {
-
-.shell-layout--sidebar-active {
-    grid-template-columns: var(--swirl-shell-extended-nav-width) 1fr var(
-        --swirl-shell-sidebar-width
-      )
-}
-  }
-
-:not(.shell-layout--sidebar-active) .shell-layout__sidebar {
-    animation: shell-layout-no-overflow-after-transition 0.1s;
-    animation-fill-mode: forwards;
-  }
-
-.shell-layout--sidebar-scrollable:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar {
-      border-bottom-color: var(--s-border-default);
-    }
-
 .shell-layout--mobile-navigation-active .shell-layout__nav {
     transform: translate3d(0, 0, 0);
     box-shadow: var(--s-shadow-level-3);
@@ -300,17 +253,6 @@
     transform: translate3d(0.1875rem, 0, 0);
   }
 
-.shell-layout__sidebar-toggle {
-  display: none;
-}
-
-@media (min-width: 992px) {
-
-.shell-layout__sidebar-toggle {
-    display: block
-}
-  }
-
 .shell-layout__nav {
   position: fixed;
   z-index: 9;
@@ -478,71 +420,6 @@
 }
   }
 
-.shell-layout__sidebar {
-  position: relative;
-  display: none;
-  min-height: 0;
-  grid-area: sidebar;
-}
-
-@media (min-width: 992px) {
-
-.shell-layout__sidebar {
-    display: block
-}
-  }
-
-.shell-layout__sidebar-body {
-  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 {
-    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 {
-    position: relative;
-    transform: none;
-    box-shadow: none;
-    inset: auto
-}
-  }
-
-@media (prefers-reduced-motion) {
-
-.shell-layout__sidebar-body {
-    transition: none
-}
-  }
-
-.shell-layout__sidebar-app-bar {
-  flex-grow: 0;
-  flex-shrink: 0;
-  border-bottom: var(--s-border-width-default) solid transparent;
-}
-
-.shell-layout__sidebar-content {
-  overflow: auto;
-  flex-grow: 1;
-}
-
 @keyframes shell-layout-backdrop-fade-in {
   from {
     opacity: 0;