@getflip/swirl-components 0.24.2 → 0.25.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.
- package/components.json +39 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/swirl-app-layout_7.cjs.entry.js +2 -2
- package/dist/cjs/swirl-banner.cjs.entry.js +3 -2
- package/dist/cjs/swirl-components.cjs.js +1 -1
- package/dist/cjs/swirl-search.cjs.entry.js +1 -0
- package/dist/cjs/swirl-shell-layout.cjs.entry.js +5 -4
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.css +6 -1
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.js +2 -1
- package/dist/collection/components/swirl-banner/swirl-banner.css +17 -1
- package/dist/collection/components/swirl-banner/swirl-banner.js +25 -1
- package/dist/collection/components/swirl-search/swirl-search.js +1 -0
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.css +34 -4
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +5 -3
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.stories.js +2 -0
- package/dist/components/swirl-app-layout2.js +2 -2
- package/dist/components/swirl-banner.js +5 -3
- package/dist/components/swirl-search.js +1 -0
- package/dist/components/swirl-shell-layout.js +5 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/swirl-app-layout_7.entry.js +2 -2
- package/dist/esm/swirl-banner.entry.js +3 -2
- package/dist/esm/swirl-components.js +1 -1
- package/dist/esm/swirl-search.entry.js +1 -0
- package/dist/esm/swirl-shell-layout.entry.js +5 -4
- package/dist/swirl-components/p-5b691374.entry.js +1 -0
- package/dist/swirl-components/p-774483bc.entry.js +1 -0
- package/dist/swirl-components/p-c975c1e3.entry.js +1 -0
- package/dist/swirl-components/p-ea644e10.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-app-layout/swirl-app-layout.d.ts +1 -0
- package/dist/types/components/swirl-banner/swirl-banner.d.ts +2 -0
- package/dist/types/components/swirl-shell-layout/swirl-shell-layout.d.ts +1 -0
- package/dist/types/components.d.ts +4 -2
- package/package.json +1 -1
- package/vscode-data.json +12 -0
- package/dist/swirl-components/p-11ea0551.entry.js +0 -1
- package/dist/swirl-components/p-4329c378.entry.js +0 -1
- package/dist/swirl-components/p-46fbe505.entry.js +0 -1
- package/dist/swirl-components/p-a3c49cc1.entry.js +0 -1
|
@@ -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-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}}";
|
|
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) auto 1fr;grid-template-areas:\"app-bar\"\n \"banner\"\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__banner{grid-area:banner}.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() {
|
|
@@ -177,7 +177,7 @@ const SwirlAppLayout = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
|
|
|
177
177
|
});
|
|
178
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"
|
|
179
179
|
? "<swirl-icon-close></swirl-icon-close>"
|
|
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" })))))));
|
|
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__banner" }, h("slot", { name: "banner" })), 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" })))))));
|
|
181
181
|
}
|
|
182
182
|
get el() { return this; }
|
|
183
183
|
static get watchers() { return {
|
|
@@ -3,7 +3,7 @@ import { c as classnames } from './index2.js';
|
|
|
3
3
|
import { g as getDesktopMediaQuery } from './utils.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './swirl-icon-close2.js';
|
|
5
5
|
|
|
6
|
-
const swirlBannerCss = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:
|
|
6
|
+
const swirlBannerCss = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:baseline}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center;margin-right:var(--s-space-8)}.banner--size-s .banner__controls{margin-left:0;margin-right:var(--s-space-4)}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{position:relative;top:var(--s-space-2);display:none;margin-right:var(--s-space-8);color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);align-items:center;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
|
|
7
7
|
|
|
8
8
|
const swirlBannerIconMapping = {
|
|
9
9
|
default: undefined,
|
|
@@ -36,6 +36,7 @@ const SwirlBanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
36
36
|
this.importance = "status";
|
|
37
37
|
this.intent = "default";
|
|
38
38
|
this.showIcon = false;
|
|
39
|
+
this.size = "m";
|
|
39
40
|
}
|
|
40
41
|
componentDidLoad() {
|
|
41
42
|
var _a, _b;
|
|
@@ -57,7 +58,7 @@ const SwirlBanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
57
58
|
const icon = swirlBannerIconMapping[this.intent];
|
|
58
59
|
const showControls = Boolean(this.actionLabel) || this.dismissable;
|
|
59
60
|
const showIcon = this.showIcon && Boolean(icon);
|
|
60
|
-
const className = classnames("banner", `banner--intent-${this.intent}`, {
|
|
61
|
+
const className = classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
|
|
61
62
|
"banner--has-icon": showIcon,
|
|
62
63
|
});
|
|
63
64
|
return (h(Host, null, h("div", { "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, showIcon && (h("span", { "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { class: "banner__content", id: "content", part: "banner__content" }, this.content), showControls && (h("span", { class: "banner__controls" }, this.actionLabel && (h("button", { class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", null))))))));
|
|
@@ -71,7 +72,8 @@ const SwirlBanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
71
72
|
"dismissLabel": [1, "dismiss-label"],
|
|
72
73
|
"importance": [1],
|
|
73
74
|
"intent": [1],
|
|
74
|
-
"showIcon": [4, "show-icon"]
|
|
75
|
+
"showIcon": [4, "show-icon"],
|
|
76
|
+
"size": [1]
|
|
75
77
|
}]);
|
|
76
78
|
function defineCustomElement$1() {
|
|
77
79
|
if (typeof customElements === "undefined") {
|
|
@@ -3,7 +3,7 @@ import { c as classnames } from './index2.js';
|
|
|
3
3
|
import { g as getDesktopMediaQuery, b as getActiveElement } from './utils.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './swirl-button2.js';
|
|
5
5
|
|
|
6
|
-
const swirlShellLayoutCss = ":host{--extended-sidebar-width:17.5rem;--collapsed-sidebar-width:4rem;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.shell-layout{display:
|
|
6
|
+
const swirlShellLayoutCss = ":host{--extended-sidebar-width:17.5rem;--collapsed-sidebar-width:4rem;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.shell-layout{display:grid;width:100%;min-height:100%;transition:grid-template-columns 0.2s;grid-template-columns:0 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"banner banner\"\n \"sidebar main\"}@media (min-width: 992px){.shell-layout{grid-template-columns:var(--extended-sidebar-width) 1fr}}.shell-layout--collapsed-sidebar{grid-template-columns:0 1fr}@media (min-width: 992px){.shell-layout--collapsed-sidebar:not(.shell-layout--collapsing) .shell-layout__sidebar-wrapper.shell-layout__sidebar-wrapper--hovered .shell-layout__sidebar,.shell-layout--collapsed-sidebar:not(.shell-layout--collapsing) .shell-layout__sidebar-wrapper:focus-within .shell-layout__sidebar{width:var(--extended-sidebar-width);box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),\n 0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper{transform:translate3d(-100%, 0, 0)}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper .shell-layout__sidebar{width:100%;box-shadow:none}@media (min-width: 992px){.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper{max-width:var(--collapsed-sidebar-width);flex-basis:var(--collapsed-sidebar-width);transform:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__sidebar{box-shadow:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__collapsed-logo{display:block}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__expanded-logo{display:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__toggle{display:none}}@media (min-width: 992px){.shell-layout--collapsed-sidebar{grid-template-columns:var(--collapsed-sidebar-width) 1fr}}.shell-layout__banner{grid-area:banner}.shell-layout__sidebar-wrapper{position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;max-width:var(--extended-sidebar-width);min-height:0;flex-basis:var(--extended-sidebar-width);flex-shrink:0;transition:max-width 0.2s, transform 0.2s;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar-wrapper{position:relative;inset:auto}}.shell-layout__sidebar{display:flex;width:var(--extended-sidebar-width);height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);flex-direction:column;transition:box-shadow 0.2s, width 0.2s;box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),\n 0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}@media (min-width: 992px){.shell-layout__sidebar{box-shadow:none}}.shell-layout__header{padding:var(--s-space-8);flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.shell-layout__logo-bar{display:flex;overflow:hidden;align-items:center}.shell-layout__expanded-logo{padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + var(--s-space-2));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + var(--s-space-2));flex-grow:1}.shell-layout__collapsed-logo{display:none;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + var(--s-space-2));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + var(--s-space-2));flex-grow:1}.shell-layout__toggle{padding-right:var(--s-space-8);padding-left:var(--s-space-12);flex-grow:0;flex-shrink:0}.shell-layout__mobile-toggle{position:absolute;z-index:2;top:var(--s-space-12);left:calc(100% + var(--s-space-16))}@media (min-width: 992px){.shell-layout__mobile-toggle{display:none}}.shell-layout__tools{margin-top:var(--s-space-4);flex-basis:100%;flex-shrink:0}.shell-layout__main-navigation{overflow:auto;padding:var(--s-space-8);flex-grow:1;background-color:var(--s-background-default)}.shell-layout__main{min-height:0;background-color:var(--s-background-default);grid-area:main}.shell-layout__main>*,.shell-layout__main ::slotted(*){height:100%}.shell-layout__backdrop{position:fixed;z-index:1;background-color:rgba(0, 0, 0, 0.4);-webkit-animation:shell-layout-backdrop-fade-in 0.1s;animation:shell-layout-backdrop-fade-in 0.1s;inset:0}@media (min-width: 992px){.shell-layout__backdrop{display:none}}.shell-layout__backdrop--fading{-webkit-animation:shell-layout-backdrop-fade-out 0.2s;animation:shell-layout-backdrop-fade-out 0.2s}@-webkit-keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes shell-layout-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes shell-layout-backdrop-fade-out{from{opacity:1}to{opacity:0}}";
|
|
7
7
|
|
|
8
8
|
const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
9
|
constructor() {
|
|
@@ -47,9 +47,10 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
this.onSidebarClick = () => {
|
|
50
|
-
var _a;
|
|
50
|
+
var _a, _b;
|
|
51
51
|
if (this.collapsedSidebar) {
|
|
52
|
-
(_a =
|
|
52
|
+
(_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
|
|
53
|
+
(_b = getActiveElement()) === null || _b === void 0 ? void 0 : _b.blur();
|
|
53
54
|
}
|
|
54
55
|
};
|
|
55
56
|
this.onSidebarMouseEnter = () => {
|
|
@@ -94,7 +95,7 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
94
95
|
const backdropClassName = classnames("shell-layout__backdrop", {
|
|
95
96
|
"shell-layout__backdrop--fading": this.collapsing,
|
|
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
|
+
return (h(Host, null, h("div", { class: className }, h("div", { class: "shell-layout__banner" }, h("slot", { name: "banner" })), 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
99
|
? "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>"
|
|
99
100
|
: "<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
101
|
}
|
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],\"maxWidth\":[1,\"max-width\"],\"padded\":[4],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"hasCustomHeader\":[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-app-bar\",[[1,\"swirl-app-bar\",{\"backButtonLabel\":[1,\"back-button-label\"],\"closeButtonLabel\":[1,\"close-button-label\"],\"stepUpButtonLabel\":[1,\"step-up-button-label\"],\"stepDownButtonLabel\":[1,\"step-down-button-label\"],\"showBackButton\":[4,\"show-back-button\"],\"showCloseButton\":[4,\"show-close-button\"],\"showStepperControls\":[4,\"show-stepper-controls\"],\"hasCta\":[32]}]]],[\"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\",{\"orientation\":[1],\"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],\"truncate\":[4]},[[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);
|
|
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],\"maxWidth\":[1,\"max-width\"],\"padded\":[4],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"hasCustomHeader\":[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-app-bar\",[[1,\"swirl-app-bar\",{\"backButtonLabel\":[1,\"back-button-label\"],\"closeButtonLabel\":[1,\"close-button-label\"],\"stepUpButtonLabel\":[1,\"step-up-button-label\"],\"stepDownButtonLabel\":[1,\"step-down-button-label\"],\"showBackButton\":[4,\"show-back-button\"],\"showCloseButton\":[4,\"show-close-button\"],\"showStepperControls\":[4,\"show-stepper-controls\"],\"hasCta\":[32]}]]],[\"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\"],\"size\":[1]}]]],[\"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\",{\"orientation\":[1],\"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],\"truncate\":[4]},[[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
|
|
|
@@ -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-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}}";
|
|
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) auto 1fr;grid-template-areas:\"app-bar\"\n \"banner\"\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__banner{grid-area:banner}.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) {
|
|
@@ -173,7 +173,7 @@ const SwirlAppLayout = class {
|
|
|
173
173
|
});
|
|
174
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"
|
|
175
175
|
? "<swirl-icon-close></swirl-icon-close>"
|
|
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" })))))));
|
|
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__banner" }, h("slot", { name: "banner" })), 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" })))))));
|
|
177
177
|
}
|
|
178
178
|
get el() { return getElement(this); }
|
|
179
179
|
static get watchers() { return {
|
|
@@ -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 { g as getDesktopMediaQuery } from './utils-61f188cc.js';
|
|
4
4
|
|
|
5
|
-
const swirlBannerCss = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:
|
|
5
|
+
const swirlBannerCss = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:baseline}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center;margin-right:var(--s-space-8)}.banner--size-s .banner__controls{margin-left:0;margin-right:var(--s-space-4)}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{position:relative;top:var(--s-space-2);display:none;margin-right:var(--s-space-8);color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);align-items:center;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
|
|
6
6
|
|
|
7
7
|
const swirlBannerIconMapping = {
|
|
8
8
|
default: undefined,
|
|
@@ -33,6 +33,7 @@ const SwirlBanner = class {
|
|
|
33
33
|
this.importance = "status";
|
|
34
34
|
this.intent = "default";
|
|
35
35
|
this.showIcon = false;
|
|
36
|
+
this.size = "m";
|
|
36
37
|
}
|
|
37
38
|
componentDidLoad() {
|
|
38
39
|
var _a, _b;
|
|
@@ -54,7 +55,7 @@ const SwirlBanner = class {
|
|
|
54
55
|
const icon = swirlBannerIconMapping[this.intent];
|
|
55
56
|
const showControls = Boolean(this.actionLabel) || this.dismissable;
|
|
56
57
|
const showIcon = this.showIcon && Boolean(icon);
|
|
57
|
-
const className = classnames("banner", `banner--intent-${this.intent}`, {
|
|
58
|
+
const className = classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
|
|
58
59
|
"banner--has-icon": showIcon,
|
|
59
60
|
});
|
|
60
61
|
return (h(Host, null, h("div", { "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, showIcon && (h("span", { "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { class: "banner__content", id: "content", part: "banner__content" }, this.content), showControls && (h("span", { class: "banner__controls" }, this.actionLabel && (h("button", { class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", null))))))));
|