@getflip/swirl-components 0.20.1 → 0.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/components.json +73 -51
  2. package/dist/cjs/file-manager.cjs.entry.js +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/swirl-app-layout_7.cjs.entry.js +3 -6
  5. package/dist/cjs/swirl-components.cjs.js +1 -1
  6. package/dist/cjs/swirl-shell-layout.cjs.entry.js +1 -1
  7. package/dist/collection/components/swirl-app-layout/swirl-app-layout.css +26 -43
  8. package/dist/collection/components/swirl-app-layout/swirl-app-layout.js +11 -56
  9. package/dist/collection/components/swirl-app-layout/swirl-app-layout.stories.js +4 -6
  10. package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +1 -1
  11. package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.stories.js +25 -2
  12. package/dist/collection/prototypes/file-manager/file-manager.js +1 -1
  13. package/dist/components/file-manager.js +1 -1
  14. package/dist/components/swirl-app-layout2.js +3 -9
  15. package/dist/components/swirl-shell-layout.js +1 -1
  16. package/dist/esm/file-manager.entry.js +1 -1
  17. package/dist/esm/loader.js +1 -1
  18. package/dist/esm/swirl-app-layout_7.entry.js +3 -6
  19. package/dist/esm/swirl-components.js +1 -1
  20. package/dist/esm/swirl-shell-layout.entry.js +1 -1
  21. package/dist/swirl-components/p-11ea0551.entry.js +1 -0
  22. package/dist/swirl-components/p-9bb08bc6.entry.js +1 -0
  23. package/dist/swirl-components/p-fd8dd92d.entry.js +1 -0
  24. package/dist/swirl-components/swirl-components.esm.js +1 -1
  25. package/dist/types/components/swirl-app-layout/swirl-app-layout.d.ts +9 -3
  26. package/dist/types/components.d.ts +0 -6
  27. package/package.json +1 -1
  28. package/vscode-data.json +0 -12
  29. package/dist/swirl-components/p-19a0622b.entry.js +0 -1
  30. package/dist/swirl-components/p-b556f2af.entry.js +0 -1
  31. package/dist/swirl-components/p-de47bad6.entry.js +0 -1
package/dist/components/swirl-app-layout2.js CHANGED
@@ -4,7 +4,7 @@ import { i as isMobileViewport } from './utils.js';
4
4
  import { d as defineCustomElement$2 } from './swirl-button2.js';
5
5
  import { d as defineCustomElement$1 } from './swirl-heading2.js';
6
6
 
7
- const swirlAppLayoutCss = ":host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:4rem 1fr;grid-template-areas:\"body\"\n \"body\"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n \"navigation\"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:\"body sidebar\"\n \"body sidebar\"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n \"body\"}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-in 0.3s;animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:\"header body sidebar\"\n \"navigation body sidebar\"}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-out 0.3s;animation:app-layout-sidebar-slide-out 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:\"header\"\n \"navigation\"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:\"body\"\n \"body\"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:\"sidebar\"\n \"sidebar\"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:app-layout-sidebar-overlay-slide-out 0.3s;animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:none;animation:none}}.app-layout__header{z-index:1;display:flex;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:4rem 1fr;grid-template-areas:\"app-bar\"\n \"content\";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__app-bar{padding-left:var(--s-space-16)}}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__app-bar-media{display:inline-flex;flex-shrink:0}.app-layout__app-bar-heading{min-width:0;flex-grow:1}.app-layout__app-bar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-subheading{display:block;overflow:hidden;max-width:100%;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);will-change:transform;grid-area:sidebar;grid-template-rows:4rem 1fr;grid-template-areas:\"sidebar-header\"\n \"sidebar-content\"}@media (min-width: 768px){.app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.3s;animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;-webkit-animation:none;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n \"navigation\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n \"body\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@-webkit-keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@-webkit-keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@-webkit-keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@-webkit-keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@-webkit-keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@-webkit-keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}";
7
+ const swirlAppLayoutCss = ":host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:4rem 1fr;grid-template-areas:\"body\"\n \"body\"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n \"navigation\"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:\"body sidebar\"\n \"body sidebar\"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n \"body\"}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-in 0.3s;animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:\"header body sidebar\"\n \"navigation body sidebar\"}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-out 0.3s;animation:app-layout-sidebar-slide-out 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:\"header\"\n \"navigation\"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:\"body\"\n \"body\"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:\"sidebar\"\n \"sidebar\"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:app-layout-sidebar-overlay-slide-out 0.3s;animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:none;animation:none}}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(4rem, auto) 1fr;grid-template-areas:\"app-bar\"\n \"content\";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);will-change:transform;grid-area:sidebar;grid-template-rows:4rem 1fr;grid-template-areas:\"sidebar-header\"\n \"sidebar-content\"}@media (min-width: 768px){.app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.3s;animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;-webkit-animation:none;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n \"navigation\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n \"body\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@-webkit-keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@-webkit-keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@-webkit-keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@-webkit-keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@-webkit-keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@-webkit-keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}";
8
8
 
9
9
  const SwirlAppLayout = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
10
10
  constructor() {
@@ -27,18 +27,15 @@ const SwirlAppLayout = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
27
27
  this.onSidebarCloseButtonClick = () => {
28
28
  this.hideSidebar();
29
29
  };
30
- this.appBarMedia = undefined;
31
30
  this.appName = undefined;
32
31
  this.backToNavigationViewButtonLabel = "Back to navigation";
33
32
  this.ctaIcon = undefined;
34
33
  this.ctaLabel = undefined;
35
- this.heading = undefined;
36
34
  this.navigationBackButtonLabel = "Go back";
37
35
  this.navigationLabel = undefined;
38
36
  this.showNavigationBackButton = undefined;
39
37
  this.sidebarCloseButtonLabel = "Close sidebar";
40
38
  this.sidebarHeading = undefined;
41
- this.subheading = undefined;
42
39
  this.transitionStyle = "slides";
43
40
  this.hasNavigation = undefined;
44
41
  this.hasSidebar = undefined;
@@ -178,9 +175,9 @@ const SwirlAppLayout = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
178
175
  "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
179
176
  "app-layout--sidebar-closing": this.sidebarClosing,
180
177
  });
181
- return (h(Host, null, h("section", { "aria-labelledby": "app-name", class: className, role: "document", tabIndex: 0 }, h("div", { class: "app-layout__grid" }, h("header", { class: "app-layout__header" }, this.showNavigationBackButton && (h("span", { class: "app-layout__navigation-back-button" }, h("swirl-button", { hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, h("slot", { name: "navigation" })), h("section", { "aria-labelledby": this.hasNavigation ? "heading" : "app-name", class: "app-layout__body" }, this.hasNavigation ? (h("header", { class: "app-layout__app-bar" }, showBackToNavigationButton && (h("span", { class: "app-layout__back-to-navigation-button" }, h("swirl-button", { hideLabel: true, icon: this.transitionStyle === "dialog"
178
+ return (h(Host, null, h("section", { "aria-labelledby": "app-name", class: className, role: "document", tabIndex: 0 }, h("div", { class: "app-layout__grid" }, h("header", { class: "app-layout__header" }, h("span", { class: "app-layout__navigation-mobile-menu-button" }, h("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && (h("span", { class: "app-layout__navigation-back-button" }, h("swirl-button", { hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, h("slot", { name: "navigation" })), h("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, h("header", { class: "app-layout__app-bar" }, h("span", { class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { class: "app-layout__back-to-navigation-button" }, h("swirl-button", { hideLabel: true, icon: this.transitionStyle === "dialog"
182
179
  ? "<swirl-icon-close></swirl-icon-close>"
183
- : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), this.appBarMedia && (h("div", { class: "app-layout__app-bar-media", innerHTML: this.appBarMedia })), h("div", { class: "app-layout__app-bar-heading" }, this.heading && (h("swirl-heading", { as: "h2", headingId: "heading", level: 4, text: this.heading })), this.subheading && (h("span", { class: "app-layout__app-bar-subheading" }, this.subheading))), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" })))) : (h("header", { class: "app-layout__app-bar" }, h("swirl-heading", { as: "h1", headingId: "app-name", level: 2, text: this.appName }), h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("div", { class: "app-layout__content" }, h("slot", { name: "content" }))), h("aside", { class: "app-layout__sidebar" }, h("header", { class: "app-layout__sidebar-header" }, h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { class: "app-layout__sidebar-content" }, h("slot", { name: "sidebar" }))), this.ctaLabel && (h("span", { class: "app-layout__floating-cta" }, h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
180
+ : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), h("div", { class: "app-layout__app-bar-content" }, h("slot", { name: "app-bar" })), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" }))), h("div", { class: "app-layout__content" }, h("slot", { name: "content" }))), h("aside", { class: "app-layout__sidebar" }, h("header", { class: "app-layout__sidebar-header" }, h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { class: "app-layout__sidebar-content" }, h("slot", { name: "sidebar" }))), this.ctaLabel && (h("span", { class: "app-layout__floating-cta" }, h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
184
181
  }
185
182
  get el() { return this; }
186
183
  static get watchers() { return {
@@ -188,18 +185,15 @@ const SwirlAppLayout = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
188
185
  }; }
189
186
  static get style() { return swirlAppLayoutCss; }
190
187
  }, [1, "swirl-app-layout", {
191
- "appBarMedia": [1, "app-bar-media"],
192
188
  "appName": [1, "app-name"],
193
189
  "backToNavigationViewButtonLabel": [1, "back-to-navigation-view-button-label"],
194
190
  "ctaIcon": [1, "cta-icon"],
195
191
  "ctaLabel": [1, "cta-label"],
196
- "heading": [1],
197
192
  "navigationBackButtonLabel": [1, "navigation-back-button-label"],
198
193
  "navigationLabel": [1, "navigation-label"],
199
194
  "showNavigationBackButton": [4, "show-navigation-back-button"],
200
195
  "sidebarCloseButtonLabel": [1, "sidebar-close-button-label"],
201
196
  "sidebarHeading": [1, "sidebar-heading"],
202
- "subheading": [1],
203
197
  "transitionStyle": [1, "transition-style"],
204
198
  "hasNavigation": [32],
205
199
  "hasSidebar": [32],
package/dist/components/swirl-shell-layout.js CHANGED
@@ -96,7 +96,7 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
96
96
  });
97
97
  return (h(Host, null, h("div", { class: className }, h("div", { class: sidebarWrapperClassName, onClick: this.onSidebarClick, onMouseEnter: this.onSidebarMouseEnter, onMouseLeave: this.onSidebarMouseLeave }, h("div", { class: "shell-layout__sidebar" }, h("header", { class: "shell-layout__header" }, h("div", { class: "shell-layout__logo-bar" }, h("div", { class: "shell-layout__expanded-logo" }, h("slot", { name: "logo-expanded" })), h("div", { class: "shell-layout__collapsed-logo" }, h("slot", { name: "logo-collapsed" })), h("div", { class: "shell-layout__toggle" }, h("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: true, icon: this.collapsedSidebar
98
98
  ? "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>"
99
- : "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), h("div", { class: "shell-layout__tools" }, h("slot", { name: "tools" }))), h("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, h("slot", { name: "main-navigation" })), this.collapsedSidebar && !this.collapsing && (h("div", { class: "shell-layout__mobile-toggle" }, h("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: true, icon: "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarToggleLabel, onClick: this.showSidebar }))))), h("main", { class: "shell-layout__main" }, h("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && (h("div", { class: backdropClassName, onClick: this.onBackdropClick })))));
99
+ : "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), h("div", { class: "shell-layout__tools" }, h("slot", { name: "tools" }))), h("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, h("slot", { name: "main-navigation" })))), h("main", { class: "shell-layout__main" }, h("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && (h("div", { class: backdropClassName, onClick: this.onBackdropClick })))));
100
100
  }
101
101
  static get style() { return swirlShellLayoutCss; }
102
102
  }, [1, "swirl-shell-layout", {
package/dist/esm/file-manager.entry.js CHANGED
@@ -59,7 +59,7 @@ const FileManager = class {
59
59
  }
60
60
  render() {
61
61
  var _a, _b;
62
- return (h(Host, null, h("swirl-app-layout", { appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", heading: (_a = this.selectedFile) === null || _a === void 0 ? void 0 : _a.name, navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), subheading: (_b = this.selectedFile) === null || _b === void 0 ? void 0 : _b.description, transitionStyle: "dialog" }, h("swirl-resource-list", { label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-button", { id: "sort-button", label: "Sort items", slot: "navigation-controls" }), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { padding: "16", slot: "sidebar" }, h("swirl-text", { color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { label: "Sort items", popoverId: "sort-menu", trigger: "sort-button" }, h("swirl-option-list", { value: ["ascending"] }, h("swirl-option-list-item", { icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
62
+ return (h(Host, null, h("swirl-app-layout", { appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-button", { id: "sort-button", label: "Sort items", slot: "navigation-controls" }), h("swirl-stack", { orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", null, h("swirl-heading", { as: "h2", level: 4, text: (_a = this.selectedFile) === null || _a === void 0 ? void 0 : _a.name }), h("swirl-text", { color: "subdued", truncate: true }, (_b = this.selectedFile) === null || _b === void 0 ? void 0 : _b.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { padding: "16", slot: "sidebar" }, h("swirl-text", { color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { label: "Sort items", popoverId: "sort-menu", trigger: "sort-button" }, h("swirl-option-list", { value: ["ascending"] }, h("swirl-option-list-item", { icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
63
63
  }
64
64
  };
65
65
 
package/dist/esm/loader.js CHANGED
@@ -11,7 +11,7 @@ const patchEsm = () => {
11
11
  const defineCustomElements = (win, options) => {
12
12
  if (typeof window === 'undefined') return Promise.resolve();
13
13
  return patchEsm().then(() => {
14
- return bootstrapLazy(JSON.parse("[[\"file-manager\",[[1,\"file-manager\",{\"selectedDirectory\":[32],\"selectedFile\":[32]}]]],[\"swirl-pdf-reader\",[[1,\"swirl-pdf-reader\",{\"autoZoomLabel\":[1,\"auto-zoom-label\"],\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"file\":[1],\"fileTypeLabel\":[1,\"file-type-label\"],\"label\":[1],\"menuLabel\":[1,\"menu-label\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"printButtonLabel\":[1,\"print-button-label\"],\"sideBySideButtonLabel\":[1,\"side-by-side-button-label\"],\"thumbnailButtonLabel\":[1,\"thumbnail-button-label\"],\"thumbnailsButtonLabel\":[1,\"thumbnails-button-label\"],\"thumbnailsLabel\":[1,\"thumbnails-label\"],\"zoomInButtonLabel\":[1,\"zoom-in-button-label\"],\"zoomOutButtonLabel\":[1,\"zoom-out-button-label\"],\"zoomSelectLabel\":[1,\"zoom-select-label\"],\"active\":[32],\"closing\":[32],\"downloading\":[32],\"thumbnails\":[32],\"showThumbnails\":[32],\"viewMode\":[32],\"visiblePages\":[32],\"zoom\":[32],\"zoomSteps\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-autocomplete\",[[2,\"swirl-autocomplete\",{\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"generateSuggestions\":[1040],\"inline\":[4],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"menuLabel\":[1,\"menu-label\"],\"mode\":[1],\"required\":[4],\"spellCheck\":[4,\"spell-check\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"active\":[32],\"loading\":[32],\"position\":[32],\"suggestions\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-lightbox\",[[1,\"swirl-lightbox\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"label\":[1],\"menuLabel\":[1,\"menu-label\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"activeSlideIndex\":[32],\"closing\":[32],\"slides\":[32],\"open\":[64],\"close\":[64],\"activateSlide\":[64]}]]],[\"swirl-resource-list-file-item\",[[1,\"swirl-resource-list-file-item\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[1],\"label\":[1],\"loading\":[4],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"]}]]],[\"swirl-select\",[[6,\"swirl-select\",{\"disabled\":[4],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1040],\"options\":[32],\"open\":[32]},[[8,\"focusin\",\"onWindowFocusIn\"]]]]],[\"swirl-date-input\",[[2,\"swirl-date-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"datePickerLabel\":[1,\"date-picker-label\"],\"datePickerTriggerLabel\":[1,\"date-picker-trigger-label\"],\"disabled\":[4],\"format\":[1],\"inline\":[4],\"invalid\":[4],\"labels\":[16],\"locale\":[1],\"placeholder\":[1],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"iconSize\":[32]}]]],[\"swirl-modal\",[[1,\"swirl-modal\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"padded\":[4],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-console-layout\",[[1,\"swirl-console-layout\",{\"appName\":[1,\"app-name\"],\"backButonLabel\":[1,\"back-buton-label\"],\"heading\":[1],\"helpButonLabel\":[1,\"help-buton-label\"],\"hideNavigationButtonLabel\":[1,\"hide-navigation-button-label\"],\"logoText\":[1,\"logo-text\"],\"showNavigationButtonLabel\":[1,\"show-navigation-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showBackButton\":[4,\"show-back-button\"],\"showHelpButton\":[4,\"show-help-button\"],\"subheading\":[1],\"sidebarActive\":[32],\"toggleSidebar\":[64],\"showSidebar\":[64],\"hideSidebar\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-dialog\",[[1,\"swirl-dialog\",{\"hideLabel\":[4,\"hide-label\"],\"intent\":[1],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"open\":[64],\"close\":[64]}]]],[\"swirl-pagination\",[[1,\"swirl-pagination\",{\"accessibleNextButtonLabel\":[1,\"accessible-next-button-label\"],\"accessiblePrevButtonLabel\":[1,\"accessible-prev-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"pageLabel\":[1,\"page-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"label\":[1],\"page\":[2],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"variant\":[1]}]]],[\"swirl-toast-provider\",[[1,\"swirl-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"swirl-checkbox\",[[2,\"swirl-checkbox\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-file-uploader\",[[2,\"swirl-file-uploader\",{\"accept\":[1],\"ctaLabel\":[1,\"cta-label\"],\"description\":[1],\"disabled\":[4],\"dragDropLabel\":[1,\"drag-drop-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"multiple\":[4],\"showDropzone\":[4,\"show-dropzone\"],\"uploadButtonLabel\":[1,\"upload-button-label\"],\"reset\":[64]}]]],[\"swirl-form-control\",[[6,\"swirl-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-search\",[[2,\"swirl-search\",{\"autoFocus\":[4,\"auto-focus\"],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"inputName\":[1,\"input-name\"],\"inputId\":[1,\"input-id\"],\"label\":[1],\"placeholder\":[1],\"value\":[1025]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"swirl-table\",[[1,\"swirl-table\",{\"caption\":[1],\"emptyStateLabel\":[1,\"empty-state-label\"],\"label\":[1],\"empty\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledToEnd\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-table-column\",[[1,\"swirl-table-column\",{\"sort\":[1],\"sortable\":[4],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"sticky\":[4],\"width\":[1]}]]],[\"swirl-avatar\",[[1,\"swirl-avatar\",{\"badge\":[1],\"badgePosition\":[1,\"badge-position\"],\"color\":[1],\"icon\":[1],\"initials\":[1],\"interactive\":[4],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"size\":[1],\"src\":[1],\"variant\":[1],\"imageAvailable\":[32]}]]],[\"swirl-banner\",[[1,\"swirl-banner\",{\"actionLabel\":[1,\"action-label\"],\"content\":[1],\"dismissable\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"importance\":[1],\"intent\":[1],\"showIcon\":[4,\"show-icon\"]}]]],[\"swirl-radio\",[[2,\"swirl-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-shell-layout\",[[1,\"swirl-shell-layout\",{\"mainNavigationLabel\":[1,\"main-navigation-label\"],\"sidebarToggleLabel\":[1,\"sidebar-toggle-label\"],\"collapsedSidebar\":[32],\"collapsing\":[32],\"sidebarHovered\":[32],\"collapseSidebar\":[64],\"extendSidebar\":[64]}]]],[\"swirl-switch\",[[2,\"swirl-switch\",{\"checked\":[1028],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"size\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"swirl-tag\",[[1,\"swirl-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}]]],[\"swirl-video-thumbnail\",[[1,\"swirl-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"swirl-action-list-section\",[[1,\"swirl-action-list-section\",{\"label\":[1]}]]],[\"swirl-avatar-group\",[[1,\"swirl-avatar-group\",{\"badge\":[1]}]]],[\"swirl-badge\",[[1,\"swirl-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"swirl-card\",[[1,\"swirl-card\",{\"as\":[1],\"elevated\":[4],\"interactive\":[4],\"href\":[1],\"linkTarget\":[1,\"link-target\"]}]]],[\"swirl-chip\",[[1,\"swirl-chip\",{\"avatar\":[1],\"icon\":[1],\"intent\":[1],\"interactive\":[4],\"label\":[1]}]]],[\"swirl-columns\",[[1,\"swirl-columns\",{\"columns\":[1],\"spacing\":[1]}]]],[\"swirl-description-list\",[[1,\"swirl-description-list\"]]],[\"swirl-description-list-item\",[[1,\"swirl-description-list-item\",{\"term\":[1]}]]],[\"swirl-form-group\",[[6,\"swirl-form-group\",{\"orientation\":[1]}]]],[\"swirl-icon-add-photo\",[[1,\"swirl-icon-add-photo\",{\"size\":[2]}]]],[\"swirl-icon-admin-panel-settings\",[[1,\"swirl-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"swirl-icon-arrow-back\",[[1,\"swirl-icon-arrow-back\",{\"size\":[2]}]]],[\"swirl-icon-arrow-forward\",[[1,\"swirl-icon-arrow-forward\",{\"size\":[2]}]]],[\"swirl-icon-arrow-right-small\",[[1,\"swirl-icon-arrow-right-small\",{\"size\":[2]}]]],[\"swirl-icon-attachment\",[[1,\"swirl-icon-attachment\",{\"size\":[2]}]]],[\"swirl-icon-block\",[[1,\"swirl-icon-block\",{\"size\":[2]}]]],[\"swirl-icon-bookmark\",[[1,\"swirl-icon-bookmark\",{\"size\":[2]}]]],[\"swirl-icon-chat-bubble\",[[1,\"swirl-icon-chat-bubble\",{\"size\":[2]}]]],[\"swirl-icon-chats-filled\",[[1,\"swirl-icon-chats-filled\",{\"size\":[2]}]]],[\"swirl-icon-chats-outlined\",[[1,\"swirl-icon-chats-outlined\",{\"size\":[2]}]]],[\"swirl-icon-check\",[[1,\"swirl-icon-check\",{\"size\":[2]}]]],[\"swirl-icon-check-circle\",[[1,\"swirl-icon-check-circle\",{\"size\":[2]}]]],[\"swirl-icon-chevron-left\",[[1,\"swirl-icon-chevron-left\",{\"size\":[2]}]]],[\"swirl-icon-chevron-right\",[[1,\"swirl-icon-chevron-right\",{\"size\":[2]}]]],[\"swirl-icon-close-small\",[[1,\"swirl-icon-close-small\",{\"size\":[2]}]]],[\"swirl-icon-column\",[[1,\"swirl-icon-column\",{\"size\":[2]}]]],[\"swirl-icon-comment\",[[1,\"swirl-icon-comment\",{\"size\":[2]}]]],[\"swirl-icon-copy\",[[1,\"swirl-icon-copy\",{\"size\":[2]}]]],[\"swirl-icon-date-range\",[[1,\"swirl-icon-date-range\",{\"size\":[2]}]]],[\"swirl-icon-delete\",[[1,\"swirl-icon-delete\",{\"size\":[2]}]]],[\"swirl-icon-description\",[[1,\"swirl-icon-description\",{\"size\":[2]}]]],[\"swirl-icon-double-arrow-left\",[[1,\"swirl-icon-double-arrow-left\",{\"size\":[2]}]]],[\"swirl-icon-double-arrow-right\",[[1,\"swirl-icon-double-arrow-right\",{\"size\":[2]}]]],[\"swirl-icon-download\",[[1,\"swirl-icon-download\",{\"size\":[2]}]]],[\"swirl-icon-edit\",[[1,\"swirl-icon-edit\",{\"size\":[2]}]]],[\"swirl-icon-emoji-mood\",[[1,\"swirl-icon-emoji-mood\",{\"size\":[2]}]]],[\"swirl-icon-emoji-satisfied\",[[1,\"swirl-icon-emoji-satisfied\",{\"size\":[2]}]]],[\"swirl-icon-filter\",[[1,\"swirl-icon-filter\",{\"size\":[2]}]]],[\"swirl-icon-folder\",[[1,\"swirl-icon-folder\",{\"size\":[2]}]]],[\"swirl-icon-group-assign\",[[1,\"swirl-icon-group-assign\",{\"size\":[2]}]]],[\"swirl-icon-groups\",[[1,\"swirl-icon-groups\",{\"size\":[2]}]]],[\"swirl-icon-groups-custom\",[[1,\"swirl-icon-groups-custom\",{\"size\":[2]}]]],[\"swirl-icon-groups-filled\",[[1,\"swirl-icon-groups-filled\",{\"size\":[2]}]]],[\"swirl-icon-groups-outlined\",[[1,\"swirl-icon-groups-outlined\",{\"size\":[2]}]]],[\"swirl-icon-help\",[[1,\"swirl-icon-help\",{\"size\":[2]}]]],[\"swirl-icon-image\",[[1,\"swirl-icon-image\",{\"size\":[2]}]]],[\"swirl-icon-info\",[[1,\"swirl-icon-info\",{\"size\":[2]}]]],[\"swirl-icon-inventory\",[[1,\"swirl-icon-inventory\",{\"size\":[2]}]]],[\"swirl-icon-like\",[[1,\"swirl-icon-like\",{\"size\":[2]}]]],[\"swirl-icon-link\",[[1,\"swirl-icon-link\",{\"size\":[2]}]]],[\"swirl-icon-lock\",[[1,\"swirl-icon-lock\",{\"size\":[2]}]]],[\"swirl-icon-logout\",[[1,\"swirl-icon-logout\",{\"size\":[2]}]]],[\"swirl-icon-mail\",[[1,\"swirl-icon-mail\",{\"size\":[2]}]]],[\"swirl-icon-manage-accounts\",[[1,\"swirl-icon-manage-accounts\",{\"size\":[2]}]]],[\"swirl-icon-mention\",[[1,\"swirl-icon-mention\",{\"size\":[2]}]]],[\"swirl-icon-menu\",[[1,\"swirl-icon-menu\",{\"size\":[2]}]]],[\"swirl-icon-menu-filled\",[[1,\"swirl-icon-menu-filled\",{\"size\":[2]}]]],[\"swirl-icon-menu-outlined\",[[1,\"swirl-icon-menu-outlined\",{\"size\":[2]}]]],[\"swirl-icon-message\",[[1,\"swirl-icon-message\",{\"size\":[2]}]]],[\"swirl-icon-more-horizontal\",[[1,\"swirl-icon-more-horizontal\",{\"size\":[2]}]]],[\"swirl-icon-news-filled\",[[1,\"swirl-icon-news-filled\",{\"size\":[2]}]]],[\"swirl-icon-news-outlined\",[[1,\"swirl-icon-news-outlined\",{\"size\":[2]}]]],[\"swirl-icon-notifications\",[[1,\"swirl-icon-notifications\",{\"size\":[2]}]]],[\"swirl-icon-notifications-active\",[[1,\"swirl-icon-notifications-active\",{\"size\":[2]}]]],[\"swirl-icon-notifications-off\",[[1,\"swirl-icon-notifications-off\",{\"size\":[2]}]]],[\"swirl-icon-open-in-new\",[[1,\"swirl-icon-open-in-new\",{\"size\":[2]}]]],[\"swirl-icon-people-alt\",[[1,\"swirl-icon-people-alt\",{\"size\":[2]}]]],[\"swirl-icon-person-off\",[[1,\"swirl-icon-person-off\",{\"size\":[2]}]]],[\"swirl-icon-phone\",[[1,\"swirl-icon-phone\",{\"size\":[2]}]]],[\"swirl-icon-poll\",[[1,\"swirl-icon-poll\",{\"size\":[2]}]]],[\"swirl-icon-print\",[[1,\"swirl-icon-print\",{\"size\":[2]}]]],[\"swirl-icon-recieved\",[[1,\"swirl-icon-recieved\",{\"size\":[2]}]]],[\"swirl-icon-search-strong\",[[1,\"swirl-icon-search-strong\",{\"size\":[2]}]]],[\"swirl-icon-send\",[[1,\"swirl-icon-send\",{\"size\":[2]}]]],[\"swirl-icon-settings\",[[1,\"swirl-icon-settings\",{\"size\":[2]}]]],[\"swirl-icon-sync\",[[1,\"swirl-icon-sync\",{\"size\":[2]}]]],[\"swirl-icon-tasks-filled\",[[1,\"swirl-icon-tasks-filled\",{\"size\":[2]}]]],[\"swirl-icon-tasks-outlined\",[[1,\"swirl-icon-tasks-outlined\",{\"size\":[2]}]]],[\"swirl-icon-time-filled\",[[1,\"swirl-icon-time-filled\",{\"size\":[2]}]]],[\"swirl-icon-time-outlined\",[[1,\"swirl-icon-time-outlined\",{\"size\":[2]}]]],[\"swirl-icon-user-assign\",[[1,\"swirl-icon-user-assign\",{\"size\":[2]}]]],[\"swirl-icon-video-camera\",[[1,\"swirl-icon-video-camera\",{\"size\":[2]}]]],[\"swirl-icon-warning\",[[1,\"swirl-icon-warning\",{\"size\":[2]}]]],[\"swirl-link\",[[1,\"swirl-link\",{\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"swirl-list\",[[4,\"swirl-list\"]]],[\"swirl-option-list-section\",[[1,\"swirl-option-list-section\",{\"label\":[1]}]]],[\"swirl-progress-indicator\",[[1,\"swirl-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"swirl-radio-group\",[[6,\"swirl-radio-group\",{\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537]}]]],[\"swirl-shell-navigation-item\",[[1,\"swirl-shell-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-skeleton-box\",[[1,\"swirl-skeleton-box\",{\"animated\":[4],\"aspectRatio\":[1,\"aspect-ratio\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1]}]]],[\"swirl-skeleton-text\",[[1,\"swirl-skeleton-text\",{\"animated\":[4],\"lines\":[2],\"size\":[1]}]]],[\"swirl-tab\",[[1,\"swirl-tab\",{\"active\":[4],\"label\":[1],\"tabId\":[1,\"tab-id\"]}]]],[\"swirl-table-cell\",[[1,\"swirl-table-cell\"]]],[\"swirl-table-row\",[[1,\"swirl-table-row\",{\"highlighted\":[4],\"index\":[2]}]]],[\"swirl-table-row-group\",[[1,\"swirl-table-row-group\",{\"label\":[1]}]]],[\"swirl-tabs\",[[6,\"swirl-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"activateTab\":[64]}]]],[\"swirl-theme-provider\",[[6,\"swirl-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"swirl-tooltip\",[[1,\"swirl-tooltip\",{\"content\":[1],\"delay\":[2],\"position\":[1],\"actualPosition\":[32],\"visible\":[32]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"swirl-tree-navigation-item\",[[1,\"swirl-tree-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-text-input\",[[2,\"swirl-text-input\",{\"autoComplete\":[1,\"auto-complete\"],\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"disableDynamicWidth\":[4,\"disable-dynamic-width\"],\"swirlAriaAutocomplete\":[1,\"swirl-aria-autocomplete\"],\"swirlAriaControls\":[1,\"swirl-aria-controls\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlRole\":[1,\"swirl-role\"],\"inline\":[4],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"max\":[2],\"min\":[2],\"mode\":[1],\"prefixLabel\":[1,\"prefix-label\"],\"required\":[4],\"rows\":[2],\"showCharacterCounter\":[4,\"show-character-counter\"],\"spellCheck\":[4,\"spell-check\"],\"suffixLabel\":[1,\"suffix-label\"],\"step\":[2],\"passwordToggleLabel\":[1,\"password-toggle-label\"],\"type\":[1],\"value\":[1537],\"iconSize\":[32],\"showPassword\":[32]}]]],[\"swirl-toast\",[[1,\"swirl-toast\",{\"accessibleDismissLabel\":[1,\"accessible-dismiss-label\"],\"content\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"duration\":[2],\"icon\":[1],\"intent\":[1],\"toastId\":[1,\"toast-id\"]}]]],[\"swirl-icon-cloud-upload\",[[1,\"swirl-icon-cloud-upload\",{\"size\":[2]}]]],[\"swirl-icon-person\",[[1,\"swirl-icon-person\",{\"size\":[2]}]]],[\"swirl-icon-search\",[[1,\"swirl-icon-search\",{\"size\":[2]}]]],[\"swirl-date-picker_2\",[[1,\"swirl-date-picker\",{\"labels\":[16],\"locale\":[1],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"swirl-icon-today\",{\"size\":[2]}]]],[\"swirl-button-group\",[[1,\"swirl-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"swirl-icon-arrow-downward_2\",[[1,\"swirl-icon-arrow-downward\",{\"size\":[2]}],[1,\"swirl-icon-arrow-upward\",{\"size\":[2]}]]],[\"wc-datepicker\",[[2,\"wc-datepicker\",{\"clearButtonContent\":[1,\"clear-button-content\"],\"disabled\":[4],\"disableDate\":[16],\"elementClassName\":[1,\"element-class-name\"],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"range\":[4],\"labels\":[16],\"locale\":[1],\"nextMonthButtonContent\":[1,\"next-month-button-content\"],\"nextYearButtonContent\":[1,\"next-year-button-content\"],\"previousMonthButtonContent\":[1,\"previous-month-button-content\"],\"previousYearButtonContent\":[1,\"previous-year-button-content\"],\"showClearButton\":[4,\"show-clear-button\"],\"showMonthStepper\":[4,\"show-month-stepper\"],\"showTodayButton\":[4,\"show-today-button\"],\"showYearStepper\":[4,\"show-year-stepper\"],\"startDate\":[1,\"start-date\"],\"todayButtonContent\":[1,\"today-button-content\"],\"value\":[1040],\"currentDate\":[32],\"hoveredDate\":[32],\"weekdays\":[32]}]]],[\"swirl-icon-arrow-left_4\",[[1,\"swirl-icon-arrow-left\",{\"size\":[2]}],[1,\"swirl-icon-arrow-right\",{\"size\":[2]}],[1,\"swirl-icon-more-vertikal\",{\"size\":[2]}],[1,\"swirl-thumbnail\",{\"alt\":[1],\"format\":[1],\"size\":[1],\"src\":[1]}]]],[\"swirl-heading\",[[2,\"swirl-heading\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"text\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-icon-check-strong\",[[1,\"swirl-icon-check-strong\",{\"size\":[2]}]]],[\"swirl-icon-close\",[[1,\"swirl-icon-close\",{\"size\":[2]}]]],[\"swirl-icon-expand-more\",[[1,\"swirl-icon-expand-more\",{\"size\":[2]}]]],[\"swirl-popover\",[[1,\"swirl-popover\",{\"animation\":[1],\"disableScrollLock\":[4,\"disable-scroll-lock\"],\"enableFlip\":[4,\"enable-flip\"],\"label\":[1],\"offset\":[2],\"placement\":[1],\"popoverId\":[1,\"popover-id\"],\"trigger\":[1],\"useContainerWidth\":[8,\"use-container-width\"],\"active\":[32],\"closing\":[32],\"position\":[32],\"close\":[64],\"open\":[64]},[[8,\"focusin\",\"onWindowFocusIn\"],[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-icon-add_6\",[[1,\"swirl-icon-add\",{\"size\":[2]}],[1,\"swirl-icon-file-copy\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen-exit\",{\"size\":[2]}],[1,\"swirl-icon-menu-book\",{\"size\":[2]}],[1,\"swirl-icon-remove\",{\"size\":[2]}]]],[\"swirl-action-list_3\",[[1,\"swirl-action-list\"],[1,\"swirl-action-list-item\",{\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"suffix\":[1]}],[1,\"swirl-separator\"]]],[\"swirl-text\",[[6,\"swirl-text\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"color\":[1],\"fontStyle\":[1,\"font-style\"],\"size\":[1],\"truncate\":[4],\"weight\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-stack\",[[1,\"swirl-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"swirl-app-layout_7\",[[1,\"swirl-app-layout\",{\"appBarMedia\":[1,\"app-bar-media\"],\"appName\":[1,\"app-name\"],\"backToNavigationViewButtonLabel\":[1,\"back-to-navigation-view-button-label\"],\"ctaIcon\":[1,\"cta-icon\"],\"ctaLabel\":[1,\"cta-label\"],\"heading\":[1],\"navigationBackButtonLabel\":[1,\"navigation-back-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showNavigationBackButton\":[4,\"show-navigation-back-button\"],\"sidebarCloseButtonLabel\":[1,\"sidebar-close-button-label\"],\"sidebarHeading\":[1,\"sidebar-heading\"],\"subheading\":[1],\"transitionStyle\":[1,\"transition-style\"],\"hasNavigation\":[32],\"hasSidebar\":[32],\"mobileView\":[32],\"sidebarActive\":[32],\"sidebarClosing\":[32],\"transitioningFrom\":[32],\"transitioningTo\":[32],\"showSidebar\":[64],\"hideSidebar\":[64],\"toggleSidebar\":[64],\"changeMobileView\":[64]}],[1,\"swirl-empty-state\",{\"heading\":[1],\"illustration\":[1]}],[1,\"swirl-resource-list-item\",{\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"label\":[1],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1],\"hasMedia\":[32]}],[1,\"swirl-resource-list\",{\"label\":[1]}],[1,\"swirl-box\",{\"bordered\":[4],\"centerBlock\":[4,\"center-block\"],\"centerInline\":[4,\"center-inline\"],\"cover\":[4],\"maxWidth\":[1,\"max-width\"],\"overflow\":[1],\"padding\":[1]}],[1,\"swirl-icon-file\",{\"size\":[2]}],[1,\"swirl-icon-folder-shared\",{\"size\":[2]}]]],[\"swirl-icon-cancel_4\",[[1,\"swirl-icon-visibility\",{\"size\":[2]}],[1,\"swirl-icon-visibility-off\",{\"size\":[2]}],[1,\"swirl-icon-cancel\",{\"size\":[2]}],[1,\"swirl-icon-expand-less\",{\"size\":[2]}]]],[\"swirl-visually-hidden\",[[1,\"swirl-visually-hidden\"]]],[\"swirl-icon-check-small_4\",[[2,\"swirl-option-list-item\",{\"allowDrag\":[4,\"allow-drag\"],\"context\":[1025],\"disabled\":[4],\"dragging\":[4],\"dragHandleDescription\":[1,\"drag-handle-description\"],\"dragHandleLabel\":[1,\"drag-handle-label\"],\"icon\":[1],\"label\":[1],\"selected\":[1028],\"value\":[1],\"iconSize\":[32]}],[6,\"swirl-option-list\",{\"allowDrag\":[4,\"allow-drag\"],\"assistiveTextItemGrabbed\":[1,\"assistive-text-item-grabbed\"],\"assistiveTextItemMoving\":[1,\"assistive-text-item-moving\"],\"assistiveTextItemMoved\":[1,\"assistive-text-item-moved\"],\"disabled\":[4],\"label\":[1],\"optionListId\":[1,\"option-list-id\"],\"multiSelect\":[4,\"multi-select\"],\"value\":[1040],\"assistiveText\":[32]}],[1,\"swirl-icon-check-small\",{\"size\":[2]}],[1,\"swirl-icon-drag-handle\",{\"size\":[2]}]]],[\"swirl-button\",[[2,\"swirl-button\",{\"disabled\":[4],\"download\":[1],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"form\":[1],\"hideLabel\":[4,\"hide-label\"],\"href\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"intent\":[1],\"label\":[1],\"name\":[1],\"pill\":[4],\"size\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"swirl-icon-error_3\",[[1,\"swirl-inline-error\",{\"message\":[1],\"size\":[1]}],[1,\"swirl-spinner\",{\"label\":[1],\"size\":[8]}],[1,\"swirl-icon-error\",{\"size\":[2]}]]],[\"swirl-file-viewer_7\",[[1,\"swirl-file-viewer\",{\"active\":[4],\"autoplay\":[4],\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"type\":[1],\"typeUnsupportedMessage\":[1,\"type-unsupported-message\"],\"viewMode\":[1,\"view-mode\"],\"zoom\":[8],\"download\":[64],\"print\":[64]}],[1,\"swirl-file-viewer-csv\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"data\":[32],\"error\":[32],\"loading\":[32]}],[1,\"swirl-file-viewer-image\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"maxZoom\":[2,\"max-zoom\"],\"error\":[32],\"loading\":[32],\"getZoom\":[64],\"resetZoom\":[64]}],[1,\"swirl-file-viewer-pdf\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"singlePageMode\":[4,\"single-page-mode\"],\"viewMode\":[1,\"view-mode\"],\"zoom\":[8],\"doc\":[32],\"error\":[32],\"loading\":[32],\"renderedPages\":[32],\"scrolledDown\":[32],\"singlePageModePage\":[32],\"visiblePages\":[32],\"getThumbnails\":[64],\"print\":[64],\"nextPage\":[64],\"previousPage\":[64],\"setPage\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[1,\"swirl-file-viewer-text\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32],\"text\":[32]}],[1,\"swirl-file-viewer-audio\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}],[1,\"swirl-file-viewer-video\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}]]]]"), options);
14
+ return bootstrapLazy(JSON.parse("[[\"file-manager\",[[1,\"file-manager\",{\"selectedDirectory\":[32],\"selectedFile\":[32]}]]],[\"swirl-pdf-reader\",[[1,\"swirl-pdf-reader\",{\"autoZoomLabel\":[1,\"auto-zoom-label\"],\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"file\":[1],\"fileTypeLabel\":[1,\"file-type-label\"],\"label\":[1],\"menuLabel\":[1,\"menu-label\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"printButtonLabel\":[1,\"print-button-label\"],\"sideBySideButtonLabel\":[1,\"side-by-side-button-label\"],\"thumbnailButtonLabel\":[1,\"thumbnail-button-label\"],\"thumbnailsButtonLabel\":[1,\"thumbnails-button-label\"],\"thumbnailsLabel\":[1,\"thumbnails-label\"],\"zoomInButtonLabel\":[1,\"zoom-in-button-label\"],\"zoomOutButtonLabel\":[1,\"zoom-out-button-label\"],\"zoomSelectLabel\":[1,\"zoom-select-label\"],\"active\":[32],\"closing\":[32],\"downloading\":[32],\"thumbnails\":[32],\"showThumbnails\":[32],\"viewMode\":[32],\"visiblePages\":[32],\"zoom\":[32],\"zoomSteps\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-autocomplete\",[[2,\"swirl-autocomplete\",{\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"generateSuggestions\":[1040],\"inline\":[4],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"menuLabel\":[1,\"menu-label\"],\"mode\":[1],\"required\":[4],\"spellCheck\":[4,\"spell-check\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"active\":[32],\"loading\":[32],\"position\":[32],\"suggestions\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-lightbox\",[[1,\"swirl-lightbox\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"label\":[1],\"menuLabel\":[1,\"menu-label\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"activeSlideIndex\":[32],\"closing\":[32],\"slides\":[32],\"open\":[64],\"close\":[64],\"activateSlide\":[64]}]]],[\"swirl-resource-list-file-item\",[[1,\"swirl-resource-list-file-item\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[1],\"label\":[1],\"loading\":[4],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"]}]]],[\"swirl-select\",[[6,\"swirl-select\",{\"disabled\":[4],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1040],\"options\":[32],\"open\":[32]},[[8,\"focusin\",\"onWindowFocusIn\"]]]]],[\"swirl-date-input\",[[2,\"swirl-date-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"datePickerLabel\":[1,\"date-picker-label\"],\"datePickerTriggerLabel\":[1,\"date-picker-trigger-label\"],\"disabled\":[4],\"format\":[1],\"inline\":[4],\"invalid\":[4],\"labels\":[16],\"locale\":[1],\"placeholder\":[1],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"iconSize\":[32]}]]],[\"swirl-modal\",[[1,\"swirl-modal\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"padded\":[4],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-console-layout\",[[1,\"swirl-console-layout\",{\"appName\":[1,\"app-name\"],\"backButonLabel\":[1,\"back-buton-label\"],\"heading\":[1],\"helpButonLabel\":[1,\"help-buton-label\"],\"hideNavigationButtonLabel\":[1,\"hide-navigation-button-label\"],\"logoText\":[1,\"logo-text\"],\"showNavigationButtonLabel\":[1,\"show-navigation-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showBackButton\":[4,\"show-back-button\"],\"showHelpButton\":[4,\"show-help-button\"],\"subheading\":[1],\"sidebarActive\":[32],\"toggleSidebar\":[64],\"showSidebar\":[64],\"hideSidebar\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-dialog\",[[1,\"swirl-dialog\",{\"hideLabel\":[4,\"hide-label\"],\"intent\":[1],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"open\":[64],\"close\":[64]}]]],[\"swirl-pagination\",[[1,\"swirl-pagination\",{\"accessibleNextButtonLabel\":[1,\"accessible-next-button-label\"],\"accessiblePrevButtonLabel\":[1,\"accessible-prev-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"pageLabel\":[1,\"page-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"label\":[1],\"page\":[2],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"variant\":[1]}]]],[\"swirl-toast-provider\",[[1,\"swirl-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"swirl-checkbox\",[[2,\"swirl-checkbox\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-file-uploader\",[[2,\"swirl-file-uploader\",{\"accept\":[1],\"ctaLabel\":[1,\"cta-label\"],\"description\":[1],\"disabled\":[4],\"dragDropLabel\":[1,\"drag-drop-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"multiple\":[4],\"showDropzone\":[4,\"show-dropzone\"],\"uploadButtonLabel\":[1,\"upload-button-label\"],\"reset\":[64]}]]],[\"swirl-form-control\",[[6,\"swirl-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-search\",[[2,\"swirl-search\",{\"autoFocus\":[4,\"auto-focus\"],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"inputName\":[1,\"input-name\"],\"inputId\":[1,\"input-id\"],\"label\":[1],\"placeholder\":[1],\"value\":[1025]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"swirl-table\",[[1,\"swirl-table\",{\"caption\":[1],\"emptyStateLabel\":[1,\"empty-state-label\"],\"label\":[1],\"empty\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledToEnd\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-table-column\",[[1,\"swirl-table-column\",{\"sort\":[1],\"sortable\":[4],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"sticky\":[4],\"width\":[1]}]]],[\"swirl-avatar\",[[1,\"swirl-avatar\",{\"badge\":[1],\"badgePosition\":[1,\"badge-position\"],\"color\":[1],\"icon\":[1],\"initials\":[1],\"interactive\":[4],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"size\":[1],\"src\":[1],\"variant\":[1],\"imageAvailable\":[32]}]]],[\"swirl-banner\",[[1,\"swirl-banner\",{\"actionLabel\":[1,\"action-label\"],\"content\":[1],\"dismissable\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"importance\":[1],\"intent\":[1],\"showIcon\":[4,\"show-icon\"]}]]],[\"swirl-radio\",[[2,\"swirl-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-shell-layout\",[[1,\"swirl-shell-layout\",{\"mainNavigationLabel\":[1,\"main-navigation-label\"],\"sidebarToggleLabel\":[1,\"sidebar-toggle-label\"],\"collapsedSidebar\":[32],\"collapsing\":[32],\"sidebarHovered\":[32],\"collapseSidebar\":[64],\"extendSidebar\":[64]}]]],[\"swirl-switch\",[[2,\"swirl-switch\",{\"checked\":[1028],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"size\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"swirl-tag\",[[1,\"swirl-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}]]],[\"swirl-video-thumbnail\",[[1,\"swirl-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"swirl-action-list-section\",[[1,\"swirl-action-list-section\",{\"label\":[1]}]]],[\"swirl-avatar-group\",[[1,\"swirl-avatar-group\",{\"badge\":[1]}]]],[\"swirl-badge\",[[1,\"swirl-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"swirl-card\",[[1,\"swirl-card\",{\"as\":[1],\"elevated\":[4],\"interactive\":[4],\"href\":[1],\"linkTarget\":[1,\"link-target\"]}]]],[\"swirl-chip\",[[1,\"swirl-chip\",{\"avatar\":[1],\"icon\":[1],\"intent\":[1],\"interactive\":[4],\"label\":[1]}]]],[\"swirl-columns\",[[1,\"swirl-columns\",{\"columns\":[1],\"spacing\":[1]}]]],[\"swirl-description-list\",[[1,\"swirl-description-list\"]]],[\"swirl-description-list-item\",[[1,\"swirl-description-list-item\",{\"term\":[1]}]]],[\"swirl-form-group\",[[6,\"swirl-form-group\",{\"orientation\":[1]}]]],[\"swirl-icon-add-photo\",[[1,\"swirl-icon-add-photo\",{\"size\":[2]}]]],[\"swirl-icon-admin-panel-settings\",[[1,\"swirl-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"swirl-icon-arrow-back\",[[1,\"swirl-icon-arrow-back\",{\"size\":[2]}]]],[\"swirl-icon-arrow-forward\",[[1,\"swirl-icon-arrow-forward\",{\"size\":[2]}]]],[\"swirl-icon-arrow-right-small\",[[1,\"swirl-icon-arrow-right-small\",{\"size\":[2]}]]],[\"swirl-icon-attachment\",[[1,\"swirl-icon-attachment\",{\"size\":[2]}]]],[\"swirl-icon-block\",[[1,\"swirl-icon-block\",{\"size\":[2]}]]],[\"swirl-icon-bookmark\",[[1,\"swirl-icon-bookmark\",{\"size\":[2]}]]],[\"swirl-icon-chat-bubble\",[[1,\"swirl-icon-chat-bubble\",{\"size\":[2]}]]],[\"swirl-icon-chats-filled\",[[1,\"swirl-icon-chats-filled\",{\"size\":[2]}]]],[\"swirl-icon-chats-outlined\",[[1,\"swirl-icon-chats-outlined\",{\"size\":[2]}]]],[\"swirl-icon-check\",[[1,\"swirl-icon-check\",{\"size\":[2]}]]],[\"swirl-icon-check-circle\",[[1,\"swirl-icon-check-circle\",{\"size\":[2]}]]],[\"swirl-icon-chevron-left\",[[1,\"swirl-icon-chevron-left\",{\"size\":[2]}]]],[\"swirl-icon-chevron-right\",[[1,\"swirl-icon-chevron-right\",{\"size\":[2]}]]],[\"swirl-icon-close-small\",[[1,\"swirl-icon-close-small\",{\"size\":[2]}]]],[\"swirl-icon-column\",[[1,\"swirl-icon-column\",{\"size\":[2]}]]],[\"swirl-icon-comment\",[[1,\"swirl-icon-comment\",{\"size\":[2]}]]],[\"swirl-icon-copy\",[[1,\"swirl-icon-copy\",{\"size\":[2]}]]],[\"swirl-icon-date-range\",[[1,\"swirl-icon-date-range\",{\"size\":[2]}]]],[\"swirl-icon-delete\",[[1,\"swirl-icon-delete\",{\"size\":[2]}]]],[\"swirl-icon-description\",[[1,\"swirl-icon-description\",{\"size\":[2]}]]],[\"swirl-icon-double-arrow-left\",[[1,\"swirl-icon-double-arrow-left\",{\"size\":[2]}]]],[\"swirl-icon-double-arrow-right\",[[1,\"swirl-icon-double-arrow-right\",{\"size\":[2]}]]],[\"swirl-icon-download\",[[1,\"swirl-icon-download\",{\"size\":[2]}]]],[\"swirl-icon-edit\",[[1,\"swirl-icon-edit\",{\"size\":[2]}]]],[\"swirl-icon-emoji-mood\",[[1,\"swirl-icon-emoji-mood\",{\"size\":[2]}]]],[\"swirl-icon-emoji-satisfied\",[[1,\"swirl-icon-emoji-satisfied\",{\"size\":[2]}]]],[\"swirl-icon-filter\",[[1,\"swirl-icon-filter\",{\"size\":[2]}]]],[\"swirl-icon-folder\",[[1,\"swirl-icon-folder\",{\"size\":[2]}]]],[\"swirl-icon-group-assign\",[[1,\"swirl-icon-group-assign\",{\"size\":[2]}]]],[\"swirl-icon-groups\",[[1,\"swirl-icon-groups\",{\"size\":[2]}]]],[\"swirl-icon-groups-custom\",[[1,\"swirl-icon-groups-custom\",{\"size\":[2]}]]],[\"swirl-icon-groups-filled\",[[1,\"swirl-icon-groups-filled\",{\"size\":[2]}]]],[\"swirl-icon-groups-outlined\",[[1,\"swirl-icon-groups-outlined\",{\"size\":[2]}]]],[\"swirl-icon-help\",[[1,\"swirl-icon-help\",{\"size\":[2]}]]],[\"swirl-icon-image\",[[1,\"swirl-icon-image\",{\"size\":[2]}]]],[\"swirl-icon-info\",[[1,\"swirl-icon-info\",{\"size\":[2]}]]],[\"swirl-icon-inventory\",[[1,\"swirl-icon-inventory\",{\"size\":[2]}]]],[\"swirl-icon-like\",[[1,\"swirl-icon-like\",{\"size\":[2]}]]],[\"swirl-icon-link\",[[1,\"swirl-icon-link\",{\"size\":[2]}]]],[\"swirl-icon-lock\",[[1,\"swirl-icon-lock\",{\"size\":[2]}]]],[\"swirl-icon-logout\",[[1,\"swirl-icon-logout\",{\"size\":[2]}]]],[\"swirl-icon-mail\",[[1,\"swirl-icon-mail\",{\"size\":[2]}]]],[\"swirl-icon-manage-accounts\",[[1,\"swirl-icon-manage-accounts\",{\"size\":[2]}]]],[\"swirl-icon-mention\",[[1,\"swirl-icon-mention\",{\"size\":[2]}]]],[\"swirl-icon-menu\",[[1,\"swirl-icon-menu\",{\"size\":[2]}]]],[\"swirl-icon-menu-filled\",[[1,\"swirl-icon-menu-filled\",{\"size\":[2]}]]],[\"swirl-icon-menu-outlined\",[[1,\"swirl-icon-menu-outlined\",{\"size\":[2]}]]],[\"swirl-icon-message\",[[1,\"swirl-icon-message\",{\"size\":[2]}]]],[\"swirl-icon-more-horizontal\",[[1,\"swirl-icon-more-horizontal\",{\"size\":[2]}]]],[\"swirl-icon-news-filled\",[[1,\"swirl-icon-news-filled\",{\"size\":[2]}]]],[\"swirl-icon-news-outlined\",[[1,\"swirl-icon-news-outlined\",{\"size\":[2]}]]],[\"swirl-icon-notifications\",[[1,\"swirl-icon-notifications\",{\"size\":[2]}]]],[\"swirl-icon-notifications-active\",[[1,\"swirl-icon-notifications-active\",{\"size\":[2]}]]],[\"swirl-icon-notifications-off\",[[1,\"swirl-icon-notifications-off\",{\"size\":[2]}]]],[\"swirl-icon-open-in-new\",[[1,\"swirl-icon-open-in-new\",{\"size\":[2]}]]],[\"swirl-icon-people-alt\",[[1,\"swirl-icon-people-alt\",{\"size\":[2]}]]],[\"swirl-icon-person-off\",[[1,\"swirl-icon-person-off\",{\"size\":[2]}]]],[\"swirl-icon-phone\",[[1,\"swirl-icon-phone\",{\"size\":[2]}]]],[\"swirl-icon-poll\",[[1,\"swirl-icon-poll\",{\"size\":[2]}]]],[\"swirl-icon-print\",[[1,\"swirl-icon-print\",{\"size\":[2]}]]],[\"swirl-icon-recieved\",[[1,\"swirl-icon-recieved\",{\"size\":[2]}]]],[\"swirl-icon-search-strong\",[[1,\"swirl-icon-search-strong\",{\"size\":[2]}]]],[\"swirl-icon-send\",[[1,\"swirl-icon-send\",{\"size\":[2]}]]],[\"swirl-icon-settings\",[[1,\"swirl-icon-settings\",{\"size\":[2]}]]],[\"swirl-icon-sync\",[[1,\"swirl-icon-sync\",{\"size\":[2]}]]],[\"swirl-icon-tasks-filled\",[[1,\"swirl-icon-tasks-filled\",{\"size\":[2]}]]],[\"swirl-icon-tasks-outlined\",[[1,\"swirl-icon-tasks-outlined\",{\"size\":[2]}]]],[\"swirl-icon-time-filled\",[[1,\"swirl-icon-time-filled\",{\"size\":[2]}]]],[\"swirl-icon-time-outlined\",[[1,\"swirl-icon-time-outlined\",{\"size\":[2]}]]],[\"swirl-icon-user-assign\",[[1,\"swirl-icon-user-assign\",{\"size\":[2]}]]],[\"swirl-icon-video-camera\",[[1,\"swirl-icon-video-camera\",{\"size\":[2]}]]],[\"swirl-icon-warning\",[[1,\"swirl-icon-warning\",{\"size\":[2]}]]],[\"swirl-link\",[[1,\"swirl-link\",{\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"swirl-list\",[[4,\"swirl-list\"]]],[\"swirl-option-list-section\",[[1,\"swirl-option-list-section\",{\"label\":[1]}]]],[\"swirl-progress-indicator\",[[1,\"swirl-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"swirl-radio-group\",[[6,\"swirl-radio-group\",{\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537]}]]],[\"swirl-shell-navigation-item\",[[1,\"swirl-shell-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-skeleton-box\",[[1,\"swirl-skeleton-box\",{\"animated\":[4],\"aspectRatio\":[1,\"aspect-ratio\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1]}]]],[\"swirl-skeleton-text\",[[1,\"swirl-skeleton-text\",{\"animated\":[4],\"lines\":[2],\"size\":[1]}]]],[\"swirl-tab\",[[1,\"swirl-tab\",{\"active\":[4],\"label\":[1],\"tabId\":[1,\"tab-id\"]}]]],[\"swirl-table-cell\",[[1,\"swirl-table-cell\"]]],[\"swirl-table-row\",[[1,\"swirl-table-row\",{\"highlighted\":[4],\"index\":[2]}]]],[\"swirl-table-row-group\",[[1,\"swirl-table-row-group\",{\"label\":[1]}]]],[\"swirl-tabs\",[[6,\"swirl-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"activateTab\":[64]}]]],[\"swirl-theme-provider\",[[6,\"swirl-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"swirl-tooltip\",[[1,\"swirl-tooltip\",{\"content\":[1],\"delay\":[2],\"position\":[1],\"actualPosition\":[32],\"visible\":[32]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"swirl-tree-navigation-item\",[[1,\"swirl-tree-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-text-input\",[[2,\"swirl-text-input\",{\"autoComplete\":[1,\"auto-complete\"],\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"disableDynamicWidth\":[4,\"disable-dynamic-width\"],\"swirlAriaAutocomplete\":[1,\"swirl-aria-autocomplete\"],\"swirlAriaControls\":[1,\"swirl-aria-controls\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlRole\":[1,\"swirl-role\"],\"inline\":[4],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"max\":[2],\"min\":[2],\"mode\":[1],\"prefixLabel\":[1,\"prefix-label\"],\"required\":[4],\"rows\":[2],\"showCharacterCounter\":[4,\"show-character-counter\"],\"spellCheck\":[4,\"spell-check\"],\"suffixLabel\":[1,\"suffix-label\"],\"step\":[2],\"passwordToggleLabel\":[1,\"password-toggle-label\"],\"type\":[1],\"value\":[1537],\"iconSize\":[32],\"showPassword\":[32]}]]],[\"swirl-toast\",[[1,\"swirl-toast\",{\"accessibleDismissLabel\":[1,\"accessible-dismiss-label\"],\"content\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"duration\":[2],\"icon\":[1],\"intent\":[1],\"toastId\":[1,\"toast-id\"]}]]],[\"swirl-icon-cloud-upload\",[[1,\"swirl-icon-cloud-upload\",{\"size\":[2]}]]],[\"swirl-icon-person\",[[1,\"swirl-icon-person\",{\"size\":[2]}]]],[\"swirl-icon-search\",[[1,\"swirl-icon-search\",{\"size\":[2]}]]],[\"swirl-date-picker_2\",[[1,\"swirl-date-picker\",{\"labels\":[16],\"locale\":[1],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"swirl-icon-today\",{\"size\":[2]}]]],[\"swirl-button-group\",[[1,\"swirl-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"swirl-icon-arrow-downward_2\",[[1,\"swirl-icon-arrow-downward\",{\"size\":[2]}],[1,\"swirl-icon-arrow-upward\",{\"size\":[2]}]]],[\"wc-datepicker\",[[2,\"wc-datepicker\",{\"clearButtonContent\":[1,\"clear-button-content\"],\"disabled\":[4],\"disableDate\":[16],\"elementClassName\":[1,\"element-class-name\"],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"range\":[4],\"labels\":[16],\"locale\":[1],\"nextMonthButtonContent\":[1,\"next-month-button-content\"],\"nextYearButtonContent\":[1,\"next-year-button-content\"],\"previousMonthButtonContent\":[1,\"previous-month-button-content\"],\"previousYearButtonContent\":[1,\"previous-year-button-content\"],\"showClearButton\":[4,\"show-clear-button\"],\"showMonthStepper\":[4,\"show-month-stepper\"],\"showTodayButton\":[4,\"show-today-button\"],\"showYearStepper\":[4,\"show-year-stepper\"],\"startDate\":[1,\"start-date\"],\"todayButtonContent\":[1,\"today-button-content\"],\"value\":[1040],\"currentDate\":[32],\"hoveredDate\":[32],\"weekdays\":[32]}]]],[\"swirl-icon-arrow-left_4\",[[1,\"swirl-icon-arrow-left\",{\"size\":[2]}],[1,\"swirl-icon-arrow-right\",{\"size\":[2]}],[1,\"swirl-icon-more-vertikal\",{\"size\":[2]}],[1,\"swirl-thumbnail\",{\"alt\":[1],\"format\":[1],\"size\":[1],\"src\":[1]}]]],[\"swirl-heading\",[[2,\"swirl-heading\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"text\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-icon-check-strong\",[[1,\"swirl-icon-check-strong\",{\"size\":[2]}]]],[\"swirl-icon-close\",[[1,\"swirl-icon-close\",{\"size\":[2]}]]],[\"swirl-icon-expand-more\",[[1,\"swirl-icon-expand-more\",{\"size\":[2]}]]],[\"swirl-popover\",[[1,\"swirl-popover\",{\"animation\":[1],\"disableScrollLock\":[4,\"disable-scroll-lock\"],\"enableFlip\":[4,\"enable-flip\"],\"label\":[1],\"offset\":[2],\"placement\":[1],\"popoverId\":[1,\"popover-id\"],\"trigger\":[1],\"useContainerWidth\":[8,\"use-container-width\"],\"active\":[32],\"closing\":[32],\"position\":[32],\"close\":[64],\"open\":[64]},[[8,\"focusin\",\"onWindowFocusIn\"],[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-icon-add_6\",[[1,\"swirl-icon-add\",{\"size\":[2]}],[1,\"swirl-icon-file-copy\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen-exit\",{\"size\":[2]}],[1,\"swirl-icon-menu-book\",{\"size\":[2]}],[1,\"swirl-icon-remove\",{\"size\":[2]}]]],[\"swirl-action-list_3\",[[1,\"swirl-action-list\"],[1,\"swirl-action-list-item\",{\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"suffix\":[1]}],[1,\"swirl-separator\"]]],[\"swirl-text\",[[6,\"swirl-text\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"color\":[1],\"fontStyle\":[1,\"font-style\"],\"size\":[1],\"truncate\":[4],\"weight\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-stack\",[[1,\"swirl-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"swirl-app-layout_7\",[[1,\"swirl-app-layout\",{\"appName\":[1,\"app-name\"],\"backToNavigationViewButtonLabel\":[1,\"back-to-navigation-view-button-label\"],\"ctaIcon\":[1,\"cta-icon\"],\"ctaLabel\":[1,\"cta-label\"],\"navigationBackButtonLabel\":[1,\"navigation-back-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showNavigationBackButton\":[4,\"show-navigation-back-button\"],\"sidebarCloseButtonLabel\":[1,\"sidebar-close-button-label\"],\"sidebarHeading\":[1,\"sidebar-heading\"],\"transitionStyle\":[1,\"transition-style\"],\"hasNavigation\":[32],\"hasSidebar\":[32],\"mobileView\":[32],\"sidebarActive\":[32],\"sidebarClosing\":[32],\"transitioningFrom\":[32],\"transitioningTo\":[32],\"showSidebar\":[64],\"hideSidebar\":[64],\"toggleSidebar\":[64],\"changeMobileView\":[64]}],[1,\"swirl-empty-state\",{\"heading\":[1],\"illustration\":[1]}],[1,\"swirl-resource-list-item\",{\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"label\":[1],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1],\"hasMedia\":[32]}],[1,\"swirl-resource-list\",{\"label\":[1]}],[1,\"swirl-box\",{\"bordered\":[4],\"centerBlock\":[4,\"center-block\"],\"centerInline\":[4,\"center-inline\"],\"cover\":[4],\"maxWidth\":[1,\"max-width\"],\"overflow\":[1],\"padding\":[1]}],[1,\"swirl-icon-file\",{\"size\":[2]}],[1,\"swirl-icon-folder-shared\",{\"size\":[2]}]]],[\"swirl-icon-cancel_4\",[[1,\"swirl-icon-visibility\",{\"size\":[2]}],[1,\"swirl-icon-visibility-off\",{\"size\":[2]}],[1,\"swirl-icon-cancel\",{\"size\":[2]}],[1,\"swirl-icon-expand-less\",{\"size\":[2]}]]],[\"swirl-visually-hidden\",[[1,\"swirl-visually-hidden\"]]],[\"swirl-icon-check-small_4\",[[2,\"swirl-option-list-item\",{\"allowDrag\":[4,\"allow-drag\"],\"context\":[1025],\"disabled\":[4],\"dragging\":[4],\"dragHandleDescription\":[1,\"drag-handle-description\"],\"dragHandleLabel\":[1,\"drag-handle-label\"],\"icon\":[1],\"label\":[1],\"selected\":[1028],\"value\":[1],\"iconSize\":[32]}],[6,\"swirl-option-list\",{\"allowDrag\":[4,\"allow-drag\"],\"assistiveTextItemGrabbed\":[1,\"assistive-text-item-grabbed\"],\"assistiveTextItemMoving\":[1,\"assistive-text-item-moving\"],\"assistiveTextItemMoved\":[1,\"assistive-text-item-moved\"],\"disabled\":[4],\"label\":[1],\"optionListId\":[1,\"option-list-id\"],\"multiSelect\":[4,\"multi-select\"],\"value\":[1040],\"assistiveText\":[32]}],[1,\"swirl-icon-check-small\",{\"size\":[2]}],[1,\"swirl-icon-drag-handle\",{\"size\":[2]}]]],[\"swirl-button\",[[2,\"swirl-button\",{\"disabled\":[4],\"download\":[1],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"form\":[1],\"hideLabel\":[4,\"hide-label\"],\"href\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"intent\":[1],\"label\":[1],\"name\":[1],\"pill\":[4],\"size\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"swirl-icon-error_3\",[[1,\"swirl-inline-error\",{\"message\":[1],\"size\":[1]}],[1,\"swirl-spinner\",{\"label\":[1],\"size\":[8]}],[1,\"swirl-icon-error\",{\"size\":[2]}]]],[\"swirl-file-viewer_7\",[[1,\"swirl-file-viewer\",{\"active\":[4],\"autoplay\":[4],\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"type\":[1],\"typeUnsupportedMessage\":[1,\"type-unsupported-message\"],\"viewMode\":[1,\"view-mode\"],\"zoom\":[8],\"download\":[64],\"print\":[64]}],[1,\"swirl-file-viewer-csv\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"data\":[32],\"error\":[32],\"loading\":[32]}],[1,\"swirl-file-viewer-image\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"maxZoom\":[2,\"max-zoom\"],\"error\":[32],\"loading\":[32],\"getZoom\":[64],\"resetZoom\":[64]}],[1,\"swirl-file-viewer-pdf\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"singlePageMode\":[4,\"single-page-mode\"],\"viewMode\":[1,\"view-mode\"],\"zoom\":[8],\"doc\":[32],\"error\":[32],\"loading\":[32],\"renderedPages\":[32],\"scrolledDown\":[32],\"singlePageModePage\":[32],\"visiblePages\":[32],\"getThumbnails\":[64],\"print\":[64],\"nextPage\":[64],\"previousPage\":[64],\"setPage\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[1,\"swirl-file-viewer-text\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32],\"text\":[32]}],[1,\"swirl-file-viewer-audio\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}],[1,\"swirl-file-viewer-video\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}]]]]"), options);
15
15
  });
16
16
  };
17
17
 
package/dist/esm/swirl-app-layout_7.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement,
2
2
  import { c as classnames } from './index-d280dafb.js';
3
3
  import { i as isMobileViewport } from './utils-61f188cc.js';
4
4
 
5
- const swirlAppLayoutCss = ":host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:4rem 1fr;grid-template-areas:\"body\"\n \"body\"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n \"navigation\"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:\"body sidebar\"\n \"body sidebar\"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n \"body\"}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-in 0.3s;animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:\"header body sidebar\"\n \"navigation body sidebar\"}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-out 0.3s;animation:app-layout-sidebar-slide-out 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:\"header\"\n \"navigation\"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:\"body\"\n \"body\"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:\"sidebar\"\n \"sidebar\"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:app-layout-sidebar-overlay-slide-out 0.3s;animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:none;animation:none}}.app-layout__header{z-index:1;display:flex;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:4rem 1fr;grid-template-areas:\"app-bar\"\n \"content\";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__app-bar{padding-left:var(--s-space-16)}}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__app-bar-media{display:inline-flex;flex-shrink:0}.app-layout__app-bar-heading{min-width:0;flex-grow:1}.app-layout__app-bar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-subheading{display:block;overflow:hidden;max-width:100%;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);will-change:transform;grid-area:sidebar;grid-template-rows:4rem 1fr;grid-template-areas:\"sidebar-header\"\n \"sidebar-content\"}@media (min-width: 768px){.app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.3s;animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;-webkit-animation:none;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n \"navigation\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n \"body\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@-webkit-keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@-webkit-keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@-webkit-keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@-webkit-keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@-webkit-keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@-webkit-keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}";
5
+ const swirlAppLayoutCss = ":host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:4rem 1fr;grid-template-areas:\"body\"\n \"body\"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n \"navigation\"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:\"body sidebar\"\n \"body sidebar\"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n \"body\"}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-in 0.3s;animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:\"header body sidebar\"\n \"navigation body sidebar\"}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-out 0.3s;animation:app-layout-sidebar-slide-out 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr;grid-template-areas:\"header body\"\n \"navigation body\"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:\"header\"\n \"navigation\"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:\"body\"\n \"body\"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:\"sidebar\"\n \"sidebar\"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:app-layout-sidebar-overlay-slide-out 0.3s;animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:none;animation:none}}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(4rem, auto) 1fr;grid-template-areas:\"app-bar\"\n \"content\";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);will-change:transform;grid-area:sidebar;grid-template-rows:4rem 1fr;grid-template-areas:\"sidebar-header\"\n \"sidebar-content\"}@media (min-width: 768px){.app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.3s;animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;-webkit-animation:none;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n \"navigation\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n \"body\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@-webkit-keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@-webkit-keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@-webkit-keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@-webkit-keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@-webkit-keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@-webkit-keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}";
6
6
 
7
7
  const SwirlAppLayout = class {
8
8
  constructor(hostRef) {
@@ -23,18 +23,15 @@ const SwirlAppLayout = class {
23
23
  this.onSidebarCloseButtonClick = () => {
24
24
  this.hideSidebar();
25
25
  };
26
- this.appBarMedia = undefined;
27
26
  this.appName = undefined;
28
27
  this.backToNavigationViewButtonLabel = "Back to navigation";
29
28
  this.ctaIcon = undefined;
30
29
  this.ctaLabel = undefined;
31
- this.heading = undefined;
32
30
  this.navigationBackButtonLabel = "Go back";
33
31
  this.navigationLabel = undefined;
34
32
  this.showNavigationBackButton = undefined;
35
33
  this.sidebarCloseButtonLabel = "Close sidebar";
36
34
  this.sidebarHeading = undefined;
37
- this.subheading = undefined;
38
35
  this.transitionStyle = "slides";
39
36
  this.hasNavigation = undefined;
40
37
  this.hasSidebar = undefined;
@@ -174,9 +171,9 @@ const SwirlAppLayout = class {
174
171
  "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
175
172
  "app-layout--sidebar-closing": this.sidebarClosing,
176
173
  });
177
- return (h(Host, null, h("section", { "aria-labelledby": "app-name", class: className, role: "document", tabIndex: 0 }, h("div", { class: "app-layout__grid" }, h("header", { class: "app-layout__header" }, this.showNavigationBackButton && (h("span", { class: "app-layout__navigation-back-button" }, h("swirl-button", { hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, h("slot", { name: "navigation" })), h("section", { "aria-labelledby": this.hasNavigation ? "heading" : "app-name", class: "app-layout__body" }, this.hasNavigation ? (h("header", { class: "app-layout__app-bar" }, showBackToNavigationButton && (h("span", { class: "app-layout__back-to-navigation-button" }, h("swirl-button", { hideLabel: true, icon: this.transitionStyle === "dialog"
174
+ return (h(Host, null, h("section", { "aria-labelledby": "app-name", class: className, role: "document", tabIndex: 0 }, h("div", { class: "app-layout__grid" }, h("header", { class: "app-layout__header" }, h("span", { class: "app-layout__navigation-mobile-menu-button" }, h("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && (h("span", { class: "app-layout__navigation-back-button" }, h("swirl-button", { hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, h("slot", { name: "navigation" })), h("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, h("header", { class: "app-layout__app-bar" }, h("span", { class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { class: "app-layout__back-to-navigation-button" }, h("swirl-button", { hideLabel: true, icon: this.transitionStyle === "dialog"
178
175
  ? "<swirl-icon-close></swirl-icon-close>"
179
- : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), this.appBarMedia && (h("div", { class: "app-layout__app-bar-media", innerHTML: this.appBarMedia })), h("div", { class: "app-layout__app-bar-heading" }, this.heading && (h("swirl-heading", { as: "h2", headingId: "heading", level: 4, text: this.heading })), this.subheading && (h("span", { class: "app-layout__app-bar-subheading" }, this.subheading))), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" })))) : (h("header", { class: "app-layout__app-bar" }, h("swirl-heading", { as: "h1", headingId: "app-name", level: 2, text: this.appName }), h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("div", { class: "app-layout__content" }, h("slot", { name: "content" }))), h("aside", { class: "app-layout__sidebar" }, h("header", { class: "app-layout__sidebar-header" }, h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { class: "app-layout__sidebar-content" }, h("slot", { name: "sidebar" }))), this.ctaLabel && (h("span", { class: "app-layout__floating-cta" }, h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
176
+ : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), h("div", { class: "app-layout__app-bar-content" }, h("slot", { name: "app-bar" })), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" }))), h("div", { class: "app-layout__content" }, h("slot", { name: "content" }))), h("aside", { class: "app-layout__sidebar" }, h("header", { class: "app-layout__sidebar-header" }, h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { class: "app-layout__sidebar-content" }, h("slot", { name: "sidebar" }))), this.ctaLabel && (h("span", { class: "app-layout__floating-cta" }, h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
180
177
  }
181
178
  get el() { return getElement(this); }
182
179
  static get watchers() { return {