npm - @getflip/swirl-components - Versions diffs - 0.314.0 → 0.315.1 - Mend

@getflip/swirl-components 0.314.0 → 0.315.1

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 (1683) hide show

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

@@ -7,7 +7,7 @@ const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
 const focusTrap_esm = require('./focus-trap.esm-a1e3774c.js');
-const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)\n    var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)\n    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
+const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)\n    var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)\n    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:calc(\n      var(--swirl-modal-max-width) +\n        var(--swirl-modal-max-secondary-content-width)\n    )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal--has-sidebar-content .modal__body{max-width:calc(\n      var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)\n    )}@media (min-width: 768px){.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16);flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content .modal__body{max-width:calc(\n      var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +\n        var(--swirl-modal-max-secondary-content-width)\n    )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
 const SwirlModalStyle0 = swirlModalCss;
 const SwirlModal = class {
@@ -37,6 +37,10 @@ const SwirlModal = class {
             this.secondaryAction.emit(event);
         };
         this.determineScrollStatus = () => {
+            this.determineMainScrollStatus();
+            this.determineSidebarScrollStatus();
+        };
+        this.determineMainScrollStatus = () => {
             const scrolled = this.scrollContainer?.scrollTop > 0;
             const scrolledDown = Math.ceil(this.scrollContainer?.scrollTop + this.scrollContainer?.offsetHeight) >= this.scrollContainer?.scrollHeight;
             const scrollable = this.scrollContainer?.scrollHeight > this.scrollContainer?.offsetHeight;
@@ -50,6 +54,12 @@ const SwirlModal = class {
                 this.scrollable = scrollable;
             }
         };
+        this.determineSidebarScrollStatus = () => {
+            const scrolled = this.sidebarScrollContainer?.scrollTop > 0;
+            if (scrolled !== this.sidebarScrolled) {
+                this.sidebarScrolled = scrolled;
+            }
+        };
         this.closable = true;
         this.closeButtonLabel = "Close modal";
         this.height = undefined;
@@ -75,6 +85,8 @@ const SwirlModal = class {
         this.secondaryContentPaddingBlockStart = undefined;
         this.secondaryContentPaddingInlineEnd = undefined;
         this.secondaryContentPaddingInlineStart = undefined;
+        this.sidebarLabel = undefined;
+        this.hideSidebarContent = undefined;
         this.isOpen = false;
         this.closing = false;
         this.hasCustomHeader = undefined;
@@ -83,7 +95,9 @@ const SwirlModal = class {
         this.hasSecondaryContent = undefined;
         this.scrollable = false;
         this.scrolled = false;
+        this.sidebarScrolled = false;
         this.scrolledDown = false;
+        this.hasSidebarContent = undefined;
     }
     componentDidLoad() {
         this.focusTrap = focusTrap_esm.createFocusTrap(this.modalEl, {
@@ -100,6 +114,7 @@ const SwirlModal = class {
             this.updateCustomHeaderStatus();
             this.updateHeaderToolsStatus();
             this.updateSecondaryContentStatus();
+            this.updateSidebarContentStatus();
         });
     }
     componentDidRender() {
@@ -159,14 +174,19 @@ const SwirlModal = class {
     updateSecondaryContentStatus() {
         this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
     }
+    updateSidebarContentStatus() {
+        this.hasSidebarContent = Boolean(this.el.querySelector('[slot="sidebar-content"]'));
+    }
     handleAutoFocus() {
         this.modalEl.querySelector("input[autofocus]")?.focus();
     }
     lockBodyScroll() {
         bodyScrollLock_esm.disableBodyScroll(this.scrollContainer);
+        bodyScrollLock_esm.disableBodyScroll(this.sidebarScrollContainer);
     }
     unlockBodyScroll() {
         bodyScrollLock_esm.enableBodyScroll(this.scrollContainer);
+        bodyScrollLock_esm.enableBodyScroll(this.sidebarScrollContainer);
     }
     render() {
         const showControls = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel);
@@ -180,24 +200,26 @@ const SwirlModal = class {
             "modal--padded": this.padded,
             "modal--scrollable": this.scrollable,
             "modal--scrolled": this.scrolled,
+            "modal--sidebar-scrolled": this.sidebarScrolled,
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
+            "modal--has-sidebar-content": this.hasSidebarContent && !this.hideSidebarContent,
         });
-        return (index.h(index.Host, { key: '489e6f51113342c2bd3df6952f6cb624f96a5752' }, index.h("section", { key: '052d8e44f60607b98a0c44a8cf5b2b5d0769ed4e', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '412f3ba042f44340e27d29635df3c0bb7b546ab3', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'd50c04d55d1776c3abc92754508264c75e4153bf', class: "modal__body", style: {
+        return (index.h(index.Host, { key: 'd83eb2f5ad1e55b55fd2aeb3b6b56017f25645ae' }, index.h("section", { key: '689da28246f94089cc15c9192e9429f334ab381f', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '700ee93e5698164a29e5abb396f8e2d1ee03a83b', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'e083a0ead29396bb923c68e4e1ea529c95a1cf7b', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: 'e4565be23a59443f9c96d4059f4da68e0eeae8a7', class: "modal__custom-header" }, index.h("slot", { key: 'd6eec7880f41b72574eefe0fcee99147e2b7c02f', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '93dbd08e5069064270c5765b7d8832a534a63685', class: "modal__header" }, index.h("div", { key: '18a11e0d9078daafc08d06e9ebce86781442dc84', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '85e45fac1cda1bceeeb37c6c18834ebc84fbf854', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("aside", { key: 'bab821dd0f6b8e3e2c06674419e9874009a3eee6', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '5d02aae278ab7e091b5229df0ca1bd01e9502bda', class: "modal__sidebar-header" }, index.h("swirl-heading", { key: '44e72e3172ccc96f30add2c05952cd7e68be928b', as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel }))), index.h("div", { key: '1aec35149fafa056058987cfe7b9cb5b5927e4cf', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '8fc6849c14ac4b3ea635f1a3bdee930efdf7ddf3', name: "sidebar-content" }))), index.h("div", { key: 'e49e79ff4253efcabbb99c87fad194b6bf683048', class: "modal__main-content" }, index.h("header", { key: 'b389bf0b5d173fb891d6d96d82eedc2f0755aa7a', class: "modal__custom-header" }, index.h("slot", { key: '56c797b445060a2590528b3b983fa8dafa9666a5', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '0d1941638cb33f74463eb1700ea4798e368053c6', class: "modal__header" }, index.h("div", { key: '6c7bbcd733ad94cf7e5558800a894db2e8471a44', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'c436082ee6c3e8888e6dad3853d97859b96ec807', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '73304efa624ecdf6536fd084d8cfe7445a88d04b', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '896b4e3a5ceec854b264d6f780b7d1e592a72a29', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '06cfbd6edcfe13861a0a3332f3a3f95227b32fe8', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'e9cbd554d92018f6718db0643a80283bbf68a7fa', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: '7ecfec7fa0b1c8fedd5d4dc3aa74f4e6413aa6c4', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: '1e351e7e27216524eba51e0f33c09fad9d371636', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '2807d370099a4311012e4d7a4ab6047aa1d4ad84', class: "modal__header-tools" }, index.h("slot", { key: '67e63aa64416e028fce9457b8d94f756b8550727', name: "header-tools" })), index.h("div", { key: '8e0b2301c72bf8f9404800187c2076904a405253', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '125a1753f5191201728b40ef846e29d4ed53631b' }))), index.h("div", { key: '8a0d01f693d63dcac146f30ac3c6690fb35aad44', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: 'ebccae92208659f4cece6ee1146992e9a10cdbac', class: "modal__header-tools" }, index.h("slot", { key: '980fdf7637abe2e7dbc473ad23d34bf4819ace54', name: "header-tools" })), index.h("div", { key: '68fe74b27c08e278368b5eb49f0f4b7a047148a5', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '2cff014d7b3526f4b66cf695f7afeeb5523dfb17' }))), index.h("div", { key: '89da507b1a17b64297acf9c5d40687e310adeccb', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -215,7 +237,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: 'eb019f455144b468f9d6c409a297981bd4823d50', name: "secondary-content" }))), index.h("div", { key: '5d9ee4d9c20182b4f7f327ca6526632ea7c93382', class: "modal__custom-footer" }, index.h("slot", { key: 'b586fad0746334c818784b5a6e37bdd70838b12c', name: "custom-footer" })), showControls && (index.h("footer", { key: '2c11ab500412841d0356e952de246c12163e3c04', class: "modal__controls" }, index.h("swirl-button-group", { key: 'e813aadf4314368b8e6153a346e8a0934101245e', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '9a31c1969a6a276809f0e3eb907761def71f8464', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '3f5883b9d453cb2d8b47bbf34797aaef72e0bff8', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, index.h("slot", { key: 'd88250edad6df3c101975ae3e53809f483973915', name: "secondary-content" }))), index.h("div", { key: '76633379ef651d1e297b5b2a6b82d2db5c9115a7', class: "modal__custom-footer" }, index.h("slot", { key: 'bd9734502bf0bc566e24584cbd130defecdba0de', name: "custom-footer" })), showControls && (index.h("footer", { key: '66eded5e059d22c8c45cf252fdbd22bf9cd70c1e', class: "modal__controls" }, index.h("swirl-button-group", { key: '2557df6c4f02368d7b073d8dd6d2e5cbb13debe7', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'dd1e2d6fcd31b8313feaa305596fbef1b26aec23', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'd3826c07f9f7fb39c8ceaab74246c895c7177b85', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '4bbe29eed063cd4492d784554b3bf7d0bad8e033' }, this.hasSeparator && (index.h("swirl-separator", { key: '492c34faebffe59b4d6861d5e5b6f860a8b0de9c', spacing: this.separatorSpacing })), index.h("div", { key: '7647b82e5219048c7245a1d08a88e7e5207ad535', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'ce0f368d84916358da4528efc4356e8e3cfd210d', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '0423559633818a2d10c9d1338fbadaa6dad585d1', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'b9bb99263df785c9e647b39fda0520c601f005f8' })))));
+        return (index.h(index.Host, { key: '9242a258bef0b3abc2ad3123987e90671cab2d65' }, this.hasSeparator && (index.h("swirl-separator", { key: '234d8ac7c1136905df7821c0015b371777847ccf', spacing: this.separatorSpacing })), index.h("div", { key: '1b5f4e348be9afa01f006afe6fc369291bc5f234', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'f60b9e0d209d215bdffd7aec9aba9a1c1129ae8d', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: 'fa6f86dede5f1dce1e345f78d4b8bdcb5989e821', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '9e055ce5c423e8678f2dac9900f2a1a12361b108' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -352,7 +352,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: '43f5710aeb2b65898268fcd927fdeb874a824b6a' }, index.h("swirl-visually-hidden", { key: '10926f4878a5d2f6af9ff263295dea78da3e4490', role: "alert" }, this.assistiveText), index.h("div", { key: 'c4de01c87a4656fec4a36f39f750b37b63e13a03', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '28995610d59ef6639a1f84d4efdfce1d72895687', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '4eab0b0c423b8828eba51a502a4151deedc92314' }, index.h("swirl-visually-hidden", { key: '065551ffde4b331cf8841918ac460de1405ae338', role: "alert" }, this.assistiveText), index.h("div", { key: 'f64d9a5c330cf280aa33899df5756037ba5ad884', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '26c9fc517ecd7a54bf30e1d48ce881493c64ec5f', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -405,7 +405,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'e93e031cc3d118f4cf37d8f1fbc0aaa858043795' }, index.h("span", { key: 'a6b8f34117404ad71ad618ac5754b12efb2b5989', class: className, part: "tag" }, this.icon && (index.h("span", { key: '468a295df356052181c3856029960590b1a71e26', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'c9a039b8fc98b4d79bb04360522d0697ddc80069', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '1291c98fdae7bb3e2e0b4bb233a0a451b98a1c5e', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'b250455a45e4de1f7c40df4b09b0fe1d2a2815f3', size: 16 }))))));
+        return (index.h(index.Host, { key: 'a8c1ef84544825607dce253e49ff7073fc1950f4' }, index.h("span", { key: 'd0e6ee455f9a47fe7ea0c2d676f439278b9de190', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'c9b58bbf9a4fc5f639eca9dc1f22bd7d9acaa6a3', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '9c10a9fe0cb23f0233456053b681adfaca041252', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '008c6159702fe894b3fd4eb3df3c523317255450', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '4d170dc7377724819b8715675eadc9dd2564d9ab', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '6eadabc50d3253b3bae2ff7fe619e2e812cac193' }, index.h("nav", { key: '6aaee3c5ddf05c178fa81543d692029fe1fc4612', "aria-label": this.label, class: className }, index.h("ul", { key: '3bf3297683dbe8f4e733817e6ead22b09494854d', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '766abed08331a0ffb574037cca066895b76ea0be', class: "pagination__list-item" }, index.h("label", { key: '5ba62cf676a2a5032c863271c77079e8ec479051', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '9dcd198c5fa5f2ebd0cb8ff409cfbee825e21b3f', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'dcb6286d0040bcbb3a4ea8e0cc61bacfc64d59eb', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '5d71d8d6a65348151b33439eddb5950fab2ffe24', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: 'bd019a569bf65b1ee93e91704a329e07ee405a10', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '94b14f468e6dabfae84373d5d8bd36df61667e72', class: "pagination__list-item" }, index.h("swirl-button", { key: 'b3c5033fe6abd18b2247d2a799350a182fe90c18', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '09ed662e6e74f660c1166df4c9399a5c833bbebf', class: "pagination__list-item" }, index.h("swirl-button", { key: '9958f061ff87481d073837130d0f282cbdd610dc', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'b342b1a08725314f48069d6669846e3ada73830a', class: "pagination__list-item" }, index.h("swirl-button", { key: 'ad5d288642a1d94559a113f8bd6bff50e78ca380', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '26a16ded1d6f49f6bc4ea8d39f9f955326c3b2b8', class: "pagination__list-item" }, index.h("swirl-button", { key: 'a87d63ae4e7a7bba041a838003148c3c79fb8c59', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '62e08cd836fd2810e719e3421dd94a5b0370bd84' }, index.h("nav", { key: '54e4c27ed20365075124e92f2b22b48d1023f91c', "aria-label": this.label, class: className }, index.h("ul", { key: '6b134db7693ebd86c9e0e8c98faa8784027264a4', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '3804a82567146c1fc426480fe84b87400fddce6d', class: "pagination__list-item" }, index.h("label", { key: '60c92bb97feb5e7851d2c101e7bf7fe6520e3e20', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'a144cbdbc1ded86c0694e2d28e058fd1f1b0c888', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '12ecf456b716dfa2b377b749f2dafa7d31c994af', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '6602f58fc465fade856bbff9bedc4c36e1d7962d', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '4d557bd872f01c3718f0c6e530db5ffbf5d52279', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '606e22bc458436d0f86899fbbe09c1e6fd877e29', class: "pagination__list-item" }, index.h("swirl-button", { key: '83a5b6c796c96259208e21620de1f550fa7d3933', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: 'bcf60eebd48715dab6d83963b7dea280f048cbb5', class: "pagination__list-item" }, index.h("swirl-button", { key: '0553846a6a7a269b42975f49bc3b34debab1e971', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '199cc13116236c7ded78e1e9759f07dfd440949d', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e2b10e3ccde153001305391393f8b88391d3cdc7', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '279d3a9127648b40a3313fdd5a2fb7f2b6385a22', class: "pagination__list-item" }, index.h("swirl-button", { key: '7ee45a34fa1f7826e01afd5bd5b910e307cc073c', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

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

@@ -100,6 +100,7 @@ const SwirlPdfReader = class {
         this.zoomInButtonLabel = "Zoom in";
         this.zoomOutButtonLabel = "Zoom out";
         this.zoomSelectLabel = "Select zoom";
+        this.skipNativeDownload = false;
         this.active = false;
         this.closing = false;
         this.downloading = false;
@@ -191,15 +192,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: '992fef5b6970fd612b677c354ba47ff653dd96e3' }, index.h("section", { key: 'd1c59d334a9dd8f398f6f8c16fd20e1ee32acfac', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '2130f9218a585514fb901dd901840d1b555ec369', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '4f1c214e5cabbb02c9d45461835665e9be206987', class: "pdf-reader__header" }, index.h("span", { key: '0a789aafc0454307e30f48ecf81d8a9697beffd3', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'd78dd1ee05406e959ba18a8562d9023b076d4215', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'f3ad8c8647613308ba2712d88736e1e7b5e417de', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'bba298e50ecf29304eb0547ebfdd1141a63546db', class: "pdf-reader__header-center" }, index.h("span", { key: '52b2d668494d050f9fac8a690bfe16ccccf469a9', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'd365314672db7f451854ac7df85bdf29823416a8', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '2b934f9c2ff486a06ca587669282540a90e4a765', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '81677759185f4c7fcad9ff5fdbcd0b5cdff003c9', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'de9461e117c6e41e0dae2239ae32a806133ace77', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'bd2b83401bf2b092782c1d0777add05111447d7d', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '0e911455a41fd882fa59931c4c7b9a19ce10d6dc', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'ed79a6aaa0f30436c6d8fa7bc749b39c17de21c2', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'f7a17110310920b51f19371606a618812097aa1b', swirlPopover: this.menu }, index.h("swirl-button", { key: '7231faa705d521b06c4ca989d0bbe37def29c2ec', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '54a2cb24ed9b27caabecb2cf1910880e742ab2fd', class: "pdf-reader__floating-tools" }, index.h("button", { key: '79b61e89cb001d8c94566cecb23260141b7115e3', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'db3d57465d2021ad52107909bd8ed104d803d7c0' })), index.h("button", { key: 'ffad0d592c62e48c6ec927c54c09041a5a23637c', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'c4250893e58b06d0a8746d573d04130b3539eea7' })))), index.h("div", { key: '012b3ac76d82ad7c78fe63c28dfd8f790fbc6f1b', class: "pdf-reader__content" }, index.h("nav", { key: 'fe8b02a98336cc96d603dadd60e6fae696856716', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '5ccf1fbb314155d3937014fe5457cc2a461a9021' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '68fe3fb26ca8d6a2a6221dac7662e69edc831a34' }, index.h("section", { key: '97877b48bc2ae84b4fe42f73f8fac4f3170c8a56', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'fcfb7ca295f7804b55a2f1c0370188b020fafff6', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '97622442f6b5bb0d9a53bb811ae709deb7022c18', class: "pdf-reader__header" }, index.h("span", { key: 'b70dbb787d88ecfa67661525dcfce034f0da7c31', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '4f5df9142d0b4a39d351983b6c2d17437c4b0a22', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '3cf0def7b643e5bb2f1f7f93d87e5c6b6044b5bd', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '6103529999d12ed351857f934a2005cf91d26d49', class: "pdf-reader__header-center" }, index.h("span", { key: '771644b7d36a80224481c160f21902a087f0ecd6', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '2014382d675d88e90655eeec17118fdfeae628dd', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '450cb710556d6afa21cb2fd4ba97fbe9a5588006', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: 'd785b2020c2944e6efe7f8db84d265fc3a6b4ed6', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'c22d36001a8f51f4c76cd2f792678a9a38c8a93f', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '01ae264edbc31f615b3311d68a0b2dac75aab2b5', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '9e3091ce704f67faea703f64c0400f36ef16f78b', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'f67959ba3a3faab12a66bf9072bf6caf88112ec9', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '65d049b17941e657de34d104b0a00d4b6fd4aed5', swirlPopover: this.menu }, index.h("swirl-button", { key: '25844a1ada8c2e438d716e7048f03c18dbb5ec33', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'e46722f8faf6c7852ce58a7720e6638d7c91f61a', class: "pdf-reader__floating-tools" }, index.h("button", { key: '5d853b7449dccf816c0a70a508f2fba91a856af6', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '4861263a2859a970ad35823e46157290739781e9' })), index.h("button", { key: '9e77cfe7e938a7f36237bc31c35f26d916a2b99c', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '1b9d90eea848d5ee7abeea7df2b0d6eb25aaa5df' })))), index.h("div", { key: '172ad126404bdb09bbda038b7f0c515dace5c0bc', class: "pdf-reader__content" }, index.h("nav", { key: '2de7efe73ae58a99c5455b606232a901375a5a35', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '23ce3475392038b6588c1c306fe3747aff64ee2c' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '422cebc36f71f4fa2c45c13ed55f37582b73ce00', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: '4ad22dc6ec7ccca223e95656f68b9d47b9c492f7', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'df227c8f056c8c2e48d2c1e3ad0f93610a729746', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '319fb3f4ad513b85579a31fead40d25eacfcdf94', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'e0ffbfe2c3d8c1b0e591ca1dcac97fcc5bcc016d' })), index.h("button", { key: 'f605e3df513157e5fc6a083997750016bf177616', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '6702b26a1f81d2ece6a061ec887d52f1d8aa14cb' }))))), index.h("swirl-popover", { key: 'a9a6644500f0da30cf30f3a5d0f3649dcc077e2c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'da3c3ee50152c450cf6e7a4cf4b90e4bd0872dde' }, index.h("div", { key: 'a9b5ac4548f7c34e65a0afe4ac36dddd9e9beb10', class: "pdf-reader__meta" }, index.h("div", { key: '327b78223435e9741702df2af6618a73927623a7', class: "pdf-reader__file-icon" }, index.h("svg", { key: '407f9f8e1b2fd0f26d521c30782698ccfd9ab12d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '5d9287e742c32e470a564654625d69e728e88799', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'c7a4658bbf03c5d83d0e873708541797f01991b2', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '7e883f67394ef0021ba7a2e719b1be772712632d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '75f3d7b072c5fb1bd736b0871078d880c080ec14', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'e6cacf0ca512e4977cef5718639e76b224c4141a', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '3e5c878a1228e9f11930b1f25ed9bcd121950880', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'f53547daef5cd671bf6f31c82719c2ad88b5917e', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'a8614488f7079f903876d87f24fa4d98b04d8cbb', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '5f8b9b576d3e0648c4a0cac03d642072fa7fee08', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '8bce6d6e345c19aaa6fda479971d51c3fa91d28d', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '5a1bcee1bf3fae44907d174498ff5a0699a89e57', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'c4f94cad01825edc6dd6597baa50287e40daa9ee' }), index.h("swirl-action-list", { key: 'f0f6aa278e2ca04d0ecbbd632ec3e7cab640135a', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'fe07f96326edfe52542e49d1d24b43a00bf6bb85', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'ea8d070974560a90c8fb30f24600241064f919ad', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '85cdfe552913be085a3a92a3d806d2024b9fb396', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: '1bd0d0b99f8201292d16d0d7168bfcdb854ec712', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '5c6fdaabfee213c8eccd12e0e134459f70f599f0', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '984e22c79231bf99f28226b803ac34ad206a38de', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'a526892dea67da08b9580b7f59141239c109d03a' })), index.h("button", { key: '38c2f6186101dc21f74302364e0df7896a665aeb', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'd1f4b00b8c67c99c929177c609ddc278b3e11ed7' }))))), index.h("swirl-popover", { key: '74176031c6d634877abffe560a50f8428f29519f', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '7c7ecbcf4c8c047fa5f11c10abc20a1e1443183a' }, index.h("div", { key: '68324500f368fbdf88ce38327a12150737d48a31', class: "pdf-reader__meta" }, index.h("div", { key: '8f9c1567d9fc05ee3f3386b0a8be44cb63ad495c', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'e44d2af432550b1359eebf14465e9d16cf674615', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'cf22a919c07549529ae671e46f7c6a1d3cff69c8', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '7ebd7da468354f97899aa16e4cbc7d1aa288775d', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '88a52e65a22e4a588a0f903c2a6394eac840d52b', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'd6071d3d09098a8a7fdf9c31cd81847464833149', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '38eb50b41edd4e5538d5cf1e69d1015b28c8d0e2', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '560747787f6dcc4a07accfd4882901e5ebe0e097', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'b37ca051c411f85ecacac1fbff45219b47f36c38', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '694f2c767019d8ffe96ec8321d544a04fb5a5816', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'fec2e0a783c8c32bda30303a17514c726753dbe2', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '4f749feb315eff4b68590174e6c082ccbae563be', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'de18528ef84f2a86625091e56613df3006ab7ccf', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '81246ea284f9bb16647e0434e9290a64d3c0bbf9' }), index.h("swirl-action-list", { key: 'd8120b9d8c3ba03e1e606dc9362cb29554753a3d', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '235e908b2df517a4163eb0b5906f73694b2e0e49', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'd4c316799ea5b3c86c2e5f0ba4983467d0a1fe39', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'af5898560556ee374d633a1156733377cac40cf0', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '697cf76c5f11084ec146cb334d7d62e96eb5b046', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -269,14 +269,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '8a94aaffe5ad9b929d0ae849a4316c03d0ce98a4' }, index.h("div", { key: '2a24d486eb4afb18ad47f6a569628f16f62f042b', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'b1bb6d323e2fcd366047ea767c0ecc6b87884e29', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: '0be3360e6c6e65aa850f81f7668d752f35970ab9' }, index.h("div", { key: '6ac92c612fb75f1fa51be7c92798ba9f20763f85', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'b8d05aa9d7eecbbed08e3b10c00f4b2027d70819', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: 'af481155c9ef5bdc271a3e52c182535d0d9efb1a', class: "popover__handle" }), index.h("div", { key: '289a5b14358aaf0e66bb1c8c405a8b50f0151783', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '64f5e64fd2fe82b34db2843df3057ba7e9b758e9', class: "popover__handle" }), index.h("div", { key: '8f829c982769769fcdf8386f271dad64bddf44b0', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: 'e2643f787ba7ad786a7bdb141134c52a2a2d73c2' }))), this.active && (index.h("div", { key: '2427b9be81ec3a0660bb7e81705359f4b78a6e46', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '6f751adb6e5e8a0c92ad0f2b73b5d118b37b5484' }))), this.active && (index.h("div", { key: 'bc3811cee60191af2a3fd8c8cecbcfcec4cc688a', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -445,7 +445,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '3046f1575d3434a95ebb17c0f8dd95d98463bcad', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '2cbfd0353550104679817ead78bdc5b16a522b90' })));
+        return (index.h(index.Host, { key: 'd2beaef326dd07fffa844859ba7437ece4ca1042', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '1ff4f7905d7d42d73acbd4debecfcc05ef8d6371' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: 'cc6d3aa374149c926eec899dddb04b33e9c57138', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '04a9165a76bbab7f804a26b8f1b54cdf195f553b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '1e9b616ed5f0b0a685e5a49efd9806922d2a1444', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'cc650b21538e9f4d445015e0b22d8e564227ab71', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '8e25d0ab0152d4becd2b07fcaedb3183c0edc6df', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '1d3c153c7f002254e24cb2696331093f992d65a3', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: '23e7a46fbf396093c1bcc1ecc500bf1e7c53f9b9', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '4ef244ee03166989f070e960f4aa5c0254e3ea57', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '44f04df3716422a0eed636f7771bbd902fc1035a', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'eda1f27adb4dd00de229950e8afddd03e59cb051', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '38395c949b9df88b64ad300fc2450ab27d90c893', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '068cc78bfedcc3583501d974ade4b65c5ec1ec76', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

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

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '66daf56b2f74fca0c851041e1794488d97979915', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'dc1f0bcaf44404b0198f8fe505bcf02dacff3978', class: "radio-group" }, index.h("slot", { key: '9a7b1ffd42079f0df210d4ae0e57c87147e8c116' }))));
+        return (index.h(index.Host, { key: '77c7d089714bdf6b103e852f138b86c9b20da7cc', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '7e0c15f39ab9d0d35bf5b5f24029e5995d02df9e', class: "radio-group" }, index.h("slot", { key: 'a16565c47d0a2947d6174d62b3acf5e6b96a949d' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '4607923f3db2a298ca47aeb05968aa6f14773333', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '66eb4fa06560252f4b3820b0cd0605fd65b4695d', class: className, htmlFor: this.inputId }, index.h("span", { key: '2af9cc8ca09e21000ffec6172176b774d786fee3', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '30244916724cd4d71a8522073bfb8bbcad1e26fc' }, index.h("input", { key: 'f0641f5eea6b249bab86dca0b23a888efe2daea9', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '8c70b4bbd03cbb5da726ac9851e1248f10a14e00', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '62ce3d8658b9a1a37053b6097b6f0fb0e38c10e7', class: "radio__label-container" }, this.label && (index.h("span", { key: 'd4ddd620532bb2ac8287dcf0dd3cb49db1822825', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'e9aca03790122bddf368d9c4c4e3203be396af64', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '0ca3de2265cef55bd378a2028600aa84e8c07bda', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '420cb2bfb23a7ec2177ff18f9593dab8dc70c830', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'ad56628cf4575b65b487a3eb4d01957bb16ce0b7', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'e2725b3015165d9a119e4aa57eaa77ebb32a6bfe', class: className, htmlFor: this.inputId }, index.h("span", { key: 'e180737197ea8e73940217b35bc6a251e4c848b5', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '2ff163944fc6ddaec58974f876c7d7be4be63a9b' }, index.h("input", { key: '88af1c18816dc34d60e192c3b03042bc80861284', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '190b01f5a04c87c6b9678989521f45c7a3c5e1e1', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '9b839a5c718262005f8ebb4938d69504b98ce017', class: "radio__label-container" }, this.label && (index.h("span", { key: '8ac46aec2d9488bedc383246f6904a61347f4819', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'b2d3bd38561b9ceaca0b02e09ff2f8df749f1271', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'b90f040b493ff9a12a9ead2bc5703e7192db0e82', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '05d0f432a62879472fe90082b011e8e96330d21e', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -47,7 +47,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: 'aa31b242c818999eff6f0b0be2af866851adc4f6', role: "row" }, index.h("div", { key: '41abec1e7fb8a6049d40a33a6c4efa088be7175d', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: 'cfb6712554d7f14cb50976b8b41feecea2e75323', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '6157c61ce44310793340b97e7f217c700a2d0b23', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'aa55475de0b208027fb4cf05af2e7e12133f25d9', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '048e16c60b468af370114c59fe1f928a50286110', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '81c1858c6c3f7034e5215311262601d12f433c5f', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '2e52cdd88827927ca8dfbebb41505866502b9824', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'bec7b2d13bd0bb64c3a3d21544e0656221c5626b', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'b86fb96e568f82aba747dc87ae4e603013504ea6', size: "s" }))), showRemoveButton && (index.h("span", { key: 'cd1709deef939f84c9c1be93c0784108b9399b1f', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '16d5d45d77784d8d43b723cdb03cdbe5ae34e96d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '9362c9891110bc080e5050a07532bd4bba8a5ca4', role: "row" }, index.h("div", { key: '8469bac2faab265aeec99492f938048b65276d2a', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '3f1923b6620ca98f898baf28c8848b42f7a478d7', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'ff327a2f88201c3f478bec40b878ef928dc49b72', class: "resource-list-file-item__label-container" }, index.h("span", { key: '12cf8e7ef094bce9e8127b5859302d9ade6a5e20', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '83af28bed36d40bcf04c94cf83ec1b483a2a3b38', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'cc5f25fdb0433627e7a7fe88bbbd1bf33b493a1b', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'ac5bf4820326624286846977fa2b90765840bc4f', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '095a443c97f3145a5211807f1349e06ec87eeb47', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'ea44a9a3d3dce63323d4bfea08e1e575f76a6a01', size: "s" }))), showRemoveButton && (index.h("span", { key: 'f729ffc4f905d8682dded82b90a1e5fb37001fc9', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '07878302f3b56e50a4db10776f5c4852a169b402', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'ec479504693de1a51f23583dea22a33d1b7bc858' }, this.hasSeparator && (index.h("swirl-separator", { key: '2f59495d954af751c931a18041cd901e9d6c21d4', spacing: this.separatorSpacing })), index.h("div", { key: 'fea17351370bcad668e6ed31870cbb31b7b1d301', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '5979aa923febc175e7353abdabec2cef45663672', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'ff275cd9e8bc0bf6fa68d8f1d955d5b63e2e86ab', spacing: this.spacing }, index.h("slot", { key: 'bfffdfcded618c4b0eb94a920a0c42f1828d6d94' })))));
+        return (index.h(index.Host, { key: '0c61a44c193440859dfa3fcb096debf1a0752853' }, this.hasSeparator && (index.h("swirl-separator", { key: '6773fc0258c3d525e921e43385bbe95ae35f8ad9', spacing: this.separatorSpacing })), index.h("div", { key: 'ec2c34f215b5e02409f3880ff39719fe9ce4a00d', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'd6d0c1012ffda85816205c8f2f59b50e71cace35', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '8745a64723c6e50ab967bf98b1fe2218916ce435', spacing: this.spacing }, index.h("slot", { key: 'f0922c15b2de7c3dab42956fdd423995ac0d7c3e' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -77,7 +77,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '389d075ab0e1a8b64d5a9837b208f800ed96fb7e' }, index.h("span", { key: 'a680e9a4ac833a194f4e33611c706319617e8b15', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '2530a00f1b68533c6401fc6e7cc59b01c4375f48', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '4cb567cd3a777a5889efa8ef97c01925c1d8c549', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '63fabcdc6a280343ec3cd4913b5c890bc2338e07', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'bf66195b51104ad436f897b6c669448b36a63631' }))))));
+        return (index.h(index.Host, { key: 'd706f2d8aa3dc002d3fc27a061277594398937f7' }, index.h("span", { key: '88ea70bc127e8c9008059da5db36b03cd2e7fdf0', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '44383a3d4cba60a3b5781e4f05c3b4e3bafa510c', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'ff6fc488cd16cb7df7d14756ea30f46bddb8326d', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: 'e748fe31af89a930baa7efebc43a660072830c0d', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'ae3eb21cef6b302109d29043e0b67ab90f30d324' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -137,11 +137,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: '36e293bc626559ad27174dfe4661b4a404da5462', onKeyDown: this.onKeyDown }, index.h("div", { key: '665d3320402879c47ebccd9d39957ad23ce4835f', class: className }, index.h("swirl-popover-trigger", { key: '13167f642ad261110b11ec8a4915a789251c82a8', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'b6cc758e121b0953969edc988207ba9d79ed2dbd', class: "select__value-container" }, this.standalone && (index.h("span", { key: '9301a8493278907410d8788f6de81aec4e6f0397', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '86780b569dcd87646149d0d1ed2b5d9d7a3d6d09', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: 'b564ba8144fbe4cd177eff7204c565d0dfc05716', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'e6e478b04b3a6e11ad3de2805885f6e874350d55', onKeyDown: this.onKeyDown }, index.h("div", { key: 'f8ee5f962376817e1a4cbf7e601a2b874dae9048', class: className }, index.h("swirl-popover-trigger", { key: 'd455156f3bb354036f53d3caa197536de1f6c3d9', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'de2a84b22b5820287d180261def8799e8bb12fa5', class: "select__value-container" }, this.standalone && (index.h("span", { key: 'e18b33e8b6a40221c7f3727aa8b2c50ad7da7759', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '414e628bd10d2d77ae686f75a0893348e904e8c6', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: '5d4e513d315884a59686cb04d23c6a6f68fdba84', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (index.h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: '8d106bb826321885383ae1566860aba995e2f505', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: '12097a539df40dcc84efb7cfc875f1fb34edcb51', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: '07334879b1020ad3ca49f6d185fb074d273718ee', class: "select__search" }, index.h("swirl-icon-search", { key: '6bf9c7aa3aacd4f12cb1e7b39d90ac1b293d287b', class: "select__search-icon", size: 20 }), index.h("input", { key: '081a8716aaf8c401f845f95376b75b48ece0373e', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: 'd0d536c3cdbb3c22538ce1ddb133013699496133', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '30aa932d0538dcdd4e8cb413d388d69f8bcc57b0', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'ba986623ebe6161a8ea35b62181a51982d0aaa01', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'edaa4343a05f05cc282fcbe4749b8767fe651f67', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'd38f51f695b2daa3a4ae86019467155a4adf27e9', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: 'e02ab526f0675ee26721aca2ff939a5c036bc99b', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'f666022a8028031b4aae837c46827c5d59ec745e', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: '1970c1d8ac998c101415936896ac004e8d57e2dd', class: "select__search" }, index.h("swirl-icon-search", { key: 'c2f7abdb63fb6b0ed3a3830c2638b8d8025d99e8', class: "select__search-icon", size: 20 }), index.h("input", { key: '2e73f1de42d4b6c8cef801caa9ddfd2c07f4f7dd', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '11bec4be6022fb042f1d2deea6aafbaa1236f548', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'd9a50005c69a8566e0e041956453e2248ac21026', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '523c7d8ce00e8bf6b0ae2e7ffac04405be4ad341', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'dc253d1fcccb141f8f225e3d8466a79ddd21a4c1', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '8a18335cac23320bf6e9d3f2632e55d3738827b2', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -211,25 +211,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (index.h(index.Host, { key: '3813dfb13a968daebbb61edec5a3df9c03096f73' }, index.h("div", { key: 'f7db2aad0a984a9e20654034c39de9a4725f11c1', class: className }, index.h("header", { key: '2e225c8892617d77166b181282890c5bc715fc39', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'b6ac3f9f8c892ca3d68200d7f000c0d59cc55377', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '08c789a55ed574f16d6e6865610dee38474f497b', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'be592355d3a407ffe6e2c91917047b43fc778d6d', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: '54ec536d0f2b7c3959655f3ed4d42a5b573bcb2f' }, index.h("div", { key: '327f8e0c91fb8360c5ba459e16588f967e65860d', class: className }, index.h("header", { key: '791a82ab8ba97518a584dfa3723ad8e8d7174050', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'c15d33b35b831f0f9a5f95c4dada1d752cd0520b', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '23a06aa7299f11214a6d3df12e58c735747ff60d', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'ccf41aba3b4783c5ff4dac5adb599ccf02051f29', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '4b6ddda428c674336715d9ce963a9c4d0d90a0dc', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '0868e03328af5d0844508cc18b254c0fa46beddb' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '5e624b4da0d4512cf8781cd8f7e3176a046a7438', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '1f5513da8504477c3ecbc12a35c5d54a36897ffc' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: '909e295df33b5d2c0f32558b125602ff1f14a586', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'bd2bb63cc26c061a69a0c09dbb755f00cd72943c', size: 20 }), index.h("swirl-visually-hidden", { key: '54ce77cfcb73711affe69268672ee93a6318a872' }, this.browserBackButtonLabel)), index.h("a", { key: 'be375a0cf1d9d0fae421b760718e33012eb5ba57', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: 'ce0dadec167e1e54b43b036c080358b1592dc73c', size: 20 }), index.h("swirl-visually-hidden", { key: '4cc022e799bb5a7c8ee3938395fbcd1f4d6ffb1f' }, this.browserForwardButtonLabel)), index.h("slot", { key: '3da91e0f22123bac259c2534c96ce86284f18fff', name: "left-header-tools" })), index.h("div", { key: '7e9395c2ed57c77b57811e7beca7e28bba7466c7', class: "shell-layout__logo" }, index.h("slot", { key: '3e5ff7f8a7e760c115009f6ec05bf53d92e934dc', name: "logo" })), index.h("div", { key: '0813e9308f92d885413f5b085dbb53e7a9cbafb2', class: "shell-layout__header-right" }, index.h("slot", { key: '0460cbe7effce5661f1e3531ecbf3c599c064a81', name: "right-header-tools" }), index.h("button", { key: '6a3414ec53490be587907e6632b4fcff878f61da', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'cf45c3f593773cb0def97dbdf9645f7d636a70ac', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '69093d10cde4cee45160f9e7733139d42e2d9279' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '10d3330c73f5fb9ce8f40e72791b03f6bcbbf126', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: '3e39a904a39799d1b7f13fe0e17b8045f700068d', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'c5a86fa653fac9df664d511c3c402abfc1fd1d46', size: 20 }), index.h("swirl-visually-hidden", { key: '327c33c62fd66dbdf8b34a273ff5e610f436da94' }, this.browserBackButtonLabel)), index.h("a", { key: '0a208b798b7f41cea7ca00d2856fd7e63fca4bcc', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '2c6a4ed5cf1b442d1013b78490b3bba9b79f578f', size: 20 }), index.h("swirl-visually-hidden", { key: 'e9d28650cff728b1445f17441d39df759f89ea6f' }, this.browserForwardButtonLabel)), index.h("slot", { key: 'bf38272e2988cb686aba3be32725a7b62e6dcd58', name: "left-header-tools" })), index.h("div", { key: '3f1a5edc3ced7a5fe9d281e82f308e6934f83f17', class: "shell-layout__logo" }, index.h("slot", { key: '7a59757cb592e8fbde708d554b141eb693751845', name: "logo" })), index.h("div", { key: '5c70578eb86ac4d87f1b0655310d32aec4b8d498', class: "shell-layout__header-right" }, index.h("slot", { key: '9d9185d579d6e3667cb62af97707d2db28e17d82', name: "right-header-tools" }), index.h("button", { key: '7e608c6b7fe20748fc3caa73ec9921639fda9747', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '70052fc908e5bd1c56e7359e2f0446bb6d70121f', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '6f98731497fa81cb169a073249b4cec8c3eca87f' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'ea377daa30a84d0b3d0a5f1167525a0ab122f79f', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '8734b1514739c8fdffbcc21e2a2159027cf4ad89', name: "avatar" }))), index.h("div", { key: '6579b84eb5a3e41d57b1e8868de216884f1722b4', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '1e2839e01d10428e45c2e25992150320957c0730', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '78bd6a9fa49d2dc2a24de26c98360e5a3d016832', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'be4eed743273e0f447e4690a64cefd0137a414f2', name: "mobile-logo" }), index.h("div", { key: '4bae59b6fe452788d37b7e1640543cb70d431b5e', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '6079171fecc23f5d8208f3a57b43227e2c5eb255', name: "mobile-header-tools" }), index.h("button", { key: '4b9097d7d03e166da6e0ae315033884d587b0025', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '41cb70f2624c1f1da4ab7faa59ba4966e913937e', size: 20 }), index.h("swirl-visually-hidden", { key: '39b3ac20459f86ec5fed7bdf8c94df6e178bcce1' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '5720e5e1efdbfefcc0df7bd230d617d52a7b2808', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'a6e75f3a55429b8f37d1dc2860513db2d9a6a64a' }, index.h("span", { key: 'a92fda5960835c3b689c9d4306d988b1948bdaf0', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '8ef481416dba0186a1e021f9ac73bf652c4e18f1', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: 'a31c52de4df3e7ef7a4f25ed1fca102b1dd68f36', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'f74b0ae7d510c8d58c7a78e1f5f78f8757d9171d', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '366ce5e0487cd7d934cee95d2e911e51ec633c43', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '6be7e5ea64c8793287f049f71347d19a9b3e488e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'c9c6f9e8c5d65dadd8eb22e69cb3b9b794c994c9', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '90ecfc847eb4c5d1514a3230e5d7cf90656ef909', name: "avatar" }))), index.h("div", { key: '29b1454c81c19c774d30e2cab5b02f8abff5c300', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '291fda1b2d4341e289a949e11a6048821415b3b0', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '8937edce5a1c865c923909dda1afa1ffff557d8d', class: "shell-layout__mobile-header" }, index.h("slot", { key: '8823908680d30386e12e0f640dc0e664575a5e6e', name: "mobile-logo" }), index.h("div", { key: '25d278a4850ca73de2e7ffd21cc9bb0deff44c21', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'fadc1949152e0822fd6faa46045f672d4e6cad3c', name: "mobile-header-tools" }), index.h("button", { key: 'd0aa434d20dc03ccfb019945958f12005e0823d4', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '2b0e825a613981e3bb4585468ef2e647b7bea787', size: 20 }), index.h("swirl-visually-hidden", { key: '00cc2564f90052511ba0915844fadd47e97b9b59' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '92d05685e63a47522406e1460af9a73fe5631403', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'd7b7412ebd7f21b914808177c253f0593a83f70c' }, index.h("span", { key: 'c0d6f5df16d173226f66f17c4dd78e7e723d7ec0', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '82090e142440575c55dbf93f4f94a3e314cb5c10', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '510aa5384b575fc868412514024d10380516e9c2', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: '77d884740d38322750cd03f3a2997a9401aebe2e', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '8034470e4b5fb55950f8aa05b41bb2a3c4dc4e36', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '43085d9cbc3f6c602d940e7a8fb8f3315e175806', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'ce11e28d6f303579099967bb01ffb9bdae3a1651', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '5bd4e55c3c10f1a3f358ccd446d6b8786ef4e16f', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: 'eefc326acf281f686d8f92d4feded0818ec0cf63', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '5855943cb6a88c71b0dddff8de6817e842e187dc', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '7e6026306d6ac00426eec8802e09884da6950358', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, index.h("slot", { key: 'd69f19ee906b1fd5c20b04bde6e049248ab8a905', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: 'c090fe6266c6b5a3ef58a69ad80cf115b1c0d2d5', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '8b665e8aa7388674e4d778b3e1c2a108aa718c7b' })), index.h("aside", { key: '292b43113bae4e3c286d094967468a099f79ab0a', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '441a308ccb9a729ef3803f502d3c931c5b474c0f', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'ebb07b0b90a563157ee8e209ab43e1be72c436a4', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '504b97ecc2d0b9f06ea6a0f195f94b96ddc11335', name: "sidebar-app-bar" })), index.h("div", { key: 'bfd6b08c29abdbfced345b3c7313e31803058389', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '8ed2d352d838f104e83f629ef2a0af0f1c1d00de', name: "sidebar" })))))));
+            } }, index.h("slot", { key: 'd7559bfa91bcfb3872ec98f875c6616339854951', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '133f78d9257b8a1d5fe5e0e794c58fe139e6de52', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '90d6cd1ad7803f8d6f9b48f653ef14ca3262dc4c' })), index.h("aside", { key: '90ab44835241dd4ee7e0dfa2dfb6b701eb7561e5', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '09b79c06bff1b1944a42bebbdc8191ac6ba8a696', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'd97bca71ed6c63a00d2ebee27af7822ee58e9f6c', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'd1cf870cbaafe2e8a5f48900686213edbef8dbb7', name: "sidebar-app-bar" })), index.h("div", { key: '09bca3959a42e7153cbaee4090d606ee7e7d1ed5', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '76b8c4b783da60ea81de9cb12e81a3413e677184', name: "sidebar" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -37,7 +37,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: 'ccd362e11a278a8651bb56df53b0bd0073b1493b' }, index.h("swirl-tooltip", { key: '4f221a270f73976414dcacffdecfb4c4fd62668c', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: 'd6bbad585ba324afa4d9b71da3152c81d67cf836', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '381459d9a4f49174ad9fc5e83425e9084d80d45f', class: "shell-navigation-item__icon" }, index.h("slot", { key: '9e227f7aaf4685d0d4ab25b26220398ce5049780', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '9cc03c515cf828e1b6debd91698ce9edb0c4505b', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: 'f1e6399516a183c44dc4085f1f86575f99ed5c78' }, index.h("swirl-tooltip", { key: '75fa83553ce419b34af1d01c59b74b8f55169a6c', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '70532fee1f17264612cb0236b6a90d3f9bfbecc1', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: 'a5b8def0d81dcc397f17d224fbeb61e17ff31f27', class: "shell-navigation-item__icon" }, index.h("slot", { key: '51bfb3d8ae0e0b58c8e78ff6e01c0e742bf6ccab', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '1669b7a3b644251ac247a5bcef2c4c7fc8a2b693', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }