@getflip/swirl-components 0.104.2 → 0.105.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/components.json +9 -1
  2. package/dist/cjs/swirl-app-layout_6.cjs.entry.js +6 -3
  3. package/dist/collection/components/swirl-app-layout/swirl-app-layout.css +9 -0
  4. package/dist/collection/components/swirl-app-layout/swirl-app-layout.js +6 -2
  5. package/dist/components/swirl-app-layout2.js +6 -3
  6. package/dist/esm/swirl-app-layout_6.entry.js +6 -3
  7. package/dist/swirl-components/p-d8dbb76f.entry.js +1 -0
  8. package/dist/swirl-components/swirl-components.esm.js +1 -1
  9. package/dist/types/components/swirl-app-layout/swirl-app-layout.d.ts +1 -0
  10. package/package.json +1 -1
  11. package/dist/swirl-components/p-d2960259.entry.js +0 -1
package/components.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2023-10-24T11:15:00",
2
+ "timestamp": "2023-10-25T11:36:49",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "3.3.1",
@@ -962,6 +962,10 @@
962
962
  "name": "slot",
963
963
  "text": "app-bar - The app bar contents"
964
964
  },
965
+ {
966
+ "name": "slot",
967
+ "text": "custom-app-bar-back-button - Replaces the mobile default back button of the content app bar"
968
+ },
965
969
  {
966
970
  "name": "slot",
967
971
  "text": "app-bar-mobile-menu-button - Used to add a mobile shell layout menu button to the app bar"
@@ -1250,6 +1254,10 @@
1250
1254
  "name": "content",
1251
1255
  "docs": "Main content area"
1252
1256
  },
1257
+ {
1258
+ "name": "custom-app-bar-back-button",
1259
+ "docs": "Replaces the mobile default back button of the content app bar"
1260
+ },
1253
1261
  {
1254
1262
  "name": "navigation",
1255
1263
  "docs": "The navigation area content"
package/dist/cjs/swirl-app-layout_6.cjs.entry.js CHANGED
@@ -8,7 +8,7 @@ const utils = require('./utils-c00c09b9.js');
8
8
  const sortable_esm = require('./sortable.esm-73cf219b.js');
9
9
  const v4 = require('./v4-8e8d6fbc.js');
10
10
 
11
- 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__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__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}}";
11
+ 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}}";
12
12
 
13
13
  const SwirlAppLayout = class {
14
14
  constructor(hostRef) {
@@ -168,13 +168,16 @@ const SwirlAppLayout = class {
168
168
  this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
169
169
  }
170
170
  render() {
171
+ const hasCustomAppBarBackButton = Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'));
171
172
  const showBackToNavigationButton = (this.mobileView === "body" || this.transitioningTo) &&
172
- this.hasNavigation;
173
+ this.hasNavigation &&
174
+ !hasCustomAppBarBackButton;
173
175
  const hasAppBarControls = Boolean(this.el.querySelector('[slot="app-bar-controls"]'));
174
176
  const hasAppBarMobileMenuButton = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]'));
175
177
  const className = index$1.classnames("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
176
178
  "app-layout--has-app-bar-mobile-menu-button": hasAppBarMobileMenuButton,
177
179
  "app-layout--has-app-bar-controls": hasAppBarControls,
180
+ "app-layout--has-custom-app-bar-back-button": hasCustomAppBarBackButton,
178
181
  "app-layout--has-navigation": this.hasNavigation,
179
182
  "app-layout--has-sidebar": this.hasSidebar,
180
183
  "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
@@ -182,7 +185,7 @@ const SwirlAppLayout = class {
182
185
  });
183
186
  return (index.h(index.Host, null, index.h("section", { "aria-labelledby": "app-name", class: className, role: "document", tabIndex: 0 }, index.h("div", { class: "app-layout__grid" }, index.h("header", { class: "app-layout__header" }, index.h("span", { class: "app-layout__navigation-mobile-menu-button" }, index.h("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && (index.h("span", { class: "app-layout__navigation-back-button" }, index.h("swirl-button", { hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), index.h("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (index.h("span", { class: "app-layout__navigation-controls" }, index.h("slot", { name: "navigation-controls" })))), index.h("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, index.h("slot", { name: "navigation" })), index.h("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, index.h("header", { class: "app-layout__app-bar" }, index.h("span", { class: "app-layout__app-bar-mobile-menu-button" }, index.h("slot", { name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (index.h("span", { class: "app-layout__back-to-navigation-button" }, index.h("swirl-button", { hideLabel: true, icon: this.transitionStyle === "dialog"
184
187
  ? "<swirl-icon-close></swirl-icon-close>"
185
- : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), index.h("div", { class: "app-layout__app-bar-content" }, index.h("slot", { name: "app-bar" })), index.h("div", { class: "app-layout__app-bar-controls" }, index.h("slot", { name: "app-bar-controls" }))), index.h("div", { class: "app-layout__banner" }, index.h("slot", { name: "banner" })), index.h("div", { class: "app-layout__content" }, index.h("slot", { name: "content" }))), index.h("aside", { class: "app-layout__sidebar" }, index.h("header", { class: "app-layout__sidebar-header" }, index.h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), index.h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), index.h("div", { class: "app-layout__sidebar-content" }, index.h("slot", { name: "sidebar" }))), this.ctaLabel && (index.h("span", { class: "app-layout__floating-cta" }, index.h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
188
+ : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), index.h("span", { class: "app-layout__custom-app-bar-back-button" }, index.h("slot", { name: "custom-app-bar-back-button" })), index.h("div", { class: "app-layout__app-bar-content" }, index.h("slot", { name: "app-bar" })), index.h("div", { class: "app-layout__app-bar-controls" }, index.h("slot", { name: "app-bar-controls" }))), index.h("div", { class: "app-layout__banner" }, index.h("slot", { name: "banner" })), index.h("div", { class: "app-layout__content" }, index.h("slot", { name: "content" }))), index.h("aside", { class: "app-layout__sidebar" }, index.h("header", { class: "app-layout__sidebar-header" }, index.h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), index.h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), index.h("div", { class: "app-layout__sidebar-content" }, index.h("slot", { name: "sidebar" }))), this.ctaLabel && (index.h("span", { class: "app-layout__floating-cta" }, index.h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
186
189
  }
187
190
  get el() { return index.getElement(this); }
188
191
  static get watchers() { return {
package/dist/collection/components/swirl-app-layout/swirl-app-layout.css CHANGED
@@ -207,6 +207,10 @@
207
207
  display: block;
208
208
  }
209
209
 
210
+ .app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button {
211
+ display: block;
212
+ }
213
+
210
214
  .app-layout__header {
211
215
  z-index: 1;
212
216
  display: flex;
@@ -342,6 +346,11 @@
342
346
  flex-grow: 1;
343
347
  }
344
348
 
349
+ .app-layout__custom-app-bar-back-button {
350
+ display: none;
351
+ padding-left: var(--s-space-8);
352
+ }
353
+
345
354
  .app-layout__app-bar-controls {
346
355
  display: none;
347
356
  padding-right: var(--s-space-8);
package/dist/collection/components/swirl-app-layout/swirl-app-layout.js CHANGED
@@ -7,6 +7,7 @@ import { isMobileViewport } from "../../utils";
7
7
  * @slot navigation-controls - Controls for the navigation header
8
8
  * @slot navigation-mobile-menu-button - Used to add a mobile shell layout menu button to navigation
9
9
  * @slot app-bar - The app bar contents
10
+ * @slot custom-app-bar-back-button - Replaces the mobile default back button of the content app bar
10
11
  * @slot app-bar-mobile-menu-button - Used to add a mobile shell layout menu button to the app bar
11
12
  * @slot banner - Used to show a banner below the app bar
12
13
  * @slot sidebar - Content of the right sidebar
@@ -164,13 +165,16 @@ export class SwirlAppLayout {
164
165
  this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
165
166
  }
166
167
  render() {
168
+ const hasCustomAppBarBackButton = Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'));
167
169
  const showBackToNavigationButton = (this.mobileView === "body" || this.transitioningTo) &&
168
- this.hasNavigation;
170
+ this.hasNavigation &&
171
+ !hasCustomAppBarBackButton;
169
172
  const hasAppBarControls = Boolean(this.el.querySelector('[slot="app-bar-controls"]'));
170
173
  const hasAppBarMobileMenuButton = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]'));
171
174
  const className = classnames("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
172
175
  "app-layout--has-app-bar-mobile-menu-button": hasAppBarMobileMenuButton,
173
176
  "app-layout--has-app-bar-controls": hasAppBarControls,
177
+ "app-layout--has-custom-app-bar-back-button": hasCustomAppBarBackButton,
174
178
  "app-layout--has-navigation": this.hasNavigation,
175
179
  "app-layout--has-sidebar": this.hasSidebar,
176
180
  "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
@@ -178,7 +182,7 @@ export class SwirlAppLayout {
178
182
  });
179
183
  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"
180
184
  ? "<swirl-icon-close></swirl-icon-close>"
181
- : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), h("div", { class: "app-layout__app-bar-content" }, h("slot", { name: "app-bar" })), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" }))), h("div", { class: "app-layout__banner" }, h("slot", { name: "banner" })), h("div", { class: "app-layout__content" }, h("slot", { name: "content" }))), h("aside", { class: "app-layout__sidebar" }, h("header", { class: "app-layout__sidebar-header" }, h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { class: "app-layout__sidebar-content" }, h("slot", { name: "sidebar" }))), this.ctaLabel && (h("span", { class: "app-layout__floating-cta" }, h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
185
+ : "<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" })))))));
182
186
  }
183
187
  static get is() { return "swirl-app-layout"; }
184
188
  static get encapsulation() { return "shadow"; }
package/dist/components/swirl-app-layout2.js CHANGED
@@ -4,7 +4,7 @@ import { i as isMobileViewport } from './utils.js';
4
4
  import { d as defineCustomElement$2 } from './swirl-button2.js';
5
5
  import { d as defineCustomElement$1 } from './swirl-heading2.js';
6
6
 
7
- const swirlAppLayoutCss = ":host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows: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__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__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__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 = /*@__PURE__*/ proxyCustomElement(class SwirlAppLayout extends HTMLElement {
10
10
  constructor() {
@@ -166,13 +166,16 @@ const SwirlAppLayout = /*@__PURE__*/ proxyCustomElement(class SwirlAppLayout ext
166
166
  this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
167
167
  }
168
168
  render() {
169
+ const hasCustomAppBarBackButton = Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'));
169
170
  const showBackToNavigationButton = (this.mobileView === "body" || this.transitioningTo) &&
170
- this.hasNavigation;
171
+ this.hasNavigation &&
172
+ !hasCustomAppBarBackButton;
171
173
  const hasAppBarControls = Boolean(this.el.querySelector('[slot="app-bar-controls"]'));
172
174
  const hasAppBarMobileMenuButton = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]'));
173
175
  const className = classnames("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
174
176
  "app-layout--has-app-bar-mobile-menu-button": hasAppBarMobileMenuButton,
175
177
  "app-layout--has-app-bar-controls": hasAppBarControls,
178
+ "app-layout--has-custom-app-bar-back-button": hasCustomAppBarBackButton,
176
179
  "app-layout--has-navigation": this.hasNavigation,
177
180
  "app-layout--has-sidebar": this.hasSidebar,
178
181
  "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
@@ -180,7 +183,7 @@ const SwirlAppLayout = /*@__PURE__*/ proxyCustomElement(class SwirlAppLayout ext
180
183
  });
181
184
  return (h(Host, null, h("section", { "aria-labelledby": "app-name", class: className, role: "document", tabIndex: 0 }, h("div", { class: "app-layout__grid" }, h("header", { class: "app-layout__header" }, h("span", { class: "app-layout__navigation-mobile-menu-button" }, h("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && (h("span", { class: "app-layout__navigation-back-button" }, h("swirl-button", { hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, h("slot", { name: "navigation" })), h("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, h("header", { class: "app-layout__app-bar" }, h("span", { class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { class: "app-layout__back-to-navigation-button" }, h("swirl-button", { hideLabel: true, icon: this.transitionStyle === "dialog"
182
185
  ? "<swirl-icon-close></swirl-icon-close>"
183
- : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), h("div", { class: "app-layout__app-bar-content" }, h("slot", { name: "app-bar" })), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" }))), h("div", { class: "app-layout__banner" }, h("slot", { name: "banner" })), h("div", { class: "app-layout__content" }, h("slot", { name: "content" }))), h("aside", { class: "app-layout__sidebar" }, h("header", { class: "app-layout__sidebar-header" }, h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { class: "app-layout__sidebar-content" }, h("slot", { name: "sidebar" }))), this.ctaLabel && (h("span", { class: "app-layout__floating-cta" }, h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
186
+ : "<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" })))))));
184
187
  }
185
188
  get el() { return this; }
186
189
  static get watchers() { return {
package/dist/esm/swirl-app-layout_6.entry.js CHANGED
@@ -4,7 +4,7 @@ import { i as isMobileViewport, g as getDesktopMediaQuery } from './utils-bc84f3
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__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__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__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) {
@@ -164,13 +164,16 @@ const SwirlAppLayout = class {
164
164
  this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
165
165
  }
166
166
  render() {
167
+ const hasCustomAppBarBackButton = Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'));
167
168
  const showBackToNavigationButton = (this.mobileView === "body" || this.transitioningTo) &&
168
- this.hasNavigation;
169
+ this.hasNavigation &&
170
+ !hasCustomAppBarBackButton;
169
171
  const hasAppBarControls = Boolean(this.el.querySelector('[slot="app-bar-controls"]'));
170
172
  const hasAppBarMobileMenuButton = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]'));
171
173
  const className = classnames("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
172
174
  "app-layout--has-app-bar-mobile-menu-button": hasAppBarMobileMenuButton,
173
175
  "app-layout--has-app-bar-controls": hasAppBarControls,
176
+ "app-layout--has-custom-app-bar-back-button": hasCustomAppBarBackButton,
174
177
  "app-layout--has-navigation": this.hasNavigation,
175
178
  "app-layout--has-sidebar": this.hasSidebar,
176
179
  "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
@@ -178,7 +181,7 @@ const SwirlAppLayout = class {
178
181
  });
179
182
  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"
180
183
  ? "<swirl-icon-close></swirl-icon-close>"
181
- : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), h("div", { class: "app-layout__app-bar-content" }, h("slot", { name: "app-bar" })), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" }))), h("div", { class: "app-layout__banner" }, h("slot", { name: "banner" })), h("div", { class: "app-layout__content" }, h("slot", { name: "content" }))), h("aside", { class: "app-layout__sidebar" }, h("header", { class: "app-layout__sidebar-header" }, h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { class: "app-layout__sidebar-content" }, h("slot", { name: "sidebar" }))), this.ctaLabel && (h("span", { class: "app-layout__floating-cta" }, h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
184
+ : "<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" })))))));
182
185
  }
183
186
  get el() { return getElement(this); }
184
187
  static get watchers() { return {
package/dist/swirl-components/p-d8dbb76f.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as a,H as e,g as o,F as s}from"./p-3fca9a05.js";import{c as r}from"./p-b7898321.js";import{i as l,g as n}from"./p-646e00de.js";import{S as p}from"./p-1486d7ea.js";import{v as d}from"./p-19b890a3.js";const c=class{constructor(a){t(this,a),this.ctaClick=i(this,"ctaClick",7),this.mobileViewChange=i(this,"mobileViewChange",7),this.navigationBackButtonClick=i(this,"navigationBackButtonClick",7),this.sidebarToggle=i(this,"sidebarToggle",7),this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=t=>{this.ctaClick.emit(t)},this.onNavigationBackButtonClick=t=>{this.navigationBackButtonClick.emit(t)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.ctaIcon=void 0,this.ctaLabel=void 0,this.navigationBackButtonLabel="Go back",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.hasNavigation=void 0,this.hasSidebar=void 0,this.mobileView="navigation",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}disconnectedCallback(){this.mutationObserver?.disconnect()}watchMobileView(){this.checkMobileView()}async showSidebar(){!this.sidebarActive&&this.hasSidebar&&(this.sidebarActive=!0,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0))}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const t=l()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),t)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async changeMobileView(t,i=!0){if(this.mobileView===t||"navigation"===t&&!this.hasNavigation||"sidebar"===t&&!this.hasSidebar)return;if(!l()||!i)return this.mobileView=t,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=t;let a=0;"slides"===this.transitionStyle?a=400:"dialog"===this.transitionStyle&&(a=300),this.transitionTimeout=setTimeout((()=>{this.mobileView=t,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),a)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const t="sidebar"===this.mobileView||this.sidebarActive;t!==this.sidebarActive&&(t?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}render(){const t=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]')),i=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!t,o=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":o,"app-layout--has-custom-app-bar-back-button":t,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing});return a(e,null,a("section",{"aria-labelledby":"app-name",class:l,role:"document",tabIndex:0},a("div",{class:"app-layout__grid"},a("header",{class:"app-layout__header"},a("span",{class:"app-layout__navigation-mobile-menu-button"},a("slot",{name:"navigation-mobile-menu-button"})),this.showNavigationBackButton&&a("span",{class:"app-layout__navigation-back-button"},a("swirl-button",{hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),a("swirl-heading",{as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),this.hasNavigation&&a("span",{class:"app-layout__navigation-controls"},a("slot",{name:"navigation-controls"}))),a("nav",{"aria-label":this.navigationLabel,class:"app-layout__navigation"},a("slot",{name:"navigation"})),a("section",{"aria-labelledby":"app-name",class:"app-layout__body"},a("header",{class:"app-layout__app-bar"},a("span",{class:"app-layout__app-bar-mobile-menu-button"},a("slot",{name:"app-bar-mobile-menu-button"})),i&&a("span",{class:"app-layout__back-to-navigation-button"},a("swirl-button",{hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),a("span",{class:"app-layout__custom-app-bar-back-button"},a("slot",{name:"custom-app-bar-back-button"})),a("div",{class:"app-layout__app-bar-content"},a("slot",{name:"app-bar"})),a("div",{class:"app-layout__app-bar-controls"},a("slot",{name:"app-bar-controls"}))),a("div",{class:"app-layout__banner"},a("slot",{name:"banner"})),a("div",{class:"app-layout__content"},a("slot",{name:"content"}))),a("aside",{class:"app-layout__sidebar"},a("header",{class:"app-layout__sidebar-header"},a("swirl-button",{class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),a("swirl-heading",{as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),a("div",{class:"app-layout__sidebar-content"},a("slot",{name:"sidebar"}))),this.ctaLabel&&a("span",{class:"app-layout__floating-cta"},a("swirl-button",{hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};c.style=':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}}';const u=class{constructor(i){t(this,i),this.heading=void 0,this.illustration=void 0}render(){return a(e,null,a("div",{class:"empty-state"},this.illustration&&a("img",{alt:"",class:"empty-state__illustration",src:this.illustration}),a("div",{class:"empty-state__body"},this.heading&&a("swirl-heading",{align:"center",as:"p",level:4,text:this.heading}),a("div",{class:"empty-state__content"},a("swirl-text",{align:"center",color:"subdued"},a("slot",null))))))}};u.style=":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}";const m=class{constructor(i){t(this,i),this.size=24}render(){const t=20===this.size?24:this.size,i=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{class:i,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${t} ${t}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,null,a("path",{d:"M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(s,null,a("path",{d:"M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z",fill:"currentColor"})),28===this.size&&a(s,null,a("path",{d:"M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z",fill:"currentColor"})))}};m.style=":host{display:inline-flex}";const h=class{constructor(i){t(this,i),this.size=24}render(){const t=20===this.size?24:this.size,i=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{class:i,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${t} ${t}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,null,a("path",{d:"M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(s,null,a("path",{d:"M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z",fill:"currentColor"})),28===this.size&&a(s,null,a("path",{d:"M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z",fill:"currentColor"})))}};h.style=":host{display:inline-flex}";const b=class{constructor(a){t(this,a),this.itemDrop=i(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=t=>{const i=t.detail;Boolean(this.dragging)?this.stopDrag(i):this.startDrag(i)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const i=this.getItemIndex(this.dragging);this.focusItemAtIndex(i),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{const i=this.getItemIndex(this.dragging);this.dragging=void 0,t.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${i+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:i}),this.draggingStartIndex=void 0},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===t.code||"Enter"===t.code){const i=t.composedPath()[0];Boolean(this.dragging)&&!i?.classList.contains("resource-list-item__drag-handle")&&(t.preventDefault(),this.stopDrag(this.dragging))}else"Home"===t.code?(t.preventDefault(),this.focusItemAtIndex(0)):"End"===t.code&&(t.preventDefault(),this.focusItemAtIndex(this.items.length-1))},this.allowDrag=void 0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.label=void 0,this.assistiveText=void 0}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setItemAllowDragState(),this.setupDragDrop()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState()})),this.observer.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((t=>t.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex])}getItemIndex(t){return this.items.map((t=>t)).findIndex((i=>i===t))}removeItemsFromTabOrder(){this.items.forEach((t=>{const i=t?.querySelector(".resource-list-item__content, .resource-list-file-item"),a=t?.querySelector(".resource-list-item__drag-handle");i?.setAttribute("tabIndex","-1"),a?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=p.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldDraggableIndex,newIndex:t.newDraggableIndex})}}))}enableItemFocus(t,i){if(!Boolean(t))return;const a=t.querySelector(".resource-list-item__content, .resource-list-file-item"),e=t.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(a)&&(a.setAttribute("tabIndex","0"),i&&a.focus())}focusItemAtIndex(t){this.removeItemsFromTabOrder();const i=this.items[t];Boolean(i)&&i.isConnected&&(this.enableItemFocus(i,!0),this.focusedIndex=t)}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&(t.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return a(e,{onKeyDown:this.onKeyDown},a("swirl-visually-hidden",{role:"alert"},this.assistiveText),a("swirl-stack",{"aria-label":this.label,class:"resource-list",ref:t=>this.gridEl=t,role:"grid"},a("slot",null)))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};b.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const y=class{constructor(a){t(this,a),this.toggleDrag=i(this,"toggleDrag",7),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=n(),this.id=d(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches),this.updateIconSize(t.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onMenuTriggerClick=t=>{this.disabled&&!Boolean(this.href)&&t.stopPropagation()},this.onDragHandleKeyDown=t=>{"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),this.toggleDrag.emit(this.el))},this.active=void 0,this.allowDrag=void 0,this.checked=!1,this.description=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.interactive=!0,this.label=void 0,this.labelWeight="medium",this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}async componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,Boolean(this.menuTriggerId)&&console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs')}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){const i=this.iconEl?.children[0];i?.setAttribute("size",t?"20":"24")}updateIconSize(t){this.iconSize=t?20:24}updateMediaState(){const t=this.el.querySelector('[slot="media"]'),i=Boolean(t);i!==this.hasMedia&&(this.hasMedia=i)}render(){const t=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",i=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=Boolean(this.menuTriggerId)||this.el.querySelector("[slot='control']"),l=this.interactive&&Boolean(this.href)?this.href:void 0,n=Boolean(this.meta)||o,p=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,d=(Boolean(this.meta)||o)&&!this.selectable,c=this.selectable?String(this.checked):void 0,u=this.interactive&&this.selectable?"checkbox":void 0,m=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":s,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive||this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":n,"resource-list-item--show-meta":d});return a(e,{role:"row"},a("div",{class:m,role:"gridcell"},a(t,{"aria-checked":c,"aria-disabled":i?"true":void 0,"aria-labelledby":this.id,class:"resource-list-item__content",href:l,disabled:i,onClick:this.onClick,part:"resource-list-item__content",role:u,tabIndex:0},this.hasMedia&&a("span",{class:"resource-list-item__media"},a("slot",{name:"media"})),a("span",{class:"resource-list-item__label-container"},a("span",{class:"resource-list-item__label",id:this.id,innerHTML:this.label}),this.description&&a("span",{class:"resource-list-item__description"},this.description)),d&&a("span",{class:"resource-list-item__meta"},a("span",{class:"resource-list-item__meta-text"},this.meta),a("span",{class:"resource-list-item__badges"},a("slot",{name:"badges"})))),this.selectable&&a("span",{"aria-hidden":"true",class:"resource-list-item__checkbox"},a("span",{class:"resource-list-item__checkbox-icon"},this.checked&&a("swirl-icon-check-strong",null))),a("span",{class:"resource-list-item__control"},a("slot",{name:"control"})),p&&a("swirl-popover-trigger",{popover:this.menuTriggerId},a("swirl-button",{"aria-disabled":i?"true":void 0,class:"resource-list-item__menu-trigger",disabled:i,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&a("button",{"aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},a("swirl-icon-drag-handle",{size:this.iconSize})))}get el(){return o(this)}};y.style='.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--show-meta){display:flex;align-items:center}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--show-meta) .resource-list-item__control.sc-swirl-resource-list-item{position:relative;top:auto;right:auto;transform:none}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n --swirl-resource-list-item-background-hovered\n );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}';export{c as swirl_app_layout,u as swirl_empty_state,m as swirl_icon_file,h as swirl_icon_folder_shared,b as swirl_resource_list,y as swirl_resource_list_item}
package/dist/swirl-components/swirl-components.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as i}from"./p-3fca9a05.js";export{s as setNonce}from"./p-3fca9a05.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-684170ee",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-bf317ae5",[[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"]]]]],["p-0e6c2f2b",[[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"]]]]],["p-9ca9ee83",[[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]}]]],["p-b4235643",[[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"]]]]],["p-bb2cb504",[[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]}]]],["p-b30e36e0",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-a8dc02be",[[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]}]]],["p-8cd7b164",[[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]}]]],["p-4dafdcee",[[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"]}]]],["p-23656227",[[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"]]]]],["p-c6b74656",[[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]}]]],["p-e4819964",[[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"]]]]],["p-d403f973",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-a3b9baab",[[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]}]]],["p-7c70d4b2",[[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]}]]],["p-240552ca",[[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]}]]],["p-a537a059",[[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]}]]],["p-dafeab29",[[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"]]]]],["p-e86c79d8",[[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]}]]],["p-d14846f2",[[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"]]]]],["p-e9cefe04",[[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"]]]]],["p-81067ba3",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-4a84e63d",[[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]}]]],["p-4e776c82",[[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]}]]],["p-baf3c630",[[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]}]]],["p-7e90107b",[[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"]]]]],["p-075d7b3a",[[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]}]]],["p-ae31163c",[[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]}]]],["p-fdfeb16a",[[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]}]]],["p-ca78767e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-9ab0c192",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-0f979ef7",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-d3c3cb10",[[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]}]]],["p-f75a91a5",[[1,"swirl-toolbar",{"label":[1],"orientation":[1]}]]],["p-1540a826",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-21849941",[[1,"swirl-accordion",{"collapseItem":[64],"expandItem":[64]}]]],["p-f262d020",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-97668c59",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-9c70b38e",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-04dc6f57",[[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"]}]]],["p-06464dcf",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-7a3ac3f0",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-d82144bc",[[1,"swirl-description-list"]]],["p-694eb693",[[1,"swirl-description-list-item",{"bordered":[4],"maxWidth":[1,"max-width"],"term":[1]}]]],["p-eb3c6b4d",[[1,"swirl-emoji",{"label":[1],"name":[1],"size":[2]}]]],["p-9271cd5e",[[1,"swirl-emoji-clap",{"label":[1],"size":[2]}]]],["p-0590f745",[[1,"swirl-emoji-happy",{"label":[1],"size":[2]}]]],["p-edddb5b5",[[1,"swirl-emoji-idea",{"label":[1],"size":[2]}]]],["p-f5af05af",[[1,"swirl-emoji-love",{"label":[1],"size":[2]}]]],["p-67c4d896",[[1,"swirl-emoji-sad",{"label":[1],"size":[2]}]]],["p-824322ef",[[1,"swirl-emoji-thumbs-up",{"label":[1],"size":[2]}]]],["p-0a0579a1",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-41b0e3c6",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-76a87458",[[1,"swirl-icon-add-reaction",{"size":[2]}]]],["p-604ad286",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-51197252",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-227b01d0",[[1,"swirl-icon-apps",{"size":[2]}]]],["p-be2cf7ee",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-54e4ff0b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-139ba3c3",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-727138c7",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-23d65342",[[1,"swirl-icon-bar-chart",{"size":[2]}]]],["p-5c715462",[[1,"swirl-icon-block",{"size":[2]}]]],["p-ddb7d14a",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-3bc109d8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-7703719d",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-5ca498c5",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-f5211f9f",[[1,"swirl-icon-check",{"size":[2]}]]],["p-f24cdd03",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-e5719add",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-0fe425c2",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-95d11a66",[[1,"swirl-icon-column",{"size":[2]}]]],["p-785957ad",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-d650f1ea",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-a68fdc2b",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-91ceb19a",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-e217fb71",[[1,"swirl-icon-description",{"size":[2]}]]],["p-e50a36c2",[[1,"swirl-icon-discover",{"size":[2]}]]],["p-5da3a9a8",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-f83a0b0f",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-18b02f63",[[1,"swirl-icon-download",{"size":[2]}]]],["p-3f489eb8",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-ed6e8f91",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-ddcaea53",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-7faaefc8",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-ceef4a6c",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-a506a82f",[[1,"swirl-icon-format-h-one",{"size":[2]}]]],["p-d20e7ee0",[[1,"swirl-icon-gif",{"size":[2]}]]],["p-1261a77b",[[1,"swirl-icon-group-add",{"size":[2]}]]],["p-e998142c",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-03bb0b1d",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-ba65fbe6",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-d2438d40",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-109c3cb9",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-4c083b59",[[1,"swirl-icon-help",{"size":[2]}]]],["p-5e27f39b",[[1,"swirl-icon-highlight",{"size":[2]}]]],["p-ce7bae0f",[[1,"swirl-icon-home",{"size":[2]}]]],["p-330c11dc",[[1,"swirl-icon-image",{"size":[2]}]]],["p-7acd49ab",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-bbe849b2",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-859205f2",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-d42d7db3",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-505c51dc",[[1,"swirl-icon-like",{"size":[2]}]]],["p-9d85109d",[[1,"swirl-icon-link",{"size":[2]}]]],["p-39d295f9",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-52e07ada",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-b4871661",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fc101b66",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-1831c9c8",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-33b9e68a",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-439091ac",[[1,"swirl-icon-mark-chat-read",{"size":[2]}]]],["p-7e8add69",[[1,"swirl-icon-mark-chat-unread",{"size":[2]}]]],["p-ff6f4d39",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a2abee9",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-4e3bd9d6",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-7fc5ff4d",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-2c6100ac",[[1,"swirl-icon-message",{"size":[2]}]]],["p-3056c429",[[1,"swirl-icon-mic",{"size":[2]}]]],["p-1d12f61c",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5195b896",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-087e391f",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-04cd78a8",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-343790d2",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-f9bc902e",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-57b8a4b5",[[1,"swirl-icon-open-in-full",{"size":[2]}]]],["p-907fd135",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-91113cd1",[[1,"swirl-icon-pause",{"size":[2]}]]],["p-af180d4d",[[1,"swirl-icon-pause-circle",{"size":[2]}]]],["p-ad41b229",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-51a5ed48",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-b029dd03",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-fbda1d9c",[[1,"swirl-icon-play-arrow",{"size":[2]}]]],["p-1e200dcb",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-af1145c9",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b69bae24",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-40afc2c1",[[1,"swirl-icon-reply",{"size":[2]}]]],["p-21164ff1",[[1,"swirl-icon-report",{"size":[2]}]]],["p-0b639fd8",[[1,"swirl-icon-roadmap",{"size":[2]}]]],["p-6bbe4989",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-543ad978",[[1,"swirl-icon-secure",{"size":[2]}]]],["p-5c1b3721",[[1,"swirl-icon-send",{"size":[2]}]]],["p-d4550c07",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-48c6e06f",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-69f7cb0f",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-ef0cc35b",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-4d89e91b",[[1,"swirl-icon-stop",{"size":[2]}]]],["p-d4b74b0e",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-658a97e5",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-8b57359c",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-7d934fc3",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-006b10e2",[[1,"swirl-icon-translate",{"size":[2]}]]],["p-85a1347e",[[1,"swirl-icon-tree-structure",{"size":[2]}]]],["p-c7567d2c",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-bb1d6075",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-86e3c4fa",[[1,"swirl-icon-user-add",{"size":[2]}]]],["p-de789313",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-dacec55b",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-886142ab",[[1,"swirl-icon-video-library",{"size":[2]}]]],["p-b6731f4a",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-4345e137",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"items":[32]}]]],["p-39ee319c",[[1,"swirl-image-grid-item",{"alt":[1],"icon":[1],"interactive":[4],"overlay":[1],"src":[1]}]]],["p-d3e39e06",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-3295936c",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-3d7cfd21",[[4,"swirl-list"]]],["p-45bdead7",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-19268db2",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-0165bc2c",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-2d0559a4",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-577b93b8",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-986d7367",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-92f852fa",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-bc8b9565",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-dda24691",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-315daff2",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-5c605e17",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-f5c215af",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-445ee376",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-2d21024a",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-5e79b69a",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-0006edb6",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-a79c0b19",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-cc0667b4",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-e6de8c1c",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-adcad037",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-2319abb3",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-baabdee3",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-c3be2de3",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-9f04773c",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-ea336530",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-244dcddc",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-9873c8cc",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-37368d80",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-e3cd6084",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-14a8163f",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-e3dcd8cb",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-dae62dba",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-b375930d",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-80cfe95f",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-eb498a9d",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-99dba438",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-2dbf6b2e",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-67c23250",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-75a53c30",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-735c9dfb",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-54cbb50a",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-2d28adb8",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-cefa3863",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-09d788b5",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-742e31fa",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-95a45e70",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-634d2ae6",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-3caaea7e",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-b0cef5ac",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-57a672d3",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-749e38ba",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-8dfb5cc0",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-c7a23faf",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-cfa7eb3c",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-cf48fc7a",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-720daf1f",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-c960c854",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-89ef1658",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-8ebb05ef",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-7a424fe9",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-e54f8edb",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-dbe4a8e4",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-150b3c64",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-47fb3d5a",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-b135aadb",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-b5be788e",[[1,"swirl-tab",{"active":[4],"icon":[1],"label":[1],"tabId":[1,"tab-id"]}]]],["p-2e9a07ae",[[1,"swirl-table-cell"]]],["p-8e5e6c16",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-670ef40a",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-1a4c6557",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-f6698af0",[[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"]]]]],["p-796ecc1f",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-8132a478",[[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]}]]],["p-dc7c3fec",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-3da6d23a",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-c4d4a99d",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-e0ed9959",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-0e96e546",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-96ec37c9",[[1,"swirl-icon-person",{"size":[2]}]]],["p-61832d88",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-66551e51",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-067f8845",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-37785348",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-88b7eb68",[[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"]}]]],["p-408910d8",[[1,"swirl-icon-search",{"size":[2]}]]],["p-3e2d4f9b",[[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]}]]],["p-28e0f48a",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-71ab7686",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-d0f3a47a",[[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]}]]],["p-ca044381",[[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]}]]],["p-90456714",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-d7af31e3",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-c8503c60",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-d2960259",[[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"],"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]}]]],["p-b4066441",[[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]}]]],["p-6f07c958",[[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]}]]],["p-1047e988",[[1,"swirl-icon-close",{"size":[2]}]]],["p-04ced452",[[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]}]]],["p-e9d96bc0",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-52282426",[[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"]]]]],["p-4bec5f4c",[[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]}]]],["p-2cedaddb",[[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],"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"]}]]],["p-e452699a",[[2,"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]}]]],["p-645a878c",[[1,"swirl-visually-hidden"]]],["p-e35a7bdd",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-7c9311c4",[[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]}]]]]'),e)));
1
+ import{p as e,b as i}from"./p-3fca9a05.js";export{s as setNonce}from"./p-3fca9a05.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-684170ee",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-bf317ae5",[[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"]]]]],["p-0e6c2f2b",[[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"]]]]],["p-9ca9ee83",[[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]}]]],["p-b4235643",[[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"]]]]],["p-bb2cb504",[[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]}]]],["p-b30e36e0",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-a8dc02be",[[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]}]]],["p-8cd7b164",[[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]}]]],["p-4dafdcee",[[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"]}]]],["p-23656227",[[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"]]]]],["p-c6b74656",[[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]}]]],["p-e4819964",[[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"]]]]],["p-d403f973",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-a3b9baab",[[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]}]]],["p-7c70d4b2",[[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]}]]],["p-240552ca",[[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]}]]],["p-a537a059",[[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]}]]],["p-dafeab29",[[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"]]]]],["p-e86c79d8",[[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]}]]],["p-d14846f2",[[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"]]]]],["p-e9cefe04",[[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"]]]]],["p-81067ba3",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-4a84e63d",[[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]}]]],["p-4e776c82",[[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]}]]],["p-baf3c630",[[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]}]]],["p-7e90107b",[[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"]]]]],["p-075d7b3a",[[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]}]]],["p-ae31163c",[[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]}]]],["p-fdfeb16a",[[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]}]]],["p-ca78767e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-9ab0c192",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-0f979ef7",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-d3c3cb10",[[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]}]]],["p-f75a91a5",[[1,"swirl-toolbar",{"label":[1],"orientation":[1]}]]],["p-1540a826",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-21849941",[[1,"swirl-accordion",{"collapseItem":[64],"expandItem":[64]}]]],["p-f262d020",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-97668c59",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-9c70b38e",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-04dc6f57",[[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"]}]]],["p-06464dcf",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-7a3ac3f0",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-d82144bc",[[1,"swirl-description-list"]]],["p-694eb693",[[1,"swirl-description-list-item",{"bordered":[4],"maxWidth":[1,"max-width"],"term":[1]}]]],["p-eb3c6b4d",[[1,"swirl-emoji",{"label":[1],"name":[1],"size":[2]}]]],["p-9271cd5e",[[1,"swirl-emoji-clap",{"label":[1],"size":[2]}]]],["p-0590f745",[[1,"swirl-emoji-happy",{"label":[1],"size":[2]}]]],["p-edddb5b5",[[1,"swirl-emoji-idea",{"label":[1],"size":[2]}]]],["p-f5af05af",[[1,"swirl-emoji-love",{"label":[1],"size":[2]}]]],["p-67c4d896",[[1,"swirl-emoji-sad",{"label":[1],"size":[2]}]]],["p-824322ef",[[1,"swirl-emoji-thumbs-up",{"label":[1],"size":[2]}]]],["p-0a0579a1",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-41b0e3c6",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-76a87458",[[1,"swirl-icon-add-reaction",{"size":[2]}]]],["p-604ad286",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-51197252",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-227b01d0",[[1,"swirl-icon-apps",{"size":[2]}]]],["p-be2cf7ee",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-54e4ff0b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-139ba3c3",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-727138c7",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-23d65342",[[1,"swirl-icon-bar-chart",{"size":[2]}]]],["p-5c715462",[[1,"swirl-icon-block",{"size":[2]}]]],["p-ddb7d14a",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-3bc109d8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-7703719d",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-5ca498c5",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-f5211f9f",[[1,"swirl-icon-check",{"size":[2]}]]],["p-f24cdd03",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-e5719add",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-0fe425c2",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-95d11a66",[[1,"swirl-icon-column",{"size":[2]}]]],["p-785957ad",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-d650f1ea",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-a68fdc2b",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-91ceb19a",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-e217fb71",[[1,"swirl-icon-description",{"size":[2]}]]],["p-e50a36c2",[[1,"swirl-icon-discover",{"size":[2]}]]],["p-5da3a9a8",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-f83a0b0f",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-18b02f63",[[1,"swirl-icon-download",{"size":[2]}]]],["p-3f489eb8",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-ed6e8f91",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-ddcaea53",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-7faaefc8",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-ceef4a6c",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-a506a82f",[[1,"swirl-icon-format-h-one",{"size":[2]}]]],["p-d20e7ee0",[[1,"swirl-icon-gif",{"size":[2]}]]],["p-1261a77b",[[1,"swirl-icon-group-add",{"size":[2]}]]],["p-e998142c",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-03bb0b1d",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-ba65fbe6",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-d2438d40",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-109c3cb9",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-4c083b59",[[1,"swirl-icon-help",{"size":[2]}]]],["p-5e27f39b",[[1,"swirl-icon-highlight",{"size":[2]}]]],["p-ce7bae0f",[[1,"swirl-icon-home",{"size":[2]}]]],["p-330c11dc",[[1,"swirl-icon-image",{"size":[2]}]]],["p-7acd49ab",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-bbe849b2",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-859205f2",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-d42d7db3",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-505c51dc",[[1,"swirl-icon-like",{"size":[2]}]]],["p-9d85109d",[[1,"swirl-icon-link",{"size":[2]}]]],["p-39d295f9",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-52e07ada",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-b4871661",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fc101b66",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-1831c9c8",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-33b9e68a",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-439091ac",[[1,"swirl-icon-mark-chat-read",{"size":[2]}]]],["p-7e8add69",[[1,"swirl-icon-mark-chat-unread",{"size":[2]}]]],["p-ff6f4d39",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a2abee9",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-4e3bd9d6",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-7fc5ff4d",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-2c6100ac",[[1,"swirl-icon-message",{"size":[2]}]]],["p-3056c429",[[1,"swirl-icon-mic",{"size":[2]}]]],["p-1d12f61c",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5195b896",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-087e391f",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-04cd78a8",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-343790d2",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-f9bc902e",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-57b8a4b5",[[1,"swirl-icon-open-in-full",{"size":[2]}]]],["p-907fd135",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-91113cd1",[[1,"swirl-icon-pause",{"size":[2]}]]],["p-af180d4d",[[1,"swirl-icon-pause-circle",{"size":[2]}]]],["p-ad41b229",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-51a5ed48",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-b029dd03",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-fbda1d9c",[[1,"swirl-icon-play-arrow",{"size":[2]}]]],["p-1e200dcb",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-af1145c9",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b69bae24",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-40afc2c1",[[1,"swirl-icon-reply",{"size":[2]}]]],["p-21164ff1",[[1,"swirl-icon-report",{"size":[2]}]]],["p-0b639fd8",[[1,"swirl-icon-roadmap",{"size":[2]}]]],["p-6bbe4989",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-543ad978",[[1,"swirl-icon-secure",{"size":[2]}]]],["p-5c1b3721",[[1,"swirl-icon-send",{"size":[2]}]]],["p-d4550c07",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-48c6e06f",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-69f7cb0f",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-ef0cc35b",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-4d89e91b",[[1,"swirl-icon-stop",{"size":[2]}]]],["p-d4b74b0e",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-658a97e5",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-8b57359c",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-7d934fc3",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-006b10e2",[[1,"swirl-icon-translate",{"size":[2]}]]],["p-85a1347e",[[1,"swirl-icon-tree-structure",{"size":[2]}]]],["p-c7567d2c",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-bb1d6075",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-86e3c4fa",[[1,"swirl-icon-user-add",{"size":[2]}]]],["p-de789313",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-dacec55b",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-886142ab",[[1,"swirl-icon-video-library",{"size":[2]}]]],["p-b6731f4a",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-4345e137",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"items":[32]}]]],["p-39ee319c",[[1,"swirl-image-grid-item",{"alt":[1],"icon":[1],"interactive":[4],"overlay":[1],"src":[1]}]]],["p-d3e39e06",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-3295936c",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-3d7cfd21",[[4,"swirl-list"]]],["p-45bdead7",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-19268db2",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-0165bc2c",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-2d0559a4",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-577b93b8",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-986d7367",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-92f852fa",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-bc8b9565",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-dda24691",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-315daff2",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-5c605e17",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-f5c215af",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-445ee376",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-2d21024a",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-5e79b69a",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-0006edb6",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-a79c0b19",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-cc0667b4",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-e6de8c1c",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-adcad037",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-2319abb3",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-baabdee3",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-c3be2de3",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-9f04773c",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-ea336530",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-244dcddc",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-9873c8cc",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-37368d80",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-e3cd6084",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-14a8163f",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-e3dcd8cb",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-dae62dba",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-b375930d",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-80cfe95f",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-eb498a9d",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-99dba438",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-2dbf6b2e",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-67c23250",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-75a53c30",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-735c9dfb",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-54cbb50a",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-2d28adb8",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-cefa3863",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-09d788b5",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-742e31fa",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-95a45e70",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-634d2ae6",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-3caaea7e",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-b0cef5ac",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-57a672d3",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-749e38ba",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-8dfb5cc0",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-c7a23faf",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-cfa7eb3c",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-cf48fc7a",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-720daf1f",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-c960c854",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-89ef1658",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-8ebb05ef",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-7a424fe9",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-e54f8edb",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-dbe4a8e4",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-150b3c64",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-47fb3d5a",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-b135aadb",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-b5be788e",[[1,"swirl-tab",{"active":[4],"icon":[1],"label":[1],"tabId":[1,"tab-id"]}]]],["p-2e9a07ae",[[1,"swirl-table-cell"]]],["p-8e5e6c16",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-670ef40a",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-1a4c6557",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-f6698af0",[[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"]]]]],["p-796ecc1f",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-8132a478",[[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]}]]],["p-dc7c3fec",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-3da6d23a",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-c4d4a99d",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-e0ed9959",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-0e96e546",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-96ec37c9",[[1,"swirl-icon-person",{"size":[2]}]]],["p-61832d88",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-66551e51",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-067f8845",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-37785348",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-88b7eb68",[[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"]}]]],["p-408910d8",[[1,"swirl-icon-search",{"size":[2]}]]],["p-3e2d4f9b",[[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]}]]],["p-28e0f48a",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-71ab7686",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-d0f3a47a",[[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]}]]],["p-ca044381",[[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]}]]],["p-90456714",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-d7af31e3",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-c8503c60",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-d8dbb76f",[[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"],"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]}]]],["p-b4066441",[[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]}]]],["p-6f07c958",[[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]}]]],["p-1047e988",[[1,"swirl-icon-close",{"size":[2]}]]],["p-04ced452",[[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]}]]],["p-e9d96bc0",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-52282426",[[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"]]]]],["p-4bec5f4c",[[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]}]]],["p-2cedaddb",[[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],"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"]}]]],["p-e452699a",[[2,"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]}]]],["p-645a878c",[[1,"swirl-visually-hidden"]]],["p-e35a7bdd",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-7c9311c4",[[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]}]]]]'),e)));
package/dist/types/components/swirl-app-layout/swirl-app-layout.d.ts CHANGED
@@ -7,6 +7,7 @@ export type SwirlAppLayoutTransitionStyle = "none" | "slides" | "dialog";
7
7
  * @slot navigation-controls - Controls for the navigation header
8
8
  * @slot navigation-mobile-menu-button - Used to add a mobile shell layout menu button to navigation
9
9
  * @slot app-bar - The app bar contents
10
+ * @slot custom-app-bar-back-button - Replaces the mobile default back button of the content app bar
10
11
  * @slot app-bar-mobile-menu-button - Used to add a mobile shell layout menu button to the app bar
11
12
  * @slot banner - Used to show a banner below the app bar
12
13
  * @slot sidebar - Content of the right sidebar
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getflip/swirl-components",
3
- "version": "0.104.2",
3
+ "version": "0.105.0",
4
4
  "description": "Swirl Design System Web Component Library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/dist/swirl-components/p-d2960259.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as i,c as t,h as a,H as e,g as o,F as s}from"./p-3fca9a05.js";import{c as r}from"./p-b7898321.js";import{i as l,g as n}from"./p-646e00de.js";import{S as p}from"./p-1486d7ea.js";import{v as d}from"./p-19b890a3.js";const c=class{constructor(a){i(this,a),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=i=>{this.ctaClick.emit(i)},this.onNavigationBackButtonClick=i=>{this.navigationBackButtonClick.emit(i)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.ctaIcon=void 0,this.ctaLabel=void 0,this.navigationBackButtonLabel="Go back",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.hasNavigation=void 0,this.hasSidebar=void 0,this.mobileView="navigation",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}disconnectedCallback(){this.mutationObserver?.disconnect()}watchMobileView(){this.checkMobileView()}async showSidebar(){!this.sidebarActive&&this.hasSidebar&&(this.sidebarActive=!0,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0))}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const i=l()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),i)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async changeMobileView(i,t=!0){if(this.mobileView===i||"navigation"===i&&!this.hasNavigation||"sidebar"===i&&!this.hasSidebar)return;if(!l()||!t)return this.mobileView=i,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=i;let a=0;"slides"===this.transitionStyle?a=400:"dialog"===this.transitionStyle&&(a=300),this.transitionTimeout=setTimeout((()=>{this.mobileView=i,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),a)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const i="sidebar"===this.mobileView||this.sidebarActive;i!==this.sidebarActive&&(i?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}render(){const i=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),s=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--has-app-bar-mobile-menu-button":o,"app-layout--has-app-bar-controls":t,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing});return a(e,null,a("section",{"aria-labelledby":"app-name",class:s,role:"document",tabIndex:0},a("div",{class:"app-layout__grid"},a("header",{class:"app-layout__header"},a("span",{class:"app-layout__navigation-mobile-menu-button"},a("slot",{name:"navigation-mobile-menu-button"})),this.showNavigationBackButton&&a("span",{class:"app-layout__navigation-back-button"},a("swirl-button",{hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),a("swirl-heading",{as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),this.hasNavigation&&a("span",{class:"app-layout__navigation-controls"},a("slot",{name:"navigation-controls"}))),a("nav",{"aria-label":this.navigationLabel,class:"app-layout__navigation"},a("slot",{name:"navigation"})),a("section",{"aria-labelledby":"app-name",class:"app-layout__body"},a("header",{class:"app-layout__app-bar"},a("span",{class:"app-layout__app-bar-mobile-menu-button"},a("slot",{name:"app-bar-mobile-menu-button"})),i&&a("span",{class:"app-layout__back-to-navigation-button"},a("swirl-button",{hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),a("div",{class:"app-layout__app-bar-content"},a("slot",{name:"app-bar"})),a("div",{class:"app-layout__app-bar-controls"},a("slot",{name:"app-bar-controls"}))),a("div",{class:"app-layout__banner"},a("slot",{name:"banner"})),a("div",{class:"app-layout__content"},a("slot",{name:"content"}))),a("aside",{class:"app-layout__sidebar"},a("header",{class:"app-layout__sidebar-header"},a("swirl-button",{class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),a("swirl-heading",{as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),a("div",{class:"app-layout__sidebar-content"},a("slot",{name:"sidebar"}))),this.ctaLabel&&a("span",{class:"app-layout__floating-cta"},a("swirl-button",{hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};c.style=':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__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__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}}';const u=class{constructor(t){i(this,t),this.heading=void 0,this.illustration=void 0}render(){return a(e,null,a("div",{class:"empty-state"},this.illustration&&a("img",{alt:"",class:"empty-state__illustration",src:this.illustration}),a("div",{class:"empty-state__body"},this.heading&&a("swirl-heading",{align:"center",as:"p",level:4,text:this.heading}),a("div",{class:"empty-state__content"},a("swirl-text",{align:"center",color:"subdued"},a("slot",null))))))}};u.style=":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}";const m=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,t=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{class:t,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,null,a("path",{d:"M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(s,null,a("path",{d:"M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z",fill:"currentColor"})),28===this.size&&a(s,null,a("path",{d:"M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z",fill:"currentColor"})))}};m.style=":host{display:inline-flex}";const h=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,t=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{class:t,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,null,a("path",{d:"M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(s,null,a("path",{d:"M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z",fill:"currentColor"})),28===this.size&&a(s,null,a("path",{d:"M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z",fill:"currentColor"})))}};h.style=":host{display:inline-flex}";const b=class{constructor(a){i(this,a),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=i=>{const t=i.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=i=>{this.dragging=i,this.draggingStartIndex=this.getItemIndex(this.dragging),i.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=i=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,i.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:i,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=i=>{if("ArrowDown"===i.code)i.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===i.code)i.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===i.code||"Enter"===i.code){const t=i.composedPath()[0];Boolean(this.dragging)&&!t?.classList.contains("resource-list-item__drag-handle")&&(i.preventDefault(),this.stopDrag(this.dragging))}else"Home"===i.code?(i.preventDefault(),this.focusItemAtIndex(0)):"End"===i.code&&(i.preventDefault(),this.focusItemAtIndex(this.items.length-1))},this.allowDrag=void 0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.label=void 0,this.assistiveText=void 0}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setItemAllowDragState(),this.setupDragDrop()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState()})),this.observer.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((i=>i.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex])}getItemIndex(i){return this.items.map((i=>i)).findIndex((t=>t===i))}removeItemsFromTabOrder(){this.items.forEach((i=>{const t=i?.querySelector(".resource-list-item__content, .resource-list-file-item"),a=i?.querySelector(".resource-list-item__drag-handle");t?.setAttribute("tabIndex","-1"),a?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?i=>{i.setAttribute("allow-drag","true"),i.addEventListener("toggleDrag",this.toggleDrag)}:i=>{i.removeAttribute("allow-drag"),i.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=p.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:i=>{this.itemDrop.emit({item:i.item,oldIndex:i.oldDraggableIndex,newIndex:i.newDraggableIndex})}}))}enableItemFocus(i,t){if(!Boolean(i))return;const a=i.querySelector(".resource-list-item__content, .resource-list-file-item"),e=i.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(a)&&(a.setAttribute("tabIndex","0"),t&&a.focus())}focusItemAtIndex(i){this.removeItemsFromTabOrder();const t=this.items[i];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!0),this.focusedIndex=i)}moveDraggedItemDown(){const i=this.dragging.nextElementSibling;Boolean(i)&&(i.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const i=this.dragging.previousElementSibling;Boolean(i)&&(i.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return a(e,{onKeyDown:this.onKeyDown},a("swirl-visually-hidden",{role:"alert"},this.assistiveText),a("swirl-stack",{"aria-label":this.label,class:"resource-list",ref:i=>this.gridEl=i,role:"grid"},a("slot",null)))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};b.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const y=class{constructor(a){i(this,a),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=n(),this.id=d(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches),this.updateIconSize(i.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onMenuTriggerClick=i=>{this.disabled&&!Boolean(this.href)&&i.stopPropagation()},this.onDragHandleKeyDown=i=>{"Space"!==i.code&&"Enter"!==i.code||(i.preventDefault(),this.toggleDrag.emit(this.el))},this.active=void 0,this.allowDrag=void 0,this.checked=!1,this.description=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.interactive=!0,this.label=void 0,this.labelWeight="medium",this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}async componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,Boolean(this.menuTriggerId)&&console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs')}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){const t=this.iconEl?.children[0];t?.setAttribute("size",i?"20":"24")}updateIconSize(i){this.iconSize=i?20:24}updateMediaState(){const i=this.el.querySelector('[slot="media"]'),t=Boolean(i);t!==this.hasMedia&&(this.hasMedia=t)}render(){const i=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=Boolean(this.menuTriggerId)||this.el.querySelector("[slot='control']"),l=this.interactive&&Boolean(this.href)?this.href:void 0,n=Boolean(this.meta)||o,p=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,d=(Boolean(this.meta)||o)&&!this.selectable,c=this.selectable?String(this.checked):void 0,u=this.interactive&&this.selectable?"checkbox":void 0,m=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":s,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive||this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":n,"resource-list-item--show-meta":d});return a(e,{role:"row"},a("div",{class:m,role:"gridcell"},a(i,{"aria-checked":c,"aria-disabled":t?"true":void 0,"aria-labelledby":this.id,class:"resource-list-item__content",href:l,disabled:t,onClick:this.onClick,part:"resource-list-item__content",role:u,tabIndex:0},this.hasMedia&&a("span",{class:"resource-list-item__media"},a("slot",{name:"media"})),a("span",{class:"resource-list-item__label-container"},a("span",{class:"resource-list-item__label",id:this.id,innerHTML:this.label}),this.description&&a("span",{class:"resource-list-item__description"},this.description)),d&&a("span",{class:"resource-list-item__meta"},a("span",{class:"resource-list-item__meta-text"},this.meta),a("span",{class:"resource-list-item__badges"},a("slot",{name:"badges"})))),this.selectable&&a("span",{"aria-hidden":"true",class:"resource-list-item__checkbox"},a("span",{class:"resource-list-item__checkbox-icon"},this.checked&&a("swirl-icon-check-strong",null))),a("span",{class:"resource-list-item__control"},a("slot",{name:"control"})),p&&a("swirl-popover-trigger",{popover:this.menuTriggerId},a("swirl-button",{"aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&a("button",{"aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},a("swirl-icon-drag-handle",{size:this.iconSize})))}get el(){return o(this)}};y.style='.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--show-meta){display:flex;align-items:center}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--show-meta) .resource-list-item__control.sc-swirl-resource-list-item{position:relative;top:auto;right:auto;transform:none}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n --swirl-resource-list-item-background-hovered\n );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}';export{c as swirl_app_layout,u as swirl_empty_state,m as swirl_icon_file,h as swirl_icon_folder_shared,b as swirl_resource_list,y as swirl_resource_list_item}