npm - @getflip/swirl-components - Versions diffs - 0.429.0 → 0.431.0 - Mend

@getflip/swirl-components 0.429.0 → 0.431.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 (2564) hide show

package/dist/components/swirl-modal-shell.js CHANGED Viewed

@@ -55,7 +55,7 @@ const SwirlModalShell$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModalShell
         const className = classNames("modal-shell", {
             "modal-shell--closing": this.isClosing,
         });
-        return (h(Host, { key: 'bfd374ea0e752856b0d6364802500960a942b799' }, h("section", { key: '76fd0e34d4d6275291dee0ec5c6bf756c9f73289', "aria-label": this.label, role: "dialog", "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '5e1496839086bcb8baa70ff8ecc5da640b52ef13', class: "modal-shell__backdrop" }), h("div", { key: 'ddc2a16e38f9918c8cadb4fe28714888695d871c', class: "modal-shell__scroll-container", onClick: this.onClose }, h("div", { key: 'd2e1d0a3cd8f663fc6fa2d723e4f4533ac0480e8', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: 'f928f14cb4088734b199427bbc8bb51f118ce922' }))), h("swirl-button", { key: '24f676e6ae14c7fe6971c1dacc50889d5c9cdbe0', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
+        return (h(Host, { key: '8aea67806ba2fec048535bdc5193b3816388bc06' }, h("section", { key: 'c4b250073cd2fd008004b340d97b03707bc06e9a', "aria-label": this.label, role: "dialog", "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '63cc4dde37b78fcacb107fba12763d5dad4f5598', class: "modal-shell__backdrop" }), h("div", { key: '579260ac15657ac3fe478358825478f953ed954c', class: "modal-shell__scroll-container", onClick: this.onClose }, h("div", { key: 'f2a4a7deedca343e2611eff87c88b21107597ece', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: '896abae954627cb74eff8941db7f3edbbaf678ed' }))), h("swirl-button", { key: '317405ea11d203fd69fd7f07a129e8ef10ef47cf', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
     }
     static get style() { return swirlModalShellCss; }
 }, [4, "swirl-modal-shell", {

package/dist/components/swirl-modal.js CHANGED Viewed

@@ -808,29 +808,29 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: '81656f63099103b2eab478e31a7bb327a90f023d' }, h("section", { key: '734cb0520fac7eae91ac2a065ed951bcc7641b95', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '4e21e2825c54e88125fb18d36d1240db0e875378', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '5ffc5fd8b4054829940f6e84dd73b627f27ce3f6', class: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'acd3139a6d855f340bdafe5c0d4af9733cb94c9a' }, h("section", { key: 'ec0fcd3d98e5a4865aacf635b05845fd4af0027d', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'b0306a4ab3c319fbb941a2acc567b8ae3e79efe4', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '7c87786dc823fb279c4d50eaed22478a97453ced', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: 'f05fbc18212ab6f3615c1d7f195c8dedb841e5a8', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '8fb95b6697c874fd1f89353213cbedfe8327a42c', class: classNames("modal__sidebar-header", {
+                : {} }, h("aside", { key: '53dd61beac088d8ad9b63253c023070a15cf93e8', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'bc2672aefce9640b88ad3b3a11e37a5e3a93a247', class: classNames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'b661986e19bac458d2f143395ac1173740d865d5', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'b2c5b138e3d8116a0976bfbc0005403799f00b0e', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'b612f2f14d02ef4486146ceef7a3bb6a4dc689a4', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '787792d9dc98aa65f88f29a5aa59c749c23306d0', name: "sidebar-content" })), h("div", { key: 'f7389ce9b7006b7b34bb00858687e059e19ae41b', class: "modal__sidebar-footer" }, h("slot", { key: 'b0aea59e35a896224d1c0ecc61b61891bf5981bd', name: "sidebar-footer" }))), h("div", { key: 'd7ce5f41a5754bfa92e56c921410ebdcafe7fb81', class: "modal__main-content" }, h("header", { key: '9af862ef966d8d8fcfa5d58dd13725b03a04e870', class: "modal__custom-header" }, h("slot", { key: '72a61d8f796bfc007fe83ea63e92253c85291371', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '2ebd0f60688c0be985af35eb34b7c2698a38a7c8', class: "modal__header" }, h("div", { key: '44bb801af273333c02c99dd790a22c519d8bfbf3', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '4ed8491f3824c1275a45e9bd283d11a38d2fa93d', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '528bbec3305baa9effa9b12751fe9a7446b7398a', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '25bd66a3d9f2f9a898f638c70699fc438d5013a0', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '2f226fe77410caa80847ad7b71967b442b24f6fc', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: 'd5e788679128bb8e885f744549f383de2bbc3fe8', name: "sidebar-content" })), h("div", { key: '64be714e4adf4f25e60332aaf35c3d34bb8da908', class: "modal__sidebar-footer" }, h("slot", { key: 'c8791574ebb5dbd29637d7adc5ce524374baed8a', name: "sidebar-footer" }))), h("div", { key: '04da5717e5345b9e260870b1e815f09da7fc86f4', class: "modal__main-content" }, h("header", { key: 'e33efe85ca8a2c89068c4e274ed63159a8f49318', class: "modal__custom-header" }, h("slot", { key: 'e225abd498cacafee9c2db74cd0224f17a60ed0a', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '9c07b3f6e86f2849ab35334a2770264a2661d67b', class: "modal__header" }, h("div", { key: 'a1d14df1e1365eaba44478015e439936f520ed64', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'd7dc52fe64b77c8a8b7c36c3e89a052e24290a3c', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '62cffe0d3620fc0d762fb0b1a2baaa6dc4cc6d4c', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: 'b8eeec6e8156986018ad2b539a28e1d0d41d5f9a', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '103a71e407a9e9fa42cd81023e5d681a528ed6ae', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'aecc7b2c9c3cdd460d5d13725e00c95e69558d97', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ae93712c42b684478d0c0f3083387f1d95b1122f', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'a86f3a7da82bfe8e93fb99fed00f0a1f47a75b19', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: '9cb557fc46eb643cd306effeef479c66af516b1a', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'ec5919e79c17be41cdb895905cf57ba99f77249e', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '8e36a38f7dca97f2761e3f434693f27189ab101a', class: "modal__header-tools" }, h("slot", { key: '519698f12f0707f33fa2d99a1b04a93a144a87cb', name: "header-tools" })), h("div", { key: '8194daa3a61ab69ffa2c00b4c14436598606ecc2', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'ca6d9be16bea0bd484207ec0da244fb2d984b614' }))), h("div", { key: '4d7ab36e6a1cef3c6ed7de20b7771f1495f49b29', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '326215fddce8669fff5fea0a664a80fde68dc4a9', class: "modal__header-tools" }, h("slot", { key: '3ad6525b1942a2c51ccc6f52e9398df815dc4b76', name: "header-tools" })), h("div", { key: '892d5056b2078dffc9a0cb09845d780c4e148dcd', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'cf0e8014389b4fe8c8b5cbe7115744391c5b2748' }))), h("div", { key: 'f855131733b079b1c583bac8a2694ab93af4c149', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -848,7 +848,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '3a2d68016feb32443e79a90497d7097b9d9c6d84', name: "secondary-content" }))), h("div", { key: '43a297fd479922092f42f6c4f62bee40036b3eed', class: "modal__custom-footer" }, h("slot", { key: '186fa7d28f91f3df53d3c3816990993249d3543e', name: "custom-footer" })), showControls && (h("footer", { key: 'cdcafa45f76c7f94cd22117561814df74bb37c3f', class: "modal__controls" }, h("swirl-button-group", { key: '6a45248f5d2c2057f6edfbb4e347898a0c2e28e2', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '33647b6e473c8e331b58fc0b89d00e4f88e5794b', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'd92130919c1a55b5c238c8c4ce08e833981d0238', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: 'e8089679d2868f1e415547e9daa84ead1b99aed8', name: "secondary-content" }))), h("div", { key: '155b5c986e6ecf90e2c9df8ac727516b42e8242b', class: "modal__custom-footer" }, h("slot", { key: 'bf708ecf06fadd208e6899b0129c02ea672f646d', name: "custom-footer" })), showControls && (h("footer", { key: '418610f1c0e2f284d4b7dcd58ccce404beaee0ff', class: "modal__controls" }, h("swirl-button-group", { key: '48f369eb3ba5ab211e3351c8977df44f7150f568', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'a570c24606c1d63fb2d4b6efcfac5345f32bb247', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'd4201d658938de12f5460758b586e1683a36c054', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return this; }
     static get style() { return swirlModalCss; }

package/dist/components/swirl-option-list-item2.js CHANGED Viewed

@@ -67,9 +67,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'f8c00ccd0edb0d188d0f65e621a3b3bd0f85ecf4' }, h("div", { key: 'b2cee25c44a70638fe775d0ae34386aa1bdf57c2', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'c2d339fb4d7a12a1e57d455ffbf0233730eb9aa4' }, h("div", { key: '8bcfd8828b6a44d792fb6df58bfdd973a85229dd', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: 'fc899506beea9dcb1898b196a21e557aa45b1b43', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '52d35bd66d1b51121720dd338ca9db2c494789d2', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'cab616b7087d2d16b4009495e871d48de58e11ea', class: "option-list-item__checkbox" }, h("span", { key: '3dea1f0a44b4d46467ecbd8369c2b6aaed3123cc', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '9b678ac705e7320d73748713068cfee00c3f47eb', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '76be874ba26f15a52f46d850861de625a5a7dec0', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'cff0e637854a7ebf4b21ee72646099d770f737c4', class: "option-list-item__avatar" }, h("slot", { key: 'aa0246a84d995d205ca6dccadace99a1225cc5cf', name: "avatar" })), h("span", { key: '6d909506dce28d3265ef93e0ee8050664eeb7e42', class: "option-list-item__label-container" }, h("span", { key: '68470d33d2055d239e86fd07469fa59e19333965', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '412f387f6e43974077d9b6b78b3c57fa5734f7b7', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e7d77c2368b9e4d44da76612233dd627dbf91007', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '1488cac89c93b82ea6160de2181e34eff34f561b', size: this.iconSize })))), this.allowDrag && (h("button", { key: '97bb0b22816c33b08a34a4c879cfbb6c1115239e', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'fb047094366a625ef1ba88b69bcde10411e1023a', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: 'f8f553cdfacbaf63ca14bd8792d67d2bbca16a1a', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '9135e9bfb892bafbd9de13b0643644ac4e25890f', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'bb14d32173e2cb41e8dc9ea174f57d82b601d232', class: "option-list-item__checkbox" }, h("span", { key: 'd93ae4ca13627528c9a164877c132af6ac8738a5', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'e258aad02452180e9d88616e2631fdff4cce0ab8', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '3ca7d17b4738d8514c951b19f31603c13027f97a', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: '56e1d6a6d362bfd54215ff830aeff4082cffe67a', class: "option-list-item__avatar" }, h("slot", { key: 'e140bc306dcc49f4db15b7cd8fcf52858f45842e', name: "avatar" })), h("span", { key: '13c686bd9d3d260cb0363bffd0d3762a90c976fb', class: "option-list-item__label-container" }, h("span", { key: '084080c565c2706119e9b76b17d6911f73cad8c2', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '62d409059fa55fc5128fe569f8e916085b601400', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '6a0728bcfab810cf53377d04ee7f8f7757d9fb5e', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'a8b681d48aa5f6a33f0b2398a6aceeed37861c47', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'd7bb6295345ece1468c41326ba53a63ffc0aeeab', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '24f604674d0517325e98eaa9093a9df15df83b75', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return swirlOptionListItemCss; }

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

@@ -14,7 +14,7 @@ const SwirlOptionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlOpt
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '8448c82570b11f1ab4a556366a36df440b05d629' }, this.hasSeparator && (h("swirl-separator", { key: 'd220c4aeb039e6474e3ab9066acea9f1e16bd718', spacing: this.separatorSpacing })), h("div", { key: '3c4ef88209923b257196b08471efe21660ba7a99', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '6067cda6b5873de75387dc5d599458b7a4161387', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '24c02ab655f7524c1efb4bafa34ea998d2d09238', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'd4d8ac14f5f86884af52aaacd0efea276bfc6f01' })))));
+        return (h(Host, { key: 'fb5312607cfff99f0c05687ee8671f16718fb6c9' }, this.hasSeparator && (h("swirl-separator", { key: '498edc4e84d779d5e29ac4a731a4ce4ef5d9215a', spacing: this.separatorSpacing })), h("div", { key: 'c75335cf19da5ab35e06ca78591c47e8d441f67d', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '990c35f02ae8f18596decab19e0a3c566982d367', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '29b6dadf08715005e21030d81dbcf33b7dea57ef', spacing: this.spacing, align: "stretch" }, h("slot", { key: '53b9d3b949cc92f8413df29eac2a66a44f9c230c' })))));
     }
     static get style() { return swirlOptionListSectionCss; }
 }, [1, "swirl-option-list-section", {

package/dist/components/swirl-option-list2.js CHANGED Viewed

@@ -432,7 +432,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: '5ae7417916c50f0c8d3358e5fca7eb471d4469fa' }, h("swirl-visually-hidden", { key: '513aafc1d4d667f0103bf450a6bca3179b181820', role: "alert" }, this.assistiveText), h("div", { key: 'a23e4ffad4a3c67182cedad499e0f67bc6f50dda', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '87f2d10d37d11e302bad1e193706c4dc4458b5ac', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '6142bf510a95b7d6d552bddef44f2e7565d30d3f', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '7d6555fd9b1ec33aafd200390caff6af5cda654f' }, h("swirl-visually-hidden", { key: 'ced1cda5e5d986955fae4f1a3eacc47a9f161169', role: "alert" }, this.assistiveText), h("div", { key: '5ebba6f63499ecaa013410fc2f6cac60961d5fc3', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '195fe74c13961093460db597b79e00bc2992965b', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '3b13410a1c0ffaf596105dfdb7f64ccb47600563', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-pagination.js CHANGED Viewed

@@ -90,7 +90,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPagination
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classNames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '75d9096135533702dbfc54211e7f6d824b49b056' }, h("nav", { key: '6ed3439b88dc08654d9d505eb514703e15f30d6b', "aria-label": this.label, class: className }, h("ul", { key: 'e12a16e7d5d2fc9d5a9bb26a0b239a2364345862', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '4b9d8557eb9beb7bcc3f0c2ab61aca4b8d1f9f1e', class: "pagination__list-item" }, h("label", { key: 'c6e9cbbbbe0c44d0666200df39bd49d12ca62ca6', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'fc20a423a590d4a627637229a8d8d6e6745ea83e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f7afb973c2570b8202ab75f6315ccd95f0f502ed', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '02b4a439d5de9fb2e3a2edf5e690bbe0359416c4', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '922a6025d045d5f4ea7b286b44ada281ebd647df', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '6845611f8081c54f31ab65dc286a9abd79e187b2', class: "pagination__list-item" }, h("swirl-button", { key: 'e2faa13bbdbd1066e7d5e6019d61465f25491243', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '1603b2208c9b8b2b92d85815d7e0ff84cabc08cb', class: "pagination__list-item" }, h("swirl-button", { key: '13f3c35e8c47918e6c0efd420aa3ce1820783f84', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '7bc72b6da7144b8f822ff04ea2a8f0ef89d3202d', class: "pagination__list-item" }, h("swirl-button", { key: '7f2b20c2b9282a55223aaabda2202822bbbec5b4', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'd503b9a0f1dfa111d02f05e16f65b3c85559e20f', class: "pagination__list-item" }, h("swirl-button", { key: '4cb99870221d41f1d310af7264fdcefd9513aded', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '20382f45fe6041f7a8d4d93ebce9f2cebeb4f041' }, h("nav", { key: '26b6d22fc4bc9fc2ffe5ae6ebf30c6ce5e9b6c59', "aria-label": this.label, class: className }, h("ul", { key: '47d749d57262eb5b277193d3b1fbb1e6a1194db0', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'e4d2bd569b832060cccc9ba569ac313a651037c5', class: "pagination__list-item" }, h("label", { key: '92384d3dfdc9e7ca611dbb2a954482e1873d00ab', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'a0dc7bfdb41296cb754b97810e7ab906ee4ab892', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a67eedd2ec7b81a8e3a9e4ea476a4dfa33429c51', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '9286a300f6e37e68cb848a7098402298443204c0', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '63de1a3653e7d3ec598db18a33336f48ab7c28fb', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '11c71a54bdbd566dec5222f89886fabe476dfe9c', class: "pagination__list-item" }, h("swirl-button", { key: '708f9488dc91520ab2b07849cc04f95aa59335d2', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '0e8c718593af2b3af7c2983daec8097741463645', class: "pagination__list-item" }, h("swirl-button", { key: '24bba36488d9e99de8073624d8fcef9e04c3f29b', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '9591e1c1a1ac1d7af9beb171605fadcac5620259', class: "pagination__list-item" }, h("swirl-button", { key: '9af551b80cbcefdd1c7e392f1191954e44aa0db6', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '6a397b8f7ce772e315d9c194dd35dd70cf371d64', class: "pagination__list-item" }, h("swirl-button", { key: '778016987fccd52955ff6abf3f7baa66a3028f77', 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 }))))));
     }
     static get style() { return swirlPaginationCss; }
 }, [1, "swirl-pagination", {

package/dist/components/swirl-pdf-reader.js CHANGED Viewed

@@ -210,15 +210,15 @@ const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader e
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '9b5e12d3b67fef161afe319efdecac2e5b8d6741' }, h("section", { key: 'f3057757b78b7bc1de31181c84ba1e835ffee79c', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '8b9a3606a1ed86ddca7069f38aca128516377cfb', class: "pdf-reader__body", role: "document" }, h("header", { key: 'da693cb359718aef4aed952f5c1fc91e601bb12c', class: "pdf-reader__header" }, h("span", { key: 'a6eb7aa98d48bb573086a87f7a3b98b542481c58', class: "pdf-reader__header-left" }, h("swirl-button", { key: '554b65d6123b08ed6cf6a1fddafb63b2ef027195', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'e69aba759d741301d555932d992fa347e3ae11a3', class: "pdf-reader__label" }, this.label)), h("span", { key: '8aac0a45fda1c17e298fbe546aa0f1d7f996615c', class: "pdf-reader__header-center" }, h("span", { key: '7f7deb8673d524ecffbf23ecd5a9bc7b0311c26d', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'dea8ad81cd5ee8d5be0acb0bdfcce31150908c59', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '51a27365728e8d3b96e5ea58beba2c8471979925', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '879087ac86616b81c75e7605a9cd9e21056b4a0f', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'eb1cd481dd4b54ac8f44cd05d208379456a58b24', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '1fd59486c8597c2a014b027c2ada4b57e1095713', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'd0aebc28433295d64c2a5bf0ec3c3661e2ca04c5', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '7dbd5424a5d599e0c9b50f70468c5dce90dc5b29', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '244c1dd1ff82298e0a0a3ea26db74039b5386b7a', swirlPopover: this.menu }, h("swirl-button", { key: '297faeb9afc23d079f891b9e09d3fe8f6c182801', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'fc36a547d4d8160490f42a1ff0ed8a2be25f6f48', class: "pdf-reader__floating-tools" }, h("button", { key: '8ea039f9b0e9ff5d417ffbd13a17d56a8adcaa66', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '5c8586036c4c2a859f5d0a085a446550d33a7b2e' })), h("button", { key: '96a7dade1cd1aedf58d02125d201392497796f71', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '4e068879a1bec547ef224c8b9ac59ecd618a57eb' })))), h("div", { key: '296065c4d2f4e49a5df0c1fd73d9c2ddb892231d', class: "pdf-reader__content" }, h("nav", { key: 'e64e25ebdc161657d8c26a87be0dff45688748b9', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '588dade1e450532dae58ba3da77350b8c42b0a0d' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '19197ad170a4977445488f04d9ff69bec126b33f' }, h("section", { key: '9013ee2e9fcd80046e5f12cab4a1aed7b158f2f0', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '62e1d49cd650c7d8e9e75a287f1c90bc0d94794b', class: "pdf-reader__body", role: "document" }, h("header", { key: '50f2d0fbf5ddaf9f55965b06c032a77de9f54dc4', class: "pdf-reader__header" }, h("span", { key: '117e182ad512ba3122e7cac9c5f7323037fe6b38', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'bcafbf6f7395b4bddd700c8397820d04c57aedf3', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '129784610c98dd1739e6980de7126a189deeadf9', class: "pdf-reader__label" }, this.label)), h("span", { key: '83fb2e648321394c6347e89da3fe7776c5d4f22a', class: "pdf-reader__header-center" }, h("span", { key: '42037dfbce56a6c0b9302809a6527c6c254f61e9', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '1dd658b159ec95d9f100159c115c8f93c564136e', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'd1670919a03d1ee2469f8ac90b12550ddebe1f9f', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '91b1eeb4e84a5ae68d8a5fba4cbdc4663e3a60f1', class: "pdf-reader__zoom-select-container" }, h("select", { key: '0c54ce52a527ad2ab83150757ed635f4e91ac007', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '3bb64f2a953297dd59e7f73aeb398b42f58018e4', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'c3a813292cac9b780d656c3a13773cde1961326b', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '502fd45bde7683cf294e4d569f1f573f538dc861', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'd9897e63952272e0fc317100a83812a06fa2c2bd', swirlPopover: this.menu }, h("swirl-button", { key: 'dcd26fe2c7bfc04eea4ffaeacbf629b8ec7fff57', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '7f2e6b68cb07868416acba602a7dc581885638b3', class: "pdf-reader__floating-tools" }, h("button", { key: 'e02e46800b031ac11ddf6c07023fc50d0ad95fdb', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'd252652c7e403571159cfb7f2eee8a96e11a1ddf' })), h("button", { key: '4cb1d8e3733f7ec4419809e0580572a8b1732dd3', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'be03421014b1a85a2a843326a83811154331b965' })))), h("div", { key: 'f781c2470b47219be2e17c9afa74c5258e06a5a7', class: "pdf-reader__content" }, h("nav", { key: '5b76f5214afd87f03e6d3cab70f3f7c974acf7c1', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'f67428ad229e980d11bcf706ae076aa4a7f43826' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classNames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: 'e7651afec5e843f4dbea693ba5eaefdeb8f88296', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'd8afcc5ac159c0f39cc907927d7a3c3a6f2c3296', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'f18b8eb0f0431ba4165bc361ab474f4a28ae7181', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'c0675502f6b9a7484d16dc0bfd2152529b053e6a', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '05d803afd569152df300ffe413841c9474b51969' })), h("button", { key: 'e0d1af1e1e055b07644ee39bc58d7dbbf5d111c6', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '4d7b0f01687f270e754c406f43e9dbb360ad0071' }))))), h("swirl-popover", { key: 'c9e3bd28365393e15a43d92100f859f9e05e042f', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a1f25d6db82ca7affd3bde10ebcab90731c7747e' }, h("div", { key: '34bfd8878a858b77fa8a04ae8a5e3ee60cfde128', class: "pdf-reader__meta" }, h("div", { key: '6043bcc0662f0a89b8f288001c073ef9e0da4e23', class: "pdf-reader__file-icon" }, h("svg", { key: '77f0379f1a7511291c58c0db520dafb98626bc97', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'bc57de9456bc2c01aa884f4bb68c0147ede93778', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '6b8674fb5167e67a226a6084dab6693edd15c365', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '8700791d03faed5db942577ed5db0f8483da801b', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'a8b492b29d6ad22f29c5b73f002642cc562edd19', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '326c4c9239cf85d22e0b3755d4f7ed804f2f9c50', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '16711ecf4761507db565aced96152ee2b7cd7cd0', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '955afa88ea06c9f4b53332444a929da8d287d38a', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'bd337b3bc34fff5c33d9753081f2667f1e4a3972', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '696dfc26b78743a80b4fc19ac63e928243dcc731', class: "pdf-reader__file-info" }, h("swirl-text", { key: '0c1464335fff4bf0043010f4670066d2ed3454fa', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '204e22fe01411ce7cbf06e17085c85eafaea720b', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'e72119a6b1e01feea59cb69594c79cd0bfcf992b' }), h("swirl-action-list", { key: '5b039ea790ee1daaced36705ff91f34fbb7035d9', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '583539bafee3a38e35b6398d75bc9684efc5aecb', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'bc5aa331b949b4ef4a8d8b1168098f231a3542b0', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'f9f5a7fee331ba593b7c9e30a44b40ca695005c0', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'eb237b892724fd18a7d06d3b0865e1f1e29885a3', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'a4efc0fa3d4433dd2ca8206299f704fe48ba4f27', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '7bfedaf1c61525438b4e947693f698c5898192ce', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '6b169bd2f4a44bba431c3bbd98fefc8814c91f99' })), h("button", { key: '2e82de1b32043125751746e23acd8470f5efac73', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '39ba9433ca8fc75cd06ee64985495e661f5c66a5' }))))), h("swirl-popover", { key: '112919c92cd9a0663bb51251f2fd9a980f0948fc', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '1ea1fafc9751f8eefdbcbfd0d99fd28fb1dfd877' }, h("div", { key: '98bbbb91407a285d47735c429aeb825e38036941', class: "pdf-reader__meta" }, h("div", { key: 'aa8c65e91207da7fd243b651385466845d82911d', class: "pdf-reader__file-icon" }, h("svg", { key: 'bf2dd920fd890ec8ca976ce736c4769d05e4cfdf', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '41c131ae46f78603d35ad1c45d155e8970a4f9cc', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'da0d51646e5251c7e632e927831e0d52e4ac43ef', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '4d7faead8099dc6cb1d6acf7a895ad480133d00d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'ca260c197627e6361fcb2cdc9fc0fe0e2af7fbd1', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '833fbd0a95815dd0283623b5dd6ca140ac3e8a7e', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'a8bb17c1c8b9702f0c78a25ce899d2da420bb4de', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '81ce9127006227e2c5a0066697e531a23758ca03', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '7938a5398cebe4616c098a4c6f7e62c44ffe18f8', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '24cd34da658c338ad809958420ac2030eec5ddd5', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'd5c5a81aa406b73884cfbb71d714b1002ff9e6c6', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '5c33638c47381f23695a675b69790c021d0f85f1', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '11ec84136f2c480b20a6f41332abd4ae99d7968a' }), h("swirl-action-list", { key: 'e178a238c62434f2268bab84ff8e030bdf756953', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'fd111c34e9e522772a87ccd2de21fd7ddb3fd946', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '8cafd6f230062f04914cf0b7605340e4db0bb0bf', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '5fb6cf9ff70944a8fde31b04de2642bd2f4be9f1', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '7be9492329174f5d1fefaff224f5c2e7c91b0100', name: "menu-items" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover-trigger2.js CHANGED Viewed

@@ -171,7 +171,7 @@ const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverT
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'fd3e89c149e115c98eefdfebf29215135b55b649', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '057bd40661782f59aa3981cf30431390fcff1d67' })));
+        return (h(Host, { key: 'f47fa501d4706eb541c6d11cc93962339b1d3c59', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'e170ef35998bf793fd053dc0c5788c906a4e464b' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover2.js CHANGED Viewed

@@ -294,14 +294,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'cf85cdb6e5d6bd0948b4c80ebc611f5502f37d25', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '154ff782097a8e1d90f2a61faaca14bb4871ace5', class: className, onKeyDown: this.onKeydown }, h("div", { key: '235a9fca7951e844c8f0a32a02b7235d919574a5', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '6c6d348b0a01d7fb2276162ea39cabc4ff02527e', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '01f5f827ba24b7fe882f9704af28be30460509c0', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'd935270bb6d79a7293d8852728c9c3d090e8cc00', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: 'd6a84c0e650dea3e490271d7de11eead532602eb', class: "popover__handle" }), h("div", { key: '1213a63d107de526f5a91b0a116935f61bba0994', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '035a337bec637fb9a6b3e37fbfc8b7e5a2d35c58', class: "popover__handle" }), h("div", { key: '552cd90b105c642694393ae9a1fd8b7e416e5cbb', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'c031de0a703d9dff7346cd8cbe40f825c8665f13' }))), this.active && (h("div", { key: 'd591f05e7183721ec08188507d8c0a5bb61947dc', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'ff10fc141ce5abb32fe7ac896f2a24f7c41e4c1c' }))), this.active && (h("div", { key: '8cfa9aa5faf4e9636ac06dd48c81d79f79eff797', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return swirlPopoverCss; }

package/dist/components/swirl-progress-indicator2.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: 'd76050eb18303a381648fcc81e0d697384a4a8be', class: this.variant }, this.variant === "bar" && (h("progress", { key: '1dafebe862bbb05b8c1114bd86d5f02d6fdacbff', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'd6d2fe1fb8172e0a6421680c281a2c12db288818', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'ad431537d9e9ec4c3ba97f5f36cd202afba690cc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '0b0eee62eefde5c43e5b9ba040a8cd62f1515262', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '406fb2f982f14f7f3d447c4fb19c08c1a8aedb53', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: '4b951c237a61d2c86ecfa89680ed3086309d63ed', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'e0d157a486ee4364ba97bd1f146729de85e592b7', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'b24e27191714cea85967b05f599e1d2fc2854a06', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'e177fd321e9434d46375b5be42e248ad04701a44', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '0699a289a7ee2b3aff75f4b8f6b4a0b952b0b115', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'e3c067cd45df50fd3da512c0288650b7f70f3c30', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get style() { return swirlProgressIndicatorCss; }
 }, [1, "swirl-progress-indicator", {

package/dist/components/swirl-radio-group.js CHANGED Viewed

@@ -41,7 +41,7 @@ const SwirlRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadioGroup
         }
     }
     render() {
-        return (h(Host, { key: '0f4860306b99c88d602987c3b7d48d968a54f555', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '159a0336b0e7a35a48ec93f8d4449fc26f7a8823', class: "radio-group" }, h("slot", { key: 'f0678ed116d7929724794052f772d34d33ab2f0a' }))));
+        return (h(Host, { key: 'c47233fd803c236e083edee33c7bfdbe415a2c06', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '4959e9432ebe509a937a3e88b5bf02965acaf3c6', class: "radio-group" }, h("slot", { key: 'a51588006044b2770989f4d767511ffecd247eb4' }))));
     }
     get el() { return this; }
     static get style() { return swirlRadioGroupCss; }

package/dist/components/swirl-radio.js CHANGED Viewed

@@ -39,7 +39,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '86182d620dee4e0e47db4968e88f8f0cae8d0868', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '16e54bcaef3b8167996ba6122bfe2d8a6eae06c7', class: className, htmlFor: this.inputId }, h("span", { key: '64a0ca1e3e2d3e7ebace9fc86d452968b19bda03', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f74d2bc407cb611a44d23abe55472d605a30b897' }, h("input", { key: 'e3a2692e01bb4de45922171295ad6fa693a59874', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'fadca0e725c39f99a3ede3aebf8fead3aedb52da', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '58b41ca22ac6afd7fb6974741bd4a16b875d8fe8', class: "radio__label-container" }, this.label && (h("span", { key: '9a4fb8ab685bdfcdaadd390017744fd5d6c1b1c2', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'f64e9d4749746971c56d46339aed2dd66113499a', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '75ec51689903e4d337672fccb6a529f5be8350ca', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '22c0edac96ff31475033dbb56dee80a95a0843b5', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'b9e64b24cee436738b154cfcbd2cf01cbeb6a728', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '60eeca9a2146478f9ede706d56fc51b728eda97f', class: className, htmlFor: this.inputId }, h("span", { key: '934171e05fca6b1f936deb73e4ad490b17791a8d', class: "radio__control" }, h("swirl-visually-hidden", { key: '6617f95f516cb4b9c18e6a0636a6c440cb0dba82' }, h("input", { key: '68ecf60b1873b5c56c1a862876840d5b74de8899', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '0fc478b4cee70968250beabef24895b1ac457247', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c6a282ffdb707275f3c51603107a61ddc59a0114', class: "radio__label-container" }, this.label && (h("span", { key: 'fe8df563b595badc02fa36c3becbe58925a75c4d', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '2e619d4527c2908959f35e241c7e703c699d43c3', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '7c2d8e70450d7fdac7a1520dbd990a2879befa36', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'c57f52cdf180822ddfdf096a92607e4a9236f65b', class: "radio__description", innerHTML: this.description }))))));
     }
     static get style() { return swirlRadioCss; }
 }, [2, "swirl-radio", {

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

@@ -43,7 +43,7 @@ const SwirlResourceListFileItem$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
         const className = classNames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '3ccae7d21700de12bed72dd27539b86fa576b34e', role: hostRole }, h("div", { key: '7a6dbd0f8869316efa3ce3a0c3657190c8ad2912', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '7986cab20d3a7e42887f64a53b4bb147b33623a6', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'e9a5c6323ba35517f1a7b8c0bc67fe18de298ee6', class: "resource-list-file-item__label-container" }, h("span", { key: 'e5e130f0f6ee81b3047ebcb7034fd4f563587ef3', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '27db847b5ec384533dd18ba07ffa2a81aa6797e7', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'cf087979ef0a25b98a3d3d936728b39010baf7dc', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '16daf1114b5f122191da03c9ffd5ae505bdf78f6', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'b0fd3f6754a7efe6f17ce670df755d7a9677dd25', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '9489023d7144fc8bd729e33a55ac7db04d6d116b', size: "s" }))), showRemoveButton && (h("span", { key: 'f3081e68ca80d1fb8cbb49b24f28cc7f9647e673', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'a2073977a12c19fe4ed1ab091136adeea7f1ef95', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'b09dbdef96f15ac57c5bebb0c115ef033a99c4bb', role: hostRole }, h("div", { key: '63b07a708a9782c7b6d05070593c0162edd09ea9', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '6c460d1ef0888f496f6a9c9abda6ce61b789dc79', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '26f8d6b0ddc66e7d2306da25e5be7d78e09ea9b8', class: "resource-list-file-item__label-container" }, h("span", { key: '944e7098e0eb2292b758d47c3ff939ba04b6c9b2', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'ba875cb4d4390a14cc82516ba06e8b5dda77924b', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '97593a07b68c57a5fe1e54957c56209fcf677b28', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '537f2387b4c4d3b9943de0892084276a5cbf589c', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'edcaf0d5fce72b06d37c8a7c3338bc84fdd95255', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '80c7c457d0342a42d0ea150db844bb3efa3e8ec8', size: "s" }))), showRemoveButton && (h("span", { key: 'c9ac687f12e5fe62176a946eb6cb081015602b46', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '082284dbe3b38db6dff7c1b772d476ef3143d52f', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListFileItemCss; }

package/dist/components/swirl-resource-list-item2.js CHANGED Viewed

@@ -140,7 +140,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (h("span", { key: '4ea7c31f515f297a49d3e4ae457f141d10207d32', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label));
+        const renderLabel = () => (h("span", { key: '560a3d9204c56600d69a71f419d1f109374a637a', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label));
         const className = classNames("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
             "resource-list-item--active": this.active,
             "resource-list-item--checked": this.checked,
@@ -157,7 +157,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '088ed55cf56852341a0374b37f0b5f024fc72035', role: hostRole }, h("div", { key: '8ec9769f5c90136c3a86ea5a967f8e87a8a88973', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '134b9a1a9645d97447937ab7e3501f48aab9cb9f', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '269e9e19598891a53fe896840fec876aba5f096c', class: "resource-list-item__media" }, h("slot", { key: 'e676975dec132755e9492d4f14e271f0371d030c', name: "media" }))), h("span", { key: '0c597785a34fc0d6362f3e80b98802c3d732e0b7', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition, positioning: "fixed" }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: '2dd25de843ee96dfe2c9352e3e4e4b8659de7e9d', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: 'a9da2a1442ea6adfaba6027dc11f6a5a84453ad4', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'f76cef21e8fb5387f34e99fd3765a19c179faf7e', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'bebb799ffa8ee3fc6275f61451e80ae4c4fe1ce6' }))))), showMeta && (h("span", { key: '04dd2f96b4e64ae93f015ecb85cd384a2c0890a2', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '57f895be000f5fd1c62ab6f2b0b6ddc89fbdce60', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '91efc58635fb8efcf2c652059b6cf63fcdae28f4', class: "resource-list-item__badges" }, h("slot", { key: '8c3c18cbc29e8bc931ad0c41b6d5e5ef5fd7554a', name: "badges" })))), h("span", { key: '66802320e490115b2e653a91ffa4b2da7e8415a0', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: 'acb0bf6a1c293a6f83021c069afc90c26efdb655', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '2b3d071301fff6629bead54ba951c5cb9ff6472b', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '05a78400347d5b4861b6a8865f733b0bb93361ff', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '39bfbf3b67ee035fb415f1c309db2471007c8f7d', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: 'c474e283823ad5a849e343cdfdc0cdaa31deb277', size: this.iconSize })))));
+        return (h(Host, { key: '6ff7583e30388db1c3b5335706fa90fcfab70f4b', role: hostRole }, h("div", { key: '76eb19d083fe8caee52b09c543532ba96e5937ad', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '628892cb9e15365d68e6945c7d1153b993778484', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'f97aef8ba23556c0f796d2459818a314b73409b2', class: "resource-list-item__media" }, h("slot", { key: '26f0a4ce1978032a6234a145f896204cda19d13f', name: "media" }))), h("span", { key: 'd6e58c39f9d4157b6b6644180e65c6c829417184', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition, positioning: "fixed" }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: 'cceb11061e215a507f452b1f468475603941b902', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: 'c31e52c511dce2fbb26b4e38e76f08fe94d78fa3', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '461a28fba92af98664f9b9f69c5ea09d272a7959', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'f752f8a8a7ee8b082d6fa0f5f27a36153923ff46' }))))), showMeta && (h("span", { key: '42e7f96af5bd99e33e74c6dff54c7188427bdc9e', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '41df5b7cd9975c165769ed1f55b46d2baa56142f', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: 'f3a7ef28cd668991743a6078e10f8b7771843b46', class: "resource-list-item__badges" }, h("slot", { key: '38ebbf77a8d8744a4b66cc55a32f88f85a10758c', name: "badges" })))), h("span", { key: '8057d398935555dd22e5dd50a31c86dc19ea621c', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: 'd61b664e16b9f1293eb6034f2d12898d9eaa1177', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '91419978b48d0e005e3677bb5aadda6a31abc8ce', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'e71b0d59681c89313bf4cc1247b658550b1d0f2c', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '9c2db15ef127e7e41b020e432e4d020c1e31c68e', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '93ab2a69a334e65c1e2c4907bca0ffd02fbb07bc', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListItemCss; }

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlR
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (h(Host, { key: '55576a4fa056560c73ad11e67ae2714fecc8a7f2' }, this.hasSeparator && (h("swirl-separator", { key: '1dd0aa4d3162b867f00b16619f99e7c06ab4edb5', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '140f5d6fe76afc983d089af5d63ee4ce35bdd756', "aria-labelledby": "label", role: role }, h("span", { key: '38cf1f6c700ef84c120dbe30cb64b24baee2dbbf', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '8381416dc426027665503dd4da195bc74b177aac', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'a4dfc71f91f5bb672e994b9719ff84a7577c9595' })))));
+        return (h(Host, { key: 'c34e47e6fd1d0f2da264ca08539dbddcc4a5f897' }, this.hasSeparator && (h("swirl-separator", { key: '0ef25b01d019867c30aa5edc1b22f7fb1ae22e35', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '9113b35ea4c31a473ccac5e696f393dbed3f44bf', "aria-labelledby": "label", role: role }, h("span", { key: 'f38ba515e9d5603b572f199ce7b4038260454d3e', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'e5dd993e7abd78a6886269150eae4827e01ff7c4', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '46cc133e43e38f448d6bfc095b923e6701be5f0d' })))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListSectionCss; }

package/dist/components/swirl-resource-list2.js CHANGED Viewed

@@ -267,7 +267,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         });
     }
     render() {
-        return (h(Host, { key: 'c5af3fd4370507bef16ce55a3b84d85af31f078b', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'a9dabda6978fd25ae7935ebd32bc8c6f2bf69c0c', role: "alert" }, this.assistiveText), h("swirl-box", { key: '84be9867bb177363e521ceae2e3d88f30190f7c2', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '653b385591f17a947321d8b8a1b601593696939c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '59a9b433f649275c6c7027ab05fdae108cd51b7d' })))));
+        return (h(Host, { key: '88c0343e805be375055b872e2ab888a8fc00e3a6', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '6aebc2a2d6aef1effc072dcd33ce6d7f2e91d6f7', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'af90dd453f94ea6d085cc7db3ba964f7bc7a0864', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '5f821112fe979cbf91eec5c8a24b6533964c826c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '55c652869ea63c5041b8b6981c2071a33df6879c' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-search.js CHANGED Viewed

@@ -70,7 +70,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
         const className = classNames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: 'e81efc90b3d6a499688011221cc2a15c6f792dc2' }, h("span", { key: 'b7790e867c09bf68ffe59ec8d28f3880d4e8545a', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'dbda6b7c55171ee6c1d70d2eb12d42ed0158f10c', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4cebbf2d5e9543728453055bfed8a6d94f6bd935', "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 && this.clearable && (h("button", { key: 'a471b4e873ed08cf152c9b60fef8f36df2bb6b65', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'c418cfeddcadecbb411e72e5a66dd00ca3a46679' }))))));
+        return (h(Host, { key: '27da92fda1488c9701c3fa0d6a044c5687220760' }, h("span", { key: '0d50a335824124697cfc2b378040f39a37a77c39', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '018ada07d234a51e9077328b0d777a79e3654352', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '5910881c3c9922f586e3d5e26ac41836c5d755d3', "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 && this.clearable && (h("button", { key: '6d556d5c945c7b2d7a287d0d7a8e028f3e3a147a', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: '0999c71c8ee253efd28b64d8c1484f5252fc6f6f' }))))));
     }
     static get style() { return swirlSearchCss; }
 }, [2, "swirl-search", {

package/dist/components/swirl-select.js CHANGED Viewed

@@ -141,11 +141,11 @@ const SwirlSelect$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSelect extends
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: '299d7088987c7c9ffe0bc0d1f6bfbe1324a50fa6', onKeyDown: this.onKeyDown }, h("div", { key: 'a0c27063b019306be676630c8c190e7758eb038e', class: className }, h("swirl-popover-trigger", { key: '889696317b84ff3124746514ba1ece519bda4486', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '7b7d36afcb2996a3c259f8afe05d2fbb7dc0a22f', class: "select__value-container" }, this.standalone && (h("span", { key: '661ddb199814e159e57da7e9d393aac93b81ff8d', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '06b727bd4bd13759319d40353213aa0f906acf50', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: 'ba658c88d3a350f0cb4a2fd3cae01bcb362319a4', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '8f635016fafc23d646e43949071d53d5636ece03', onKeyDown: this.onKeyDown }, h("div", { key: 'adadc26967eceda49cff1963419e8e43221c3810', class: className }, h("swirl-popover-trigger", { key: '17172460877b21492eef6dab51b983787f283abd', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'e2756eae213cdbadbc77c006c3f6c0237af46555', class: "select__value-container" }, this.standalone && (h("span", { key: 'b4877e0c1cbab6cf99e2a4367ffe083632138926', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '819702a9a4ca946c4dd3c853c57ebef751a21652', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '2942ad5674e21e5a7a9961ff00a653590d6a37a3', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'f9d8df89061e653a5671aff39c0ae6591e0d55d7', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '099f37bd63c246b183a67a5e208f4744f48ce6f7', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '63f70cbe9391c4ee57a17bb3556132184c17b527', class: "select__search" }, h("swirl-icon-search", { key: 'b26ff8384d9828df52231e876cc5490b139e4a30', class: "select__search-icon", size: 20 }), h("input", { key: '8ad13ebdfb0a453c15e62821ff46d78a7b5a1a94', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '14bb3d506da4e0853cb79f5759a64cef2efcba3b', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '69e3c6e1b5412076a41facbd37c39f0f565665f9', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'c2695c023835cc242ce6098e3d99f1e8d06225be', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '253a43401341c940d5c1fa42cd3e2ead09550bb0', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '8a332ab219c18504cfadfd7c5f2eba931f671e29', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'f1cfbdd7ab962d4f8f05c223aff0f8925406cf1f', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '3bec6fc755117a723948bb8d12544d2ead692e81', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '266ff087c627ef0b26a27ab99628b46e63a779e2', class: "select__search" }, h("swirl-icon-search", { key: 'ef6c7375ad6e9baade046418451e97fe17ff0d77', class: "select__search-icon", size: 20 }), h("input", { key: 'fc392034d3ed74904b8ea4950d77a4a6d6a71a17', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '86ddbbc3dc4b1feb2ef64bc876bfec572702183c', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'dfeee17302b603d4496da582ad57ce013f824a44', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'a0740a4d04431589ff78454a1ab53e140cc07d09', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '5069bade47c5f2bf5e3c7d8219d987bf7a66df31', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'cca977eb6af16eff150f5b65b0be3565bb090d0c', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-shell-layout.js CHANGED Viewed

@@ -181,24 +181,24 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
             "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
             "shell-layout--navigation-collapsed": mainNavCollapsed,
         });
-        return (h(Host, { key: '11f27a30db70b481221ba412612a16afd8ef4d72' }, h("div", { key: '7cf7daa26a8e221823bf6ae7c121baf48e52e6ea', class: className }, h("header", { key: 'a956639386c3687b89a4b6a016ac9ad910fdc473', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '3f3da9e17ac4a7a7b0f8a4f9a467ffc15ae364c0', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '59e4a09dac753b16ece8644c7db1523f9f173691', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'cae944de28eb6aaa5b2de822e6386d629ee323a7', content: this.navigationCollapsed
+        return (h(Host, { key: '0ae9c229d68a643971a0a45ed2d222e7ec65d456' }, h("div", { key: 'ea1e25320756468ab7a77a11da3fd7cc6989b4e8', class: className }, h("header", { key: 'bc088b6015027d6117fd15cd424692634f27978a', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '77ed1b7293be941798edfd09755070b1b36e8b98', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'c046b23f9e57a1d491f0e1bafef86dc54f748fee', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'db3819a70cbf1f0b78eacf3ae76e6fe2e447c92f', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '5d8960db7d687b43757ecb7dbb0863489e05081e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: 'b48f8efd3a2cb1e0b60473a0b0167ea8408c2176' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '724ea73afe514266b8b741ba645ccf18f15622c1', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: 'ba3354629183294fdb58db1fda1e61e698d2ff27' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: '3f990c9fa51549a810aa9bc46cd23269fae8c32c', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'c659d9cc48087b6a43346eacbd0d128db073676a', size: 20 }), h("swirl-visually-hidden", { key: 'eccaec06098f776a24ce2eb577bd2d8a0ce8e0c0' }, this.browserBackButtonLabel)), h("a", { key: 'bb4b28473ebbfa6ec8960db030e2e6e6be3faf24', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '7f187a039f74685d27f65599424bae0ee8271484', size: 20 }), h("swirl-visually-hidden", { key: '9519741437ed576e26db2ccdf5d97a3824a589f8' }, this.browserForwardButtonLabel)), h("slot", { key: '59891d167faaefb1381bd8c48dbbc6d2ea25fd0c', name: "left-header-tools" })), h("div", { key: 'a68dc128184b3823641aecce80beb2aa3cfdad17', class: "shell-layout__logo" }, h("slot", { key: '2971db5f2ed47a6ce98ba32eac93e98cf5c098df', name: "logo" })), h("div", { key: '38bf7b342407144f4bb8b37629ff0c25313150e3', class: "shell-layout__header-right" }, h("slot", { key: 'c95cbfabdd2a59abb23fe91b0f675b86a878b114', name: "right-header-tools" }), h("slot", { key: 'aa4153e296bcd85030e5b896552cd3e4d24afab4', name: "avatar" }))), h("div", { key: '78d7e653eda4391257d5c20460d4856fca00edd8', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'b44c3e844a955970276b6e4d5c19175c99b908f6', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '7056374cb171bc0a0a3b997c30a9f4d4451a32cf', class: "shell-layout__mobile-header" }, h("slot", { key: '99a5b06bb78cce36642beedd4ee0446645afeacb', name: "mobile-logo" }), h("div", { key: '361821d5afc9ba23cee0d2e38e907040fa8bffb9', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'e7b14d93e085c40f243a0e30b3b7cf6bc2303de6', name: "mobile-header-tools" }), h("button", { key: '27c50122fb3f56af21f9ee534f20c77b786c3621', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '17970823b5344ec0e98b3f08f131c4d74f8063a6', size: 20 }), h("swirl-visually-hidden", { key: '543dabd9f3972ac4dcf6d837f8a4fae84b6d631a' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '5dfd21448b23b3aea62724b719decf015ccba330', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '2558078eef90297b0021e7752b0734148a94124d' }, h("span", { key: '8d5d2c8633a34f6578c7d90a7ff95e7f11d91b02', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'c9c10b1e6c7d203cb1dc6888470b8f17b7f95a2a', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '286be02ac7ef9035b37d378736733f338dd5b297', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'c3cd977a9731afa485b5035fe0e732e482aa5aa3', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'd6e9d09f11f94ffdb1860d282b1bd1529a1d9a85', paddingBlockEnd: "16" }, h("swirl-stack", { key: '70c2d4f3c09c8175a0914e266e561764b9d10d37', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'd4d7086d91a2e87d593e266a15d90ba518162669', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+            : this.collapseNavigationButtonLabel))), h("a", { key: 'df8abee6548b021288e3af1911def36d9d0a9032', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '2e530e764fd1dc5f37f3a9a719d7cf1c369e5b0e', size: 20 }), h("swirl-visually-hidden", { key: '09fbab574e874f17aaebdc0e51ef1bfe81360076' }, this.browserBackButtonLabel)), h("a", { key: 'd1e1385039bbf2f47dd44884fe595338b243e7ee', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'd0743b959df09cdb992aaa71a4907616ad3f9916', size: 20 }), h("swirl-visually-hidden", { key: '8c8c4696f09cedb5b304d3d2f0efba5eb8dfe1e5' }, this.browserForwardButtonLabel)), h("slot", { key: '712015e4d3339bc6f88298c68f68cf85e5f45be7', name: "left-header-tools" })), h("div", { key: '8612336ff649874783eaa8ad61b029992b5842e1', class: "shell-layout__logo" }, h("slot", { key: '8436602dc24987429ad6398d2242e7b511073b6c', name: "logo" })), h("div", { key: '01c61bb626b374154be082f02a3b9895bacb0be5', class: "shell-layout__header-right" }, h("slot", { key: '2db991edc6f33bb8beea6902fe2444535b22dd3e', name: "right-header-tools" }), h("slot", { key: '665facf4726f7160e4730cbc788fb0edae45d429', name: "avatar" }))), h("div", { key: '792c830c7a478df567e32a5c63935cd3447f6f55', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'd8077b2a71e1bbc8ebb5a6244591928bcd748ce4', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '97c173324a421acf5e895ec49d2c0170b5ac0697', class: "shell-layout__mobile-header" }, h("slot", { key: '0848c49b2eb05652eaca9eda06247a61624fc728', name: "mobile-logo" }), h("div", { key: 'f3d1506531bd50ba7566a650b9d437acb8631bee', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'adb08f0b955e0aa8f2ec71f7ea1d55681f6d36e2', name: "mobile-header-tools" }), h("button", { key: '2f0dcc00d6ffff606db4419664de342160dbec26', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'c6777429b8a771bac5c118123fb26efec1bdc7c0', size: 20 }), h("swirl-visually-hidden", { key: 'bffc2182e21976953c0f68957c705bf604cc804b' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '9e1ab9ad73e9e29af60469ccd146c0f4de9d695b', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'b2049897ee331c3b6a3029d0bf97711149788079' }, h("span", { key: '3a79f42d604666e5b2a7f4b3f23b2373bdf8e1b4', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'ace20abaf18e06d140b746b925b210cfb0fd26eb', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '4b16d638e804b18bc703c15941a07a9be7d19fc7', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '1f33be77b25055bdbd7c911175d5b3c8d86b28c8', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '5b5333654ba553bedb745ea2fa08c339578dacfe', paddingBlockEnd: "16" }, h("swirl-stack", { key: '4eebb8227601ec5b40d0d99c7c75d331b0688fc9', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'f095c6a150ecd4ef0f266538a3919a0bc07dc879', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'fdf6bd0f9e0f5761676d723125f22cd3027efa8a', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'bdadd0a6f964f4d8615bc91e84fdbaa5156eadaa', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '41429cee91120b9015cca9b93f6c4c679ab6e57f', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '2fd31f3d78e36e4e6d4bb4474c96678f18b20af6', class: {
                 [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     this.secondaryNavView === "grid",
-            } }, h("slot", { key: 'e5c1b6a114fd13d98632b05f542fa400f4cdf7e9', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '3ab8d1162dda16dd8c1d5a04345d76237e13b7c2', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'ac030ad491554f3e7d6b1645361fe3fb387734f8' })))));
+            } }, h("slot", { key: '8bd8155220e63d8d769ae6a3bea6e7b9bfe41cbc', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '0007863b7f344011f3e93c1004edba2308c0d77f', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'f10b72a8be3a221da7a10de62226e5ad7b7fb1f4' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -69,9 +69,9 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
         const tooltipContent = this.description
             ? `${this.label} ${this.description}`
             : this.label;
-        return (h(Host, { key: 'd505754d266ddc520ca2799a37a16854888a612d' }, h("swirl-tooltip", { key: 'e0002b379cce5ab7a52611a2df3422c179389062', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'ab6ed515b943e59d86268ed4774af65cc704fb3f', "aria-current": this.swirlAriaCurrent, class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: 'baefe0e2aa6112acf161c01f82677b0c894252b4', class: "shell-navigation-item__icon" }, h("slot", { key: 'e4d519727b08262fdbfa6c765e519085a6c08440', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: 'db70cc0455aa760f8473202e22d6fb959d1bfa61', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: 'c445e347a6f25a8a8c6d1fa1f9b9c65ffb8ca7cc', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'a2007f2d997b7bdeb29eb196f968bbdc5b948b6d' }, h("swirl-tooltip", { key: 'aa823491de6843a2da81b6628209c89c377fb8fc', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '052b0eaf4c45bfe7896561620ed9ca6e3ed032df', "aria-current": this.swirlAriaCurrent, class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: '1143b0c1346d20be772dc85d6dd3197eda0e9a36', class: "shell-navigation-item__icon" }, h("slot", { key: '2cbe00549fabd4eab0803fb702f6f027f9478f85', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: 'c086a06adbb294ca2467a95cabe20cd9aef33178', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: 'e20ee4c3840fdfe441d9f31756c890497c205359', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
-            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: '71707e518c201de65e968a64b2b03faa99412b81', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '452a7976c577cc1dd0957be269a44c3659da7082', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
+            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: '4ff1ae301eaa2ad076637304bc6f2694b681c94f', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '4d391a70e64454295907d47e8a9983235fa40fc4', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
     }
     get el() { return this; }
     static get style() { return swirlShellNavigationItemCss; }

package/dist/components/swirl-skeleton-box2.js CHANGED Viewed

@@ -13,11 +13,11 @@ const SwirlSkeletonBox = /*@__PURE__*/ proxyCustomElement(class SwirlSkeletonBox
     }
     render() {
         const className = classNames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: '0766d24e9c6dd8b47f0cde12acc961798539a663', style: {
+        return (h(Host, { key: 'b7d0def70588e3c02bf9256c5ecc6fa67bd7da21', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: '78ef731b5c403dfe74d3034ac8bcef63e0bac16c', class: className, style: {
+            } }, h("div", { key: '90743565eeb02ab7384466699284c3ad9cca7e83', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/components/swirl-skeleton-text.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlSkeletonText$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSkeleton
     render() {
         const className = classNames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = classNames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (h(Host, { key: '77301b4779d053d7485e3fc056093c8aca75d56c' }, h("div", { key: 'd48fb445adb540f5fcc2a3c0fcfe64c263ef2be9', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: 'ca789c1979612c8121b0f1ec5727cd62c284edf4' }, h("div", { key: 'e7e45b74354223b9a0f389d3728691ebbd2774c8', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
     static get style() { return swirlSkeletonTextCss; }
 }, [1, "swirl-skeleton-text", {