npm - @getflip/swirl-components - Versions diffs - 0.338.1 → 0.339.0 - Mend

@getflip/swirl-components 0.338.1 → 0.339.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1848) hide show

package/dist/cjs/swirl-lightbox.cjs.entry.js CHANGED Viewed

@@ -15,6 +15,7 @@ const SwirlLightbox = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.activeSlideChange = index.createEvent(this, "activeSlideChange", 7);
+        this.lightboxClose = index.createEvent(this, "lightboxClose", 7);
         this.dragging = false;
         this.onCloseButtonClick = () => {
             this.close();
@@ -212,6 +213,7 @@ const SwirlLightbox = class {
             this.resetImageZoom();
             this.stopAllMediaPlayers();
             this.closing = false;
+            this.lightboxClose.emit();
         }, 150);
     }
     /**
@@ -312,7 +314,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (index.h(index.Host, { key: 'c341834e3aac47ffb22b563c003c8b1dd4fe9eb5' }, index.h("section", { key: 'f46894169049fefa980796fc4b1cc3fdd376838d', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, index.h("div", { key: 'f7521f475b935b03a27490733d676a70231a34cd', class: "lightbox__body", role: "document" }, index.h("header", { key: '4257f81271b15423095988edbb825c17319aca62', class: "lightbox__header" }, index.h("button", { key: '1ac0f9973d326584b530849a05a25c8d43f59027', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: '8817c013f937fee6f5347f70eb4a761e8a125bf9' })), index.h("div", { key: 'd8f0efcb556d7ad64f8a662fd83bfc46466a39e9', class: "lightbox__toolbar" }, index.h("slot", { key: '3d4e194d59f088cb2490244f81fb8c7b243cf406', name: "toolbar" })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: '9d285c376a826eb86ff0fb768e943a91cf1e449f', swirlPopover: this.menu }, index.h("button", { key: '1ba4480b6ca5d5c4281fe4b9fa324fae365570d7', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: 'd48ce578106737acd9735086346e700fc2fa7662' }))))), index.h("div", { key: '79fb536cc7dc99865b54f2e91c8f990aa07f07e8', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: '83366c9514f81844905cd32f790551ba9bfebada', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '4845f6646a00292809b4b7443293b8955c0b2cc7', onSlotchange: this.registerSlides }))), index.h("div", { key: '44eb9e48679289556da1b476cd41b35a9cb6b624', class: "lightbox__controls" }, index.h("button", { key: '5831a8692d50e7656fcb85e81db3d3585285a133', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '8e0c143bfcd743e6bed514e092ad8c0cddc1478f' })), index.h("button", { key: '28b6c3c1fbb5b62f390624614b73deb346d4218d', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: 'b3413f824ef6e0173b77d85d48cad037b044d62f' }))), showPagination && (index.h("span", { key: 'd6319e7fb7a1775f5cc580f30d7e5a07df2c7b17', class: "lightbox__pagination" }, index.h("span", { key: '55366bbaad378bd9db6afc2f17a195f871a7f3de', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: '0e0a84cedabe8b4850fe5206efff1c263a81d3b9', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '360d9a00010b71080c62f646ec479d21ff0a3942' }, index.h("div", { key: 'd42cf368a04de1c4fadfd2c5264dc9c6873b1aca', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '32d7e7ce88e241b41095235b3c6ccfac04197468', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: 'd7d75fd11bf6e26e7a2685cf701e744de453ba67', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: '53c824dc2f50ab1d83bc59b4013118c3d16095d6', class: "lightbox__file-info" }, index.h("swirl-text", { key: '8a4a4d1f045e162085137903f5079638ddff47d5', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: 'd55300791e7a1176bca3b5a595811fc2becb1fe4', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: '9d1b7d62024cdce24ca5ba6d0f5331b3d2d93121' }), index.h("swirl-action-list", { key: 'c8e95fcfacc661ca46e28d7e3d050964c84c89ce' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '8dc312171d699275411b62c69856de6e1c8a0b58', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'd468bae73788ea1f7217fa6cae9335c3a1c22384', name: "menu-items" }))))))));
+        return (index.h(index.Host, { key: '7ec2ff7ae859f6b2b763dec791ae0258d96ac1b6' }, index.h("section", { key: '7e240f9db8922e59d49eb1a062e966d8f3c5c035', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, index.h("div", { key: '9343b363ea541c0b686c6bb1ca63c92a64e5469d', class: "lightbox__body", role: "document" }, index.h("header", { key: 'c070d7de54889c343c7f97129b888f6c369828e9', class: "lightbox__header" }, index.h("button", { key: '11698cda3f2a92e7716d10da20ee22790fb29a49', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: '725e245b862c679400d5b0b7d78e586d2bf7b48f' })), index.h("div", { key: 'b475e286dc610759598498e10c05ee4ff76d2011', class: "lightbox__toolbar" }, index.h("slot", { key: '88a44ec7c0527cf5eb496c53804323969b1527cc', name: "toolbar" })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: 'ecb272423b407c1c4ee0d3999599dbc60e154d86', swirlPopover: this.menu }, index.h("button", { key: '972284d42ba6690257534d37d97325e84e23e5b8', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: '4ab88103db1cd859a330b840bf58860466be7be2' }))))), index.h("div", { key: 'b4f62a468b4f50633abca8d650216be04510fa09', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'd500d39978fa73fe96fa78d291edc9c76872546c', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '5667ede916bb092ee674c25d2619fba9f655a292', onSlotchange: this.registerSlides }))), index.h("div", { key: '7dc659f8dbd86c268ff8e725f792246eac7a39a3', class: "lightbox__controls" }, index.h("button", { key: '43304062d2af699d390671ade5fbc72d53b24c48', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '86b1dcd59d574cad973f038e7ce43ddeaa9ac987' })), index.h("button", { key: '1d2e510954c9d8854b9f64710bbbb163e791078b', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: '4c5e7ddece5243c0df2414757f2413becc1fc2ea' }))), showPagination && (index.h("span", { key: 'ed04a465d67c1fee34f6b7b8d2dd1a7048e9b1d5', class: "lightbox__pagination" }, index.h("span", { key: '93ab9f05002d13b3fea5bd4e59cae7e021dc4f17', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: '971ab4e9096b6e3f1a0974c199a459c25a2ea648', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'fbdbeeead8e738d81b7d877ad60dba10eccd1b4e' }, index.h("div", { key: '2d8226853d74a16fd871d2958f9510f81c6fb031', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '03b456243e7425812d6a75ffad2270b4a17eeb3a', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '30704b18fc62de5ff17f7093363aa772d0101227', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: 'fa5398fe7a00d13c7b6c282dc6ccbea7d5e1edec', class: "lightbox__file-info" }, index.h("swirl-text", { key: '9e31e8adf6104c82bb32f9aa659b3574dea9c656', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: 'a0d9cdda0f9469a672348f43249174b5226457bb', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: '1fa3ed14a300634b88997273ec7f543411fefe48' }), index.h("swirl-action-list", { key: '8860c08573ede96a23dcd4c60922ec6f0eb5d5bc' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '8481a03ab52125ef5b08e400fe63e88607452c52', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '414082b16e5c50cfc4667acc6f948eef787c93fd', name: "menu-items" }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-link.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: '8b276b12968034b35d2b39a6b8544535d78e06ed' }, index.h("a", { key: '48d365eab74bc1f83da3ccbffcf2fbb566933b05', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: '8967699e1ee450cca8c81810e13d9e121efe5645' }, index.h("a", { key: 'af6f382f6549157acd996d45457b475802346d0b', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

package/dist/cjs/swirl-list.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ed325d68cca122fa55d54ed91db889dee4c88410' }, index.h("div", { key: '5b13c1bf890819aecc7992391d0bee382cba1205', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: 'e88ca4ffd4ba9c1f98a78d056cd9e83f66cc3baa' }))));
+        return (index.h(index.Host, { key: '5b1d3e9cb9cdbc98dac11d41c67b1b1b51622fc3' }, index.h("div", { key: 'f1490f8d2b6eb6928d06abfaa7164de01eac96a2', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: 'a75a41aacb1bc175d877cf3f943ad1889931cc9c' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

package/dist/cjs/swirl-menu-item.cjs.entry.js CHANGED Viewed

@@ -122,9 +122,9 @@ const SwirlMenuItem = class {
         const className = index$1.classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '9320ba604bd59456fdf861da0a94ed968b435de7' }, index.h("div", { key: '885af73ef905658a9098f7975e9c8589c6ba4165', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: '9584ff13ba291007f473d52b2554507e7d5e7a2c' }, index.h("div", { key: '3ce1e14dd8bb846b4cb7250b205b16d4ce1da32d', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: '81b800e62011bff3c28639457353ed258ee7ce91', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: '56205fcbad57558c83749b9062ab0c51a9ffd9c6', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-menu.cjs.entry.js CHANGED Viewed

@@ -298,7 +298,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: 'a9a6d23b817d8fe68e747400a69275fbbef0b2a5' }, index.h("div", { key: '8af753ae3070407da08e969c3f0590f714bdc47f', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'ff1caaedf503275b1b5894c6997c82e012fdddb0', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '37c2ec4f45d11b466802f72e75ec8dc23ee07e72', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '06ff137930e5b6f4778d232696a1ea5bb9c97fac', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '2ef593767ea127710f8c9adc33bebe6d1cdf6bb2', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'a1d79bda33c6fcaf39eceb12dcf16e4dfed76fea', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'ba4285cc640cc0d222f7eb7b3431c6957d259c1e', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'fecee80722bc7f06c832cda0911c43d6e18ad765', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '14d513570280eb415edc20e3180babe4e06edb84' }, index.h("div", { key: '95e6ea0c4ef6c860be438e81e136789e0da1aaac', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'd3994bd3b4052114473e565f86de1bc61e49d679', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'f247067e415e2b987990cc824b30b50c99df839d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '358bc15f34a0731c51effb4f5ace0032a73bc262', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '426f977b65536d7a61acfa857eae758e5e97cf3e', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '06af6cab0c2c130d6c88500bb99d5668fffd40ec', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'ff4bcc9e9bb9c243bb5927bd3a8772acc2c3dfd5', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '30f1216bd6ccc0224e832f2be0d248ca9cfdf6ab', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -309,7 +309,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: 'd2b2e67fc903edcbdb62fada84d1be2ea2917f4d' })))));
+                    : undefined }, index.h("slot", { key: 'b5fe00c7591b29cb9b35ed3ec9e0e6588afa972d' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-modal.cjs.entry.js CHANGED Viewed

@@ -263,29 +263,29 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (index.h(index.Host, { key: '2b23bee007479c77c1d9b2933b2c4d4810c53c32' }, index.h("section", { key: '64d583fdc341ab721810f81054f82673c1ee382f', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'f0c219caceeb4a4f71738c2d3fc263c7beb4c208', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '1329ab999eeddbe8d28a96c972f3789560cd8c1d', class: "modal__body", style: !this.isFullscreen
+        return (index.h(index.Host, { key: '0a59eba861d5f7af91bbe686ef1d2479692dcff0' }, index.h("section", { key: '83461ad5b19cccf7641bd09a8febe400ce77e9e4', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '18704e2726f5d042ad323a840ec3573af0209b35', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'de27c3fca3869ac480bca16526d1df669345e133', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, index.h("aside", { key: '63f669b4ad672558db1d1fa6bc3b7b97454dc78b', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: 'd7eead9a08be568d954af5aa2d2e68e3c67db59c', class: index$1.classnames("modal__sidebar-header", {
+                : {} }, index.h("aside", { key: 'fe113c16dc3c9c84d33b01ff45a87d6c5d114aa8', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '8d8b23a54c408172f7869d4f785c1d5f7dd0b782', class: index$1.classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '54fbca0f39217bbf7d6d8200b6462eb295a99e43', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '6072ef15fc9c9f8e4d5eac37379aaa658e82f8e1', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: '53da064e8995cf4be83e30ba6c5b0e0ca15ffb55', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: 'd03f908e630b4732731b0f9079f9a2d803569083', name: "sidebar-content" })), index.h("div", { key: '013734312f1dbded05d40e3f7dbb0f2a82e391ef', class: "modal__sidebar-footer" }, index.h("slot", { key: 'd2b9d588479058021563e9e898e3429fdd5724aa', name: "sidebar-footer" }))), index.h("div", { key: '54bf61dd702931a4cfc91548c3f240e7adad0268', class: "modal__main-content" }, index.h("header", { key: '3fee55ec687e448b15c97f2084c26d098ea82895', class: "modal__custom-header" }, index.h("slot", { key: 'ad4893a36c51280dc039b9f5fb38c1c5ff219ba3', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '51c21e62a5e8c9addacdf9683e269b082b6d8d69', class: "modal__header" }, index.h("div", { key: 'a6872ebf5ccd2e94e2727d51e927eb43a3eaa0cf', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'aa957cec58fb976602decedc4b86fdc22f2658a1', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '9cbab3d64d3673d035776bc46a8d91bbbfdb2a0f', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '91019a6bbd5744afc3372eef4943aff3763a0389', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: 'c857ae76550b0f1308cbbb97efe8588613d699d4', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '1537bee461ebe073751160091af42b588f1667cd', name: "sidebar-content" })), index.h("div", { key: '1848ed2ac120d83e9b3786b8871fa3af98ef7534', class: "modal__sidebar-footer" }, index.h("slot", { key: '88924ec194e2045696865b1297115eebb7df5cac', name: "sidebar-footer" }))), index.h("div", { key: 'db23a81cac33f085f3b86306e058d7ca3136cd7f', class: "modal__main-content" }, index.h("header", { key: '3d6dcf58695a9021add933aa607dde6c2957e81a', class: "modal__custom-header" }, index.h("slot", { key: '0c17547f63f3e42719dfa346a7f12ecbd2d50beb', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '6cc9c6241938879b572b72ff1596a06bf600bd03', class: "modal__header" }, index.h("div", { key: '8d4f6e649a0e7915fd2b946c0c5375146687548b', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '574e5ca9b8c855b2987e1fed5eb417e8d6dfaf9c', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '64f5445121a25644bac5226896f23f33854f6b88', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: 'a55cf49196ac11b0b9b074b2ff4efffc46c689bf', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'b30b7e9691d24b0ac0d3a9636a7f79c454c4f139', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '562bb64ba36106327e16ca1f2a5ea336ec45f796', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '5a90dcf113b810a7a78876f8da6b752aeddf0834', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '81ddff0b1a512c7b8a7f57b52fab4d12ba2d6fa8', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'f2c8bb40bdd191b92b88acff3a96712c9efca717', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'e7958595ea46433b2ed54308ec4bee28100fc941', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '8f87e7a5c7a0904637627e927d86ec2e286408fe', class: "modal__header-tools" }, index.h("slot", { key: '4097e5d5ec47a737d1f66d5d54297845e6409a87', name: "header-tools" })), index.h("div", { key: '1c50d0ff133324c69fa717e39d58360a2d112922', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '8a08576a54e4e270c6ac0cb48ddb367bb962fba5' }))), index.h("div", { key: '9cfecbc1bb7e4e75b7e868fbb2cf098bb41c490e', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: 'ed03bb2611cdc596e2fbcab1eebc550df25c6445', class: "modal__header-tools" }, index.h("slot", { key: '10364a544af98434e359fb01771b0e813282f755', name: "header-tools" })), index.h("div", { key: 'a654394e1e3b3bd9fcec28e099119ae33c93b9fd', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '1391bb9a51311df273221eff2f0b057f338130bb' }))), index.h("div", { key: 'ed03ff6ce971f504e7b179e90fdfc71aabd62a45', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -303,7 +303,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: 'bfebcaa9b7bb8c5a8c2b1dca7a966892a9476ae3', name: "secondary-content" }))), index.h("div", { key: '7ee46134d7e88144004a50106706c9f7ef6afce6', class: "modal__custom-footer" }, index.h("slot", { key: '2808a25c4d093faea576e39a8f91ed93fbab9197', name: "custom-footer" })), showControls && (index.h("footer", { key: 'a20d76c251b5a1b4c96adedc61f3775ec0ef1d6f', class: "modal__controls" }, index.h("swirl-button-group", { key: '79b50ac7dca79c37a5b754755146917596d101a7', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '903d1f7a4d4cbfd71e8183eb52eef9089e1a4082', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '83566b3c0a6202a9702c7d9c0638d5550a127837', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, index.h("slot", { key: '73be1d825e7395254ae68068c15e06e6e59794bd', name: "secondary-content" }))), index.h("div", { key: 'f29bb84ba3f488e43595b587f1c24296ca808069', class: "modal__custom-footer" }, index.h("slot", { key: '77453da2b7d5918fcade82c0dcad30280310a009', name: "custom-footer" })), showControls && (index.h("footer", { key: '6732f3c5ebc6e11ad49ca80af2702ec025989391', class: "modal__controls" }, index.h("swirl-button-group", { key: 'b0778f3a461cdc85e30859e27a90baf836c9e2d7', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '02f1a653685dc4e026ab8f73ba07ea556d2b3061', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '79e87b3661c02df3fe1008deed737af6e7b39e58', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '20c8027068e061e80b6dbb82403be87add89055a' }, this.hasSeparator && (index.h("swirl-separator", { key: 'a1fa9cef1579a72b93433d56bc15569323388fc8', spacing: this.separatorSpacing })), index.h("div", { key: '7db7df72a5a8775b948b32d44b11ba5d4e501a6a', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '02cd99f65d69d70287785e60d574a1dd08544ed3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: 'fa3f0499cd11498a6abc9d626c54228813d48fc0', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'f986decc2419b6c20f2de77e831d0d5dc64ca877' })))));
+        return (index.h(index.Host, { key: 'e7f6faa64205a4994560a667d45dc6c300c63337' }, this.hasSeparator && (index.h("swirl-separator", { key: '54165c5b3c400a5b5c4935b2a16637ce269382d0', spacing: this.separatorSpacing })), index.h("div", { key: '9a5ff841e78a9933969f13c3cf462ce4375ba2c3', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '4f5a533505b904f2a46f5581471cc36f579cc6e9', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '01634007613b98f483a3becffa8405e62336c33e', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '038269280461816e7b03918ca3c23eadba002866' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

package/dist/cjs/swirl-option-list_2.cjs.entry.js CHANGED Viewed

@@ -352,7 +352,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: '2512eba831f2e9f89ae94d49a6ae5037a7e837de' }, index.h("swirl-visually-hidden", { key: '62fece91e90526b0ea3e116980998ee00c4eeeb7', role: "alert" }, this.assistiveText), index.h("div", { key: 'a4f59b6756d83ac497caa5fa6b6fa34ab5bdc0a0', "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 }, index.h("slot", { key: '1d807503b36f418ba2ab675b7f14265445c1843c', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'f8f02043262910d6591a70b421980a589d2a2b5a' }, index.h("swirl-visually-hidden", { key: 'd1ffbec0fc359dfc31c1becca3c4b877d6aa9196', role: "alert" }, this.assistiveText), index.h("div", { key: '3a6d2e7c1f0974366262a34c5ab4d7a9718af589', "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 }, index.h("slot", { key: '187b2f01037ac3096708dc138ba15367d993edf2', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -405,7 +405,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '103d9ab78d541322d1448dd09179387ff46b19de' }, index.h("span", { key: 'a741496891a039d484db076b0bc8f8eb0aa23251', class: className, part: "tag" }, this.icon && (index.h("span", { key: '36a53c42257ab5a5a7fde3362db258d0ad6902a6', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '36df7ac2ce98fe8201e9a56e7d7b91b7071f20e1', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'a1db513ae6e6a09151a5c73d65c04ec8faa27e3f', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '2d9a7229500cda146745fa03aed1383c1e97c377', size: 16 }))))));
+        return (index.h(index.Host, { key: 'd935838061914acee796acbc26839417eec2f7a4' }, index.h("span", { key: 'a228aaf477d802804cec5d399cebbe5d52de66e7', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'e9f8e478e81885c684d23e85dc337cb53fc53acd', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '7ef2bc52290833984fa3942aac8ef45dc6580193', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '37c73aeb61dc7353fb80428834bd57d5df7d71b2', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '56814e02338864126d1d0bd049fccd6ffe64756f', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '0402b2a64d56d926253ad477a7be0e3a9a98a561' }, index.h("nav", { key: '10c8f15e1c67976163ab968947fcea762a76f4d9', "aria-label": this.label, class: className }, index.h("ul", { key: '58658726f4d916e505f9ac0d84165e5947d441e9', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '50a0c3572c057b094e109d5122c12fa05a3a19f0', class: "pagination__list-item" }, index.h("label", { key: '4b2d8c7dd077df50920839933ed7b1af978f54a8', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '6a0085737edca1701419cd8ccfec43ff56d6d211', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '174b9b24838db58e6d25d6642cd602525ae22bb1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '075ef3ffa1aeea7d6a0eb6a9e634777139fe7400', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '165ff6e18086347955546fdc5b9f47ef4134e694', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'ef567d2280438c435a9c9c2cf4edf7632d65cbd0', class: "pagination__list-item" }, index.h("swirl-button", { key: '82dfda97938179b53553cc81d895496dd0cbfadb', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '82e2399b7a8961102f5ba9faf576f7d0e4f59e35', class: "pagination__list-item" }, index.h("swirl-button", { key: '26b9a4afae8b817ebe519af5db9e79b9fa50286d', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '8f0c607327413a8fd5c4c0f159b6c8fc88eb3bf1', class: "pagination__list-item" }, index.h("swirl-button", { key: 'a6b7b8bc5ad007fb65327c127ecb5f40fcd3650e', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '66f4551ea9a595b80c26af7dbc24cfd7c9b05b04', class: "pagination__list-item" }, index.h("swirl-button", { key: 'bb19278d4fc1d3f6f7479401fa02a0d87312e197', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '33ef24711dbe940ceb097ae34364c95a9876f2d3' }, index.h("nav", { key: '8a0a8bd45031d3e77e1288b80d0092bcb0d8b001', "aria-label": this.label, class: className }, index.h("ul", { key: '06a81a9e130f202b8e948a3b22ea726c5bac7930', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '742cc66d2c1abecf1f08c0b676d49a19c474c1e6', class: "pagination__list-item" }, index.h("label", { key: 'fc78b3b8db68e9dd30578eb990aafadfcdf8e5b0', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '3b9afd6cb3de4cd7277587c99cb6248ecb3ab53e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '3dc37e42bb1e69b069939e9c7db68b023361fd08', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '100c22c1ec562d41df270f347c8e94eb0637ffc5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '69eb7fc8716d507a02fbd8560374337b1919448c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '8c53c034e8eca71cc129b44e324b195195d4cee8', class: "pagination__list-item" }, index.h("swirl-button", { key: '8719d05a8a33b9ce032fbbdd8244721ec77f06aa', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '006de63ce8b760abd86f239a48ae539509b02dc5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'ca7eb0754a268eeddc6dd18716f712af67db251c', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '1f48396a7c38e0ffdc5fb1d616b4158c7cb2a03e', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e1844315c1dcd415bcb92d0a663592b29652411f', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '3fb22e26047156723fdba78666f9a24c8268a5f2', class: "pagination__list-item" }, index.h("swirl-button", { key: '01fba1e4dc82332939e6c89aafe85f07aca6927f', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

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

@@ -192,15 +192,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: '053b7aa5a2d2d86daa561cbe58d5c097001f35b5' }, index.h("section", { key: '5f2f3facfdc59d3068f2baf20ed1a8e9f0c39a1b', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'a8a431d06afa8703f3f1804512a59ae08a49037b', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'eab2a3b33ab3d39db136f5af99f49aff95548baa', class: "pdf-reader__header" }, index.h("span", { key: '3a1b6b4991ecb9b32b1c707cab4b10b5f1f47942', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '343c058bb3bf5e059e4587c8f3b079aefe1cf0e1', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'ceb1a95f4a5bae6ba818512281f4e08d919d797d', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '33b2b8dceb2ef941ea0b9ec3e62a9b45aa65832d', class: "pdf-reader__header-center" }, index.h("span", { key: 'a887e0ff5b46db26b84301e397ee399350d50653', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'b4807125fb5a50ee67a35cef54416a02ab0e889f', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '69a7f43c71629b20c1251428e59ffe9cf325fda1', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: 'dbf61127314757ecb78b95272072fb2e93fbf96a', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'cce1baedb535709d48f531a513f4c4181858a837', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'd9f151d05da8bd8f1116dd16d4f1d296da4db1db', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: 'e0de62d0d1b68ffa35914927d37a804ccaa3e649', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '55be7b08aa62c4eb04b07583cc6f9cc62f518bf7', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'dc0f2d49b72bfdd1086f36e17e7a1377a4305c6e', swirlPopover: this.menu }, index.h("swirl-button", { key: '4951006600f356d0c916bc5c54002a432c348a68', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '032d539b36635d88ac3461cfaeb8209c9ac36a27', class: "pdf-reader__floating-tools" }, index.h("button", { key: '3a6867909d9ea9ee60a43f1b5298653fd50b8cce', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '224445482de9e38ce5a6e5207c0dbd94a37ef96f' })), index.h("button", { key: '57371f356b128aeca7cc2d6563c41dc6074ea4a4', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'bc0afd54bd72bb22ac00f8bbcf758ed48592fa4f' })))), index.h("div", { key: '6b3d7cf7974ef513d91a1c8b0b86daeb947d7b54', class: "pdf-reader__content" }, index.h("nav", { key: '9c82f0e86ac4cb6ddb458c97a44866789f7394fe', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: 'ed21ebc0a51682bf55f365dcb48b973d72db2a24' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '1014152922d7277f5e604d791bd64f7f1a9b8bbf' }, index.h("section", { key: '85eaf8100406e98811d2f4a583967f13823c6bb2', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '51427c8edca49093c0a4f2126d269d007b01e12f', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'eb336b26eeedcf826e03324ed35397938f0171ae', class: "pdf-reader__header" }, index.h("span", { key: 'e8405708621772321e778326c010ab27083186d4', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '16e6e213aa462f907c8aa400be28dcbd2b3e8064', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'e9fcb270a5650ce24d839c0e171523efe2662804', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'c37b50adb07830c2c29fd45786cc6cce67c10435', class: "pdf-reader__header-center" }, index.h("span", { key: 'aa8633133f4778ec58e9520d9ab677ed7c876617', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'fb08b5d19237a1506cb1bfaf9340cff5d0fe70e0', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: 'f5ee4402636803ce6df854cbb845a1d8ee30c63d', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: 'fb1dc7cad4b0572cf8c71d5645c5ab45c9bc9e31', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'e4821a82d428c2227bda266b5915b3749a0d7a4a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '3b6f5b9ccf526497c8c1f18c9cd669e0de254aa5', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '03bcc97a1e3f75e30c41b9de8f54dcdd1f2f4999', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'f755abf85fce384336ea64e98cbe05c422ea2342', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'c46fc664382b6635bc1df2280e5d5f85746e8104', swirlPopover: this.menu }, index.h("swirl-button", { key: 'd189de80e0b405c5eccf84377338d4780ab6e540', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '9109dbba25328ae07802a49e749ad4c596decade', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'e3c399de81ccd73a1530764f640da712d05d03cc', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '3d15ccba698e3c2db5b3380a91eb9d5d3e94f09f' })), index.h("button", { key: '69a1e860aa55d62d7ceb83be925d17eef17c57a3', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'e633b571ce4ba30380b7efbf9d688feae95dc512' })))), index.h("div", { key: '774bbaf3bc3543114439adefc9ab2e422c39e3b5', class: "pdf-reader__content" }, index.h("nav", { key: 'ca6bbea8ab40c503f17adf585675c3be64982f37', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '9a92c6f6b1f8a196125d41b873428629531155c8' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '02866276d25b8af05ef2ea2ad652c042c94bcdde', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: '50d35d1514002077fdf6c6fbdc338200eef316f8', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'd15e86f128a299275ff362c57ee89b282b24f86c', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '3414d58fe633201597e5d54fa4f25984e7ae55fe', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'e8a9099238f7d8af886af10257f7f1fc456d5cf4' })), index.h("button", { key: 'f6cda0053a6736049f6f6ed766dd84dee00bae2e', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '7a1e60007946e5096aa647ed8838ae1a65ae5b97' }))))), index.h("swirl-popover", { key: 'e8233a386c3a4315642c4e1f297a9000262522aa', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '3cab8aa09141205c1405fe338bd3e0da5369f637' }, index.h("div", { key: 'bd7728823fd181859f1d4da625c956e2efe9288b', class: "pdf-reader__meta" }, index.h("div", { key: '032c350d13613ab7c49842cf639874aeda2db0ea', class: "pdf-reader__file-icon" }, index.h("svg", { key: '26ac0d2ca9a8cfa780aa5e5f2a985e9f199de78d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '38473cc7e8d878e8595f73d2e5d07302f4f36a82', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'c6496a19932dde54a28a8bab54bf1ec4ed5c9f3f', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '86b4d75ae0c88e950c451ebf73b1ba53826e0faf', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'd0a6d28babc08db97dd37cfadf7afd6dae5c56cd', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'f899451a3799ad287eb9061d908096fba3ce7993', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '360774fc5ebe1f63ba5b6c592bbd67ed2191e37c', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '7030925104073fd86d90936ad4690f1c22793738', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '840f490a078601c719936e2243ce9250d3585525', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '7ca93136569a792d6d8b00dd75bbc5138877fef7', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'd747db885743b9f1ca5df51bd6ba5392f88745fd', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'a358e07d9193cc89dda45bc9f3d89ae8409f8b89', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'd392eb997baadff6442247b288523f521ddc7228' }), index.h("swirl-action-list", { key: '04d7e96d82fa759a6a5e81f59089bbaef56faf2f', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '047dfe87633d94741e3bfa27ec9eab7ffaf1a9ec', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'd42cf3d08b75aa6fbd5bca6d33a114aaa932a506', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '981cb67856144c11d3aaf84de9e026646c2cdc43', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: 'bb6d09787842a9e7ce2c433b8c6bb4b2484939f4', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '5357c79fd4073689f5b9b0dbdb0a4015f301215c', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '251343df1d78a228f8f0c8300eb0be3bdcc46146', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'eb9b7ce29e508c22286ad880c741624c4275b89a' })), index.h("button", { key: '5748706f4a3ff12476cb44d31635fdcdc14b45f7', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '10d5ace6eec6205dc9aca8d869ccff32f332c96f' }))))), index.h("swirl-popover", { key: '087109c45501c6f8c5f697d9b6712fa00eb40d46', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '2b506d1a95b92aa68df642f93171d18fe8d5f7b0' }, index.h("div", { key: '6839127db2a8d7f56737947990a4d7707fecdebb', class: "pdf-reader__meta" }, index.h("div", { key: '0c527fca0e20e8e2df21ccdb669a17e0e0156ee6', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'b271cf5e1cb4179e4eda27d6a269df476ed7fc18', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'ad5408592da56210d40962db50f35d398061ba14', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '6c30cca922352c35775552792fbac463e443b153', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'd9e28b318dbecd7957c681d02558469049c1cb38', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'a1f326e9599ebcb7914c4bb2f0fde402c11acfd1', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'd2db86f35c074c7f9db649e3452bdcf173dce0b8', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '3c49ccfd940a9db83da83fca2f078c4f9a2da88a', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'c4d12548162dcc140805d7ef4892e6170c81caf2', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '37ef1adc8de98ed316b591251607bec068a0687a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '4da59716902832b7b5c51f23073df266dc1caff2', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '81abc032800adcf9450a704a43b52b00a456b7c0', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'be6ad03d7ebff901aa0bbdee9f922065e01f9eb6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '5433aaefd8a7bc18a6a1b3fd6034de34c1772982' }), index.h("swirl-action-list", { key: '002d8d72693f9b686f223b3ef200c5b23b4cecee', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '59e47374f9392a063ccf9463165c5ff6b24c5270', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'a5dab4b137cefe711c742f19a38cf55fc9768dbb', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'b90a5223a9027108960de5e451a43df3252068e6', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'c1346c0b9c3b6bdb2c52676d1bf7c63760199503', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -269,14 +269,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '6907c550357d20afd7f9f316601f287b5674f597', style: { display: this.active ? "inline-flex" : "none" } }, index.h("div", { key: '383b66c0da4bfa419c9a52c9e6555f383ce964ed', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'c6bb0459dac6b2c3c0652eb4fecf79bb5e696fd3', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: '8d310de231b7643c5fa390c1a7dbbf9c99dc9b65', style: { display: this.active ? "inline-flex" : "none" } }, index.h("div", { key: '51fa7aaa7dd3d6e81443ac4bb7b9783b893c9bae', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '139d4544fb0724c5361acb3ed5a6c4944b222286', "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" }, index.h("span", { key: '5a53ba8c3cd21aa00b013a96da45af5191b33a8c', class: "popover__handle" }), index.h("div", { key: 'f74591631a5643e8a67230a267a5ab9bcd3f693a', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: 'e46352b36b4a0fffe22423436a439f438dc60c8a', class: "popover__handle" }), index.h("div", { key: 'f880e3a7ad4bd609cbf301e40a28d514fca1ecc9', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: '33c144896504b23c95b4078a45f3af2a5be563e6' }))), this.active && (index.h("div", { key: '4c347a0605f4c81b23845afa07aa69060da42fae', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: 'bcee430443fb4c4dc3e899cf628054f4916a275c' }))), this.active && (index.h("div", { key: '408b560e9f12857aacfef795a7b347cda7218713', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -445,7 +445,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: 'f5ee0a02b5087a9169d99ab3e4a50adf7a472984', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '407c4f4aa1e361d4fac9e2350172058c851ae216' })));
+        return (index.h(index.Host, { key: '269102cbc2534ab2b6defd31dd9b9ba0f406f82c', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '5e4cfcd225e361cde8cb999cd70b82d937041ab8' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-progress-indicator.cjs.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: '7a88d62c22d1028baf3fd842ba8fb4c86271158c', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '5d88596118c66c0e1695bbe50fae489a75fc1c9b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '7e4a2586ce5be138b84cc8b7737fcc2a0983aa62', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '1f3eeaea011ed9fc855c961dd1d85cb1d6e5e292', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'bfc5d9ba40856037622773c93789b0372f0cbc76', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '3ff0cfe2119bb7a0ae650271c1f515b871cfeab0', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: '03dd7eb8c9e4e7c15654249259be651bd67505b1', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '284be63a571d9fb55173aeda76ccbec9490ef09f', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: 'd773f3a50487dd319dde7295ac4a4dcc603ef80f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'e32adc1eb7ad3341c7b0a7295dbb0092f2b540bc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'f0536f927e68273dea67d2daea326409848e562e', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'dfaf605e805372c8d94a820018b0095842b8c769', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

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

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '583e3f8b197674e380dfc6b6952a8a729dd02347', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '864cf9e03b1bcdd344f49fad6bb0b070b64d2b28', class: "radio-group" }, index.h("slot", { key: '036bf566b981e92e4a37d1500497c6edbb0c62d8' }))));
+        return (index.h(index.Host, { key: '51e20ccb371528404315a357f58c607c7c49861b', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'bfd6ba710ffda6151b55c6e33caab7b93d16f221', class: "radio-group" }, index.h("slot", { key: '9905ba1500596d0bd2c132b4ac95edd330aeb2bd' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'ffe68d39d6fc31ad2a1772be1a1fe19c8fbe448e', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '77243bb1e6df44ae5fd863a3c1fed676750c4a5f', class: className, htmlFor: this.inputId }, index.h("span", { key: 'ee87f324ba2b6cc966fdf1070973dd51953272e6', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'e1162f789a4ab367ba2b3a37ab06e5f8f0599ec3' }, index.h("input", { key: 'de16d6993cc8e972e4e0a33b3be4c1d786d39d36', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '0e84c5efadec428203e4a1666d11e3074721513c', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '5b3366df2427cf38a26c5d211eace69adf2d6bad', class: "radio__label-container" }, this.label && (index.h("span", { key: 'a336e0468756983586607bca4aa525759e369ead', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '7078e2d29c1e640443d4300672a6d8f8f96f157c', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'f12ce6eefb230098d117282c8180ce1432a5c957', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '3b838d01b28a72b463c79dbb6c4e4f52178fc75e', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'cf9589a6d96249e9f17c7194226c714e64c7b81d', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'f7912093f0adf0ab2de0a2b55e40fc655d6248a4', class: className, htmlFor: this.inputId }, index.h("span", { key: '3aeb823a9d1ede0084639e2dc9df0b8894ca23cb', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'a92863db127af8610d88f734a1e3ab1b15d407c4' }, index.h("input", { key: 'b287f603742d1238f48ea93bd0e6caea51f20a4e', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '312bb88f1c4580e67ed926d96528f21148c94f17', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '029e15ddc28cfe54d34ac1abd00d377999c32a6f', class: "radio__label-container" }, this.label && (index.h("span", { key: '26cb7e3431533570dfdf16b16816114551f5f347', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '4f03b751d579d251a066b17bfc5773d20c554945', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'dd93e1a9e4adbf509a19dfd37d425a781fa1cc7b', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'd32d935f4f811e17c7afb70fa717e40ceadd177f', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -46,7 +46,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: '15aa75db8bb9cbde8bc64c605ac351ac8c2f8278', role: "row" }, index.h("div", { key: '43a92e81a40ca22c63c12ac288744ad141940b80', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '8fc2d7250027bc08e1d0c83a62b18990e8278f9d', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'a6b9f99149880e331b2ae4e7d6866460a738ac1a', class: "resource-list-file-item__label-container" }, index.h("span", { key: '50f0d09592761207a78300ee5dbed53830cea5df', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: 'f602c21177e2068ee775014439d5de5e67dd4624', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '8c9a9abf9b5096c5060e0819bf3e06a72db77820', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '934e49ca58cfad7e35792b14135233ae0773e8b4', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '708ae11a7739edf640df57eac8dcfd6b184f3112', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'ad8742fde536da17ec5ed1b35baa9672b00c1371', size: "s" }))), showRemoveButton && (index.h("span", { key: '67b7fa9f83639675660dbb3435c5352a62d8033a', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '9d8428165e883f892e9967144f5534a782678a65', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '22cb962b750b62682294f6df4bbc73d76a68b94a', role: "row" }, index.h("div", { key: '3090e6d1030b9a8368739a9e60864aae35402e45', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '07ed66da5858bd948895f82e63af413e6e8e0aa0', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '6e5f2b533d21c82fa773696d009d53833ddb7a65', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'd7cef3c61a7a568d1e5ae6ee34fc095509c30ccb', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '0a3b309fa387376098ab9432a63edbb5ff2cd4b2', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'cbeac102c0cca4fbfd381aa9ac75077bb019d9cc', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '809a5a0f888ea61c41828a7072cb16e54b69d468', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'd79a6f4a9f6eed5ed7bf311773b2e9f82ea3ac96', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'f644089da4ad3b26db45cd723615899d8dcd5acc', size: "s" }))), showRemoveButton && (index.h("span", { key: 'da8305a643f0a52457b19855e3f0a662d3188485', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'b2f80c7addccaec363b3d3905a96489a3d482108', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '54876f95b29cbf3a7f2799302f3dc7ab36dfe7ed' }, this.hasSeparator && (index.h("swirl-separator", { key: 'cf1edfcb1b4f11eb8e42f398b06caa7c03addc7f', spacing: this.separatorSpacing })), index.h("div", { key: '3c721a57600b3cdde7bbfc49dde873cd35b2fc6c', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'b3119be3c14adad2474be63b61514cc81176cb5d', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '0bdf8d9ae344a63de241c0ed7d300d4ce3693517', spacing: this.spacing }, index.h("slot", { key: 'be6b2d6d8a2ffef264f5e1aad93dac694abd9478' })))));
+        return (index.h(index.Host, { key: 'da112e2332e282c1435f25165c65a6e8bd491471' }, this.hasSeparator && (index.h("swirl-separator", { key: 'bc057a044dfd68689199602e6390534c95274d6b', spacing: this.separatorSpacing })), index.h("div", { key: 'aac0c9b006fb7ad630ac01e2bf8ccd9164084890', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'e16de91e1999d22bdb29f1d2a52a898c11db5d16', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'a327774755e9f9f9f2564f99c7cee627e9868d5e', spacing: this.spacing }, index.h("slot", { key: '14e1a3a56b7252334ba00e9864db570785f8656b' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -76,7 +76,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'bd87e2aafd1acf43e18521759a1253b99375f725' }, index.h("span", { key: '125c38ddf57efae2c0137c0f887faf683d86881a', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'b53dced78183ba3a5ef1e950d6974d8075c9a8e7', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '5034096f39fb13e1b06f5be1b7ce4ac1a5500943', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '903960461a12f0d0dad39a399b2a68bc19eed9b2', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '866dacd4d67d5762c10d7e6f67c0079e4e484646' }))))));
+        return (index.h(index.Host, { key: '04565f70f475e763ae203358d16845ea9048145f' }, index.h("span", { key: 'b3993d970a907f89cb2baecacd7b19591e67aae5', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '8b6c8242900b52324da59c927c30de575c7c8bdc', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '782d6bfade76cfb681779b575642b296b2fe63b4', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '1bfe8bd2cdf2f0b81e6be946f0f44869a89decfd', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '4a67f82e770ac52ca730182218c0ff58b9bc2ad3' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

package/dist/cjs/swirl-select.cjs.entry.js CHANGED Viewed

@@ -143,11 +143,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: '41cd516e3f6d16a764dd71216c15ac7bd741ab90', onKeyDown: this.onKeyDown }, index.h("div", { key: '44f2f40c7dc1cb43a2bfa9db8e63f07e8b2e29b2', class: className }, index.h("swirl-popover-trigger", { key: '3dff43dedbe572c556933c773f6c14948d84685a', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '4bcd0e12f445b1343d625a0336e22b151089cb07', class: "select__value-container" }, this.standalone && (index.h("span", { key: '714bb7a1de83a346e84e06cadb376ce918979099', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'c810faf464fe138e8ff3145751d5c3d30b09d424', "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 }))), index.h("span", { key: '820a7eb5f8417ade10ce48f0d49052534f1d1bbc', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: '8e0282590c2475bf36ce84fac6bee1d49e2cd203', onKeyDown: this.onKeyDown }, index.h("div", { key: 'e6fb63af3a1b1850d9ecd0869f30665b608fd9e1', class: className }, index.h("swirl-popover-trigger", { key: '961c0465a1c125d81575376cee4b9cca34ac775e', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'e7951d21da4c560b6f98f9cc94c2fefa646143d7', class: "select__value-container" }, this.standalone && (index.h("span", { key: '9f6af02043faf53bd592210e88b57bcc003e8fd3', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'ca53039db10f2f88d4c48fa276f41d18587433e5', "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 }))), index.h("span", { key: '154ebd25be69a159acbbeab371068f908da1aa13', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (index.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 })))), index.h("span", { key: '977de365cf8361a7578752a91ab7c102aec631e4', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'ca0d6386f907d57c5b57a39e89b46860916fef45', 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 && (index.h("div", { key: 'cf3861454185c9aca84f9fa0ab3381e9708cb25e', class: "select__search" }, index.h("swirl-icon-search", { key: '139234781c9016078494d638420f39ccd08685c7', class: "select__search-icon", size: 20 }), index.h("input", { key: '60f79f55676c8765dd857aca4878225b0c4d27a5', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '2159cfee3a863a74fb403468a4dd27148b6cd56c', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '1e0a59d6caaaaa3c68501ed46586d1dbae169c81', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'bb28925bce9919dfc4a3902b5041e27739e26db5', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '0eeb1f68a57f0a6c5e2688cfbcccb0cc69b37010', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '759d37d8f1e186d65a208a95abcf03cee52a93aa', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: '976ee08c082cb4f75debdb170f0711f75ce5116a', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: '9907aee8b65612ced6c8e70ecb4a809c23f06e9a', 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 && (index.h("div", { key: 'ecdd3732ab75fb2df5cc590fdcd65dd8f435abdc', class: "select__search" }, index.h("swirl-icon-search", { key: '484e4ac362b2acd17a77c81d82bad6e6b2084411', class: "select__search-icon", size: 20 }), index.h("input", { key: '6d181ad4760e6af24ceeb1d0f313e582e16b19b2', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '327d73757c89b075cffe483d25da50448083c72c', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'a591703db1226dbe29b000e6bd78011d90a3b24d', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'e9a9f0e33729628e72fbfc7e6e46454f70ca0153', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'b3f9060b3ab0bcf8be360f8a428aa0ae6c434c47', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '6c18f88a689236f625c2bfa110bb6e9b3f30eaba', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-shell-layout.cjs.entry.js CHANGED Viewed

@@ -211,25 +211,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (index.h(index.Host, { key: '06de3a6d3a73884600bffc884ba5d38eb389242d' }, index.h("div", { key: '03e996617860d961717834350d0e42abf2338f03', class: className }, index.h("header", { key: 'fc6652ba300ad6fbe01493142ca34d3ce52f838f', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '6affd95d5148bb790f662ad352b7579808ba6843', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: 'fc5f97a9d04f50e708312c0763d9899dda8fdeaa', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: '74de59c2793342a6c8848d1a0cb5c32202bf45c5', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: '61728ec1085a10381daa3cc23d82b5a2d71b1a86' }, index.h("div", { key: 'a9663a749b64f95f44562707e4214cc15169b828', class: className }, index.h("header", { key: '763f7df0712be52726b3c57b9694f933c7ce7e11', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'a02d0956da631c669ffdf3cf03621ad7f8d99666', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: 'd1c99094994f3a6dd0c4fca2a7f8b57876516d5a', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: '5d0bcd146e6fbd4758c48e640fb75e77dcb88e54', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: 'cc072dee75e3b4aa2334898e5b8e3090007604bc', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '32d0671cda6a2880717a3bdefa8681f25d0d351e' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '1f92fa6c0c954e2b0a5444572d00295804287860', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '045ad98b41f15b5fe4aa3f776c2cf55a6b7e81b3' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: '83fb55697665743ffa5383e0dd05d8c907eaf32f', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: '85cb56616d95a16327d2973d487fa354e5d0b3b3', size: 20 }), index.h("swirl-visually-hidden", { key: '016e44880b31a07749c47ccf04560fb950b71c2d' }, this.browserBackButtonLabel)), index.h("a", { key: 'db5120f8c36c9e73e627e7bf9d7df894aeea3025', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '96da57c2840356993ddb2c6a4ca2adc909941230', size: 20 }), index.h("swirl-visually-hidden", { key: '7bfd6954e3a9e9b38677611232533b813bf2a202' }, this.browserForwardButtonLabel)), index.h("slot", { key: '30b0c51155ad7094383bebb2e04dd1e92dda48d4', name: "left-header-tools" })), index.h("div", { key: '30cf612a4119b47a8677e93b55bed8f84d6e5eae', class: "shell-layout__logo" }, index.h("slot", { key: '3eb99f5c56f452171fbdbf95713ec320f1f83c41', name: "logo" })), index.h("div", { key: '4301cd5a70112e32007cb2dd9906ccb40106a26f', class: "shell-layout__header-right" }, index.h("slot", { key: 'fed6b278e517452bc1e16d904ad6e2708d192a4e', name: "right-header-tools" }), index.h("button", { key: 'a9470e4aa7d3de645068d4dcbab8971754d6135e', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'b1171fb376024b5a5001e1228fafc6d5082d7a32', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '226852cb374da032acccfe0cd60a864ad8f3fee5' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'eb4041e53f47a795f9a8673c3600bb0cec466c9b', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: '8e5cdd4c1a60da93cd85a4f2fef2e0bc7a9657dc', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: '96f2d76730e2f08129e13a1c405399cb46aaf02e', size: 20 }), index.h("swirl-visually-hidden", { key: '36cf7de257a87acfcc9141b08e0af1f5cd0ab649' }, this.browserBackButtonLabel)), index.h("a", { key: '643995813cf0bfecae98474de80f6aa1f12882cc', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '6c15e4d10f612316547318c3a491e1ceb6db188a', size: 20 }), index.h("swirl-visually-hidden", { key: '41f725415ac58c1b39e3b356fb2bcaa5ae17c68c' }, this.browserForwardButtonLabel)), index.h("slot", { key: '266e8c781ec70a777d6fefd95c7edb6500c5815d', name: "left-header-tools" })), index.h("div", { key: '243668e828135fcdd9beb6ee3fa0caff26c4a90e', class: "shell-layout__logo" }, index.h("slot", { key: 'f85f405aeb06c2029739aae75fd83af9b3c19480', name: "logo" })), index.h("div", { key: '89e9760cf995a348a193446df39246ca9c2299f5', class: "shell-layout__header-right" }, index.h("slot", { key: 'dc42789342411b132e691f498cf623a1a51420eb', name: "right-header-tools" }), index.h("button", { key: 'cb82d566e9940abe63de68052cadb87bd28bbe02', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '9cff96f9be4ed538921b13c9b9ac2f4097af3364', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: 'd193d61f2c3aca5953f4d1f9a2a0b0607cb1b615' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'fd5722e2f251b8ec55dd2aa4cd561f87360fc0ce', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '08f56639d4c9bc3585ab565d0e53716a5665b30a', name: "avatar" }))), index.h("div", { key: '203371c5f581000165aeca2c8176334f20de7707', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '782d8084ed804f6a1297f966194df76e990e016f', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '48f0457e6b90d9dc326b0a9b12ccdb46d113fb41', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'bddec94b6f078b1ec9e989aff29a2829e5e16faa', name: "mobile-logo" }), index.h("div", { key: '04d16e03267507c4ddc0f570554c840b142b5a61', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '26a90a63bcc2cebf9d5960f4622fdb23a9a21b5e', name: "mobile-header-tools" }), index.h("button", { key: 'd7c91f0489dcad61635fb730de3d670d60dc5d74', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '4252bd10dd0f384818656d35381267880f7c021c', size: 20 }), index.h("swirl-visually-hidden", { key: 'af112a9644f1a0d2abb0f6f6c45129b6602e9cc1' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '2aeb0b670900dd501217b0cb2c884b78981cff93', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '4f19daf14733679182ee7ccaf0edf7b41a7b8814' }, index.h("span", { key: '9f8e34ed24af7c0b7cdf379f86e2bef38e6090f4', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '169afea58137be1cbc87313f013a134d9142e38f', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '57ba61af7e31d5e6df5233b8765bc20606c7a306', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: '23371c66955a62d03d13951d7d6ff3978d39650f', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: 'a62de662bb92bec00adcdd771c2b1fda94d19bc6', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '9c9ca128f5d58d2d2a9e6f4a1aa1592f93e7c43e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'c2b6181021708d85ac0b5f69bf98b61f93921fce', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '62ffe5a227b050739601da40406140fd7095500a', name: "avatar" }))), index.h("div", { key: '085c7e9a6a0b91be4a52217f45b639bc73adac09', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: 'c549360b63620d270902f4f9702f5b70b9b48866', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '80163b86b41c3f626557357605cb0e80c1fea0b8', class: "shell-layout__mobile-header" }, index.h("slot", { key: '0c4fe2c972a2143056a17fe823faf7f27c38862d', name: "mobile-logo" }), index.h("div", { key: '3894ea55495f274df1bd12ec362c8a1fbc78c3ef', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '900f3d6678cd1914cb518d81577b55b0f53970d5', name: "mobile-header-tools" }), index.h("button", { key: '681b699488b31be2c81178c40ebb4be205f91164', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: 'be582ab7d4147bce8f3dac6971e5c775a7ecb886', size: 20 }), index.h("swirl-visually-hidden", { key: 'b853968078f3de8da52919f4a6e1be921d166a42' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '9d6f985b3d907bd54895dcf626422c957d09cff5', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '79d64ac709eacf4b12de258555c15045de3695aa' }, index.h("span", { key: 'e49b399c68531870392b46e255696089f151f75f', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: 'ad6bd018b98f3c0672f613496997dcd97026c8fb', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '2b790886eb5ac336499ad81b68bde972ad2a32cd', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: '072b7fdcf8feb7887e4350a94d535fc05d11737b', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: 'ca4876d776da0d380e5f181d1a71d3d649cce5d2', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '0f930f479d2818dd6c9e0a4ad42fd2dced80d4ea', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '769e9fe1b8f13d41e0ae6d96a5b783736309ad24', hideLabel: mainNavCollapsed, 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" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '150c99d985b610743e105155caecdc64ba9a3041', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: 'd4d05300da66f32e887bfae45255e35c8a1224f4', 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" }))))), index.h("div", { key: '725f0bd33a71b4bf9b54ebb9923113c5f039c6f8', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '11bf2beffb3c879c4474262f47b5223ccee34875', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, index.h("slot", { key: '7efc4ed818ab9a2bbb35f99ade3c0f5b96ffc552', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '07712b1629ca3598e2eebbae5558c7bdaac3a7bd', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: 'bda9022f166b155fc4fc35172dfa78ab540da80b' })), index.h("aside", { key: '6cc52ee5e4b5da251f83417dbb400520179d4c39', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '1043a3e89fa67dee0f126ba78d0ee066766334a3', class: "shell-layout__sidebar-body" }, index.h("div", { key: '629c3ac249e65b17b966a5ec28dc279f0fe5b4b4', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '23421fd30631c87e8b3e3af36fde51f88d34b49d', name: "sidebar-app-bar" })), index.h("div", { key: '0b3d7564fdf86afd7f98577caa1905252c959685', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: 'e093d976b857895052d85892fa2d2523ec6f054e', name: "sidebar" })))))));
+            } }, index.h("slot", { key: '33bedc87b6ef58f5d875406ad1749119d58e0c35', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '36940a37a781a8a32ba41195610539ccb8f794c6', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: 'ec1ba6537810abae2925bc3b06e33e926b613ed5' })), index.h("aside", { key: 'cb2241808754598045781b547c2fa711117ce36a', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '833966481f389aa1394f4d8c0a9e303112c0e9b7', class: "shell-layout__sidebar-body" }, index.h("div", { key: '4cde8e77fa304c044ae9bc3d939d940a8ed4f134', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '25dc42bf9bd3272535bd588a4a11fd8fcc106360', name: "sidebar-app-bar" })), index.h("div", { key: 'd991698b4aa217ffc44a0d3acc085def75bbe332', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: 'fea70d6f616a31a9a5b05747774c8b52da30abd3', name: "sidebar" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-shell-navigation-item.cjs.entry.js CHANGED Viewed

@@ -37,7 +37,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: '7c84f254d5a573d858ef0e73ba8bb2c90c7e83de' }, index.h("swirl-tooltip", { key: '7a3c28f0986bfc57f937b86ad4187eea1865275c', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '5b2ad841888059d50436c283f2a5f0b7029505b7', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: 'bef7f53963927381a1e5936ecd734a295629fac1', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'bd7f17d5f79600d9721f7905a9019b9d70245741', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '11dc9879ebb158ef253834b8fd9ef4fb1efb9f98', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: '77c62e5a11b02a13c8bab37c577623280550561f' }, index.h("swirl-tooltip", { key: 'df9d623c122bac2cc4544740573490708f1dc31c', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '0690a7fe3ca0d7704aa778a2a2ce06b362a283f5', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: 'c782e9b467467950752cada1e2630f9e1c4d3b9d', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'f55b25f0361e63f0db01fb033e0d10b2f2996cf0', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '3addfa0c9619790bc6dc425591dbdfc9b1e97c75', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }