npm - @getflip/swirl-components - Versions diffs - 0.317.2 → 0.319.0 - Mend

@getflip/swirl-components 0.317.2 → 0.319.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 (1772) hide show

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

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

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

@@ -231,21 +231,21 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (index.h(index.Host, { key: 'aec418b418bd08f4f9f9c43a94418addb144fa2e' }, index.h("section", { key: '843975dec3e763ab2440253435164ec23b7dabb6', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '7644f19a4992014fbab97036aac7a1e968afd215', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'b7d6307b15a51442015ffc65eba4811bccd35533', class: "modal__body", style: {
+        return (index.h(index.Host, { key: '86c6f75b6de310e3c8718c1496abcbbc2b2ae4ef' }, index.h("section", { key: '305b83da19ac070fbd8b08b139c97eb6aea5f7dc', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'be19999f6cfe2ec369276caef9476f0baa3209d0', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '1bdd2f01b020cfe42da6e1c3580ea0605f0ac530', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, index.h("aside", { key: '6c51ad1aabe235993f45f64d507a1e4a2fc80856', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '8853e05c50cc9be95c6720dec137b6c24d92941a', class: "modal__sidebar-header" }, index.h("swirl-heading", { key: 'd0f95a1726b846f5ab98bcd2554f9a17c00af466', as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel }))), index.h("div", { key: '28265dc624ebe255ba75de9fe93a6d71e43bc77a', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '36c5dcc1fcb62a47bda0f3f316207ab107532377', name: "sidebar-content" })), index.h("div", { key: '6b1cdf5d225e8050b2b66a47f1209bd6f1eaf6d2', class: "modal__sidebar-footer" }, index.h("slot", { key: '3eb038cb420eb837158697fcf9d128f881e2284e', name: "sidebar-footer" }))), index.h("div", { key: 'b78310163eff4c512841a31ec0039c50f5b93238', class: "modal__main-content" }, index.h("header", { key: 'eb70fdff54e7d905ace3271e15f5f3aaae64b2fd', class: "modal__custom-header" }, index.h("slot", { key: 'c9be866c718e002f60285e62142bc62b40d3ba05', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '1efae1ab6fe93485d68a7c655c7cf706a5690c55', class: "modal__header" }, index.h("div", { key: '4237aa094d7779c1c647c0d2146ecd5be7743880', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '179103c9c5a40a87315fd49022dc6df91682f638', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("aside", { key: 'c516bedc53f64bfbd255275735940db2e0d06df0', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '7becdfe335bfb9f57a7d1924fce5673d08f705f5', class: "modal__sidebar-header" }, index.h("swirl-heading", { key: '4aa7d5089b1210b2faaa2e54dc1a7e50a53338b2', as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel }))), index.h("div", { key: '2e80c44664a2b0de3409b099616d28551a934d15', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '0b9d67d4650421811b55b5b081143c634b389f9d', name: "sidebar-content" })), index.h("div", { key: '4df7ec9cd81ba0760376aa84bd425ffba3f9f82a', class: "modal__sidebar-footer" }, index.h("slot", { key: '8cc197c426a6e133e9ed4bfdd556c3ddcd78d930', name: "sidebar-footer" }))), index.h("div", { key: '9cbcbe92bd740e85dc0726c67d41361ba9f0e78b', class: "modal__main-content" }, index.h("header", { key: '00d24b87643cfca4b1dd497a2e8ae3fb4b23c1ec', class: "modal__custom-header" }, index.h("slot", { key: '67ef18cbb7356e62c691a3b097ec2200ec57f977', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'f2fdfbbbf7ba83f99507ca316eadfa4d2a87b5ec', class: "modal__header" }, index.h("div", { key: '4e2e45ebf9a11024df589fed401a720839df6cd8', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '0eddedd97d71caaf2f162bd4b5c4dd53f611fe47', 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 && (index.h("swirl-heading", { key: '984516bc559cedb9dbcf67aed0aa8b4539edc3de', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'd02275111bb33c4d4f8f0f74eb3bc7f8d0b4ae26', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'a6d69412764c53c41c45468a84fbc40ea7d85f01', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '2505c71ba22aa58bba3e42a4c4bd2566a64fd84d', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'e8dc0c23d4f05ea777ae5d29a6141d3aaf07ee27', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: '3e9e9970bb1c424c5bd7dedb4e6c9df06d6c7fdc', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '2f678bafc779c8be76eea7cbc11812ca49c9ec48', class: "modal__header-tools" }, index.h("slot", { key: 'fec0f00564b96559f4bea908d408720fc8f830c7', name: "header-tools" })), index.h("div", { key: 'bb57e7c6dd6fc6c095ca43e6d64de901eb7d1b04', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'ac1e587f9d4206f7814c4a6ab8bbb71d220f8db0' }))), index.h("div", { key: 'c7e1c375d0da3a62a908e796517cd10f1b235c33', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '91c4cbab2f857801169d0720141b98eb23d861cd', class: "modal__header-tools" }, index.h("slot", { key: 'a4a4ba517c2ebe5ab21b5716280890ee1f6ea122', name: "header-tools" })), index.h("div", { key: 'd8864a2cb8e4b95834600ccad913ffb836002433', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '5a02790ce4d07c4a61fa12bb217fc54c61640008' }))), index.h("div", { key: '666722323c12677b0534d29d8b6ccd231e69236e', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -263,7 +263,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '8815b4ac74a0c2cf9b3cc74d77ff210b414015e4', name: "secondary-content" }))), index.h("div", { key: 'ae1e2c930dae5fa68678d23724547a35d456c2d5', class: "modal__custom-footer" }, index.h("slot", { key: 'ae91dccae3ee6e740423d5ffe18c99251230fc90', name: "custom-footer" })), showControls && (index.h("footer", { key: '8ba9065b73ea307a6632991b40a426646ba072c7', class: "modal__controls" }, index.h("swirl-button-group", { key: '7b0bd5ff64638c22e42c1a591860c87386c31c8a', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '5444e1ee2b1bd3571e936118777a9bac204a6b33', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '89ec9f8252df7eaf7679ee45e17bed4b75e7ab91', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, index.h("slot", { key: '6c53741ce3e006cfc2bca293fcee71900b038cb3', name: "secondary-content" }))), index.h("div", { key: 'd521bfb64a4723ca6b4ccedf3174c56df12279a1', class: "modal__custom-footer" }, index.h("slot", { key: 'b08efd8d371278df24ea55da69485ebcb1d32540', name: "custom-footer" })), showControls && (index.h("footer", { key: '3f841a17a178d331a2908d892b71590860e445b3', class: "modal__controls" }, index.h("swirl-button-group", { key: '46c7d1a4aa3687de9770bf89d37e29c05a861eb2', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'a0ab164c3dc2dbdd2c74ca70db6b22d6274f0eb2', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'e75e5d2dec79738b5355f2387969ac7c95548e52', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f2c9fbc389e506b98ce2c7235624be0725fff5f0' }, this.hasSeparator && (index.h("swirl-separator", { key: 'cdb8ad7962b90c409655cab1c68214e45ee58021', spacing: this.separatorSpacing })), index.h("div", { key: 'a1ab529bce3283a2e5b6297a3d8dc0aa804d0305', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'cf59434d2ebfeaababf028ad6093cb11b26d1f3d', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '823069638f8df03243a07b1e72f77089ad69aad5', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'fe94115993c24004db5f6c59313c1d137127fd0f' })))));
+        return (index.h(index.Host, { key: 'e99fbd8cc5f028e94ee9fa7ff3b48fe65eb0379d' }, this.hasSeparator && (index.h("swirl-separator", { key: 'a989e3fea9fbb74a08afaec3689be6ddc8fed766', spacing: this.separatorSpacing })), index.h("div", { key: 'b097b691b05cba551d24933b16c508a419b33cb2', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'f3621a3844c0a2a30d0f1ae145476a2339e7d588', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '02c6008401c808aea28fdbd96879990038d2a386', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '547823346390ea32380b902c059c1c3dc8c11b32' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -352,7 +352,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: 'e2043eae31b5fa8b1b2bbb8f02b145cbcd734eea' }, index.h("swirl-visually-hidden", { key: 'f30357419f086fcef2398256f8b9feb15bd04500', role: "alert" }, this.assistiveText), index.h("div", { key: 'cc212004c477726f7f1169647ea7220067dff118', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '2c8686f965a824cd752860715db99b1810b59d26', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '26a2012804a409318008a6183767a1b8c938e80d' }, index.h("swirl-visually-hidden", { key: 'bf8687c2be6746e40e8ccab834f463af02a26208', role: "alert" }, this.assistiveText), index.h("div", { key: '718c674e95755b47b48e811ab71073972b0263eb', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '4de006ae871e2d3b1010289beec6e51dc454a43f', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -405,7 +405,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '3d0e25cca593ea8a22588921434739b16383160d' }, index.h("span", { key: 'd2d6cda124a02a4c99aa00d7ba4dab6455bd1a07', class: className, part: "tag" }, this.icon && (index.h("span", { key: '43fa32eab04a5e66d944445a4234049476546045', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '301330c0dfa1499fdae2e58d851223925664a036', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'b19dbc863f23b8f10d69c8337a361d2b5b9b274b', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '8758d821d443a124303daaf6aaed89ed39fee34f', size: 16 }))))));
+        return (index.h(index.Host, { key: 'a1f2f0ad84547ea62b11ad4340aeef072c405bda' }, index.h("span", { key: '49cd19c19c6589e905918b9f7361c67e7926f750', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'aac560c02e88365dd5fa63704a11621ad4ef434f', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '9bf2deccf5aec4f08ceef5f84d1953877122b188', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '3f28e71afe4092df5ba593a06f5d96636bf5c04e', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '7962ddb75c8dfa7a93025318ea0ca27146ec5a81', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'a3cb9e7cd76d1f76cc06d2485e1c4e1bc47a0b67' }, index.h("nav", { key: '11a4884abac7202c8e9aff0d955acf73f0b235b2', "aria-label": this.label, class: className }, index.h("ul", { key: '07633c9642741dfbc7a2f77c86912ec9cc38e338', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'e780349f66aa4a99167cca4a67debc373381ccb5', class: "pagination__list-item" }, index.h("label", { key: '3ff1dc0281bae67e6c7fa8e8606b6197acf61a85', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '1334e3edc128113b8fa13d868104257040fbb8d0', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'fa114d9a9db8606363ddb43bd2b15a52f9068de7', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '457b8dd9377c211b23a28310ad6728eecf352798', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '2522b23e00cc26171f7cdaac3243445a908a2801', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'e98d43c0c4cb744052ab6b2af92eae98777e7461', class: "pagination__list-item" }, index.h("swirl-button", { key: '3a14f9ce9042c9390fb63ac302e21e815e432621', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '26e00391832715aa7fde35e787f927d8639d0058', class: "pagination__list-item" }, index.h("swirl-button", { key: '23cd8fd415f10875a9edf2d00940784f05285f0c', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '1b9a2ee02471bf57dc9e0a024ba20cee9348432b', class: "pagination__list-item" }, index.h("swirl-button", { key: '9fd82663fbcbf84869e04149d9856331166af354', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '595e2f8beffb2a3e27dedb41c17e0b7592999f7f', class: "pagination__list-item" }, index.h("swirl-button", { key: '13607971f38bacdb9bc2688075fa786f40fe6e50', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '84da59d062173605db91d1f72d9706aec9588d4f' }, index.h("nav", { key: '48d208cefad2385ae7acd8684c217976a885c10c', "aria-label": this.label, class: className }, index.h("ul", { key: '66e23bb51076416401b9ade13422dab37d3e8e0b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '408728e3e75b2601a520bf6839db229e16cd53de', class: "pagination__list-item" }, index.h("label", { key: 'dc355e2bd8188a4d9ca2466ad447de5444ab48e4', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '461b7edbce179efc09e5e0984d65ae41c9ae78bb', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'f5e43e13a30e82d632b18ab9827f1c5375d44ba9', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '6d02a992675e54b3d55de4e55821cbd39d2e9e48', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '33bb9594ff0aab4508ef5b2c7950e0a8805454d8', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '469b0a360208a4168c9d85cf392503a957f083a5', class: "pagination__list-item" }, index.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 })), index.h("li", { key: 'd86b48d2c5058b25bd801d98f0c7de9d1d2c58c8', class: "pagination__list-item" }, index.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 ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '75fdc6ca0d05d0a149841ac1ab496eadd12d13ea', class: "pagination__list-item" }, index.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 })), index.h("li", { key: '02dcd257fcb5fe83a0dbe2502504fa4fef78c8f4', class: "pagination__list-item" }, index.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 }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

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

@@ -192,15 +192,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: 'fb14aa72b63a360ad10c910e1c2b6f0edc6582ce' }, index.h("section", { key: '31cb4facefa0b3dd1fbda4001bb18e5f1a1433e3', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'c7de5c36c886dc6ec136fe4a91bb4c152eec5702', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '28f23acfab891d85e2e0c1622bf43a60e5a4d600', class: "pdf-reader__header" }, index.h("span", { key: '2b3d082e2b76e8c6fd982ecd57bec1191a9fa881', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'fada3b18b77fb3f866f79b74b41df59f00ee6392', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '90fa802d24261f29b4d6091a72df9a675a765060', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '68a190322ed2107464d60dc04dc18eb34120e662', class: "pdf-reader__header-center" }, index.h("span", { key: 'e852bf3c3197d629ad984e3cf2904f2e7855a5e1', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '013ac01bbd165c35413052b356ba1ba29100a078', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '8a83965108d95dfd9dfb8ac58f20c6f847250b89', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '2e25849b082f6b356e2d881d2dbc01d3b26ec450', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '2f92c46c48db3a476d76200885aad3bcf16d37f4', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'd73b3c2b83392dcd5511fe78e814fd897e98f1b6', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '98fc9e00c9cbf3815aabd4cc0c4aec31bc61f92c', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'c666ef4f96fe4101aae6748f2040f9794f5009ee', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '67be5ff65bbdb39113013408c409fe28d7e610be', swirlPopover: this.menu }, index.h("swirl-button", { key: '62ec853f91d884b485dc16935654b0c0fc875d4b', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '3c719e417ffc830d12534a56b059922067a31f65', class: "pdf-reader__floating-tools" }, index.h("button", { key: '16798b2cd3f5afafa045d6a5922e1460ebcf099c', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '6d9e974910b7bc17811945038f1f0935adabb0b9' })), index.h("button", { key: '6ed3d07bf9fa2d7ac0ccf502aa2aafbd64ca8af4', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '10861880efe661dff01fc9c3c8b0bbe0f6a99f33' })))), index.h("div", { key: '7f0e2db1854b5d4ce8b4bc7b840d1586211159e7', class: "pdf-reader__content" }, index.h("nav", { key: 'd8a65cce7279b4ff19874aa96a03a5ad714fe1a7', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '105bc23154f5673de9fb831f2e0fc5b419263486' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '0c755bdaa575b851db01ec53e6eea6949686a53a' }, index.h("section", { key: '13466947b741f6ad0cc61357f6c5b823a2146cf3', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '4a8cab1c92208a7f1a5873493a3525997334bff2', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'd5e057914d5c4e5f88f0dd515cb92724157ab7e2', class: "pdf-reader__header" }, index.h("span", { key: 'e759d1ef16205a29d00979005f1cc77336327afb', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '0d2a961095e74ce1f50b867d05231af1ae71bb75', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '9994a87d3f8bb533b57d26da6cd18ffdb06075b9', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '4d8ce906f6582646f9b63f64b113f4909f4623ae', class: "pdf-reader__header-center" }, index.h("span", { key: '5640edd18d2be3b2e9140aa14274f907b42565c8', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '73060ab8d4999555235a51771b523fdd6b087f2c', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '9813650423eb27c39bb3aae07a5935eb9f416c3e', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '590508467bc360fedd4b94707a967265576bad06', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '07d269f933e559414f430e8396f0fc8b1ef79040', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'abddf4e04a32c2e87bad1282ef5fad2f2872449b', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '672daaf19d1d9c3ce85a41042ec5b49fa45ca575', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '87059ca355ba1d3586bf05a6b0af8014529a8b84', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '8165ddbd5dbe47ecdbe469eabf33bbcd98637a46', swirlPopover: this.menu }, index.h("swirl-button", { key: 'dd4a7b0f4cf33f51c0fcbdb40fea3c12ed041847', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'f689c6c8d83fc0f7820ae3f2d4cda7837b48024b', class: "pdf-reader__floating-tools" }, index.h("button", { key: '81ca0e07bafdbf5b72aea599e6667139b29a34c3', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '217488abea5d95b9edd649f327600a94f4cc6960' })), index.h("button", { key: '4ba7f4de9d0381f64557ffb453ea174973dedede', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '437e97ca474028d06b0bfede56208d0a4c353507' })))), index.h("div", { key: 'f192e63ccc82bb4f0d4a7a9fb32ceda5f8c7c3a6', class: "pdf-reader__content" }, index.h("nav", { key: 'f13db656da643f6dc09942fd7315813bebd08851', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '29d6196d06c3b5a9eb2e20ba62b3e8d0383afa61' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '49dfc9b579ce0a981c97db475ddaab42fb66ed13', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: 'f080da9e7dac03f5ddc04b0878e55933d40dae7b', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '12304350fd30693d733692584718a53354b0d4c1', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'da979e0216ab15f7bfcaf6497316e715664aeb5f', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '43ec831d93eedbbfac0e636872c2628413368b49' })), index.h("button", { key: '30454f01c314117b09967c7057bb98aa08419582', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '77d32947fc872e2ccc70ca2394a6c32fd1afe27f' }))))), index.h("swirl-popover", { key: '0736410dd26c86da70d3aa1803a4297758b2b08f', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'dfa3c3bb20686f92a4bfccb8fc5c3f54a95f135d' }, index.h("div", { key: '69d836eff15f6ff82a85e9a240adf7bdf54f211b', class: "pdf-reader__meta" }, index.h("div", { key: '8fe596769ad9a01d75220d4f90197fa94cd91865', class: "pdf-reader__file-icon" }, index.h("svg", { key: '1dadd3a4ebd7b7cfb25ca8bf3718c58aef99a792', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '01352485671418a2358b4f4ac4d94e920e396742', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '5246c57f18d0516f51bd5810efa74dbd8628f9a2', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'ec09d12de70d341ab706665dc925ca0e44bf871e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '73bded16dfe8c2e0d5e0c0a0dc3f41174eed71af', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'ad1591eb4dc04e264fcc9306a192924d8ccc7784', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: 'f7921af91be14a36c54567a6bf3957c202206a51', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '0096eed7e7c9fda306127e1687566f6ffcf56b3a', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '76dce5c98740df68dcab0a93ae1bd7a4dc6b251d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '7d87be3b6bd8892b11fe341b7050195b33089175', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'ad398de404807ad55a654b5d9552c0347c9507f0', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '6200411c83e4b5dafd6acd416ae1b7da582ccd05', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '0fa54080079a43a02c45f2d98582907dcc9b95e7' }), index.h("swirl-action-list", { key: 'bc4396f76bbed28b4f9c01b82a1d8b38146f6283', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '0df2a7fc5830a3f4b3a71717996bb8d947be25ba', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '0cbe46f96e16d86e9c4bb2feb27e25b3dfb908b4', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '7c8ae47f37f36db80d9330e954738cf666988710', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: '6e55bb47076d9a4c2aac811dc8662952a0e961d9', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '7feffb6d7a80b8934eb344cba9c318dbca6643f5', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'f23e77a23819394ba0dca91ed9d9c9c6bde15a0e', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '402bb24da702f44e938f6ace8454994927c68886' })), index.h("button", { key: 'cf45c0c991d5eada5ba844003d1560f9dae3e561', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '55ab2968f13598ea54aeec1e354b0a313b4e89a2' }))))), index.h("swirl-popover", { key: 'e7577848fd14cb33486fdbe2fc956f8d780b22d7', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'efbe0a392dcc451dd7d85f662aa606bd9e5d9e05' }, index.h("div", { key: '5a9f13fcf2e8289420223e1dc84089369a6cdc14', class: "pdf-reader__meta" }, index.h("div", { key: '06b5669647a6904d994451f0bcb227a69e1102e2', class: "pdf-reader__file-icon" }, index.h("svg", { key: '06d33f34adce92e557d68ce6392e47ee474dda5f', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'fc1c10d843e6deb3c81f9d6d5f2360cb3cfcae8f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '06daf3d53d6d4a6f88ea4c76a24b71a9a2c3b580', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'd4d1d197fef9bc07977b80a168ee2012646c340d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'bf3286b598fc7758d4f76e6a6e29b4c77380eefd', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'efa326122bb3b01e35f106ded8291c21a948cb6c', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '9a6b73133ff5ce12985d2d2c79a0c78f1f7fa6ff', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '9afd02448f2bd53bbe524ef18ff00baf5ed435ff', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '9be342c18adcaeb8f5a21c79d74ac77e7eb24d09', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '4e06a1f34f6ed34b4269e0f0f71baa4183f0b191', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '16e3d571666f83befb94e1dca22bcf76b98f23bf', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'afb8aadea5698784fe4b2aff6aa0853f482f96eb', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '09fd7ed3feb280a2ba394db0d6296c5de3af2c2b' }), index.h("swirl-action-list", { key: '13de96e4138bf536e99d616d9cb5366e3ecf2804', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '9c3382bd56c690ef57ea7120ec76c7d750f8e702', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '05fd3099758d075c4da87f52cfe2cc6f21c260d4', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'ebb5bea09f3cf70c5a2358beb467caa677e59dbc', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '263a5861b1e9f7098a5c2d53bc6555c8c87fa5bc', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -269,14 +269,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '47c03a80ed4ccc6fc36987cf826ab2c65e5cf0d1' }, index.h("div", { key: '75d3d43daae540e200d4959d54c19391c3c54908', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '7f6cc45ecfccdb7b41614f4817b11cd67d7633cb', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: 'cbb60ed5940577e10bc5fc902c753ebd45906372' }, index.h("div", { key: '026d18a7b495a4a79e2c2fa720cd97032d3dbcae', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '4b0324e4a34100e96540c8a504efcea4de74de4e', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: '514ca732322db8bb33b439dd1535ef71f105b892', class: "popover__handle" }), index.h("div", { key: 'c6208612dd6f107f938da2efdbb30372633330c7', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '545a62bbcc4b125ed17db257692477bd1f864fef', class: "popover__handle" }), index.h("div", { key: '79affb1ea53e60027a9c0a872cc0b0868a47acdc', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: 'a4f2e917b5d1e0b65208433d2cd7a1b217b65200' }))), this.active && (index.h("div", { key: 'c64f347de34b77ab17d7f89e211f04d1dcfbf38e', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '04a4bb2710fdcf19bccbf43dfac6b1e970b34e9e' }))), this.active && (index.h("div", { key: 'f6a04e25d55ed012ec969ab95a0f86941976a7c0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -445,7 +445,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '34f9eab33b76ef0c321bdd3d7d00e20933dfe205', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'f5f7ac9f22d77ace1a92795a0e727cb38f7890f5' })));
+        return (index.h(index.Host, { key: 'c38e0765189224172365f666babfe44a95e307c6', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'e8756b1d9888bac3f12ffc12591e62ad3c572d1f' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: 'e1b7594f28feff3d7ddac6e20cfa699fc7604e14', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: 'c13334365f745693c71bf480c0a1df0b6ce420cf', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '7f5d649b339d362a8bf5fe375fc6ae515ef1042e', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '7db4425dca9d6bd4a660879aec2b7307f7e02279', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'dd1c3f1b48b27a7862b31effcc36796def5718a8', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'f0cb86b5b3681d12eac03a8f12b05ea38d291ab3', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: '12b03c2c018eda63c35042beff2df6f1abb124a9', class: this.variant }, this.variant === "bar" && (index.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" && (index.h("span", { key: 'accabbe193d90384a655280826fe6b668af21478', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '4ea8388334a6bce14f0d3cdd7e5ca2188fba64d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'f9f929a64b08b0a2e3ce5184de3dfd9cc523867b', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.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 }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

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

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd0fa7aebdb9ad9c8efcc95aebd50adfb8e843e83', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'e33f5288a0271b084da2cf8a9e44d857cdfa1877', class: "radio-group" }, index.h("slot", { key: '3d3b5a9d5635a298bbb1fad864bc9542919549ba' }))));
+        return (index.h(index.Host, { key: '097d6c4ecbf55f8e9cee56a5d04f2f4fa2dba40a', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '59aa472957618e567ac8b246b99d0ea4a637ddf3', class: "radio-group" }, index.h("slot", { key: '0f7672f7546a4e3c36655732c77aef97287e361f' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'b896684a3cb0f5136bc97ceab58867defd5481af', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '6f6c9ae36132284baaf1de1758b703599bf9a43f', class: className, htmlFor: this.inputId }, index.h("span", { key: '346d19d56545398526a443fd73b8af2fd093c562', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '93e5ead5a00652006a7f786fde9a359bc33e60bd' }, index.h("input", { key: '9baa74be42e19c7d4dc816e925a65eb041e40d28', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'dda3235c37b934f0af7dfffdfd4b0bd9dcd6f183', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: 'e5a7c0aa8c62d5960e7d95761f49f6ccc5f61227', class: "radio__label-container" }, this.label && (index.h("span", { key: 'cbe24d461a727097b9dd67308aaf6a9b9b43954a', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '374193cd23608d5bdbee53e1478833c7abd575d7', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'c9460ec3a3250e78e4dc069b13c8cd935258ceee', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '00adbc42a17fa7d9b36da9095a91fa7c87ee07b3', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '45d23085a89c549a0e30185c9394c31dc5a0259a', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '993ff8f016b074d5ded0c8011b2473a23d993e48', class: className, htmlFor: this.inputId }, index.h("span", { key: '2c85e0356b82476ab98f91b7e3d43faa580aa816', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '6d5dd1aab7076008c2b5faaac55e16da89e879cd' }, index.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 })), index.h("span", { key: '333e476073c4b5d65a81066b0eec4960bfd8a3e0', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: 'ba46a5362e4e89e53f5f8ba28b8d41640fc6aeec', class: "radio__label-container" }, this.label && (index.h("span", { key: '415f6bd23393935e0ee37b86c4ba0eb3ed777bd7', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '280c027a195fbf94dd39f7cc8d71a6be1530ac4b', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '14ca29fbb9c23f654f8b43edc5b7866f6d59c78f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '750556bd721caefa5b0e6a1a0a2ec8f54799aad1', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -47,7 +47,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: '6976c87c4946275229042a905073a1a826b34114', role: "row" }, index.h("div", { key: 'f0ecef2b42f1b2abc04b21dad717c2729c5881c2', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '15a61bc76e585acd7dc1d6eb7a99b8906d7225f3', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '9e3f255eda4eee902a0523ca6e84eb35db63ba02', class: "resource-list-file-item__label-container" }, index.h("span", { key: '867b16891d8012d3528043f8ad07c57cbd84ddb6', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '1bb7706cf81bc7d1d81bddb3c076c40ee90a5b0a', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'ba00e3bf24f297839508399b71be40af0676be7c', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '86ce87704ea62bdc5aa1f365fee7f2885ba200e8', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '7811aa561a75124cb03a9ba59e01094e8c83de72', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '308acb3ac9fc8a79a8d519f14f54c24f2891e717', size: "s" }))), showRemoveButton && (index.h("span", { key: '0a33db97789a06cb43625a878b2cdf78fef76f46', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '2f00a488b53b936ccd0a26dc773b06e3764bb34f', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '57f351b75f6a17468515ded3dc020fb892f5a05e', role: "row" }, index.h("div", { key: '01d2ceb6b508def030e209dffaea8d179558ae22', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '5e1c100b507ead5ea821e28fead23e6ad3ac5721', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '5c36e020e3220f80adec0b33406bc206efea537d', class: "resource-list-file-item__label-container" }, index.h("span", { key: '4c6ae0436f5ff449cbd4dae470c89d2958810bbc', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '87acf221a97fc580a2e59145486ae547f7946ed6', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'becead6e4c48d9e45a71e8caaf8a85d4024887a7', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '3ce3ec28d854de45ab1b1c60563209e0f667a2f3', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'd36050f3d8abd5738a159dabc677bf5269e26e3a', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '807cefc4c13f873a04f723f3dcbaa604d8f51589', size: "s" }))), showRemoveButton && (index.h("span", { key: '620a458b8d80b2608c0f0d1ceda7ba825b62042e', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'e689fbaa53a4852013cd7bfe24118fc9898184be', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '3d800f6af68e16994dd67d9a5d48f318f7a25ca5' }, this.hasSeparator && (index.h("swirl-separator", { key: '985bb86feb109804ff261a5799400b5c16c060b0', spacing: this.separatorSpacing })), index.h("div", { key: '797e789033ff8ff18e22ed47b140d90b6122e46e', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '4ca79918a95b4254bc9fe0aa57e245723160ceb7', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'ceab506dbe190f413c925f8d6f05488ef34db463', spacing: this.spacing }, index.h("slot", { key: 'dd838b8819765eaa2349b4fd3221ae3c6c75a0fd' })))));
+        return (index.h(index.Host, { key: 'ee6e6c3f6070544c33e51a4ad52f7e17630bfa94' }, this.hasSeparator && (index.h("swirl-separator", { key: 'e1b1f73dfe9e8d79bbed6f1a8255aa8826c9d584', spacing: this.separatorSpacing })), index.h("div", { key: 'ec802cc3a3dd29658f1b0088d689a22478342ef9', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '4a3c3b9279f7a13ff40cf7950defbc54c2f76435', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '35d6017e5189c2a0ec7604cc9b932c373a5f30d2', spacing: this.spacing }, index.h("slot", { key: 'c47b1ab203d0e51fc615d020065d028c38fb30dc' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -77,7 +77,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '89b6fde276e6213c2233cf4679d281147d5b55bc' }, index.h("span", { key: '7b02a53c0b28f0072cf74f5538b5e267bc52846d', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'f227027131090a1b3078bbf0054468509ad5d4aa', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '6000887d4583c9c8ea1e20be3d1b807bc6f639ab', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '4ee637701047b60861fa0bad828ef5657d89b38a', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'd8ce0da10e25d49f11c402f0d4b9adc97d781676' }))))));
+        return (index.h(index.Host, { key: '1657d8a33fc183979dae782a391de0615dfbc4ea' }, index.h("span", { key: '97a1e2c02aa3f8ccefe50ae05b47ed8102a8d171', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '461c99e89757917055b34f4a6487ea029958fa21', "aria-hidden": "true", class: "search__icon" }), index.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 && (index.h("button", { key: 'fb46d7ac34b429f4f03421852ec162b6fb8df4cc', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'f30e0a65bc23c50a6e2d5b844dcd52919846933a' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -143,11 +143,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: '8640d3287c3882820fb7bdddd3c184a9389863e8', onKeyDown: this.onKeyDown }, index.h("div", { key: '9fdf720744d95ff954290e239adeb2eced65e0b0', class: className }, index.h("swirl-popover-trigger", { key: '0053bf8a21f9df3ac25676e86962e5b29a1c4941', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '55fbede0e60ddcafba84b1fe295fede72f53001f', class: "select__value-container" }, this.standalone && (index.h("span", { key: '3764a4d0edeb7f7c3055ec5dfc64595e3496ef08', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '852ce122a9c38075272ee57f70710a9051746316', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: 'f704cd549407e1920088875513454897da3e653a', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'cfa294f17e7807e3c0de15fcfe5c01a75cc4f96f', onKeyDown: this.onKeyDown }, index.h("div", { key: 'fb647f40c0253d56e72a44b53d34d239f0794aab', class: className }, index.h("swirl-popover-trigger", { key: '1cb5e9e640aae230fa5de9f7c292658b1b37acee', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'a60fb922ebbb34ccbcd6e1522cc7ce790eca88c1', class: "select__value-container" }, this.standalone && (index.h("span", { key: '8f2aadcb48a34ae0366788140908618ab5866a0d', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'edf0cdb657cc50721caeeb66c89ac9a62d419ab6', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: 'c52a7ca0d543b38c35e013dae367ad50af4bda05', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (index.h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: 'b3d778474240e3ba3a4b33e1b139b066ad96d267', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'f72eccb0cfd736682fe4ddb573e264ff91cb318a', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: '969fddec3b67459d9c516f2828afe48aecbb8ddb', class: "select__search" }, index.h("swirl-icon-search", { key: '2e4e34fc553f9f2f5cf6b9734f685bdfe2746f0d', class: "select__search-icon", size: 20 }), index.h("input", { key: '43fcb7c32612d937355698af7be52bfe5b443539', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '635579471cfdf82020099dd24e7ceaf083449bb5', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '3a388632a07123c3553241e7c63088ce1430ccef', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'd7e2a92f0f4efaaf0edfa11689613deffb9e427e', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'd1d5e583d51b15084f4172cb260b3bb5cd0a3ea6', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'fd927e8e84797fab1f1a9c309b118d6f6678a5a6', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: 'c8e13d069c3a53536e1ed8f511a05a30cddfc3b2', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'd1315d97151e6cdded4a1c611ca6acdde7c02f71', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: '44a7eb36a4e54f423323fc1307c9d5e28ac3e991', class: "select__search" }, index.h("swirl-icon-search", { key: 'ff7abfca2f1fe3e97270006ca57b71b847193677', class: "select__search-icon", size: 20 }), index.h("input", { key: '97a570d21506214d55f994ddd375a0fbaac23560', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: 'b517eedbccb4bbf34cc138aab63b68ecfaf42680', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'dc8278b0ee9fa6ce3b51b851d817f009c3dd2aad', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '938fcbd42a2527d1fc227ebe763d102d2df7c1ba', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '98d4aa8f938d96da489e78bf874bbcc2e0bff658', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'e18ee86088b46a0845d45c4741f495cd7dc56218', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -211,25 +211,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (index.h(index.Host, { key: '9c2d7ce8fe42ddf890bae8075edc1feaaf1eed95' }, index.h("div", { key: 'f5e5733ed90aa02a98a1acfa80c7484af02d7eb0', class: className }, index.h("header", { key: '505ff7ca32530dd2165b00122404b3536122e771', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '1ac90d35a59d22fdd1fac1e060978e401585aa05', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '4e704ad96e3999cb0c56d87d03234220228bfb88', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'ec469eda5f37d2240c987894679e35eec0d90827', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: '36fb8e69b7ed949a8401d1858976ffa4b59ce473' }, index.h("div", { key: '44a34f4ff4701fb4a85b37a82658f49dcff979cd', class: className }, index.h("header", { key: 'd3c9ffa113ed7b034af0e57712ca4e9e809a3f8c', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '33e69b2070b165b3f6a527724119dae672b66f8d', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '7c9ac2e50425b89f6640afe5c2a604791997a70a', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'c0d6ac2b583f7e0d29e5163005d062384af35edd', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '5d9e1083b60068ced40126132206e2fb50a7b882', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '7f64f665e4dfc2092fd4fa754b895a9003b0cf74' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: 'e3fb7ca73220fd856572234f0779c2e079aea85f', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '687e9c47a2b85073ac8d4700b3aa9850040d1823' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: 'aeacb2abfd5997e9ed2b4f90bfc4e1a3ba6fc87b', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'd1321fb7a6f7c0d7518c4572f8472b563e4430e3', size: 20 }), index.h("swirl-visually-hidden", { key: '1175b654300d5275630b40423ce5c208e67397e6' }, this.browserBackButtonLabel)), index.h("a", { key: '790ea832d074980a5894a884fd983463221fb144', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: 'e6dce756ab6d645e6efd6618c2a78577e3bae77d', size: 20 }), index.h("swirl-visually-hidden", { key: 'e113565ba3b8aea335b1945c829ccc068a5498ea' }, this.browserForwardButtonLabel)), index.h("slot", { key: 'fee500ecdfe9ebe49b2128c57ff4d8a6febc622b', name: "left-header-tools" })), index.h("div", { key: '26be061520798891185ed6ec8433294100267fa7', class: "shell-layout__logo" }, index.h("slot", { key: '4ba46ea378582d329eca97789eae502e92d85a49', name: "logo" })), index.h("div", { key: 'de974c1554297aab164580ece60556f8b8ea6707', class: "shell-layout__header-right" }, index.h("slot", { key: '1bca347f4c131d7d5534979ab50581defd45c92c', name: "right-header-tools" }), index.h("button", { key: '2961c0b628523a0dd6675d4977bcf3431d18bf45', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '2acc5a572cdfc76a41357adb212a0f9def61ad14', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '5b5652ed44a347765870486b73585385b9a377c7' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'd243fb91877e0e3e45e636d6090c1c72776d6631', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: 'ef67dc02efbf1331ef807cc0109a614ceb3ccb73', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: '551713eeb2e2a970e478a30b04c26a138fb09f7b', size: 20 }), index.h("swirl-visually-hidden", { key: '63e0ac4c64202a67faa87b93d484aa2bf9ac6512' }, this.browserBackButtonLabel)), index.h("a", { key: '94063805017b7fea55d6a09ff8f1a56f609f07e3', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: 'bdd718d08a49b17d75d3c7a4c0357f0da15b2ecd', size: 20 }), index.h("swirl-visually-hidden", { key: 'bab9528fae74cbc708689a9e112c6853c2c8f198' }, this.browserForwardButtonLabel)), index.h("slot", { key: 'e01d964493e00ab89aef4324154b83314bda183b', name: "left-header-tools" })), index.h("div", { key: 'f0afe03efe2c9a097daf02e1d550f494c28dc70f', class: "shell-layout__logo" }, index.h("slot", { key: '673e2c9b2f632367c31402d91086684fd344f021', name: "logo" })), index.h("div", { key: 'f42cc284c0a2bb3b839a61ac8e0e09a20dc9b27b', class: "shell-layout__header-right" }, index.h("slot", { key: '8a4786fe255958485a298f315bdaa37826bb36f5', name: "right-header-tools" }), index.h("button", { key: 'ec0d698f3d4d54916845c2ea8c3e814cad0b2ccb', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '4532d2e516896fdd807ee6d083ac6550e68b6e76', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: 'd9d00c80eea7f714e1419adbf5f9f4e6d4bbeda1' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '0b7509963e0afa15f02c70f9c2420648059cc6ae', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: 'c77710582d7a338af3aff5d2f2af9955a9521e8c', name: "avatar" }))), index.h("div", { key: '8506903dfb22a54bb1b68890edb6bb847bb7666a', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '47831c5de1c15fe0f2713c69eb69c9d37273dfa8', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '33579179381fea6a6cb96c8375a84d0e8d72693c', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'acd81de577609c09e5e3671fc57bf32c4d3b86f5', name: "mobile-logo" }), index.h("div", { key: '5b032c2f30dd913cd7cc0e8f7efba8423c35bf87', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'a38424c5b663aedfb030911607f7c83cf80622ca', name: "mobile-header-tools" }), index.h("button", { key: 'a82190b901c0e354857438bf4ffbda03cb921f01', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '9766af637c73687b3284297c04f0f824956f4537', size: 20 }), index.h("swirl-visually-hidden", { key: '30bee6cc6c6c62af251a0e73e4049bb6e68fe7f1' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '272872d88b3279bc4bca5e9c3e2af18e88a32b89', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '9fde10f585fcd83ba49c82ce09d9ca38892eb7aa' }, index.h("span", { key: '3c234f84a574bae7ea80ca68101008f42897c781', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: 'c8138fb75749f245eaa87750e7ff2a522724a0db', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '9146f48dde60f33cfffb64d98e3a4fb17314d708', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'c154493f19e4d47139e8e48965cf2dff74c53f5e', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: 'd02a86b42c12f1f5bcb9f278607b7a835a17c43d', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '67513017f4c42ad7d650e330cc3c8e344fc94193', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'ba4832e4fe9827afee6ca7366011482b6e36e041', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '858d38fc6147bc2c4d23fffcd43e0985962c2f86', name: "avatar" }))), index.h("div", { key: 'e22e090041ae9b960495bbb17d996124f3e9f34b', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: 'e0252f3f90f226d3982da038d4501798b2c79f28', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '52c7b268c29d57d862db1b7b51a84260f001fe70', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'a61fa5fdcab8f0cfd17cce41dbbf2c682c40cbc0', name: "mobile-logo" }), index.h("div", { key: '1ee3a2745b9bdefe61867dc83800b5f2a93353f7', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'aa725c5d061c468d9925216aa071f362ba14500d', name: "mobile-header-tools" }), index.h("button", { key: '7b7ec61d893b31eb92b8c27be0d4b9483f1305d8', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '4f6b8175118850b4953a17796e1c84bf10814c0d', size: 20 }), index.h("swirl-visually-hidden", { key: '687420c417f938ccdf796b5a278e033ce68d1175' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'a6a88639e4e8ea18c45432ae7905195eb4feecbd', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'e06553441399be0f7b992c58e33a8cf8be7c1438' }, index.h("span", { key: '092a57bece01076c7eef7a7956167c901d10d5bc', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '87d3fb0b3cf4ea3f5e56ce5642ab3f56562c93ed', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '2c8dae1711e34e1d65eeda54f828d18fd256bf55', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: '044c6445d003988bdfd6f1ebadabb50f53506043', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: 'a82c29013b301e255c5685944e5820142cf78ee0', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: 'afd8eedea7705ff486a32865fa652a046e185977', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'b7f2f434d99d1c5ff6062dc99cbf60483e6a5f05', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '477a1cfb99a6de05ee56b1bfdd42d89aae380a0d', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '77be9102c851336cc5699fd4b2d50d4b964b26dc', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: 'dbcab9ae8293b1e01ac2aba89fcded59aeeb3521', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '8a1febd1f635bf3203a68c5bbc9dbcb0cb937005', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, index.h("slot", { key: '64a71f6e77901af676a05b4297b87078b449a952', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '30805f83ee8660fb93edc86f04e8b1776f60f61a', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '2063a71b48bc565934e16ccf309e06b085d09dc6' })), index.h("aside", { key: 'eeb2da4934b49461b6cff31ad0575cb68dd6b90f', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '7b3f13cdd43ea9b797ba201ad5fafbf3135d9f03', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'bed804f53d62768b846cf7103b6a8a1158e3cfa5', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '2c6903e22d6ff219c0d8657722170e2fe6505bcc', name: "sidebar-app-bar" })), index.h("div", { key: '88c7e31fadb442563b921af9154a32766873942e', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '27ba6b9dbf45b9a0d43a1003a5023165796bd146', name: "sidebar" })))))));
+            } }, index.h("slot", { key: '3882d99e2dd310c18ed5f2455c4e3c15993ec2bc', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '5a9ed4265da79238f781bf56df963c03e5ddbe74', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '48e3cf8b832102b514d0d38bdbece69e9d50af69' })), index.h("aside", { key: '6dfc9b4546924b60deecfd623f784fcee088dfb2', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '4bec0dc11924d28f6159d9d932daacebd7a0e147', class: "shell-layout__sidebar-body" }, index.h("div", { key: '2c83dcad54573efa2f02587c312dd36e1765e0fc', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '9a6faf629745c0cb92d1db7ec453a595e6480a80', name: "sidebar-app-bar" })), index.h("div", { key: 'b26e1d21f13f536c40ab38051a21e8d462cb7ad7', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '965b626678791d912416527397247db78f81654f', name: "sidebar" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -37,7 +37,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: '4a4c81f452b33cdad5744c6ee8b33c7d12a8c5a7' }, index.h("swirl-tooltip", { key: '58cd9d804eef21b5800f549122528d7ebc25a890', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: 'aee2173bd0e28141fff933c98745c80f02449013', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '32a9c124b0b6fd3b8155c0e948f00d04497eebd4', class: "shell-navigation-item__icon" }, index.h("slot", { key: '961df86a8489f30f3e4aa136994f7709a11c74c8', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: 'b6ae85f63fba2fe5cf53c041926fd490be34c1f6', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: '911f432f2889e105f6a44404d4dbf41d3a8a74ec' }, index.h("swirl-tooltip", { key: 'a3ed8a1f703bf63102d2252004333bb83fe0b05a', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '1462095acaa1a584ea2968a83b87637ff4064884', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '622f612fd6abc4e4a4709b2319a321959c16eb55', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'b5fa21618d36b6c832b88b39bb9e91a4ba25478c', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: 'cea64ea964fdcfb4fe32d958d81f72716d03fd84', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

package/dist/cjs/swirl-skeleton-box.cjs.entry.js CHANGED Viewed

@@ -19,11 +19,11 @@ const SwirlSkeletonBox = class {
     }
     render() {
         const className = index$1.classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (index.h(index.Host, { key: 'bcac847b07d413cfe1463639666972e2bdfeba36', style: {
+        return (index.h(index.Host, { key: '1014b96b7170ab87eb995503cd3c4b6caf2d3e08', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, index.h("div", { key: '98d4360bf43c112e7941d3b158e02a984d7ad274', class: className, style: {
+            } }, index.h("div", { key: '24c0224e8b3f4de6886cd51f6f591d47c0eadbfd', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

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

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

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

@@ -16,7 +16,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = index$1.classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (index.h(index.Host, { key: 'fa53b1c05dfa4d1115c39212752d5ca581e99075' }, index.h("div", { key: '752de354857e52efa80c0f573452aaac220fdf19', class: className }, index.h("span", { key: '1a792d689c39fcb72637f86907eb09d5c2ef95f4', class: "status-indicator__dot" }), index.h("span", { key: '3501e1a9a117ff15691f4651f43f11be1f4372f4', class: "status-indicator__label" }, this.label))));
+        return (index.h(index.Host, { key: 'f152d40933b8b0b9f0c7bc1a5561c2a65bf74a36' }, index.h("div", { key: '4c59bc0dc06ec01f289d27207b93d736bc5803ee', class: className }, index.h("span", { key: 'df77e2c81898bd9ba5a788d3d4ce8d96ff5b6caa', class: "status-indicator__dot" }), index.h("span", { key: 'bedd916fd04fc19bbf889c9f51eb79b6f656fc5e', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;

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

@@ -41,9 +41,9 @@ const SwirlSwitch = class {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'e20452228d5b4ec05d0fcfd55ec9b1b736c9f7a3' }, index.h("label", { key: '5ee0f0d33fadfb4b6df9a4aa92848795b941db8e', class: className, htmlFor: this.inputId }, index.h("span", { key: 'c5f4c72e2d42820315bbf68d48fb5ece241d70ea', class: "switch__control" }, index.h("swirl-visually-hidden", { key: 'bbbcd7d29c7535c79eb880e0f3009ca4bbd7c059' }, index.h("input", { key: '7a59d96124ed58602ba0cb235d3047c268c16f90', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (index.h(index.Host, { key: 'ca3de302f3adca5a952c8dbb58b322e03c408533' }, index.h("label", { key: 'ed38a08c9c627a384bc26485a126d90aaa8d8175', class: className, htmlFor: this.inputId }, index.h("span", { key: '80de2b0c80ed463cc08f725706930f0361032015', class: "switch__control" }, index.h("swirl-visually-hidden", { key: 'f6b52fb2414b0d654c1a2b4434dbc782e083ba5b' }, index.h("input", { key: '71a3bddad13f9756d13e89b72a7e1a2375b051ad', "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 })), index.h("span", { key: 'e0e7a9ffae3b2661ac919c4bae2beba55a664d76', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: '56fc7f11546cadf3177a967aa530bdcd0dff5827', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: '7971173ff249a7035128dc78fbbb57e9aa46f66c' }, 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 })), index.h("span", { key: '39d16ca02496ac9d359fe2685219ed3b6d0dc725', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: '95ac5f903c787b0494ec46a136e3c7bc81173a41', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: '09ec8e2264c87eb1d9eb8c0825f4bd2c6d4abd4d' }, this.swirlAriaLabel || this.label)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlSymbolAccountCircle = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: 'f5eddd34affa1012a40b2aec50350f7e194e9f6c', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '003daaebf48d35b7e3e46ef7c093a593875c88c9' }, index.h("path", { key: '126c30f80d57bfabc25d168b00c472cc7552ea84', 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 (index.h("svg", { key: 'f7ac66cb636b8fc34373c6cca8f61e2e6724eb1a', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '38b976c11ad390b70d21481d9c66a9ec04abd84a' }, index.h("path", { key: '8beb6dd7838f726769515fe0c8dca511200bc069', 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/cjs/swirl-symbol-alternate-email.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlSymbolAlternateEmail = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '2a71aa1d1c45491e694d531e3abe3711bb3019d6', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'c51e5dd3eae32d2bcceb119578a8e103d9024572' }, index.h("path", { key: '3ab3ed676c783cd45ae3e8c6fd5c4e3ae0c538ba', 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 (index.h("svg", { key: '227d1fb0312dfd97a48db4ac556f503720d80374', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '34ce0399a34452222cec6bc21943639e94e954ff' }, index.h("path", { key: 'ec3f0d6a8b6b18610424be1c87a028286c1fb44e', 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;