npm - @getflip/swirl-components - Versions diffs - 0.326.0 → 0.328.0 - Mend

@getflip/swirl-components 0.326.0 → 0.328.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 (1929) hide show

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

@@ -118,9 +118,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'c0577f1851600d770a5f35abfab0ed40cab36f37' }, h("div", { key: 'febebaa68eb770b0a3a1a2a5770af88902a2caa5', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '0d14a9d48a8ffc4f6f1842cd825a59df2a966cfb' }, h("div", { key: '17a7c27d848c9ddb19b907a94492fce73ea4b8c6', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '089001886cd54725b9893075bd676cef70578a1a', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '0bd511a973bda88edcd6897ccb20f630bd559a4c', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -294,7 +294,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '831b3d822a398064233db7e5f4b46510fb795db4' }, h("div", { key: 'd363801fb325c5b2b9044ed87a238daaa214683c', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ce1a041af80292f0184977b59557b13893be8038', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '1d9568ee29b50100a881cafaaad93bc746b1e5c3', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'befca2d12a1c7142af373c100a0b748c4dae34a6', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '773677ad1dd6f866dcd519fd5b44c03c7689f3b5', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'bfd0505553e0eb8fb2f319bad6ffa0bd32f84420', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '4d8aa6fd222bb28b5295ab851934a90cb9050f67', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '44ff66f1a23428e259222f1451c6104eb693f7d8', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: 'a9a6d23b817d8fe68e747400a69275fbbef0b2a5' }, h("div", { key: '8af753ae3070407da08e969c3f0590f714bdc47f', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ff1caaedf503275b1b5894c6997c82e012fdddb0', class: "menu__mobile-header" }, this.activeLevel === 0 && (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 && (h("swirl-button", { key: '06ff137930e5b6f4778d232696a1ea5bb9c97fac', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '2ef593767ea127710f8c9adc33bebe6d1cdf6bb2', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'a1d79bda33c6fcaf39eceb12dcf16e4dfed76fea', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'ba4285cc640cc0d222f7eb7b3431c6957d259c1e', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), 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
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -305,7 +305,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '76cb1ed8ca42a937c323c9acbe301168e4134f51' })))));
+                    : undefined }, h("slot", { key: 'd2b2e67fc903edcbdb62fada84d1be2ea2917f4d' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -241,23 +241,23 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: '0543217e230003b07b330c75318de876bfd5f8c1' }, h("section", { key: 'eb32ccf5ae5052679772f80ca65c92c16e7a0907', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'aebfe6f08258d72d80b953d9a341168413c6fcc5', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'b669d9c07414b8631c0337801a47b0b96c806c95', class: "modal__body", style: {
+        return (h(Host, { key: 'a3b33a8bad658b5069ea3218ee680fa22633a05e' }, h("section", { key: 'd6e778a51b8713f77b51c770d62dfe2f1632e2f5', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '587c19638a0e171ff8ad589e21f6621a98c2e6b1', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f1f3bf5d25be5824dc5387a6755883c1d2172f57', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("aside", { key: 'c223a5c5fdc6c3468b4367afadb59b0830a00e6c', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '81c3b4af4ea04c45c43583e805ec232e25baf6b8', class: classnames("modal__sidebar-header", {
+            } }, h("aside", { key: 'c1a228f13d773047b1386713f65db7671ddfce26', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'efdc6b571119db2de308a180315356107d4d6268', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '62f85cd8defba57c3a00eb095948713f70ff9f69', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '1c584271b7e7851af094537cf613c836066959e2', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'cf1f01116aa4e219ec6be585465c0227b37cd0e2', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '955e56368db6bda842d43a7b7a1986c978a20141', name: "sidebar-content" })), h("div", { key: '3383a87f2a354434175a8dbe566cb78e53731def', class: "modal__sidebar-footer" }, h("slot", { key: 'c66e49cc46f00786a04e4daf19f04b87fd34557e', name: "sidebar-footer" }))), h("div", { key: 'e21171544393bd45e9308f933dc7fc00a2b6c42c', class: "modal__main-content" }, h("header", { key: '48fbcab52704f2894b77df9c1ea5bcc4575b1c8c', class: "modal__custom-header" }, h("slot", { key: '1c3f60b542da972c9a50608587ffbd19f584ffa7', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '9b18c0763a681adac889c657ac297b750b0fa140', class: "modal__header" }, h("div", { key: '8cfac19c30d7f60a35b97aa565ea35bfe9e95005', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'e2911ca94e8c1ee1804b6eaaa089002f22c0c578', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'd8530916e86ed108c76951436a706bb5196ccf91', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '14466a82f7791700bb857068800749e82dca8c1c', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'cf1420c2a4f515e074b20ecfac829e74a702e675', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '9d47338b7839e4d2b3f4820258d971871533a789', name: "sidebar-content" })), h("div", { key: '89dd11d57e92f220fdacbe80ffa88af278654f56', class: "modal__sidebar-footer" }, h("slot", { key: 'a5731411d52f97fd32be7ef03bde1fa15192b6ef', name: "sidebar-footer" }))), h("div", { key: '14c93cb9729b10ebe63cf15f66007f7f4dd9e528', class: "modal__main-content" }, h("header", { key: '08f4707e2efdd4dbef18fdf86c3d4ffff6d46577', class: "modal__custom-header" }, h("slot", { key: 'de4cccb054fb97513867fde9032cedbd8b0c7c8e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '54436e75b14618216d2cf8eb7876dc22643194a0', class: "modal__header" }, h("div", { key: '93bd4a05c079c839ec75990d577f963321a620be', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '63292bd349d6d5bb6be4200c424f17918aa02a30', 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.hideLabel && (h("swirl-heading", { key: 'ea14fbd1265cc1e43a2981f7b696638a456c1f1e', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '60c91d254f9e414ca4b87143ed6d5cef30ad1a38', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '9eee2e0d149ae54e5b681a453b3bb6094ba7bece', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '20a1c5c6632ddbefb2dd51482831f533cbb5f45a', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'c11917be49baf1f43675a73a7a7046c7a887cb40', class: "modal__primary-content", style: {
+            } }, h("div", { key: '64ac704ad78729837ce6a51e9b57fd49316e2af7', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'b33a69c6a9a3dcb81a3abd284f8bb6fd1dabcdb1', class: "modal__header-tools" }, h("slot", { key: 'bacea7d3b542676a302da9e5623da9285d5ae3bc', name: "header-tools" })), h("div", { key: 'd658729178719798986177acd3f7d466dcd5fadb', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '95e3968d17d227ad7a7519b5485176c3d9b95cd1' }))), h("div", { key: '11bb7dbccbe133dad531786a5b0774b23f8c1b9f', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '6fed1067af3b45a2b26c1247ed160f7f0177cfb3', class: "modal__header-tools" }, h("slot", { key: '59d0242705e0b2ff2e4f7fb3c6eb6c8257629bec', name: "header-tools" })), h("div", { key: '6a2838c93453fcc2fd9d36ce2a8b706601c3e7b9', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '7b68d951fa828b73b5fab6a6da7534d87ae8c867' }))), h("div", { key: '7281a711bc7212dcd2ece30d5032bdbb85d3a971', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -275,7 +275,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'e2fcfac9a89a5a7df9e2c2af51c36991320342b1', name: "secondary-content" }))), h("div", { key: 'd313f8e9c45a3eb64a28aaf711b3db1c8b3b18cd', class: "modal__custom-footer" }, h("slot", { key: '602ef11530a8fa084ddeff550fb3354fbd5d26dd', name: "custom-footer" })), showControls && (h("footer", { key: '2624f756d8ca90556c1d7965db02c94582a53c71', class: "modal__controls" }, h("swirl-button-group", { key: 'ed07892f918d99a6938d8b9ba692475533679fe2', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f7b795aaad285376106551dd8bf870d3dc5d125c', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '581e017486218fd5857262b55abfef6207bc70de', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '88c633d2cf5c456eb78de68d5c19d7fe2f8bca1f', name: "secondary-content" }))), h("div", { key: '1203e8fed5505a3633bec66a75e419985735e2ab', class: "modal__custom-footer" }, h("slot", { key: '9e291b19d9887c5ab2ee25be124bb6a962a96f0f', name: "custom-footer" })), showControls && (h("footer", { key: 'f072f30ef6c4f65057228d00495c77459a5d25a3', class: "modal__controls" }, h("swirl-button-group", { key: '0e0a4b1173b3e34e0ca974a0807e2172ab3a05e9', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f8eca714bc46f250ac8c1ee34f4e4d8b2ea4eaa6', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'e9dd5999c043eb6145a21296501f8d1952775901', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '720bbdaf15b862de58e8bf3d6fdee47b33e1ac01' }, this.hasSeparator && (h("swirl-separator", { key: '52d89c5b9eba5cee27340f1e3ce11329ce1de65e', spacing: this.separatorSpacing })), h("div", { key: '2d762215d108c89651e6b48cad3a7aaabaae1a46', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '0c2cd44b82c0dc68fab2a648922759d085af9cb5', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '3cc9d4be644dd228667927f7dc2492e6ee0d6c2a', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'b5adb4b17be73b8bf8291e1f738b755a0d1be772' })))));
+        return (h(Host, { key: 'e6c21b08c60f673c8ed8c56f4497993f39309fd4' }, this.hasSeparator && (h("swirl-separator", { key: '95fb9b205ca3c95db9e55d2bf635e94f45ccc70d', spacing: this.separatorSpacing })), h("div", { key: 'f11565977f8555392b37eab2c5bd915cd310903d', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'b12aa9c256be469d4399983b94c160d180a42b63', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '43a9dc97fe3d05abf8e1a7b37151e3d3922cde95', spacing: this.spacing, align: "stretch" }, h("slot", { key: '45e5d920ff7887f9e39a4ac2f402a25cf3f56c23' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -348,7 +348,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '9880668f570d3c4a89349ae7493b820eb462f2db' }, h("swirl-visually-hidden", { key: 'e85b4feb4698ed178759097292f2a2994d5415fb', role: "alert" }, this.assistiveText), h("div", { key: 'ae29f4e6556afabd95c02f1b01aed43c02340e61', "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 }, h("slot", { key: 'd6b4bb50349c03efc4dae7acf26295371effd705', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'b213be0cec81984b512002a4c3acf036a5441765' }, h("swirl-visually-hidden", { key: '16c374fefbbc39c34f323723161bde2172fe47e0', role: "alert" }, this.assistiveText), h("div", { key: '2b6b08cda8348c356855bea3f95c9ed7b507e356', "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 }, h("slot", { key: '0cbb57730643428e7edc452e39202073755adfff', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -401,7 +401,7 @@ const SwirlTag = class {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: 'a1f2f0ad84547ea62b11ad4340aeef072c405bda' }, h("span", { key: '49cd19c19c6589e905918b9f7361c67e7926f750', class: className, part: "tag" }, this.icon && (h("span", { key: 'aac560c02e88365dd5fa63704a11621ad4ef434f', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '9bf2deccf5aec4f08ceef5f84d1953877122b188', class: "tag__label" }, this.label), this.removable && (h("button", { key: '3f28e71afe4092df5ba593a06f5d96636bf5c04e', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '7962ddb75c8dfa7a93025318ea0ca27146ec5a81', size: 16 }))))));
+        return (h(Host, { key: '47c30c429b8e910b006b21f6e39753a710ff7425' }, h("span", { key: '91c7946323875360ac053a28a83849b669d35913', class: className, part: "tag" }, this.icon && (h("span", { key: '000de8f304e3accd6d3647e9934063fc8cd7da05', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'cadd70a25bbd6214719275f8a24aa2882c0e90d1', class: "tag__label" }, this.label), this.removable && (h("button", { key: '5278b9fceb383c5854c6053d943da4e4171551fd', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '76b23763ac812f53e4caa07a94094982847d0525', size: 16 }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -88,7 +88,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '84da59d062173605db91d1f72d9706aec9588d4f' }, h("nav", { key: '48d208cefad2385ae7acd8684c217976a885c10c', "aria-label": this.label, class: className }, h("ul", { key: '66e23bb51076416401b9ade13422dab37d3e8e0b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '408728e3e75b2601a520bf6839db229e16cd53de', class: "pagination__list-item" }, h("label", { key: 'dc355e2bd8188a4d9ca2466ad447de5444ab48e4', class: "pagination__page-size-selection" }, h("swirl-text", { key: '461b7edbce179efc09e5e0984d65ae41c9ae78bb', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f5e43e13a30e82d632b18ab9827f1c5375d44ba9', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '6d02a992675e54b3d55de4e55821cbd39d2e9e48', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '33bb9594ff0aab4508ef5b2c7950e0a8805454d8', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '469b0a360208a4168c9d85cf392503a957f083a5', class: "pagination__list-item" }, h("swirl-button", { key: '189251e369955b1d270b6bd4214c9ff1285917d1', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: 'd86b48d2c5058b25bd801d98f0c7de9d1d2c58c8', class: "pagination__list-item" }, h("swirl-button", { key: '3694fdb107b3e4dd46a2ef516cfb593728f6995c', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '75fdc6ca0d05d0a149841ac1ab496eadd12d13ea', class: "pagination__list-item" }, h("swirl-button", { key: '1dcc344b3457dbfbbfdfd7d2c2e371e0df9ba72b', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '02dcd257fcb5fe83a0dbe2502504fa4fef78c8f4', class: "pagination__list-item" }, h("swirl-button", { key: '527c5f16f804a7a1c6b393860e1b0e6af144cb6f', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '08c165e0dd8f22f1dd462079afbb904e3f7f50b3' }, h("nav", { key: 'c6fc744fcc8ae4f67f6a5e655ca974962c5cb515', "aria-label": this.label, class: className }, h("ul", { key: 'ee19e8b5b81e9fdf26b0be2a9ac1b277a8d4629a', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'eb039a282c427edb7ea44fd2af641b3f88ea1342', class: "pagination__list-item" }, h("label", { key: '7fb991ffd443fe256914638308dee16108ce14f6', class: "pagination__page-size-selection" }, h("swirl-text", { key: '6c02e7b3c8f4b2fc308cdba23cfb75c8bdbb370b', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'c3941c2f196618e857fff5d7056ff4634a51ea0e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '073e9ede82d16fc9b1a118f428c03b507dd969c7', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: 'ea7208c33ebd133e84d5e518140bb58137f12bfe', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '98269dd12133ccf1f48b118aec35d730d0ff05e0', class: "pagination__list-item" }, h("swirl-button", { key: '023beef078ddc519c1ac3806a99d9622246842ed', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '6c61b9fef4793d02fbf6f8cc872a73aca704721b', class: "pagination__list-item" }, h("swirl-button", { key: '57440dfac7ee40a3cf58a1078227b228707949e8', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'd419d0a1786dfc70389d218299656a495cfcb8f6', class: "pagination__list-item" }, h("swirl-button", { key: 'd2bfc26fdeba915ed92bdae39b7a7dfa29b03de3', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'c86fb75f20ee6ec5b5d0299df3c501e8e798b8c6', class: "pagination__list-item" }, h("swirl-button", { key: '79bfcd72e7a97dc01d4ac4bd2531960b618208d8', 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/esm/swirl-pdf-reader.entry.js CHANGED Viewed

@@ -188,15 +188,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '56cf75c0a3b2211e6db7597650f0bb196eca051b' }, h("section", { key: 'f7dd6c31e655a6949575bccd60df0540538c5e27', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '3f5b395a44659f37db88da559b5c3bfe1eb92144', class: "pdf-reader__body", role: "document" }, h("header", { key: 'f34ae203d2cac771f1b9d383735e61ac28fa8986', class: "pdf-reader__header" }, h("span", { key: '0cd12c5c0c42d97b4684483693e8032ea35e5abc', class: "pdf-reader__header-left" }, h("swirl-button", { key: '56e3cc77f5f20c5ea7ec3265475394b24ebc98fa', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '1f78ddab008cca2ddad2a32ffffdd042f60a2a5a', class: "pdf-reader__label" }, this.label)), h("span", { key: 'a866bcf3a573b4a06ef04be0da89fb23172d47ad', class: "pdf-reader__header-center" }, h("span", { key: 'e4135b976ac018e557ae8303ca8c292ecfdc7073', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '50e9da884f59d2a4b636c34b81d4c0de26475998', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '8f8891f7ea7e1eca9ce52988ce0234720b78c27a', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'daadce0eca89903c02ca37795b79624367cdc605', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'c91981006ef0d434567f3bc3b7ba8f51b7ca1e27', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'aa1e97126de21daca40befe014d52783772d0a37', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '0c3f51195d702b8bb44352b48bb786dbaedd7b41', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '8d7acd15f99e13b9aaebaeb1c2e48f18bbfd637a', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '38954114f3472eae5cf1a96e3dc8ebb37be8b71e', swirlPopover: this.menu }, h("swirl-button", { key: '908b710a5b2598d2d489332d59bd290d68ba6074', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '109bddc3641705fb45eff42e0554a718cccf5aa8', class: "pdf-reader__floating-tools" }, h("button", { key: '2a7ee60335e4873378d272a36f9ddc11384c660d', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '9383d96a5af6518bac2632a346a7aa1fc8f5309e' })), h("button", { key: 'eb5084c77fb8ccd2a29f3a328189446796e519b1', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '00d1813d95a7ec67088a08ca34bea29c101db029' })))), h("div", { key: '70b56d740521a720ce00cd678237b5687e62ebc5', class: "pdf-reader__content" }, h("nav", { key: 'bdc851453ffe3af1c4cd7b2ed1c37a8565837813', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'e7acfbc84611ac3233ba8ab635f9453b182c1592' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'eb1ec34162ad6d1a80ad5f725b9266fe2fbf4270' }, h("section", { key: '7f5e905b0df4339ac4731056098a7817106f7348', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '24fbb6c16a16900c9ce6665753d2e5cce8a68754', class: "pdf-reader__body", role: "document" }, h("header", { key: '8b5e8dbfb1e56e26b46b3ed11636ddc2c0920604', class: "pdf-reader__header" }, h("span", { key: 'b643f83d5c9de7a8408998a62daaba94fb5e7595', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'b78ae157a7a3560f24068e935b63b65bfeb0e109', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'f456948a1b52430131576e6eba5e732a93895f9d', class: "pdf-reader__label" }, this.label)), h("span", { key: '96426eda4501c3843641eca2b1b1fb8ae40739a4', class: "pdf-reader__header-center" }, h("span", { key: '8c83812163c72f6158407502e1417ca9ddaa115b', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '7c00a238636428a638446e817b5878d331281cbf', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'f7577872ddb895a69263b0cacac815e1b66033ec', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '9c9b85422101253b5cd9fe5224adf529536d5f4f', class: "pdf-reader__zoom-select-container" }, h("select", { key: '75346ecdc1da927574396c92009e21a3e272383f', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '1d00c842be42e5546c51aede5b73570d526ded9f', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'ec5ac180ece363addd8b297cace542cfa415c901', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'c49d63282215ebd3841ba33e96b00488b3d1979d', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'dc999a2d46ae012d1db3cea92348b8e6609d6015', swirlPopover: this.menu }, h("swirl-button", { key: '651eb761ee0acdcf9e815a90f3675a77872c3344', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '9409a77b52e5d763bd980514be367da46f289c63', class: "pdf-reader__floating-tools" }, h("button", { key: '9c6ba9fc39a02761b01e8f08ec6948770bd81247', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '2c09cd2da408aefba3cccb7dc910675d47cbcbe2' })), h("button", { key: '30d2598e26f944ed28dcdfedce363d0fefd8d6bd', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '1cfcc546d4ccd2268dbbc697eb331ae0d26e4c00' })))), h("div", { key: 'cc75fe6fda55fa62e0443d7376e076724164c13b', class: "pdf-reader__content" }, h("nav", { key: '5d45345f899c79400cf03aefcccfc95b2693f871', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '788b881f2aa59a532d52079eef8997f35b5defc4' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: 'c9bfbfb2fbc5f2b7d0640954e11e216fa097a5ac', 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 }), h("div", { key: 'd32f5cb788a2d6040138ca86e53e310b39c3f29c', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'b121b39fdeb6b1d7c898c43f9840793d2d8f39b1', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '29015bff580e50d092371a3e646c3ae3f404cf46', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '65857fb98bbe9208eb6dcfe6a884ef89825489c1' })), h("button", { key: 'b4d7d5141efa0da5cbca37ad2639cc8456124c8f', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '9b459c6930207ad91d16bbeac94a389f9ce8cea9' }))))), h("swirl-popover", { key: 'aca4e113b9e15d254017ce7cb0af82119993e5fa', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '38ceefaec84571a97123d8095d074e69295b50ef' }, h("div", { key: '970de21a30966f8d01d2eba9b5a369fa99e21ad6', class: "pdf-reader__meta" }, h("div", { key: 'cf1e5afa6a93b485e387fdcc3610b281442122e1', class: "pdf-reader__file-icon" }, h("svg", { key: '3dea3a2e202e4b612b50088268a72c73da98c102', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'f1c1c3cfbeda0e157c9c0383166f35c9ea5a6f5d', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '9c33d2f91655ebd4df12b5c938e67910842dd4f5', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'f452ddccc4c748b315f7e34669a74a4eb21d5dfc', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'd04feb95c5828a6c8401385b12f20f011d7c1119', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'c666c31c16ca3136a2d565c050c9ff2416a69f71', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '2dd5da96942746998d6c0a97b9928ada65dbb542', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'f3450c78888d5ce27a98b1af1d12c4db3595d401', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '5e5b48d56b62d8490d0f77b1cb0880cb6eeeb680', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'fb19b4b71b59155cd83f3744dc2d8a838eecfad9', class: "pdf-reader__file-info" }, h("swirl-text", { key: '76522b91bbfac33d7d607c695ff629f053240970', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'a81019609275be32eac0bf201dd3a1c11e9fddf4', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'df14082f8d0297f7a0fb2c9126a63bc850a7b195' }), h("swirl-action-list", { key: '65ca287a0a9aed19a29c1a238e5c3a1412a62c75', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '11d98d6f90ffb17f0a9c8f0e945351817b5fb4a6', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'b9ca3ec3ef41591747f97010c9079feb029cf615', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '674b7c0548dc689c05b48cf60c80dc1d2b680519', 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 }), h("div", { key: 'f9fe637b9b1df9f49740a3c8e1b6cf51c9439d80', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'f4f2ae8063990226a956150874d23e962f79791d', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '2f95d68eb02ad6e81be4832046f265356ef6ffa6', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'f06e9bc4c0e66772ce4aa61612916fe6e8a0996f' })), h("button", { key: '609bb16eadfd723fd9246886840a2f351f105147', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '39c5255f07c8879e065630bc9fceef9f394a5f93' }))))), h("swirl-popover", { key: '9652b81f9324b142556de48b9c786422b328b384', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c42e36a6d721fc488a0d7c5a0097fb9c925a74e4' }, h("div", { key: '7e1cacb5008200f81520670adddb7806be6ec149', class: "pdf-reader__meta" }, h("div", { key: '567b39cf56b3da22a943daed5b25c23450734560', class: "pdf-reader__file-icon" }, h("svg", { key: 'd1f9907536380e0d1b08e12e0d99c65428c262a1', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '9e693eedaf32a6a091e1fb7182c4ac757959d04b', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '9abe10f1ca39cd9ecda3a2ecc5310a739774b06c', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '1e1bb6c4d1522cd9c317d938ef286acd98b237ee', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '312ac7eadc30d679dddff513ad55422627986dc3', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'a05e4dfed843e2077217c315ac3bfb34f9251cc9', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '57f23630f567885c544b4152d4490001c205bde7', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '5842ecb3720fa5b545caad9e4adab8382b9a2b85', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '05030cdd9509b226763efeb21e130c0a93ce8bf1', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '065a3a4078d754027e0bb4805494f7c93321b629', class: "pdf-reader__file-info" }, h("swirl-text", { key: '0980d3837d6e3b55ac6f331d156dae60659db225', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '47b68cb583682d15739c10cfb89b6eb213f0d145', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'bec27eef1fd599443c1775529f9c2fda9046f752' }), h("swirl-action-list", { key: '41723f7443ea31233233a8d115c62af06b684b7d', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '83ca0194e9746000a6e605da7b74a0703f3bf95a', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '333c77058cb595717185a38a5fe26e039030c07a', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '84c64b8d5018bd343527ae04c5250160d6848486', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'a9415797021c232e1f0e3cc63a13db7e18a24824', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -265,14 +265,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '175ced51f2a06af65a7e1a846cf2fd3e8a981ea0', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: 'adaee9f29294b5561d16ae2f4ef532c0bfc7c038', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4c917a176ec55e2f9c8a61024e85059de1fee2e9', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '7ea8241370e14dd37690d7918a4ddf0a944b64bf', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '431cb1938ed6c6e06ee81655ade5444bf5830676', class: className, onKeyDown: this.onKeydown }, h("div", { key: '44a0efe834d9aac633f72099efffdd32eaa55718', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: 'bc92d0c351914716a5048423a35381da87cc5082', class: "popover__handle" }), h("div", { key: '3435afc9cfc9dc0e81e2e57f65dfc345098ba481', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '75950980e16617133e9ab6cae51714170b08962a', class: "popover__handle" }), h("div", { key: '6e9bff5adf252d1e2a7e9e7e2bf426d667d79e6c', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '4e58a63669e879fd43b15f796ab22664b328f2f4' }))), this.active && (h("div", { key: '6318303b68d6c8edf51ad6637b484c712bf8ce4b', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '3db02444e9fa7a0352c5e573445b1e40a7295207' }))), this.active && (h("div", { key: '24a768a535e0e4473471cc1adafd3b646202bf6c', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -441,7 +441,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '8a35eaf74f7f7fcfd1e06f14a0a6a05e9050cd69', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '780f4132799eed92c2d615713cfe6f82685a7887' })));
+        return (h(Host, { key: '7ab8be37362d4498e201dc03eb6ff406792c8541', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'dc83669cc35d7cb1fcc93d79608a5ce26601b3a6' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -18,7 +18,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 (h(Host, { key: '12b03c2c018eda63c35042beff2df6f1abb124a9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'ac776d96cc6855d3243bcdf8e109ad10e03479d8', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'accabbe193d90384a655280826fe6b668af21478', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '4ea8388334a6bce14f0d3cdd7e5ca2188fba64d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f9f929a64b08b0a2e3ce5184de3dfd9cc523867b', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '91d150531c699e223691d787c78a475dc8abc296', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: '723ee9fccf1bee2032efd9c7e076ad56e8244939', class: this.variant }, this.variant === "bar" && (h("progress", { key: '210dbee96d76b7f90d55608f2fcae3405da17504', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '0416de83b2197625349f8237e468cde61a1192ad', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'efef3c0be2d4ebfcd73abf6c436670e0da8f18d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '9ce31abfc191b7fbda6ac8dfcc8a06fc67f21681', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '2c53c955f44af00a8eacb1773647c52890520f6b', 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/esm/swirl-radio-group.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e2a9ca5c7308324d86ade257b228cb1d77009954', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'fa3d0f70d10b95a13ea30f08af562e1124a238d6', class: "radio-group" }, h("slot", { key: '2cf541e7c838e162532f9febbbd8e3992d9af314' }))));
+        return (h(Host, { key: '0a4359c6ef95def385128e39d30f70fcaa389bfe', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'cee717f50a48ba9f3dd87e6bc7e4ff740ccea3ed', class: "radio-group" }, h("slot", { key: '078306797aeef9c62b49a495894b51d8d768c0f9' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -43,7 +43,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '45d23085a89c549a0e30185c9394c31dc5a0259a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '993ff8f016b074d5ded0c8011b2473a23d993e48', class: className, htmlFor: this.inputId }, h("span", { key: '2c85e0356b82476ab98f91b7e3d43faa580aa816', class: "radio__control" }, h("swirl-visually-hidden", { key: '6d5dd1aab7076008c2b5faaac55e16da89e879cd' }, h("input", { key: 'd51aaf1dbd7d7105f65cadae2aa4044f8427664d', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '333e476073c4b5d65a81066b0eec4960bfd8a3e0', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'ba46a5362e4e89e53f5f8ba28b8d41640fc6aeec', class: "radio__label-container" }, this.label && (h("span", { key: '415f6bd23393935e0ee37b86c4ba0eb3ed777bd7', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '280c027a195fbf94dd39f7cc8d71a6be1530ac4b', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '14ca29fbb9c23f654f8b43edc5b7866f6d59c78f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '750556bd721caefa5b0e6a1a0a2ec8f54799aad1', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'ffc86019706f785e80edcacfaafe70cd33a4318e', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '0d92ec5a8c55d04e4036e7e8b44eab3ced9e8c66', class: className, htmlFor: this.inputId }, h("span", { key: '93ffcee887ebbcf70e2c1adb0ef4818b6e1baf7a', class: "radio__control" }, h("swirl-visually-hidden", { key: '1591f9e611101724f575de7618bccb007c311fae' }, h("input", { key: 'e95e209f9f892740325585285198f8ba83448807', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '8105cc59e8f59f056579f21f56d82e518cfe7396', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c5460f18c4d28bb9b41108600749f68cf42595dc', class: "radio__label-container" }, this.label && (h("span", { key: '42769a01c4d19f7d8bcc4703db4c279ef703b605', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '78a1a418488e4038db1690a23fe437c2809ec8c9', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '62df0dab9980f31ff213cc8c23f3cffbd1d92bfa', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'ec5f93ff9db3aa970620857d7fe1b07b25f01a4b', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -43,7 +43,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '71881f88e828f09f63f6aa33acadc105d7cf4992', role: "row" }, h("div", { key: '0a0f5c40dba2c492292922e593adb83ea133a94e', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '72c73a7d10c10acd7855792d90f9c97b32e51620', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '4f0ec77124ce5146dd363b11a8f79cd3bb6fd985', class: "resource-list-file-item__label-container" }, h("span", { key: 'da4e92f2c029484515b16e8bc0f58320433c4808', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '8f59709b6ec759f74616a3b89efcdf68654a3458', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '0e8836578b59c4cf907ab40f6c2d4a7df8ade389', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'f7f2e1ba0f513c1e7372286a4fe5b1fd86e21ed0', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'c3183985f8b1ef1ca632a033ca5095ec0696b5df', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '4a6fca814cf4b6a441d162754c59e666162f9b54', size: "s" }))), showRemoveButton && (h("span", { key: '357dc50b3b16f9a5f1069dd1230618f3e62538ca', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '0f3c29b7eba0feed109190a589c60dab8eda08fa', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '94db332ce7f05a8e11e39e96432e710d1e407f31', role: "row" }, h("div", { key: '1ddee8b48fc344d7c8c4e429728332224952cf0c', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '507aff1ee3a82b1a87289f6e31574de5f7bc090a', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '8acdec89bdee214bdf74a5ac53f15155cc2bc519', class: "resource-list-file-item__label-container" }, h("span", { key: '794df998a6279e59141cfda16f157b795a6e6c05', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'cbf003bd9f3d25e2dedcfc4cded583ca1d91619e', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'a68c7b3c2a232e5d9ab315c56e817e6bc74295fe', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '5b4a1677ffc65f4c60074189cd3771e2f96ce03e', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'c98035cb3102aea75ff59551a46ebe709ca49038', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'a6ebba2e1e8f2bfd2b71d89b42148b6f6d758861', size: "s" }))), showRemoveButton && (h("span", { key: '9545525d4dd2785ed3c1c007007126c115248a28', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '68c812dacca03950f1a602bd3bedfd76e6411c0f', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -12,7 +12,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '68096d8011890d6c9e3a9ded2fae530714ddf76b' }, this.hasSeparator && (h("swirl-separator", { key: 'fa287ac64b879f41af585a0f82cf0425c3b50d13', spacing: this.separatorSpacing })), h("div", { key: '2bac9a44ac59ce35b3c12a0d6e1b00c2f0130e07', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'cd4c2252d5710e82661fe65b81791d0f16fd6847', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'a481ee0c63965c5d4231bcab6bb0d17531b3fe6d', spacing: this.spacing }, h("slot", { key: '8c94f961c6440ca5750857e62c1227e7ff44b2b7' })))));
+        return (h(Host, { key: '4098562613b44ca3dde314898f2318703d5bd65c' }, this.hasSeparator && (h("swirl-separator", { key: 'f66d66e490135d103f566d46173ab9a7e8a42124', spacing: this.separatorSpacing })), h("div", { key: '818d5f39d751089a2161861f0f10e163b45ee67b', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '3ca5de95df4e798044624da58b774ee32cd7c335', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'e67d27292d098dc3f285956903b57d55c4a0dd36', spacing: this.spacing }, h("slot", { key: '19da593328285d1c7a10c0729ebb7e98dffa6d05' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -73,7 +73,7 @@ const SwirlSearch = class {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '1657d8a33fc183979dae782a391de0615dfbc4ea' }, h("span", { key: '97a1e2c02aa3f8ccefe50ae05b47ed8102a8d171', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '461c99e89757917055b34f4a6487ea029958fa21', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '2f56274c90f6fb25d47b0d6630cc888a347f0493', "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 && (h("button", { key: 'fb46d7ac34b429f4f03421852ec162b6fb8df4cc', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'f30e0a65bc23c50a6e2d5b844dcd52919846933a' }))))));
+        return (h(Host, { key: '4092fdf29e81da467a01ce14169ef0a236fa1e81' }, h("span", { key: '8d44e68c5d1ee9dcaa87e7b072b7368060451a21', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'a398ce6356847a6cf619cef1d8d1a1e84949a624', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4fe717d1512a62b47608dbc99042a01e438a38ef', "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 && (h("button", { key: '541696544a78036c61621ac82e9ab5071f4b69fe', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '57a0dbb569ca31f11ae9187c4675d90fffca4a0e' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -139,11 +139,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: '1f47d947c93bbdd74ab4213225a21492ecd87974', onKeyDown: this.onKeyDown }, h("div", { key: '232fe90db0300b1219f1c558ea9c3e2eecd63cbb', class: className }, h("swirl-popover-trigger", { key: '97915fa41dbc74dd5c7b41f74afdd9a0728f1079', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '8daa7c36eb77eab2deb841d28b33842bf4fdae78', class: "select__value-container" }, this.standalone && (h("span", { key: '30b73023abc7cf6ebbdf9723a51c1a0d2a83aec4', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '9e7ee3bbfb7baeb2ff4ba758bdc28b6fc44ef5ba', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '00be7262b4cb35d84f4080239d20780b287e1d26', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '0ba2b1933d39207afad1ce266136f41e9e009017', onKeyDown: this.onKeyDown }, h("div", { key: 'df02400f0c7ab0c69ac74f291d90c175f66f3735', class: className }, h("swirl-popover-trigger", { key: '568f7fc0f398e2f1117836d2022110851690546b', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '2a69760fc3e71f83768e7ed7fa1575b3f2d7d7a5', class: "select__value-container" }, this.standalone && (h("span", { key: '5e49ea0208f2030bd0be46dd70073fd90c08f356', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '522e2b8c4dfcf9bb98e3d599354fce3f39e450a9', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: 'f2be15a3739f3b3537e26e164ab37b9e97340fd4', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '697cbe2fd7e38cfe0aed8a3e9fdf7975c4ffca0c', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '799555fa6e3a8dd70cde587f70a8764d2789f942', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '55d46c551828c6c669260885d8bd16780e66aff8', class: "select__search" }, h("swirl-icon-search", { key: '7a429726184e201d101da782c38d2a23a784a331', class: "select__search-icon", size: 20 }), h("input", { key: '90446cdd546d66111b9559d6413794a9fd89e8d8', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'fb8558a72d7629d3d40e11ad23212638b59267d1', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '8a60cd9cd4db950fa31c1aab8b372844229cfd6c', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '53a2aa5ba8835426660a4010db5f8f34b480ab7f', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '3a48a68119f7bd644a7515d79eb43525456a611a', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '7369dda2dc2d8b69dde0b6df2936cf7da77daf25', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'f87180388e6abfc0fcf68b87037280a1f93be4d2', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'a0f701ff3509804787d6fd2253c1fb97503e900d', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '22341af9ae4286be13d0b0b872fe0ec24116b686', class: "select__search" }, h("swirl-icon-search", { key: '616beb220e8f3085e0da911bd0edfae6e09e3ecb', class: "select__search-icon", size: 20 }), h("input", { key: 'fb98cd188858d1af141771203b642e4d42b3014d', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '230c8092b90faf1c2cdd4ff153aea95ac04f5d23', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '230b7531827bb300d1a3aa29643d5e8bddd9bd11', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '132212d74188d55f4bee2d8d09e3e85d9bc347d4', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'e1bacdd82951d62997fb4af2a9edcc4a63684a75', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '8f33668bf241762763708627cb4de068e6491515', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -207,25 +207,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: '918f19e30d20d044db49fdf410143c6a2672caa8' }, h("div", { key: 'd68d2bbaa197868e03f812a3ca04c1162109c3ff', class: className }, h("header", { key: '860ea88aca7a5650c134279493de9cb705565e35', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '35ba75a46189e74da80999f6e2ecb4fc85b08f2d', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'cb40ee0b983055ea87bf297b16134957b1fcfea5', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '8877b9c6fe52be7104010f63e2e7b4d27bd28b2e', content: this.navigationCollapsed
+        return (h(Host, { key: 'bc5fb49907e7eb598626af361b303f5aedfa82ad' }, h("div", { key: '40834b357d9399fd7b8b2e036c12311be6455c74', class: className }, h("header", { key: '919802209fda149b034aa0c8c96333d6fa97ea14', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'f579b90837ad5177813f05ff0d43e4d967dfaa85', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'fcc3b542ad68a43ab8fa0e2eb35fe40d57d25214', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '83b26ea61d734896c87dc03b40b1d82095a251ca', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '2d29d23827fd74b883c470954af80f57a45e3678', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '80a3c78a960b4241789940527b5cf56eb31fec4d' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '06b0e2d3a08a02b8561fee7149acb8427aaecfad', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '8faf1cc3b757e22334428bedc2749efa04dcb7ed' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: 'deea81afff358a33cab35a025d29d7f6d00c189d', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'dbe3602c99bb7df3a102b16f81b14a5fb1dfa655', size: 20 }), h("swirl-visually-hidden", { key: '15d38b6d8010a78a1a506081a5730dbc562c7fb9' }, this.browserBackButtonLabel)), h("a", { key: '16a641d1fb243fb6d9bc51467adea881f2c45b67', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '39db596c59c8cadd8de50a833eba8ba8ea0d70c1', size: 20 }), h("swirl-visually-hidden", { key: 'b7c1ea27ee2dac4d18299570b825939bb6e415a5' }, this.browserForwardButtonLabel)), h("slot", { key: '18421524065301370529d3ddb1c446ca6fc22b97', name: "left-header-tools" })), h("div", { key: '21a6bb1c1a0711632a2610a8af1ed30d01a221e7', class: "shell-layout__logo" }, h("slot", { key: '1142eb3115dd31c36adf300be10e14da9ca73a2b', name: "logo" })), h("div", { key: '4d192a7d7afb0b3aa3ed672e04e6a4cc03097982', class: "shell-layout__header-right" }, h("slot", { key: '5724197a40babae8b39ee432badb60da7ee63d9d', name: "right-header-tools" }), h("button", { key: 'e3e56e220297eabe8a19a116543998e48f96ee94', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '039121813af0ae12543186a3f96ade6484cd331a', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: 'b73ce5089e605ac601c35f03aa715bdd8ebee40c' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '2836d8ba43d0a952c6dfb27551ed56c4210d42ef', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), h("a", { key: '2bcb0e3c434b356a63c6821bb911562b62527c79', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'a4f0be8d58fe14930048eb3f21b0659e8454a010', size: 20 }), h("swirl-visually-hidden", { key: '01bf27cb18ec25a57fbd5f6bd4ad9f56e4775e6a' }, this.browserBackButtonLabel)), h("a", { key: 'a33a839b4deec6d24dfc8e7b4a972fc7c2477787', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '99477a112fd1d190a1155ead367415eb20f59328', size: 20 }), h("swirl-visually-hidden", { key: '751f67b88545445d3bc86e1bc615942a1119e60b' }, this.browserForwardButtonLabel)), h("slot", { key: '6e381133a0871acbb927d1f7a018352c0bea95bf', name: "left-header-tools" })), h("div", { key: '8ae93b2adf20ee3a18ef049cf69b0b1d830b9608', class: "shell-layout__logo" }, h("slot", { key: '0acbcb34e9cc589d6a86ce135db441bcc84e2eca', name: "logo" })), h("div", { key: '1711ad0aa546fe5c617576a4d5547f117e3d5275', class: "shell-layout__header-right" }, h("slot", { key: '910eb4f5dfe9a6b9a36ae91d5e22808d6003e62a', name: "right-header-tools" }), h("button", { key: 'c7420f6aee61bb8ce2221da3124d26dc952d47f1', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: 'ff97886a2e00b7ae4fe6ba3c705317a1c2366441', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '891c9b58dddb150232aa85064c8c9a95478973da' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '59bfda3a8769883a2d76bc91c8838cee5f8e9e8e', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '3f5f832077608e6ca1a99d314a08ef6c74749f13', name: "avatar" }))), h("div", { key: '0fca04cf2d07afea852074c0603db2f117fa4e0b', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'f5ff7c77c6b762e11b2e417d979442e3fe2cafb6', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '2df01953b94954e7e16ce83798cd3927c132092d', class: "shell-layout__mobile-header" }, h("slot", { key: '7ca71e15442500458994145b014fa357cc828b60', name: "mobile-logo" }), h("div", { key: '9d29ddb4b22d1df8afba30d42519ca4e0b7119f8', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '60600ae668b853f19a3e893f1cc4399e934981a3', name: "mobile-header-tools" }), h("button", { key: '12af3662556273060440747697d6f5d25ce95fd0', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'b9c32ea86fee011b2c59eced94c16481a68f09c2', size: 20 }), h("swirl-visually-hidden", { key: 'b9fb45084f9a14e2f4b6c51e0e4516f0f580d8d3' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '7a36c107b285342a0b4d101ec7e7836257c4186a', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'a33c89c75c4068c923a9f26a6ed28ad0bd8f4956' }, h("span", { key: '2d0924f1aeddcb8f103fb24b65b16a6c80161d44', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'e1810da01c7dbd32275c01f51aa9df6e58da8b75', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'cd04df67496f924d5ce93617f0f5312895213350', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '469b4f5faf939f1dec4b4cb2d7eb2182e57a0e7d', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '44e2951dd0e4c263cd2d3d6016e5806529fb31f1', paddingBlockEnd: "16" }, h("swirl-stack", { key: '7142bafad7a95bf52a02d6d9a483611429d15c0c', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '3a5211e54739824bebc93a0b1fb7fc22c26e778e', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'f4e531b509739b044e624fdb8ab82a57e2f8737f', name: "avatar" }))), h("div", { key: '553612ee0bf621659d7a5da813f4a21a52b39a19', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '19feb8b4b89d242087d9a74d220b543485844dc2', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'cd92ba30d14174c738ca5565bb4ba9defcd2f5ad', class: "shell-layout__mobile-header" }, h("slot", { key: '086ade5faab7d29bff7c86f9d337ee7c84bea7f1', name: "mobile-logo" }), h("div", { key: '5939c8d469390ba35621f9aa9e8af28a836bb9f7', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'bd194a37d76133cd37ea40f9bb22004f67911bae', name: "mobile-header-tools" }), h("button", { key: 'bfc6cadda77291ed7eedb0e316055f64616c6134', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '0a6300969f1de5a909e733c74ed6093a894443c0', size: 20 }), h("swirl-visually-hidden", { key: 'acebf61040fc2016ac47472b3c440a0928204ce4' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '974e939e8404fe04ff9cb09e733a17d8932f40ff', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'f9fc2b8b7c286b03b45d7c26d392fd9857d9fcb7' }, h("span", { key: '9f04d9ca6582b16d2269b65ec0258d41e221bb7c', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '757a9a3bd9171b75cc0bed77958e61925f586bb6', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'f2bcb45e81f249ec4f84253748761411398c4adf', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'c62bba5d98e13dbc7b36a2bfa755b171b7a3222e', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '9570adf93a52acfb176ba9ca3140bf2003f16a24', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'b3462b56d53715ff254d38d7b6a6eafc79a5f6de', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'f26b5930825041b4d3a814a349af4455c554c4f3', 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 && (h("swirl-button", { key: '61c9a179bbd32e10c047c3b2a7db87e5723bd85c', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '71f1a4de58498a6ad20f8d3a4953db261c140600', 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" }))))), h("div", { key: 'f4c8f89e90d41e2f1ab8cf7087a733016d74ab3c', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '848f3af8c8b5ca518a06325091540914cbe58155', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, h("slot", { key: '62d2a25218e5c53566dea1e355441de4ef4c24cd', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '965a3b4010a105017fbb3caf34c01b7f0955cb11', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '97892ba31b5c4a8ae8c293e7ac2f2ba4f8583312' })), h("aside", { key: 'cce6d7c4d3ffd0e405cccc1ce68bf85d8893a00a', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '2abbe9aa1803a9150c0188c30733804baa820ad1', class: "shell-layout__sidebar-body" }, h("div", { key: '9da1b53ea9e7055ae54e8bd6e53489472ce0a5df', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: 'fd29869e694bbbefab2c76dedbc913d8058c8e24', name: "sidebar-app-bar" })), h("div", { key: '9f11bb09e466d66e51d11615734d82148a4653b7', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '7b2b22f15fd89a7bce075c2a7af05d881605026c', name: "sidebar" })))))));
+            } }, h("slot", { key: '6af794ac1f6428378a02ec7b4e6801101f39d277', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '74e2d8a662dbc362e3cdc70a3282c438c6882a68', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '19cdf5b7e549178f71201c94a498029fb1127495' })), h("aside", { key: 'aa4867f8013a190b5ae9db9974337fe4e6eb7dfa', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: 'ef7e22b53713c96351bd1122dcc390046271671e', class: "shell-layout__sidebar-body" }, h("div", { key: '70a85100ee92b86e1c7a70f9dfc2545f2bbda7c7', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: 'c95b268a77a5f6bf4c0a0a3e29df89547ec93ad2', name: "sidebar-app-bar" })), h("div", { key: '659191ef0f08ffa4714011445b3523f7c4512aa5', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '6796c8a3891f293c4076aa4f54bba1800f72ff48', name: "sidebar" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -33,7 +33,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '911f432f2889e105f6a44404d4dbf41d3a8a74ec' }, h("swirl-tooltip", { key: 'a3ed8a1f703bf63102d2252004333bb83fe0b05a', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '1462095acaa1a584ea2968a83b87637ff4064884', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '622f612fd6abc4e4a4709b2319a321959c16eb55', class: "shell-navigation-item__icon" }, h("slot", { key: 'b5fa21618d36b6c832b88b39bb9e91a4ba25478c', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: 'cea64ea964fdcfb4fe32d958d81f72716d03fd84', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'e533824b03173bc073b3b22a98a152217ad176ac' }, h("swirl-tooltip", { key: '61fda8652fc0ffeeab3454c9b015701325484fa7', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'db35b73af4b83667c2eba8e0f55cb5eda3652615', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: 'baff922235a4eef1f055de222fbffc7e7eebad0c', class: "shell-navigation-item__icon" }, h("slot", { key: '6be949cedc93b5a2d4ca23f067547d6da3db7c80', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '662cd623c1eb12400d976cf5e6a5bb6c83c5efea', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

package/dist/esm/swirl-skeleton-text.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlSkeletonText = class {
     render() {
         const className = classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (h(Host, { key: '18e9eec8b287b4356f6ae7a7d8d114fbfb562a57' }, h("div", { key: '27ce0f87c7bf5a77564b4cc92d3605eefeadd3a8', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: '8a11d71239bc4295aa8591012fbf61d951f0131e' }, h("div", { key: 'a7e5b1977a00be862cb955088a44d394d0b2fe32', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
 };
 SwirlSkeletonText.style = SwirlSkeletonTextStyle0;

package/dist/esm/swirl-status-indicator.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: 'f152d40933b8b0b9f0c7bc1a5561c2a65bf74a36' }, h("div", { key: '4c59bc0dc06ec01f289d27207b93d736bc5803ee', class: className }, h("span", { key: 'df77e2c81898bd9ba5a788d3d4ce8d96ff5b6caa', class: "status-indicator__dot" }), h("span", { key: 'bedd916fd04fc19bbf889c9f51eb79b6f656fc5e', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '5f7faa4e5d737219a2d0fd943f42cf84e36ac034' }, h("div", { key: '8075a99b80adcc7508a1bd701ce8ca689a7e4ab6', class: className }, h("span", { key: '3ff4f266671f8bd3710138b0abc9d8a361039cc1', class: "status-indicator__dot" }), h("span", { key: 'fd275e002644b848419ed20c9879435606b8cf54', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;

package/dist/esm/swirl-switch.entry.js CHANGED Viewed

@@ -37,9 +37,9 @@ const SwirlSwitch = class {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: 'ca3de302f3adca5a952c8dbb58b322e03c408533' }, h("label", { key: 'ed38a08c9c627a384bc26485a126d90aaa8d8175', class: className, htmlFor: this.inputId }, h("span", { key: '80de2b0c80ed463cc08f725706930f0361032015', class: "switch__control" }, h("swirl-visually-hidden", { key: 'f6b52fb2414b0d654c1a2b4434dbc782e083ba5b' }, h("input", { key: '71a3bddad13f9756d13e89b72a7e1a2375b051ad', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: '78b5777a7bb1599bfab7fcd603e9800d8e019d44' }, h("label", { key: 'e3579dddb5b60c9ecf45e248a7a1c62790af50eb', class: className, htmlFor: this.inputId }, h("span", { key: '1497e96b83dbf4de3b01a0600cdc9fab4aa2895e', class: "switch__control" }, h("swirl-visually-hidden", { key: 'a2ca6a68312b8ffeda657f63f6f4ec864c5c1962' }, h("input", { key: '6c6996924fdd1fa55237b107c1603060254b77cc', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '39d16ca02496ac9d359fe2685219ed3b6d0dc725', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '95ac5f903c787b0494ec46a136e3c7bc81173a41', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '09ec8e2264c87eb1d9eb8c0825f4bd2c6d4abd4d' }, this.swirlAriaLabel || this.label)))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '8d2af404cf4b1349262167e8efba2de4eaab26fa', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: 'f8a2aec8f4860df916b0b210e55cb2cbddcc5a6b', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '82bbf1ace98b795cee9898798845722885e06978' }, this.swirlAriaLabel || this.label)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-symbol-account-circle.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolAccountCircle = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '4737bfa0f545c02ddf02ca9f4489f51da115c99c', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'cfafb05c8b5080574947f1aae6e8150ba94e58a4' }, h("path", { key: '7ceae545588e3b20c44b664568fbe168b478b1be', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
+        return (h("svg", { key: '76eee3659c8bd44e0c82ffd110dc051b832a8ea9', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '1da13a3e1edf04aacadf5db70ad3a22af741699c' }, h("path", { key: 'e0bfe0c51178b42e64c0b46c672e8e4fec0cecd4', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
     }
 };
 SwirlSymbolAccountCircle.style = SwirlSymbolAccountCircleStyle0;

package/dist/esm/swirl-symbol-alternate-email.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolAlternateEmail = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'ac8c0452b7a900a9e80c5c09a6283c6a0f033a0b', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'a20a046a6c3ef0014d829ed95658fd5bee178fe0' }, h("path", { key: '54ea2b980e2f99606eab2e6eed6f4f83d0880f0b', d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'f2592520cfdcf920965dd6fcce09dd22a32cc589', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '3fd5ed3b1fb785b6a97571ae4260a329c1597f7d' }, h("path", { key: '96b40d58b4a6b4283ae0bd9c83708ac1edbc6ee4', d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
     }
 };
 SwirlSymbolAlternateEmail.style = SwirlSymbolAlternateEmailStyle0;