npm - @getflip/swirl-components - Versions diffs - 0.320.1 → 0.322.0 - Mend

@getflip/swirl-components 0.320.1 → 0.322.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1718) hide show

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

@@ -3,7 +3,7 @@ import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.
 import { c as classnames } from './index-267776a4.js';
 import { c as createFocusTrap } from './focus-trap.esm-49c9613c.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}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;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))}@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 SwirlModalStyle0 = swirlModalCss;
 const SwirlModal = class {
@@ -14,6 +14,7 @@ const SwirlModal = class {
         this.primaryAction = createEvent(this, "primaryAction", 7);
         this.requestModalClose = createEvent(this, "requestModalClose", 7);
         this.secondaryAction = createEvent(this, "secondaryAction", 7);
+        this.sidebarClose = createEvent(this, "sidebarClose", 7);
         this.onKeyDown = (event) => {
             if (event.code === "Escape") {
                 event.stopImmediatePropagation();
@@ -26,6 +27,10 @@ const SwirlModal = class {
         this.onCloseButtonClick = () => {
             this.close();
         };
+        this.onSidebarCloseButtonClick = () => {
+            this.hideSidebarContent = true;
+            this.sidebarClose.emit();
+        };
         this.onPrimaryAction = (event) => {
             this.primaryAction.emit(event);
         };
@@ -95,6 +100,8 @@ const SwirlModal = class {
         this.sidebarPadded = true;
         this.sidebarFooterPadded = true;
         this.hideSidebarContent = undefined;
+        this.hasSidebarCloseButton = undefined;
+        this.sidebarCloseButtonLabel = "Close sidebar";
         this.isOpen = false;
         this.closing = false;
         this.hasCustomHeader = undefined;
@@ -234,21 +241,23 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: 'd162022c8b9967bb9eded76db12570bbadacaa7d' }, h("section", { key: '16daee0db84ad02cca21fbfb889862c595b790b7', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '9580dc9753a27e9619ca5c8a46de177e41ad0401', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '91fd94a7b8e5546f09d3abaf30b452ff36b53ed8', class: "modal__body", style: {
+        return (h(Host, { key: 'a3b33a8bad658b5069ea3218ee680fa22633a05e' }, h("section", { key: 'd6e778a51b8713f77b51c770d62dfe2f1632e2f5', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '587c19638a0e171ff8ad589e21f6621a98c2e6b1', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f1f3bf5d25be5824dc5387a6755883c1d2172f57', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("aside", { key: '79480adbc827a85032debda4dc0d20307c4c3d72', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'a6a3bd6cad2bef769cedaa030e4ce6a461a92c76', class: "modal__sidebar-header" }, h("swirl-heading", { key: 'ff5451d4f51467e5e60013dcc276f408a1c35bcc', as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel }))), h("div", { key: 'e42c3111f5a095846bad8346885532eb2c7fbe96', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6a18599749a2ea252c90f0cf46ba13b6f70875a4', name: "sidebar-content" })), h("div", { key: '51afea19e6db35787dad89949f90cf7135bf3a2a', class: "modal__sidebar-footer" }, h("slot", { key: '5e27d543bf74ad187c4d413c92f1a0dad37ade6b', name: "sidebar-footer" }))), h("div", { key: 'bfa4d069ad12b4377bbd7e00dffc47be4c6be742', class: "modal__main-content" }, h("header", { key: '23d5b07a941a7a504a05d0af0116119aa6547029', class: "modal__custom-header" }, h("slot", { key: '6a10aed5e3989f04dce9aadb8c10b23c04265c24', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '7cfa274ee7624dae949313d7e178ad7a091ec18f', class: "modal__header" }, h("div", { key: '591192e57b8630bb25d123ef8a8987202a7b90a6', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '9ed3c60edd6464f3c56fdb080cb202d4847adb90', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("aside", { key: 'c1a228f13d773047b1386713f65db7671ddfce26', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'efdc6b571119db2de308a180315356107d4d6268', class: classnames("modal__sidebar-header", {
+                "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'd8530916e86ed108c76951436a706bb5196ccf91', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '14466a82f7791700bb857068800749e82dca8c1c', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'cf1420c2a4f515e074b20ecfac829e74a702e675', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '9d47338b7839e4d2b3f4820258d971871533a789', name: "sidebar-content" })), h("div", { key: '89dd11d57e92f220fdacbe80ffa88af278654f56', class: "modal__sidebar-footer" }, h("slot", { key: 'a5731411d52f97fd32be7ef03bde1fa15192b6ef', name: "sidebar-footer" }))), h("div", { key: '14c93cb9729b10ebe63cf15f66007f7f4dd9e528', class: "modal__main-content" }, h("header", { key: '08f4707e2efdd4dbef18fdf86c3d4ffff6d46577', class: "modal__custom-header" }, h("slot", { key: 'de4cccb054fb97513867fde9032cedbd8b0c7c8e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '54436e75b14618216d2cf8eb7876dc22643194a0', class: "modal__header" }, h("div", { key: '93bd4a05c079c839ec75990d577f963321a620be', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '63292bd349d6d5bb6be4200c424f17918aa02a30', 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 && (h("swirl-heading", { key: 'f3d11935d48cb6a83141df054b82afc254792c2d', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '6f0b289d11691dfd16a0716f2fa25f23f6f432e6', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '9eee2e0d149ae54e5b681a453b3bb6094ba7bece', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '20a1c5c6632ddbefb2dd51482831f533cbb5f45a', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: '35d1da48878a59394e80fb417b8a79f87956a7c9', class: "modal__primary-content", style: {
+            } }, h("div", { key: '64ac704ad78729837ce6a51e9b57fd49316e2af7', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '61110bfffefd307ef8689c8011d22ee04a191c7d', class: "modal__header-tools" }, h("slot", { key: '88132e16cf38cbdfea4af31b0e47b5f085296799', name: "header-tools" })), h("div", { key: '9af2183748d315be64eee21e828bb0594f1d4756', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'bd270446b3c8e3b1591e7b0d3fbe8ccff0c82d47' }))), h("div", { key: '5f9a362288a72d1217d8793de47e6483ba26c41d', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '6fed1067af3b45a2b26c1247ed160f7f0177cfb3', class: "modal__header-tools" }, h("slot", { key: '59d0242705e0b2ff2e4f7fb3c6eb6c8257629bec', name: "header-tools" })), h("div", { key: '6a2838c93453fcc2fd9d36ce2a8b706601c3e7b9', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '7b68d951fa828b73b5fab6a6da7534d87ae8c867' }))), h("div", { key: '7281a711bc7212dcd2ece30d5032bdbb85d3a971', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -266,7 +275,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '91c1ac6a98a4f4bc34ad0c7bb933d39630e42cba', name: "secondary-content" }))), h("div", { key: 'dc07e671d85ec799067c91d08515df4b6dc5f8a3', class: "modal__custom-footer" }, h("slot", { key: '76064566c0e4cdcb636202b2a396c1f471547c8b', name: "custom-footer" })), showControls && (h("footer", { key: '5da26f5013227d82fdcbf4cc26a035bacfbbc56a', class: "modal__controls" }, h("swirl-button-group", { key: 'd52363233ed5e6cd395137adbd730181f10832a8', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '19056321ef209dc0161bb368e705cdaf75adf895', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'fd0641ba559b5bc16215595aef5d4688fde76b4b', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '88c633d2cf5c456eb78de68d5c19d7fe2f8bca1f', name: "secondary-content" }))), h("div", { key: '1203e8fed5505a3633bec66a75e419985735e2ab', class: "modal__custom-footer" }, h("slot", { key: '9e291b19d9887c5ab2ee25be124bb6a962a96f0f', name: "custom-footer" })), showControls && (h("footer", { key: 'f072f30ef6c4f65057228d00495c77459a5d25a3', class: "modal__controls" }, h("swirl-button-group", { key: '0e0a4b1173b3e34e0ca974a0807e2172ab3a05e9', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f8eca714bc46f250ac8c1ee34f4e4d8b2ea4eaa6', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'e9dd5999c043eb6145a21296501f8d1952775901', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'e99fbd8cc5f028e94ee9fa7ff3b48fe65eb0379d' }, this.hasSeparator && (h("swirl-separator", { key: 'a989e3fea9fbb74a08afaec3689be6ddc8fed766', spacing: this.separatorSpacing })), h("div", { key: 'b097b691b05cba551d24933b16c508a419b33cb2', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'f3621a3844c0a2a30d0f1ae145476a2339e7d588', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '02c6008401c808aea28fdbd96879990038d2a386', spacing: this.spacing, align: "stretch" }, h("slot", { key: '547823346390ea32380b902c059c1c3dc8c11b32' })))));
+        return (h(Host, { key: 'b5a65fafaecf58d21701eee44291b775b4b9d94e' }, this.hasSeparator && (h("swirl-separator", { key: '0dd2884e2745a8ed1ce18be526031760ec4d5481', spacing: this.separatorSpacing })), h("div", { key: 'd64061cf3e2b9ecd471a77b310e2faa9ae1b6658', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '7e722b89c5e60aff20886a49b4c822d0e82f6518', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'aed52ff07359fd4654f30ac09ed6665d47f71934', spacing: this.spacing, align: "stretch" }, h("slot", { key: '04261f09630ee9d52165f30f14678f7ae34ff641' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -348,7 +348,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '26a2012804a409318008a6183767a1b8c938e80d' }, h("swirl-visually-hidden", { key: 'bf8687c2be6746e40e8ccab834f463af02a26208', role: "alert" }, this.assistiveText), h("div", { key: '718c674e95755b47b48e811ab71073972b0263eb', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '4de006ae871e2d3b1010289beec6e51dc454a43f', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '63bfbdba6c37d0d746b0a225936e3824b17eaf7b' }, h("swirl-visually-hidden", { key: 'd0d27fb187edc49c89d476130fb5acd98cfe6caf', role: "alert" }, this.assistiveText), h("div", { key: '2d8ad6fdea8e9013b4c460c7b9aa3259bdcd17a1', "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 }, h("slot", { key: 'bdd5e8d57e3d441a1e0551833ff493c89d719287', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -401,7 +401,7 @@ const SwirlTag = class {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: 'a1f2f0ad84547ea62b11ad4340aeef072c405bda' }, h("span", { key: '49cd19c19c6589e905918b9f7361c67e7926f750', class: className, part: "tag" }, this.icon && (h("span", { key: 'aac560c02e88365dd5fa63704a11621ad4ef434f', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '9bf2deccf5aec4f08ceef5f84d1953877122b188', class: "tag__label" }, this.label), this.removable && (h("button", { key: '3f28e71afe4092df5ba593a06f5d96636bf5c04e', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '7962ddb75c8dfa7a93025318ea0ca27146ec5a81', size: 16 }))))));
+        return (h(Host, { key: '47c30c429b8e910b006b21f6e39753a710ff7425' }, h("span", { key: '91c7946323875360ac053a28a83849b669d35913', class: className, part: "tag" }, this.icon && (h("span", { key: '000de8f304e3accd6d3647e9934063fc8cd7da05', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'cadd70a25bbd6214719275f8a24aa2882c0e90d1', class: "tag__label" }, this.label), this.removable && (h("button", { key: '5278b9fceb383c5854c6053d943da4e4171551fd', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '76b23763ac812f53e4caa07a94094982847d0525', size: 16 }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -88,7 +88,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '84da59d062173605db91d1f72d9706aec9588d4f' }, h("nav", { key: '48d208cefad2385ae7acd8684c217976a885c10c', "aria-label": this.label, class: className }, h("ul", { key: '66e23bb51076416401b9ade13422dab37d3e8e0b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '408728e3e75b2601a520bf6839db229e16cd53de', class: "pagination__list-item" }, h("label", { key: 'dc355e2bd8188a4d9ca2466ad447de5444ab48e4', class: "pagination__page-size-selection" }, h("swirl-text", { key: '461b7edbce179efc09e5e0984d65ae41c9ae78bb', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f5e43e13a30e82d632b18ab9827f1c5375d44ba9', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '6d02a992675e54b3d55de4e55821cbd39d2e9e48', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '33bb9594ff0aab4508ef5b2c7950e0a8805454d8', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '469b0a360208a4168c9d85cf392503a957f083a5', class: "pagination__list-item" }, h("swirl-button", { key: '189251e369955b1d270b6bd4214c9ff1285917d1', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: 'd86b48d2c5058b25bd801d98f0c7de9d1d2c58c8', class: "pagination__list-item" }, h("swirl-button", { key: '3694fdb107b3e4dd46a2ef516cfb593728f6995c', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '75fdc6ca0d05d0a149841ac1ab496eadd12d13ea', class: "pagination__list-item" }, h("swirl-button", { key: '1dcc344b3457dbfbbfdfd7d2c2e371e0df9ba72b', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '02dcd257fcb5fe83a0dbe2502504fa4fef78c8f4', class: "pagination__list-item" }, h("swirl-button", { key: '527c5f16f804a7a1c6b393860e1b0e6af144cb6f', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '08c165e0dd8f22f1dd462079afbb904e3f7f50b3' }, h("nav", { key: 'c6fc744fcc8ae4f67f6a5e655ca974962c5cb515', "aria-label": this.label, class: className }, h("ul", { key: 'ee19e8b5b81e9fdf26b0be2a9ac1b277a8d4629a', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'eb039a282c427edb7ea44fd2af641b3f88ea1342', class: "pagination__list-item" }, h("label", { key: '7fb991ffd443fe256914638308dee16108ce14f6', class: "pagination__page-size-selection" }, h("swirl-text", { key: '6c02e7b3c8f4b2fc308cdba23cfb75c8bdbb370b', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'c3941c2f196618e857fff5d7056ff4634a51ea0e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '073e9ede82d16fc9b1a118f428c03b507dd969c7', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: 'ea7208c33ebd133e84d5e518140bb58137f12bfe', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '98269dd12133ccf1f48b118aec35d730d0ff05e0', class: "pagination__list-item" }, 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 })), h("li", { key: '6c61b9fef4793d02fbf6f8cc872a73aca704721b', class: "pagination__list-item" }, 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 ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'd419d0a1786dfc70389d218299656a495cfcb8f6', class: "pagination__list-item" }, 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 })), h("li", { key: 'c86fb75f20ee6ec5b5d0299df3c501e8e798b8c6', class: "pagination__list-item" }, 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 }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

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

@@ -188,15 +188,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '0c755bdaa575b851db01ec53e6eea6949686a53a' }, h("section", { key: '13466947b741f6ad0cc61357f6c5b823a2146cf3', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '4a8cab1c92208a7f1a5873493a3525997334bff2', class: "pdf-reader__body", role: "document" }, h("header", { key: 'd5e057914d5c4e5f88f0dd515cb92724157ab7e2', class: "pdf-reader__header" }, h("span", { key: 'e759d1ef16205a29d00979005f1cc77336327afb', class: "pdf-reader__header-left" }, h("swirl-button", { key: '0d2a961095e74ce1f50b867d05231af1ae71bb75', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '9994a87d3f8bb533b57d26da6cd18ffdb06075b9', class: "pdf-reader__label" }, this.label)), h("span", { key: '4d8ce906f6582646f9b63f64b113f4909f4623ae', class: "pdf-reader__header-center" }, h("span", { key: '5640edd18d2be3b2e9140aa14274f907b42565c8', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '73060ab8d4999555235a51771b523fdd6b087f2c', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '9813650423eb27c39bb3aae07a5935eb9f416c3e', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '590508467bc360fedd4b94707a967265576bad06', class: "pdf-reader__zoom-select-container" }, h("select", { key: '07d269f933e559414f430e8396f0fc8b1ef79040', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'abddf4e04a32c2e87bad1282ef5fad2f2872449b', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '672daaf19d1d9c3ce85a41042ec5b49fa45ca575', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '87059ca355ba1d3586bf05a6b0af8014529a8b84', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '8165ddbd5dbe47ecdbe469eabf33bbcd98637a46', swirlPopover: this.menu }, h("swirl-button", { key: 'dd4a7b0f4cf33f51c0fcbdb40fea3c12ed041847', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'f689c6c8d83fc0f7820ae3f2d4cda7837b48024b', class: "pdf-reader__floating-tools" }, h("button", { key: '81ca0e07bafdbf5b72aea599e6667139b29a34c3', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '217488abea5d95b9edd649f327600a94f4cc6960' })), h("button", { key: '4ba7f4de9d0381f64557ffb453ea174973dedede', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '437e97ca474028d06b0bfede56208d0a4c353507' })))), h("div", { key: 'f192e63ccc82bb4f0d4a7a9fb32ceda5f8c7c3a6', class: "pdf-reader__content" }, h("nav", { key: 'f13db656da643f6dc09942fd7315813bebd08851', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '29d6196d06c3b5a9eb2e20ba62b3e8d0383afa61' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '3de997a4efd825d58d3521893404da7905d83339' }, h("section", { key: 'e2c052afa9a532a277e4fb8a1affd62278e39295', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '8e5674172b199bc53b0dad8b0f05b669037d5b48', class: "pdf-reader__body", role: "document" }, h("header", { key: '0d01e86e3405d638534a1bb2b43daad55f065a31', class: "pdf-reader__header" }, h("span", { key: '895aadcb6a0b24f5d6416379c774c62344a8035a', class: "pdf-reader__header-left" }, h("swirl-button", { key: '08ce90cdbd024e12de2ce12654c84d0e829b17be', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '5a97c836494901849c5f336142a29cabe795c378', class: "pdf-reader__label" }, this.label)), h("span", { key: '38e5c87184455262d4525684e74730743114c405', class: "pdf-reader__header-center" }, h("span", { key: '9b40f1ce078d1c13b8ed2183e0c6e472a9af59e9', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '15c3e9ead05a44ec5fae805d2cc10df576438388', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '4990a584afe119cb9e427e69d3bcb4d012c10758', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'c7fd9b622b205696f0f4e92bbc525062d465281c', class: "pdf-reader__zoom-select-container" }, h("select", { key: '89924621f01f850d92497503cd8a42a781f01aad', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'ac6cc0763927825999ce9c39b2fc328b78f8fe44', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'd6600d5b2c42124c36124178f4c416c5003f7b15', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'ee5b9f29ee9034a2b77ee6a5e31e4797cfa43996', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '282b5670040c855bdbc66b333fbdb9993ffc1e3b', swirlPopover: this.menu }, h("swirl-button", { key: 'c57c742c6752cc1e0371de305b3909c9e0d221a3', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '8822b8b1110f5907480bc75d9abb1c22475a9add', class: "pdf-reader__floating-tools" }, h("button", { key: 'db727c7c3a4796e3f5560724391e324cb74fa53b', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '2665981959b1d19422f35dc744160349dc47205d' })), h("button", { key: 'd469ace632872719ee26908c15f81e45098197b0', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'e62df249b45ad57f06fa0dadcf040a935eb02cad' })))), h("div", { key: '4e00f33d38c95e9eedb0519216b6b53e461dda15', class: "pdf-reader__content" }, h("nav", { key: 'f5b94ba13d123a505e301bb242336e9884342769', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5b53f04d0a5da7e6a2a11a934146a0de429af904' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: '7c8ae47f37f36db80d9330e954738cf666988710', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '6e55bb47076d9a4c2aac811dc8662952a0e961d9', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '7feffb6d7a80b8934eb344cba9c318dbca6643f5', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'f23e77a23819394ba0dca91ed9d9c9c6bde15a0e', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '402bb24da702f44e938f6ace8454994927c68886' })), h("button", { key: 'cf45c0c991d5eada5ba844003d1560f9dae3e561', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '55ab2968f13598ea54aeec1e354b0a313b4e89a2' }))))), h("swirl-popover", { key: 'e7577848fd14cb33486fdbe2fc956f8d780b22d7', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'efbe0a392dcc451dd7d85f662aa606bd9e5d9e05' }, h("div", { key: '5a9f13fcf2e8289420223e1dc84089369a6cdc14', class: "pdf-reader__meta" }, h("div", { key: '06b5669647a6904d994451f0bcb227a69e1102e2', class: "pdf-reader__file-icon" }, h("svg", { key: '06d33f34adce92e557d68ce6392e47ee474dda5f', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'fc1c10d843e6deb3c81f9d6d5f2360cb3cfcae8f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '06daf3d53d6d4a6f88ea4c76a24b71a9a2c3b580', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'd4d1d197fef9bc07977b80a168ee2012646c340d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'bf3286b598fc7758d4f76e6a6e29b4c77380eefd', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'efa326122bb3b01e35f106ded8291c21a948cb6c', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '9a6b73133ff5ce12985d2d2c79a0c78f1f7fa6ff', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '9afd02448f2bd53bbe524ef18ff00baf5ed435ff', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '9be342c18adcaeb8f5a21c79d74ac77e7eb24d09', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '4e06a1f34f6ed34b4269e0f0f71baa4183f0b191', class: "pdf-reader__file-info" }, h("swirl-text", { key: '16e3d571666f83befb94e1dca22bcf76b98f23bf', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'afb8aadea5698784fe4b2aff6aa0853f482f96eb', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '09fd7ed3feb280a2ba394db0d6296c5de3af2c2b' }), h("swirl-action-list", { key: '13de96e4138bf536e99d616d9cb5366e3ecf2804', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '9c3382bd56c690ef57ea7120ec76c7d750f8e702', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '05fd3099758d075c4da87f52cfe2cc6f21c260d4', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'b442e77cc5b1ebdf7e57bc8510536c707c8353ef', 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 }), h("div", { key: '0dd322dc67d3a9f806b43f84b59a81f040753969', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '48057b8bc4a2471f9fda069d607c0d1f041a808c', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'ab1d15fa9d9cbeb4d8c747283e4e3978f2c3fd6c', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '9ca60630163a75bf9732a77c232bae1580cfd508' })), h("button", { key: '19f7dad32033d1c40f311531426e49717d8a7066', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '1403f1dee91b4b7816ba9df9bcadc3a28bcfa71c' }))))), h("swirl-popover", { key: 'b5ebc5857b0585d2373dba7bfbda36bca5d35d8a', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'baeb26b6e7cfa169ae3953e0ad6bf8c6fd2676b5' }, h("div", { key: 'd78e92d6c60aa2330e6999a428e1c469f2396d3a', class: "pdf-reader__meta" }, h("div", { key: '68b3d21802c0c6f5f95ed62a264b4709311fa9be', class: "pdf-reader__file-icon" }, h("svg", { key: '93b1b4bdc3cf9176fa79fce28b3911755a95a6f6', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '4c9787fdf28709ac7d7773f969127e9c7f0ff224', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '52e6f8b4d74938893809a399b497e90e1542661c', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '23e2419e027e0f997bb22ca26c03cd161cc04734', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '91ddf09c6b13b016667078a99dead981f2de3094', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'e75d746251e519e30cf81ae76cdcfa2577c0ebef', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '2fa3b043ac43cfbc4252cce8b802d7646f71e3a6', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '1a83971c5a0bd0addc196558b7c58fd847a2c9e9', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'f40fd590594196d0e3c6eabc5d414035932d0df6', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '4544740d3126138c7421641c485b4c9d922d336d', class: "pdf-reader__file-info" }, h("swirl-text", { key: '200d76248c17cb3e293aff67ac23350e08895a82', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '760490713e2b9dc07a264199cebbc26f603e4432', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'a7133999707af675239299d5b62215b064212512' }), h("swirl-action-list", { key: '7bc630d457d3c18e0d9d4ab0898417ebcae1cc91', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '77755d0d90eda2236ceb4c721bff05f0ec817fe7', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'a9caefd368e5f868a97ec10e575d6b1d52031e72', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '263a5861b1e9f7098a5c2d53bc6555c8c87fa5bc', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'b195bd13da8a4a362fbcb628c887396e33595da3', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -265,14 +265,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'cbb60ed5940577e10bc5fc902c753ebd45906372' }, h("div", { key: '026d18a7b495a4a79e2c2fa720cd97032d3dbcae', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4b0324e4a34100e96540c8a504efcea4de74de4e', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '458b7f823da930de0eebab3b20716578a9a091b6' }, h("div", { key: 'd04702b71a8a3afd8f23f62b2307765aa5381bbb', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4a66afe8d85a4ce40b9be09f137c29a7c0331a83', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '545a62bbcc4b125ed17db257692477bd1f864fef', class: "popover__handle" }), h("div", { key: '79affb1ea53e60027a9c0a872cc0b0868a47acdc', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: 'a56bf4844f0e7220d9bb95a2f467c51121e79571', class: "popover__handle" }), h("div", { key: '1924b3ab8125b084fe10142864eec21769e5445f', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '04a4bb2710fdcf19bccbf43dfac6b1e970b34e9e' }))), this.active && (h("div", { key: 'f6a04e25d55ed012ec969ab95a0f86941976a7c0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'aa727605101597eee97aed835ba361e5058a03c0' }))), this.active && (h("div", { key: 'ee5a43aee97d1f9d5b46213d58ab2649cc166194', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -441,7 +441,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'c38e0765189224172365f666babfe44a95e307c6', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'e8756b1d9888bac3f12ffc12591e62ad3c572d1f' })));
+        return (h(Host, { key: '18be87536f6c91c777adb8a41e616868db4fa6bc', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '17fcdbfc8c78c32f8140bf2b8e221ac9c7775d79' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -18,7 +18,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 (h(Host, { key: '12b03c2c018eda63c35042beff2df6f1abb124a9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'ac776d96cc6855d3243bcdf8e109ad10e03479d8', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'accabbe193d90384a655280826fe6b668af21478', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '4ea8388334a6bce14f0d3cdd7e5ca2188fba64d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f9f929a64b08b0a2e3ce5184de3dfd9cc523867b', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '91d150531c699e223691d787c78a475dc8abc296', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: '723ee9fccf1bee2032efd9c7e076ad56e8244939', class: this.variant }, this.variant === "bar" && (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" && (h("span", { key: '0416de83b2197625349f8237e468cde61a1192ad', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'efef3c0be2d4ebfcd73abf6c436670e0da8f18d8', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '9ce31abfc191b7fbda6ac8dfcc8a06fc67f21681', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), 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 }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

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

@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '097d6c4ecbf55f8e9cee56a5d04f2f4fa2dba40a', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '59aa472957618e567ac8b246b99d0ea4a637ddf3', class: "radio-group" }, h("slot", { key: '0f7672f7546a4e3c36655732c77aef97287e361f' }))));
+        return (h(Host, { key: 'b328e214c0d0dc0c45ee2fd8eabfacfcbe5a4be2', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'bcf1e95ccdebcc324bfa2bca7d6c4d8ac6a3b7d7', class: "radio-group" }, h("slot", { key: '4fa3f24729f438d1f1afc8a79464669a646cfd77' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -43,7 +43,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '45d23085a89c549a0e30185c9394c31dc5a0259a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '993ff8f016b074d5ded0c8011b2473a23d993e48', class: className, htmlFor: this.inputId }, h("span", { key: '2c85e0356b82476ab98f91b7e3d43faa580aa816', class: "radio__control" }, h("swirl-visually-hidden", { key: '6d5dd1aab7076008c2b5faaac55e16da89e879cd' }, h("input", { key: 'd51aaf1dbd7d7105f65cadae2aa4044f8427664d', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '333e476073c4b5d65a81066b0eec4960bfd8a3e0', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'ba46a5362e4e89e53f5f8ba28b8d41640fc6aeec', class: "radio__label-container" }, this.label && (h("span", { key: '415f6bd23393935e0ee37b86c4ba0eb3ed777bd7', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '280c027a195fbf94dd39f7cc8d71a6be1530ac4b', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '14ca29fbb9c23f654f8b43edc5b7866f6d59c78f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '750556bd721caefa5b0e6a1a0a2ec8f54799aad1', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'ffc86019706f785e80edcacfaafe70cd33a4318e', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '0d92ec5a8c55d04e4036e7e8b44eab3ced9e8c66', class: className, htmlFor: this.inputId }, h("span", { key: '93ffcee887ebbcf70e2c1adb0ef4818b6e1baf7a', class: "radio__control" }, h("swirl-visually-hidden", { key: '1591f9e611101724f575de7618bccb007c311fae' }, 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 })), h("span", { key: '8105cc59e8f59f056579f21f56d82e518cfe7396', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c5460f18c4d28bb9b41108600749f68cf42595dc', class: "radio__label-container" }, this.label && (h("span", { key: '42769a01c4d19f7d8bcc4703db4c279ef703b605', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '78a1a418488e4038db1690a23fe437c2809ec8c9', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '62df0dab9980f31ff213cc8c23f3cffbd1d92bfa', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'ec5f93ff9db3aa970620857d7fe1b07b25f01a4b', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -43,7 +43,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '57f351b75f6a17468515ded3dc020fb892f5a05e', role: "row" }, h("div", { key: '01d2ceb6b508def030e209dffaea8d179558ae22', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '5e1c100b507ead5ea821e28fead23e6ad3ac5721', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '5c36e020e3220f80adec0b33406bc206efea537d', class: "resource-list-file-item__label-container" }, h("span", { key: '4c6ae0436f5ff449cbd4dae470c89d2958810bbc', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '87acf221a97fc580a2e59145486ae547f7946ed6', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'becead6e4c48d9e45a71e8caaf8a85d4024887a7', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '3ce3ec28d854de45ab1b1c60563209e0f667a2f3', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'd36050f3d8abd5738a159dabc677bf5269e26e3a', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '807cefc4c13f873a04f723f3dcbaa604d8f51589', size: "s" }))), showRemoveButton && (h("span", { key: '620a458b8d80b2608c0f0d1ceda7ba825b62042e', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'e689fbaa53a4852013cd7bfe24118fc9898184be', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '5212f1d812317f059ca497ba57a573ea6e8cf2ce', role: "row" }, h("div", { key: '4ea7a96b17e9f3bee24e2600f4fdb638d2be82d2', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '5b9b3f41db7016985f1f50b7006bc88d15271faa', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'a98045dd62b13c8bcb1e17c0c383144d2a1c2d3d', class: "resource-list-file-item__label-container" }, h("span", { key: '0b9e6815935fbcec2347fbbd103eb785c2b4153c', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '5de758cdabf7e93262b7cd6fe8f409142d964319', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'e575c19491e2a1572e641de134442e16ea40f3a0', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '6d18b80c99a76ecc2b038f1b374af5a3865c7b2b', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '732c5faf3852acbb65491c3eb4cabcd80707104b', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'c0f253186fe13aabb03140897e138d74ee099ee7', size: "s" }))), showRemoveButton && (h("span", { key: 'b92ed6eb0f2557c1422c0541d79874d3f173767b', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '44d1f7c020ab2ed1ddc0d1eaaa1173ad2718ed7c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -12,7 +12,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'ee6e6c3f6070544c33e51a4ad52f7e17630bfa94' }, this.hasSeparator && (h("swirl-separator", { key: 'e1b1f73dfe9e8d79bbed6f1a8255aa8826c9d584', spacing: this.separatorSpacing })), h("div", { key: 'ec802cc3a3dd29658f1b0088d689a22478342ef9', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '4a3c3b9279f7a13ff40cf7950defbc54c2f76435', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '35d6017e5189c2a0ec7604cc9b932c373a5f30d2', spacing: this.spacing }, h("slot", { key: 'c47b1ab203d0e51fc615d020065d028c38fb30dc' })))));
+        return (h(Host, { key: '7b7e7e0e21a83bb0765eaad71746152ea596558d' }, this.hasSeparator && (h("swirl-separator", { key: '2b3c637e9fac7e95304db1ebfa6c0601daa73f29', spacing: this.separatorSpacing })), h("div", { key: 'c35f56847e2dd2329a7be859f1f083dc8aba0c0e', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'c71e6e866a26914ac4dc61c989c8ee14d02dd22f', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '58208e68f516fe4d64eba6499dfda825eceb7cc9', spacing: this.spacing }, h("slot", { key: 'c5e0e56e39f240d7f8baac39635185272916ce18' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -73,7 +73,7 @@ const SwirlSearch = class {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '1657d8a33fc183979dae782a391de0615dfbc4ea' }, h("span", { key: '97a1e2c02aa3f8ccefe50ae05b47ed8102a8d171', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '461c99e89757917055b34f4a6487ea029958fa21', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '2f56274c90f6fb25d47b0d6630cc888a347f0493', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: 'fb46d7ac34b429f4f03421852ec162b6fb8df4cc', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'f30e0a65bc23c50a6e2d5b844dcd52919846933a' }))))));
+        return (h(Host, { key: '4092fdf29e81da467a01ce14169ef0a236fa1e81' }, h("span", { key: '8d44e68c5d1ee9dcaa87e7b072b7368060451a21', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'a398ce6356847a6cf619cef1d8d1a1e84949a624', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4fe717d1512a62b47608dbc99042a01e438a38ef', "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 && (h("button", { key: '541696544a78036c61621ac82e9ab5071f4b69fe', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '57a0dbb569ca31f11ae9187c4675d90fffca4a0e' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -139,11 +139,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: 'cfa294f17e7807e3c0de15fcfe5c01a75cc4f96f', onKeyDown: this.onKeyDown }, h("div", { key: 'fb647f40c0253d56e72a44b53d34d239f0794aab', class: className }, h("swirl-popover-trigger", { key: '1cb5e9e640aae230fa5de9f7c292658b1b37acee', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'a60fb922ebbb34ccbcd6e1522cc7ce790eca88c1', class: "select__value-container" }, this.standalone && (h("span", { key: '8f2aadcb48a34ae0366788140908618ab5866a0d', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'edf0cdb657cc50721caeeb66c89ac9a62d419ab6', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: 'c52a7ca0d543b38c35e013dae367ad50af4bda05', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: 'e63b362a198088d6797635aff419e81ad1cb7aa1', onKeyDown: this.onKeyDown }, h("div", { key: 'f78a7a3cd098fe109503fb80a40f36fbafbebaca', class: className }, h("swirl-popover-trigger", { key: 'a5fa0d9b95ecdd17f9e15f5f5a0ed30c5164d239', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'dbc7b3766beda30a7e46769bdb25b82431f416a4', class: "select__value-container" }, this.standalone && (h("span", { key: '0140f1a53e9fed635875879770a97a6418c8c56a', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '8831cd9b8e61dcd435a1a63b801084cf8c9a4188', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '86f8418d294c68697ccfc463a7bff89b71d51935', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'c8e13d069c3a53536e1ed8f511a05a30cddfc3b2', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'd1315d97151e6cdded4a1c611ca6acdde7c02f71', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '44a7eb36a4e54f423323fc1307c9d5e28ac3e991', class: "select__search" }, h("swirl-icon-search", { key: 'ff7abfca2f1fe3e97270006ca57b71b847193677', class: "select__search-icon", size: 20 }), h("input", { key: '97a570d21506214d55f994ddd375a0fbaac23560', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'b517eedbccb4bbf34cc138aab63b68ecfaf42680', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'dc8278b0ee9fa6ce3b51b851d817f009c3dd2aad', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '938fcbd42a2527d1fc227ebe763d102d2df7c1ba', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '98d4aa8f938d96da489e78bf874bbcc2e0bff658', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'e18ee86088b46a0845d45c4741f495cd7dc56218', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '540211238b2f495856ce99a2a849939f639a944e', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '2b8bcba11027f9a5c79bc724cdfc988ab1666c19', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '8bcec2049122c51eec78763c4916a0bf691d5d95', class: "select__search" }, h("swirl-icon-search", { key: '1d15e92d2cc0f757c602840b644e3d349aa52e96', class: "select__search-icon", size: 20 }), h("input", { key: 'f52e86abec86d69bce05616f1608b0a3ea852626', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '56ce18222bb37c844646c82fd8150b45191d55e4', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '576e4cbb7ccd98062f199319f99565af1289792c', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'd4fb07b7af85c83ff6bcc0a94341ff5f935b1159', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '7a46aee128f6ccf1e29d28b2a44c1c70c6c88d20', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '80718f424ff5ba069718699d9a4aff18a984f49f', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -207,25 +207,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: '36fb8e69b7ed949a8401d1858976ffa4b59ce473' }, h("div", { key: '44a34f4ff4701fb4a85b37a82658f49dcff979cd', class: className }, h("header", { key: 'd3c9ffa113ed7b034af0e57712ca4e9e809a3f8c', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '33e69b2070b165b3f6a527724119dae672b66f8d', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '7c9ac2e50425b89f6640afe5c2a604791997a70a', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'c0d6ac2b583f7e0d29e5163005d062384af35edd', content: this.navigationCollapsed
+        return (h(Host, { key: 'eb7ff5bc5640a18b347f90e2e01c27a5664564e3' }, h("div", { key: '9a80d873d0604d5ab3a97bb6809088fef81cca49', class: className }, h("header", { key: '31b72147695cac2e0a4932e7c9aeb9c9b6b131f8', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '9b73a96ba708c9d6f157ba4e7173c6a265e18c40', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'fadae9ff9d4a439740f0d045a302ac4c347e6710', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '3542bff90c6dc358fb1bb87e2e0518bcaaa006de', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'e3fb7ca73220fd856572234f0779c2e079aea85f', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '687e9c47a2b85073ac8d4700b3aa9850040d1823' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '9af4e13a8e0ef6dd63a59f929a012427ab09683a', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: 'dde578ca8e1058048d2536804a4f8fc61a85dcc3' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: 'ef67dc02efbf1331ef807cc0109a614ceb3ccb73', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '551713eeb2e2a970e478a30b04c26a138fb09f7b', size: 20 }), h("swirl-visually-hidden", { key: '63e0ac4c64202a67faa87b93d484aa2bf9ac6512' }, this.browserBackButtonLabel)), h("a", { key: '94063805017b7fea55d6a09ff8f1a56f609f07e3', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'bdd718d08a49b17d75d3c7a4c0357f0da15b2ecd', size: 20 }), h("swirl-visually-hidden", { key: 'bab9528fae74cbc708689a9e112c6853c2c8f198' }, this.browserForwardButtonLabel)), h("slot", { key: 'e01d964493e00ab89aef4324154b83314bda183b', name: "left-header-tools" })), h("div", { key: 'f0afe03efe2c9a097daf02e1d550f494c28dc70f', class: "shell-layout__logo" }, h("slot", { key: '673e2c9b2f632367c31402d91086684fd344f021', name: "logo" })), h("div", { key: 'f42cc284c0a2bb3b839a61ac8e0e09a20dc9b27b', class: "shell-layout__header-right" }, h("slot", { key: '8a4786fe255958485a298f315bdaa37826bb36f5', name: "right-header-tools" }), h("button", { key: 'ec0d698f3d4d54916845c2ea8c3e814cad0b2ccb', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '4532d2e516896fdd807ee6d083ac6550e68b6e76', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: 'd9d00c80eea7f714e1419adbf5f9f4e6d4bbeda1' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '0b7509963e0afa15f02c70f9c2420648059cc6ae', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), h("a", { key: 'f9f6ccc0d01888a88a2691af129539896656fd8e', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'e458fca8127e198c5987f44302584a41e1b8adb7', size: 20 }), h("swirl-visually-hidden", { key: '3c698594ba33cfe12cfb3ec8924c82b743cf0906' }, this.browserBackButtonLabel)), h("a", { key: '0181f496420b0905c0e26817ec1fe86b6b754354', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '3f80270c9f7b0ababc943ada7c9de7c5d88bfdf8', size: 20 }), h("swirl-visually-hidden", { key: '3714ba20fb7db6061ccc84f26b5a8a158c240c3c' }, this.browserForwardButtonLabel)), h("slot", { key: '9b6260956c541bba553ab6c3bf0522ef4539f336', name: "left-header-tools" })), h("div", { key: '4d5e1055f59c720dab8117d4b05b002d05f72f41', class: "shell-layout__logo" }, h("slot", { key: '313dad5620e8acc0cbba98416c4d56eaa5a03c09', name: "logo" })), h("div", { key: 'a4432ccd7ff7b3d862c9493c271a46443c7780bb', class: "shell-layout__header-right" }, h("slot", { key: 'd8cae0196a1d661d08eb5c3437d57025a61b7831', name: "right-header-tools" }), h("button", { key: 'de2bfbce83796fd70ff222e75beb45852702c22d', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '144e9daf5105679826ba1226a7eb6652bb8db2a0', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: 'd7c910b797e1f674be83a13c39fec159edb7bdce' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: 'ae73c1ee4c365e82b853109e6fb390c198501889', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '858d38fc6147bc2c4d23fffcd43e0985962c2f86', name: "avatar" }))), h("div", { key: 'e22e090041ae9b960495bbb17d996124f3e9f34b', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'e0252f3f90f226d3982da038d4501798b2c79f28', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '52c7b268c29d57d862db1b7b51a84260f001fe70', class: "shell-layout__mobile-header" }, h("slot", { key: 'a61fa5fdcab8f0cfd17cce41dbbf2c682c40cbc0', name: "mobile-logo" }), h("div", { key: '1ee3a2745b9bdefe61867dc83800b5f2a93353f7', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'aa725c5d061c468d9925216aa071f362ba14500d', name: "mobile-header-tools" }), h("button", { key: '7b7ec61d893b31eb92b8c27be0d4b9483f1305d8', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '4f6b8175118850b4953a17796e1c84bf10814c0d', size: 20 }), h("swirl-visually-hidden", { key: '687420c417f938ccdf796b5a278e033ce68d1175' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'a6a88639e4e8ea18c45432ae7905195eb4feecbd', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'e06553441399be0f7b992c58e33a8cf8be7c1438' }, h("span", { key: '092a57bece01076c7eef7a7956167c901d10d5bc', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '87d3fb0b3cf4ea3f5e56ce5642ab3f56562c93ed', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '2c8dae1711e34e1d65eeda54f828d18fd256bf55', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '044c6445d003988bdfd6f1ebadabb50f53506043', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'a82c29013b301e255c5685944e5820142cf78ee0', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'afd8eedea7705ff486a32865fa652a046e185977', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'b7f2f434d99d1c5ff6062dc99cbf60483e6a5f05', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '4aac794f39f209793274090d9d1a547f191d2260', name: "avatar" }))), h("div", { key: '3cd9b7bbcf6081c3803d29c0a4b741aeb8eb4c84', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '4e541121799f5ab9e485a5883b2d889813a9b28a', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'dde17371a4dfc7a0712ac8201afd61fd32994606', class: "shell-layout__mobile-header" }, h("slot", { key: 'efea53982aa4520e8979504f46d8acbafceeff54', name: "mobile-logo" }), h("div", { key: 'f016184e1ae6c3de426aaa8ba255cc1bd970e6a3', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '55bd73607a60cbe1b2b0da409cf8371a41c908b9', name: "mobile-header-tools" }), h("button", { key: '9f65657a082ee577913c8585725521b9f8fc4aeb', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'a58084e4035105473ee237a3c8adda7cb764da28', size: 20 }), h("swirl-visually-hidden", { key: '295559e194c19f17158645e8553b04b9a880931d' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '2a3cfc856c1abe179885d7822304f6a9c1381ace', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'd6b83172b31689c08264978f3fb5f467cf755dcb' }, h("span", { key: 'f84a034e80503e4622b934547decf8300257d40b', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '331210fde31c7bd7cfcc79ac20e78c87e185357b', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'd67c993bb20d75dee4ce76ad103d079864ea9278', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '132f9e804b543323423810a9d5a88af48e5618bf', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'c80baa37fcfe23ef1ad16113d2ce95d404e67045', paddingBlockEnd: "16" }, h("swirl-stack", { key: '3dd4f72afcc4646a3642fbbb62bfc55866320d5e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '26290392d5158d0b0795f4131c6b0f426f4250ab', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '77be9102c851336cc5699fd4b2d50d4b964b26dc', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'c16d73a50322366e034d02941a743c06d9a76e26', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '8a1febd1f635bf3203a68c5bbc9dbcb0cb937005', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '0b828deb2f6f487da3d05e352651f4df2bf66be2', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, h("slot", { key: '3882d99e2dd310c18ed5f2455c4e3c15993ec2bc', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '5a9ed4265da79238f781bf56df963c03e5ddbe74', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '48e3cf8b832102b514d0d38bdbece69e9d50af69' })), h("aside", { key: '6dfc9b4546924b60deecfd623f784fcee088dfb2', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '4bec0dc11924d28f6159d9d932daacebd7a0e147', class: "shell-layout__sidebar-body" }, h("div", { key: '2c83dcad54573efa2f02587c312dd36e1765e0fc', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '9a6faf629745c0cb92d1db7ec453a595e6480a80', name: "sidebar-app-bar" })), h("div", { key: 'b26e1d21f13f536c40ab38051a21e8d462cb7ad7', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '965b626678791d912416527397247db78f81654f', name: "sidebar" })))))));
+            } }, h("slot", { key: 'c05b1a07c39379383cf39fb408802a60853fdcb2', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: 'e91b3619e9d73905eaaf20ad7fe8181114263736', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'bb31e05d2d358dc8f156a9381a8a1c309b600223' })), h("aside", { key: 'e5b79a7a6b5a914122b0bdeb4c22f2765d149cb9', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: 'f90435ae8ce750600ea512337c5fdbcad2ae322c', class: "shell-layout__sidebar-body" }, h("div", { key: '398343610b2d98f5ca82d6c665e53903387104c9', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: 'c6b786af3302d3be52d14a19dd855f009f44d5d9', name: "sidebar-app-bar" })), h("div", { key: 'df0b28e45b95fb0c468ae9a34f35ad7badebac45', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '2af5b2fe1cf367c0ae54ec5853566ef7ab4d122f', name: "sidebar" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -33,7 +33,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '911f432f2889e105f6a44404d4dbf41d3a8a74ec' }, h("swirl-tooltip", { key: 'a3ed8a1f703bf63102d2252004333bb83fe0b05a', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '1462095acaa1a584ea2968a83b87637ff4064884', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '622f612fd6abc4e4a4709b2319a321959c16eb55', class: "shell-navigation-item__icon" }, h("slot", { key: 'b5fa21618d36b6c832b88b39bb9e91a4ba25478c', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: 'cea64ea964fdcfb4fe32d958d81f72716d03fd84', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'e533824b03173bc073b3b22a98a152217ad176ac' }, h("swirl-tooltip", { key: '61fda8652fc0ffeeab3454c9b015701325484fa7', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'db35b73af4b83667c2eba8e0f55cb5eda3652615', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: 'baff922235a4eef1f055de222fbffc7e7eebad0c', class: "shell-navigation-item__icon" }, h("slot", { key: '6be949cedc93b5a2d4ca23f067547d6da3db7c80', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '662cd623c1eb12400d976cf5e6a5bb6c83c5efea', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

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

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

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

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

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

@@ -12,7 +12,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: 'f152d40933b8b0b9f0c7bc1a5561c2a65bf74a36' }, h("div", { key: '4c59bc0dc06ec01f289d27207b93d736bc5803ee', class: className }, h("span", { key: 'df77e2c81898bd9ba5a788d3d4ce8d96ff5b6caa', class: "status-indicator__dot" }), h("span", { key: 'bedd916fd04fc19bbf889c9f51eb79b6f656fc5e', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '5f7faa4e5d737219a2d0fd943f42cf84e36ac034' }, h("div", { key: '8075a99b80adcc7508a1bd701ce8ca689a7e4ab6', class: className }, h("span", { key: '3ff4f266671f8bd3710138b0abc9d8a361039cc1', class: "status-indicator__dot" }), h("span", { key: 'fd275e002644b848419ed20c9879435606b8cf54', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;