@getflip/swirl-components 0.334.0 → 0.336.0

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

@@ -7,12 +7,13 @@ 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-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;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@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--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid 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 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))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@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:not(.modal--fullscreen) .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:not(.modal--fullscreen) .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;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@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--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid 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;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out, max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal:not(.modal--fullscreen) .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}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.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:not(.modal--fullscreen) .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 {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.toggleFullscreen = index.createEvent(this, "toggleFullscreen", 7);
         this.modalClose = index.createEvent(this, "modalClose", 7);
         this.modalOpen = index.createEvent(this, "modalOpen", 7);
         this.primaryAction = index.createEvent(this, "primaryAction", 7);
@@ -31,6 +32,9 @@ const SwirlModal = class {
         this.onCloseButtonClick = () => {
             this.close();
         };
+        this.onFullscreenButtonClick = () => {
+            this.setFullscreen(!this.isFullscreen);
+        };
         this.onSidebarCloseButtonClick = () => {
             this.hideSidebarContent = true;
             this.sidebarClose.emit();
@@ -77,6 +81,8 @@ const SwirlModal = class {
         };
         this.closable = true;
         this.closeButtonLabel = "Close modal";
+        this.fullscreenEnableButtonLabel = "Full screen";
+        this.fullscreenDisableButtonLabel = "Exit full screen";
         this.height = undefined;
         this.hideCloseButton = undefined;
         this.hideLabel = undefined;
@@ -100,6 +106,7 @@ const SwirlModal = class {
         this.secondaryContentPaddingBlockStart = undefined;
         this.secondaryContentPaddingInlineEnd = undefined;
         this.secondaryContentPaddingInlineStart = undefined;
+        this.showFullscreenButton = undefined;
         this.sidebarLabel = undefined;
         this.sidebarPadded = true;
         this.sidebarFooterPadded = true;
@@ -107,6 +114,8 @@ const SwirlModal = class {
         this.hasSidebarCloseButton = undefined;
         this.sidebarCloseButtonLabel = "Close sidebar";
         this.isOpen = false;
+        this.isFullscreen = false;
+        this.isFullscreenTransitioning = false;
         this.closing = false;
         this.hasCustomHeader = undefined;
         this.hasCustomFooter = undefined;
@@ -186,6 +195,15 @@ const SwirlModal = class {
             this.closing = false;
         }, 150);
     }
+    async setFullscreen(isFullscreen) {
+        if (this.isFullscreen === isFullscreen) {
+            return;
+        }
+        this.isFullscreenTransitioning = true;
+        this.isFullscreen = isFullscreen;
+        this.toggleFullscreen.emit(this.isFullscreen);
+        setTimeout(() => (this.isFullscreenTransitioning = false), 150);
+    }
     updateCustomFooterStatus() {
         this.hasCustomFooter = Boolean(this.el.querySelector('[slot="custom-footer"]'));
     }
@@ -223,6 +241,8 @@ const SwirlModal = class {
         const showControls = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel);
         const className = index$1.classnames("modal", `modal--variant-${this.variant}`, {
             "modal--closing": this.closing,
+            "modal--fullscreen": this.isFullscreen,
+            "modal--fullscreen-transitioning": this.isFullscreenTransitioning,
             "modal--has-custom-footer": this.hasCustomFooter,
             "modal--has-custom-header": this.hasCustomHeader,
             "modal--has-header-tools": this.hasHeaderTools,
@@ -243,23 +263,29 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (index.h(index.Host, { key: '1a9eb8a9970023ad99eabf1d17eb759eb75afad2' }, index.h("section", { key: 'deb32d3563c0393fdacd7bbfb9aa07c0ae397159', "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: '25b29175d141fe4d010c1585ff8154f88d8b4d9f', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '7ad5e8e10b50ab09792c77c1f3b122d2398612f4', class: "modal__body", style: {
-                "--swirl-modal-max-height": this.maxHeight,
-                "--swirl-modal-height": this.height,
-                minHeight: this.minHeight,
-                maxWidth: this.maxWidth,
-            } }, index.h("aside", { key: 'fb5853f488161fbb2df6e0ef1bc911d115999e9a', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '3643530a51c304a2a7c4ac1103f1546a4d090618', class: index$1.classnames("modal__sidebar-header", {
+        return (index.h(index.Host, { key: '2b23bee007479c77c1d9b2933b2c4d4810c53c32' }, index.h("section", { key: '64d583fdc341ab721810f81054f82673c1ee382f', "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: 'f0c219caceeb4a4f71738c2d3fc263c7beb4c208', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '1329ab999eeddbe8d28a96c972f3789560cd8c1d', class: "modal__body", style: !this.isFullscreen
+                ? {
+                    "--swirl-modal-max-height": this.maxHeight,
+                    "--swirl-modal-height": this.height,
+                    minHeight: this.minHeight,
+                    maxWidth: this.maxWidth,
+                }
+                : {} }, index.h("aside", { key: '63f669b4ad672558db1d1fa6bc3b7b97454dc78b', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: 'd7eead9a08be568d954af5aa2d2e68e3c67db59c', class: index$1.classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '29aa13a04ef83133049eb6f49f4578ccd93cfc6b', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: 'b92e3d38bc6559e9868e5f75e3aaf296e78c9696', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: '8bf37fa2dd52477ca828758ace0ef7b18bb945bb', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: 'c1c0873ff28611a5cc5ed9705322e86b75b67c93', name: "sidebar-content" })), index.h("div", { key: 'fbebaaf26c3152ce16ee5cd8e82cfc7ca5d8b8b8', class: "modal__sidebar-footer" }, index.h("slot", { key: '83c9f754a9e5c9063a12bd403476a84b746a96bd', name: "sidebar-footer" }))), index.h("div", { key: '55d511a2c357da9c2f54caa1981e54ae45519409', class: "modal__main-content" }, index.h("header", { key: 'fa630f032e937e80bae3aaa03f7f20209bd0728e', class: "modal__custom-header" }, index.h("slot", { key: '0bdb2933cda72a2013058294c5130c01a7de196f', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '6ca45cec4e99f4a43a54b619757749e3841899b0', class: "modal__header" }, index.h("div", { key: '7628dcff105c33d18a2baa1fe5c9b98f64ec626e', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '536e9768763548232a010e4ff1c9742989af674b', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '54fbca0f39217bbf7d6d8200b6462eb295a99e43', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '6072ef15fc9c9f8e4d5eac37379aaa658e82f8e1', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: '53da064e8995cf4be83e30ba6c5b0e0ca15ffb55', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: 'd03f908e630b4732731b0f9079f9a2d803569083', name: "sidebar-content" })), index.h("div", { key: '013734312f1dbded05d40e3f7dbb0f2a82e391ef', class: "modal__sidebar-footer" }, index.h("slot", { key: 'd2b9d588479058021563e9e898e3429fdd5724aa', name: "sidebar-footer" }))), index.h("div", { key: '54bf61dd702931a4cfc91548c3f240e7adad0268', class: "modal__main-content" }, index.h("header", { key: '3fee55ec687e448b15c97f2084c26d098ea82895', class: "modal__custom-header" }, index.h("slot", { key: 'ad4893a36c51280dc039b9f5fb38c1c5ff219ba3', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '51c21e62a5e8c9addacdf9683e269b082b6d8d69', class: "modal__header" }, index.h("div", { key: 'a6872ebf5ccd2e94e2727d51e927eb43a3eaa0cf', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'aa957cec58fb976602decedc4b86fdc22f2658a1', 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: '518b2561a7c6a50a1e7c689fc19184a42307fc8b', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '0152c4b62ccc9e291d262ccf12d15b9a472d5583', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '64f5445121a25644bac5226896f23f33854f6b88', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
+                : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
+                ? this.fullscreenDisableButtonLabel
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'b30b7e9691d24b0ac0d3a9636a7f79c454c4f139', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '562bb64ba36106327e16ca1f2a5ea336ec45f796', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: '61838be7fb71b6472ee38d02e56535b98df3fd02', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'f2c8bb40bdd191b92b88acff3a96712c9efca717', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: 'fdf89c643852c02c9661d72d8926c120bfe8fa78', class: "modal__header-tools" }, index.h("slot", { key: '722ac833e1c53029732a806d8aea56b2af195740', name: "header-tools" })), index.h("div", { key: '5d65274b8121e39358dda35dbf6cbf6b780d3933', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '6e22111e1e0436a8e0d11c20f1faedad1e55e4e2' }))), index.h("div", { key: '20ee5f4f6ac4b9048081967a10338696329f4134', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '8f87e7a5c7a0904637627e927d86ec2e286408fe', class: "modal__header-tools" }, index.h("slot", { key: '4097e5d5ec47a737d1f66d5d54297845e6409a87', name: "header-tools" })), index.h("div", { key: '1c50d0ff133324c69fa717e39d58360a2d112922', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '8a08576a54e4e270c6ac0cb48ddb367bb962fba5' }))), index.h("div", { key: '9cfecbc1bb7e4e75b7e868fbb2cf098bb41c490e', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -277,7 +303,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '52e7ff912e0ae9470737ff2e7e1bdfa5efbbc886', name: "secondary-content" }))), index.h("div", { key: '9203acddc3938230cc0f969291fb367ca097b048', class: "modal__custom-footer" }, index.h("slot", { key: '0565cd9f141112c4d89d7254c7fd4d770eebe47f', name: "custom-footer" })), showControls && (index.h("footer", { key: '85eac43cf12814b865a0ad924631fe65955e329c', class: "modal__controls" }, index.h("swirl-button-group", { key: 'dc8eb5bd5fbfd3b2663eb9004be754ee14af9976', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'e39f06e8d355ca92ee4eb90b16be67ef632cbc40', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '1ef4dd744b20a90ab6c1e37233aed06d8edebc6f', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, index.h("slot", { key: 'bfebcaa9b7bb8c5a8c2b1dca7a966892a9476ae3', name: "secondary-content" }))), index.h("div", { key: '7ee46134d7e88144004a50106706c9f7ef6afce6', class: "modal__custom-footer" }, index.h("slot", { key: '2808a25c4d093faea576e39a8f91ed93fbab9197', name: "custom-footer" })), showControls && (index.h("footer", { key: 'a20d76c251b5a1b4c96adedc61f3775ec0ef1d6f', class: "modal__controls" }, index.h("swirl-button-group", { key: '79b50ac7dca79c37a5b754755146917596d101a7', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '903d1f7a4d4cbfd71e8183eb52eef9089e1a4082', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '83566b3c0a6202a9702c7d9c0638d5550a127837', 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

@@ -16,7 +16,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f5832c96333784d5e8ea2eb3ead657a3c7523dc3' }, this.hasSeparator && (index.h("swirl-separator", { key: 'ca93eb58cc46a3fb1182f1016b0f9a1bda10f4b9', spacing: this.separatorSpacing })), index.h("div", { key: '79ab591521d0784b01e8fdc044e0072497a8f44d', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '008e6db3d5b2a3723c9a005a6ea6a8654731d6c0', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: 'e3e78c76de534757bd8973c6fb81c8da7883407c', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '37884f1e3df673c8ac1d5730c511438634e23b43' })))));
+        return (index.h(index.Host, { key: 'ee4b8f616e8bce79d56e2c4ee01e0bff4b48ecc1' }, this.hasSeparator && (index.h("swirl-separator", { key: '02710856d1f1ac1966f35746f2b8abc8b1526430', spacing: this.separatorSpacing })), index.h("div", { key: '3f3fc7f2f3f31cca31817f456a6d95c39f909534', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '7d5e11e171e99ae2ec29519e5bf64227ad6394a1', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '6b13c82884cb33956e834b2eae1709c459d612d3', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'effbff457589afcd3ef71c190f4959fc03c68b7e' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -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: '003cbff6423c2009a237caf4e9ea62924b961c43' }, index.h("swirl-visually-hidden", { key: '4ba3e72997bc2c7583c15ff4fdc68d00ce87dfa0', role: "alert" }, this.assistiveText), index.h("div", { key: '903a5bcf61080d8095ceb1a0d4f0369b02f765c2', "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: 'aeb537f31f17b798410e39f3fcc1f3b3112e2fad', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '437c57985259a8ac0cdfae22ea186626c9b22850' }, index.h("swirl-visually-hidden", { key: '8e30551e6c3485a15f9d582ad6a94f9cfb1ac765', role: "alert" }, this.assistiveText), index.h("div", { key: 'de5fb417cbbc40d2212797e042219c58a488a86d', "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: '0995b79d35c5097d2f620531a5b33b9fa6b64f83', 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: '47c30c429b8e910b006b21f6e39753a710ff7425' }, index.h("span", { key: '91c7946323875360ac053a28a83849b669d35913', class: className, part: "tag" }, this.icon && (index.h("span", { key: '000de8f304e3accd6d3647e9934063fc8cd7da05', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'cadd70a25bbd6214719275f8a24aa2882c0e90d1', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '5278b9fceb383c5854c6053d943da4e4171551fd', "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: '76b23763ac812f53e4caa07a94094982847d0525', size: 16 }))))));
+        return (index.h(index.Host, { key: '103d9ab78d541322d1448dd09179387ff46b19de' }, index.h("span", { key: 'a741496891a039d484db076b0bc8f8eb0aa23251', class: className, part: "tag" }, this.icon && (index.h("span", { key: '36a53c42257ab5a5a7fde3362db258d0ad6902a6', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '36df7ac2ce98fe8201e9a56e7d7b91b7071f20e1', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'a1db513ae6e6a09151a5c73d65c04ec8faa27e3f', "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: '2d9a7229500cda146745fa03aed1383c1e97c377', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -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: '08c165e0dd8f22f1dd462079afbb904e3f7f50b3' }, index.h("nav", { key: 'c6fc744fcc8ae4f67f6a5e655ca974962c5cb515', "aria-label": this.label, class: className }, index.h("ul", { key: 'ee19e8b5b81e9fdf26b0be2a9ac1b277a8d4629a', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'eb039a282c427edb7ea44fd2af641b3f88ea1342', class: "pagination__list-item" }, index.h("label", { key: '7fb991ffd443fe256914638308dee16108ce14f6', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '6c02e7b3c8f4b2fc308cdba23cfb75c8bdbb370b', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'c3941c2f196618e857fff5d7056ff4634a51ea0e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '073e9ede82d16fc9b1a118f428c03b507dd969c7', 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: 'ea7208c33ebd133e84d5e518140bb58137f12bfe', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '98269dd12133ccf1f48b118aec35d730d0ff05e0', class: "pagination__list-item" }, index.h("swirl-button", { key: '023beef078ddc519c1ac3806a99d9622246842ed', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '6c61b9fef4793d02fbf6f8cc872a73aca704721b', class: "pagination__list-item" }, index.h("swirl-button", { key: '57440dfac7ee40a3cf58a1078227b228707949e8', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: 'd419d0a1786dfc70389d218299656a495cfcb8f6', class: "pagination__list-item" }, index.h("swirl-button", { key: 'd2bfc26fdeba915ed92bdae39b7a7dfa29b03de3', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'c86fb75f20ee6ec5b5d0299df3c501e8e798b8c6', class: "pagination__list-item" }, index.h("swirl-button", { key: '79bfcd72e7a97dc01d4ac4bd2531960b618208d8', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '0402b2a64d56d926253ad477a7be0e3a9a98a561' }, index.h("nav", { key: '10c8f15e1c67976163ab968947fcea762a76f4d9', "aria-label": this.label, class: className }, index.h("ul", { key: '58658726f4d916e505f9ac0d84165e5947d441e9', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '50a0c3572c057b094e109d5122c12fa05a3a19f0', class: "pagination__list-item" }, index.h("label", { key: '4b2d8c7dd077df50920839933ed7b1af978f54a8', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '6a0085737edca1701419cd8ccfec43ff56d6d211', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '174b9b24838db58e6d25d6642cd602525ae22bb1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '075ef3ffa1aeea7d6a0eb6a9e634777139fe7400', 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: '165ff6e18086347955546fdc5b9f47ef4134e694', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'ef567d2280438c435a9c9c2cf4edf7632d65cbd0', class: "pagination__list-item" }, index.h("swirl-button", { key: '82dfda97938179b53553cc81d895496dd0cbfadb', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '82e2399b7a8961102f5ba9faf576f7d0e4f59e35', class: "pagination__list-item" }, index.h("swirl-button", { key: '26b9a4afae8b817ebe519af5db9e79b9fa50286d', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: '8f0c607327413a8fd5c4c0f159b6c8fc88eb3bf1', class: "pagination__list-item" }, index.h("swirl-button", { key: 'a6b7b8bc5ad007fb65327c127ecb5f40fcd3650e', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '66f4551ea9a595b80c26af7dbc24cfd7c9b05b04', class: "pagination__list-item" }, index.h("swirl-button", { key: 'bb19278d4fc1d3f6f7479401fa02a0d87312e197', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

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

@@ -192,15 +192,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: 'e78a93834790fb705a46c9d46230f6555aff17e5' }, index.h("section", { key: '07a76a9a3ff3f5e7b24950f4c32abb6d8f4f2e79', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '951418d03803cc2fbc4d447296eba560f0a61a63', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '6590f3e9dd2894a5e42942e867e5d73ba24fdf67', class: "pdf-reader__header" }, index.h("span", { key: '7b4ae43784541b75c530b32507dc285ca02fd283', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'e5020b5b071b93d17428fd8fc4cfbe336b06be76', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'd67fb7cb78b676746f80248c724b62874c93b870', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'dad46d9e4260a681c4b6d9ff19d1023bdb81689e', class: "pdf-reader__header-center" }, index.h("span", { key: '15392deafb7c4e24595a12cc67a3cb40dca20911', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'ae745adac38b228952636f420a7e09e2a7501fc2', 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: '8d79291b941f7f13752d30a0c5c28b96702cab20', 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: '6f86d1788221308e80d294f182eba8d3b398865f', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'b928a5a6489340e65c4d3f879236602e9ad56888', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'bd2620223c70bb6d210a0bb5aae1a55b3ac43433', 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: '0100c5c0dcdb8ca41bb4d817db59e7ee41e4d9a1', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '884910223431ca6efc3192986eb4005a4ee0ba6d', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'e2b280e30ab50af9ca81ad4b1356468708c89f77', swirlPopover: this.menu }, index.h("swirl-button", { key: 'd69cf500996ed399dca84deea9fe853084be1b0c', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'a886e744daeb6562cebca9f6d6cda3c5e75e1dfd', class: "pdf-reader__floating-tools" }, index.h("button", { key: '12c4ee28efcbbd0de21abeabdb64891048560833', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'f88906a98bc5a8a7c3f093ce530686e4e8b518e2' })), index.h("button", { key: '4530af82a896ad8fcac2a594db18603ecb2f6880', "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: '31ba3cd3aef48717c188b9668741603501305150' })))), index.h("div", { key: '29287fcf3a321699cf6aa2459cbf1c4e73fc47fd', class: "pdf-reader__content" }, index.h("nav", { key: 'af5fcd44bc6a54fc7d7cf31474719bb369b61222', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '36b044b81bd39b905322cf631e038343d3f9b2c1' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: 'f649bf5d117aaa70de74ef6273328596fd3856d5' }, index.h("section", { key: '8cb89233b4ba863a81ce8504166a68ffc182a698', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '01411c75dc1fff8834a174c24a6b2081dee5ae50', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'e5573b593b6897a48622e47343d17f80787f6d3c', class: "pdf-reader__header" }, index.h("span", { key: '33aa88d23982eea387a8ebf5de8947edc8e8d838', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '7121bde1bbbcbed19be97a239f21fa54668d1562', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'ecfcfec14382e130f6c61f2e38253d31d1bc435b', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '10c780f29a224ee8b6ae52ed0dd1c5a6b12c8aa4', class: "pdf-reader__header-center" }, index.h("span", { key: '15fee56e5f03c88b2b31c0dfeb5a68aadf1899d8', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '93212b55f13e0cfb03fc2e9defade19fd741873b', 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: 'ad23ad105c118f0c92b4dc586556c6bdf9e5d044', 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: '51926efd444f7f2f83d7d139a32ce67d7d304369', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '6a8e4cd063ba1a49463a927b7332ab126607c53e', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'c9d32d82420526639878cc740f0720bfbe2d2669', 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: 'b3fe1a80ba6af4c6dfff3afc03c6374d01455536', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'c94adbccf1543ab8226d807c6b0fd25b81b50a51', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'c2c69238ec9d3127105d08b2101620bb96e7899b', swirlPopover: this.menu }, index.h("swirl-button", { key: '9e3edf95c7ebc83601a78f8cbae14bb2785ec0f1', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '791d8c2255204e924c18e6a67f2a709c2204a135', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'ef0fffa6cbe4f818c8fc08985a81e7a986fa8808', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '8724277e2e49fd24614990d1e19447b7797d02f9' })), index.h("button", { key: '5bcec1160a3832132e1fc5962b059e5cb46a6b26', "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: 'c18e21e2cbc4544b2a6d2c9c9ff88c9840128d16' })))), index.h("div", { key: '0e8969e6cc1462877a85912f728c04387c48959b', class: "pdf-reader__content" }, index.h("nav", { key: '14dbe7955b2ec4b4130c59d9a30bb7490c0b451b', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '090f2bd6ebbb496c6685739c03d2e3ea8827c002' }), !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: '91f17a8d7924fcb91547ad6f0e214997b025292a', 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: '4e3b7cdd6c18aca9fc059711b0c3d9d1e09482c2', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '4041ba876b40c84a5a979c8262fe33ae2ec2d797', "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: 'e5b8c381bc62cd3c51460a4516271acda322bccb', "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: '25cc06b58c191b2d1ba477a776cf5f7c6de8891d' })), index.h("button", { key: '964b671c2f78296c2e58f0c670c2e457de3ab774', "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: 'deb24f624bc634b224d7e8794e8d231fd14f6848' }))))), index.h("swirl-popover", { key: '913b824bfb95365858e47275ba762806f599dc76', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '9cfea064c15c6b39bbee5058fc60d8c0bb362c7c' }, index.h("div", { key: 'e6fcb05b497b9a064d9352e97f83c349607f019e', class: "pdf-reader__meta" }, index.h("div", { key: '150d3adfc65148e14a30d9718cea4cd6c8e95051', class: "pdf-reader__file-icon" }, index.h("svg", { key: '30157e5227a1f316c3ac59d8758d7eda657bf57c', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'eb7b4df4b151236ac65cc756531bf220684e06e4', 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: '3919882c22c523483692c766ca35c4375e004b05', 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: 'c8902d23791924ef347655125d34b0e75b29e619', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'ab271f45ecf494d58141f54c2c9ef0d83dc182d4', 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: '67df861405c8901c79d7ff3be7623c7f484d75b2', 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: 'fbc136b085e60005b43e0e7ef5c072a7d12c647a', 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: '53e7719c7e7be2e481a01d2ad162b3ab81cdfccb', 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: 'a7e76a6633fc125fe2fc8d69046602c454be1de1', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '98fc2cf49eef06d73b66e04239a7f728a3a34d21', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '5b7ed460613e3e5e9dbf6723ec17dbf5debfdfff', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'ba187f3a6775b856162fe30dbf39ee6d49c54a79', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '9650d57f92506f50d87de46bde441be7aba747cd' }), index.h("swirl-action-list", { key: 'a27f372a63c6d4c362ce0cc8739575d9d8973f40', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '9a3b70c0bc1ff347f3dd4f276ef30d4c0b642149', 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: 'f05b509243c31f645122cdab165148cbeeb89896', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: 'ff24ff104efc8f4fc08778bccf058d95210c5967', 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: 'd4fe6ee631a59ec1ef9d6e9504607a48dba1585f', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '271f8811eed492224ba08827d1915e264bc9dc76', "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: 'bfc2d9f0ed1d06a795386df30c3ddae190f0c285', "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: '6688cc911d75d842375df600553aa02dd0b9f750' })), index.h("button", { key: '7fa656ae26777d1077e689b6b54ad3533b43a4d4', "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: '760eea661e47e6cb7d03da889a35b6640e2f22ac' }))))), index.h("swirl-popover", { key: '2460c76606e44ed7848c80161aa9c611c040e440', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'ad036822d97c9b30fa073c12e87604c84d49dc38' }, index.h("div", { key: '10d5ee0ec551dd7fc02fb24647ae828fa82d8a9e', class: "pdf-reader__meta" }, index.h("div", { key: '5297a2e7fdb4c1df5f1c65090fa86bfe308cbbd8', class: "pdf-reader__file-icon" }, index.h("svg", { key: '2ea8928b7326289c0c8db8628c14f925bb549c9c', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '1f523d45e01da77899393462e767d7be319b951d', 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: '6bc21878c346a6c0640b60379c12d6ff389aba9e', 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: '16258e1612a2ba811cbdc8e07cb77614b17ccab4', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '7b6c4243789a102f1f71a960107dbfd2deeaaa1a', 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: '4340c619087ef24c0061aa63cc53f4429e90295f', 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: '133fa043d8dfe1e84c3cb99be8bb98965a52d1bc', 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: '3da19a084828155a21b60ef6220938eebae5cd62', 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: 'daa09b8cb6a6e1ed3b16c687ea1656d912dbef6b', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '3ccc30d7d6b154c9ac3efcc63e14e17ffbc6206d', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '259795cdcc1e6ed91bc276feacb27845dd205a87', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'bc491beab5f91f2127f3a463a422ee9ef481e61f', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '48323e4234c7c09116e805eedac60feb2d62a49a' }), index.h("swirl-action-list", { key: '32f485d1fac2798ee671fc1d1c9b9184b2a25aa1', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '4a80b6953c4d0b6229388efaa79f25627e128dd4', 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: 'bf959ade6f9ef261fc50d61847f0d366d6f29113', 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: '5e97d819f5b9090a6762aba3d96d243c47100a68', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'f236a2a4b21e6b088064e7a55f419b49e925b94a', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -269,14 +269,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '7ea8241370e14dd37690d7918a4ddf0a944b64bf', style: { display: this.active ? "inline-flex" : "none" } }, index.h("div", { key: '431cb1938ed6c6e06ee81655ade5444bf5830676', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '44a0efe834d9aac633f72099efffdd32eaa55718', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: '6907c550357d20afd7f9f316601f287b5674f597', style: { display: this.active ? "inline-flex" : "none" } }, index.h("div", { key: '383b66c0da4bfa419c9a52c9e6555f383ce964ed', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'c6bb0459dac6b2c3c0652eb4fecf79bb5e696fd3', "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: '75950980e16617133e9ab6cae51714170b08962a', class: "popover__handle" }), index.h("div", { key: '6e9bff5adf252d1e2a7e9e7e2bf426d667d79e6c', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '5a53ba8c3cd21aa00b013a96da45af5191b33a8c', class: "popover__handle" }), index.h("div", { key: 'f74591631a5643e8a67230a267a5ab9bcd3f693a', 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: '3db02444e9fa7a0352c5e573445b1e40a7295207' }))), this.active && (index.h("div", { key: '24a768a535e0e4473471cc1adafd3b646202bf6c', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '33c144896504b23c95b4078a45f3af2a5be563e6' }))), this.active && (index.h("div", { key: '4c347a0605f4c81b23845afa07aa69060da42fae', 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: '4b372a51ae6112d7a685e2be38b3590c1ba6d25c', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '74996244be9f82e04887ffbbdeda7d95a11d6736' })));
+        return (index.h(index.Host, { key: 'ae0df8915969bd1311ebfc336c0a142acb6cce56', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '990260c67aafab1d5df7d7066969ceed28bca2dd' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -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: '723ee9fccf1bee2032efd9c7e076ad56e8244939', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '210dbee96d76b7f90d55608f2fcae3405da17504', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '0416de83b2197625349f8237e468cde61a1192ad', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'efef3c0be2d4ebfcd73abf6c436670e0da8f18d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '9ce31abfc191b7fbda6ac8dfcc8a06fc67f21681', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '2c53c955f44af00a8eacb1773647c52890520f6b', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: '7a88d62c22d1028baf3fd842ba8fb4c86271158c', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '5d88596118c66c0e1695bbe50fae489a75fc1c9b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '7e4a2586ce5be138b84cc8b7737fcc2a0983aa62', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '1f3eeaea011ed9fc855c961dd1d85cb1d6e5e292', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'bfc5d9ba40856037622773c93789b0372f0cbc76', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '3ff0cfe2119bb7a0ae650271c1f515b871cfeab0', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

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

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '60a933cf20baf8e0681e97f41076c19177ace493', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'a200a19f62406d9361dca165d3afe9bbdc85f267', class: "radio-group" }, index.h("slot", { key: 'abfbb7e1d8d98615ed13ac3e4e6b7efb46a50ccf' }))));
+        return (index.h(index.Host, { key: '8ee81827b62d13ed6d9fda83fd168bba45d94621', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'cb569a0e415c0dc5c1d6de75722a8fb2392f635c', class: "radio-group" }, index.h("slot", { key: '4292a0d69eed97e23c0dcb93875205f9ac59e299' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'ffc86019706f785e80edcacfaafe70cd33a4318e', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '0d92ec5a8c55d04e4036e7e8b44eab3ced9e8c66', class: className, htmlFor: this.inputId }, index.h("span", { key: '93ffcee887ebbcf70e2c1adb0ef4818b6e1baf7a', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '1591f9e611101724f575de7618bccb007c311fae' }, index.h("input", { key: 'e95e209f9f892740325585285198f8ba83448807', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '8105cc59e8f59f056579f21f56d82e518cfe7396', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: 'c5460f18c4d28bb9b41108600749f68cf42595dc', class: "radio__label-container" }, this.label && (index.h("span", { key: '42769a01c4d19f7d8bcc4703db4c279ef703b605', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '78a1a418488e4038db1690a23fe437c2809ec8c9', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '62df0dab9980f31ff213cc8c23f3cffbd1d92bfa', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'ec5f93ff9db3aa970620857d7fe1b07b25f01a4b', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'ffe68d39d6fc31ad2a1772be1a1fe19c8fbe448e', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '77243bb1e6df44ae5fd863a3c1fed676750c4a5f', class: className, htmlFor: this.inputId }, index.h("span", { key: 'ee87f324ba2b6cc966fdf1070973dd51953272e6', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'e1162f789a4ab367ba2b3a37ab06e5f8f0599ec3' }, index.h("input", { key: 'de16d6993cc8e972e4e0a33b3be4c1d786d39d36', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '0e84c5efadec428203e4a1666d11e3074721513c', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '5b3366df2427cf38a26c5d211eace69adf2d6bad', class: "radio__label-container" }, this.label && (index.h("span", { key: 'a336e0468756983586607bca4aa525759e369ead', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '7078e2d29c1e640443d4300672a6d8f8f96f157c', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'f12ce6eefb230098d117282c8180ce1432a5c957', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '3b838d01b28a72b463c79dbb6c4e4f52178fc75e', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -46,7 +46,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: '797c98557ff5e39033e17c29084569904f4e812f', role: "row" }, index.h("div", { key: '33016c8f3d834df73db61f270eecb39e65c04351', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '6e6d71eaca65dca563d0dbdcc45d2ecf8b45abca', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'b64cac98b464e068323e0ac99716228603124550', class: "resource-list-file-item__label-container" }, index.h("span", { key: '3f629bb1234f9033a944a91d7b9abff6f49b83e1', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '3d1c84a6cffac8d91f3ce8c0554266fca393991f', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '9d63095b44e4f64d5f430e268193d28246bb555f', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '17ad8f2a85505623d7109cf3b2e823041b654392', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'ce2b8ee5952104e331a52c129ca61e767749008b', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'f279b7fb82f4e67e1a35186f123e37a1611b1e0f', size: "s" }))), showRemoveButton && (index.h("span", { key: 'a7947969b6d6f23d042ba586aeb54117e0b9a540', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '82341fa9a05856503ce9e45dfed5413da31df6bf', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: 'cbd4631bc495742d3f6c1b8548e5e743ab40a97b', role: "row" }, index.h("div", { key: '9e4ca3888c0bcaa011ea608d19810a542dbb7980', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: 'd892d718e16acdf65bab4b1d841e65766e9913aa', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '90b9ee4de8cbfd782f814868d5e47bdc98558b9a', class: "resource-list-file-item__label-container" }, index.h("span", { key: '60aadfe2a71c4425ad55ce1ef169ba6f5a27a2e8', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: 'fb49c4931ffddc98d4c7800a550a67be9404b202', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '5afa596ddd7cc1549b0385348ff7477218f00c47', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '5b6b32b522d745d7fb9e6cdec3261324cd06b31c', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '37586c8dfc15166a2de3c8ada7c2150cfff55193', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '08c57cae6f8b991bbb466832d11d829f9d49b229', size: "s" }))), showRemoveButton && (index.h("span", { key: 'af07e255ca2a5bab2da432228162e0b9a35fa2c2', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'f5e30b18c0599768aae51587e4518a44aad8d565', 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

@@ -16,7 +16,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1429097f270d644d89e5d9821ebe7df378ac9b84' }, this.hasSeparator && (index.h("swirl-separator", { key: '7dc77393fee0393ca1c7f286e244e1840bb7fc84', spacing: this.separatorSpacing })), index.h("div", { key: '89ddc7cb97e2061932045f0b99e0e735815ddced', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '07bc08c1d6a5c0b78e7f5d436eaf702591b9b524', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'd686b807b73ba4319816d53310d7789c47c6ea97', spacing: this.spacing }, index.h("slot", { key: '54838e6f0c9124c2e5df75220ceca8509b009d8a' })))));
+        return (index.h(index.Host, { key: 'd862766cdb8118c52a7b44d12ec23d822294fb47' }, this.hasSeparator && (index.h("swirl-separator", { key: '9977fb679a12003527f92d83cb682ad1440a59a8', spacing: this.separatorSpacing })), index.h("div", { key: '9b3b9fafe1b8d0bd1a1b3f54761a32a5078d7f72', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'adb5ff98accd1495f0287467ef5d7450ba8a6bc5', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'e7828f61003bca06122ebda8f5c9ee24fe481934', spacing: this.spacing }, index.h("slot", { key: '5b220b1fb6e9a46ba8a572da8fafc4e497402bcc' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -76,7 +76,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'c54510f133d5583f1cb2942a21e889a271ec083c' }, index.h("span", { key: 'f09bf81a55b0e0e23e78dd1929055e92fd966e90', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '9d5107940cfaff59864c6a94c5eb2a3657a9168d', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'd42dcf2414af5d7f569a6990c5e85f67bdc8b9b5', "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: 'b6ec549ceb75a93fda65cc8fb008e00c26b133ac', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '7bff26d8ebc73200035936d4add57e2ef6bdd1e5' }))))));
+        return (index.h(index.Host, { key: 'bd87e2aafd1acf43e18521759a1253b99375f725' }, index.h("span", { key: '125c38ddf57efae2c0137c0f887faf683d86881a', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'b53dced78183ba3a5ef1e950d6974d8075c9a8e7', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '5034096f39fb13e1b06f5be1b7ce4ac1a5500943', "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: '903960461a12f0d0dad39a399b2a68bc19eed9b2', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '866dacd4d67d5762c10d7e6f67c0079e4e484646' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -143,11 +143,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: '765e25c749d2eb877dde67bd757b3206c3ed75a5', onKeyDown: this.onKeyDown }, index.h("div", { key: '9143737c82d76050d6506b939eb4a505a8cfe31d', class: className }, index.h("swirl-popover-trigger", { key: '51ae0424c072b1a9afe3a3448070abdc8ab75c81', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '9cd674b5b7417e1164e2d651d2d86288f11f0ce0', class: "select__value-container" }, this.standalone && (index.h("span", { key: '04c0a45f197cd3b7a9ca4f603dc704b3cbcc1596', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'eff25913c06c6f136fdb36b68dbcf0061c7d182e', "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: 'c59a0e63c2dd9852a0c457255f442021bc365557', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: '8eb657a075a6039bd615b42ad3cba35b516ee404', onKeyDown: this.onKeyDown }, index.h("div", { key: 'dae201c95121338b3c9462a3c6ecefcbd763098c', class: className }, index.h("swirl-popover-trigger", { key: '2608b520f2dbe98043e9cbe8dda45a9f68751fca', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'a3a057a9f89d5e4fdbaf1d50ff420407fe22c735', class: "select__value-container" }, this.standalone && (index.h("span", { key: '4ec839ae50c0f3d6e829098345f24d8f6818a5fd', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '5d972222679f58cdb2d5ab404dbce77c5d2aed18', "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: '0d8bad28156049f33672e3a41dfedd225faa1790', 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: '369294df27d922e085cc9a2d7e9c32f9bfebe7b4', 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: '724441014ff983db14d2eb996f7645390c2b93f0', 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: '6536a7ce0f4a80280a4fcdb83d9f580accb61c98', class: "select__search" }, index.h("swirl-icon-search", { key: '41e349d08fa079ab82f27fa2e361743b0e2db748', class: "select__search-icon", size: 20 }), index.h("input", { key: '3118c3a63781bfa7a620daaf83edecb5884b0b75', "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: '6c29d34c1317c81a83832c9aa85ed72d68227928', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '6f117b770860587182738b87051bd4409264f4c6', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'b93fafe0effeff337262920be347d92bb05e6a32', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '8bb01c60688dfa47b93765e177952491df006f95', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'fae8c50f99a97412356b773766ac2e01ecbd6dd1', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: '6d1d82e4f361f33c3e08dfee852f7261c5c04467', 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: '6406293b951f78b4790d0dd26ed8f84a48f6c6f3', 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: '145b0aec90bcda0f9568e3c7d7a00e9a5a1659d5', class: "select__search" }, index.h("swirl-icon-search", { key: 'bc852d5305d95fb1c0642168c7ad0e13914aa8be', class: "select__search-icon", size: 20 }), index.h("input", { key: 'b6d52357ad8f42025a954051e28a405921e4cd8f', "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: '39a6fdc078890b060068f6eecf9ae6f7a2f8bf66', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '9e0731fa76138c0ee65be3b5ef80b1853b08d9db', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '24ab5333b4adc06a3f4b0a160641a8775a40109d', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'c447f96befab0f6530835ff03be1f86721afd0bd', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '81db22e64402fa9713864af8a7e8e5c58f880b6b', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -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: 'b41ec3c36c2cc718cac5f7dc7831a36eee22ed0d' }, index.h("div", { key: 'f547b129cf437004ab50a9c933b1f08939495c8d', class: className }, index.h("header", { key: '0b114b32d6727b297e7206cf7a8ea930bdf39962', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '69efc7887c653bd1195ca6fde601dba8db4622d5', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '46aa4833d45afa45129504f2325d3ef16ca53caa', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'f1d89e8d5cee4612e9ddb07448e0f320b0a2973a', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: 'bfed59f763060d6dd80c526d48d1360e5f187ddc' }, index.h("div", { key: '24ab0973f54f473103aac2d56d1856e69ba0e083', class: className }, index.h("header", { key: '6dbdd8492f93bd7326fbf1811adc00a11760e89b', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '55067caae94272d8f43a768e64d3d906db8e4741', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '96d6645799d2f271d11d9a00a31229b6cd8bbe75', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: '481af5449592170e66af74ca3e20ddd960503e6e', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '1da2cede2f01be0a635f5bacdff33015a70673b5', 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: '43335b328fc600897cac805d5306287dfa80ab0d' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '510fc036fdb02aee61a616f2cb497e4a0c90c302', 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: '3d557afe4da980b6bfdac6436d6b432136b40bd7' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: '36dee7117b459a6a9aa8ae0d745f6f97a90c5488', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'bc6dec6db8fe2cf719c0ae128bd56230ad116b38', size: 20 }), index.h("swirl-visually-hidden", { key: 'b142716c718cf9087fe634fa2b80a29555746dd4' }, this.browserBackButtonLabel)), index.h("a", { key: 'e03a569ec1be73f56f7a6a94eb8d91cf5d44d7ad', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '49a94026e7bb3a832a9beb23b035b422ac72ddba', size: 20 }), index.h("swirl-visually-hidden", { key: 'f6cbe8819a8caa768e8dec45944f81bf6a2a6308' }, this.browserForwardButtonLabel)), index.h("slot", { key: 'f446bdcc52bd64ddbf14fe9a7f392a7f76ae5595', name: "left-header-tools" })), index.h("div", { key: '90ebf697aa67d8224cab425200098194685bd3a3', class: "shell-layout__logo" }, index.h("slot", { key: '6ffaefb48d653a4d4cd649c4ae090df616c9314a', name: "logo" })), index.h("div", { key: '7af5afa9f6e13696c63c452759ae487660f0f987', class: "shell-layout__header-right" }, index.h("slot", { key: '876ec618577d3a761f50d979d8944ac4b33a5d89', name: "right-header-tools" }), index.h("button", { key: 'c84b56657340099111cb759d7f35af0ae6225f17', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'e98c1a690ff54441abfd6ac78d6efaa01f76a63d', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: 'a51caeff8f2beb7c310a63316e78920a994b872b' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'eb55eb80e4adb3bf940d2f915fe12fbcf59eeaf8', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: '34c2a39803e550b34f499a891858b15bc54b0bee', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'a7a2f9cadb8558cc21fa8956ce6d42b313c6bc9a', size: 20 }), index.h("swirl-visually-hidden", { key: 'b8c5a3fbd7d10744681850cbf83ec7bafaefa1d9' }, this.browserBackButtonLabel)), index.h("a", { key: 'bf5f44ffa1bf2c24dcc5b158a6db20572bb26782', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: 'd046ad7690fdb453ca181c725775d46cd5844384', size: 20 }), index.h("swirl-visually-hidden", { key: '3885871ede913d0eee461783137719655c30aa34' }, this.browserForwardButtonLabel)), index.h("slot", { key: 'c00b071538b20e21ad4f6096335e2027dc3d7c61', name: "left-header-tools" })), index.h("div", { key: 'dd8723cbe696a6a1a9c4695eddf506026c2bbaa2', class: "shell-layout__logo" }, index.h("slot", { key: 'e2fd0a4861677ddf1358a59fb7dfc0e799f018d0', name: "logo" })), index.h("div", { key: 'bc95ca5a6020de7a45f3c8020c5919d51ecec110', class: "shell-layout__header-right" }, index.h("slot", { key: '881011c6136c18caec96e30ac1255f9ab80a3f91', name: "right-header-tools" }), index.h("button", { key: 'b93687aa31991f30bd57168780b8b04440711219', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'cce78c702d8a571076062a596abd99ad03fb4f1a', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: 'bae97a7fa1946220b499ff7e5ad731de6c2240f7' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '3f6c28e3c6bebdf88694b58ab10dac183b65d12b', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: 'a392d1463af93a443ef07bfe574980666b9496ec', name: "avatar" }))), index.h("div", { key: '7862ee167569b8923e1cc1bc9c0b1fb3670ffc29', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '96227152896b85046e56ea5be38266b62c733b56', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '243f29db5f2a48dc45ba1f0d713b3c4958cf1d4c', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'b648b46f314b7eb3e8cbeaab66b60958df2c33ea', name: "mobile-logo" }), index.h("div", { key: 'a1806198bacd3b41cefc5ea09317ae5507bacdeb', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '7181e730515ed1e15bd74c81caf7ce387c9a7363', name: "mobile-header-tools" }), index.h("button", { key: '21181b0d53b86e3318359e9770b6cf37015087fe', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '74f8978dc90e8c2f83e79c5953853fbf6910ba72', size: 20 }), index.h("swirl-visually-hidden", { key: 'c58d6dabd239c9d23df8a846e658f39ce43ca265' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '38a861f58541e69347f6e6dd054ab98117ee17a6', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'b6e84598aa2edb8f12cb93a23b16bf568794ecba' }, index.h("span", { key: '02a468263e43ac060e35a362810629312d9f425d', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: 'aa2ebbb0402ba79ec0b5f00cf1ae6253deae159e', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: 'b45ccc6603ec0771d5b19cbe8e5a5e30fa4eb217', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'ccd809273f64d4fa635272cecaeabd23347431bc', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '505c9ee9674a6133c90a63f2dfdaceb34687f83a', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '38a25b0ee1776ee2499429a7108c9dd7cfcf798a', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '26df85e18020ca33ed1af0da1612623d8b5982ec', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '0fe80b7161bb5bd10b9f8a655f7ef0f848d64680', name: "avatar" }))), index.h("div", { key: '7aa947baac9f21947d7c8e3f12a3dbe37805b613', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '8fb614cd9e110e2271273d2b5381f92007238f76', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '5f4b0f3e73f5809a050bbf9e150a32d37dff2eef', class: "shell-layout__mobile-header" }, index.h("slot", { key: '4d0dff7d4ff21cdc9498854006155f3b5c6c709d', name: "mobile-logo" }), index.h("div", { key: '087f54d2ae4eaf3f8e30e728e58bd36311ec2ab1', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'cd74eee0dafe0434fa383a06aa416a5dcf0eba20', name: "mobile-header-tools" }), index.h("button", { key: 'cb56b0d18ba111a8d60b2dbc259c61d506c60df0', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '477c9ade6d4d5e12adb549103b0513e0c0c9281e', size: 20 }), index.h("swirl-visually-hidden", { key: '7d229d9c5109d304d841097a1f0983ca6cb30380' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'bfd30c1bc7b4a95af660505ed2b007649edd6de5', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'ed81fe92a5eb0bc1842d7aa388c580f2680023d8' }, index.h("span", { key: 'a570c26e350bc5e4907fca33f2f4b976ebbce8df', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '2c2cccedecc43cc98e2b22823c19b9d084a8028c', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: 'ad6e352d1abdba97902ba4154c50b9cb05835133', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'b7370c8a86fe8ea3a4f6593b1e64539762ef8fd9', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '6eb7589163caac058f8aa38ef70012a324dc0135', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '2f9bb895d238727285a21069031e823900c5ffc8', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '5058d8320ec39ff814a3eaa730515fe51be98218', 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: '16b32d3114b020a7e8c4e0799ce65515d6f07b30', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '238f5dabde3126b18d586908ca7b684319e7c26c', 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: '94a44eaff355c8683c1e479b8959108faaa9481e', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '04ba326193bc397ba3ea11dde2b3ed4ca1718a78', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, index.h("slot", { key: '51f845c7d99621bfd9178f7b0e32b2941ea50dcd', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '6b60332d37ccc92d6d2a23c4a1bd8503df22ce26', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: 'e52301373ea6373de589f557b9ed10f915357cb6' })), index.h("aside", { key: 'ae3480231e8bf0745c83b961d4e0c0c4d66ed3e5', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '12b4221c454c5bf6c80c96c2a7a2e8a89ddd8a64', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'a21c6dec96498f41da1d2345c6674de66a77aff1', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'eb28d3bc28b3b2d042f75d7e7946f1d730572b88', name: "sidebar-app-bar" })), index.h("div", { key: 'bdd4fafc000dc34ed4b3a0d909495b3b1e398032', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '680a9946a8328bd80b6ccaeddc78095ff29a3017', name: "sidebar" })))))));
+            } }, index.h("slot", { key: '6367a380fefa43928d63e13f037a1e902d6bbae7', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '04b3eee2cdc2381ecee444f8edcbda136976f497', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '5bf52e269c072eda7ece77edb70374465194d6cf' })), index.h("aside", { key: '6bf832b8cda1d3695cc44503c4ffcd5911805b8a', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '8f9f1856ff5fcbbcf06945a6d32925a97e9d1e5d', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'af4877db4882349a99dcc4c55e57824e91bc2814', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '843ffb37744ba99e321f87913f4875a59fe8321d', name: "sidebar-app-bar" })), index.h("div", { key: 'c11f7be120d47e434caff064d94bc317ccd0dbde', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '7a96edaf56063b6678b6afcb02b3b9a54299681f', name: "sidebar" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {