npm - @getflip/swirl-components - Versions diffs - 0.427.0 → 0.428.0 - Mend

@getflip/swirl-components 0.427.0 → 0.428.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 (2566) hide show

package/dist/components/swirl-menu-item.js CHANGED Viewed

@@ -114,9 +114,9 @@ const SwirlMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenuItem ext
         const className = classNames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'f432a3d6c0728f60b133d8a6b30382a1462fe5f6' }, h("div", { key: '96fba47400c39c63174049de7e5926c3884ee19f', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '9737076400f8ab9c796ca0b2bc5005bed9c50d75' }, h("div", { key: '5c538042b1d76eb52fc2fd3b4bb3a4acbb68a743', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '2991a43ac90ecef036f9f0e768ddd3acf6a85464', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '99ab3effe0ae0b015412c3116d9bf6f3e4cf66d1', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -295,7 +295,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'da90fae6f4445925c7e41a6977c819a4eaa13d0f' }, h("div", { key: '9a6dbdc8b80d108727a59c89ae62f5875d0404aa', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ea5af359d0c3ef67fb428c9f518eb1d462881256', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '16cbc3b9e54f607e2020eb29115b8dbedfb8c3d1', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'c75d85b10d1c3d47845cac8cb865950f2f8408cd', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '9d93c0311cf75815dfeedecd3bdccdee04110dcd', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '779178c0576ee5493d386d192f8d93d8acea32df', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'd8978be13331a86c371ba5c6b5a554f9e2deee1b', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'eb98c55901b947f0bd1de2b5952e721722d6b080', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -306,7 +306,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'd5f51660891250cb6991b3f5498a01564c445d0c' })))));
+                    : undefined }, h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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: '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 }))));
+        return (h(Host, { key: '9ae39fb4f479c1279855a604711975ea6226ac3a' }, h("section", { key: '006318ec4c6c2c80eca5b810b7c71fd1557d05f2', "aria-label": this.label, role: "dialog", "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'a809da7e86c6145249c4f91154596e2be7f30b88', class: "modal-shell__backdrop" }), h("div", { key: '76c3ba6c8174f3f21340f5e7bddcd1e1146ca456', class: "modal-shell__scroll-container", onClick: this.onClose }, h("div", { key: '7b4cd858c7ffb246ca251d2fc900016b79b18c18', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: '496b1cb090477ff1df241e10732ff2313f13c19c' }))), h("swirl-button", { key: 'ff10a1759b37c19c8f6486927e8cc67cbb617f12', 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: '021e228abb1cbe93f5bac26a17622c7bf2a9c788' }, h("section", { key: '44ec05eb0e37ab73fc44408e76af65d6cbc1c7b7', "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: '150c7745d661596b6d7d60211f9c7bcac0e46bd2', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'd43540139e24ae09070e39671f4f5d738a68b3b5', class: "modal__body", style: !this.isFullscreen
+        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
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: '8e67a19ad95b1ccfff497c939950e391a9b45e6e', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '01d47335f0b0e018108e18fcff1588f3901e27d6', class: classNames("modal__sidebar-header", {
+                : {} }, h("aside", { key: 'f05fbc18212ab6f3615c1d7f195c8dedb841e5a8', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '8fb95b6697c874fd1f89353213cbedfe8327a42c', class: classNames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '911e3738484667083d3634f4dd6e2e176cd48300', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '3d47b2f3894495ac9c98ddf5b209698140d4b4f4', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'af5c0ebf93f132691798ee92981b18f538ea9ee5', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '318438802acb787c710b3506ea60f6cfe4ca79fa', name: "sidebar-content" })), h("div", { key: 'c191652c5d3d903b262c1208155bb8c54b86223d', class: "modal__sidebar-footer" }, h("slot", { key: '72b411f255ed3a6b6653311a2a5dffda8c2c1494', name: "sidebar-footer" }))), h("div", { key: '54751e7daf52a52b3541b3dee316d40f489191ef', class: "modal__main-content" }, h("header", { key: 'f4f05986593d9d83e143c87cb560f73b04a857c7', class: "modal__custom-header" }, h("slot", { key: '3b3ebb77c81f05ebac992be87ad98409c36041ef', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'd7e50af5497a475622a523bd6564c7ddf7d01dc3', class: "modal__header" }, h("div", { key: '086a96c8ab52585fd3bddba66e7766bb2788c375', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '3dde1a8f152b08901b3660ca425ef1969502951e', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, 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"
                 ? "<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: '4a24ab6a05e5d7c2542475005a374759931aabc0', 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: '62cffe0d3620fc0d762fb0b1a2baaa6dc4cc6d4c', 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: 'dba4ecece3d1b7be19e8d68eead83e4f53bf17d9', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '2cc42295b7f48c23b144a648328d07bce757abcf', class: "modal__content-container", style: {
+                : 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: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'e6569363423ee3fb09e69d8a8d4a8385e27ce6ab', class: "modal__primary-content", style: {
+            } }, h("div", { key: '9cb557fc46eb643cd306effeef479c66af516b1a', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'b69e7409ddd058fa38262b64052d5d95b8324416', class: "modal__header-tools" }, h("slot", { key: '64f5e159a89435e97270a55e47b0262ba64c6a30', name: "header-tools" })), h("div", { key: '22e46d6d610b4aa76f15e1f73d5ac580724b4bb7', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'e0128d287f59259cb6d5de97fbc63d7122d83e2f' }))), h("div", { key: 'e4087fb745a8ec1e031ae4eaae5d0d328921e515', class: "modal__secondary-content", style: {
+            } }, 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: {
                 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: '4aaf938b9a3253bde14dd3126e1e7f184c7663ab', name: "secondary-content" }))), h("div", { key: '08b65ef36bcc142b11aab444bb51b7e5c5401c72', class: "modal__custom-footer" }, h("slot", { key: '4a918465dcde534446f1910f0fa432442c8fd005', name: "custom-footer" })), showControls && (h("footer", { key: '1768d7521ba0de3f4d13fe6269c5729553cda5f7', class: "modal__controls" }, h("swirl-button-group", { key: 'f3e7a7a501a55cc2cdf2ce13dcde84b60cc1d16b', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '3c3886013125ba06d206a3803f407fa8d9566f73', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '119402750373da66fba92f75976482c804b33f33', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, 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" }))))))))));
     }
     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: '73585b0eeb68708eb03fa02bc94cc8375582bb53' }, h("div", { key: 'b5adb4c8867035f971824b858554804ee877adaf', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'f8c00ccd0edb0d188d0f65e621a3b3bd0f85ecf4' }, h("div", { key: 'b2cee25c44a70638fe775d0ae34386aa1bdf57c2', "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: '2d71cee5c7b4e77460281ffae8dbf30307ffea18', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'd8441db55df3fe403853c8819c769b6e8304ac11', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'db5833551ad7ec7007ec5783c0e445ea73965ae3', class: "option-list-item__checkbox" }, h("span", { key: '848bc34b1ce76a831f62c17424e83c4ba5a1cd76', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '53cda8f2e311bc7a99b97b3ba73db71ebfaac607', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '0acd05ea7c3694eb60ccae80beef5591aef81e4c', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'b0ea7df1191314691c86bd535d1d86bccfec2470', class: "option-list-item__avatar" }, h("slot", { key: '0b3b83b40ed5d21b33c3aab36b71476524a9aa06', name: "avatar" })), h("span", { key: '8530a0020712c5922855a8f2828522f6de47d953', class: "option-list-item__label-container" }, h("span", { key: 'a5c10c37b5912fd1ac1c906e05455049e7e16190', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'bbe26531636efaac505114fea74a137a79c161db', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'ab03fe540a1f4bf56aa9c1de366a3f3b2876c78d', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '82c69a45c2a2b9adb300da38dcdaa6309d598583', size: this.iconSize })))), this.allowDrag && (h("button", { key: '9f1f6600f9aadd655bc8cd8745693c84cd09e824', "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: 'f15327b7c713eac42cd27391c5bdf2b5db54b8af', 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: '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 })))));
     }
     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: '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' })))));
+        return (h(Host, { key: 'd7791c58d757843ef64165ed6ffdc7d471620982' }, this.hasSeparator && (h("swirl-separator", { key: 'cb2a054bc20ee149648e8f8871a01a8cdadd85f6', spacing: this.separatorSpacing })), h("div", { key: '24471aea9c813050dbf252a9321f3c70e7563e05', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'f43501c55d2d1a09b4afbea5a37d524a136eb4d4', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '82e8517f234863fc1c49de0c7e16b0a424797f96', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'aa9dac71bff32d79d62a762df8234148ebfb964d' })))));
     }
     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: '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 }))));
+        return (h(Host, { key: 'a9a413bc1153713769327eeffa7668cfbfb5156d' }, h("swirl-visually-hidden", { key: '1534b5a6002ad53211d48c1f956e32432cf67c95', role: "alert" }, this.assistiveText), h("div", { key: 'ebd8255b78464c9f3668f0ec58742ca0ab0a81e6', "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: 'a364a27f320b89ee8259529c56a0eacf55411a7c', 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: '70ec291531c653f93e07fd4b48a7fcaa738d93ec', 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: '0402b2a64d56d926253ad477a7be0e3a9a98a561' }, h("nav", { key: '10c8f15e1c67976163ab968947fcea762a76f4d9', "aria-label": this.label, class: className }, h("ul", { key: '58658726f4d916e505f9ac0d84165e5947d441e9', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '50a0c3572c057b094e109d5122c12fa05a3a19f0', class: "pagination__list-item" }, h("label", { key: '4b2d8c7dd077df50920839933ed7b1af978f54a8', class: "pagination__page-size-selection" }, h("swirl-text", { key: '6a0085737edca1701419cd8ccfec43ff56d6d211', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '174b9b24838db58e6d25d6642cd602525ae22bb1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '075ef3ffa1aeea7d6a0eb6a9e634777139fe7400', 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: '165ff6e18086347955546fdc5b9f47ef4134e694', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'ef567d2280438c435a9c9c2cf4edf7632d65cbd0', class: "pagination__list-item" }, h("swirl-button", { key: '82dfda97938179b53553cc81d895496dd0cbfadb', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '82e2399b7a8961102f5ba9faf576f7d0e4f59e35', class: "pagination__list-item" }, h("swirl-button", { key: '26b9a4afae8b817ebe519af5db9e79b9fa50286d', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: '8f0c607327413a8fd5c4c0f159b6c8fc88eb3bf1', class: "pagination__list-item" }, h("swirl-button", { key: 'a6b7b8bc5ad007fb65327c127ecb5f40fcd3650e', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '66f4551ea9a595b80c26af7dbc24cfd7c9b05b04', class: "pagination__list-item" }, h("swirl-button", { key: 'bb19278d4fc1d3f6f7479401fa02a0d87312e197', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (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 }))))));
     }
     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: '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 &&
+        return (h(Host, { key: 'a39da3708ba9b462b35cded4837baf7ccca76dad' }, h("section", { key: 'c1556809d8cbdb7bda38a8024a406d6fbe9b0855', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '5edab291a61f1ab3602a13b8720e5fca73e30284', class: "pdf-reader__body", role: "document" }, h("header", { key: '8d347abf870caae46a64319d42a959f400c52514', class: "pdf-reader__header" }, h("span", { key: 'afc3504d35663c5e22b666855e93db64eb1fc7ba', class: "pdf-reader__header-left" }, h("swirl-button", { key: '5e17e3a3297de6f5f8da308adaf80cc287167ddb', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'af4b655bd86589d6000eb6affa2e8752767fca05', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b894ddea179e432b2ffb1fed1d04c170a163370e', class: "pdf-reader__header-center" }, h("span", { key: 'fd53bd7b5c57c9c902d09b0dfedbd87bc2e9bd75', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'd56a6ac0c0af42878e207373e4929bbe9e940787', 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: '046f779484bcfef2f5b84335ccaff3bed5c98585', 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: 'c4b823a7cdc91d196b2c47beac8dc754b5646c95', class: "pdf-reader__zoom-select-container" }, h("select", { key: '6254c14b8b24e9ad88818d431e56eaa7f1aa0579', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'f904aaed0be9a954c60b92f11606353493f141c0', 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: '29559dc1ae3301fe4cf00e7800d92b31172a7f8d', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '126e9c7ce39f97bbe7d4533a38413c69f50b66e5', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'f5d4f7b66799cdd1a73a602430ec98aefc9de847', swirlPopover: this.menu }, h("swirl-button", { key: '23e578609f8fe0a6fc94b46048725e3455627d2f', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'b2aece2910bec5649bf09d01f2a728007c65f7b4', class: "pdf-reader__floating-tools" }, h("button", { key: '45ec0e745f06e94b6abb0c247b990f82943110f3', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '849787b2d0c99e40d9d91ba1c5c270385b43166a' })), h("button", { key: '69cca35872b1b5e6d173cb1909f0e64a78aacac9', "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: '07aaf825107fbef8b79b07cb5b114d6443207905' })))), h("div", { key: 'ee26784f909a5fae6c9e35bc05fa14749a4bbb51', class: "pdf-reader__content" }, h("nav", { key: '1c63415c736937921713bac8048ab9cf68144bf1', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'd837f9fbf690a706c61af9f58ae69c6beb230b74' }), !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: '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
+            })), h("swirl-file-viewer", { key: '7527de12c4ee5b05bedd3171211fec968708f3a3', 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: 'eea7cd7da47d241d73b5afdc54b38ff1d49c9da3', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'e7252306ad74c8c1ef5f4567d4c718a296193c47', "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: '27f6d8273ef917943e0e84fb56964b54c55edb02', "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: 'b041c4ee7a060784ca52b14cb7e7885d09e2e0dc' })), h("button", { key: 'd6638fd501361194ac46620afb3c8839d2a5c703', "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: '62dcbfcb8603419ffad7ede4e835f5fc5555f3aa' }))))), h("swirl-popover", { key: '5942b773a4c0741c5377bfe842b64e13b74c4ee5', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '25d8369c6cae20a15d5399dd6266639db50b7ef8' }, h("div", { key: '5ca1688c232a1f00a65702ed4e65a46bc4115aa7', class: "pdf-reader__meta" }, h("div", { key: '6004f90c2a836eb1020340e4e21be52f3ca22233', class: "pdf-reader__file-icon" }, h("svg", { key: 'b8f72131d6093f2307aa9f2dc31aa1dd912a896e', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '03779d75e9eb5799a40ee088d3af6e8c750dbf64', 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: '0ffdd7fd195b3818f589afe1bf153adc8d7808ee', 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: 'dbdd232da0cd69bf47a193f2b5d10ab098855d31', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'bc9594b25c74245a4e8bd163702c713ec01bebc1', 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: 'ec44a3c0280cfc68751744e0762bab1fcbc579b9', 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: '07a48cb22f3163a81683aa30ff0ee5d54de591b0', 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: 'd650116066689223fda85300e5a6e6628cb743b2', 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: '31a23e666e7e5af200bb2ce51c4bbf26ed26b200', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '836c5fe2f233df923f991b692090dd0e5ebe3f99', class: "pdf-reader__file-info" }, h("swirl-text", { key: '77d71edc013e625f4e0d475ec69c5e4f9dab6507', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '742582845011ef7165c5aa317f5ec73d80ecbf61', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '36667cac14efb58f997b179a293f9df06b083029' }), h("swirl-action-list", { key: '8a44c27a1a807e8e91f39a0e015907bd1ff373d6', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '5668031f9f03ea99975c9f3452a0f270239d0eaf', 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: 'a5636068240e2670f4c15321ec28729f5b4d1a75', 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: '7be9492329174f5d1fefaff224f5c2e7c91b0100', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'ffec7e08ee63073837326a56cdb7c97643f1da79', 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: 'f47fa501d4706eb541c6d11cc93962339b1d3c59', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'e170ef35998bf793fd053dc0c5788c906a4e464b' })));
+        return (h(Host, { key: 'e98c5f0797772625853ccce74cdab788de8ac09b', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '8148672c0b31a65769ed9d3f9f1dca1f028b75a4' })));
     }
     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: '9b8addf5f54132721f4f0de60cdd4b02aff8485a', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '2f2cf049264bb631bf234921910f5bb16617adcd', class: className, onKeyDown: this.onKeydown }, h("div", { key: '0f3078f75611aa9589ada92aef73e21344b2430a', "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: '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: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: 'c0d4d23a7ddf967ae1428cad2238b0a5f312cc66', class: "popover__handle" }), h("div", { key: '0a588644c85a69c1dbbfcb9e606d10b66a185565', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, 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: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'd8ea659a18362f116288c0c021b072c9f0eced93' }))), this.active && (h("div", { key: 'c881f9f17a3ab7f997eaa4ca6a0daa14905d1708', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'c031de0a703d9dff7346cd8cbe40f825c8665f13' }))), this.active && (h("div", { key: 'd591f05e7183721ec08188507d8c0a5bb61947dc', 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: '7a88d62c22d1028baf3fd842ba8fb4c86271158c', class: this.variant }, this.variant === "bar" && (h("progress", { key: '5d88596118c66c0e1695bbe50fae489a75fc1c9b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '7e4a2586ce5be138b84cc8b7737fcc2a0983aa62', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '1f3eeaea011ed9fc855c961dd1d85cb1d6e5e292', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'bfc5d9ba40856037622773c93789b0372f0cbc76', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '3ff0cfe2119bb7a0ae650271c1f515b871cfeab0', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (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 }))))));
     }
     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: 'c47233fd803c236e083edee33c7bfdbe415a2c06', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '4959e9432ebe509a937a3e88b5bf02965acaf3c6', class: "radio-group" }, h("slot", { key: 'a51588006044b2770989f4d767511ffecd247eb4' }))));
+        return (h(Host, { key: '1c72ad86c5c34f154e02e8ef7cbd9d17d029d8c9', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'e52a1e479603eba2642f7b6976aa9caf0b690b11', class: "radio-group" }, h("slot", { key: 'a47dc3758a0a9f88482396c610661135e7761ccb' }))));
     }
     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: 'ffe68d39d6fc31ad2a1772be1a1fe19c8fbe448e', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '77243bb1e6df44ae5fd863a3c1fed676750c4a5f', class: className, htmlFor: this.inputId }, h("span", { key: 'ee87f324ba2b6cc966fdf1070973dd51953272e6', class: "radio__control" }, h("swirl-visually-hidden", { key: 'e1162f789a4ab367ba2b3a37ab06e5f8f0599ec3' }, h("input", { key: 'de16d6993cc8e972e4e0a33b3be4c1d786d39d36', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '0e84c5efadec428203e4a1666d11e3074721513c', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '5b3366df2427cf38a26c5d211eace69adf2d6bad', class: "radio__label-container" }, this.label && (h("span", { key: 'a336e0468756983586607bca4aa525759e369ead', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '7078e2d29c1e640443d4300672a6d8f8f96f157c', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'f12ce6eefb230098d117282c8180ce1432a5c957', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '3b838d01b28a72b463c79dbb6c4e4f52178fc75e', class: "radio__description", innerHTML: this.description }))))));
+        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 }))))));
     }
     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: '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 }))))));
+        return (h(Host, { key: 'e6ef824dd1d82c2c91fd828e2666d1020e6e0add', role: hostRole }, h("div", { key: 'f66870925deab820d4003ae7d0cee15ed65b5107', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '0cf00aa135b385f370f75d05c620aa01a7b7a256', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '568ed92b04f1d43e42c66ad7db7d06a13cd1a5cf', class: "resource-list-file-item__label-container" }, h("span", { key: '23e0b97ca4113c1f672cdaafb16eea1b231c459f', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '79b5b93f19cc2eb320d4ddb1d1a3551001a8e838', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '67ac8f70be83cce882bb05f342ceb32ef019b81d', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '1f2f33e84ce0c760242373246b7197fac2a42d40', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'dee832f2a38b026fb66740247aca0fa23677415c', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '8afb513de993ace061d9c63effbe33d41215cc1e', size: "s" }))), showRemoveButton && (h("span", { key: '265e52db7ebb247e3e8f926b1fdbb3533da1894f', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '9236b743941b1153e8e7bf91a4340b57e1e38e03', 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: '456937219836a03b3ba530651a9ba998eb3ff94a', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label));
+        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 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: '5e219d76695a4da7bf79bc9633458fecb3c62bd4', role: hostRole }, h("div", { key: '3181014b2bcd13b526f0f9ef97565f1741092a5e', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '884eb377d159ca27d6c4b910396079d79ebad398', "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: '9fbb4e40f3ae30ab20de1158a98dd3eba00ed5a7', class: "resource-list-item__media" }, h("slot", { key: 'ff081cbbb6c59f8abbe5b55fbbc3aed5ec9e384f', name: "media" }))), h("span", { key: 'b78decc6d7af7d75a1cbfdbaeb7772be7d2dd0bf', 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: '2931b024dcd40d1126d8c946c084f1fb5a036bc1', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: '9d4fe19be8a1dfc05eaf841642f03367e67b6d74', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '1f79174a3ee884a30a2cf83d81c31d8da38b81cf', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '83a0774b0ab0b848ab31f3e6cafe9c146357f85a' }))))), showMeta && (h("span", { key: '18ac365c9c325a58f175203a7fd3e3025383b9c0', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '4dc039188cc27210f96db356c8275553b514a57c', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '078acb55e67266e6085434247b867486851b3034', class: "resource-list-item__badges" }, h("slot", { key: '42997d7d4d6fa541b9c32585cb25262bc3a5462f', name: "badges" })))), h("span", { key: '31277cac4909dd730219e2cbbd6fb7d51034183b', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: '5791b48876500556518c0df22e85d88ee976b393', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '7fccd8bf33586a1ae4892dbe6d2662eaa8da044a', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'c6faf02343c996d173cefc176d2e6fd15f8565d9', "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: '5da6502573950fe925e837e7697a6a5f3b077a17', "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: 'b5462438b512295433eb34c402e3dd5a785c6eb0', size: this.iconSize })))));
+        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 })))));
     }
     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: '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' })))));
+        return (h(Host, { key: '9b203a652a8ec85c25d6de8294ff24b4f0c50426' }, this.hasSeparator && (h("swirl-separator", { key: '8719a54175cfcd2efe858ebdfe3362d471a4f313', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: 'f95d7eaee72cecc5f828e45c54b81fb2dfc65a26', "aria-labelledby": "label", role: role }, h("span", { key: '72dbbf166fdfcd317274d1347cad53cc9a39feca', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '1f9a0c19da6e36fcfa9f714e7b58bc3fd9742213', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '4c18e2fca85c955581a8ee87c51f94535d0ed49a' })))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListSectionCss; }

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

@@ -127,7 +127,12 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         this.setupDragDrop();
     }
     async resetFocus() {
-        this.focusItemAtIndex(0);
+        this.focusedIndex = 0;
+        this.removeItemsFromTabOrder();
+        this.enableItemFocus(this.items[0]);
+        if (Boolean(this.controllingElement)) {
+            this.items[0]?.setAttribute("aria-selected", "true");
+        }
     }
     collectItems() {
         this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((el) => el.isConnected);
@@ -262,7 +267,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         });
     }
     render() {
-        return (h(Host, { key: '98f45a8d8b5cc4003f1d7ed06d71c061cec06f0e', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'fb72cd19ad37d070627a04790349db185aa85311', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'f22dbb645ac8487c10a4e0eabf6cf93148293b2a', 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: '0f4b66adf43ea0a2c9c0f5f9c6eb505f3867c0d4', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'fd9aebf7999133fad7728572ceea8a960d131561' })))));
+        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' })))));
     }
     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: 'c99039a862e1cdaaf6e70ffac32bada6bda65995' }, h("span", { key: 'b234594d49b2d48ace659b9aece6bc3fa5891e4b', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '2213f4e1e72a8ee4df2fb54321b9b86befa8f96b', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'd2574ace97e8301789c7e35a1d8a4d813c56f2d9', "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: '42a1113cadbe62bae076872cf42c8c06e4fe71fb', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'aa3472df9f74a0a375b043676c74d0b3449eabb2' }))))));
+        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' }))))));
     }
     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: '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
+        return (h(Host, { key: '4b295ac63f409b8ea3cd1dd9d11d329febfb9cd1', onKeyDown: this.onKeyDown }, h("div", { key: '2da6d315377e4a1f3800272465258c0a6549cae4', class: className }, h("swirl-popover-trigger", { key: '32abbce7c2ca2c4219504172d4f4785df56b605a', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '3f04b1e7167679ee9540b1f41cc16b9181b22a48', class: "select__value-container" }, this.standalone && (h("span", { key: 'eca02ab198906b5dc040f340ee92954ee5923eed', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'fae2ea8d84b33dde693fbd7c7b5b35a5958ff56e', "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: 'fa1627c65639f896b5bafa57d7d48a8170d66272', 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: '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 }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '1f86e411912eb4afc62c4b6086cfe0f000ae8132', 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: 'a49d7d74a1add11359497815a3cc63f2c994b261', 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: '1b5cd1153404e42936639f711c2dc022df562cc2', class: "select__search" }, h("swirl-icon-search", { key: 'dea52618bdf8727ebea096831c485c86c667e09a', class: "select__search-icon", size: 20 }), h("input", { key: '0e4a32013ebc18f339f36091ce08a0eccbe0b201', "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: '208e7d8f8abdc71a4da13ed3a798fcfd866c5250', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '7ab3c783e5aa457bdbb57ea2b1fc524af8634ba7', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'ab2d32c699a95525da817ee71ef6e75adbf91321', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'b74210bd183f41e4f9fc6a2afd66a6c1132c76e5', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '148c02755e7ccbcb4f3c74331bc8bc1ce32fbca3', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -37,7 +37,7 @@ const SwirlSeparator = /*@__PURE__*/ proxyCustomElement(class SwirlSeparator ext
         const attributes = this.semantics === "separator"
             ? { "aria-orientation": this.orientation }
             : {};
-        return (h(Host, { key: 'fd8a0206ccfde1719e234343c24ab69c7b9f23be', ...attributes, class: className, role: this.semantics, style: styles }, h("span", { key: 'b48fd801fb8ec2f7980310023e365cebd71fba86', class: "separator__line" }), this.label && (h(Fragment, { key: '24555c29e0f2d2e0df992d40e835164ed217280b' }, h("span", { key: 'ee2a379edcd561a6323f223ca64d18eb74f10850', class: "separator__label" }, this.label), h("span", { key: '1dca7274a12c912b61f8efad9d51c803bc42ed0c', class: "separator__line" })))));
+        return (h(Host, { key: '23acb3a29638b92737838e75a54d7616e6c9150e', ...attributes, class: className, role: this.semantics, style: styles }, h("span", { key: '3ebf80f47fb36438403551f560db91ecf7d7e559', class: "separator__line" }), this.label && (h(Fragment, { key: '84ac7960ba714ab27559751c11bd7c4b56ac3176' }, h("span", { key: '6f8dc3ad3bde938789e28ad05c67da657262a4d1', class: "separator__label" }, this.label), h("span", { key: '63ddb77ea887a890bb1731d12a939783b592e21a', class: "separator__line" })))));
     }
     static get style() { return swirlSeparatorCss; }
 }, [1, "swirl-separator", {

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

@@ -23,7 +23,7 @@ const SwirlStack = /*@__PURE__*/ proxyCustomElement(class SwirlStack extends HTM
             height: this.height,
         };
         const className = classNames("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
-        return (h(Host, { key: '18f7560ed22e891ef60e824f489184e1d007976a', style: { height: this.height } }, h(Tag, { key: 'c3a1a0e212b4603d4da3b06e9ea26a079ab8bc5c', class: className, role: this.swirlAriaRole, style: styles }, h("slot", { key: '20b352640567ccd03d96d7e6ccb0ed5117726c7f' }))));
+        return (h(Host, { key: '9361133b37cb5c677dbf6dd49a39eec30c762e7a', style: { height: this.height } }, h(Tag, { key: '0fa5eaca5ac99e482f50793f170e6349e1854846', class: className, role: this.swirlAriaRole, style: styles }, h("slot", { key: '66e0cc4865421fbad50be48718d045a742fecedf' }))));
     }
     static get style() { return swirlStackCss; }
 }, [1, "swirl-stack", {

package/dist/components/swirl-symbol-ac-unit.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolAcUnit$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolAc
     }
     render() {
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '64f6a8eeff1c6160a572915691272dc1775fd7d0', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ab3744b2faf44fa81ab33132aa8dc4077e48ef2b' }, h("path", { key: '7f17ec830123d41419c4b34375a271da9800e9ec', d: "M11 17.85L8.425 20.375C8.24167 20.5583 8.0125 20.65 7.7375 20.65C7.4625 20.65 7.23333 20.55 7.05 20.35C6.85 20.1667 6.75 19.9375 6.75 19.6625C6.75 19.3875 6.85 19.15 7.05 18.95L11 15V13H9L5.025 16.975C4.84167 17.1583 4.6125 17.25 4.3375 17.25C4.0625 17.25 3.825 17.15 3.625 16.95C3.44167 16.7667 3.35 16.5375 3.35 16.2625C3.35 15.9875 3.44167 15.7583 3.625 15.575L6.15 13H2.975C2.69167 13 2.45833 12.9042 2.275 12.7125C2.09167 12.5208 2 12.2833 2 12C2 11.7167 2.09583 11.4792 2.2875 11.2875C2.47917 11.0958 2.71667 11 3 11H6.15L3.625 8.45C3.44167 8.26667 3.35 8.0375 3.35 7.7625C3.35 7.4875 3.45 7.25 3.65 7.05C3.83333 6.86667 4.0625 6.775 4.3375 6.775C4.6125 6.775 4.85 6.86667 5.05 7.05L9 11H11V9L7.025 5.05C6.84167 4.86667 6.75 4.6375 6.75 4.3625C6.75 4.0875 6.85 3.85 7.05 3.65C7.23333 3.46667 7.4625 3.375 7.7375 3.375C8.0125 3.375 8.24167 3.46667 8.425 3.65L11 6.15V3C11 2.71667 11.0958 2.47917 11.2875 2.2875C11.4792 2.09583 11.7167 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3V6.15L15.55 3.65C15.7333 3.46667 15.9625 3.375 16.2375 3.375C16.5125 3.375 16.75 3.46667 16.95 3.65C17.1333 3.85 17.225 4.0875 17.225 4.3625C17.225 4.6375 17.1333 4.86667 16.95 5.05L13 9V11H15L18.95 7.05C19.1333 6.86667 19.3625 6.775 19.6375 6.775C19.9125 6.775 20.15 6.875 20.35 7.075C20.5333 7.25833 20.625 7.4875 20.625 7.7625C20.625 8.0375 20.5333 8.26667 20.35 8.45L17.85 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H17.85L20.35 15.575C20.5333 15.7583 20.625 15.9875 20.625 16.2625C20.625 16.5375 20.5333 16.7667 20.35 16.95C20.15 17.15 19.9125 17.25 19.6375 17.25C19.3625 17.25 19.1333 17.15 18.95 16.95L15 13H13V15L16.95 18.975C17.1333 19.1583 17.225 19.3875 17.225 19.6625C17.225 19.9375 17.125 20.175 16.925 20.375C16.7417 20.5583 16.5125 20.65 16.2375 20.65C15.9625 20.65 15.7333 20.5583 15.55 20.375L13 17.85V21.025C13 21.3083 12.9042 21.5417 12.7125 21.725C12.5208 21.9083 12.2833 22 12 22C11.7167 22 11.4792 21.9042 11.2875 21.7125C11.0958 21.5208 11 21.2833 11 21V17.85Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'd9e37564d27f765bd75431d0067aff2a9e411736', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '2606c7af0cd1cc4fe0ea58941362984346048aff' }, h("path", { key: '44779a447d4c67aa564b81ee9468916172915bf0', d: "M11 17.85L8.425 20.375C8.24167 20.5583 8.0125 20.65 7.7375 20.65C7.4625 20.65 7.23333 20.55 7.05 20.35C6.85 20.1667 6.75 19.9375 6.75 19.6625C6.75 19.3875 6.85 19.15 7.05 18.95L11 15V13H9L5.025 16.975C4.84167 17.1583 4.6125 17.25 4.3375 17.25C4.0625 17.25 3.825 17.15 3.625 16.95C3.44167 16.7667 3.35 16.5375 3.35 16.2625C3.35 15.9875 3.44167 15.7583 3.625 15.575L6.15 13H2.975C2.69167 13 2.45833 12.9042 2.275 12.7125C2.09167 12.5208 2 12.2833 2 12C2 11.7167 2.09583 11.4792 2.2875 11.2875C2.47917 11.0958 2.71667 11 3 11H6.15L3.625 8.45C3.44167 8.26667 3.35 8.0375 3.35 7.7625C3.35 7.4875 3.45 7.25 3.65 7.05C3.83333 6.86667 4.0625 6.775 4.3375 6.775C4.6125 6.775 4.85 6.86667 5.05 7.05L9 11H11V9L7.025 5.05C6.84167 4.86667 6.75 4.6375 6.75 4.3625C6.75 4.0875 6.85 3.85 7.05 3.65C7.23333 3.46667 7.4625 3.375 7.7375 3.375C8.0125 3.375 8.24167 3.46667 8.425 3.65L11 6.15V3C11 2.71667 11.0958 2.47917 11.2875 2.2875C11.4792 2.09583 11.7167 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3V6.15L15.55 3.65C15.7333 3.46667 15.9625 3.375 16.2375 3.375C16.5125 3.375 16.75 3.46667 16.95 3.65C17.1333 3.85 17.225 4.0875 17.225 4.3625C17.225 4.6375 17.1333 4.86667 16.95 5.05L13 9V11H15L18.95 7.05C19.1333 6.86667 19.3625 6.775 19.6375 6.775C19.9125 6.775 20.15 6.875 20.35 7.075C20.5333 7.25833 20.625 7.4875 20.625 7.7625C20.625 8.0375 20.5333 8.26667 20.35 8.45L17.85 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H17.85L20.35 15.575C20.5333 15.7583 20.625 15.9875 20.625 16.2625C20.625 16.5375 20.5333 16.7667 20.35 16.95C20.15 17.15 19.9125 17.25 19.6375 17.25C19.3625 17.25 19.1333 17.15 18.95 16.95L15 13H13V15L16.95 18.975C17.1333 19.1583 17.225 19.3875 17.225 19.6625C17.225 19.9375 17.125 20.175 16.925 20.375C16.7417 20.5583 16.5125 20.65 16.2375 20.65C15.9625 20.65 15.7333 20.5583 15.55 20.375L13 17.85V21.025C13 21.3083 12.9042 21.5417 12.7125 21.725C12.5208 21.9083 12.2833 22 12 22C11.7167 22 11.4792 21.9042 11.2875 21.7125C11.0958 21.5208 11 21.2833 11 21V17.85Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-ac-unit", {

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

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