@getflip/swirl-components 0.283.1 → 0.285.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.
- package/components.json +17 -2
- package/dist/cjs/swirl-app-layout_5.cjs.entry.js +2 -2
- package/dist/cjs/swirl-box.cjs.entry.js +3 -1
- package/dist/collection/components/swirl-box/swirl-box.js +21 -2
- package/dist/collection/components/swirl-resource-list/swirl-resource-list.js +2 -2
- package/dist/components/swirl-box2.js +4 -2
- package/dist/components/swirl-resource-list2.js +2 -2
- package/dist/esm/swirl-app-layout_5.entry.js +2 -2
- package/dist/esm/swirl-box.entry.js +4 -2
- package/dist/swirl-components/p-5fc56c10.entry.js +1 -0
- package/dist/swirl-components/{p-75b1cd84.entry.js → p-972e00dd.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-box/swirl-box.d.ts +2 -0
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/dist/swirl-components/p-6dc2aae2.entry.js +0 -1
package/components.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2025-01-
|
|
2
|
+
"timestamp": "2025-01-28T12:16:56",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.18.1",
|
|
@@ -4624,7 +4624,22 @@
|
|
|
4624
4624
|
}
|
|
4625
4625
|
],
|
|
4626
4626
|
"methods": [],
|
|
4627
|
-
"events": [
|
|
4627
|
+
"events": [
|
|
4628
|
+
{
|
|
4629
|
+
"event": "componentLoad",
|
|
4630
|
+
"detail": "void",
|
|
4631
|
+
"bubbles": true,
|
|
4632
|
+
"complexType": {
|
|
4633
|
+
"original": "void",
|
|
4634
|
+
"resolved": "void",
|
|
4635
|
+
"references": {}
|
|
4636
|
+
},
|
|
4637
|
+
"cancelable": true,
|
|
4638
|
+
"composed": true,
|
|
4639
|
+
"docs": "",
|
|
4640
|
+
"docsTags": []
|
|
4641
|
+
}
|
|
4642
|
+
],
|
|
4628
4643
|
"listeners": [],
|
|
4629
4644
|
"styles": [],
|
|
4630
4645
|
"slots": [
|
|
@@ -471,7 +471,7 @@ const SwirlResourceList = class {
|
|
|
471
471
|
event.preventDefault();
|
|
472
472
|
this.stopDrag(this.dragging);
|
|
473
473
|
}
|
|
474
|
-
else if (Boolean(this.controllingElement)) {
|
|
474
|
+
else if (Boolean(this.controllingElement) && event.code === "Enter") {
|
|
475
475
|
const item = this.items[this.focusedIndex];
|
|
476
476
|
if (!Boolean(item) || !item.isConnected) {
|
|
477
477
|
return;
|
|
@@ -662,7 +662,7 @@ const SwirlResourceList = class {
|
|
|
662
662
|
});
|
|
663
663
|
}
|
|
664
664
|
render() {
|
|
665
|
-
return (index.h(index.Host, { key: '
|
|
665
|
+
return (index.h(index.Host, { key: '24ef8717e06eaa5e2c8dff08d50bd8c7582b89af', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: '4ea549d10ec775e1851efc2a86c101f99fb094a8', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '5c40504ad7d017f9271db414d065b3d4fc756e53', paddingInlineEnd: "8", paddingInlineStart: "8" }, index.h("swirl-stack", { key: '3a913c951fef4f788536068ce572f2131d203322', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, index.h("slot", { key: 'bd026e40cf0cd5067eb3d2b6c2d6b5da2e044859' })))));
|
|
666
666
|
}
|
|
667
667
|
get el() { return index.getElement(this); }
|
|
668
668
|
static get watchers() { return {
|
|
@@ -11,6 +11,7 @@ const SwirlBoxStyle0 = swirlBoxCss;
|
|
|
11
11
|
const SwirlBox = class {
|
|
12
12
|
constructor(hostRef) {
|
|
13
13
|
index.registerInstance(this, hostRef);
|
|
14
|
+
this.componentLoad = index.createEvent(this, "componentLoad", 7);
|
|
14
15
|
this.onScroll = () => {
|
|
15
16
|
this.updateScrollState();
|
|
16
17
|
};
|
|
@@ -53,6 +54,7 @@ const SwirlBox = class {
|
|
|
53
54
|
};
|
|
54
55
|
}
|
|
55
56
|
componentDidLoad() {
|
|
57
|
+
this.componentLoad.emit();
|
|
56
58
|
queueMicrotask(() => {
|
|
57
59
|
this.updateScrollState();
|
|
58
60
|
});
|
|
@@ -118,7 +120,7 @@ const SwirlBox = class {
|
|
|
118
120
|
"box--scrolled-to-top": this.scrollState.scrolledToTop,
|
|
119
121
|
"box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
|
|
120
122
|
});
|
|
121
|
-
return (index.h(index.Host, { key: '
|
|
123
|
+
return (index.h(index.Host, { key: '22989d7972a37c53b50f879639bff0581214d528', class: className, onScroll: this.onScroll, style: styles }, index.h("slot", { key: '8628bb4a2474579564e1352967b8e4c48026c906' })));
|
|
122
124
|
}
|
|
123
125
|
get el() { return index.getElement(this); }
|
|
124
126
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h, Host } from "@stencil/core";
|
|
1
|
+
import { h, Host, } from "@stencil/core";
|
|
2
2
|
import classnames from "classnames";
|
|
3
3
|
/**
|
|
4
4
|
* @slot slot - The box contents
|
|
@@ -47,6 +47,7 @@ export class SwirlBox {
|
|
|
47
47
|
};
|
|
48
48
|
}
|
|
49
49
|
componentDidLoad() {
|
|
50
|
+
this.componentLoad.emit();
|
|
50
51
|
queueMicrotask(() => {
|
|
51
52
|
this.updateScrollState();
|
|
52
53
|
});
|
|
@@ -112,7 +113,7 @@ export class SwirlBox {
|
|
|
112
113
|
"box--scrolled-to-top": this.scrollState.scrolledToTop,
|
|
113
114
|
"box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
|
|
114
115
|
});
|
|
115
|
-
return (h(Host, { key: '
|
|
116
|
+
return (h(Host, { key: '22989d7972a37c53b50f879639bff0581214d528', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '8628bb4a2474579564e1352967b8e4c48026c906' })));
|
|
116
117
|
}
|
|
117
118
|
static get is() { return "swirl-box"; }
|
|
118
119
|
static get encapsulation() { return "shadow"; }
|
|
@@ -730,5 +731,23 @@ export class SwirlBox {
|
|
|
730
731
|
"scrollState": {}
|
|
731
732
|
};
|
|
732
733
|
}
|
|
734
|
+
static get events() {
|
|
735
|
+
return [{
|
|
736
|
+
"method": "componentLoad",
|
|
737
|
+
"name": "componentLoad",
|
|
738
|
+
"bubbles": true,
|
|
739
|
+
"cancelable": true,
|
|
740
|
+
"composed": true,
|
|
741
|
+
"docs": {
|
|
742
|
+
"tags": [],
|
|
743
|
+
"text": ""
|
|
744
|
+
},
|
|
745
|
+
"complexType": {
|
|
746
|
+
"original": "void",
|
|
747
|
+
"resolved": "void",
|
|
748
|
+
"references": {}
|
|
749
|
+
}
|
|
750
|
+
}];
|
|
751
|
+
}
|
|
733
752
|
static get elementRef() { return "el"; }
|
|
734
753
|
}
|
|
@@ -58,7 +58,7 @@ export class SwirlResourceList {
|
|
|
58
58
|
event.preventDefault();
|
|
59
59
|
this.stopDrag(this.dragging);
|
|
60
60
|
}
|
|
61
|
-
else if (Boolean(this.controllingElement)) {
|
|
61
|
+
else if (Boolean(this.controllingElement) && event.code === "Enter") {
|
|
62
62
|
const item = this.items[this.focusedIndex];
|
|
63
63
|
if (!Boolean(item) || !item.isConnected) {
|
|
64
64
|
return;
|
|
@@ -249,7 +249,7 @@ export class SwirlResourceList {
|
|
|
249
249
|
});
|
|
250
250
|
}
|
|
251
251
|
render() {
|
|
252
|
-
return (h(Host, { key: '
|
|
252
|
+
return (h(Host, { key: '24ef8717e06eaa5e2c8dff08d50bd8c7582b89af', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '4ea549d10ec775e1851efc2a86c101f99fb094a8', role: "alert" }, this.assistiveText), h("swirl-box", { key: '5c40504ad7d017f9271db414d065b3d4fc756e53', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '3a913c951fef4f788536068ce572f2131d203322', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'bd026e40cf0cd5067eb3d2b6c2d6b5da2e044859' })))));
|
|
253
253
|
}
|
|
254
254
|
static get is() { return "swirl-resource-list"; }
|
|
255
255
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as classNames } from './index2.js';
|
|
3
3
|
|
|
4
4
|
const swirlBoxCss = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}";
|
|
@@ -9,6 +9,7 @@ const SwirlBox = /*@__PURE__*/ proxyCustomElement(class SwirlBox extends HTMLEle
|
|
|
9
9
|
super();
|
|
10
10
|
this.__registerHost();
|
|
11
11
|
this.__attachShadow();
|
|
12
|
+
this.componentLoad = createEvent(this, "componentLoad", 7);
|
|
12
13
|
this.onScroll = () => {
|
|
13
14
|
this.updateScrollState();
|
|
14
15
|
};
|
|
@@ -51,6 +52,7 @@ const SwirlBox = /*@__PURE__*/ proxyCustomElement(class SwirlBox extends HTMLEle
|
|
|
51
52
|
};
|
|
52
53
|
}
|
|
53
54
|
componentDidLoad() {
|
|
55
|
+
this.componentLoad.emit();
|
|
54
56
|
queueMicrotask(() => {
|
|
55
57
|
this.updateScrollState();
|
|
56
58
|
});
|
|
@@ -116,7 +118,7 @@ const SwirlBox = /*@__PURE__*/ proxyCustomElement(class SwirlBox extends HTMLEle
|
|
|
116
118
|
"box--scrolled-to-top": this.scrollState.scrolledToTop,
|
|
117
119
|
"box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
|
|
118
120
|
});
|
|
119
|
-
return (h(Host, { key: '
|
|
121
|
+
return (h(Host, { key: '22989d7972a37c53b50f879639bff0581214d528', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '8628bb4a2474579564e1352967b8e4c48026c906' })));
|
|
120
122
|
}
|
|
121
123
|
get el() { return this; }
|
|
122
124
|
static get style() { return SwirlBoxStyle0; }
|
|
@@ -68,7 +68,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
|
|
|
68
68
|
event.preventDefault();
|
|
69
69
|
this.stopDrag(this.dragging);
|
|
70
70
|
}
|
|
71
|
-
else if (Boolean(this.controllingElement)) {
|
|
71
|
+
else if (Boolean(this.controllingElement) && event.code === "Enter") {
|
|
72
72
|
const item = this.items[this.focusedIndex];
|
|
73
73
|
if (!Boolean(item) || !item.isConnected) {
|
|
74
74
|
return;
|
|
@@ -259,7 +259,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
|
|
|
259
259
|
});
|
|
260
260
|
}
|
|
261
261
|
render() {
|
|
262
|
-
return (h(Host, { key: '
|
|
262
|
+
return (h(Host, { key: '24ef8717e06eaa5e2c8dff08d50bd8c7582b89af', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '4ea549d10ec775e1851efc2a86c101f99fb094a8', role: "alert" }, this.assistiveText), h("swirl-box", { key: '5c40504ad7d017f9271db414d065b3d4fc756e53', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '3a913c951fef4f788536068ce572f2131d203322', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'bd026e40cf0cd5067eb3d2b6c2d6b5da2e044859' })))));
|
|
263
263
|
}
|
|
264
264
|
get el() { return this; }
|
|
265
265
|
static get watchers() { return {
|
|
@@ -467,7 +467,7 @@ const SwirlResourceList = class {
|
|
|
467
467
|
event.preventDefault();
|
|
468
468
|
this.stopDrag(this.dragging);
|
|
469
469
|
}
|
|
470
|
-
else if (Boolean(this.controllingElement)) {
|
|
470
|
+
else if (Boolean(this.controllingElement) && event.code === "Enter") {
|
|
471
471
|
const item = this.items[this.focusedIndex];
|
|
472
472
|
if (!Boolean(item) || !item.isConnected) {
|
|
473
473
|
return;
|
|
@@ -658,7 +658,7 @@ const SwirlResourceList = class {
|
|
|
658
658
|
});
|
|
659
659
|
}
|
|
660
660
|
render() {
|
|
661
|
-
return (h(Host, { key: '
|
|
661
|
+
return (h(Host, { key: '24ef8717e06eaa5e2c8dff08d50bd8c7582b89af', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '4ea549d10ec775e1851efc2a86c101f99fb094a8', role: "alert" }, this.assistiveText), h("swirl-box", { key: '5c40504ad7d017f9271db414d065b3d4fc756e53', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '3a913c951fef4f788536068ce572f2131d203322', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'bd026e40cf0cd5067eb3d2b6c2d6b5da2e044859' })))));
|
|
662
662
|
}
|
|
663
663
|
get el() { return getElement(this); }
|
|
664
664
|
static get watchers() { return {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-1878a8d8.js';
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
|
|
2
2
|
import { c as classnames } from './index-267776a4.js';
|
|
3
3
|
|
|
4
4
|
const swirlBoxCss = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}";
|
|
@@ -7,6 +7,7 @@ const SwirlBoxStyle0 = swirlBoxCss;
|
|
|
7
7
|
const SwirlBox = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
registerInstance(this, hostRef);
|
|
10
|
+
this.componentLoad = createEvent(this, "componentLoad", 7);
|
|
10
11
|
this.onScroll = () => {
|
|
11
12
|
this.updateScrollState();
|
|
12
13
|
};
|
|
@@ -49,6 +50,7 @@ const SwirlBox = class {
|
|
|
49
50
|
};
|
|
50
51
|
}
|
|
51
52
|
componentDidLoad() {
|
|
53
|
+
this.componentLoad.emit();
|
|
52
54
|
queueMicrotask(() => {
|
|
53
55
|
this.updateScrollState();
|
|
54
56
|
});
|
|
@@ -114,7 +116,7 @@ const SwirlBox = class {
|
|
|
114
116
|
"box--scrolled-to-top": this.scrollState.scrolledToTop,
|
|
115
117
|
"box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
|
|
116
118
|
});
|
|
117
|
-
return (h(Host, { key: '
|
|
119
|
+
return (h(Host, { key: '22989d7972a37c53b50f879639bff0581214d528', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '8628bb4a2474579564e1352967b8e4c48026c906' })));
|
|
118
120
|
}
|
|
119
121
|
get el() { return getElement(this); }
|
|
120
122
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as s,H as i,g as r}from"./p-30e99c25.js";import{c as e}from"./p-a5dce9e6.js";const d=class{constructor(s){o(this,s),this.componentLoad=t(this,"componentLoad",7),this.onScroll=()=>{this.updateScrollState()},this.borderColor="default",this.bordered=void 0,this.borderedBlockEnd=void 0,this.borderedBlockEndWhenScrolled=void 0,this.borderedBlockStart=void 0,this.borderedBlockStartWhenScrolled=void 0,this.borderedInlineEnd=void 0,this.borderedInlineStart=void 0,this.bottom=void 0,this.centerBlock=void 0,this.centerInline=void 0,this.cover=void 0,this.height=void 0,this.left=void 0,this.maxHeight=void 0,this.minHeight=void 0,this.maxWidth=void 0,this.minWidth=void 0,this.overflow="visible",this.padding="0",this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.position=void 0,this.right=void 0,this.basis=void 0,this.shrink=void 0,this.grow=void 0,this.top=void 0,this.width=void 0,this.zIndex=void 0,this.scrollState={scrollable:!1,scrolledToBottom:!1,scrolledToTop:!1}}componentDidLoad(){this.componentLoad.emit(),queueMicrotask((()=>{this.updateScrollState()}))}updateScrollState(){const o={scrollable:this.el.scrollHeight>this.el.clientHeight,scrolledToTop:0===this.el.scrollTop,scrolledToBottom:Math.round(this.el.scrollTop+this.el.clientHeight)>=this.el.scrollHeight};Object.keys(o).some((t=>o[t]!==this.scrollState[t]))&&(this.scrollState=o)}render(){const o={alignItems:this.centerBlock?"center":void 0,bottom:this.bottom,display:this.centerBlock||this.centerInline?"flex":void 0,flexBasis:this.basis,flexShrink:this.shrink,flexGrow:this.grow,height:this.cover?"100%":this.height,justifyContent:this.centerInline?"center":void 0,left:this.left,maxHeight:this.maxHeight,minHeight:this.minHeight,maxWidth:this.maxWidth,minWidth:this.minWidth,overflow:this.overflow,padding:`var(--s-space-${this.padding})`,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,position:Boolean(this.overflow)?this.position||"relative":this.position,right:this.right,top:this.top,width:this.cover?"100%":this.width,zIndex:this.zIndex},t=e("box",`box--border-color-${this.borderColor}`,{"box--bordered":this.bordered,"box--bordered-block-end":this.borderedBlockEnd,"box--bordered-block-end-when-scrolled":this.borderedBlockEndWhenScrolled,"box--bordered-block-start":this.borderedBlockStart,"box--bordered-block-start-when-scrolled":this.borderedBlockStartWhenScrolled,"box--bordered-inline-end":this.borderedInlineEnd,"box--bordered-inline-start":this.borderedInlineStart,"box--cover":this.cover,"box--scrollable":this.scrollState.scrollable,"box--scrolled-to-top":this.scrollState.scrolledToTop,"box--scrolled-to-bottom":this.scrollState.scrolledToBottom});return s(i,{key:"22989d7972a37c53b50f879639bff0581214d528",class:t,onScroll:this.onScroll,style:o},s("slot",{key:"8628bb4a2474579564e1352967b8e4c48026c906"}))}get el(){return r(this)}};d.style=":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}";export{d as swirl_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as i,H as e,g as o,F as s}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";import{g as l,d as n,i as p,f as d}from"./p-0f3e0216.js";import{S as c}from"./p-1486d7ea.js";import{v as u}from"./p-14616bce.js";const b=class{constructor(i){t(this,i),this.ctaClick=a(this,"ctaClick",7),this.mobileViewChange=a(this,"mobileViewChange",7),this.navigationBackButtonClick=a(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=a(this,"navigationExpansionStateChange",7),this.sidebarToggle=a(this,"sidebarToggle",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=t=>{this.isDesktop=t.matches},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=t=>{this.ctaClick.emit(t)},this.onNavigationBackButtonClick=t=>{this.navigationBackButtonClick.emit(t)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=t=>{t.stopPropagation(),this.setCollapsibleNavigationState("overlayed")},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.collapsibleNavigation=void 0,this.ctaIcon=void 0,this.ctaLabel=void 0,this.hasNavigation=void 0,this.hideAppBar=void 0,this.initialMobileView=void 0,this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.hasCustomAppBarBackButton=void 0,this.hasSidebar=void 0,this.isDesktop=void 0,this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.sidebarOpening=void 0,this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,queueMicrotask((()=>{this.isDesktop=this.desktopMediaQuery.matches,this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler),this.mutationObserver?.disconnect()}onDocumentClick(t){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(t.composedPath().includes(this.navEl)||t.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(t){"Escape"===t.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const t=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),t)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const t=p()||d()?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 getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(t){this.collapsibleNavigation&&(this.navExpansionState=t,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(t,a=!0){if(this.mobileView===t||"navigation"===t&&!this.hasNavigation||"sidebar"===t&&!this.hasSidebar)return;if(!p()||!a)return this.mobileView=t,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=t;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=t,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}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"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const t={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(t).some((a=>t[a]!==this.contentScrollState[a]))&&(this.contentScrollState=t)}updateNavScrollState(){const t={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(t).some((a=>t[a]!==this.navScrollState[a]))&&(this.navScrollState=t)}updateSidebarScrollState(){const t={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(t).some((a=>t[a]!==this.sidebarScrollState[a]))&&(this.sidebarScrollState=t)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const t=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(t)&&this.setCollapsibleNavigationState(t)}render(){const t=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,a=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--nav-${this.isDesktop?this.navExpansionState:"expanded"}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":a,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"e4098dcdd2f208b1dd2fce4fa4239c5115610fae"},i("section",{key:"74d1b87b9cc1f3444dbd0d4f9f9438691b6a038f","aria-labelledby":"app-name",class:d},i("div",{key:"ba69ff7c4ca1304e68681f21538fc51293557d66",class:"app-layout__grid"},i("header",{key:"2d0cf6c6c14f4e5cc65f80e29ed83da677298d91",class:"app-layout__header",ref:t=>this.headerEl=t},i("span",{key:"ad33a7a8bbcf159a339500af5dfb1fdbcec832bb",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"6430dddd996413590a4a44c1f8b10605e2846e15",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"bb382dd6ed579a103df8d2db491704e50f46e989",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"33b7c62a2929be9f5faed27e6bb382a03860909e",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"6a949d43a362498d9b0dd9b833b4ff6da672f551",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"8e94dc58d62a8acd872830f939c56d60ac80dfe6",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"2d5b82a5179556db32cdf8af3a1803e89fe7295d",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"c6870ca94e78496a41c7d6cb2bfe8adcb97b7fee",class:"app-layout__navigation-controls"},i("slot",{key:"265797c583cf51b061f883a66522a61478ff543f",name:"navigation-controls"}))),i("nav",{key:"07b5b0e935513aab2e09f43a185abbc37829dc2a","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:t=>this.navEl=t,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"7d41b776a7d30606a2a4f6bf9432507d3215c724",name:"navigation"})),i("section",{key:"c62375fecbad605fdd6c8a989e1df595c8b9b53b","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"32bccc6df13d9c18bae6ffd3aa1321fba2adf681",class:"app-layout__app-bar"},i("span",{key:"7761897c9f493da17376c38a90cc22e7770d7f7b",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"78436397b99689627a11f0a7b0b80ef79c7faf50",name:"app-bar-mobile-menu-button"})),t&&i("span",{key:"9503fe9dcb32ad8ac71132c9065305e471b3566a",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"1e4ba308c482b3b9c8aefaf04bd8e42d3599f228",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})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"b2e67d86af90a03ce4e592b8c05344c3b0bd3bb7",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"900b525ab072ef7c2118ea4df022948e86d86441",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"90e02383bd578c0ac5c4e71565c017d45da2e8ca",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"3dd9e2e8fff75b7df3c62904d129d7da833338b4",name:"custom-app-bar-back-button"})),i("div",{key:"5c47928c8c160efd11e8ba065aee682139c31909",class:"app-layout__app-bar-content"},i("slot",{key:"595bb77fa075c7c93a1c01cce9f8646085271a71",name:"app-bar"})),i("div",{key:"c38221c515655f0ea29b99130ceed886ba9a8346",class:"app-layout__app-bar-controls"},i("slot",{key:"cdeb2c4c92b528e7668b0ca75c8a6d9909586139",name:"app-bar-controls"}))),i("div",{key:"4451d20caf3c9bf625481bcb69339161f3ce59fd",class:"app-layout__banner"},i("slot",{key:"55cdf9dc49401cdbf108429f5b88eabfb0a5a8fd",name:"banner"})),i("div",{key:"bdfaed66354fb98f0261e6c1471acb42288d4a1f",class:"app-layout__content",onScroll:this.onContentScroll,ref:t=>this.contentEl=t},i("slot",{key:"61e27fdad1c8d00ef4784b9710f63f96fa6a1f7c",name:"content"})),i("div",{key:"e2664aab92aac1ca42c4ae6214f0a0639c851dbc",class:"app-layout__bottom-bar"},i("slot",{key:"e8ed7aa1b4db87c99c04342a5a92592cc7558457",name:"bottom-bar"}))),i("aside",{key:"d54e38fc2a6572fd906c2dc29fed83f393165c5e",class:"app-layout__sidebar"},i("header",{key:"e9d8da24a7a66e0c5603c7b3e596c61e0f37f485",class:"app-layout__custom-sidebar-header"},i("slot",{key:"4c9eef2c7776fb17e2b6a0ef29c191e1b01e1210",name:"custom-sidebar-header"})),i("header",{key:"0fbabae4205fcf10719c09b91137eb9976570f42",class:"app-layout__sidebar-header"},i("swirl-button",{key:"429a029aaf97c70501607e290d33a21851f5387a",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"c97527b8045a638d4a8ac6353b76412141495bae",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"98586801b5d898ded16c86930098d2c465f0f5b5",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:t=>this.sidebarEl=t},i("slot",{key:"b9143060027fecaf71539b82148debb484e444e2",name:"sidebar"}))),i("span",{key:"65a9d8644e838ec685f6ed5733c185b991bc8ecb",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"478178ad5bf08c07a71bbb9c861374b7dc0019a4",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"5e00f2a754c8da6cb395c11347b4ae85f6d5ce3d",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;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:var(--header-height) 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%, 22.5rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n to right,\n rgba(0, 0, 0, 0.05) 0,\n rgba(0, 0, 0, 0) 80%,\n rgba(0, 0, 0, 0) 100%\n );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation: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: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 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:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.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 (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.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-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n "banner"\n "content"\n "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n "content"\n "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);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 transparent;background-color:var(--s-background-default);grid-area:header;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-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.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}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n "banner"\n "content"}.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 transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.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);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.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 transparent;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}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@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}@media (prefers-reduced-motion){.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:none}}.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}@media (prefers-reduced-motion){.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:none}}.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 (prefers-reduced-motion){.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{animation:none}}}@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}@media (prefers-reduced-motion){.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:none}}.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}@media (prefers-reduced-motion){.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:none}}.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 (prefers-reduced-motion){.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{animation:none}}}@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 (prefers-reduced-motion){.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:none}}}@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 (prefers-reduced-motion){.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:none}}}@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-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 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}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const h=class{constructor(a){t(this,a),this.heading=void 0,this.illustration=void 0}render(){const t=Boolean(this.el.querySelector('[slot="controls"]')),a=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":a});return i(e,{key:"8becb02ddf6e3e043ba384e056de71c13545d036"},i("div",{key:"7a511a2457ff47a5ea44700e0ed9549022bf1453",class:o},this.illustration&&!a&&i("img",{key:"11bb21e501b0b855b5b50cb2f4d1d1e8ea0220a7",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"af3a8630e5d4e1b5bbf9a67a9f74f67e5bf437ba",class:"empty-state__slotted-illustration"},i("slot",{key:"b4db76ca43634c3b1e4af93781173045bb10defb",name:"illustration"})),i("div",{key:"0efd049c96f16b92e5737d579913224e99bee842",class:"empty-state__body"},i("swirl-stack",{key:"669e9bc20ed0e45bb9a27ee0809633ffa5e9b25f",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"35cdca5a1d6b1eb7a5f78d59aba5df899b4c9015",align:"center",as:"p",level:4,text:this.heading}),i("div",{key:"f2751dca22e26a8bb672c23437d1a5ad1d6eaa05",class:"empty-state__content"},i("swirl-text",{key:"2a6bf30e9e5f0fcfc239f7cf054d4618f5a7cda4",align:"center",color:"subdued"},i("slot",{key:"b2b8728069c1bd95641d1a268e7f726f89669c63"})))),i("div",{key:"2696f4371826d93e79cd8569c5bf294c6d607bdd",class:"empty-state__controls"},i("slot",{key:"46b25adcedf0a05b7ddfc7e634d0cb9e23d71f53",name:"controls"})))))}get el(){return o(this)}};h.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--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}";const y=class{constructor(a){t(this,a),this.color=void 0,this.size=24}render(){const t=20===this.size?24:this.size,a={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"44ef97daded02a1174875c4d77d68581d6b6b2e4","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:a,viewBox:`0 0 ${t} ${t}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"d06e91f970cfb3ea0f8f14ee1da86ff7df3dad94"},i("path",{key:"91ad486c88217b828ec4b0ffd263baa3e7b0ef42",d:"M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"41ce7990d2baf24ae399f104ee08fbc426104c23"},i("path",{key:"d18eb70d8d70d305261e3696dba45b3d08f051d9",d:"M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z",fill:"currentColor"})),28===this.size&&i(s,{key:"efdf9df484dbe6f31fe2102ab2dfa249bc40e48e"},i("path",{key:"4fd2e43f4f3502c2993d356ed47480638fa1e840",d:"M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z",fill:"currentColor"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){t(this,i),this.itemDrop=a(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=t=>{const a=t.detail;Boolean(this.dragging)?this.stopDrag(a):this.startDrag(a)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const a=this.getItemIndex(this.dragging);this.focusItemAtIndex(a),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{const a=this.getItemIndex(this.dragging);this.dragging=void 0,t.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${a+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:a}),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 a=t.composedPath()[0];if(Boolean(this.dragging)&&!a?.classList.contains("resource-list-item__drag-handle"))t.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)){const a=this.items[this.focusedIndex];if(!Boolean(a)||!a.isConnected)return;t.stopPropagation(),t.preventDefault(),a.click()}}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.controllingElement=void 0,this.label=void 0,this.spacing="0",this.assistiveText=void 0,this.listId=u()}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop(),this.setSectionSpacingAndSeparator()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect(),this.controllingElement?.removeEventListener("keydown",this.onKeyDown)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState(),this.setSectionSpacingAndSeparator()})),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, [data-resource-list-item]")).filter((t=>t.isConnected)),this.sections=Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((t=>t.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.setAttribute("aria-selected","true")}setupControllingElement(){Boolean(this.controllingElement)&&(this.controllingElement.setAttribute("aria-controls",this.listId),this.controllingElement.setAttribute("role","combobox"),this.controllingElement.setAttribute("aria-autocomplete","list"),this.controllingElement.addEventListener("keydown",this.onKeyDown))}getItemIndex(t){return this.items.map((t=>t)).findIndex((a=>a===t))}removeItemsFromTabOrder(){this.items.forEach((t=>{const a=t?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=t?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&t.setAttribute("aria-selected","false"),a?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.allowDrag?this.items.filter((t=>this.sections.every((a=>!a.contains(t))))).forEach((t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)})):this.items.forEach((t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)}))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.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,a){if(!Boolean(t)||Boolean(this.controllingElement))return;const i=t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=t.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),a&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(t){this.removeItemsFromTabOrder();const a=this.items[t];Boolean(a)&&a.isConnected&&(this.enableItemFocus(a,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(a.setAttribute("aria-selected","true"),a.scrollIntoView({block:"nearest"})),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}`)}setSectionSpacingAndSeparator(){this.sections.forEach(((t,a)=>{0===a&&"SWIRL-RESOURCE-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1),t.spacing=this.spacing}))}render(){return i(e,{key:"46b3453bffde76bfa8186b450b586c76b8800e8a",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"85f441caf8eb1d6befc6962a8a7573daead8cd5a",role:"alert"},this.assistiveText),i("swirl-box",{key:"995d67dbfe73d5b4ccd925807b596ee27cb4b7dd",paddingInlineEnd:"8",paddingInlineStart:"8"},i("swirl-stack",{key:"75630b05ff8c83bc09afa60913cdcc878fb9327d","aria-label":this.label,class:"resource-list",id:this.listId,ref:t=>this.gridEl=t,role:"grid",spacing:this.spacing},i("slot",{key:"61350cd93a62b4593f115b32383976366adbfe34"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){t(this,i),this.toggleDrag=a(this,"toggleDrag",7),this.valueChange=a(this,"valueChange",7),this.desktopMediaQuery=l(),this.elementId=u(),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.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},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.onControlClick=t=>{t.stopPropagation()},this.active=void 0,this.allowDrag=void 0,this.allowHtml=!0,this.checked=!1,this.compact=void 0,this.description=void 0,this.descriptionWrap=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.labelWrap=void 0,this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.swirlAriaLabel=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.makeControlUnfocusable(),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 a=this.iconEl?.children[0];a?.setAttribute("size",t?"20":"24")}updateIconSize(t){this.iconSize=t?20:24}updateMediaState(){const t=this.el.querySelector('[slot="media"]'),a=Boolean(t);a!==this.hasMedia&&(this.hasMedia=a)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const t=this.getControl();Boolean(t)&&(t.tabIndex=0)}makeControlUnfocusable(){const t=this.getControl();Boolean(t)&&(t.tabIndex=-1)}render(){const t=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",a=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=(Boolean(this.meta)||o)&&!this.selectable,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y=!c&&Boolean(this.controlContainer)?{paddingRight:`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`}: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--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":l,"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":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"ee71a35a51909f48b6481e88902952de6c551d5d",role:"row"},i("div",{key:"52cadb9dcc3b255500dfca0cfa5b786e7a8b90dc",class:m,role:"gridcell"},i(t,{key:"4ef3eec2ec3fc2ed8299e8f52b5bfeaa751410e8","aria-checked":b,"aria-disabled":a?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:a,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===t?"button":void 0},this.hasMedia&&i("span",{key:"8c748b14176c0da6263e6609f218c4e02996a744",class:"resource-list-item__media"},i("slot",{key:"9126fbb711cec2f4179f0ad051ecfc2c91af018c",name:"media"})),i("span",{key:"f49e3b7fc7998ef327fc75f95a3ebc336ecc8c73",class:"resource-list-item__label-container",style:y},i("span",{key:"ebcaa12a4655cb2615f798806b721d53ba3a18ca",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"b64963c940cfa8b0d309929e6c77485363611313",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"3d0da6bcdb783d85071cac3c3bf1f0b3af9fe6a0",class:"resource-list-item__meta"},i("span",{key:"2c939bf964eaa4b1fdcd43a48c67cf5da6755485",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"21216b62f38fd1031bad7d07746db1c595d01be9",class:"resource-list-item__badges"},i("slot",{key:"7c30e294778db39c7ead121948fce77a940a2f9c",name:"badges"})))),this.selectable&&i("span",{key:"3ed06e50ccd5a9096337f2c7d4ffb7ff4bc7853a","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"81ee8c5911ba9d23ac29d6ea9568b404a163a9dd",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"8aded72608b52bfedccc1d9889c5322b967825ba"}))),i("span",{key:"08f435f707be1eff4276daede7f9bc8dea0a9eef",class:"resource-list-item__control",onClick:this.onControlClick,ref:t=>this.controlContainer=t},i("slot",{key:"ac76664b4fc00749ee6c4e2b78a09ac7d706f5b9",name:"control"})),d&&i("swirl-popover-trigger",{key:"9a8d921b73538b651d1877d3f960349b85121162",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"1f99dfc95d71205f7c171f7bdc4346eeb563227c","aria-disabled":a?"true":void 0,class:"resource-list-item__menu-trigger",disabled:a,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"5683928a73c254aad8a55cc709b669dcd54ad2df","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"8aa0c74b94c6b2ad083d2289cc099db67d5114ab",size:this.iconSize})))}get el(){return o(this)}};g.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}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .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.sc-swirl-resource-list-item{position:relative;width:100%}.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)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@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--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.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--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.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);position:relative;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-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);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) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;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-8);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;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}
|
|
1
|
+
import{r as t,c as a,h as i,H as e,g as o,F as s}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";import{g as l,d as n,i as p,f as d}from"./p-0f3e0216.js";import{S as c}from"./p-1486d7ea.js";import{v as u}from"./p-14616bce.js";const b=class{constructor(i){t(this,i),this.ctaClick=a(this,"ctaClick",7),this.mobileViewChange=a(this,"mobileViewChange",7),this.navigationBackButtonClick=a(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=a(this,"navigationExpansionStateChange",7),this.sidebarToggle=a(this,"sidebarToggle",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=t=>{this.isDesktop=t.matches},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=t=>{this.ctaClick.emit(t)},this.onNavigationBackButtonClick=t=>{this.navigationBackButtonClick.emit(t)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=t=>{t.stopPropagation(),this.setCollapsibleNavigationState("overlayed")},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.collapsibleNavigation=void 0,this.ctaIcon=void 0,this.ctaLabel=void 0,this.hasNavigation=void 0,this.hideAppBar=void 0,this.initialMobileView=void 0,this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.hasCustomAppBarBackButton=void 0,this.hasSidebar=void 0,this.isDesktop=void 0,this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.sidebarOpening=void 0,this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,queueMicrotask((()=>{this.isDesktop=this.desktopMediaQuery.matches,this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler),this.mutationObserver?.disconnect()}onDocumentClick(t){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(t.composedPath().includes(this.navEl)||t.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(t){"Escape"===t.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const t=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),t)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const t=p()||d()?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 getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(t){this.collapsibleNavigation&&(this.navExpansionState=t,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(t,a=!0){if(this.mobileView===t||"navigation"===t&&!this.hasNavigation||"sidebar"===t&&!this.hasSidebar)return;if(!p()||!a)return this.mobileView=t,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=t;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=t,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}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"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const t={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(t).some((a=>t[a]!==this.contentScrollState[a]))&&(this.contentScrollState=t)}updateNavScrollState(){const t={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(t).some((a=>t[a]!==this.navScrollState[a]))&&(this.navScrollState=t)}updateSidebarScrollState(){const t={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(t).some((a=>t[a]!==this.sidebarScrollState[a]))&&(this.sidebarScrollState=t)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const t=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(t)&&this.setCollapsibleNavigationState(t)}render(){const t=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,a=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--nav-${this.isDesktop?this.navExpansionState:"expanded"}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":a,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"e4098dcdd2f208b1dd2fce4fa4239c5115610fae"},i("section",{key:"74d1b87b9cc1f3444dbd0d4f9f9438691b6a038f","aria-labelledby":"app-name",class:d},i("div",{key:"ba69ff7c4ca1304e68681f21538fc51293557d66",class:"app-layout__grid"},i("header",{key:"2d0cf6c6c14f4e5cc65f80e29ed83da677298d91",class:"app-layout__header",ref:t=>this.headerEl=t},i("span",{key:"ad33a7a8bbcf159a339500af5dfb1fdbcec832bb",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"6430dddd996413590a4a44c1f8b10605e2846e15",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"bb382dd6ed579a103df8d2db491704e50f46e989",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"33b7c62a2929be9f5faed27e6bb382a03860909e",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"6a949d43a362498d9b0dd9b833b4ff6da672f551",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"8e94dc58d62a8acd872830f939c56d60ac80dfe6",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"2d5b82a5179556db32cdf8af3a1803e89fe7295d",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"c6870ca94e78496a41c7d6cb2bfe8adcb97b7fee",class:"app-layout__navigation-controls"},i("slot",{key:"265797c583cf51b061f883a66522a61478ff543f",name:"navigation-controls"}))),i("nav",{key:"07b5b0e935513aab2e09f43a185abbc37829dc2a","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:t=>this.navEl=t,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"7d41b776a7d30606a2a4f6bf9432507d3215c724",name:"navigation"})),i("section",{key:"c62375fecbad605fdd6c8a989e1df595c8b9b53b","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"32bccc6df13d9c18bae6ffd3aa1321fba2adf681",class:"app-layout__app-bar"},i("span",{key:"7761897c9f493da17376c38a90cc22e7770d7f7b",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"78436397b99689627a11f0a7b0b80ef79c7faf50",name:"app-bar-mobile-menu-button"})),t&&i("span",{key:"9503fe9dcb32ad8ac71132c9065305e471b3566a",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"1e4ba308c482b3b9c8aefaf04bd8e42d3599f228",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})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"b2e67d86af90a03ce4e592b8c05344c3b0bd3bb7",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"900b525ab072ef7c2118ea4df022948e86d86441",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"90e02383bd578c0ac5c4e71565c017d45da2e8ca",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"3dd9e2e8fff75b7df3c62904d129d7da833338b4",name:"custom-app-bar-back-button"})),i("div",{key:"5c47928c8c160efd11e8ba065aee682139c31909",class:"app-layout__app-bar-content"},i("slot",{key:"595bb77fa075c7c93a1c01cce9f8646085271a71",name:"app-bar"})),i("div",{key:"c38221c515655f0ea29b99130ceed886ba9a8346",class:"app-layout__app-bar-controls"},i("slot",{key:"cdeb2c4c92b528e7668b0ca75c8a6d9909586139",name:"app-bar-controls"}))),i("div",{key:"4451d20caf3c9bf625481bcb69339161f3ce59fd",class:"app-layout__banner"},i("slot",{key:"55cdf9dc49401cdbf108429f5b88eabfb0a5a8fd",name:"banner"})),i("div",{key:"bdfaed66354fb98f0261e6c1471acb42288d4a1f",class:"app-layout__content",onScroll:this.onContentScroll,ref:t=>this.contentEl=t},i("slot",{key:"61e27fdad1c8d00ef4784b9710f63f96fa6a1f7c",name:"content"})),i("div",{key:"e2664aab92aac1ca42c4ae6214f0a0639c851dbc",class:"app-layout__bottom-bar"},i("slot",{key:"e8ed7aa1b4db87c99c04342a5a92592cc7558457",name:"bottom-bar"}))),i("aside",{key:"d54e38fc2a6572fd906c2dc29fed83f393165c5e",class:"app-layout__sidebar"},i("header",{key:"e9d8da24a7a66e0c5603c7b3e596c61e0f37f485",class:"app-layout__custom-sidebar-header"},i("slot",{key:"4c9eef2c7776fb17e2b6a0ef29c191e1b01e1210",name:"custom-sidebar-header"})),i("header",{key:"0fbabae4205fcf10719c09b91137eb9976570f42",class:"app-layout__sidebar-header"},i("swirl-button",{key:"429a029aaf97c70501607e290d33a21851f5387a",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"c97527b8045a638d4a8ac6353b76412141495bae",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"98586801b5d898ded16c86930098d2c465f0f5b5",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:t=>this.sidebarEl=t},i("slot",{key:"b9143060027fecaf71539b82148debb484e444e2",name:"sidebar"}))),i("span",{key:"65a9d8644e838ec685f6ed5733c185b991bc8ecb",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"478178ad5bf08c07a71bbb9c861374b7dc0019a4",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"5e00f2a754c8da6cb395c11347b4ae85f6d5ce3d",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;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:var(--header-height) 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%, 22.5rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n to right,\n rgba(0, 0, 0, 0.05) 0,\n rgba(0, 0, 0, 0) 80%,\n rgba(0, 0, 0, 0) 100%\n );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation: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: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 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:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.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 (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.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-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n "banner"\n "content"\n "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n "content"\n "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);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 transparent;background-color:var(--s-background-default);grid-area:header;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-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.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}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n "banner"\n "content"}.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 transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.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);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.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 transparent;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}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@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}@media (prefers-reduced-motion){.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:none}}.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}@media (prefers-reduced-motion){.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:none}}.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 (prefers-reduced-motion){.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{animation:none}}}@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}@media (prefers-reduced-motion){.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:none}}.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}@media (prefers-reduced-motion){.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:none}}.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 (prefers-reduced-motion){.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{animation:none}}}@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 (prefers-reduced-motion){.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:none}}}@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 (prefers-reduced-motion){.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:none}}}@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-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 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}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const h=class{constructor(a){t(this,a),this.heading=void 0,this.illustration=void 0}render(){const t=Boolean(this.el.querySelector('[slot="controls"]')),a=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":a});return i(e,{key:"8becb02ddf6e3e043ba384e056de71c13545d036"},i("div",{key:"7a511a2457ff47a5ea44700e0ed9549022bf1453",class:o},this.illustration&&!a&&i("img",{key:"11bb21e501b0b855b5b50cb2f4d1d1e8ea0220a7",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"af3a8630e5d4e1b5bbf9a67a9f74f67e5bf437ba",class:"empty-state__slotted-illustration"},i("slot",{key:"b4db76ca43634c3b1e4af93781173045bb10defb",name:"illustration"})),i("div",{key:"0efd049c96f16b92e5737d579913224e99bee842",class:"empty-state__body"},i("swirl-stack",{key:"669e9bc20ed0e45bb9a27ee0809633ffa5e9b25f",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"35cdca5a1d6b1eb7a5f78d59aba5df899b4c9015",align:"center",as:"p",level:4,text:this.heading}),i("div",{key:"f2751dca22e26a8bb672c23437d1a5ad1d6eaa05",class:"empty-state__content"},i("swirl-text",{key:"2a6bf30e9e5f0fcfc239f7cf054d4618f5a7cda4",align:"center",color:"subdued"},i("slot",{key:"b2b8728069c1bd95641d1a268e7f726f89669c63"})))),i("div",{key:"2696f4371826d93e79cd8569c5bf294c6d607bdd",class:"empty-state__controls"},i("slot",{key:"46b25adcedf0a05b7ddfc7e634d0cb9e23d71f53",name:"controls"})))))}get el(){return o(this)}};h.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--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}";const y=class{constructor(a){t(this,a),this.color=void 0,this.size=24}render(){const t=20===this.size?24:this.size,a={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"44ef97daded02a1174875c4d77d68581d6b6b2e4","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:a,viewBox:`0 0 ${t} ${t}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"d06e91f970cfb3ea0f8f14ee1da86ff7df3dad94"},i("path",{key:"91ad486c88217b828ec4b0ffd263baa3e7b0ef42",d:"M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"41ce7990d2baf24ae399f104ee08fbc426104c23"},i("path",{key:"d18eb70d8d70d305261e3696dba45b3d08f051d9",d:"M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z",fill:"currentColor"})),28===this.size&&i(s,{key:"efdf9df484dbe6f31fe2102ab2dfa249bc40e48e"},i("path",{key:"4fd2e43f4f3502c2993d356ed47480638fa1e840",d:"M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z",fill:"currentColor"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){t(this,i),this.itemDrop=a(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=t=>{const a=t.detail;Boolean(this.dragging)?this.stopDrag(a):this.startDrag(a)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const a=this.getItemIndex(this.dragging);this.focusItemAtIndex(a),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{const a=this.getItemIndex(this.dragging);this.dragging=void 0,t.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${a+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:a}),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 a=t.composedPath()[0];if(Boolean(this.dragging)&&!a?.classList.contains("resource-list-item__drag-handle"))t.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)&&"Enter"===t.code){const a=this.items[this.focusedIndex];if(!Boolean(a)||!a.isConnected)return;t.stopPropagation(),t.preventDefault(),a.click()}}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.controllingElement=void 0,this.label=void 0,this.spacing="0",this.assistiveText=void 0,this.listId=u()}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop(),this.setSectionSpacingAndSeparator()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect(),this.controllingElement?.removeEventListener("keydown",this.onKeyDown)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState(),this.setSectionSpacingAndSeparator()})),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, [data-resource-list-item]")).filter((t=>t.isConnected)),this.sections=Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((t=>t.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.setAttribute("aria-selected","true")}setupControllingElement(){Boolean(this.controllingElement)&&(this.controllingElement.setAttribute("aria-controls",this.listId),this.controllingElement.setAttribute("role","combobox"),this.controllingElement.setAttribute("aria-autocomplete","list"),this.controllingElement.addEventListener("keydown",this.onKeyDown))}getItemIndex(t){return this.items.map((t=>t)).findIndex((a=>a===t))}removeItemsFromTabOrder(){this.items.forEach((t=>{const a=t?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=t?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&t.setAttribute("aria-selected","false"),a?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.allowDrag?this.items.filter((t=>this.sections.every((a=>!a.contains(t))))).forEach((t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)})):this.items.forEach((t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)}))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.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,a){if(!Boolean(t)||Boolean(this.controllingElement))return;const i=t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=t.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),a&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(t){this.removeItemsFromTabOrder();const a=this.items[t];Boolean(a)&&a.isConnected&&(this.enableItemFocus(a,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(a.setAttribute("aria-selected","true"),a.scrollIntoView({block:"nearest"})),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}`)}setSectionSpacingAndSeparator(){this.sections.forEach(((t,a)=>{0===a&&"SWIRL-RESOURCE-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1),t.spacing=this.spacing}))}render(){return i(e,{key:"24ef8717e06eaa5e2c8dff08d50bd8c7582b89af",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"4ea549d10ec775e1851efc2a86c101f99fb094a8",role:"alert"},this.assistiveText),i("swirl-box",{key:"5c40504ad7d017f9271db414d065b3d4fc756e53",paddingInlineEnd:"8",paddingInlineStart:"8"},i("swirl-stack",{key:"3a913c951fef4f788536068ce572f2131d203322","aria-label":this.label,class:"resource-list",id:this.listId,ref:t=>this.gridEl=t,role:"grid",spacing:this.spacing},i("slot",{key:"bd026e40cf0cd5067eb3d2b6c2d6b5da2e044859"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){t(this,i),this.toggleDrag=a(this,"toggleDrag",7),this.valueChange=a(this,"valueChange",7),this.desktopMediaQuery=l(),this.elementId=u(),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.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},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.onControlClick=t=>{t.stopPropagation()},this.active=void 0,this.allowDrag=void 0,this.allowHtml=!0,this.checked=!1,this.compact=void 0,this.description=void 0,this.descriptionWrap=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.labelWrap=void 0,this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.swirlAriaLabel=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.makeControlUnfocusable(),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 a=this.iconEl?.children[0];a?.setAttribute("size",t?"20":"24")}updateIconSize(t){this.iconSize=t?20:24}updateMediaState(){const t=this.el.querySelector('[slot="media"]'),a=Boolean(t);a!==this.hasMedia&&(this.hasMedia=a)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const t=this.getControl();Boolean(t)&&(t.tabIndex=0)}makeControlUnfocusable(){const t=this.getControl();Boolean(t)&&(t.tabIndex=-1)}render(){const t=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",a=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=(Boolean(this.meta)||o)&&!this.selectable,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y=!c&&Boolean(this.controlContainer)?{paddingRight:`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`}: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--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":l,"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":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"ee71a35a51909f48b6481e88902952de6c551d5d",role:"row"},i("div",{key:"52cadb9dcc3b255500dfca0cfa5b786e7a8b90dc",class:m,role:"gridcell"},i(t,{key:"4ef3eec2ec3fc2ed8299e8f52b5bfeaa751410e8","aria-checked":b,"aria-disabled":a?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:a,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===t?"button":void 0},this.hasMedia&&i("span",{key:"8c748b14176c0da6263e6609f218c4e02996a744",class:"resource-list-item__media"},i("slot",{key:"9126fbb711cec2f4179f0ad051ecfc2c91af018c",name:"media"})),i("span",{key:"f49e3b7fc7998ef327fc75f95a3ebc336ecc8c73",class:"resource-list-item__label-container",style:y},i("span",{key:"ebcaa12a4655cb2615f798806b721d53ba3a18ca",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"b64963c940cfa8b0d309929e6c77485363611313",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"3d0da6bcdb783d85071cac3c3bf1f0b3af9fe6a0",class:"resource-list-item__meta"},i("span",{key:"2c939bf964eaa4b1fdcd43a48c67cf5da6755485",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"21216b62f38fd1031bad7d07746db1c595d01be9",class:"resource-list-item__badges"},i("slot",{key:"7c30e294778db39c7ead121948fce77a940a2f9c",name:"badges"})))),this.selectable&&i("span",{key:"3ed06e50ccd5a9096337f2c7d4ffb7ff4bc7853a","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"81ee8c5911ba9d23ac29d6ea9568b404a163a9dd",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"8aded72608b52bfedccc1d9889c5322b967825ba"}))),i("span",{key:"08f435f707be1eff4276daede7f9bc8dea0a9eef",class:"resource-list-item__control",onClick:this.onControlClick,ref:t=>this.controlContainer=t},i("slot",{key:"ac76664b4fc00749ee6c4e2b78a09ac7d706f5b9",name:"control"})),d&&i("swirl-popover-trigger",{key:"9a8d921b73538b651d1877d3f960349b85121162",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"1f99dfc95d71205f7c171f7bdc4346eeb563227c","aria-disabled":a?"true":void 0,class:"resource-list-item__menu-trigger",disabled:a,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"5683928a73c254aad8a55cc709b669dcd54ad2df","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"8aa0c74b94c6b2ad083d2289cc099db67d5114ab",size:this.iconSize})))}get el(){return o(this)}};g.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}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .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.sc-swirl-resource-list-item{position:relative;width:100%}.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)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@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--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.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--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.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);position:relative;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-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);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) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;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-8);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;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as i}from"./p-30e99c25.js";export{s as setNonce}from"./p-30e99c25.js";import{g as l}from"./p-e1255160.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((async e=>(await l(),i(JSON.parse('[["p-3ec4a865",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-5f8b3445",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonEnabled":[4,"download-button-enabled"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileName":[1,"file-name"],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"pdfWorkerSrc":[1,"pdf-worker-src"],"printButtonEnabled":[4,"print-button-enabled"],"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],"loadingThumbnails":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]],{"showThumbnails":["watchShowThumbnails"]}]]],["p-6fc1980c",[[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"]],{"multiSelect":["watchMultiSelect"]}]]],["p-ab820d5d",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonEnabled":[4,"download-button-enabled"],"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],"isOpen":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]},null,{"activeSlideIndex":["watchActiveSlideIndex"]}]]],["p-bf55853a",[[6,"swirl-shell-layout",{"brandedHeader":[4,"branded-header"],"browserBackButtonLabel":[1,"browser-back-button-label"],"browserForwardButtonLabel":[1,"browser-forward-button-label"],"collapseNavigationButtonLabel":[1,"collapse-navigation-button-label"],"enableSecondaryNavGridLayout":[4,"enable-secondary-nav-grid-layout"],"expandNavigationButtonLabel":[1,"expand-navigation-button-label"],"gridNavLayoutToggleLabel":[1,"grid-nav-layout-toggle-label"],"hideMobileNavigationButtonLabel":[1,"hide-mobile-navigation-button-label"],"listNavLayoutToggleLabel":[1,"list-nav-layout-toggle-label"],"navigationLabel":[1,"navigation-label"],"secondaryNavCollapseLabel":[1,"secondary-nav-collapse-label"],"secondaryNavExpandLabel":[1,"secondary-nav-expand-label"],"sidebarActive":[1028,"sidebar-active"],"sidebarToggleBadge":[8,"sidebar-toggle-badge"],"sidebarToggleBadgeAriaLabel":[1,"sidebar-toggle-badge-aria-label"],"sidebarToggleIcon":[1,"sidebar-toggle-icon"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"skipLinkLabel":[1,"skip-link-label"],"isDesktopViewport":[32],"mobileNavigationActive":[32],"navigationCollapsed":[32],"secondaryNavCollapsed":[32],"secondaryNavView":[32],"sidebarScrollState":[32],"showMobileNavigation":[64],"hideMobileNavigation":[64]},[[8,"keydown","onWindowKeyDown"],[9,"resize","onWindowResize"]],{"enableSecondaryNavGridLayout":["watchEnableSecondaryNavGridLayout"],"mobileNavigationActive":["watchMobileNavigationState"],"navigationCollapsed":["watchNavigationCollapsed"],"sidebarActive":["watchSidebarActive"]}]]],["p-a1001a7f",[[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"],"standalone":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"withSearch":[4,"with-search"],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-ee13f864",[[1,"swirl-image-grid-item",{"alt":[1],"gifPauseLabel":[1,"gif-pause-label"],"gifPlayLabel":[1,"gif-play-label"],"icon":[1],"interactive":[4],"loading":[1],"overlay":[1],"showGifControls":[4,"show-gif-controls"],"src":[1],"error":[32],"loaded":[32],"inViewport":[32],"gifPaused":[32],"computedSrc":[32],"play":[64],"pause":[64]},null,{"src":["watchSrcProp"]}]]],["p-3b3acb44",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerDisableDate":[16],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"preferredInputMode":[1,"preferred-input-mode"],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32],"readonly":[32]},null,{"format":["watchFormat"],"value":["watchValue"]}]]],["p-1abad82f",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-275a25d6",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"intent":[1],"label":[1],"suffix":[1],"value":[1],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"getParentMenu":[64]},null,{"expanded":["watchExpanded"]}]]],["p-bec9e66e",[[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-3c47dc0f",[[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-173fc9a8",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"fontSize":[1,"font-size"],"hideLabel":[4,"hide-label"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"tooltip":[1],"secondaryLabel":[1,"secondary-label"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]],{"description":["associateDescriptionWithInputElement"],"disabled":["setInputElementDisabledState"],"inline":["setInputElementInlineState"],"invalid":["setInputElementInvalidState"],"label":["setInputElementLabel"]}]]],["p-345f7072",[[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"],"minHeight":[1,"min-height"],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"contentGap":[1,"content-gap"],"hideSecondaryContent":[4,"hide-secondary-content"],"primaryContentMaxWidth":[1,"primary-content-max-width"],"secondaryContentMaxWidth":[1,"secondary-content-max-width"],"primaryContentFlex":[1,"primary-content-flex"],"secondaryContentFlex":[1,"secondary-content-flex"],"hideSecondaryContentBorders":[4,"hide-secondary-content-borders"],"secondaryContentPadding":[1,"secondary-content-padding"],"secondaryContentPaddingBlockEnd":[1,"secondary-content-padding-block-end"],"secondaryContentPaddingBlockStart":[1,"secondary-content-padding-block-start"],"secondaryContentPaddingInlineEnd":[1,"secondary-content-padding-inline-end"],"secondaryContentPaddingInlineStart":[1,"secondary-content-padding-inline-start"],"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-0cddc925",[[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]},null,{"value":["watchValue"]}]]],["p-cb515347",[[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-3e76f3e3",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"tooltip":[1],"value":[1],"variant":[1]}]]],["p-025e1113",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"boxed":[4],"hideLabel":[4,"hide-label"],"href":[1],"inlineLabel":[4,"inline-label"],"inlineLabelColor":[1,"inline-label-color"],"label":[1],"target":[1],"tiled":[4],"withGradient":[4,"with-gradient"]}]]],["p-b07fbca3",[[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-bde739ea",[[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-30865426",[[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-6e23fee0",[[1,"swirl-description-list-item",{"bordered":[4],"maxWidth":[1,"max-width"],"term":[1],"tooltip":[1]}]]],["p-116caf34",[[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-8398fb63",[[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]},null,{"active":["watchActive"]}]]],["p-482429d8",[[1,"swirl-resource-list-section",{"label":[1],"separatorSpacing":[1,"separator-spacing"],"spacing":[1],"hasSeparator":[4,"has-separator"]}]]],["p-41d68a99",[[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-1c5d9973",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonIcon":[1,"close-button-icon"],"closeButtonLabel":[1,"close-button-label"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"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-244a036f",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"loading":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"toolPosition":[1,"tool-position"],"variant":[1],"loadingError":[32],"loaded":[32],"imageAvailable":[32],"inViewport":[32]},null,{"src":["watchSrcProp"]}]]],["p-5bf82f59",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"icon":[1],"size":[1]}]]],["p-81d45e69",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"fade":[4],"loopAround":[4,"loop-around"],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"spacing":[1],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-7c4ec83d",[[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-6cfc3d98",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"hideLabel":[4,"hide-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"labelPosition":[1,"label-position"],"value":[1],"swirlAriaLabel":[1,"swirl-aria-label"],"toggle":[64]}]]],["p-99a825e3",[[1,"swirl-accordion",{"collapseItem":[64],"expandItem":[64]}]]],["p-25533f86",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-810b2599",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"imageAvailable":[32]}]]],["p-b1655e2c",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-3f5de0e7",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"customBackgroundColor":[1,"custom-background-color"],"elevated":[4],"elevationLevel":[2,"elevation-level"],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"intent":[1],"isBorderless":[4,"is-borderless"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"swirlAriaLabel":[1,"swirl-aria-label"],"swirlAriaLabelledby":[1,"swirl-aria-labelledby"],"flashing":[32],"flash":[64]}]]],["p-602e3c2a",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-fc16019b",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-5cfebbb6",[[1,"swirl-description-list"]]],["p-4808ec02",[[1,"swirl-emoji",{"label":[1],"name":[1],"size":[2]}]]],["p-fff97e66",[[1,"swirl-emoji-clap",{"label":[1],"size":[2]}]]],["p-631d43f4",[[1,"swirl-emoji-happy",{"label":[1],"size":[2]}]]],["p-be4207b9",[[1,"swirl-emoji-idea",{"label":[1],"size":[2]}]]],["p-739e1561",[[1,"swirl-emoji-love",{"label":[1],"size":[2]}]]],["p-de748c8e",[[1,"swirl-emoji-sad",{"label":[1],"size":[2]}]]],["p-fa828e9e",[[1,"swirl-emoji-thumbs-up",{"label":[1],"size":[2]}]]],["p-8351880b",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-04b7eba3",[[1,"swirl-icon-add-moderator",{"color":[1],"size":[2]}]]],["p-3609bb50",[[1,"swirl-icon-add-photo",{"color":[1],"size":[2]}]]],["p-6cbcb2b9",[[1,"swirl-icon-add-reaction",{"color":[1],"size":[2]}]]],["p-ace1a426",[[1,"swirl-icon-admin-panel-settings",{"color":[1],"size":[2]}]]],["p-e8218fe6",[[1,"swirl-icon-ai",{"color":[1],"size":[2]}]]],["p-cb337cf3",[[1,"swirl-icon-ai-filled",{"color":[1],"size":[2]}]]],["p-11d4fde5",[[1,"swirl-icon-apps",{"color":[1],"size":[2]}]]],["p-2ed4a9d0",[[1,"swirl-icon-arrow-right-small",{"color":[1],"size":[2]}]]],["p-456ac8c8",[[1,"swirl-icon-aspect-ratio",{"color":[1],"size":[2]}]]],["p-e8f79ed3",[[1,"swirl-icon-attachment",{"color":[1],"size":[2]}]]],["p-4cf94022",[[1,"swirl-icon-bar-chart",{"color":[1],"size":[2]}]]],["p-42d6227d",[[1,"swirl-icon-block",{"color":[1],"size":[2]}]]],["p-17a28b51",[[1,"swirl-icon-bookmark",{"color":[1],"size":[2]}]]],["p-84901077",[[1,"swirl-icon-bookmark-filled",{"color":[1],"size":[2]}]]],["p-b46fc0f5",[[1,"swirl-icon-chat-bubble",{"color":[1],"size":[2]}]]],["p-516d180d",[[1,"swirl-icon-chats",{"color":[1],"size":[2]}]]],["p-d9ed18a0",[[1,"swirl-icon-chats-filled",{"color":[1],"size":[2]}]]],["p-eb1d2ac8",[[1,"swirl-icon-check",{"color":[1],"size":[2]}]]],["p-844126fc",[[1,"swirl-icon-chevron-left",{"color":[1],"size":[2]}]]],["p-e3a42871",[[1,"swirl-icon-close-small",{"color":[1],"size":[2]}]]],["p-4811f8c9",[[1,"swirl-icon-column",{"color":[1],"size":[2]}]]],["p-fe7ae4d2",[[1,"swirl-icon-comment",{"color":[1],"size":[2]}]]],["p-58f2cf0a",[[1,"swirl-icon-copy",{"color":[1],"size":[2]}]]],["p-70a2fd5e",[[1,"swirl-icon-crop",{"color":[1],"size":[2]}]]],["p-5a6a710f",[[1,"swirl-icon-dark-mode",{"color":[1],"size":[2]}]]],["p-dff1ad0f",[[1,"swirl-icon-date-range",{"color":[1],"size":[2]}]]],["p-b66e0cdf",[[1,"swirl-icon-delete",{"color":[1],"size":[2]}]]],["p-ef9c5d73",[[1,"swirl-icon-deployed-code",{"color":[1],"size":[2]}]]],["p-26ea4d50",[[1,"swirl-icon-description",{"color":[1],"size":[2]}]]],["p-11ade7ec",[[1,"swirl-icon-desktop",{"color":[1],"size":[2]}]]],["p-115fa2af",[[1,"swirl-icon-directory",{"color":[1],"size":[2]}]]],["p-1ca44049",[[1,"swirl-icon-directory-filled",{"color":[1],"size":[2]}]]],["p-1335fcd4",[[1,"swirl-icon-discover",{"color":[1],"size":[2]}]]],["p-6e671371",[[1,"swirl-icon-dock-left",{"color":[1],"size":[2]}]]],["p-6350f141",[[1,"swirl-icon-dot",{"color":[1],"size":[2]}]]],["p-90f07d26",[[1,"swirl-icon-double-arrow-right",{"color":[1],"size":[2]}]]],["p-2056d8b1",[[1,"swirl-icon-download",{"color":[1],"size":[2]}]]],["p-6f1d9283",[[1,"swirl-icon-edit",{"color":[1],"size":[2]}]]],["p-cbd0e7e4",[[1,"swirl-icon-emoji-mood",{"color":[1],"size":[2]}]]],["p-7b5fe75c",[[1,"swirl-icon-emoji-satisfied",{"color":[1],"size":[2]}]]],["p-6840293d",[[1,"swirl-icon-experiment",{"color":[1],"size":[2]}]]],["p-f45f6167",[[1,"swirl-icon-filter",{"color":[1],"size":[2]}]]],["p-5bc29447",[[1,"swirl-icon-folder",{"color":[1],"size":[2]}]]],["p-c8beed41",[[1,"swirl-icon-format-h-one",{"color":[1],"size":[2]}]]],["p-ac4b4e0e",[[1,"swirl-icon-group-add",{"color":[1],"size":[2]}]]],["p-8ab08620",[[1,"swirl-icon-group-assign",{"color":[1],"size":[2]}]]],["p-43e7260c",[[1,"swirl-icon-groups",{"color":[1],"size":[2]}]]],["p-c3de80a7",[[1,"swirl-icon-groups-filled",{"color":[1],"size":[2]}]]],["p-6c1e5302",[[1,"swirl-icon-hamburger-menu",{"color":[1],"size":[2]}]]],["p-54fbd2ae",[[1,"swirl-icon-highlight",{"color":[1],"size":[2]}]]],["p-f2a9e23c",[[1,"swirl-icon-history",{"color":[1],"size":[2]}]]],["p-feba1561",[[1,"swirl-icon-home",{"color":[1],"size":[2]}]]],["p-23d838e4",[[1,"swirl-icon-image",{"color":[1],"size":[2]}]]],["p-1d26d7d0",[[1,"swirl-icon-improve-text",{"color":[1],"size":[2]}]]],["p-ec92a4db",[[1,"swirl-icon-insert-below",{"color":[1],"size":[2]}]]],["p-fd500b2e",[[1,"swirl-icon-insert-on-top",{"color":[1],"size":[2]}]]],["p-4d82b433",[[1,"swirl-icon-inventory",{"color":[1],"size":[2]}]]],["p-9c388672",[[1,"swirl-icon-inventory-off",{"color":[1],"size":[2]}]]],["p-ea0f02cd",[[1,"swirl-icon-key",{"color":[1],"size":[2]}]]],["p-0ff53048",[[1,"swirl-icon-keyboard",{"color":[1],"size":[2]}]]],["p-590505be",[[1,"swirl-icon-keyboard-hide",{"color":[1],"size":[2]}]]],["p-da1c1512",[[1,"swirl-icon-light-mode",{"color":[1],"size":[2]}]]],["p-e03d5e95",[[1,"swirl-icon-like",{"color":[1],"size":[2]}]]],["p-82e95c68",[[1,"swirl-icon-link",{"color":[1],"size":[2]}]]],["p-5474044b",[[1,"swirl-icon-live",{"color":[1],"size":[2]}]]],["p-418c90cf",[[1,"swirl-icon-load",{"color":[1],"size":[2]}]]],["p-5d859e14",[[1,"swirl-icon-lock",{"color":[1],"size":[2]}]]],["p-a9c54ada",[[1,"swirl-icon-lock-open",{"color":[1],"size":[2]}]]],["p-325f6cee",[[1,"swirl-icon-lock-person",{"color":[1],"size":[2]}]]],["p-788c2f30",[[1,"swirl-icon-login",{"color":[1],"size":[2]}]]],["p-a6f3b759",[[1,"swirl-icon-logout",{"color":[1],"size":[2]}]]],["p-e96092d0",[[1,"swirl-icon-long-text",{"color":[1],"size":[2]}]]],["p-f6df5152",[[1,"swirl-icon-mail",{"color":[1],"size":[2]}]]],["p-649e2e1a",[[1,"swirl-icon-manage-accounts",{"color":[1],"size":[2]}]]],["p-de66111c",[[1,"swirl-icon-mark-chat-read",{"color":[1],"size":[2]}]]],["p-a8b69cca",[[1,"swirl-icon-mark-chat-unread",{"color":[1],"size":[2]}]]],["p-6e774957",[[1,"swirl-icon-mention",{"color":[1],"size":[2]}]]],["p-3620e54b",[[1,"swirl-icon-menu",{"color":[1],"size":[2]}]]],["p-21d93821",[[1,"swirl-icon-menu-book-filled",{"color":[1],"size":[2]}]]],["p-4eda890c",[[1,"swirl-icon-menu-filled",{"color":[1],"size":[2]}]]],["p-261fd551",[[1,"swirl-icon-message",{"color":[1],"size":[2]}]]],["p-98d0c748",[[1,"swirl-icon-mic",{"color":[1],"size":[2]}]]],["p-1f560de9",[[1,"swirl-icon-mic-off",{"color":[1],"size":[2]}]]],["p-0aba818e",[[1,"swirl-icon-more-horizontal",{"color":[1],"size":[2]}]]],["p-a79711e0",[[1,"swirl-icon-news",{"color":[1],"size":[2]}]]],["p-54e68bfa",[[1,"swirl-icon-news-filled",{"color":[1],"size":[2]}]]],["p-6a679eed",[[1,"swirl-icon-news-off",{"color":[1],"size":[2]}]]],["p-5488c170",[[1,"swirl-icon-notifications",{"color":[1],"size":[2]}]]],["p-424dd8a4",[[1,"swirl-icon-notifications-active",{"color":[1],"size":[2]}]]],["p-e32ad4d6",[[1,"swirl-icon-notifications-off",{"color":[1],"size":[2]}]]],["p-07e5aef2",[[1,"swirl-icon-open-in-full",{"color":[1],"size":[2]}]]],["p-c425d06f",[[1,"swirl-icon-pause-circle",{"color":[1],"size":[2]}]]],["p-09a15729",[[1,"swirl-icon-people-alt",{"color":[1],"size":[2]}]]],["p-976dc0b1",[[1,"swirl-icon-person-off",{"color":[1],"size":[2]}]]],["p-160d9f72",[[1,"swirl-icon-phone",{"color":[1],"size":[2]}]]],["p-90117b85",[[1,"swirl-icon-photo-camera",{"color":[1],"size":[2]}]]],["p-36532684",[[1,"swirl-icon-pin",{"color":[1],"size":[2]}]]],["p-ba64a021",[[1,"swirl-icon-pin-off",{"color":[1],"size":[2]}]]],["p-4609c77e",[[1,"swirl-icon-place",{"color":[1],"size":[2]}]]],["p-670d8d3d",[[1,"swirl-icon-poll",{"color":[1],"size":[2]}]]],["p-bbac018d",[[1,"swirl-icon-post-approval",{"color":[1],"size":[2]}]]],["p-c9e69989",[[1,"swirl-icon-present",{"color":[1],"size":[2]}]]],["p-10888b78",[[1,"swirl-icon-print",{"color":[1],"size":[2]}]]],["p-4af4e3f4",[[1,"swirl-icon-public",{"color":[1],"size":[2]}]]],["p-ef2aeb4a",[[1,"swirl-icon-public-off",{"color":[1],"size":[2]}]]],["p-827186a4",[[1,"swirl-icon-ratio-four-to-three",{"color":[1],"size":[2]}]]],["p-596748f3",[[1,"swirl-icon-ratio-freeform",{"color":[1],"size":[2]}]]],["p-ca211e39",[[1,"swirl-icon-ratio-sixteen-to-nine",{"color":[1],"size":[2]}]]],["p-47c36290",[[1,"swirl-icon-ratio-square",{"color":[1],"size":[2]}]]],["p-6f981956",[[1,"swirl-icon-ratio-three-to-four",{"color":[1],"size":[2]}]]],["p-f0e5390c",[[1,"swirl-icon-ratio-three-to-two",{"color":[1],"size":[2]}]]],["p-87c8e225",[[1,"swirl-icon-recieved",{"color":[1],"size":[2]}]]],["p-0f4cd64e",[[1,"swirl-icon-remove-circle",{"color":[1],"size":[2]}]]],["p-272a5316",[[1,"swirl-icon-remove-moderator",{"color":[1],"size":[2]}]]],["p-2dfdea02",[[1,"swirl-icon-reply",{"color":[1],"size":[2]}]]],["p-bd91f8b2",[[1,"swirl-icon-report",{"color":[1],"size":[2]}]]],["p-c0def8c4",[[1,"swirl-icon-roadmap",{"color":[1],"size":[2]}]]],["p-d30c982f",[[1,"swirl-icon-rotate-left",{"color":[1],"size":[2]}]]],["p-8342f8eb",[[1,"swirl-icon-rotate-right",{"color":[1],"size":[2]}]]],["p-8c7061e9",[[1,"swirl-icon-screenshare",{"color":[1],"size":[2]}]]],["p-ede869ec",[[1,"swirl-icon-screenshare-off",{"color":[1],"size":[2]}]]],["p-fd8eef81",[[1,"swirl-icon-search-strong",{"color":[1],"size":[2]}]]],["p-15e7cf22",[[1,"swirl-icon-secure",{"color":[1],"size":[2]}]]],["p-f5c74229",[[1,"swirl-icon-send",{"color":[1],"size":[2]}]]],["p-5e5096f9",[[1,"swirl-icon-settings",{"color":[1],"size":[2]}]]],["p-5fb3888e",[[1,"swirl-icon-short-text",{"color":[1],"size":[2]}]]],["p-acafcde0",[[1,"swirl-icon-simplify",{"color":[1],"size":[2]}]]],["p-8c2eabf4",[[1,"swirl-icon-spellcheck",{"color":[1],"size":[2]}]]],["p-5358ac01",[[1,"swirl-icon-stars",{"color":[1],"size":[2]}]]],["p-53ec5c0b",[[1,"swirl-icon-stop",{"color":[1],"size":[2]}]]],["p-81915d90",[[1,"swirl-icon-sync",{"color":[1],"size":[2]}]]],["p-1ef140dd",[[1,"swirl-icon-tasks",{"color":[1],"size":[2]}]]],["p-458bb0cb",[[1,"swirl-icon-tasks-filled",{"color":[1],"size":[2]}]]],["p-12b1e1a0",[[1,"swirl-icon-terminal",{"color":[1],"size":[2]}]]],["p-adc855fe",[[1,"swirl-icon-time",{"color":[1],"size":[2]}]]],["p-10a75be8",[[1,"swirl-icon-time-filled",{"color":[1],"size":[2]}]]],["p-1df81718",[[1,"swirl-icon-today-filled",{"color":[1],"size":[2]}]]],["p-12727ea4",[[1,"swirl-icon-translate",{"color":[1],"size":[2]}]]],["p-71cc599a",[[1,"swirl-icon-tree-structure",{"color":[1],"size":[2]}]]],["p-4079b87e",[[1,"swirl-icon-undo",{"color":[1],"size":[2]}]]],["p-e7dccaa4",[[1,"swirl-icon-unlock-person",{"color":[1],"size":[2]}]]],["p-f9e293da",[[1,"swirl-icon-user-add",{"color":[1],"size":[2]}]]],["p-5a9e0ce3",[[1,"swirl-icon-user-assign",{"color":[1],"size":[2]}]]],["p-80342a2a",[[1,"swirl-icon-video-camera",{"color":[1],"size":[2]}]]],["p-cf250b13",[[1,"swirl-icon-video-camera-off",{"color":[1],"size":[2]}]]],["p-19cd5bb1",[[1,"swirl-icon-video-library",{"color":[1],"size":[2]}]]],["p-44da8cb8",[[1,"swirl-icon-video-player",{"color":[1],"size":[2]}]]],["p-59054abb",[[1,"swirl-icon-voice",{"color":[1],"size":[2]}]]],["p-18f14b5a",[[1,"swirl-icon-web-asset",{"color":[1],"size":[2]}]]],["p-db0ffc27",[[1,"swirl-icon-web-asset-off",{"color":[1],"size":[2]}]]],["p-f5b2b3a3",[[1,"swirl-icon-work",{"color":[1],"size":[2]}]]],["p-5e4cea5e",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"label":[1],"items":[32]}]]],["p-d6f7e4c2",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-5624a930",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-cfb6a3c1",[[4,"swirl-list"]]],["p-527fe807",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-58f937d6",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-d94e7793",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-e42695b9",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-833e7dfb",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-da3bb08b",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-c6526613",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-71db6874",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-83029435",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-ad56df9d",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-fbf2d635",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-2e1bb0be",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-44762b7b",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-072ecbc6",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-b785eccc",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-d889b08d",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-71cf874a",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-91a3ff3f",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-bf2766d2",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-c7f3aadb",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-7d35af8e",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-925a4a2d",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-e788b107",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-d88554d0",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-0a111650",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-6967879c",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-42449096",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-2021fe36",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-fbddbf9a",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-675e6dd1",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-9ca52ddd",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-597ff25b",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-4159f8b6",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-009701b9",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-561a367b",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-f8175819",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-ad4f44ef",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-8d78ae5f",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-adcfc180",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-a9ffddee",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-0f40b40d",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-8bd9b337",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-99964c02",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-a255ae29",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-076d492a",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-3ac56451",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-ed61ed38",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-1e8834c5",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-1d3c63d1",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-dcecc9d6",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-636565db",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-27e25af1",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-1c0762b0",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-fcdefe04",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-fb37862c",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-1307bd46",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-063a98b0",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-e6d447cf",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-b95d129a",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-f2ac66f6",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-9c7d8384",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-0837b21b",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-6326e55a",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-544c9e31",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-fe1c2ed7",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-d390c50d",[[1,"swirl-tab",{"active":[4],"icon":[1],"label":[1],"padding":[1],"tabId":[1,"tab-id"]}]]],["p-34c0f39b",[[1,"swirl-icon-info",{"color":[1],"size":[2]}]]],["p-51855674",[[1,"swirl-table-row-group",{"label":[1],"tooltip":[1],"collapsible":[4],"collapseButtonLabel":[1,"collapse-button-label"],"isVisible":[32]}]]],["p-2e9aa004",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-8cb56849",[[1,"swirl-tree-navigation-item",{"active":[4],"href":[1],"icon":[1],"label":[1],"target":[1],"navigationItemId":[1,"navigation-item-id"],"level":[2],"expandable":[4],"external":[4],"expanded":[32],"hasChildren":[32],"childrenHeight":[32],"expand":[64],"collapse":[64]},null,{"expanded":["handleExpandedChange"]}]]],["p-57a519a7",[[6,"swirl-tree-view-item",{"active":[4],"expandable":[4],"href":[1],"icon":[1],"iconColor":[1,"icon-color"],"itemId":[1,"item-id"],"label":[1],"expanded":[32],"level":[32],"selected":[32],"expand":[64],"collapse":[64],"select":[64],"unselect":[64]}]]],["p-cb3d5b59",[[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-dd1497c4",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-1687bb89",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"justifyTabBar":[1,"justify-tab-bar"],"tabBarPaddingInlineEnd":[1,"tab-bar-padding-inline-end"],"tabBarPaddingInlineStart":[1,"tab-bar-padding-inline-start"],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-cb596870",[[1,"swirl-toggle-group",{"selectedToggleId":[1025,"selected-toggle-id"]},[[0,"click","onClick"]],{"selectedToggleId":["watchSelectedToggleId"]}]]],["p-2f9a41fd",[[1,"swirl-toolbar",{"label":[1],"orientation":[1]}]]],["p-4eee3548",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-7804d4f8",[[1,"swirl-table-cell"]]],["p-fa71dad2",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-9171c5ad",[[6,"swirl-theme-provider",{"config":[16],"getActiveOSTheme":[64],"getPreferredOSTheme":[64],"setPreferredOSTheme":[64],"resetPreferredOSTheme":[64]},null,{"config":["watchConfig"]}]]],["p-1ad3ac2b",[[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]},null,{"format":["watchFormat"]}]]],["p-a93acfd9",[[1,"swirl-toggle-button",{"identifier":[1],"label":[1],"isPressed":[1028,"is-pressed"]}]]],["p-8fc4e11a",[[1,"swirl-tree-navigation",{"label":[1]}]]],["p-183be66d",[[1,"swirl-tree-view",{"initiallyExpandedItemIds":[16],"label":[1],"expandItems":[64]},[[0,"keydown","onKeyDown"],[0,"itemSelected","onItemSelected"],[0,"expandedChange","onExpandedChange"]]]]],["p-b0fdbdf4",[[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"],"fontSize":[1,"font-size"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"passwordToggleLabel":[1,"password-toggle-label"],"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],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32],"blurInput":[64],"focusInput":[64]},null,{"value":["watchValue"]}]]],["p-483c99f6",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]},null,{"duration":["watchDuration"]}]]],["p-f6d104bf",[[1,"swirl-icon-cloud-upload",{"color":[1],"size":[2]}]]],["p-e7813a69",[[1,"swirl-icon-open-in-new",{"color":[1],"size":[2]}]]],["p-8817ca17",[[1,"swirl-icon-person",{"color":[1],"size":[2]}]]],["p-6f7dcb2d",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"justify":[1],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"tabs":[16]}]]],["p-39caabdd",[[1,"swirl-date-picker",{"disableDate":[16],"firstDayOfWeek":[1026,"first-day-of-week"],"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"color":[1],"size":[2]}]]],["p-0c710743",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-b00d0710",[[1,"swirl-icon-arrow-downward",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-upward",{"color":[1],"size":[2]}]]],["p-2a7bf6c7",[[1,"swirl-icon-check-circle",{"color":[1],"size":[2]}],[1,"swirl-icon-warning",{"color":[1],"size":[2]}]]],["p-eab641fb",[[1,"swirl-icon-chevron-right",{"color":[1],"size":[2]}]]],["p-dc94ff67",[[1,"swirl-icon-help",{"color":[1],"size":[2]}]]],["p-650c69b4",[[1,"swirl-icon-search",{"color":[1],"size":[2]}]]],["p-ac7cd132",[[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]},null,{"firstDayOfWeek":["watchFirstDayOfWeek"],"locale":["watchLocale"],"range":["watchRange"],"startDate":["watchStartDate"],"value":["watchValue"]}]]],["p-9e423180",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"spacing":[1],"stretch":[4],"wrap":[4]}]]],["p-bf8c2eea",[[1,"swirl-icon-gif",{"color":[1],"size":[2]}],[1,"swirl-icon-pause",{"color":[1],"size":[2]}],[1,"swirl-icon-play-arrow",{"color":[1],"size":[2]}]]],["p-d8541053",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-b71f6178",[[1,"swirl-thumbnail",{"alt":[1],"editButtonIcon":[1,"edit-button-icon"],"editButtonLabel":[1,"edit-button-label"],"format":[1],"interactive":[4],"progress":[2],"progressLabel":[1,"progress-label"],"removeButtonLabel":[1,"remove-button-label"],"showEditButton":[4,"show-edit-button"],"showRemoveButton":[4,"show-remove-button"],"size":[1],"src":[1],"timestamp":[1]}],[1,"swirl-icon-arrow-left",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-right",{"color":[1],"size":[2]}],[1,"swirl-icon-more-vertikal",{"color":[1],"size":[2]}]]],["p-6dc2aae2",[[1,"swirl-box",{"borderColor":[1,"border-color"],"bordered":[4],"borderedBlockEnd":[4,"bordered-block-end"],"borderedBlockEndWhenScrolled":[4,"bordered-block-end-when-scrolled"],"borderedBlockStart":[4,"bordered-block-start"],"borderedBlockStartWhenScrolled":[4,"bordered-block-start-when-scrolled"],"borderedInlineEnd":[4,"bordered-inline-end"],"borderedInlineStart":[4,"bordered-inline-start"],"bottom":[1],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"height":[1],"left":[1],"maxHeight":[1,"max-height"],"minHeight":[1,"min-height"],"maxWidth":[1,"max-width"],"minWidth":[1,"min-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"],"position":[1],"right":[1],"basis":[1],"shrink":[1],"grow":[1],"top":[1],"width":[1],"zIndex":[1,"z-index"],"scrollState":[32]}]]],["p-150528d2",[[1,"swirl-icon",{"color":[1],"glyph":[1],"size":[2]}]]],["p-e99a726f",[[1,"swirl-icon-file",{"color":[1],"size":[2]}]]],["p-bd22e38d",[[1,"swirl-separator",{"borderColor":[1,"border-color"],"color":[1025],"label":[1],"orientation":[1],"spacing":[1]}]]],["p-75b1cd84",[[6,"swirl-resource-list-item",{"active":[4],"allowDrag":[4,"allow-drag"],"allowHtml":[4,"allow-html"],"checked":[1028],"compact":[4],"description":[1],"descriptionWrap":[4,"description-wrap"],"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"],"labelWrap":[4,"label-wrap"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"swirlAriaLabel":[1,"swirl-aria-label"],"value":[1],"hasMedia":[32],"iconSize":[32]}],[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"],"controllingElement":[16],"label":[1],"spacing":[1],"assistiveText":[32],"listId":[32]},null,{"allowDrag":["watchAllowDrag"]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"collapsibleNavigation":[4,"collapsible-navigation"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"hasNavigation":[1028,"has-navigation"],"hideAppBar":[4,"hide-app-bar"],"initialMobileView":[1,"initial-mobile-view"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationExpansionStateStorageKey":[1,"navigation-expansion-state-storage-key"],"navigationToggleLabel":[1,"navigation-toggle-label"],"navigationOverlayLabel":[1,"navigation-overlay-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"],"contentScrollState":[32],"hasCustomAppBarBackButton":[32],"hasSidebar":[32],"isDesktop":[32],"mobileView":[32],"navScrollState":[32],"navExpansionState":[32],"sidebarActive":[32],"sidebarClosing":[32],"sidebarOpening":[32],"sidebarScrollState":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"getCollapsibleNavigationState":[64],"setCollapsibleNavigationState":[64],"changeMobileView":[64]},[[4,"click","onDocumentClick"],[0,"keydown","onKeyDown"]],{"mobileView":["watchMobileView"]}],[1,"swirl-icon-folder-shared",{"color":[1],"size":[2]}]]],["p-c6ee6689",[[1,"swirl-tag",{"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"removable":[4],"bordered":[4],"size":[1],"removalButtonLabel":[1,"removal-button-label"],"variant":[1025]}],[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]},null,{"allowDrag":["watchAllowDrag"],"disabled":["watchDisabled"],"multiSelect":["watchMultiSelect"],"value":["watchValue"]}]]],["p-830e6ae6",[[1,"swirl-icon-arrow-back",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-forward",{"color":[1],"size":[2]}],[1,"swirl-icon-dock-left-collapse",{"color":[1],"size":[2]}],[1,"swirl-icon-dock-left-expand",{"color":[1],"size":[2]}],[1,"swirl-icon-double-arrow-left",{"color":[1],"size":[2]}]]],["p-1e5ba1d3",[[1,"swirl-action-list",{"isInsidePopover":[32]}],[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-ec7e91f4",[[1,"swirl-icon-add",{"color":[1],"size":[2]}],[1,"swirl-icon-file-copy",{"color":[1],"size":[2]}],[1,"swirl-icon-fullscreen",{"color":[1],"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"color":[1],"size":[2]}],[1,"swirl-icon-menu-book",{"color":[1],"size":[2]}],[1,"swirl-icon-remove",{"color":[1],"size":[2]}]]],["p-6dac7515",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]}]]],["p-499f36ef",[[1,"swirl-icon-check-strong",{"color":[1],"size":[2]}]]],["p-b77f5967",[[1,"swirl-icon-expand-more",{"color":[1],"size":[2]}]]],["p-10dd7491",[[1,"swirl-tooltip",{"active":[4],"content":[1],"delay":[2],"position":[1],"positioning":[1],"actualPosition":[32],"arrowStyles":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]],{"position":["watchPosition"]}]]],["p-7ae1a965",[[1,"swirl-icon-close",{"color":[1],"size":[2]}]]],["p-63e86132",[[1,"swirl-icon-visibility",{"color":[1],"size":[2]}],[1,"swirl-icon-visibility-off",{"color":[1],"size":[2]}],[1,"swirl-icon-cancel",{"color":[1],"size":[2]}],[1,"swirl-icon-expand-less",{"color":[1],"size":[2]}]]],["p-9d1109af",[[6,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"description":[1],"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",{"color":[1],"size":[2]}],[1,"swirl-icon-drag-handle",{"color":[1],"size":[2]}]]],["p-443900f0",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"responsive":[4],"size":[1],"truncate":[4],"truncateDirection":[1,"truncate-direction"],"weight":[1],"whiteSpace":[1,"white-space"]},[[9,"resize","onWindowResize"]]]]],["p-3fa7c760",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"fullscreenBottomSheet":[4,"fullscreen-bottom-sheet"],"label":[1],"maxHeight":[1,"max-height"],"offset":[2],"popoverId":[1,"popover-id"],"placement":[1],"returnFocusToTrigger":[4,"return-focus-to-trigger"],"transparent":[4],"trigger":[1],"triggerContainer":[16],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64],"isOpen":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]],[6,"swirl-popover-trigger",{"hidePopoverWhenInvisible":[4,"hide-popover-when-invisible"],"parentScrollContainer":[16],"setAriaAttributes":[4,"set-aria-attributes"],"swirlPopover":[1,"swirl-popover"],"triggerOnClick":[4,"trigger-on-click"],"triggerOnHover":[4,"trigger-on-hover"],"hoverLingerDuration":[2,"hover-linger-duration"],"hoverDelay":[2,"hover-delay"]},null,{"swirlPopover":["watchPopover"],"triggerOnHover":["watchHover"]}]]],["p-434180f6",[[6,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaCurrent":[1,"swirl-aria-current"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"pressed":[4],"size":[1],"target":[1],"textAlign":[1,"text-align"],"type":[1],"value":[1],"variant":[1],"inheritFontSize":[4,"inherit-font-size"]}]]],["p-d6d732a3",[[1,"swirl-stack",{"align":[1],"as":[1],"height":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-2453b8c8",[[6,"swirl-visually-hidden"]]],["p-43c0433e",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"color":[1],"size":[2]}]]],["p-d0bd2918",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"disableDownload":[4,"disable-download"],"errorMessage":[1,"error-message"],"file":[1],"fileName":[1,"file-name"],"pdfWorkerSrc":[1,"pdf-worker-src"],"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]},null,{"file":["updateTable"]}],[1,"swirl-file-viewer-fallback",{"disableDownload":[4,"disable-download"],"downloadButtonLabel":[1,"download-button-label"],"fileName":[1,"file-name"],"file":[1]}],[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]},null,{"file":["watchFile"]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"workerSrc":[1,"worker-src"],"zoom":[8],"currentPage":[32],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]],{"file":["watchProps"],"viewMode":["watchViewMode"],"zoom":["watchZoom"]}],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]},null,{"file":["updateText"]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"disableDownload":[4,"disable-download"],"file":[1],"type":[1]},null,{"disableDownload":["watchDisableDownload"]}]]]]'),e))));
|
|
1
|
+
import{p as e,b as i}from"./p-30e99c25.js";export{s as setNonce}from"./p-30e99c25.js";import{g as l}from"./p-e1255160.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((async e=>(await l(),i(JSON.parse('[["p-3ec4a865",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-5f8b3445",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonEnabled":[4,"download-button-enabled"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileName":[1,"file-name"],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"pdfWorkerSrc":[1,"pdf-worker-src"],"printButtonEnabled":[4,"print-button-enabled"],"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],"loadingThumbnails":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]],{"showThumbnails":["watchShowThumbnails"]}]]],["p-6fc1980c",[[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"]],{"multiSelect":["watchMultiSelect"]}]]],["p-ab820d5d",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonEnabled":[4,"download-button-enabled"],"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],"isOpen":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]},null,{"activeSlideIndex":["watchActiveSlideIndex"]}]]],["p-bf55853a",[[6,"swirl-shell-layout",{"brandedHeader":[4,"branded-header"],"browserBackButtonLabel":[1,"browser-back-button-label"],"browserForwardButtonLabel":[1,"browser-forward-button-label"],"collapseNavigationButtonLabel":[1,"collapse-navigation-button-label"],"enableSecondaryNavGridLayout":[4,"enable-secondary-nav-grid-layout"],"expandNavigationButtonLabel":[1,"expand-navigation-button-label"],"gridNavLayoutToggleLabel":[1,"grid-nav-layout-toggle-label"],"hideMobileNavigationButtonLabel":[1,"hide-mobile-navigation-button-label"],"listNavLayoutToggleLabel":[1,"list-nav-layout-toggle-label"],"navigationLabel":[1,"navigation-label"],"secondaryNavCollapseLabel":[1,"secondary-nav-collapse-label"],"secondaryNavExpandLabel":[1,"secondary-nav-expand-label"],"sidebarActive":[1028,"sidebar-active"],"sidebarToggleBadge":[8,"sidebar-toggle-badge"],"sidebarToggleBadgeAriaLabel":[1,"sidebar-toggle-badge-aria-label"],"sidebarToggleIcon":[1,"sidebar-toggle-icon"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"skipLinkLabel":[1,"skip-link-label"],"isDesktopViewport":[32],"mobileNavigationActive":[32],"navigationCollapsed":[32],"secondaryNavCollapsed":[32],"secondaryNavView":[32],"sidebarScrollState":[32],"showMobileNavigation":[64],"hideMobileNavigation":[64]},[[8,"keydown","onWindowKeyDown"],[9,"resize","onWindowResize"]],{"enableSecondaryNavGridLayout":["watchEnableSecondaryNavGridLayout"],"mobileNavigationActive":["watchMobileNavigationState"],"navigationCollapsed":["watchNavigationCollapsed"],"sidebarActive":["watchSidebarActive"]}]]],["p-a1001a7f",[[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"],"standalone":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"withSearch":[4,"with-search"],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-ee13f864",[[1,"swirl-image-grid-item",{"alt":[1],"gifPauseLabel":[1,"gif-pause-label"],"gifPlayLabel":[1,"gif-play-label"],"icon":[1],"interactive":[4],"loading":[1],"overlay":[1],"showGifControls":[4,"show-gif-controls"],"src":[1],"error":[32],"loaded":[32],"inViewport":[32],"gifPaused":[32],"computedSrc":[32],"play":[64],"pause":[64]},null,{"src":["watchSrcProp"]}]]],["p-3b3acb44",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerDisableDate":[16],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"preferredInputMode":[1,"preferred-input-mode"],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32],"readonly":[32]},null,{"format":["watchFormat"],"value":["watchValue"]}]]],["p-1abad82f",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-275a25d6",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"intent":[1],"label":[1],"suffix":[1],"value":[1],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"getParentMenu":[64]},null,{"expanded":["watchExpanded"]}]]],["p-bec9e66e",[[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-3c47dc0f",[[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-173fc9a8",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"fontSize":[1,"font-size"],"hideLabel":[4,"hide-label"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"tooltip":[1],"secondaryLabel":[1,"secondary-label"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]],{"description":["associateDescriptionWithInputElement"],"disabled":["setInputElementDisabledState"],"inline":["setInputElementInlineState"],"invalid":["setInputElementInvalidState"],"label":["setInputElementLabel"]}]]],["p-345f7072",[[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"],"minHeight":[1,"min-height"],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"contentGap":[1,"content-gap"],"hideSecondaryContent":[4,"hide-secondary-content"],"primaryContentMaxWidth":[1,"primary-content-max-width"],"secondaryContentMaxWidth":[1,"secondary-content-max-width"],"primaryContentFlex":[1,"primary-content-flex"],"secondaryContentFlex":[1,"secondary-content-flex"],"hideSecondaryContentBorders":[4,"hide-secondary-content-borders"],"secondaryContentPadding":[1,"secondary-content-padding"],"secondaryContentPaddingBlockEnd":[1,"secondary-content-padding-block-end"],"secondaryContentPaddingBlockStart":[1,"secondary-content-padding-block-start"],"secondaryContentPaddingInlineEnd":[1,"secondary-content-padding-inline-end"],"secondaryContentPaddingInlineStart":[1,"secondary-content-padding-inline-start"],"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-0cddc925",[[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]},null,{"value":["watchValue"]}]]],["p-cb515347",[[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-3e76f3e3",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"tooltip":[1],"value":[1],"variant":[1]}]]],["p-025e1113",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"boxed":[4],"hideLabel":[4,"hide-label"],"href":[1],"inlineLabel":[4,"inline-label"],"inlineLabelColor":[1,"inline-label-color"],"label":[1],"target":[1],"tiled":[4],"withGradient":[4,"with-gradient"]}]]],["p-b07fbca3",[[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-bde739ea",[[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-30865426",[[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-6e23fee0",[[1,"swirl-description-list-item",{"bordered":[4],"maxWidth":[1,"max-width"],"term":[1],"tooltip":[1]}]]],["p-116caf34",[[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-8398fb63",[[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]},null,{"active":["watchActive"]}]]],["p-482429d8",[[1,"swirl-resource-list-section",{"label":[1],"separatorSpacing":[1,"separator-spacing"],"spacing":[1],"hasSeparator":[4,"has-separator"]}]]],["p-41d68a99",[[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-1c5d9973",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonIcon":[1,"close-button-icon"],"closeButtonLabel":[1,"close-button-label"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"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-244a036f",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"loading":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"toolPosition":[1,"tool-position"],"variant":[1],"loadingError":[32],"loaded":[32],"imageAvailable":[32],"inViewport":[32]},null,{"src":["watchSrcProp"]}]]],["p-5bf82f59",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"icon":[1],"size":[1]}]]],["p-81d45e69",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"fade":[4],"loopAround":[4,"loop-around"],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"spacing":[1],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-7c4ec83d",[[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-6cfc3d98",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"hideLabel":[4,"hide-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"labelPosition":[1,"label-position"],"value":[1],"swirlAriaLabel":[1,"swirl-aria-label"],"toggle":[64]}]]],["p-99a825e3",[[1,"swirl-accordion",{"collapseItem":[64],"expandItem":[64]}]]],["p-25533f86",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-810b2599",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"imageAvailable":[32]}]]],["p-b1655e2c",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-3f5de0e7",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"customBackgroundColor":[1,"custom-background-color"],"elevated":[4],"elevationLevel":[2,"elevation-level"],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"intent":[1],"isBorderless":[4,"is-borderless"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"swirlAriaLabel":[1,"swirl-aria-label"],"swirlAriaLabelledby":[1,"swirl-aria-labelledby"],"flashing":[32],"flash":[64]}]]],["p-602e3c2a",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-fc16019b",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-5cfebbb6",[[1,"swirl-description-list"]]],["p-4808ec02",[[1,"swirl-emoji",{"label":[1],"name":[1],"size":[2]}]]],["p-fff97e66",[[1,"swirl-emoji-clap",{"label":[1],"size":[2]}]]],["p-631d43f4",[[1,"swirl-emoji-happy",{"label":[1],"size":[2]}]]],["p-be4207b9",[[1,"swirl-emoji-idea",{"label":[1],"size":[2]}]]],["p-739e1561",[[1,"swirl-emoji-love",{"label":[1],"size":[2]}]]],["p-de748c8e",[[1,"swirl-emoji-sad",{"label":[1],"size":[2]}]]],["p-fa828e9e",[[1,"swirl-emoji-thumbs-up",{"label":[1],"size":[2]}]]],["p-8351880b",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-04b7eba3",[[1,"swirl-icon-add-moderator",{"color":[1],"size":[2]}]]],["p-3609bb50",[[1,"swirl-icon-add-photo",{"color":[1],"size":[2]}]]],["p-6cbcb2b9",[[1,"swirl-icon-add-reaction",{"color":[1],"size":[2]}]]],["p-ace1a426",[[1,"swirl-icon-admin-panel-settings",{"color":[1],"size":[2]}]]],["p-e8218fe6",[[1,"swirl-icon-ai",{"color":[1],"size":[2]}]]],["p-cb337cf3",[[1,"swirl-icon-ai-filled",{"color":[1],"size":[2]}]]],["p-11d4fde5",[[1,"swirl-icon-apps",{"color":[1],"size":[2]}]]],["p-2ed4a9d0",[[1,"swirl-icon-arrow-right-small",{"color":[1],"size":[2]}]]],["p-456ac8c8",[[1,"swirl-icon-aspect-ratio",{"color":[1],"size":[2]}]]],["p-e8f79ed3",[[1,"swirl-icon-attachment",{"color":[1],"size":[2]}]]],["p-4cf94022",[[1,"swirl-icon-bar-chart",{"color":[1],"size":[2]}]]],["p-42d6227d",[[1,"swirl-icon-block",{"color":[1],"size":[2]}]]],["p-17a28b51",[[1,"swirl-icon-bookmark",{"color":[1],"size":[2]}]]],["p-84901077",[[1,"swirl-icon-bookmark-filled",{"color":[1],"size":[2]}]]],["p-b46fc0f5",[[1,"swirl-icon-chat-bubble",{"color":[1],"size":[2]}]]],["p-516d180d",[[1,"swirl-icon-chats",{"color":[1],"size":[2]}]]],["p-d9ed18a0",[[1,"swirl-icon-chats-filled",{"color":[1],"size":[2]}]]],["p-eb1d2ac8",[[1,"swirl-icon-check",{"color":[1],"size":[2]}]]],["p-844126fc",[[1,"swirl-icon-chevron-left",{"color":[1],"size":[2]}]]],["p-e3a42871",[[1,"swirl-icon-close-small",{"color":[1],"size":[2]}]]],["p-4811f8c9",[[1,"swirl-icon-column",{"color":[1],"size":[2]}]]],["p-fe7ae4d2",[[1,"swirl-icon-comment",{"color":[1],"size":[2]}]]],["p-58f2cf0a",[[1,"swirl-icon-copy",{"color":[1],"size":[2]}]]],["p-70a2fd5e",[[1,"swirl-icon-crop",{"color":[1],"size":[2]}]]],["p-5a6a710f",[[1,"swirl-icon-dark-mode",{"color":[1],"size":[2]}]]],["p-dff1ad0f",[[1,"swirl-icon-date-range",{"color":[1],"size":[2]}]]],["p-b66e0cdf",[[1,"swirl-icon-delete",{"color":[1],"size":[2]}]]],["p-ef9c5d73",[[1,"swirl-icon-deployed-code",{"color":[1],"size":[2]}]]],["p-26ea4d50",[[1,"swirl-icon-description",{"color":[1],"size":[2]}]]],["p-11ade7ec",[[1,"swirl-icon-desktop",{"color":[1],"size":[2]}]]],["p-115fa2af",[[1,"swirl-icon-directory",{"color":[1],"size":[2]}]]],["p-1ca44049",[[1,"swirl-icon-directory-filled",{"color":[1],"size":[2]}]]],["p-1335fcd4",[[1,"swirl-icon-discover",{"color":[1],"size":[2]}]]],["p-6e671371",[[1,"swirl-icon-dock-left",{"color":[1],"size":[2]}]]],["p-6350f141",[[1,"swirl-icon-dot",{"color":[1],"size":[2]}]]],["p-90f07d26",[[1,"swirl-icon-double-arrow-right",{"color":[1],"size":[2]}]]],["p-2056d8b1",[[1,"swirl-icon-download",{"color":[1],"size":[2]}]]],["p-6f1d9283",[[1,"swirl-icon-edit",{"color":[1],"size":[2]}]]],["p-cbd0e7e4",[[1,"swirl-icon-emoji-mood",{"color":[1],"size":[2]}]]],["p-7b5fe75c",[[1,"swirl-icon-emoji-satisfied",{"color":[1],"size":[2]}]]],["p-6840293d",[[1,"swirl-icon-experiment",{"color":[1],"size":[2]}]]],["p-f45f6167",[[1,"swirl-icon-filter",{"color":[1],"size":[2]}]]],["p-5bc29447",[[1,"swirl-icon-folder",{"color":[1],"size":[2]}]]],["p-c8beed41",[[1,"swirl-icon-format-h-one",{"color":[1],"size":[2]}]]],["p-ac4b4e0e",[[1,"swirl-icon-group-add",{"color":[1],"size":[2]}]]],["p-8ab08620",[[1,"swirl-icon-group-assign",{"color":[1],"size":[2]}]]],["p-43e7260c",[[1,"swirl-icon-groups",{"color":[1],"size":[2]}]]],["p-c3de80a7",[[1,"swirl-icon-groups-filled",{"color":[1],"size":[2]}]]],["p-6c1e5302",[[1,"swirl-icon-hamburger-menu",{"color":[1],"size":[2]}]]],["p-54fbd2ae",[[1,"swirl-icon-highlight",{"color":[1],"size":[2]}]]],["p-f2a9e23c",[[1,"swirl-icon-history",{"color":[1],"size":[2]}]]],["p-feba1561",[[1,"swirl-icon-home",{"color":[1],"size":[2]}]]],["p-23d838e4",[[1,"swirl-icon-image",{"color":[1],"size":[2]}]]],["p-1d26d7d0",[[1,"swirl-icon-improve-text",{"color":[1],"size":[2]}]]],["p-ec92a4db",[[1,"swirl-icon-insert-below",{"color":[1],"size":[2]}]]],["p-fd500b2e",[[1,"swirl-icon-insert-on-top",{"color":[1],"size":[2]}]]],["p-4d82b433",[[1,"swirl-icon-inventory",{"color":[1],"size":[2]}]]],["p-9c388672",[[1,"swirl-icon-inventory-off",{"color":[1],"size":[2]}]]],["p-ea0f02cd",[[1,"swirl-icon-key",{"color":[1],"size":[2]}]]],["p-0ff53048",[[1,"swirl-icon-keyboard",{"color":[1],"size":[2]}]]],["p-590505be",[[1,"swirl-icon-keyboard-hide",{"color":[1],"size":[2]}]]],["p-da1c1512",[[1,"swirl-icon-light-mode",{"color":[1],"size":[2]}]]],["p-e03d5e95",[[1,"swirl-icon-like",{"color":[1],"size":[2]}]]],["p-82e95c68",[[1,"swirl-icon-link",{"color":[1],"size":[2]}]]],["p-5474044b",[[1,"swirl-icon-live",{"color":[1],"size":[2]}]]],["p-418c90cf",[[1,"swirl-icon-load",{"color":[1],"size":[2]}]]],["p-5d859e14",[[1,"swirl-icon-lock",{"color":[1],"size":[2]}]]],["p-a9c54ada",[[1,"swirl-icon-lock-open",{"color":[1],"size":[2]}]]],["p-325f6cee",[[1,"swirl-icon-lock-person",{"color":[1],"size":[2]}]]],["p-788c2f30",[[1,"swirl-icon-login",{"color":[1],"size":[2]}]]],["p-a6f3b759",[[1,"swirl-icon-logout",{"color":[1],"size":[2]}]]],["p-e96092d0",[[1,"swirl-icon-long-text",{"color":[1],"size":[2]}]]],["p-f6df5152",[[1,"swirl-icon-mail",{"color":[1],"size":[2]}]]],["p-649e2e1a",[[1,"swirl-icon-manage-accounts",{"color":[1],"size":[2]}]]],["p-de66111c",[[1,"swirl-icon-mark-chat-read",{"color":[1],"size":[2]}]]],["p-a8b69cca",[[1,"swirl-icon-mark-chat-unread",{"color":[1],"size":[2]}]]],["p-6e774957",[[1,"swirl-icon-mention",{"color":[1],"size":[2]}]]],["p-3620e54b",[[1,"swirl-icon-menu",{"color":[1],"size":[2]}]]],["p-21d93821",[[1,"swirl-icon-menu-book-filled",{"color":[1],"size":[2]}]]],["p-4eda890c",[[1,"swirl-icon-menu-filled",{"color":[1],"size":[2]}]]],["p-261fd551",[[1,"swirl-icon-message",{"color":[1],"size":[2]}]]],["p-98d0c748",[[1,"swirl-icon-mic",{"color":[1],"size":[2]}]]],["p-1f560de9",[[1,"swirl-icon-mic-off",{"color":[1],"size":[2]}]]],["p-0aba818e",[[1,"swirl-icon-more-horizontal",{"color":[1],"size":[2]}]]],["p-a79711e0",[[1,"swirl-icon-news",{"color":[1],"size":[2]}]]],["p-54e68bfa",[[1,"swirl-icon-news-filled",{"color":[1],"size":[2]}]]],["p-6a679eed",[[1,"swirl-icon-news-off",{"color":[1],"size":[2]}]]],["p-5488c170",[[1,"swirl-icon-notifications",{"color":[1],"size":[2]}]]],["p-424dd8a4",[[1,"swirl-icon-notifications-active",{"color":[1],"size":[2]}]]],["p-e32ad4d6",[[1,"swirl-icon-notifications-off",{"color":[1],"size":[2]}]]],["p-07e5aef2",[[1,"swirl-icon-open-in-full",{"color":[1],"size":[2]}]]],["p-c425d06f",[[1,"swirl-icon-pause-circle",{"color":[1],"size":[2]}]]],["p-09a15729",[[1,"swirl-icon-people-alt",{"color":[1],"size":[2]}]]],["p-976dc0b1",[[1,"swirl-icon-person-off",{"color":[1],"size":[2]}]]],["p-160d9f72",[[1,"swirl-icon-phone",{"color":[1],"size":[2]}]]],["p-90117b85",[[1,"swirl-icon-photo-camera",{"color":[1],"size":[2]}]]],["p-36532684",[[1,"swirl-icon-pin",{"color":[1],"size":[2]}]]],["p-ba64a021",[[1,"swirl-icon-pin-off",{"color":[1],"size":[2]}]]],["p-4609c77e",[[1,"swirl-icon-place",{"color":[1],"size":[2]}]]],["p-670d8d3d",[[1,"swirl-icon-poll",{"color":[1],"size":[2]}]]],["p-bbac018d",[[1,"swirl-icon-post-approval",{"color":[1],"size":[2]}]]],["p-c9e69989",[[1,"swirl-icon-present",{"color":[1],"size":[2]}]]],["p-10888b78",[[1,"swirl-icon-print",{"color":[1],"size":[2]}]]],["p-4af4e3f4",[[1,"swirl-icon-public",{"color":[1],"size":[2]}]]],["p-ef2aeb4a",[[1,"swirl-icon-public-off",{"color":[1],"size":[2]}]]],["p-827186a4",[[1,"swirl-icon-ratio-four-to-three",{"color":[1],"size":[2]}]]],["p-596748f3",[[1,"swirl-icon-ratio-freeform",{"color":[1],"size":[2]}]]],["p-ca211e39",[[1,"swirl-icon-ratio-sixteen-to-nine",{"color":[1],"size":[2]}]]],["p-47c36290",[[1,"swirl-icon-ratio-square",{"color":[1],"size":[2]}]]],["p-6f981956",[[1,"swirl-icon-ratio-three-to-four",{"color":[1],"size":[2]}]]],["p-f0e5390c",[[1,"swirl-icon-ratio-three-to-two",{"color":[1],"size":[2]}]]],["p-87c8e225",[[1,"swirl-icon-recieved",{"color":[1],"size":[2]}]]],["p-0f4cd64e",[[1,"swirl-icon-remove-circle",{"color":[1],"size":[2]}]]],["p-272a5316",[[1,"swirl-icon-remove-moderator",{"color":[1],"size":[2]}]]],["p-2dfdea02",[[1,"swirl-icon-reply",{"color":[1],"size":[2]}]]],["p-bd91f8b2",[[1,"swirl-icon-report",{"color":[1],"size":[2]}]]],["p-c0def8c4",[[1,"swirl-icon-roadmap",{"color":[1],"size":[2]}]]],["p-d30c982f",[[1,"swirl-icon-rotate-left",{"color":[1],"size":[2]}]]],["p-8342f8eb",[[1,"swirl-icon-rotate-right",{"color":[1],"size":[2]}]]],["p-8c7061e9",[[1,"swirl-icon-screenshare",{"color":[1],"size":[2]}]]],["p-ede869ec",[[1,"swirl-icon-screenshare-off",{"color":[1],"size":[2]}]]],["p-fd8eef81",[[1,"swirl-icon-search-strong",{"color":[1],"size":[2]}]]],["p-15e7cf22",[[1,"swirl-icon-secure",{"color":[1],"size":[2]}]]],["p-f5c74229",[[1,"swirl-icon-send",{"color":[1],"size":[2]}]]],["p-5e5096f9",[[1,"swirl-icon-settings",{"color":[1],"size":[2]}]]],["p-5fb3888e",[[1,"swirl-icon-short-text",{"color":[1],"size":[2]}]]],["p-acafcde0",[[1,"swirl-icon-simplify",{"color":[1],"size":[2]}]]],["p-8c2eabf4",[[1,"swirl-icon-spellcheck",{"color":[1],"size":[2]}]]],["p-5358ac01",[[1,"swirl-icon-stars",{"color":[1],"size":[2]}]]],["p-53ec5c0b",[[1,"swirl-icon-stop",{"color":[1],"size":[2]}]]],["p-81915d90",[[1,"swirl-icon-sync",{"color":[1],"size":[2]}]]],["p-1ef140dd",[[1,"swirl-icon-tasks",{"color":[1],"size":[2]}]]],["p-458bb0cb",[[1,"swirl-icon-tasks-filled",{"color":[1],"size":[2]}]]],["p-12b1e1a0",[[1,"swirl-icon-terminal",{"color":[1],"size":[2]}]]],["p-adc855fe",[[1,"swirl-icon-time",{"color":[1],"size":[2]}]]],["p-10a75be8",[[1,"swirl-icon-time-filled",{"color":[1],"size":[2]}]]],["p-1df81718",[[1,"swirl-icon-today-filled",{"color":[1],"size":[2]}]]],["p-12727ea4",[[1,"swirl-icon-translate",{"color":[1],"size":[2]}]]],["p-71cc599a",[[1,"swirl-icon-tree-structure",{"color":[1],"size":[2]}]]],["p-4079b87e",[[1,"swirl-icon-undo",{"color":[1],"size":[2]}]]],["p-e7dccaa4",[[1,"swirl-icon-unlock-person",{"color":[1],"size":[2]}]]],["p-f9e293da",[[1,"swirl-icon-user-add",{"color":[1],"size":[2]}]]],["p-5a9e0ce3",[[1,"swirl-icon-user-assign",{"color":[1],"size":[2]}]]],["p-80342a2a",[[1,"swirl-icon-video-camera",{"color":[1],"size":[2]}]]],["p-cf250b13",[[1,"swirl-icon-video-camera-off",{"color":[1],"size":[2]}]]],["p-19cd5bb1",[[1,"swirl-icon-video-library",{"color":[1],"size":[2]}]]],["p-44da8cb8",[[1,"swirl-icon-video-player",{"color":[1],"size":[2]}]]],["p-59054abb",[[1,"swirl-icon-voice",{"color":[1],"size":[2]}]]],["p-18f14b5a",[[1,"swirl-icon-web-asset",{"color":[1],"size":[2]}]]],["p-db0ffc27",[[1,"swirl-icon-web-asset-off",{"color":[1],"size":[2]}]]],["p-f5b2b3a3",[[1,"swirl-icon-work",{"color":[1],"size":[2]}]]],["p-5e4cea5e",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"label":[1],"items":[32]}]]],["p-d6f7e4c2",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-5624a930",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-cfb6a3c1",[[4,"swirl-list"]]],["p-527fe807",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-58f937d6",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-d94e7793",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-e42695b9",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-833e7dfb",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-da3bb08b",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-c6526613",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-71db6874",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-83029435",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-ad56df9d",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-fbf2d635",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-2e1bb0be",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-44762b7b",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-072ecbc6",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-b785eccc",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-d889b08d",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-71cf874a",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-91a3ff3f",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-bf2766d2",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-c7f3aadb",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-7d35af8e",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-925a4a2d",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-e788b107",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-d88554d0",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-0a111650",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-6967879c",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-42449096",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-2021fe36",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-fbddbf9a",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-675e6dd1",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-9ca52ddd",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-597ff25b",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-4159f8b6",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-009701b9",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-561a367b",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-f8175819",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-ad4f44ef",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-8d78ae5f",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-adcfc180",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-a9ffddee",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-0f40b40d",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-8bd9b337",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-99964c02",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-a255ae29",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-076d492a",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-3ac56451",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-ed61ed38",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-1e8834c5",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-1d3c63d1",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-dcecc9d6",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-636565db",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-27e25af1",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-1c0762b0",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-fcdefe04",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-fb37862c",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-1307bd46",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-063a98b0",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-e6d447cf",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-b95d129a",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-f2ac66f6",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-9c7d8384",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-0837b21b",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-6326e55a",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-544c9e31",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-fe1c2ed7",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-d390c50d",[[1,"swirl-tab",{"active":[4],"icon":[1],"label":[1],"padding":[1],"tabId":[1,"tab-id"]}]]],["p-34c0f39b",[[1,"swirl-icon-info",{"color":[1],"size":[2]}]]],["p-51855674",[[1,"swirl-table-row-group",{"label":[1],"tooltip":[1],"collapsible":[4],"collapseButtonLabel":[1,"collapse-button-label"],"isVisible":[32]}]]],["p-2e9aa004",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-8cb56849",[[1,"swirl-tree-navigation-item",{"active":[4],"href":[1],"icon":[1],"label":[1],"target":[1],"navigationItemId":[1,"navigation-item-id"],"level":[2],"expandable":[4],"external":[4],"expanded":[32],"hasChildren":[32],"childrenHeight":[32],"expand":[64],"collapse":[64]},null,{"expanded":["handleExpandedChange"]}]]],["p-57a519a7",[[6,"swirl-tree-view-item",{"active":[4],"expandable":[4],"href":[1],"icon":[1],"iconColor":[1,"icon-color"],"itemId":[1,"item-id"],"label":[1],"expanded":[32],"level":[32],"selected":[32],"expand":[64],"collapse":[64],"select":[64],"unselect":[64]}]]],["p-cb3d5b59",[[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-dd1497c4",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-1687bb89",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"justifyTabBar":[1,"justify-tab-bar"],"tabBarPaddingInlineEnd":[1,"tab-bar-padding-inline-end"],"tabBarPaddingInlineStart":[1,"tab-bar-padding-inline-start"],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-cb596870",[[1,"swirl-toggle-group",{"selectedToggleId":[1025,"selected-toggle-id"]},[[0,"click","onClick"]],{"selectedToggleId":["watchSelectedToggleId"]}]]],["p-2f9a41fd",[[1,"swirl-toolbar",{"label":[1],"orientation":[1]}]]],["p-4eee3548",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-7804d4f8",[[1,"swirl-table-cell"]]],["p-fa71dad2",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-9171c5ad",[[6,"swirl-theme-provider",{"config":[16],"getActiveOSTheme":[64],"getPreferredOSTheme":[64],"setPreferredOSTheme":[64],"resetPreferredOSTheme":[64]},null,{"config":["watchConfig"]}]]],["p-1ad3ac2b",[[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]},null,{"format":["watchFormat"]}]]],["p-a93acfd9",[[1,"swirl-toggle-button",{"identifier":[1],"label":[1],"isPressed":[1028,"is-pressed"]}]]],["p-8fc4e11a",[[1,"swirl-tree-navigation",{"label":[1]}]]],["p-183be66d",[[1,"swirl-tree-view",{"initiallyExpandedItemIds":[16],"label":[1],"expandItems":[64]},[[0,"keydown","onKeyDown"],[0,"itemSelected","onItemSelected"],[0,"expandedChange","onExpandedChange"]]]]],["p-b0fdbdf4",[[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"],"fontSize":[1,"font-size"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"passwordToggleLabel":[1,"password-toggle-label"],"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],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32],"blurInput":[64],"focusInput":[64]},null,{"value":["watchValue"]}]]],["p-483c99f6",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]},null,{"duration":["watchDuration"]}]]],["p-f6d104bf",[[1,"swirl-icon-cloud-upload",{"color":[1],"size":[2]}]]],["p-e7813a69",[[1,"swirl-icon-open-in-new",{"color":[1],"size":[2]}]]],["p-8817ca17",[[1,"swirl-icon-person",{"color":[1],"size":[2]}]]],["p-6f7dcb2d",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"justify":[1],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"tabs":[16]}]]],["p-39caabdd",[[1,"swirl-date-picker",{"disableDate":[16],"firstDayOfWeek":[1026,"first-day-of-week"],"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"color":[1],"size":[2]}]]],["p-0c710743",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-b00d0710",[[1,"swirl-icon-arrow-downward",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-upward",{"color":[1],"size":[2]}]]],["p-2a7bf6c7",[[1,"swirl-icon-check-circle",{"color":[1],"size":[2]}],[1,"swirl-icon-warning",{"color":[1],"size":[2]}]]],["p-eab641fb",[[1,"swirl-icon-chevron-right",{"color":[1],"size":[2]}]]],["p-dc94ff67",[[1,"swirl-icon-help",{"color":[1],"size":[2]}]]],["p-650c69b4",[[1,"swirl-icon-search",{"color":[1],"size":[2]}]]],["p-ac7cd132",[[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]},null,{"firstDayOfWeek":["watchFirstDayOfWeek"],"locale":["watchLocale"],"range":["watchRange"],"startDate":["watchStartDate"],"value":["watchValue"]}]]],["p-9e423180",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"spacing":[1],"stretch":[4],"wrap":[4]}]]],["p-bf8c2eea",[[1,"swirl-icon-gif",{"color":[1],"size":[2]}],[1,"swirl-icon-pause",{"color":[1],"size":[2]}],[1,"swirl-icon-play-arrow",{"color":[1],"size":[2]}]]],["p-d8541053",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-b71f6178",[[1,"swirl-thumbnail",{"alt":[1],"editButtonIcon":[1,"edit-button-icon"],"editButtonLabel":[1,"edit-button-label"],"format":[1],"interactive":[4],"progress":[2],"progressLabel":[1,"progress-label"],"removeButtonLabel":[1,"remove-button-label"],"showEditButton":[4,"show-edit-button"],"showRemoveButton":[4,"show-remove-button"],"size":[1],"src":[1],"timestamp":[1]}],[1,"swirl-icon-arrow-left",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-right",{"color":[1],"size":[2]}],[1,"swirl-icon-more-vertikal",{"color":[1],"size":[2]}]]],["p-5fc56c10",[[1,"swirl-box",{"borderColor":[1,"border-color"],"bordered":[4],"borderedBlockEnd":[4,"bordered-block-end"],"borderedBlockEndWhenScrolled":[4,"bordered-block-end-when-scrolled"],"borderedBlockStart":[4,"bordered-block-start"],"borderedBlockStartWhenScrolled":[4,"bordered-block-start-when-scrolled"],"borderedInlineEnd":[4,"bordered-inline-end"],"borderedInlineStart":[4,"bordered-inline-start"],"bottom":[1],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"height":[1],"left":[1],"maxHeight":[1,"max-height"],"minHeight":[1,"min-height"],"maxWidth":[1,"max-width"],"minWidth":[1,"min-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"],"position":[1],"right":[1],"basis":[1],"shrink":[1],"grow":[1],"top":[1],"width":[1],"zIndex":[1,"z-index"],"scrollState":[32]}]]],["p-150528d2",[[1,"swirl-icon",{"color":[1],"glyph":[1],"size":[2]}]]],["p-e99a726f",[[1,"swirl-icon-file",{"color":[1],"size":[2]}]]],["p-bd22e38d",[[1,"swirl-separator",{"borderColor":[1,"border-color"],"color":[1025],"label":[1],"orientation":[1],"spacing":[1]}]]],["p-972e00dd",[[6,"swirl-resource-list-item",{"active":[4],"allowDrag":[4,"allow-drag"],"allowHtml":[4,"allow-html"],"checked":[1028],"compact":[4],"description":[1],"descriptionWrap":[4,"description-wrap"],"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"],"labelWrap":[4,"label-wrap"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"swirlAriaLabel":[1,"swirl-aria-label"],"value":[1],"hasMedia":[32],"iconSize":[32]}],[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"],"controllingElement":[16],"label":[1],"spacing":[1],"assistiveText":[32],"listId":[32]},null,{"allowDrag":["watchAllowDrag"]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"collapsibleNavigation":[4,"collapsible-navigation"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"hasNavigation":[1028,"has-navigation"],"hideAppBar":[4,"hide-app-bar"],"initialMobileView":[1,"initial-mobile-view"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationExpansionStateStorageKey":[1,"navigation-expansion-state-storage-key"],"navigationToggleLabel":[1,"navigation-toggle-label"],"navigationOverlayLabel":[1,"navigation-overlay-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"],"contentScrollState":[32],"hasCustomAppBarBackButton":[32],"hasSidebar":[32],"isDesktop":[32],"mobileView":[32],"navScrollState":[32],"navExpansionState":[32],"sidebarActive":[32],"sidebarClosing":[32],"sidebarOpening":[32],"sidebarScrollState":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"getCollapsibleNavigationState":[64],"setCollapsibleNavigationState":[64],"changeMobileView":[64]},[[4,"click","onDocumentClick"],[0,"keydown","onKeyDown"]],{"mobileView":["watchMobileView"]}],[1,"swirl-icon-folder-shared",{"color":[1],"size":[2]}]]],["p-c6ee6689",[[1,"swirl-tag",{"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"removable":[4],"bordered":[4],"size":[1],"removalButtonLabel":[1,"removal-button-label"],"variant":[1025]}],[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]},null,{"allowDrag":["watchAllowDrag"],"disabled":["watchDisabled"],"multiSelect":["watchMultiSelect"],"value":["watchValue"]}]]],["p-830e6ae6",[[1,"swirl-icon-arrow-back",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-forward",{"color":[1],"size":[2]}],[1,"swirl-icon-dock-left-collapse",{"color":[1],"size":[2]}],[1,"swirl-icon-dock-left-expand",{"color":[1],"size":[2]}],[1,"swirl-icon-double-arrow-left",{"color":[1],"size":[2]}]]],["p-1e5ba1d3",[[1,"swirl-action-list",{"isInsidePopover":[32]}],[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-ec7e91f4",[[1,"swirl-icon-add",{"color":[1],"size":[2]}],[1,"swirl-icon-file-copy",{"color":[1],"size":[2]}],[1,"swirl-icon-fullscreen",{"color":[1],"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"color":[1],"size":[2]}],[1,"swirl-icon-menu-book",{"color":[1],"size":[2]}],[1,"swirl-icon-remove",{"color":[1],"size":[2]}]]],["p-6dac7515",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]}]]],["p-499f36ef",[[1,"swirl-icon-check-strong",{"color":[1],"size":[2]}]]],["p-b77f5967",[[1,"swirl-icon-expand-more",{"color":[1],"size":[2]}]]],["p-10dd7491",[[1,"swirl-tooltip",{"active":[4],"content":[1],"delay":[2],"position":[1],"positioning":[1],"actualPosition":[32],"arrowStyles":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]],{"position":["watchPosition"]}]]],["p-7ae1a965",[[1,"swirl-icon-close",{"color":[1],"size":[2]}]]],["p-63e86132",[[1,"swirl-icon-visibility",{"color":[1],"size":[2]}],[1,"swirl-icon-visibility-off",{"color":[1],"size":[2]}],[1,"swirl-icon-cancel",{"color":[1],"size":[2]}],[1,"swirl-icon-expand-less",{"color":[1],"size":[2]}]]],["p-9d1109af",[[6,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"description":[1],"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",{"color":[1],"size":[2]}],[1,"swirl-icon-drag-handle",{"color":[1],"size":[2]}]]],["p-443900f0",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"responsive":[4],"size":[1],"truncate":[4],"truncateDirection":[1,"truncate-direction"],"weight":[1],"whiteSpace":[1,"white-space"]},[[9,"resize","onWindowResize"]]]]],["p-3fa7c760",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"fullscreenBottomSheet":[4,"fullscreen-bottom-sheet"],"label":[1],"maxHeight":[1,"max-height"],"offset":[2],"popoverId":[1,"popover-id"],"placement":[1],"returnFocusToTrigger":[4,"return-focus-to-trigger"],"transparent":[4],"trigger":[1],"triggerContainer":[16],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64],"isOpen":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]],[6,"swirl-popover-trigger",{"hidePopoverWhenInvisible":[4,"hide-popover-when-invisible"],"parentScrollContainer":[16],"setAriaAttributes":[4,"set-aria-attributes"],"swirlPopover":[1,"swirl-popover"],"triggerOnClick":[4,"trigger-on-click"],"triggerOnHover":[4,"trigger-on-hover"],"hoverLingerDuration":[2,"hover-linger-duration"],"hoverDelay":[2,"hover-delay"]},null,{"swirlPopover":["watchPopover"],"triggerOnHover":["watchHover"]}]]],["p-434180f6",[[6,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaCurrent":[1,"swirl-aria-current"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"pressed":[4],"size":[1],"target":[1],"textAlign":[1,"text-align"],"type":[1],"value":[1],"variant":[1],"inheritFontSize":[4,"inherit-font-size"]}]]],["p-d6d732a3",[[1,"swirl-stack",{"align":[1],"as":[1],"height":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-2453b8c8",[[6,"swirl-visually-hidden"]]],["p-43c0433e",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"color":[1],"size":[2]}]]],["p-d0bd2918",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"disableDownload":[4,"disable-download"],"errorMessage":[1,"error-message"],"file":[1],"fileName":[1,"file-name"],"pdfWorkerSrc":[1,"pdf-worker-src"],"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]},null,{"file":["updateTable"]}],[1,"swirl-file-viewer-fallback",{"disableDownload":[4,"disable-download"],"downloadButtonLabel":[1,"download-button-label"],"fileName":[1,"file-name"],"file":[1]}],[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]},null,{"file":["watchFile"]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"workerSrc":[1,"worker-src"],"zoom":[8],"currentPage":[32],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]],{"file":["watchProps"],"viewMode":["watchViewMode"],"zoom":["watchZoom"]}],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]},null,{"file":["updateText"]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"disableDownload":[4,"disable-download"],"file":[1],"type":[1]},null,{"disableDownload":["watchDisableDownload"]}]]]]'),e))));
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EventEmitter } from "../../stencil-public-runtime";
|
|
1
2
|
export type SwirlBoxBorderColor = "default" | "strong";
|
|
2
3
|
export type SwirlBoxOverflow = "visible" | "hidden" | "clip" | "scroll" | "auto";
|
|
3
4
|
export type SwirlBoxPadding = "0" | "2" | "4" | "8" | "12" | "16" | "20" | "24" | "32";
|
|
@@ -39,6 +40,7 @@ export declare class SwirlBox {
|
|
|
39
40
|
top?: string;
|
|
40
41
|
width?: string;
|
|
41
42
|
zIndex?: string;
|
|
43
|
+
componentLoad: EventEmitter<void>;
|
|
42
44
|
scrollState: {
|
|
43
45
|
scrollable: boolean;
|
|
44
46
|
scrolledToBottom: boolean;
|
|
@@ -2441,6 +2441,10 @@ export interface SwirlBannerCustomEvent<T> extends CustomEvent<T> {
|
|
|
2441
2441
|
detail: T;
|
|
2442
2442
|
target: HTMLSwirlBannerElement;
|
|
2443
2443
|
}
|
|
2444
|
+
export interface SwirlBoxCustomEvent<T> extends CustomEvent<T> {
|
|
2445
|
+
detail: T;
|
|
2446
|
+
target: HTMLSwirlBoxElement;
|
|
2447
|
+
}
|
|
2444
2448
|
export interface SwirlCardCustomEvent<T> extends CustomEvent<T> {
|
|
2445
2449
|
detail: T;
|
|
2446
2450
|
target: HTMLSwirlCardElement;
|
|
@@ -2804,7 +2808,18 @@ declare global {
|
|
|
2804
2808
|
prototype: HTMLSwirlBannerElement;
|
|
2805
2809
|
new (): HTMLSwirlBannerElement;
|
|
2806
2810
|
};
|
|
2811
|
+
interface HTMLSwirlBoxElementEventMap {
|
|
2812
|
+
"componentLoad": void;
|
|
2813
|
+
}
|
|
2807
2814
|
interface HTMLSwirlBoxElement extends Components.SwirlBox, HTMLStencilElement {
|
|
2815
|
+
addEventListener<K extends keyof HTMLSwirlBoxElementEventMap>(type: K, listener: (this: HTMLSwirlBoxElement, ev: SwirlBoxCustomEvent<HTMLSwirlBoxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
2816
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
2817
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
2818
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
2819
|
+
removeEventListener<K extends keyof HTMLSwirlBoxElementEventMap>(type: K, listener: (this: HTMLSwirlBoxElement, ev: SwirlBoxCustomEvent<HTMLSwirlBoxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
2820
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
2821
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
2822
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
2808
2823
|
}
|
|
2809
2824
|
var HTMLSwirlBoxElement: {
|
|
2810
2825
|
prototype: HTMLSwirlBoxElement;
|
|
@@ -6019,6 +6034,7 @@ declare namespace LocalJSX {
|
|
|
6019
6034
|
"maxWidth"?: string;
|
|
6020
6035
|
"minHeight"?: string;
|
|
6021
6036
|
"minWidth"?: string;
|
|
6037
|
+
"onComponentLoad"?: (event: SwirlBoxCustomEvent<void>) => void;
|
|
6022
6038
|
"overflow"?: SwirlBoxOverflow;
|
|
6023
6039
|
"padding"?: SwirlBoxPadding;
|
|
6024
6040
|
"paddingBlockEnd"?: SwirlBoxPadding;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t,H as s,g as i}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";const e=class{constructor(t){o(this,t),this.onScroll=()=>{this.updateScrollState()},this.borderColor="default",this.bordered=void 0,this.borderedBlockEnd=void 0,this.borderedBlockEndWhenScrolled=void 0,this.borderedBlockStart=void 0,this.borderedBlockStartWhenScrolled=void 0,this.borderedInlineEnd=void 0,this.borderedInlineStart=void 0,this.bottom=void 0,this.centerBlock=void 0,this.centerInline=void 0,this.cover=void 0,this.height=void 0,this.left=void 0,this.maxHeight=void 0,this.minHeight=void 0,this.maxWidth=void 0,this.minWidth=void 0,this.overflow="visible",this.padding="0",this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.position=void 0,this.right=void 0,this.basis=void 0,this.shrink=void 0,this.grow=void 0,this.top=void 0,this.width=void 0,this.zIndex=void 0,this.scrollState={scrollable:!1,scrolledToBottom:!1,scrolledToTop:!1}}componentDidLoad(){queueMicrotask((()=>{this.updateScrollState()}))}updateScrollState(){const o={scrollable:this.el.scrollHeight>this.el.clientHeight,scrolledToTop:0===this.el.scrollTop,scrolledToBottom:Math.round(this.el.scrollTop+this.el.clientHeight)>=this.el.scrollHeight};Object.keys(o).some((t=>o[t]!==this.scrollState[t]))&&(this.scrollState=o)}render(){const o={alignItems:this.centerBlock?"center":void 0,bottom:this.bottom,display:this.centerBlock||this.centerInline?"flex":void 0,flexBasis:this.basis,flexShrink:this.shrink,flexGrow:this.grow,height:this.cover?"100%":this.height,justifyContent:this.centerInline?"center":void 0,left:this.left,maxHeight:this.maxHeight,minHeight:this.minHeight,maxWidth:this.maxWidth,minWidth:this.minWidth,overflow:this.overflow,padding:`var(--s-space-${this.padding})`,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,position:Boolean(this.overflow)?this.position||"relative":this.position,right:this.right,top:this.top,width:this.cover?"100%":this.width,zIndex:this.zIndex},i=r("box",`box--border-color-${this.borderColor}`,{"box--bordered":this.bordered,"box--bordered-block-end":this.borderedBlockEnd,"box--bordered-block-end-when-scrolled":this.borderedBlockEndWhenScrolled,"box--bordered-block-start":this.borderedBlockStart,"box--bordered-block-start-when-scrolled":this.borderedBlockStartWhenScrolled,"box--bordered-inline-end":this.borderedInlineEnd,"box--bordered-inline-start":this.borderedInlineStart,"box--cover":this.cover,"box--scrollable":this.scrollState.scrollable,"box--scrolled-to-top":this.scrollState.scrolledToTop,"box--scrolled-to-bottom":this.scrollState.scrolledToBottom});return t(s,{key:"cc56b1b68106d9e9b759e271339201c1792ffbe8",class:i,onScroll:this.onScroll,style:o},t("slot",{key:"311112ceef9ab1964bbb8d57ca1eb8bad79f703c"}))}get el(){return i(this)}};e.style=":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}";export{e as swirl_box}
|