@getflip/swirl-components 0.111.1 → 0.112.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 +17 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/swirl-app-layout_6.cjs.entry.js +5 -3
- package/dist/cjs/swirl-components.cjs.js +1 -1
- package/dist/cjs/swirl-modal.cjs.entry.js +1 -1
- package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.css +7 -0
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.js +21 -2
- package/dist/collection/components/swirl-modal/swirl-modal.css +1 -0
- package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/components/swirl-app-layout2.js +6 -3
- package/dist/components/swirl-modal.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/swirl-app-layout_6.entry.js +5 -3
- package/dist/esm/swirl-components.js +1 -1
- package/dist/esm/swirl-modal.entry.js +1 -1
- package/dist/swirl-components/{p-23656227.entry.js → p-79be22ea.entry.js} +1 -1
- package/dist/swirl-components/p-d1a3191e.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.d.ts +2 -0
- package/package.json +1 -1
- package/vscode-data.json +4 -0
- package/dist/swirl-components/p-703a23d8.entry.js +0 -1
|
@@ -4,7 +4,7 @@ import { i as isMobileViewport, g as getDesktopMediaQuery } from './utils-9f141e
|
|
|
4
4
|
import { S as Sortable } from './sortable.esm-8c3d5856.js';
|
|
5
5
|
import { v as v4 } from './v4-fa4bb814.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:3.5625rem 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:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{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{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{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{animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__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__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.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(3.5rem, auto) auto 1fr;grid-template-areas:\"app-bar\"\n \"banner\"\n \"content\";will-change:transform}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;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{padding-left:var(--s-space-8)}@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__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.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:3.5625rem 1fr;grid-template-areas:\"sidebar-header\"\n \"sidebar-content\"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);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: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);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{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{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:\"\";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{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{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:\"\";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{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{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}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@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-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-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:3.5625rem 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:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{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{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{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{animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:\"banner\"\n \"content\"}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__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__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.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(3.5rem, auto) auto 1fr;grid-template-areas:\"app-bar\"\n \"banner\"\n \"content\";will-change:transform}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;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{padding-left:var(--s-space-8)}@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__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.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:3.5625rem 1fr;grid-template-areas:\"sidebar-header\"\n \"sidebar-content\"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);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: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);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{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{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:\"\";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{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{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:\"\";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{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{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}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@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-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-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 = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -29,6 +29,7 @@ const SwirlAppLayout = class {
|
|
|
29
29
|
this.backToNavigationViewButtonLabel = "Back to navigation";
|
|
30
30
|
this.ctaIcon = undefined;
|
|
31
31
|
this.ctaLabel = undefined;
|
|
32
|
+
this.hideAppBar = undefined;
|
|
32
33
|
this.navigationBackButtonLabel = "Go back";
|
|
33
34
|
this.navigationLabel = undefined;
|
|
34
35
|
this.showNavigationBackButton = undefined;
|
|
@@ -181,12 +182,13 @@ const SwirlAppLayout = class {
|
|
|
181
182
|
"app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton,
|
|
182
183
|
"app-layout--has-navigation": this.hasNavigation,
|
|
183
184
|
"app-layout--has-sidebar": this.hasSidebar,
|
|
185
|
+
"app-layout--hide-app-bar": this.hideAppBar,
|
|
184
186
|
"app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
|
|
185
187
|
"app-layout--sidebar-closing": this.sidebarClosing,
|
|
186
188
|
});
|
|
187
|
-
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"
|
|
189
|
+
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" }, !this.hideAppBar && (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"
|
|
188
190
|
? "<swirl-icon-close></swirl-icon-close>"
|
|
189
|
-
: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), h("span", { class: "app-layout__custom-app-bar-back-button" }, h("slot", { name: "custom-app-bar-back-button" })), 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" })))))));
|
|
191
|
+
: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), h("span", { class: "app-layout__custom-app-bar-back-button" }, h("slot", { name: "custom-app-bar-back-button" })), 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" })))))));
|
|
190
192
|
}
|
|
191
193
|
get el() { return getElement(this); }
|
|
192
194
|
static get watchers() { return {
|
|
@@ -17,5 +17,5 @@ const patchBrowser = () => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
|
-
return bootstrapLazy(JSON.parse("[[\"file-manager\",[[1,\"file-manager\",{\"selectedDirectory\":[32],\"selectedFile\":[32],\"sortMenu\":[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],\"multiSelect\":[4,\"multi-select\"],\"placeholder\":[1],\"required\":[4],\"spellCheck\":[4,\"spell-check\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1040],\"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\"],\"hideMenu\":[4,\"hide-menu\"],\"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-select\",[[6,\"swirl-select\",{\"allowDeselect\":[4,\"allow-deselect\"],\"disabled\":[4],\"emptyListLabel\":[1,\"empty-list-label\"],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"required\":[4],\"searchInputLabel\":[1,\"search-input-label\"],\"searchLoading\":[4,\"search-loading\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectId\":[1,\"select-id\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1040],\"withSearch\":[4,\"with-search\"],\"options\":[32],\"open\":[32],\"placement\":[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-inline-notification\",[[1,\"swirl-inline-notification\",{\"heading\":[1],\"importance\":[1],\"intent\":[1]}]]],[\"swirl-menu-item\",[[1,\"swirl-menu-item\",{\"description\":[1],\"disabled\":[4],\"expanded\":[4],\"icon\":[1],\"intent\":[1],\"label\":[1],\"value\":[1],\"parentMenu\":[32],\"subMenu\":[32],\"getSubMenu\":[64],\"getParentMenu\":[64]}]]],[\"swirl-pagination\",[[1,\"swirl-pagination\",{\"firstPageButtonLabel\":[1,\"first-page-button-label\"],\"lastPageButtonLabel\":[1,\"last-page-button-label\"],\"label\":[1],\"nextButtonLabel\":[1,\"next-button-label\"],\"page\":[2],\"pageLabel\":[1,\"page-label\"],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"pageSizeSelectLabel\":[1,\"page-size-select-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"showPageSizeSelect\":[4,\"show-page-size-select\"],\"variant\":[1]}]]],[\"swirl-resource-list-file-item\",[[2,\"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-modal\",[[4,\"swirl-modal\",{\"closable\":[4],\"closeButtonLabel\":[1,\"close-button-label\"],\"height\":[1],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"maxHeight\":[1,\"max-height\"],\"maxWidth\":[1,\"max-width\"],\"padded\":[4],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"variant\":[1],\"isOpen\":[32],\"closing\":[32],\"hasCustomHeader\":[32],\"hasCustomFooter\":[32],\"hasHeaderTools\":[32],\"hasSecondaryContent\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-color-input\",[[2,\"swirl-color-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"inline\":[4],\"invalid\":[4],\"pickerButtonLabel\":[1,\"picker-button-label\"],\"pickerLabel\":[1,\"picker-label\"],\"placeholder\":[1],\"required\":[4],\"value\":[1537]}]]],[\"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\"],\"navigationLabel\":[1,\"navigation-label\"],\"maxContentWidth\":[1,\"max-content-width\"],\"showBackButton\":[4,\"show-back-button\"],\"showHelpButton\":[4,\"show-help-button\"],\"showNavigationButtonLabel\":[1,\"show-navigation-button-label\"],\"subheading\":[1],\"sidebarActive\":[32],\"toggleSidebar\":[64],\"showSidebar\":[64],\"hideSidebar\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-toast-provider\",[[1,\"swirl-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"swirl-accordion-item\",[[1,\"swirl-accordion-item\",{\"description\":[1],\"disabled\":[4],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"initiallyOpen\":[4,\"initially-open\"],\"itemId\":[1,\"item-id\"],\"expanded\":[32],\"collapse\":[64],\"expand\":[64],\"toggle\":[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],\"labelWeight\":[1,\"label-weight\"],\"value\":[1],\"variant\":[1]}]]],[\"swirl-chip\",[[6,\"swirl-chip\",{\"borderRadius\":[1,\"border-radius\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"intent\":[1],\"interactive\":[4],\"label\":[1],\"progress\":[2],\"pressed\":[4],\"progressBarLabel\":[1,\"progress-bar-label\"],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"],\"size\":[1],\"variant\":[1]}]]],[\"swirl-description-list-item\",[[1,\"swirl-description-list-item\",{\"bordered\":[4],\"maxWidth\":[1,\"max-width\"],\"term\":[1],\"tooltip\":[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\"],\"uploadButtonIcon\":[1,\"upload-button-icon\"],\"uploadButtonLabel\":[1,\"upload-button-label\"],\"uploadButtonVariant\":[1,\"upload-button-variant\"],\"reset\":[64]}]]],[\"swirl-form-control\",[[6,\"swirl-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"hideLabel\":[4,\"hide-label\"],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-menu\",[[1,\"swirl-menu\",{\"active\":[1028],\"label\":[1],\"level\":[1026],\"mobileBackButtonLabel\":[1,\"mobile-back-button-label\"],\"mobileCloseMenuButtonLabel\":[1,\"mobile-close-menu-button-label\"],\"mobileDoneButtonLabel\":[1,\"mobile-done-button-label\"],\"value\":[1],\"variant\":[1],\"activeLevel\":[32],\"mobile\":[32],\"position\":[32],\"activateMenuItem\":[64],\"close\":[64],\"goBack\":[64],\"focusFirstItem\":[64],\"focusItemAtIndex\":[64],\"updateSelection\":[64]}]]],[\"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],\"variant\":[1]},[[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],\"rerender\":[64]},[[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],\"toolPosition\":[1,\"tool-position\"],\"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-carousel\",[[1,\"swirl-carousel\",{\"label\":[1],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"loopAround\":[4,\"loop-around\"],\"isAtEnd\":[32],\"isAtStart\":[32],\"isScrollable\":[32],\"scrollToSlide\":[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-radio\",[[2,\"swirl-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1],\"variant\":[1]}]]],[\"swirl-shell-layout\",[[1,\"swirl-shell-layout\",{\"hideSidebar\":[4,\"hide-sidebar\"],\"mainNavigationLabel\":[1,\"main-navigation-label\"],\"sidebarToggleLabel\":[1,\"sidebar-toggle-label\"],\"collapsedSidebar\":[32],\"collapsing\":[32],\"sidebarHovered\":[32],\"collapseSidebar\":[64],\"extendSidebar\":[64]}]]],[\"swirl-shell-navigation-item\",[[1,\"swirl-shell-navigation-item\",{\"active\":[4],\"badgeLabel\":[1,\"badge-label\"],\"label\":[1]}]]],[\"swirl-switch\",[[2,\"swirl-switch\",{\"checked\":[1028],\"disabled\":[4],\"hideLabel\":[4,\"hide-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"swirl-tabs\",[[6,\"swirl-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"tabBarTabs\":[32],\"activateTab\":[64]}]]],[\"swirl-time-input\",[[2,\"swirl-time-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"disabled\":[4],\"format\":[1],\"inline\":[4],\"invalid\":[4],\"placeholder\":[1],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"iconSize\":[32]}]]],[\"swirl-toolbar\",[[1,\"swirl-toolbar\",{\"label\":[1],\"orientation\":[1]}]]],[\"swirl-video-thumbnail\",[[1,\"swirl-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"swirl-accordion\",[[1,\"swirl-accordion\",{\"collapseItem\":[64],\"expandItem\":[64]}]]],[\"swirl-action-list-section\",[[1,\"swirl-action-list-section\",{\"label\":[1]}]]],[\"swirl-app-icon\",[[1,\"swirl-app-icon\",{\"icon\":[1],\"src\":[1],\"hideBorder\":[4,\"hide-border\"],\"imageAvailable\":[32]}]]],[\"swirl-avatar-group\",[[1,\"swirl-avatar-group\",{\"badge\":[1]}]]],[\"swirl-card\",[[1,\"swirl-card\",{\"as\":[1],\"borderRadius\":[1,\"border-radius\"],\"elevated\":[4],\"height\":[1],\"highlighted\":[4],\"href\":[1],\"imageAspectRatio\":[1,\"image-aspect-ratio\"],\"intent\":[1],\"isBorderless\":[4,\"is-borderless\"],\"interactive\":[4],\"justifyContent\":[1,\"justify-content\"],\"linkTarget\":[1,\"link-target\"],\"overflow\":[1],\"padding\":[1],\"paddingBlockEnd\":[1,\"padding-block-end\"],\"paddingBlockStart\":[1,\"padding-block-start\"],\"paddingInlineEnd\":[1,\"padding-inline-end\"],\"paddingInlineStart\":[1,\"padding-inline-start\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"swirlAriaLabelledby\":[1,\"swirl-aria-labelledby\"]}]]],[\"swirl-carousel-slide\",[[1,\"swirl-carousel-slide\",{\"label\":[1],\"minHeight\":[1,\"min-height\"],\"width\":[1]}]]],[\"swirl-columns\",[[1,\"swirl-columns\",{\"columns\":[1],\"spacing\":[1]}]]],[\"swirl-description-list\",[[1,\"swirl-description-list\"]]],[\"swirl-emoji\",[[1,\"swirl-emoji\",{\"label\":[1],\"name\":[1],\"size\":[2]}]]],[\"swirl-emoji-clap\",[[1,\"swirl-emoji-clap\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-happy\",[[1,\"swirl-emoji-happy\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-idea\",[[1,\"swirl-emoji-idea\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-love\",[[1,\"swirl-emoji-love\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-sad\",[[1,\"swirl-emoji-sad\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-thumbs-up\",[[1,\"swirl-emoji-thumbs-up\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-form-group\",[[6,\"swirl-form-group\",{\"orientation\":[1]}]]],[\"swirl-icon-add-photo\",[[1,\"swirl-icon-add-photo\",{\"size\":[2]}]]],[\"swirl-icon-add-reaction\",[[1,\"swirl-icon-add-reaction\",{\"size\":[2]}]]],[\"swirl-icon-admin-panel-settings\",[[1,\"swirl-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"swirl-icon-ai\",[[1,\"swirl-icon-ai\",{\"size\":[2]}]]],[\"swirl-icon-apps\",[[1,\"swirl-icon-apps\",{\"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-bar-chart\",[[1,\"swirl-icon-bar-chart\",{\"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-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-discover\",[[1,\"swirl-icon-discover\",{\"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-format-h-one\",[[1,\"swirl-icon-format-h-one\",{\"size\":[2]}]]],[\"swirl-icon-gif\",[[1,\"swirl-icon-gif\",{\"size\":[2]}]]],[\"swirl-icon-group-add\",[[1,\"swirl-icon-group-add\",{\"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-highlight\",[[1,\"swirl-icon-highlight\",{\"size\":[2]}]]],[\"swirl-icon-home\",[[1,\"swirl-icon-home\",{\"size\":[2]}]]],[\"swirl-icon-image\",[[1,\"swirl-icon-image\",{\"size\":[2]}]]],[\"swirl-icon-improve-text\",[[1,\"swirl-icon-improve-text\",{\"size\":[2]}]]],[\"swirl-icon-insert-below\",[[1,\"swirl-icon-insert-below\",{\"size\":[2]}]]],[\"swirl-icon-insert-on-top\",[[1,\"swirl-icon-insert-on-top\",{\"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-lock-person\",[[1,\"swirl-icon-lock-person\",{\"size\":[2]}]]],[\"swirl-icon-logout\",[[1,\"swirl-icon-logout\",{\"size\":[2]}]]],[\"swirl-icon-long-text\",[[1,\"swirl-icon-long-text\",{\"size\":[2]}]]],[\"swirl-icon-mail\",[[1,\"swirl-icon-mail\",{\"size\":[2]}]]],[\"swirl-icon-manage-accounts\",[[1,\"swirl-icon-manage-accounts\",{\"size\":[2]}]]],[\"swirl-icon-mark-chat-read\",[[1,\"swirl-icon-mark-chat-read\",{\"size\":[2]}]]],[\"swirl-icon-mark-chat-unread\",[[1,\"swirl-icon-mark-chat-unread\",{\"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-mic\",[[1,\"swirl-icon-mic\",{\"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-full\",[[1,\"swirl-icon-open-in-full\",{\"size\":[2]}]]],[\"swirl-icon-open-in-new\",[[1,\"swirl-icon-open-in-new\",{\"size\":[2]}]]],[\"swirl-icon-pause\",[[1,\"swirl-icon-pause\",{\"size\":[2]}]]],[\"swirl-icon-pause-circle\",[[1,\"swirl-icon-pause-circle\",{\"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-play-arrow\",[[1,\"swirl-icon-play-arrow\",{\"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-reply\",[[1,\"swirl-icon-reply\",{\"size\":[2]}]]],[\"swirl-icon-report\",[[1,\"swirl-icon-report\",{\"size\":[2]}]]],[\"swirl-icon-roadmap\",[[1,\"swirl-icon-roadmap\",{\"size\":[2]}]]],[\"swirl-icon-search-strong\",[[1,\"swirl-icon-search-strong\",{\"size\":[2]}]]],[\"swirl-icon-secure\",[[1,\"swirl-icon-secure\",{\"size\":[2]}]]],[\"swirl-icon-send\",[[1,\"swirl-icon-send\",{\"size\":[2]}]]],[\"swirl-icon-settings\",[[1,\"swirl-icon-settings\",{\"size\":[2]}]]],[\"swirl-icon-short-text\",[[1,\"swirl-icon-short-text\",{\"size\":[2]}]]],[\"swirl-icon-simplify\",[[1,\"swirl-icon-simplify\",{\"size\":[2]}]]],[\"swirl-icon-spellcheck\",[[1,\"swirl-icon-spellcheck\",{\"size\":[2]}]]],[\"swirl-icon-stop\",[[1,\"swirl-icon-stop\",{\"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-translate\",[[1,\"swirl-icon-translate\",{\"size\":[2]}]]],[\"swirl-icon-tree-structure\",[[1,\"swirl-icon-tree-structure\",{\"size\":[2]}]]],[\"swirl-icon-undo\",[[1,\"swirl-icon-undo\",{\"size\":[2]}]]],[\"swirl-icon-unlock-person\",[[1,\"swirl-icon-unlock-person\",{\"size\":[2]}]]],[\"swirl-icon-user-add\",[[1,\"swirl-icon-user-add\",{\"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-video-library\",[[1,\"swirl-icon-video-library\",{\"size\":[2]}]]],[\"swirl-icon-voice\",[[1,\"swirl-icon-voice\",{\"size\":[2]}]]],[\"swirl-image-grid\",[[1,\"swirl-image-grid\",{\"aspectRatio\":[1,\"aspect-ratio\"],\"items\":[32]}]]],[\"swirl-image-grid-item\",[[1,\"swirl-image-grid-item\",{\"alt\":[1],\"icon\":[1],\"interactive\":[4],\"overlay\":[1],\"src\":[1]}]]],[\"swirl-inline-status\",[[1,\"swirl-inline-status\",{\"icon\":[1],\"intent\":[1],\"message\":[1],\"size\":[1],\"iconSize\":[32]}]]],[\"swirl-link\",[[1,\"swirl-link\",{\"color\":[1],\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"swirl-list\",[[4,\"swirl-list\"]]],[\"swirl-option-list-section\",[[1,\"swirl-option-list-section\",{\"label\":[1]}]]],[\"swirl-radio-group\",[[6,\"swirl-radio-group\",{\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537]}]]],[\"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-status-indicator\",[[1,\"swirl-status-indicator\",{\"intent\":[1],\"label\":[1]}]]],[\"swirl-symbol\",[[1,\"swirl-symbol\",{\"glyph\":[1],\"size\":[2]}]]],[\"swirl-symbol-account-circle\",[[1,\"swirl-symbol-account-circle\",{\"size\":[2]}]]],[\"swirl-symbol-alternate-email\",[[1,\"swirl-symbol-alternate-email\",{\"size\":[2]}]]],[\"swirl-symbol-android\",[[1,\"swirl-symbol-android\",{\"size\":[2]}]]],[\"swirl-symbol-announcement\",[[1,\"swirl-symbol-announcement\",{\"size\":[2]}]]],[\"swirl-symbol-backup\",[[1,\"swirl-symbol-backup\",{\"size\":[2]}]]],[\"swirl-symbol-beach-access\",[[1,\"swirl-symbol-beach-access\",{\"size\":[2]}]]],[\"swirl-symbol-bookmark\",[[1,\"swirl-symbol-bookmark\",{\"size\":[2]}]]],[\"swirl-symbol-cloud\",[[1,\"swirl-symbol-cloud\",{\"size\":[2]}]]],[\"swirl-symbol-coronavirus\",[[1,\"swirl-symbol-coronavirus\",{\"size\":[2]}]]],[\"swirl-symbol-desktop-windows\",[[1,\"swirl-symbol-desktop-windows\",{\"size\":[2]}]]],[\"swirl-symbol-directions-car-filled\",[[1,\"swirl-symbol-directions-car-filled\",{\"size\":[2]}]]],[\"swirl-symbol-edit-calendar\",[[1,\"swirl-symbol-edit-calendar\",{\"size\":[2]}]]],[\"swirl-symbol-email\",[[1,\"swirl-symbol-email\",{\"size\":[2]}]]],[\"swirl-symbol-emoji-food-beverage\",[[1,\"swirl-symbol-emoji-food-beverage\",{\"size\":[2]}]]],[\"swirl-symbol-event-menu\",[[1,\"swirl-symbol-event-menu\",{\"size\":[2]}]]],[\"swirl-symbol-facebook\",[[1,\"swirl-symbol-facebook\",{\"size\":[2]}]]],[\"swirl-symbol-favorite\",[[1,\"swirl-symbol-favorite\",{\"size\":[2]}]]],[\"swirl-symbol-fitness-center\",[[1,\"swirl-symbol-fitness-center\",{\"size\":[2]}]]],[\"swirl-symbol-flag\",[[1,\"swirl-symbol-flag\",{\"size\":[2]}]]],[\"swirl-symbol-folder\",[[1,\"swirl-symbol-folder\",{\"size\":[2]}]]],[\"swirl-symbol-globe\",[[1,\"swirl-symbol-globe\",{\"size\":[2]}]]],[\"swirl-symbol-groups\",[[1,\"swirl-symbol-groups\",{\"size\":[2]}]]],[\"swirl-symbol-help\",[[1,\"swirl-symbol-help\",{\"size\":[2]}]]],[\"swirl-symbol-image\",[[1,\"swirl-symbol-image\",{\"size\":[2]}]]],[\"swirl-symbol-info-menu\",[[1,\"swirl-symbol-info-menu\",{\"size\":[2]}]]],[\"swirl-symbol-instagram\",[[1,\"swirl-symbol-instagram\",{\"size\":[2]}]]],[\"swirl-symbol-ios\",[[1,\"swirl-symbol-ios\",{\"size\":[2]}]]],[\"swirl-symbol-language\",[[1,\"swirl-symbol-language\",{\"size\":[2]}]]],[\"swirl-symbol-leaderboard\",[[1,\"swirl-symbol-leaderboard\",{\"size\":[2]}]]],[\"swirl-symbol-lightbulb\",[[1,\"swirl-symbol-lightbulb\",{\"size\":[2]}]]],[\"swirl-symbol-linkedin\",[[1,\"swirl-symbol-linkedin\",{\"size\":[2]}]]],[\"swirl-symbol-location-on\",[[1,\"swirl-symbol-location-on\",{\"size\":[2]}]]],[\"swirl-symbol-loyalty\",[[1,\"swirl-symbol-loyalty\",{\"size\":[2]}]]],[\"swirl-symbol-maps-home-work\",[[1,\"swirl-symbol-maps-home-work\",{\"size\":[2]}]]],[\"swirl-symbol-notifications\",[[1,\"swirl-symbol-notifications\",{\"size\":[2]}]]],[\"swirl-symbol-open-in-new\",[[1,\"swirl-symbol-open-in-new\",{\"size\":[2]}]]],[\"swirl-symbol-pedal-bike\",[[1,\"swirl-symbol-pedal-bike\",{\"size\":[2]}]]],[\"swirl-symbol-pinterest\",[[1,\"swirl-symbol-pinterest\",{\"size\":[2]}]]],[\"swirl-symbol-policy\",[[1,\"swirl-symbol-policy\",{\"size\":[2]}]]],[\"swirl-symbol-push-pin\",[[1,\"swirl-symbol-push-pin\",{\"size\":[2]}]]],[\"swirl-symbol-redeem\",[[1,\"swirl-symbol-redeem\",{\"size\":[2]}]]],[\"swirl-symbol-report-problem\",[[1,\"swirl-symbol-report-problem\",{\"size\":[2]}]]],[\"swirl-symbol-restaurant\",[[1,\"swirl-symbol-restaurant\",{\"size\":[2]}]]],[\"swirl-symbol-roadmap\",[[1,\"swirl-symbol-roadmap\",{\"size\":[2]}]]],[\"swirl-symbol-room\",[[1,\"swirl-symbol-room\",{\"size\":[2]}]]],[\"swirl-symbol-savings\",[[1,\"swirl-symbol-savings\",{\"size\":[2]}]]],[\"swirl-symbol-settings-voice\",[[1,\"swirl-symbol-settings-voice\",{\"size\":[2]}]]],[\"swirl-symbol-shopping-cart\",[[1,\"swirl-symbol-shopping-cart\",{\"size\":[2]}]]],[\"swirl-symbol-smartphone\",[[1,\"swirl-symbol-smartphone\",{\"size\":[2]}]]],[\"swirl-symbol-star\",[[1,\"swirl-symbol-star\",{\"size\":[2]}]]],[\"swirl-symbol-supervisor-account\",[[1,\"swirl-symbol-supervisor-account\",{\"size\":[2]}]]],[\"swirl-symbol-thumbs-up-down\",[[1,\"swirl-symbol-thumbs-up-down\",{\"size\":[2]}]]],[\"swirl-symbol-twitter\",[[1,\"swirl-symbol-twitter\",{\"size\":[2]}]]],[\"swirl-symbol-wb-sunny\",[[1,\"swirl-symbol-wb-sunny\",{\"size\":[2]}]]],[\"swirl-symbol-wechat\",[[1,\"swirl-symbol-wechat\",{\"size\":[2]}]]],[\"swirl-symbol-weibo\",[[1,\"swirl-symbol-weibo\",{\"size\":[2]}]]],[\"swirl-symbol-work\",[[1,\"swirl-symbol-work\",{\"size\":[2]}]]],[\"swirl-symbol-xing\",[[1,\"swirl-symbol-xing\",{\"size\":[2]}]]],[\"swirl-symbol-youtube\",[[1,\"swirl-symbol-youtube\",{\"size\":[2]}]]],[\"swirl-tab\",[[1,\"swirl-tab\",{\"active\":[4],\"icon\":[1],\"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-theme-provider\",[[6,\"swirl-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"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\"],\"autoGrow\":[4,\"auto-grow\"],\"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],\"placeholder\":[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-button-group\",[[1,\"swirl-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"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-badge\",[[1,\"swirl-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"swirl-icon\",[[1,\"swirl-icon\",{\"glyph\":[1],\"size\":[2]}]]],[\"swirl-icon-cloud-upload\",[[1,\"swirl-icon-cloud-upload\",{\"size\":[2]}]]],[\"swirl-icon-person\",[[1,\"swirl-icon-person\",{\"size\":[2]}]]],[\"swirl-icon-time-outlined\",[[1,\"swirl-icon-time-outlined\",{\"size\":[2]}]]],[\"swirl-tab-bar\",[[2,\"swirl-tab-bar\",{\"disableTabSemantics\":[4,\"disable-tab-semantics\"],\"label\":[1],\"tabs\":[16]}]]],[\"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-date-picker_2\",[[1,\"swirl-date-picker\",{\"labels\":[16],\"locale\":[1],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"swirl-icon-today\",{\"size\":[2]}]]],[\"swirl-icon-arrow-downward_2\",[[1,\"swirl-icon-arrow-downward\",{\"size\":[2]}],[1,\"swirl-icon-arrow-upward\",{\"size\":[2]}]]],[\"swirl-icon-check-circle_2\",[[1,\"swirl-icon-check-circle\",{\"size\":[2]}],[1,\"swirl-icon-warning\",{\"size\":[2]}]]],[\"swirl-box\",[[1,\"swirl-box\",{\"bordered\":[4],\"borderedBlockEnd\":[4,\"bordered-block-end\"],\"borderedBlockStart\":[4,\"bordered-block-start\"],\"borderedInlineEnd\":[4,\"bordered-inline-end\"],\"borderedInlineStart\":[4,\"bordered-inline-start\"],\"centerBlock\":[4,\"center-block\"],\"centerInline\":[4,\"center-inline\"],\"cover\":[4],\"maxWidth\":[1,\"max-width\"],\"overflow\":[1],\"padding\":[1],\"paddingBlockEnd\":[1,\"padding-block-end\"],\"paddingBlockStart\":[1,\"padding-block-start\"],\"paddingInlineEnd\":[1,\"padding-inline-end\"],\"paddingInlineStart\":[1,\"padding-inline-start\"]}]]],[\"swirl-icon-info\",[[1,\"swirl-icon-info\",{\"size\":[2]}]]],[\"swirl-icon-search\",[[1,\"swirl-icon-search\",{\"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-progress-indicator\",[[1,\"swirl-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"swirl-icon-arrow-left_4\",[[1,\"swirl-thumbnail\",{\"alt\":[1],\"format\":[1],\"progress\":[2],\"progressLabel\":[1,\"progress-label\"],\"removeButtonLabel\":[1,\"remove-button-label\"],\"showRemoveButton\":[4,\"show-remove-button\"],\"size\":[1],\"src\":[1],\"timestamp\":[1]}],[1,\"swirl-icon-arrow-left\",{\"size\":[2]}],[1,\"swirl-icon-arrow-right\",{\"size\":[2]}],[1,\"swirl-icon-more-vertikal\",{\"size\":[2]}]]],[\"swirl-option-list_2\",[[1,\"swirl-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}],[6,\"swirl-option-list\",{\"allowDeselect\":[4,\"allow-deselect\"],\"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]}]]],[\"swirl-icon-expand-more\",[[1,\"swirl-icon-expand-more\",{\"size\":[2]}]]],[\"swirl-heading\",[[2,\"swirl-heading\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"lines\":[2],\"text\":[1],\"truncate\":[4]}]]],[\"swirl-icon-check-strong\",[[1,\"swirl-icon-check-strong\",{\"size\":[2]}]]],[\"swirl-app-layout_6\",[[6,\"swirl-resource-list-item\",{\"active\":[4],\"allowDrag\":[4,\"allow-drag\"],\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"dragging\":[4],\"dragHandleDescription\":[1,\"drag-handle-description\"],\"dragHandleLabel\":[1,\"drag-handle-label\"],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"interactive\":[4],\"label\":[1],\"labelWeight\":[1,\"label-weight\"],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1],\"hasMedia\":[32],\"iconSize\":[32]}],[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\"],\"hasCustomAppBarBackButton\":[32],\"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]}],[6,\"swirl-resource-list\",{\"allowDrag\":[4,\"allow-drag\"],\"assistiveTextItemGrabbed\":[1,\"assistive-text-item-grabbed\"],\"assistiveTextItemMoving\":[1,\"assistive-text-item-moving\"],\"assistiveTextItemMoved\":[1,\"assistive-text-item-moved\"],\"label\":[1],\"assistiveText\":[32]}],[1,\"swirl-icon-file\",{\"size\":[2]}],[1,\"swirl-icon-folder-shared\",{\"size\":[2]}]]],[\"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-separator\",{\"orientation\":[1],\"spacing\":[1]}],[1,\"swirl-action-list-item\",{\"badge\":[1],\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlAriaHaspopup\":[1,\"swirl-aria-haspopup\"],\"suffix\":[1]}]]],[\"swirl-icon-close\",[[1,\"swirl-icon-close\",{\"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-stack\",[[1,\"swirl-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"swirl-text\",[[6,\"swirl-text\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"color\":[1],\"fontFamily\":[1,\"font-family\"],\"fontStyle\":[1,\"font-style\"],\"lines\":[2],\"size\":[1],\"truncate\":[4],\"truncateDirection\":[1,\"truncate-direction\"],\"weight\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-icon-check-small_3\",[[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],\"swirlAriaRole\":[1,\"swirl-aria-role\"],\"value\":[1],\"iconSize\":[32],\"focused\":[32]}],[1,\"swirl-icon-check-small\",{\"size\":[2]}],[1,\"swirl-icon-drag-handle\",{\"size\":[2]}]]],[\"swirl-popover_2\",[[1,\"swirl-popover\",{\"animation\":[1],\"disableScrollLock\":[4,\"disable-scroll-lock\"],\"enableFlip\":[4,\"enable-flip\"],\"fullscreenBottomSheet\":[4,\"fullscreen-bottom-sheet\"],\"label\":[1],\"maxHeight\":[1,\"max-height\"],\"offset\":[2],\"popoverId\":[1,\"popover-id\"],\"placement\":[1],\"returnFocusToTrigger\":[4,\"return-focus-to-trigger\"],\"trigger\":[1],\"triggerContainer\":[16],\"useContainerWidth\":[8,\"use-container-width\"],\"active\":[32],\"closing\":[32],\"position\":[32],\"close\":[64],\"open\":[64]},[[8,\"focusin\",\"onWindowFocusIn\"],[8,\"click\",\"onWindowClick\"]]],[6,\"swirl-popover-trigger\",{\"popover\":[1],\"setAriaAttributes\":[4,\"set-aria-attributes\"]}]]],[\"swirl-button\",[[6,\"swirl-button\",{\"disabled\":[4],\"download\":[1],\"swirlAriaControls\":[1,\"swirl-aria-controls\"],\"swirlAriaCurrent\":[1,\"swirl-aria-current\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlAriaHaspopup\":[1,\"swirl-aria-haspopup\"],\"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],\"pressed\":[4],\"size\":[1],\"target\":[1],\"textAlign\":[1,\"text-align\"],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"swirl-visually-hidden\",[[1,\"swirl-visually-hidden\"]]],[\"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);
|
|
20
|
+
return bootstrapLazy(JSON.parse("[[\"file-manager\",[[1,\"file-manager\",{\"selectedDirectory\":[32],\"selectedFile\":[32],\"sortMenu\":[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],\"multiSelect\":[4,\"multi-select\"],\"placeholder\":[1],\"required\":[4],\"spellCheck\":[4,\"spell-check\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1040],\"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\"],\"hideMenu\":[4,\"hide-menu\"],\"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-select\",[[6,\"swirl-select\",{\"allowDeselect\":[4,\"allow-deselect\"],\"disabled\":[4],\"emptyListLabel\":[1,\"empty-list-label\"],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"required\":[4],\"searchInputLabel\":[1,\"search-input-label\"],\"searchLoading\":[4,\"search-loading\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectId\":[1,\"select-id\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1040],\"withSearch\":[4,\"with-search\"],\"options\":[32],\"open\":[32],\"placement\":[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-inline-notification\",[[1,\"swirl-inline-notification\",{\"heading\":[1],\"importance\":[1],\"intent\":[1]}]]],[\"swirl-menu-item\",[[1,\"swirl-menu-item\",{\"description\":[1],\"disabled\":[4],\"expanded\":[4],\"icon\":[1],\"intent\":[1],\"label\":[1],\"value\":[1],\"parentMenu\":[32],\"subMenu\":[32],\"getSubMenu\":[64],\"getParentMenu\":[64]}]]],[\"swirl-pagination\",[[1,\"swirl-pagination\",{\"firstPageButtonLabel\":[1,\"first-page-button-label\"],\"lastPageButtonLabel\":[1,\"last-page-button-label\"],\"label\":[1],\"nextButtonLabel\":[1,\"next-button-label\"],\"page\":[2],\"pageLabel\":[1,\"page-label\"],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"pageSizeSelectLabel\":[1,\"page-size-select-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"showPageSizeSelect\":[4,\"show-page-size-select\"],\"variant\":[1]}]]],[\"swirl-resource-list-file-item\",[[2,\"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-modal\",[[4,\"swirl-modal\",{\"closable\":[4],\"closeButtonLabel\":[1,\"close-button-label\"],\"height\":[1],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"maxHeight\":[1,\"max-height\"],\"maxWidth\":[1,\"max-width\"],\"padded\":[4],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"variant\":[1],\"isOpen\":[32],\"closing\":[32],\"hasCustomHeader\":[32],\"hasCustomFooter\":[32],\"hasHeaderTools\":[32],\"hasSecondaryContent\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-color-input\",[[2,\"swirl-color-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"inline\":[4],\"invalid\":[4],\"pickerButtonLabel\":[1,\"picker-button-label\"],\"pickerLabel\":[1,\"picker-label\"],\"placeholder\":[1],\"required\":[4],\"value\":[1537]}]]],[\"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\"],\"navigationLabel\":[1,\"navigation-label\"],\"maxContentWidth\":[1,\"max-content-width\"],\"showBackButton\":[4,\"show-back-button\"],\"showHelpButton\":[4,\"show-help-button\"],\"showNavigationButtonLabel\":[1,\"show-navigation-button-label\"],\"subheading\":[1],\"sidebarActive\":[32],\"toggleSidebar\":[64],\"showSidebar\":[64],\"hideSidebar\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-toast-provider\",[[1,\"swirl-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"swirl-accordion-item\",[[1,\"swirl-accordion-item\",{\"description\":[1],\"disabled\":[4],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"initiallyOpen\":[4,\"initially-open\"],\"itemId\":[1,\"item-id\"],\"expanded\":[32],\"collapse\":[64],\"expand\":[64],\"toggle\":[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],\"labelWeight\":[1,\"label-weight\"],\"value\":[1],\"variant\":[1]}]]],[\"swirl-chip\",[[6,\"swirl-chip\",{\"borderRadius\":[1,\"border-radius\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"intent\":[1],\"interactive\":[4],\"label\":[1],\"progress\":[2],\"pressed\":[4],\"progressBarLabel\":[1,\"progress-bar-label\"],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"],\"size\":[1],\"variant\":[1]}]]],[\"swirl-description-list-item\",[[1,\"swirl-description-list-item\",{\"bordered\":[4],\"maxWidth\":[1,\"max-width\"],\"term\":[1],\"tooltip\":[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\"],\"uploadButtonIcon\":[1,\"upload-button-icon\"],\"uploadButtonLabel\":[1,\"upload-button-label\"],\"uploadButtonVariant\":[1,\"upload-button-variant\"],\"reset\":[64]}]]],[\"swirl-form-control\",[[6,\"swirl-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"hideLabel\":[4,\"hide-label\"],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-menu\",[[1,\"swirl-menu\",{\"active\":[1028],\"label\":[1],\"level\":[1026],\"mobileBackButtonLabel\":[1,\"mobile-back-button-label\"],\"mobileCloseMenuButtonLabel\":[1,\"mobile-close-menu-button-label\"],\"mobileDoneButtonLabel\":[1,\"mobile-done-button-label\"],\"value\":[1],\"variant\":[1],\"activeLevel\":[32],\"mobile\":[32],\"position\":[32],\"activateMenuItem\":[64],\"close\":[64],\"goBack\":[64],\"focusFirstItem\":[64],\"focusItemAtIndex\":[64],\"updateSelection\":[64]}]]],[\"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],\"variant\":[1]},[[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],\"rerender\":[64]},[[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],\"toolPosition\":[1,\"tool-position\"],\"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-carousel\",[[1,\"swirl-carousel\",{\"label\":[1],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"loopAround\":[4,\"loop-around\"],\"isAtEnd\":[32],\"isAtStart\":[32],\"isScrollable\":[32],\"scrollToSlide\":[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-radio\",[[2,\"swirl-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1],\"variant\":[1]}]]],[\"swirl-shell-layout\",[[1,\"swirl-shell-layout\",{\"hideSidebar\":[4,\"hide-sidebar\"],\"mainNavigationLabel\":[1,\"main-navigation-label\"],\"sidebarToggleLabel\":[1,\"sidebar-toggle-label\"],\"collapsedSidebar\":[32],\"collapsing\":[32],\"sidebarHovered\":[32],\"collapseSidebar\":[64],\"extendSidebar\":[64]}]]],[\"swirl-shell-navigation-item\",[[1,\"swirl-shell-navigation-item\",{\"active\":[4],\"badgeLabel\":[1,\"badge-label\"],\"label\":[1]}]]],[\"swirl-switch\",[[2,\"swirl-switch\",{\"checked\":[1028],\"disabled\":[4],\"hideLabel\":[4,\"hide-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"swirl-tabs\",[[6,\"swirl-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"tabBarTabs\":[32],\"activateTab\":[64]}]]],[\"swirl-time-input\",[[2,\"swirl-time-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"disabled\":[4],\"format\":[1],\"inline\":[4],\"invalid\":[4],\"placeholder\":[1],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"iconSize\":[32]}]]],[\"swirl-toolbar\",[[1,\"swirl-toolbar\",{\"label\":[1],\"orientation\":[1]}]]],[\"swirl-video-thumbnail\",[[1,\"swirl-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"swirl-accordion\",[[1,\"swirl-accordion\",{\"collapseItem\":[64],\"expandItem\":[64]}]]],[\"swirl-action-list-section\",[[1,\"swirl-action-list-section\",{\"label\":[1]}]]],[\"swirl-app-icon\",[[1,\"swirl-app-icon\",{\"icon\":[1],\"src\":[1],\"hideBorder\":[4,\"hide-border\"],\"imageAvailable\":[32]}]]],[\"swirl-avatar-group\",[[1,\"swirl-avatar-group\",{\"badge\":[1]}]]],[\"swirl-card\",[[1,\"swirl-card\",{\"as\":[1],\"borderRadius\":[1,\"border-radius\"],\"elevated\":[4],\"height\":[1],\"highlighted\":[4],\"href\":[1],\"imageAspectRatio\":[1,\"image-aspect-ratio\"],\"intent\":[1],\"isBorderless\":[4,\"is-borderless\"],\"interactive\":[4],\"justifyContent\":[1,\"justify-content\"],\"linkTarget\":[1,\"link-target\"],\"overflow\":[1],\"padding\":[1],\"paddingBlockEnd\":[1,\"padding-block-end\"],\"paddingBlockStart\":[1,\"padding-block-start\"],\"paddingInlineEnd\":[1,\"padding-inline-end\"],\"paddingInlineStart\":[1,\"padding-inline-start\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"swirlAriaLabelledby\":[1,\"swirl-aria-labelledby\"]}]]],[\"swirl-carousel-slide\",[[1,\"swirl-carousel-slide\",{\"label\":[1],\"minHeight\":[1,\"min-height\"],\"width\":[1]}]]],[\"swirl-columns\",[[1,\"swirl-columns\",{\"columns\":[1],\"spacing\":[1]}]]],[\"swirl-description-list\",[[1,\"swirl-description-list\"]]],[\"swirl-emoji\",[[1,\"swirl-emoji\",{\"label\":[1],\"name\":[1],\"size\":[2]}]]],[\"swirl-emoji-clap\",[[1,\"swirl-emoji-clap\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-happy\",[[1,\"swirl-emoji-happy\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-idea\",[[1,\"swirl-emoji-idea\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-love\",[[1,\"swirl-emoji-love\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-sad\",[[1,\"swirl-emoji-sad\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-emoji-thumbs-up\",[[1,\"swirl-emoji-thumbs-up\",{\"label\":[1],\"size\":[2]}]]],[\"swirl-form-group\",[[6,\"swirl-form-group\",{\"orientation\":[1]}]]],[\"swirl-icon-add-photo\",[[1,\"swirl-icon-add-photo\",{\"size\":[2]}]]],[\"swirl-icon-add-reaction\",[[1,\"swirl-icon-add-reaction\",{\"size\":[2]}]]],[\"swirl-icon-admin-panel-settings\",[[1,\"swirl-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"swirl-icon-ai\",[[1,\"swirl-icon-ai\",{\"size\":[2]}]]],[\"swirl-icon-apps\",[[1,\"swirl-icon-apps\",{\"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-bar-chart\",[[1,\"swirl-icon-bar-chart\",{\"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-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-discover\",[[1,\"swirl-icon-discover\",{\"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-format-h-one\",[[1,\"swirl-icon-format-h-one\",{\"size\":[2]}]]],[\"swirl-icon-gif\",[[1,\"swirl-icon-gif\",{\"size\":[2]}]]],[\"swirl-icon-group-add\",[[1,\"swirl-icon-group-add\",{\"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-highlight\",[[1,\"swirl-icon-highlight\",{\"size\":[2]}]]],[\"swirl-icon-home\",[[1,\"swirl-icon-home\",{\"size\":[2]}]]],[\"swirl-icon-image\",[[1,\"swirl-icon-image\",{\"size\":[2]}]]],[\"swirl-icon-improve-text\",[[1,\"swirl-icon-improve-text\",{\"size\":[2]}]]],[\"swirl-icon-insert-below\",[[1,\"swirl-icon-insert-below\",{\"size\":[2]}]]],[\"swirl-icon-insert-on-top\",[[1,\"swirl-icon-insert-on-top\",{\"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-lock-person\",[[1,\"swirl-icon-lock-person\",{\"size\":[2]}]]],[\"swirl-icon-logout\",[[1,\"swirl-icon-logout\",{\"size\":[2]}]]],[\"swirl-icon-long-text\",[[1,\"swirl-icon-long-text\",{\"size\":[2]}]]],[\"swirl-icon-mail\",[[1,\"swirl-icon-mail\",{\"size\":[2]}]]],[\"swirl-icon-manage-accounts\",[[1,\"swirl-icon-manage-accounts\",{\"size\":[2]}]]],[\"swirl-icon-mark-chat-read\",[[1,\"swirl-icon-mark-chat-read\",{\"size\":[2]}]]],[\"swirl-icon-mark-chat-unread\",[[1,\"swirl-icon-mark-chat-unread\",{\"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-mic\",[[1,\"swirl-icon-mic\",{\"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-full\",[[1,\"swirl-icon-open-in-full\",{\"size\":[2]}]]],[\"swirl-icon-open-in-new\",[[1,\"swirl-icon-open-in-new\",{\"size\":[2]}]]],[\"swirl-icon-pause\",[[1,\"swirl-icon-pause\",{\"size\":[2]}]]],[\"swirl-icon-pause-circle\",[[1,\"swirl-icon-pause-circle\",{\"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-play-arrow\",[[1,\"swirl-icon-play-arrow\",{\"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-reply\",[[1,\"swirl-icon-reply\",{\"size\":[2]}]]],[\"swirl-icon-report\",[[1,\"swirl-icon-report\",{\"size\":[2]}]]],[\"swirl-icon-roadmap\",[[1,\"swirl-icon-roadmap\",{\"size\":[2]}]]],[\"swirl-icon-search-strong\",[[1,\"swirl-icon-search-strong\",{\"size\":[2]}]]],[\"swirl-icon-secure\",[[1,\"swirl-icon-secure\",{\"size\":[2]}]]],[\"swirl-icon-send\",[[1,\"swirl-icon-send\",{\"size\":[2]}]]],[\"swirl-icon-settings\",[[1,\"swirl-icon-settings\",{\"size\":[2]}]]],[\"swirl-icon-short-text\",[[1,\"swirl-icon-short-text\",{\"size\":[2]}]]],[\"swirl-icon-simplify\",[[1,\"swirl-icon-simplify\",{\"size\":[2]}]]],[\"swirl-icon-spellcheck\",[[1,\"swirl-icon-spellcheck\",{\"size\":[2]}]]],[\"swirl-icon-stop\",[[1,\"swirl-icon-stop\",{\"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-translate\",[[1,\"swirl-icon-translate\",{\"size\":[2]}]]],[\"swirl-icon-tree-structure\",[[1,\"swirl-icon-tree-structure\",{\"size\":[2]}]]],[\"swirl-icon-undo\",[[1,\"swirl-icon-undo\",{\"size\":[2]}]]],[\"swirl-icon-unlock-person\",[[1,\"swirl-icon-unlock-person\",{\"size\":[2]}]]],[\"swirl-icon-user-add\",[[1,\"swirl-icon-user-add\",{\"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-video-library\",[[1,\"swirl-icon-video-library\",{\"size\":[2]}]]],[\"swirl-icon-voice\",[[1,\"swirl-icon-voice\",{\"size\":[2]}]]],[\"swirl-image-grid\",[[1,\"swirl-image-grid\",{\"aspectRatio\":[1,\"aspect-ratio\"],\"items\":[32]}]]],[\"swirl-image-grid-item\",[[1,\"swirl-image-grid-item\",{\"alt\":[1],\"icon\":[1],\"interactive\":[4],\"overlay\":[1],\"src\":[1]}]]],[\"swirl-inline-status\",[[1,\"swirl-inline-status\",{\"icon\":[1],\"intent\":[1],\"message\":[1],\"size\":[1],\"iconSize\":[32]}]]],[\"swirl-link\",[[1,\"swirl-link\",{\"color\":[1],\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"swirl-list\",[[4,\"swirl-list\"]]],[\"swirl-option-list-section\",[[1,\"swirl-option-list-section\",{\"label\":[1]}]]],[\"swirl-radio-group\",[[6,\"swirl-radio-group\",{\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537]}]]],[\"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-status-indicator\",[[1,\"swirl-status-indicator\",{\"intent\":[1],\"label\":[1]}]]],[\"swirl-symbol\",[[1,\"swirl-symbol\",{\"glyph\":[1],\"size\":[2]}]]],[\"swirl-symbol-account-circle\",[[1,\"swirl-symbol-account-circle\",{\"size\":[2]}]]],[\"swirl-symbol-alternate-email\",[[1,\"swirl-symbol-alternate-email\",{\"size\":[2]}]]],[\"swirl-symbol-android\",[[1,\"swirl-symbol-android\",{\"size\":[2]}]]],[\"swirl-symbol-announcement\",[[1,\"swirl-symbol-announcement\",{\"size\":[2]}]]],[\"swirl-symbol-backup\",[[1,\"swirl-symbol-backup\",{\"size\":[2]}]]],[\"swirl-symbol-beach-access\",[[1,\"swirl-symbol-beach-access\",{\"size\":[2]}]]],[\"swirl-symbol-bookmark\",[[1,\"swirl-symbol-bookmark\",{\"size\":[2]}]]],[\"swirl-symbol-cloud\",[[1,\"swirl-symbol-cloud\",{\"size\":[2]}]]],[\"swirl-symbol-coronavirus\",[[1,\"swirl-symbol-coronavirus\",{\"size\":[2]}]]],[\"swirl-symbol-desktop-windows\",[[1,\"swirl-symbol-desktop-windows\",{\"size\":[2]}]]],[\"swirl-symbol-directions-car-filled\",[[1,\"swirl-symbol-directions-car-filled\",{\"size\":[2]}]]],[\"swirl-symbol-edit-calendar\",[[1,\"swirl-symbol-edit-calendar\",{\"size\":[2]}]]],[\"swirl-symbol-email\",[[1,\"swirl-symbol-email\",{\"size\":[2]}]]],[\"swirl-symbol-emoji-food-beverage\",[[1,\"swirl-symbol-emoji-food-beverage\",{\"size\":[2]}]]],[\"swirl-symbol-event-menu\",[[1,\"swirl-symbol-event-menu\",{\"size\":[2]}]]],[\"swirl-symbol-facebook\",[[1,\"swirl-symbol-facebook\",{\"size\":[2]}]]],[\"swirl-symbol-favorite\",[[1,\"swirl-symbol-favorite\",{\"size\":[2]}]]],[\"swirl-symbol-fitness-center\",[[1,\"swirl-symbol-fitness-center\",{\"size\":[2]}]]],[\"swirl-symbol-flag\",[[1,\"swirl-symbol-flag\",{\"size\":[2]}]]],[\"swirl-symbol-folder\",[[1,\"swirl-symbol-folder\",{\"size\":[2]}]]],[\"swirl-symbol-globe\",[[1,\"swirl-symbol-globe\",{\"size\":[2]}]]],[\"swirl-symbol-groups\",[[1,\"swirl-symbol-groups\",{\"size\":[2]}]]],[\"swirl-symbol-help\",[[1,\"swirl-symbol-help\",{\"size\":[2]}]]],[\"swirl-symbol-image\",[[1,\"swirl-symbol-image\",{\"size\":[2]}]]],[\"swirl-symbol-info-menu\",[[1,\"swirl-symbol-info-menu\",{\"size\":[2]}]]],[\"swirl-symbol-instagram\",[[1,\"swirl-symbol-instagram\",{\"size\":[2]}]]],[\"swirl-symbol-ios\",[[1,\"swirl-symbol-ios\",{\"size\":[2]}]]],[\"swirl-symbol-language\",[[1,\"swirl-symbol-language\",{\"size\":[2]}]]],[\"swirl-symbol-leaderboard\",[[1,\"swirl-symbol-leaderboard\",{\"size\":[2]}]]],[\"swirl-symbol-lightbulb\",[[1,\"swirl-symbol-lightbulb\",{\"size\":[2]}]]],[\"swirl-symbol-linkedin\",[[1,\"swirl-symbol-linkedin\",{\"size\":[2]}]]],[\"swirl-symbol-location-on\",[[1,\"swirl-symbol-location-on\",{\"size\":[2]}]]],[\"swirl-symbol-loyalty\",[[1,\"swirl-symbol-loyalty\",{\"size\":[2]}]]],[\"swirl-symbol-maps-home-work\",[[1,\"swirl-symbol-maps-home-work\",{\"size\":[2]}]]],[\"swirl-symbol-notifications\",[[1,\"swirl-symbol-notifications\",{\"size\":[2]}]]],[\"swirl-symbol-open-in-new\",[[1,\"swirl-symbol-open-in-new\",{\"size\":[2]}]]],[\"swirl-symbol-pedal-bike\",[[1,\"swirl-symbol-pedal-bike\",{\"size\":[2]}]]],[\"swirl-symbol-pinterest\",[[1,\"swirl-symbol-pinterest\",{\"size\":[2]}]]],[\"swirl-symbol-policy\",[[1,\"swirl-symbol-policy\",{\"size\":[2]}]]],[\"swirl-symbol-push-pin\",[[1,\"swirl-symbol-push-pin\",{\"size\":[2]}]]],[\"swirl-symbol-redeem\",[[1,\"swirl-symbol-redeem\",{\"size\":[2]}]]],[\"swirl-symbol-report-problem\",[[1,\"swirl-symbol-report-problem\",{\"size\":[2]}]]],[\"swirl-symbol-restaurant\",[[1,\"swirl-symbol-restaurant\",{\"size\":[2]}]]],[\"swirl-symbol-roadmap\",[[1,\"swirl-symbol-roadmap\",{\"size\":[2]}]]],[\"swirl-symbol-room\",[[1,\"swirl-symbol-room\",{\"size\":[2]}]]],[\"swirl-symbol-savings\",[[1,\"swirl-symbol-savings\",{\"size\":[2]}]]],[\"swirl-symbol-settings-voice\",[[1,\"swirl-symbol-settings-voice\",{\"size\":[2]}]]],[\"swirl-symbol-shopping-cart\",[[1,\"swirl-symbol-shopping-cart\",{\"size\":[2]}]]],[\"swirl-symbol-smartphone\",[[1,\"swirl-symbol-smartphone\",{\"size\":[2]}]]],[\"swirl-symbol-star\",[[1,\"swirl-symbol-star\",{\"size\":[2]}]]],[\"swirl-symbol-supervisor-account\",[[1,\"swirl-symbol-supervisor-account\",{\"size\":[2]}]]],[\"swirl-symbol-thumbs-up-down\",[[1,\"swirl-symbol-thumbs-up-down\",{\"size\":[2]}]]],[\"swirl-symbol-twitter\",[[1,\"swirl-symbol-twitter\",{\"size\":[2]}]]],[\"swirl-symbol-wb-sunny\",[[1,\"swirl-symbol-wb-sunny\",{\"size\":[2]}]]],[\"swirl-symbol-wechat\",[[1,\"swirl-symbol-wechat\",{\"size\":[2]}]]],[\"swirl-symbol-weibo\",[[1,\"swirl-symbol-weibo\",{\"size\":[2]}]]],[\"swirl-symbol-work\",[[1,\"swirl-symbol-work\",{\"size\":[2]}]]],[\"swirl-symbol-xing\",[[1,\"swirl-symbol-xing\",{\"size\":[2]}]]],[\"swirl-symbol-youtube\",[[1,\"swirl-symbol-youtube\",{\"size\":[2]}]]],[\"swirl-tab\",[[1,\"swirl-tab\",{\"active\":[4],\"icon\":[1],\"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-theme-provider\",[[6,\"swirl-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"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\"],\"autoGrow\":[4,\"auto-grow\"],\"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],\"placeholder\":[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-button-group\",[[1,\"swirl-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"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-badge\",[[1,\"swirl-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"swirl-icon\",[[1,\"swirl-icon\",{\"glyph\":[1],\"size\":[2]}]]],[\"swirl-icon-cloud-upload\",[[1,\"swirl-icon-cloud-upload\",{\"size\":[2]}]]],[\"swirl-icon-person\",[[1,\"swirl-icon-person\",{\"size\":[2]}]]],[\"swirl-icon-time-outlined\",[[1,\"swirl-icon-time-outlined\",{\"size\":[2]}]]],[\"swirl-tab-bar\",[[2,\"swirl-tab-bar\",{\"disableTabSemantics\":[4,\"disable-tab-semantics\"],\"label\":[1],\"tabs\":[16]}]]],[\"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-date-picker_2\",[[1,\"swirl-date-picker\",{\"labels\":[16],\"locale\":[1],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"swirl-icon-today\",{\"size\":[2]}]]],[\"swirl-icon-arrow-downward_2\",[[1,\"swirl-icon-arrow-downward\",{\"size\":[2]}],[1,\"swirl-icon-arrow-upward\",{\"size\":[2]}]]],[\"swirl-icon-check-circle_2\",[[1,\"swirl-icon-check-circle\",{\"size\":[2]}],[1,\"swirl-icon-warning\",{\"size\":[2]}]]],[\"swirl-box\",[[1,\"swirl-box\",{\"bordered\":[4],\"borderedBlockEnd\":[4,\"bordered-block-end\"],\"borderedBlockStart\":[4,\"bordered-block-start\"],\"borderedInlineEnd\":[4,\"bordered-inline-end\"],\"borderedInlineStart\":[4,\"bordered-inline-start\"],\"centerBlock\":[4,\"center-block\"],\"centerInline\":[4,\"center-inline\"],\"cover\":[4],\"maxWidth\":[1,\"max-width\"],\"overflow\":[1],\"padding\":[1],\"paddingBlockEnd\":[1,\"padding-block-end\"],\"paddingBlockStart\":[1,\"padding-block-start\"],\"paddingInlineEnd\":[1,\"padding-inline-end\"],\"paddingInlineStart\":[1,\"padding-inline-start\"]}]]],[\"swirl-icon-info\",[[1,\"swirl-icon-info\",{\"size\":[2]}]]],[\"swirl-icon-search\",[[1,\"swirl-icon-search\",{\"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-progress-indicator\",[[1,\"swirl-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"swirl-icon-arrow-left_4\",[[1,\"swirl-thumbnail\",{\"alt\":[1],\"format\":[1],\"progress\":[2],\"progressLabel\":[1,\"progress-label\"],\"removeButtonLabel\":[1,\"remove-button-label\"],\"showRemoveButton\":[4,\"show-remove-button\"],\"size\":[1],\"src\":[1],\"timestamp\":[1]}],[1,\"swirl-icon-arrow-left\",{\"size\":[2]}],[1,\"swirl-icon-arrow-right\",{\"size\":[2]}],[1,\"swirl-icon-more-vertikal\",{\"size\":[2]}]]],[\"swirl-option-list_2\",[[1,\"swirl-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}],[6,\"swirl-option-list\",{\"allowDeselect\":[4,\"allow-deselect\"],\"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]}]]],[\"swirl-icon-expand-more\",[[1,\"swirl-icon-expand-more\",{\"size\":[2]}]]],[\"swirl-heading\",[[2,\"swirl-heading\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"lines\":[2],\"text\":[1],\"truncate\":[4]}]]],[\"swirl-icon-check-strong\",[[1,\"swirl-icon-check-strong\",{\"size\":[2]}]]],[\"swirl-app-layout_6\",[[6,\"swirl-resource-list-item\",{\"active\":[4],\"allowDrag\":[4,\"allow-drag\"],\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"dragging\":[4],\"dragHandleDescription\":[1,\"drag-handle-description\"],\"dragHandleLabel\":[1,\"drag-handle-label\"],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"interactive\":[4],\"label\":[1],\"labelWeight\":[1,\"label-weight\"],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1],\"hasMedia\":[32],\"iconSize\":[32]}],[1,\"swirl-app-layout\",{\"appName\":[1,\"app-name\"],\"backToNavigationViewButtonLabel\":[1,\"back-to-navigation-view-button-label\"],\"ctaIcon\":[1,\"cta-icon\"],\"ctaLabel\":[1,\"cta-label\"],\"hideAppBar\":[4,\"hide-app-bar\"],\"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\"],\"hasCustomAppBarBackButton\":[32],\"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]}],[6,\"swirl-resource-list\",{\"allowDrag\":[4,\"allow-drag\"],\"assistiveTextItemGrabbed\":[1,\"assistive-text-item-grabbed\"],\"assistiveTextItemMoving\":[1,\"assistive-text-item-moving\"],\"assistiveTextItemMoved\":[1,\"assistive-text-item-moved\"],\"label\":[1],\"assistiveText\":[32]}],[1,\"swirl-icon-file\",{\"size\":[2]}],[1,\"swirl-icon-folder-shared\",{\"size\":[2]}]]],[\"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-separator\",{\"orientation\":[1],\"spacing\":[1]}],[1,\"swirl-action-list-item\",{\"badge\":[1],\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlAriaHaspopup\":[1,\"swirl-aria-haspopup\"],\"suffix\":[1]}]]],[\"swirl-icon-close\",[[1,\"swirl-icon-close\",{\"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-stack\",[[1,\"swirl-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"swirl-text\",[[6,\"swirl-text\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"color\":[1],\"fontFamily\":[1,\"font-family\"],\"fontStyle\":[1,\"font-style\"],\"lines\":[2],\"size\":[1],\"truncate\":[4],\"truncateDirection\":[1,\"truncate-direction\"],\"weight\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-icon-check-small_3\",[[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],\"swirlAriaRole\":[1,\"swirl-aria-role\"],\"value\":[1],\"iconSize\":[32],\"focused\":[32]}],[1,\"swirl-icon-check-small\",{\"size\":[2]}],[1,\"swirl-icon-drag-handle\",{\"size\":[2]}]]],[\"swirl-popover_2\",[[1,\"swirl-popover\",{\"animation\":[1],\"disableScrollLock\":[4,\"disable-scroll-lock\"],\"enableFlip\":[4,\"enable-flip\"],\"fullscreenBottomSheet\":[4,\"fullscreen-bottom-sheet\"],\"label\":[1],\"maxHeight\":[1,\"max-height\"],\"offset\":[2],\"popoverId\":[1,\"popover-id\"],\"placement\":[1],\"returnFocusToTrigger\":[4,\"return-focus-to-trigger\"],\"trigger\":[1],\"triggerContainer\":[16],\"useContainerWidth\":[8,\"use-container-width\"],\"active\":[32],\"closing\":[32],\"position\":[32],\"close\":[64],\"open\":[64]},[[8,\"focusin\",\"onWindowFocusIn\"],[8,\"click\",\"onWindowClick\"]]],[6,\"swirl-popover-trigger\",{\"popover\":[1],\"setAriaAttributes\":[4,\"set-aria-attributes\"]}]]],[\"swirl-button\",[[6,\"swirl-button\",{\"disabled\":[4],\"download\":[1],\"swirlAriaControls\":[1,\"swirl-aria-controls\"],\"swirlAriaCurrent\":[1,\"swirl-aria-current\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlAriaHaspopup\":[1,\"swirl-aria-haspopup\"],\"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],\"pressed\":[4],\"size\":[1],\"target\":[1],\"textAlign\":[1,\"text-align\"],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"swirl-visually-hidden\",[[1,\"swirl-visually-hidden\"]]],[\"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);
|
|
21
21
|
});
|
|
@@ -1144,7 +1144,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
1144
1144
|
return trap;
|
|
1145
1145
|
};
|
|
1146
1146
|
|
|
1147
|
-
const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n --s-surface-overlay-default\n );--swirl-resource-list-item-background-hovered:var(\n --s-surface-overlay-hovered\n );--swirl-resource-list-item-background-pressed:var(\n --s-surface-overlay-pressed\n );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}.modal--variant-drawer .modal__content{min-height:100%}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
|
|
1147
|
+
const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n --s-surface-overlay-default\n );--swirl-resource-list-item-background-hovered:var(\n --s-surface-overlay-hovered\n );--swirl-resource-list-item-background-pressed:var(\n --s-surface-overlay-pressed\n );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}.modal--variant-drawer .modal__content{min-height:100%}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;min-height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
|
|
1148
1148
|
|
|
1149
1149
|
const SwirlModal = class {
|
|
1150
1150
|
constructor(hostRef) {
|
|
@@ -7,4 +7,4 @@ import{r as o,c as a,h as t,H as e,g as r}from"./p-3fca9a05.js";import{d as n,e
|
|
|
7
7
|
* focus-trap 7.1.0
|
|
8
8
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
9
9
|
*/
|
|
10
|
-
function T(o,a){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);a&&(e=e.filter((function(a){return Object.getOwnPropertyDescriptor(o,a).enumerable}))),t.push.apply(t,e)}return t}function C(o){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{};a%2?T(Object(t),!0).forEach((function(a){F(o,a,t[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(a){Object.defineProperty(o,a,Object.getOwnPropertyDescriptor(t,a))}))}return o}function F(o,a,t){return a in o?Object.defineProperty(o,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[a]=t,o}var j=[],A=function(o){return setTimeout(o,0)},D=function(o,a){var t=-1;return o.every((function(o,e){return!a(o)||(t=e,!1)})),t},N=function(o){for(var a=arguments.length,t=new Array(a>1?a-1:0),e=1;e<a;e++)t[e-1]=arguments[e];return"function"==typeof o?o.apply(void 0,t):o},I=function(o){return o.target.shadowRoot&&"function"==typeof o.composedPath?o.composedPath()[0]:o.target};const R=class{constructor(t){o(this,t),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.primaryAction=a(this,"primaryAction",7),this.requestModalClose=a(this,"requestModalClose",7),this.secondaryAction=a(this,"secondaryAction",7),this.onKeyDown=o=>{"Escape"===o.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onPrimaryAction=o=>{this.primaryAction.emit(o)},this.onSecondaryAction=o=>{this.secondaryAction.emit(o)},this.determineScrollStatus=()=>{const o=this.scrollContainer?.scrollTop>0,a=Math.ceil(this.scrollContainer?.scrollTop+this.scrollContainer?.offsetHeight)>=this.scrollContainer?.scrollHeight,t=this.scrollContainer?.scrollHeight>this.scrollContainer?.offsetHeight;o!==this.scrolled&&(this.scrolled=o),a!==this.scrolledDown&&(this.scrolledDown=a),t!==this.scrollable&&(this.scrollable=t)},this.closable=!0,this.closeButtonLabel="Close modal",this.height=void 0,this.hideCloseButton=void 0,this.hideLabel=void 0,this.label=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.padded=!0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.variant="default",this.isOpen=!1,this.closing=!1,this.hasCustomHeader=void 0,this.hasCustomFooter=void 0,this.hasHeaderTools=void 0,this.hasSecondaryContent=void 0,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1}componentDidLoad(){var o,a,t,e,r,n,i,d,s,l,c,u,m,v,p,b,w,g,y,x;this.focusTrap=(o=this.modalEl,e=(null==(a={allowOutsideClick:!0,tabbableOptions:{getShadowRoot:o=>o.shadowRoot}})?void 0:a.document)||document,r=(null==a?void 0:a.trapStack)||j,n=C({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},a),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},d=function(o,a,t){return o&&void 0!==o[a]?o[a]:n[t||a]},s=function(o){return i.containerGroups.findIndex((function(a){var t=a.tabbableNodes;return a.container.contains(o)||t.find((function(a){return a===o}))}))},l=function(o){var a=n[o];if("function"==typeof a){for(var t=arguments.length,r=new Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];a=a.apply(void 0,r)}if(!0===a&&(a=void 0),!a){if(void 0===a||!1===a)return a;throw new Error("`".concat(o,"` was specified but was not a node, or did not return a node"))}var d=a;if("string"==typeof a&&!(d=e.querySelector(a)))throw new Error("`".concat(o,"` as selector refers to no known node"));return d},c=function(){var o=l("initialFocus");if(!1===o)return!1;if(void 0===o)if(s(e.activeElement)>=0)o=e.activeElement;else{var a=i.tabbableGroups[0];o=a&&a.firstTabbableNode||l("fallbackFocus")}if(!o)throw new Error("Your focus-trap needs to have at least one focusable element");return o},u=function(){if(i.containerGroups=i.containers.map((function(o){var a,t,e=k(o,n.tabbableOptions),r=(a=o,(t=(t=n.tabbableOptions)||{}).getShadowRoot?f([a],t.includeContainer,{filter:_.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):h(a,t.includeContainer,_.bind(null,t)));return{container:o,tabbableNodes:e,focusableNodes:r,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function(o){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=r.findIndex((function(a){return a===o}));if(!(t<0))return a?r.slice(t+1).find((function(o){return E(o,n.tabbableOptions)})):r.slice(0,t).reverse().find((function(o){return E(o,n.tabbableOptions)}))}}})),i.tabbableGroups=i.containerGroups.filter((function(o){return o.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!l("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},m=function o(a){!1!==a&&a!==e.activeElement&&(a&&a.focus?(a.focus({preventScroll:!!n.preventScroll}),i.mostRecentlyFocusedNode=a,function(o){return o.tagName&&"input"===o.tagName.toLowerCase()&&"function"==typeof o.select}(a)&&a.select()):o(c()))},v=function(o){var a=l("setReturnFocus",o);return a||!1!==a&&o},p=function(o){var a=I(o);s(a)>=0||(N(n.clickOutsideDeactivates,o)?t.deactivate({returnFocus:n.returnFocusOnDeactivate&&!S(a,n.tabbableOptions)}):N(n.allowOutsideClick,o)||o.preventDefault())},b=function(o){var a=I(o),t=s(a)>=0;t||a instanceof Document?t&&(i.mostRecentlyFocusedNode=a):(o.stopImmediatePropagation(),m(i.mostRecentlyFocusedNode||c()))},w=function(o){if(function(o){return"Escape"===o.key||"Esc"===o.key||27===o.keyCode}(o)&&!1!==N(n.escapeDeactivates,o))return o.preventDefault(),void t.deactivate();(function(o){return"Tab"===o.key||9===o.keyCode})(o)&&function(o){var a=I(o);u();var t=null;if(i.tabbableGroups.length>0){var e=s(a),r=e>=0?i.containerGroups[e]:void 0;if(e<0)t=o.shiftKey?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(o.shiftKey){var d=D(i.tabbableGroups,(function(o){return a===o.firstTabbableNode}));d<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a,!1))&&(d=e),d>=0&&(t=i.tabbableGroups[0===d?i.tabbableGroups.length-1:d-1].lastTabbableNode)}else{var c=D(i.tabbableGroups,(function(o){return a===o.lastTabbableNode}));c<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a))&&(c=e),c>=0&&(t=i.tabbableGroups[c===i.tabbableGroups.length-1?0:c+1].firstTabbableNode)}}else t=l("fallbackFocus");t&&(o.preventDefault(),m(t))}(o)},g=function(o){var a=I(o);s(a)>=0||N(n.clickOutsideDeactivates,o)||N(n.allowOutsideClick,o)||(o.preventDefault(),o.stopImmediatePropagation())},y=function(){if(i.active)return function(o,a){if(o.length>0){var t=o[o.length-1];t!==a&&t.pause()}var e=o.indexOf(a);-1===e||o.splice(e,1),o.push(a)}(r,t),i.delayInitialFocusTimer=n.delayInitialFocus?A((function(){m(c())})):m(c()),e.addEventListener("focusin",b,!0),e.addEventListener("mousedown",p,{capture:!0,passive:!1}),e.addEventListener("touchstart",p,{capture:!0,passive:!1}),e.addEventListener("click",g,{capture:!0,passive:!1}),e.addEventListener("keydown",w,{capture:!0,passive:!1}),t},x=function(){if(i.active)return e.removeEventListener("focusin",b,!0),e.removeEventListener("mousedown",p,!0),e.removeEventListener("touchstart",p,!0),e.removeEventListener("click",g,!0),e.removeEventListener("keydown",w,!0),t},(t={get active(){return i.active},get paused(){return i.paused},activate:function(o){if(i.active)return this;var a=d(o,"onActivate"),t=d(o,"onPostActivate"),r=d(o,"checkCanFocusTrap");r||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=e.activeElement,a&&a();var n=function(){r&&u(),y(),t&&t()};return r?(r(i.containers.concat()).then(n,n),this):(n(),this)},deactivate:function(o){if(!i.active)return this;var a=C({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},o);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,x(),i.active=!1,i.paused=!1,function(o,a){var t=o.indexOf(a);-1!==t&&o.splice(t,1),o.length>0&&o[o.length-1].unpause()}(r,t);var e=d(a,"onDeactivate"),s=d(a,"onPostDeactivate"),l=d(a,"checkCanReturnFocus"),c=d(a,"returnFocus","returnFocusOnDeactivate");e&&e();var u=function(){A((function(){c&&m(v(i.nodeFocusedBeforeActivation)),s&&s()}))};return c&&l?(l(v(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(){return i.paused||!i.active||(i.paused=!0,x()),this},unpause:function(){return i.paused&&i.active?(i.paused=!1,u(),y(),this):this},updateContainerElements:function(o){var a=[].concat(o).filter(Boolean);return i.containers=a.map((function(o){return"string"==typeof o?e.querySelector(o):o})),i.active&&u(),this}}).updateContainerElements(o),t),this.determineScrollStatus(),queueMicrotask((()=>{this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus(),this.updateSecondaryContentStatus()}))}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}watchIsOpen(){this.isOpen?setTimeout((()=>{this.focusTrap.activate(),this.handleAutoFocus()}),200):this.focusTrap.deactivate()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.lockBodyScroll(),this.determineScrollStatus()}async close(o){this.closing||(this.requestModalClose.emit(),(this.closable||o)&&(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150)))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}updateSecondaryContentStatus(){this.hasSecondaryContent=Boolean(this.el.querySelector('[slot="secondary-content"]'))}handleAutoFocus(){this.modalEl.querySelector("input[autofocus]")?.focus()}lockBodyScroll(){n(this.scrollContainer)}unlockBodyScroll(){i(this.scrollContainer)}render(){const o=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),a=d("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--has-secondary-content":this.hasSecondaryContent,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--scrolled-down":this.scrolledDown});return t(e,null,t("section",{"aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:a,onKeyDown:this.onKeyDown,role:"dialog",ref:o=>this.modalEl=o},t("div",{class:"modal__backdrop",onClick:this.onBackdropClick}),t("div",{class:"modal__body",style:{"--swirl-modal-max-height":this.maxHeight,"--swirl-modal-height":this.height,maxWidth:this.maxWidth}},t("header",{class:"modal__custom-header"},t("slot",{name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&t("header",{class:"modal__header"},t("div",{class:"modal__header-bar"},!this.hideCloseButton&&t("swirl-button",{class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),!this.hideLabel&&t("swirl-heading",{as:"h2",class:"modal__heading",level:3,text:this.label}))),t("div",{class:"modal__content-container"},t("div",{class:"modal__primary-content"},t("div",{class:"modal__header-tools"},t("slot",{name:"header-tools"})),t("div",{class:"modal__content",onScroll:this.determineScrollStatus,ref:o=>this.scrollContainer=o},t("slot",null))),t("div",{class:"modal__secondary-content"},t("slot",{name:"secondary-content"}))),t("div",{class:"modal__custom-footer"},t("slot",{name:"custom-footer"})),o&&t("footer",{class:"modal__controls"},t("swirl-button-group",{wrap:!0},this.secondaryActionLabel&&t("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&t("swirl-button",{intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"}))))))}get el(){return r(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};R.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n --s-surface-overlay-default\n );--swirl-resource-list-item-background-hovered:var(\n --s-surface-overlay-hovered\n );--swirl-resource-list-item-background-pressed:var(\n --s-surface-overlay-pressed\n );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}.modal--variant-drawer .modal__content{min-height:100%}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{R as swirl_modal}
|
|
10
|
+
function T(o,a){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);a&&(e=e.filter((function(a){return Object.getOwnPropertyDescriptor(o,a).enumerable}))),t.push.apply(t,e)}return t}function C(o){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{};a%2?T(Object(t),!0).forEach((function(a){F(o,a,t[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(a){Object.defineProperty(o,a,Object.getOwnPropertyDescriptor(t,a))}))}return o}function F(o,a,t){return a in o?Object.defineProperty(o,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[a]=t,o}var j=[],A=function(o){return setTimeout(o,0)},D=function(o,a){var t=-1;return o.every((function(o,e){return!a(o)||(t=e,!1)})),t},N=function(o){for(var a=arguments.length,t=new Array(a>1?a-1:0),e=1;e<a;e++)t[e-1]=arguments[e];return"function"==typeof o?o.apply(void 0,t):o},I=function(o){return o.target.shadowRoot&&"function"==typeof o.composedPath?o.composedPath()[0]:o.target};const R=class{constructor(t){o(this,t),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.primaryAction=a(this,"primaryAction",7),this.requestModalClose=a(this,"requestModalClose",7),this.secondaryAction=a(this,"secondaryAction",7),this.onKeyDown=o=>{"Escape"===o.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onPrimaryAction=o=>{this.primaryAction.emit(o)},this.onSecondaryAction=o=>{this.secondaryAction.emit(o)},this.determineScrollStatus=()=>{const o=this.scrollContainer?.scrollTop>0,a=Math.ceil(this.scrollContainer?.scrollTop+this.scrollContainer?.offsetHeight)>=this.scrollContainer?.scrollHeight,t=this.scrollContainer?.scrollHeight>this.scrollContainer?.offsetHeight;o!==this.scrolled&&(this.scrolled=o),a!==this.scrolledDown&&(this.scrolledDown=a),t!==this.scrollable&&(this.scrollable=t)},this.closable=!0,this.closeButtonLabel="Close modal",this.height=void 0,this.hideCloseButton=void 0,this.hideLabel=void 0,this.label=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.padded=!0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.variant="default",this.isOpen=!1,this.closing=!1,this.hasCustomHeader=void 0,this.hasCustomFooter=void 0,this.hasHeaderTools=void 0,this.hasSecondaryContent=void 0,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1}componentDidLoad(){var o,a,t,e,r,n,i,d,s,l,c,u,m,v,p,b,w,g,y,x;this.focusTrap=(o=this.modalEl,e=(null==(a={allowOutsideClick:!0,tabbableOptions:{getShadowRoot:o=>o.shadowRoot}})?void 0:a.document)||document,r=(null==a?void 0:a.trapStack)||j,n=C({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},a),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},d=function(o,a,t){return o&&void 0!==o[a]?o[a]:n[t||a]},s=function(o){return i.containerGroups.findIndex((function(a){var t=a.tabbableNodes;return a.container.contains(o)||t.find((function(a){return a===o}))}))},l=function(o){var a=n[o];if("function"==typeof a){for(var t=arguments.length,r=new Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];a=a.apply(void 0,r)}if(!0===a&&(a=void 0),!a){if(void 0===a||!1===a)return a;throw new Error("`".concat(o,"` was specified but was not a node, or did not return a node"))}var d=a;if("string"==typeof a&&!(d=e.querySelector(a)))throw new Error("`".concat(o,"` as selector refers to no known node"));return d},c=function(){var o=l("initialFocus");if(!1===o)return!1;if(void 0===o)if(s(e.activeElement)>=0)o=e.activeElement;else{var a=i.tabbableGroups[0];o=a&&a.firstTabbableNode||l("fallbackFocus")}if(!o)throw new Error("Your focus-trap needs to have at least one focusable element");return o},u=function(){if(i.containerGroups=i.containers.map((function(o){var a,t,e=k(o,n.tabbableOptions),r=(a=o,(t=(t=n.tabbableOptions)||{}).getShadowRoot?f([a],t.includeContainer,{filter:_.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):h(a,t.includeContainer,_.bind(null,t)));return{container:o,tabbableNodes:e,focusableNodes:r,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function(o){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=r.findIndex((function(a){return a===o}));if(!(t<0))return a?r.slice(t+1).find((function(o){return E(o,n.tabbableOptions)})):r.slice(0,t).reverse().find((function(o){return E(o,n.tabbableOptions)}))}}})),i.tabbableGroups=i.containerGroups.filter((function(o){return o.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!l("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},m=function o(a){!1!==a&&a!==e.activeElement&&(a&&a.focus?(a.focus({preventScroll:!!n.preventScroll}),i.mostRecentlyFocusedNode=a,function(o){return o.tagName&&"input"===o.tagName.toLowerCase()&&"function"==typeof o.select}(a)&&a.select()):o(c()))},v=function(o){var a=l("setReturnFocus",o);return a||!1!==a&&o},p=function(o){var a=I(o);s(a)>=0||(N(n.clickOutsideDeactivates,o)?t.deactivate({returnFocus:n.returnFocusOnDeactivate&&!S(a,n.tabbableOptions)}):N(n.allowOutsideClick,o)||o.preventDefault())},b=function(o){var a=I(o),t=s(a)>=0;t||a instanceof Document?t&&(i.mostRecentlyFocusedNode=a):(o.stopImmediatePropagation(),m(i.mostRecentlyFocusedNode||c()))},w=function(o){if(function(o){return"Escape"===o.key||"Esc"===o.key||27===o.keyCode}(o)&&!1!==N(n.escapeDeactivates,o))return o.preventDefault(),void t.deactivate();(function(o){return"Tab"===o.key||9===o.keyCode})(o)&&function(o){var a=I(o);u();var t=null;if(i.tabbableGroups.length>0){var e=s(a),r=e>=0?i.containerGroups[e]:void 0;if(e<0)t=o.shiftKey?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(o.shiftKey){var d=D(i.tabbableGroups,(function(o){return a===o.firstTabbableNode}));d<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a,!1))&&(d=e),d>=0&&(t=i.tabbableGroups[0===d?i.tabbableGroups.length-1:d-1].lastTabbableNode)}else{var c=D(i.tabbableGroups,(function(o){return a===o.lastTabbableNode}));c<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a))&&(c=e),c>=0&&(t=i.tabbableGroups[c===i.tabbableGroups.length-1?0:c+1].firstTabbableNode)}}else t=l("fallbackFocus");t&&(o.preventDefault(),m(t))}(o)},g=function(o){var a=I(o);s(a)>=0||N(n.clickOutsideDeactivates,o)||N(n.allowOutsideClick,o)||(o.preventDefault(),o.stopImmediatePropagation())},y=function(){if(i.active)return function(o,a){if(o.length>0){var t=o[o.length-1];t!==a&&t.pause()}var e=o.indexOf(a);-1===e||o.splice(e,1),o.push(a)}(r,t),i.delayInitialFocusTimer=n.delayInitialFocus?A((function(){m(c())})):m(c()),e.addEventListener("focusin",b,!0),e.addEventListener("mousedown",p,{capture:!0,passive:!1}),e.addEventListener("touchstart",p,{capture:!0,passive:!1}),e.addEventListener("click",g,{capture:!0,passive:!1}),e.addEventListener("keydown",w,{capture:!0,passive:!1}),t},x=function(){if(i.active)return e.removeEventListener("focusin",b,!0),e.removeEventListener("mousedown",p,!0),e.removeEventListener("touchstart",p,!0),e.removeEventListener("click",g,!0),e.removeEventListener("keydown",w,!0),t},(t={get active(){return i.active},get paused(){return i.paused},activate:function(o){if(i.active)return this;var a=d(o,"onActivate"),t=d(o,"onPostActivate"),r=d(o,"checkCanFocusTrap");r||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=e.activeElement,a&&a();var n=function(){r&&u(),y(),t&&t()};return r?(r(i.containers.concat()).then(n,n),this):(n(),this)},deactivate:function(o){if(!i.active)return this;var a=C({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},o);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,x(),i.active=!1,i.paused=!1,function(o,a){var t=o.indexOf(a);-1!==t&&o.splice(t,1),o.length>0&&o[o.length-1].unpause()}(r,t);var e=d(a,"onDeactivate"),s=d(a,"onPostDeactivate"),l=d(a,"checkCanReturnFocus"),c=d(a,"returnFocus","returnFocusOnDeactivate");e&&e();var u=function(){A((function(){c&&m(v(i.nodeFocusedBeforeActivation)),s&&s()}))};return c&&l?(l(v(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(){return i.paused||!i.active||(i.paused=!0,x()),this},unpause:function(){return i.paused&&i.active?(i.paused=!1,u(),y(),this):this},updateContainerElements:function(o){var a=[].concat(o).filter(Boolean);return i.containers=a.map((function(o){return"string"==typeof o?e.querySelector(o):o})),i.active&&u(),this}}).updateContainerElements(o),t),this.determineScrollStatus(),queueMicrotask((()=>{this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus(),this.updateSecondaryContentStatus()}))}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}watchIsOpen(){this.isOpen?setTimeout((()=>{this.focusTrap.activate(),this.handleAutoFocus()}),200):this.focusTrap.deactivate()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.lockBodyScroll(),this.determineScrollStatus()}async close(o){this.closing||(this.requestModalClose.emit(),(this.closable||o)&&(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150)))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}updateSecondaryContentStatus(){this.hasSecondaryContent=Boolean(this.el.querySelector('[slot="secondary-content"]'))}handleAutoFocus(){this.modalEl.querySelector("input[autofocus]")?.focus()}lockBodyScroll(){n(this.scrollContainer)}unlockBodyScroll(){i(this.scrollContainer)}render(){const o=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),a=d("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--has-secondary-content":this.hasSecondaryContent,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--scrolled-down":this.scrolledDown});return t(e,null,t("section",{"aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:a,onKeyDown:this.onKeyDown,role:"dialog",ref:o=>this.modalEl=o},t("div",{class:"modal__backdrop",onClick:this.onBackdropClick}),t("div",{class:"modal__body",style:{"--swirl-modal-max-height":this.maxHeight,"--swirl-modal-height":this.height,maxWidth:this.maxWidth}},t("header",{class:"modal__custom-header"},t("slot",{name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&t("header",{class:"modal__header"},t("div",{class:"modal__header-bar"},!this.hideCloseButton&&t("swirl-button",{class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),!this.hideLabel&&t("swirl-heading",{as:"h2",class:"modal__heading",level:3,text:this.label}))),t("div",{class:"modal__content-container"},t("div",{class:"modal__primary-content"},t("div",{class:"modal__header-tools"},t("slot",{name:"header-tools"})),t("div",{class:"modal__content",onScroll:this.determineScrollStatus,ref:o=>this.scrollContainer=o},t("slot",null))),t("div",{class:"modal__secondary-content"},t("slot",{name:"secondary-content"}))),t("div",{class:"modal__custom-footer"},t("slot",{name:"custom-footer"})),o&&t("footer",{class:"modal__controls"},t("swirl-button-group",{wrap:!0},this.secondaryActionLabel&&t("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&t("swirl-button",{intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"}))))))}get el(){return r(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};R.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n --s-surface-overlay-default\n );--swirl-resource-list-item-background-hovered:var(\n --s-surface-overlay-hovered\n );--swirl-resource-list-item-background-pressed:var(\n --s-surface-overlay-pressed\n );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}.modal--variant-drawer .modal__content{min-height:100%}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;min-height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{R as swirl_modal}
|