npm - @getflip/swirl-components - Versions diffs - 0.377.0 → 0.378.0 - Mend

@getflip/swirl-components 0.377.0 → 0.378.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1862) hide show

package/dist/swirl-components/{p-4fe86f8d.entry.js → p-a3050b75.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as n,h as i,H as e,d as a}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const l=class{constructor(i){n(this,i),this.hideLabel=!1,this.inlineLabelColor="default",this.markAsNewLabel="New",this.variant="default"}componentWillLoad(){this.forceIconProps()}componentDidRender(){this.forceIconProps()}forceIconProps(){const n=this.el.querySelector("[slot='icon']"),i=this.hideLabel&&"app-icon"===this.variant\|\|"default"===this.variant;n&&(n.tagName.startsWith("SWIRL-ICON")\|\|n.tagName.startsWith("SWIRL-EMOJI")\|\|n.tagName.startsWith("SWIRL-SYMBOL"))&&n.setAttribute("size",i?"20":"24")}render(){const n=Boolean(this.el.querySelector("swirl-app-icon")),a=t("shell-navigation-item",`shell-navigation-item--${this.variant}`,{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--filled":this.filled,"shell-navigation-item--inline-label":this.inlineLabel,"shell-navigation-item--gradient":this.withGradient,"shell-navigation-item--hide-label":this.hideLabel,"shell-navigation-item--has-app-icon":n}),l=t("shell-navigation-item__label",{"shell-navigation-item__label--light":"light"===this.inlineLabelColor,"shell-navigation-item__label--dark":"dark"===this.inlineLabelColor,"shell-navigation-item__label--inline":this.inlineLabel}),s=null!=this.badgeLabel,o=!s&&this.markAsNew&&!this.hideLabel&&"default"===this.variant,r=!s&&this.markAsNew&&this.hideLabel&&"default"===this.variant,h=Boolean(this.href);return i(e,{key:"4b5e7dadf6c8673851f640c160d753883d987885"},i("swirl-tooltip",{key:"1692f48d6defc2816989243ce177d32f95298887",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right",positioning:"fixed"},i(h?"a":"button",{key:"d0bfaf35345c5838f385ace3ce521064813c230b",class:a,href:this.href,target:this.target,type:h?void 0:"button",title:this.hideLabel?void 0:this.label},i("span",{key:"f22872d76cf82473d6182d4f976ec78a876fc0de",class:"shell-navigation-item__icon"},i("slot",{key:"b9bac1d5ce9af60eefdd47a0485ed55d9c76035e",name:"icon"})),this.hideLabel?i("swirl-visually-hidden",null,i("span",{class:l},this.label)):"default"!==this.variant?i("span",{class:l},this.label):i("div",{class:"shell-navigation-item__text-wrapper"},i("span",{class:l},this.label),this.description&&i("span",{class:"shell-navigation-item__description"},this.description)),s&&i("span",{key:"c9953b39fa7e8c8671a812f85108a43d4b202506",class:"shell-navigation-item__badge-wrapper"},i("swirl-badge",{key:"62d11e8df50b5e7c82ee4f1900a4854d900560f1","aria-label":this.badgeLabel,class:t("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"})),o&&i("swirl-tag",{key:"c168f08d681c9358359317147896ce50df5cfb5b",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&i("swirl-badge",{key:"269fe853f32a11f3db07079435d02e4580eb996d",class:"shell-navigation-item__is-new-badge",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"xs",variant:"dot"}))))}get el(){return a(this)}};l.style='/*\n seems the container query does not work as expected\n/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: "";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n';export{l as swirl_shell_navigation_item}
1	+ import{r as n,h as i,H as e,d as a}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const l=class{constructor(i){n(this,i),this.hideLabel=!1,this.inlineLabelColor="default",this.markAsNewLabel="New",this.variant="default"}componentWillLoad(){this.forceIconProps()}componentDidRender(){this.forceIconProps()}forceIconProps(){const n=this.el.querySelector("[slot='icon']"),i=this.hideLabel&&"app-icon"===this.variant\|\|"default"===this.variant;n&&(n.tagName.startsWith("SWIRL-ICON")\|\|n.tagName.startsWith("SWIRL-EMOJI")\|\|n.tagName.startsWith("SWIRL-SYMBOL"))&&n.setAttribute("size",i?"20":"24")}render(){const n=Boolean(this.el.querySelector("swirl-app-icon")),a=t("shell-navigation-item",`shell-navigation-item--${this.variant}`,{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--filled":this.filled,"shell-navigation-item--inline-label":this.inlineLabel,"shell-navigation-item--gradient":this.withGradient,"shell-navigation-item--hide-label":this.hideLabel,"shell-navigation-item--has-app-icon":n}),l=t("shell-navigation-item__label",{"shell-navigation-item__label--light":"light"===this.inlineLabelColor,"shell-navigation-item__label--dark":"dark"===this.inlineLabelColor,"shell-navigation-item__label--inline":this.inlineLabel}),s=null!=this.badgeLabel,o=!s&&this.markAsNew&&!this.hideLabel&&"default"===this.variant,r=!s&&this.markAsNew&&this.hideLabel&&"default"===this.variant,h=Boolean(this.href);return i(e,{key:"eb3cc38916a4a868d447c631b65d2ebfb3c158e5"},i("swirl-tooltip",{key:"5d38b0bf756b0a845d0ddff0aa6fe2a955da44f8",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right",positioning:"fixed"},i(h?"a":"button",{key:"852f4913ae1c9e90f0ecccf32f14d857321c5694",class:a,href:this.href,target:this.target,type:h?void 0:"button",title:this.hideLabel?void 0:this.label},i("span",{key:"f9de6d6dc253563b0397fbbc42d4bdb5260015fb",class:"shell-navigation-item__icon"},i("slot",{key:"e1a0fc498c658f9094c906b8319971af9025883e",name:"icon"})),this.hideLabel?i("swirl-visually-hidden",null,i("span",{class:l},this.label)):"default"!==this.variant?i("span",{class:l},this.label):i("div",{class:"shell-navigation-item__text-wrapper"},i("span",{class:l},this.label),this.description&&i("span",{class:"shell-navigation-item__description"},this.description)),s&&i("span",{key:"6697baa3fdc919e7a2b7c8595b871566a6b8eaa2",class:"shell-navigation-item__badge-wrapper"},i("swirl-badge",{key:"feadd39faef80c53f72a77e16a5def012d77c53b","aria-label":this.badgeLabel,class:t("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"})),o&&i("swirl-tag",{key:"dd8f48f9940c328b8fae2676e9a3b773a70e12d1",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&i("swirl-badge",{key:"ffbfa549236b20fc6fff35a96865386ea7b7517f",class:"shell-navigation-item__is-new-badge",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"xs",variant:"dot"}))))}get el(){return a(this)}};l.style='/*\n seems the container query does not work as expected\n/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: "";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n';export{l as swirl_shell_navigation_item}

package/dist/swirl-components/{p-6150e650.entry.js → p-a35f4db4.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as C,h as e,F as i}from"./p-CWOhMVtL.js";import{c as a}from"./p-orsBiyT_.js";const t=class{constructor(e){C(this,e),this.size=24}render(){const C=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=a("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"~~b5d838ce46de5472f6b9f2db1a9fb9691a9f7756~~","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(i,{key:"~~88ba0734698b3d6346606413ae15f57daea5698a~~"},e("path",{key:"~~c002f20b32395da5455dc4c322014407db696d33~~",d:"M4.00002 14.6667C3.63335 14.6667 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V6.66666C2.66669 6.29999 2.79735 5.98599 3.05869 5.72466C3.31958 5.46377 3.63335 5.33332 4.00002 5.33332H4.66669V3.99999C4.66669 3.07777 4.9918 2.29155 5.64202 1.64132C6.2918 0.991545 7.0778 0.666656 8.00002 0.666656C8.92224 0.666656 9.70847 0.991545 10.3587 1.64132C11.0085 2.29155 11.3334 3.07777 11.3334 3.99999V5.33332H12C12.3667 5.33332 12.6807 5.46377 12.942 5.72466C13.2029 5.98599 13.3334 6.29999 13.3334 6.66666V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6667 12 14.6667H4.00002ZM4.00002 13.3333H12V6.66666H4.00002V13.3333ZM8.00002 11.3333C8.36669 11.3333 8.68069 11.2029 8.94202 10.942C9.20291 10.6807 9.33335 10.3667 9.33335 9.99999C9.33335 9.63332 9.20291 9.31932 8.94202 9.05799C8.68069 8.7971 8.36669 8.66666 8.00002 8.66666C7.63335 8.66666 7.31958 8.7971 7.05869 9.05799C6.79735 9.31932 6.66669 9.63332 6.66669 9.99999C6.66669 10.3667 6.79735 10.6807 7.05869 10.942C7.31958 11.2029 7.63335 11.3333 8.00002 11.3333ZM6.00002 5.33332H10V3.99999C10 3.44443 9.80558 2.97221 9.41669 2.58332C9.0278 2.19443 8.55558 1.99999 8.00002 1.99999C7.44446 1.99999 6.97224 2.19443 6.58335 2.58332C6.19446 2.97221 6.00002 3.44443 6.00002 3.99999V5.33332Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&e(i,{key:"~~0eacc81084828b38559d67891053807e7f7ea02f~~"},e("path",{key:"~~7e539ffa3081e5e56e2d6026b913c0e6e9f11901~~",d:"M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V10C4 9.45 4.196 8.979 4.588 8.587C4.97933 8.19567 5.45 8 6 8H7V6C7 4.61667 7.48767 3.43733 8.463 2.462C9.43767 1.48733 10.6167 1 12 1C13.3833 1 14.5627 1.48733 15.538 2.462C16.5127 3.43733 17 4.61667 17 6V8H18C18.55 8 19.021 8.19567 19.413 8.587C19.8043 8.979 20 9.45 20 10V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.021 16.8043 13.413 16.413C13.8043 16.021 14 15.55 14 15C14 14.45 13.8043 13.979 13.413 13.587C13.021 13.1957 12.55 13 12 13C11.45 13 10.9793 13.1957 10.588 13.587C10.196 13.979 10 14.45 10 15C10 15.55 10.196 16.021 10.588 16.413C10.9793 16.8043 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z",fill:"currentColor"})),28===this.size&&e(i,{key:"~~9321e398e7fa9bac775032506eace5d0ce39abc4~~"},e("path",{key:"~~8a25112dacdcfa4a32c722d9a9563ab76d0b5b2c~~",d:"M7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V11.6667C4.66669 11.025 4.89535 10.4755 5.35269 10.0182C5.80924 9.56163 6.35835 9.33335 7.00002 9.33335H8.16669V7.00002C8.16669 5.38613 8.73563 4.01024 9.87352 2.87235C11.0106 1.73524 12.3861 1.16669 14 1.16669C15.6139 1.16669 16.9898 1.73524 18.1277 2.87235C19.2648 4.01024 19.8334 5.38613 19.8334 7.00002V9.33335H21C21.6417 9.33335 22.1912 9.56163 22.6485 10.0182C23.1051 10.4755 23.3334 11.025 23.3334 11.6667V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM7.00002 23.3334H21V11.6667H7.00002V23.3334ZM14 19.8334C14.6417 19.8334 15.1912 19.6051 15.6485 19.1485C16.1051 18.6912 16.3334 18.1417 16.3334 17.5C16.3334 16.8584 16.1051 16.3089 15.6485 15.8515C15.1912 15.395 14.6417 15.1667 14 15.1667C13.3584 15.1667 12.8092 15.395 12.3527 15.8515C11.8954 16.3089 11.6667 16.8584 11.6667 17.5C11.6667 18.1417 11.8954 18.6912 12.3527 19.1485C12.8092 19.6051 13.3584 19.8334 14 19.8334ZM10.5 9.33335H17.5V7.00002C17.5 6.0278 17.1597 5.20141 16.4792 4.52085C15.7986 3.8403 14.9722 3.50002 14 3.50002C13.0278 3.50002 12.2014 3.8403 11.5209 4.52085C10.8403 5.20141 10.5 6.0278 10.5 7.00002V9.33335Z",fill:"currentColor"})))}};t.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{t as swirl_icon_lock}
1	+ import{r as C,h as i,F as t}from"./p-CWOhMVtL.js";import{c as e}from"./p-orsBiyT_.js";const s=class{constructor(i){C(this,i),this.size=24}render(){const C=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=e("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"479a257fa4f32fd60209102f1e5b6fdb425a87f7","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(t,{key:"bc6396b54674059806cccbb0d42391f761b0a103"},i("path",{key:"3f59723c18feaaaf4165643cc89cfc5e36c94ba4",d:"M4.00002 14.6667C3.63335 14.6667 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V6.66666C2.66669 6.29999 2.79735 5.98599 3.05869 5.72466C3.31958 5.46377 3.63335 5.33332 4.00002 5.33332H4.66669V3.99999C4.66669 3.07777 4.9918 2.29155 5.64202 1.64132C6.2918 0.991545 7.0778 0.666656 8.00002 0.666656C8.92224 0.666656 9.70847 0.991545 10.3587 1.64132C11.0085 2.29155 11.3334 3.07777 11.3334 3.99999V5.33332H12C12.3667 5.33332 12.6807 5.46377 12.942 5.72466C13.2029 5.98599 13.3334 6.29999 13.3334 6.66666V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6667 12 14.6667H4.00002ZM4.00002 13.3333H12V6.66666H4.00002V13.3333ZM8.00002 11.3333C8.36669 11.3333 8.68069 11.2029 8.94202 10.942C9.20291 10.6807 9.33335 10.3667 9.33335 9.99999C9.33335 9.63332 9.20291 9.31932 8.94202 9.05799C8.68069 8.7971 8.36669 8.66666 8.00002 8.66666C7.63335 8.66666 7.31958 8.7971 7.05869 9.05799C6.79735 9.31932 6.66669 9.63332 6.66669 9.99999C6.66669 10.3667 6.79735 10.6807 7.05869 10.942C7.31958 11.2029 7.63335 11.3333 8.00002 11.3333ZM6.00002 5.33332H10V3.99999C10 3.44443 9.80558 2.97221 9.41669 2.58332C9.0278 2.19443 8.55558 1.99999 8.00002 1.99999C7.44446 1.99999 6.97224 2.19443 6.58335 2.58332C6.19446 2.97221 6.00002 3.44443 6.00002 3.99999V5.33332Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&i(t,{key:"e7369e7671598f568726bdd511f1e9b5cd69fd6b"},i("path",{key:"605db69efa9aeeea641530e1b4d29d7a543c106f",d:"M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V10C4 9.45 4.196 8.979 4.588 8.587C4.97933 8.19567 5.45 8 6 8H7V6C7 4.61667 7.48767 3.43733 8.463 2.462C9.43767 1.48733 10.6167 1 12 1C13.3833 1 14.5627 1.48733 15.538 2.462C16.5127 3.43733 17 4.61667 17 6V8H18C18.55 8 19.021 8.19567 19.413 8.587C19.8043 8.979 20 9.45 20 10V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.021 16.8043 13.413 16.413C13.8043 16.021 14 15.55 14 15C14 14.45 13.8043 13.979 13.413 13.587C13.021 13.1957 12.55 13 12 13C11.45 13 10.9793 13.1957 10.588 13.587C10.196 13.979 10 14.45 10 15C10 15.55 10.196 16.021 10.588 16.413C10.9793 16.8043 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z",fill:"currentColor"})),28===this.size&&i(t,{key:"9b11803615d925f5abb2334ae04304a1f6d24c3a"},i("path",{key:"7715c50da35990144d19390db194324e7482a5b0",d:"M7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V11.6667C4.66669 11.025 4.89535 10.4755 5.35269 10.0182C5.80924 9.56163 6.35835 9.33335 7.00002 9.33335H8.16669V7.00002C8.16669 5.38613 8.73563 4.01024 9.87352 2.87235C11.0106 1.73524 12.3861 1.16669 14 1.16669C15.6139 1.16669 16.9898 1.73524 18.1277 2.87235C19.2648 4.01024 19.8334 5.38613 19.8334 7.00002V9.33335H21C21.6417 9.33335 22.1912 9.56163 22.6485 10.0182C23.1051 10.4755 23.3334 11.025 23.3334 11.6667V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM7.00002 23.3334H21V11.6667H7.00002V23.3334ZM14 19.8334C14.6417 19.8334 15.1912 19.6051 15.6485 19.1485C16.1051 18.6912 16.3334 18.1417 16.3334 17.5C16.3334 16.8584 16.1051 16.3089 15.6485 15.8515C15.1912 15.395 14.6417 15.1667 14 15.1667C13.3584 15.1667 12.8092 15.395 12.3527 15.8515C11.8954 16.3089 11.6667 16.8584 11.6667 17.5C11.6667 18.1417 11.8954 18.6912 12.3527 19.1485C12.8092 19.6051 13.3584 19.8334 14 19.8334ZM10.5 9.33335H17.5V7.00002C17.5 6.0278 17.1597 5.20141 16.4792 4.52085C15.7986 3.8403 14.9722 3.50002 14 3.50002C13.0278 3.50002 12.2014 3.8403 11.5209 4.52085C10.8403 5.20141 10.5 6.0278 10.5 7.00002V9.33335Z",fill:"currentColor"})))}};s.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{s as swirl_icon_lock}

package/dist/swirl-components/{p-b1f296a6.entry.js → p-a3e441ad.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as s,h as i,H as a,d as e}from"./p-CWOhMVtL.js";import{n as h}from"./p-D_MUFqkF.js";const r=class{constructor(i){t(this,i),this.tabActivated=s(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const s=this.tabs.find((s=>s.tabId===t));Boolean(s)&&(s.active=!0,this.tabActivated.emit(s),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),s=h(t+1,this.tabs.length);this.activateTab(this.tabs[s].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),s=h(t-1,this.tabs.length);this.activateTab(this.tabs[s].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(Boolean(t)?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({icon:t.icon,id:t.tabId,label:t.label,active:this.activeTab===t.tabId})))}render(){return i(a,{key:"~~495603d3dbdc65d8d3ddba8e0a75c8f8f0ebd5e2~~"},i("div",{key:"~~32c4956721a9b4f83e96772cee86d0a81a5e5ed6~~",class:"tabs"},i("swirl-tab-bar",{key:"~~d1f388ed34e95b97fcde230be30daf4b6ff957aa~~",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),i("slot",{key:"~~8a10f448daff2126e76181d42e5a00cc9fd9e683~~"}))}get el(){return e(this)}};r.style=".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}";export{r as swirl_tabs}
1	+ import{r as t,c as s,h as i,H as a,d as h}from"./p-CWOhMVtL.js";import{n as e}from"./p-D_MUFqkF.js";const b=class{constructor(i){t(this,i),this.tabActivated=s(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const s=this.tabs.find((s=>s.tabId===t));Boolean(s)&&(s.active=!0,this.tabActivated.emit(s),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),s=e(t+1,this.tabs.length);this.activateTab(this.tabs[s].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),s=e(t-1,this.tabs.length);this.activateTab(this.tabs[s].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(Boolean(t)?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({icon:t.icon,id:t.tabId,label:t.label,active:this.activeTab===t.tabId})))}render(){return i(a,{key:"b874315686e1879e67bbb083cbba1eba80bd2188"},i("div",{key:"4a09d26d900a0518deae3c93461a6b1c5f323012",class:"tabs"},i("swirl-tab-bar",{key:"f01c49f14380823f754d6aa5ecaa3a0fbe55b432",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),i("slot",{key:"d4983d32686b88ada717787209095b6820657228"}))}get el(){return h(this)}};b.style=".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}";export{b as swirl_tabs}

package/dist/swirl-components/{p-58876a67.entry.js → p-a3ea713e.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as s,h as e,F as t}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";const i=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,i=r("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"~~9389497e93dbb3b331cdea520e380b3dab455d66~~",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(t,{key:"~~735f7e95cefcc6c244f3bcc83fa32b5d61750de8~~"},e("path",{key:"~~6894a2efe9e5c1fd6f25738e75500ce94d472725~~",d:"M2.73 21H21.26C21.4359 21.0007 21.6088 20.955 21.7614 20.8675C21.914 20.78 22.0408 20.6539 22.129 20.5017C22.2173 20.3496 22.2638 20.1769 22.264 20.001C22.2642 19.8251 22.2179 19.6523 22.13 19.5L12.86 3.5C12.7721 3.34846 12.6459 3.22267 12.4941 3.13523C12.3423 3.04779 12.1702 3.00177 11.995 3.00177C11.8198 3.00177 11.6477 3.04779 11.4959 3.13523C11.3441 3.22267 11.2179 3.34846 11.13 3.5L1.86 19.5C1.77206 19.6523 1.72585 19.8251 1.72602 20.001C1.7262 20.1769 1.77275 20.3496 1.86099 20.5017C1.94923 20.6539 2.07603 20.78 2.22861 20.8675C2.38118 20.955 2.55413 21.0007 2.73 21ZM13 18H11V16H13V18ZM12 14C11.7348 14 11.4804 13.8946 11.2929 13.7071C11.1054 13.5196 11 13.2652 11 13V11C11 10.7348 11.1054 10.4804 11.2929 10.2929C11.4804 10.1054 11.7348 10 12 10C12.2652 10 12.5196 10.1054 12.7071 10.2929C12.8946 10.4804 13 10.7348 13 11V13C13 13.2652 12.8946 13.5196 12.7071 13.7071C12.5196 13.8946 12.2652 14 12 14Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_report_problem}
1	+ import{r as s,h as e,F as t}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";const i=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,i=r("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"d490d73d7f032e1396bee27555212f32f59bd1ed",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(t,{key:"db46433fbe42b8e6f4b34ae0aa2358068c679bfc"},e("path",{key:"aa4e53ca8b7774bf1e7626380926b699eb0c4d87",d:"M2.73 21H21.26C21.4359 21.0007 21.6088 20.955 21.7614 20.8675C21.914 20.78 22.0408 20.6539 22.129 20.5017C22.2173 20.3496 22.2638 20.1769 22.264 20.001C22.2642 19.8251 22.2179 19.6523 22.13 19.5L12.86 3.5C12.7721 3.34846 12.6459 3.22267 12.4941 3.13523C12.3423 3.04779 12.1702 3.00177 11.995 3.00177C11.8198 3.00177 11.6477 3.04779 11.4959 3.13523C11.3441 3.22267 11.2179 3.34846 11.13 3.5L1.86 19.5C1.77206 19.6523 1.72585 19.8251 1.72602 20.001C1.7262 20.1769 1.77275 20.3496 1.86099 20.5017C1.94923 20.6539 2.07603 20.78 2.22861 20.8675C2.38118 20.955 2.55413 21.0007 2.73 21ZM13 18H11V16H13V18ZM12 14C11.7348 14 11.4804 13.8946 11.2929 13.7071C11.1054 13.5196 11 13.2652 11 13V11C11 10.7348 11.1054 10.4804 11.2929 10.2929C11.4804 10.1054 11.7348 10 12 10C12.2652 10 12.5196 10.1054 12.7071 10.2929C12.8946 10.4804 13 10.7348 13 11V13C13 13.2652 12.8946 13.5196 12.7071 13.7071C12.5196 13.8946 12.2652 14 12 14Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_report_problem}

package/dist/swirl-components/{p-0e93a2e5.entry.js → p-a4b68992.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as a,h as e,F as i}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const C=class{constructor(e){a(this,e),this.size=24}render(){const a=20===this.size?24:this.size,C={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=t("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"~~19ac0197945353cb157ab033db1f9e1fa5c9feb3~~","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:C,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(i,{key:"~~ca78f54ed20bc2902e3ea04a5982be984ef4a36d~~"},e("path",{key:"~~1aa546a9c8ad256bf602db8fa604e166ee36aefa~~",d:"M7.99999 10.05C7.89999 10.05 7.80554 10.0334 7.71665 10C7.62777 9.9667 7.54443 9.9167 7.46665 9.85003L4.38332 6.7667C4.23888 6.62225 4.16954 6.44714 4.17532 6.24137C4.18065 6.03603 4.25554 5.86114 4.39999 5.7167C4.54443 5.57225 4.72221 5.50003 4.93332 5.50003C5.14443 5.50003 5.32221 5.57225 5.46665 5.7167L7.99999 8.25003L10.55 5.70003C10.6944 5.55559 10.8695 5.48625 11.0753 5.49203C11.2807 5.49737 11.4555 5.57225 11.6 5.7167C11.7444 5.86114 11.8167 6.03892 11.8167 6.25003C11.8167 6.46114 11.7444 6.63892 11.6 6.78337L8.53332 9.85003C8.45554 9.9167 8.37221 9.9667 8.28332 10C8.19443 10.0334 8.09999 10.05 7.99999 10.05V10.05Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&e(i,{key:"~~715f12d4467ba2560cbf86164c92ff5a2b3a563f~~"},e("path",{key:"~~02a9ec0bc2c5913ab732840caa04ceb8ff80ee28~~",d:"M12 15.075C11.85 15.075 11.7083 15.05 11.575 15C11.4417 14.95 11.3167 14.875 11.2 14.775L6.57501 10.15C6.35835 9.93338 6.25435 9.67072 6.26301 9.36205C6.27101 9.05405 6.38335 8.79172 6.60001 8.57505C6.81668 8.35838 7.08335 8.25005 7.40001 8.25005C7.71668 8.25005 7.98335 8.35838 8.20001 8.57505L12 12.375L15.825 8.55005C16.0417 8.33338 16.3043 8.22938 16.613 8.23805C16.921 8.24605 17.1833 8.35838 17.4 8.57505C17.6167 8.79172 17.725 9.05838 17.725 9.37505C17.725 9.69172 17.6167 9.95838 17.4 10.175L12.8 14.775C12.6833 14.875 12.5583 14.95 12.425 15C12.2917 15.05 12.15 15.075 12 15.075Z",fill:"currentColor"})),28===this.size&&e(i,{key:"~~663d0afa2e860426e23a3d1a5e8a67dfef724cf5~~"},e("path",{key:"~~c4103750e94b5bd4a1273f18cc87a8d097406235~~",d:"M14 17.5876C13.825 17.5876 13.6597 17.5584 13.5042 17.5001C13.3486 17.4417 13.2028 17.3542 13.0667 17.2376L7.67083 11.8417C7.41805 11.5889 7.29672 11.2825 7.30683 10.9224C7.31616 10.5631 7.44722 10.257 7.69999 10.0042C7.95277 9.75145 8.26388 9.62506 8.63333 9.62506C9.00277 9.62506 9.31388 9.75145 9.56666 10.0042L14 14.4376L18.4625 9.97506C18.7153 9.72228 19.0217 9.60095 19.3818 9.61106C19.7412 9.62039 20.0472 9.75145 20.3 10.0042C20.5528 10.257 20.6792 10.5681 20.6792 10.9376C20.6792 11.307 20.5528 11.6181 20.3 11.8709L14.9333 17.2376C14.7972 17.3542 14.6514 17.4417 14.4958 17.5001C14.3403 17.5584 14.175 17.5876 14 17.5876V17.5876Z",fill:"currentColor"})))}};C.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{C as swirl_icon_expand_more}
1	+ import{r as e,h as i,F as t}from"./p-CWOhMVtL.js";import{c as C}from"./p-orsBiyT_.js";const s=class{constructor(i){e(this,i),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=C("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"b1ad497d1d57ce4e3f957fb0da60c6770d90b20e","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(t,{key:"07964e7e587958ba355e2e787745b6d33d45456e"},i("path",{key:"57842632922b903d1d67bdef852728f958746470",d:"M7.99999 10.05C7.89999 10.05 7.80554 10.0334 7.71665 10C7.62777 9.9667 7.54443 9.9167 7.46665 9.85003L4.38332 6.7667C4.23888 6.62225 4.16954 6.44714 4.17532 6.24137C4.18065 6.03603 4.25554 5.86114 4.39999 5.7167C4.54443 5.57225 4.72221 5.50003 4.93332 5.50003C5.14443 5.50003 5.32221 5.57225 5.46665 5.7167L7.99999 8.25003L10.55 5.70003C10.6944 5.55559 10.8695 5.48625 11.0753 5.49203C11.2807 5.49737 11.4555 5.57225 11.6 5.7167C11.7444 5.86114 11.8167 6.03892 11.8167 6.25003C11.8167 6.46114 11.7444 6.63892 11.6 6.78337L8.53332 9.85003C8.45554 9.9167 8.37221 9.9667 8.28332 10C8.19443 10.0334 8.09999 10.05 7.99999 10.05V10.05Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&i(t,{key:"7a398d3541303e00e370a961bd18afb933414193"},i("path",{key:"9c8128f0d9805752055b99db9ea0ad93f1670f05",d:"M12 15.075C11.85 15.075 11.7083 15.05 11.575 15C11.4417 14.95 11.3167 14.875 11.2 14.775L6.57501 10.15C6.35835 9.93338 6.25435 9.67072 6.26301 9.36205C6.27101 9.05405 6.38335 8.79172 6.60001 8.57505C6.81668 8.35838 7.08335 8.25005 7.40001 8.25005C7.71668 8.25005 7.98335 8.35838 8.20001 8.57505L12 12.375L15.825 8.55005C16.0417 8.33338 16.3043 8.22938 16.613 8.23805C16.921 8.24605 17.1833 8.35838 17.4 8.57505C17.6167 8.79172 17.725 9.05838 17.725 9.37505C17.725 9.69172 17.6167 9.95838 17.4 10.175L12.8 14.775C12.6833 14.875 12.5583 14.95 12.425 15C12.2917 15.05 12.15 15.075 12 15.075Z",fill:"currentColor"})),28===this.size&&i(t,{key:"e82ede9beba83edebb1eb4bf2b2ae6df6a558093"},i("path",{key:"39eb371eeec492ac2bdd3f1ff3e60df59aec40b7",d:"M14 17.5876C13.825 17.5876 13.6597 17.5584 13.5042 17.5001C13.3486 17.4417 13.2028 17.3542 13.0667 17.2376L7.67083 11.8417C7.41805 11.5889 7.29672 11.2825 7.30683 10.9224C7.31616 10.5631 7.44722 10.257 7.69999 10.0042C7.95277 9.75145 8.26388 9.62506 8.63333 9.62506C9.00277 9.62506 9.31388 9.75145 9.56666 10.0042L14 14.4376L18.4625 9.97506C18.7153 9.72228 19.0217 9.60095 19.3818 9.61106C19.7412 9.62039 20.0472 9.75145 20.3 10.0042C20.5528 10.257 20.6792 10.5681 20.6792 10.9376C20.6792 11.307 20.5528 11.6181 20.3 11.8709L14.9333 17.2376C14.7972 17.3542 14.6514 17.4417 14.4958 17.5001C14.3403 17.5584 14.175 17.5876 14 17.5876V17.5876Z",fill:"currentColor"})))}};s.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{s as swirl_icon_expand_more}

package/dist/swirl-components/p-a53179fb.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as C,h as e,F as i}from"./p-CWOhMVtL.js";import{c as s}from"./p-orsBiyT_.js";const t=class{constructor(e){C(this,e),this.size=24}render(){const C=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},c=s("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"e27baa7e04b9996e07b83a358432bf4b75d2ab10","aria-hidden":"true",class:c,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(i,{key:"714af1df2ca32d43563615d084d11d2fdcce020b"},e("path",{key:"5165295459b71093588b5439f40d56ef6445e79b",d:"M9.99998 12.6667C9.63331 12.6667 9.31942 12.5362 9.05831 12.275C8.7972 12.0139 8.66665 11.7 8.66665 11.3334V4.66671C8.66665 4.30004 8.7972 3.98615 9.05831 3.72504C9.31942 3.46393 9.63331 3.33337 9.99998 3.33337H11.3333C11.7 3.33337 12.0139 3.46393 12.275 3.72504C12.5361 3.98615 12.6666 4.30004 12.6666 4.66671V11.3334C12.6666 11.7 12.5361 12.0139 12.275 12.275C12.0139 12.5362 11.7 12.6667 11.3333 12.6667H9.99998ZM4.66665 12.6667C4.29998 12.6667 3.98609 12.5362 3.72498 12.275C3.46387 12.0139 3.33331 11.7 3.33331 11.3334V4.66671C3.33331 4.30004 3.46387 3.98615 3.72498 3.72504C3.98609 3.46393 4.29998 3.33337 4.66665 3.33337H5.99998C6.36665 3.33337 6.68054 3.46393 6.94165 3.72504C7.20276 3.98615 7.33331 4.30004 7.33331 4.66671V11.3334C7.33331 11.7 7.20276 12.0139 6.94165 12.275C6.68054 12.5362 6.36665 12.6667 5.99998 12.6667H4.66665ZM9.99998 11.3334H11.3333V4.66671H9.99998V11.3334ZM4.66665 11.3334H5.99998V4.66671H4.66665V11.3334Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(i,{key:"b4f7d22f7551ee33dba837b0fdfd95ae159e3d80"},e("path",{key:"fce887b303dc019e373ec1271b78754e39410237",d:"M15 19C14.45 19 13.9792 18.8042 13.5875 18.4125C13.1958 18.0208 13 17.55 13 17V7C13 6.45 13.1958 5.97917 13.5875 5.5875C13.9792 5.19583 14.45 5 15 5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V17C19 17.55 18.8042 18.0208 18.4125 18.4125C18.0208 18.8042 17.55 19 17 19H15ZM7 19C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7C5 6.45 5.19583 5.97917 5.5875 5.5875C5.97917 5.19583 6.45 5 7 5H9C9.55 5 10.0208 5.19583 10.4125 5.5875C10.8042 5.97917 11 6.45 11 7V17C11 17.55 10.8042 18.0208 10.4125 18.4125C10.0208 18.8042 9.55 19 9 19H7ZM15 17H17V7H15V17ZM7 17H9V7H7V17Z",fill:"currentColor"})),28===this.size&&e(i,{key:"ccabb56abe479161fbfee05b048d80c7d3be6585"},e("path",{key:"2c27e4cdb5d6b062e35d070c409ccca409b18cf8",d:"M17.5 22.1667C16.8583 22.1667 16.309 21.9382 15.8521 21.4813C15.3951 21.0243 15.1666 20.475 15.1666 19.8334V8.16671C15.1666 7.52504 15.3951 6.97574 15.8521 6.51879C16.309 6.06185 16.8583 5.83337 17.5 5.83337H19.8333C20.475 5.83337 21.0243 6.06185 21.4812 6.51879C21.9382 6.97574 22.1666 7.52504 22.1666 8.16671V19.8334C22.1666 20.475 21.9382 21.0243 21.4812 21.4813C21.0243 21.9382 20.475 22.1667 19.8333 22.1667H17.5ZM8.16665 22.1667C7.52498 22.1667 6.97567 21.9382 6.51873 21.4813C6.06179 21.0243 5.83331 20.475 5.83331 19.8334V8.16671C5.83331 7.52504 6.06179 6.97574 6.51873 6.51879C6.97567 6.06185 7.52498 5.83337 8.16665 5.83337H10.5C11.1416 5.83337 11.691 6.06185 12.1479 6.51879C12.6048 6.97574 12.8333 7.52504 12.8333 8.16671V19.8334C12.8333 20.475 12.6048 21.0243 12.1479 21.4813C11.691 21.9382 11.1416 22.1667 10.5 22.1667H8.16665ZM17.5 19.8334H19.8333V8.16671H17.5V19.8334ZM8.16665 19.8334H10.5V8.16671H8.16665V19.8334Z",fill:"currentColor"})))}};t.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{t as swirl_icon_pause}

package/dist/swirl-components/p-a593ea6f.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as e,h as a,H as r}from"./p-CWOhMVtL.js";const i=class{constructor(a){e(this,a)}render(){return a(r,{key:"3f001fa0d55275db749a4a2125b9b28bb88f434a"},a("slot",{key:"e162e2eea285c9fa37b5391dbee7d2ecf1caa421"}))}};i.style=".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}";export{i as swirl_visually_hidden}

package/dist/swirl-components/{p-41b5d480.entry.js → p-a65d31df.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as C,h as s,F as e}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const i=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,i=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"~~f6074e141d173c0af3311ede49d0d494c4f3f9d8~~",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(e,{key:"~~aa2ff3144688e28bba482cc3818487ee5dae19f4~~"},s("path",{key:"~~6505982c6ed63fbd225933831fe6d2b2a614d298~~",d:"M11.99 2C10.0126 2.00198 8.0802 2.59015 6.43703 3.69016C4.79385 4.79018 3.51368 6.35266 2.75834 8.18009C2.003 10.0075 1.80639 12.0179 2.19337 13.957C2.58035 15.8962 3.53355 17.6771 4.93247 19.0746C6.33139 20.4721 8.11324 21.4235 10.0528 21.8086C11.9923 22.1936 14.0025 21.995 15.8291 21.2378C17.6558 20.4807 19.217 19.1989 20.3154 17.5547C21.4138 15.9104 22 13.9774 22 12C22 10.6859 21.741 9.38476 21.2378 8.17086C20.7347 6.95695 19.9972 5.85411 19.0675 4.9254C18.1379 3.99668 17.0343 3.26029 15.8199 2.75833C14.6055 2.25638 13.3041 1.99869 11.99 2ZM18.92 8H15.97C15.657 6.76146 15.1936 5.56589 14.59 4.44C16.4141 5.068 17.9512 6.33172 18.92 8ZM12 4.04C12.84 5.2519 13.4845 6.58817 13.91 8H10.09C10.5155 6.58817 11.16 5.2519 12 4.04ZM4.26 14C3.91332 12.6892 3.91332 11.3108 4.26 10H7.64C7.55287 10.6632 7.50612 11.3311 7.5 12C7.50612 12.6689 7.55287 13.3368 7.64 14H4.26ZM5.08 16H8.03C8.34297 17.2385 8.80642 18.4341 9.41 19.56C7.58397 18.9354 6.04583 17.6708 5.08 16ZM8.03 8H5.08C6.04583 6.32918 7.58397 5.06457 9.41 4.44C8.80642 5.56589 8.34297 6.76146 8.03 8ZM12 19.96C11.16 18.7481 10.5155 17.4118 10.09 16H13.91C13.4845 17.4118 12.84 18.7481 12 19.96ZM14.34 14H9.66C9.56122 13.3378 9.50776 12.6695 9.5 12C9.50736 11.3305 9.56082 10.6622 9.66 10H14.34C14.4392 10.6622 14.4926 11.3305 14.5 12C14.4922 12.6695 14.4388 13.3378 14.34 14ZM14.59 19.56C15.1936 18.4341 15.657 17.2385 15.97 16H18.92C17.9512 17.6683 16.4141 18.932 14.59 19.56ZM16.36 14C16.4471 13.3368 16.4939 12.6689 16.5 12C16.4939 11.3311 16.4471 10.6632 16.36 10H19.74C20.0867 11.3108 20.0867 12.6892 19.74 14H16.36Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_language}
1	+ import{r as C,h as s,F as t}from"./p-CWOhMVtL.js";import{c as i}from"./p-orsBiyT_.js";const c=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,c=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"7b68c2e6048b039441c23bcac78b2aab689e20c9",class:c,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"253035dc1c9c1ccf653ae2b29ad908f4be69c20b"},s("path",{key:"1f755ba8de37203dd575afc5a5e5175f6b330a2c",d:"M11.99 2C10.0126 2.00198 8.0802 2.59015 6.43703 3.69016C4.79385 4.79018 3.51368 6.35266 2.75834 8.18009C2.003 10.0075 1.80639 12.0179 2.19337 13.957C2.58035 15.8962 3.53355 17.6771 4.93247 19.0746C6.33139 20.4721 8.11324 21.4235 10.0528 21.8086C11.9923 22.1936 14.0025 21.995 15.8291 21.2378C17.6558 20.4807 19.217 19.1989 20.3154 17.5547C21.4138 15.9104 22 13.9774 22 12C22 10.6859 21.741 9.38476 21.2378 8.17086C20.7347 6.95695 19.9972 5.85411 19.0675 4.9254C18.1379 3.99668 17.0343 3.26029 15.8199 2.75833C14.6055 2.25638 13.3041 1.99869 11.99 2ZM18.92 8H15.97C15.657 6.76146 15.1936 5.56589 14.59 4.44C16.4141 5.068 17.9512 6.33172 18.92 8ZM12 4.04C12.84 5.2519 13.4845 6.58817 13.91 8H10.09C10.5155 6.58817 11.16 5.2519 12 4.04ZM4.26 14C3.91332 12.6892 3.91332 11.3108 4.26 10H7.64C7.55287 10.6632 7.50612 11.3311 7.5 12C7.50612 12.6689 7.55287 13.3368 7.64 14H4.26ZM5.08 16H8.03C8.34297 17.2385 8.80642 18.4341 9.41 19.56C7.58397 18.9354 6.04583 17.6708 5.08 16ZM8.03 8H5.08C6.04583 6.32918 7.58397 5.06457 9.41 4.44C8.80642 5.56589 8.34297 6.76146 8.03 8ZM12 19.96C11.16 18.7481 10.5155 17.4118 10.09 16H13.91C13.4845 17.4118 12.84 18.7481 12 19.96ZM14.34 14H9.66C9.56122 13.3378 9.50776 12.6695 9.5 12C9.50736 11.3305 9.56082 10.6622 9.66 10H14.34C14.4392 10.6622 14.4926 11.3305 14.5 12C14.4922 12.6695 14.4388 13.3378 14.34 14ZM14.59 19.56C15.1936 18.4341 15.657 17.2385 15.97 16H18.92C17.9512 17.6683 16.4141 18.932 14.59 19.56ZM16.36 14C16.4471 13.3368 16.4939 12.6689 16.5 12C16.4939 11.3311 16.4471 10.6632 16.36 10H19.74C20.0867 11.3108 20.0867 12.6892 19.74 14H16.36Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex}";export{c as swirl_symbol_language}

package/dist/swirl-components/{p-99b98e57.entry.js → p-a66f3eba.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as i,F as t}from"./p-CWOhMVtL.js";import{c as C}from"./p-orsBiyT_.js";const s=class{constructor(i){e(this,i),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},c=C("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"~~9fcf804d4b397c15f6ebe9fa9fb0d109173fd2e8~~","aria-hidden":"true",class:c,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(t,{key:"~~567ae402e6bc691c045557d4b027a6e1962c2cb5~~"},i("path",{key:"~~4765a0fb9e33a3285c7993886230516e58ce6054~~",d:"M4.00002 12.6667H6.00002V8.66667H10V12.6667H12V6.66667L8.00002 3.66667L4.00002 6.66667V12.6667ZM4.00002 14C3.63335 14 3.31946 13.8694 3.05835 13.6083C2.79724 13.3472 2.66669 13.0333 2.66669 12.6667V6.66667C2.66669 6.45555 2.71391 6.25555 2.80835 6.06667C2.9028 5.87778 3.03335 5.72222 3.20002 5.6L7.20002 2.6C7.32224 2.51111 7.45002 2.44444 7.58335 2.4C7.71669 2.35555 7.85558 2.33333 8.00002 2.33333C8.14446 2.33333 8.28335 2.35555 8.41669 2.4C8.55002 2.44444 8.6778 2.51111 8.80002 2.6L12.8 5.6C12.9667 5.72222 13.0972 5.87778 13.1917 6.06667C13.2861 6.25555 13.3334 6.45555 13.3334 6.66667V12.6667C13.3334 13.0333 13.2028 13.3472 12.9417 13.6083C12.6806 13.8694 12.3667 14 12 14H8.66669V10H7.33335V14H4.00002Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&i(t,{key:"~~e84487bb27fb68df66a6fa422f842d9ac9669548~~"},i("path",{key:"~~6279661a178648c7369bf8eceed7a9eb6395dbe0~~",d:"M6 19H9V13H15V19H18V10L12 5.5L6 10V19ZM6 21C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V10C4 9.68333 4.07083 9.38333 4.2125 9.1C4.35417 8.81667 4.55 8.58333 4.8 8.4L10.8 3.9C10.9833 3.76667 11.175 3.66667 11.375 3.6C11.575 3.53333 11.7833 3.5 12 3.5C12.2167 3.5 12.425 3.53333 12.625 3.6C12.825 3.66667 13.0167 3.76667 13.2 3.9L19.2 8.4C19.45 8.58333 19.6458 8.81667 19.7875 9.1C19.9292 9.38333 20 9.68333 20 10V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H13V15H11V21H6Z",fill:"currentColor"})),28===this.size&&i(t,{key:"~~2ff04df9ca30fccc780d603136fd868e3a48ef36~~"},i("path",{key:"~~8de97470a74fbfcd7d4530597ccba1bec5ad3401~~",d:"M6.99999 22.1667H10.5V15.1667H17.5V22.1667H21V11.6667L14 6.41667L6.99999 11.6667V22.1667ZM6.99999 24.5C6.35832 24.5 5.80902 24.2715 5.35207 23.8146C4.89513 23.3576 4.66666 22.8083 4.66666 22.1667V11.6667C4.66666 11.2972 4.7493 10.9472 4.91457 10.6167C5.07985 10.2861 5.30832 10.0139 5.59999 9.8L12.6 4.55C12.8139 4.39445 13.0375 4.27778 13.2708 4.2C13.5042 4.12222 13.7472 4.08334 14 4.08334C14.2528 4.08334 14.4958 4.12222 14.7292 4.2C14.9625 4.27778 15.1861 4.39445 15.4 4.55L22.4 9.8C22.6917 10.0139 22.9201 10.2861 23.0854 10.6167C23.2507 10.9472 23.3333 11.2972 23.3333 11.6667V22.1667C23.3333 22.8083 23.1049 23.3576 22.6479 23.8146C22.191 24.2715 21.6417 24.5 21 24.5H15.1667V17.5H12.8333V24.5H6.99999Z",fill:"currentColor"})))}};s.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{s as swirl_icon_home}
1	+ import{r as i,h as e,F as t}from"./p-CWOhMVtL.js";import{c as C}from"./p-orsBiyT_.js";const s=class{constructor(e){i(this,e),this.size=24}render(){const i=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=C("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"e184a82bf1ae451aa2f3863db909d0cb2a8dbe7d","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(t,{key:"9799d6c957f15f237cce2cf3f14cd2ee35892678"},e("path",{key:"4bbacbe21f629dbdcbc5216c977afa44fdb2b3fd",d:"M4.00002 12.6667H6.00002V8.66667H10V12.6667H12V6.66667L8.00002 3.66667L4.00002 6.66667V12.6667ZM4.00002 14C3.63335 14 3.31946 13.8694 3.05835 13.6083C2.79724 13.3472 2.66669 13.0333 2.66669 12.6667V6.66667C2.66669 6.45555 2.71391 6.25555 2.80835 6.06667C2.9028 5.87778 3.03335 5.72222 3.20002 5.6L7.20002 2.6C7.32224 2.51111 7.45002 2.44444 7.58335 2.4C7.71669 2.35555 7.85558 2.33333 8.00002 2.33333C8.14446 2.33333 8.28335 2.35555 8.41669 2.4C8.55002 2.44444 8.6778 2.51111 8.80002 2.6L12.8 5.6C12.9667 5.72222 13.0972 5.87778 13.1917 6.06667C13.2861 6.25555 13.3334 6.45555 13.3334 6.66667V12.6667C13.3334 13.0333 13.2028 13.3472 12.9417 13.6083C12.6806 13.8694 12.3667 14 12 14H8.66669V10H7.33335V14H4.00002Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&e(t,{key:"6355a289ee1d60af013e3811780803f98f3d0c85"},e("path",{key:"ad2654317c00baf7b0579680400f9318d915bd34",d:"M6 19H9V13H15V19H18V10L12 5.5L6 10V19ZM6 21C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V10C4 9.68333 4.07083 9.38333 4.2125 9.1C4.35417 8.81667 4.55 8.58333 4.8 8.4L10.8 3.9C10.9833 3.76667 11.175 3.66667 11.375 3.6C11.575 3.53333 11.7833 3.5 12 3.5C12.2167 3.5 12.425 3.53333 12.625 3.6C12.825 3.66667 13.0167 3.76667 13.2 3.9L19.2 8.4C19.45 8.58333 19.6458 8.81667 19.7875 9.1C19.9292 9.38333 20 9.68333 20 10V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H13V15H11V21H6Z",fill:"currentColor"})),28===this.size&&e(t,{key:"bfe9f3a540d168d5774d36b0ad2d55cbd720b1f4"},e("path",{key:"8ecfa84bf9b72e91bfdcb00c86626aa0b1c2aede",d:"M6.99999 22.1667H10.5V15.1667H17.5V22.1667H21V11.6667L14 6.41667L6.99999 11.6667V22.1667ZM6.99999 24.5C6.35832 24.5 5.80902 24.2715 5.35207 23.8146C4.89513 23.3576 4.66666 22.8083 4.66666 22.1667V11.6667C4.66666 11.2972 4.7493 10.9472 4.91457 10.6167C5.07985 10.2861 5.30832 10.0139 5.59999 9.8L12.6 4.55C12.8139 4.39445 13.0375 4.27778 13.2708 4.2C13.5042 4.12222 13.7472 4.08334 14 4.08334C14.2528 4.08334 14.4958 4.12222 14.7292 4.2C14.9625 4.27778 15.1861 4.39445 15.4 4.55L22.4 9.8C22.6917 10.0139 22.9201 10.2861 23.0854 10.6167C23.2507 10.9472 23.3333 11.2972 23.3333 11.6667V22.1667C23.3333 22.8083 23.1049 23.3576 22.6479 23.8146C22.191 24.2715 21.6417 24.5 21 24.5H15.1667V17.5H12.8333V24.5H6.99999Z",fill:"currentColor"})))}};s.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{s as swirl_icon_home}

package/dist/swirl-components/{p-4ded0937.entry.js → p-a69e51f6.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as a,c as t,h as i,H as e,d as o,F as s}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";import{D as l}from"./p-LU4x678Z.js";import{d as n,i as p,s as d}from"./p-D_MUFqkF.js";import{S as c}from"./p-CMrz6687.js";import{v as u}from"./p-DD3477fe.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},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=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")}}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.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)\|\|a.composedPath().includes(this.headerEl)\|\|this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.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 a=p()\|\|d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive\|\|!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()\|\|d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a\|\|"navigation"===a&&!this.hasNavigation\|\|"sidebar"===a&&!this.hasSidebar)return;if(!p()\|\|!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,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 a="sidebar"===this.mobileView\|\|this.sidebarActive;a!==this.sidebarActive&&(a?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 a={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(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView\|\|this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=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":t,"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:"0970730a8b11319c50969d6d6e7f217dcf56e2f0"},i("section",{key:"06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac","aria-labelledby":"app-name",class:d},i("div",{key:"b50a9beffae3145861ed4b71705fe673f5d10043",class:"app-layout__grid"},i("header",{key:"04c3f7e4b7cb227cca2e9a15e262ddc9874032e1",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"67ba8ba5394d42ba1f96ccb3258aefb8acce87c9",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"0a11ae6739ed9863837da26a60a5f524ca2215ea",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"e0670ebab68aaefd7342a31b0a2c139f181c4cf1",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:"df74e59b27c2e15ffc532826ac69794df187ece9",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"ca4e1610d7566b66ebe6958f8ec6f89d4a84554c",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"7ca7f6ca8a69fead26966a6b224966f4404351da",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"3d1205492f28588558a5e1d1c1948c4da7870c46",class:"app-layout__navigation-controls"},i("slot",{key:"f97090b47f524589e4d86e293e92ce2e001503dd",name:"navigation-controls"}))),i("nav",{key:"9b2f944843bcee7c5322b728ea26fcc7d8ed990f","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"a3fa785458acf70951cf209062e9f91bfec49db4",name:"navigation"})),i("section",{key:"3649f14cce3bdf275bc7325680b4c193085272f7","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"401b6adeda9ed569d8a6c37f381fed0623a34701",class:"app-layout__app-bar"},i("span",{key:"7b60e9abca35a3c6ab900e8d882116e8b22ce730",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"44c01881cb2c4799942609ca43f2ead4de855859",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"63a89ec584fa6a21a5cf4be3fdf15e84df01b03a",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"5d05136bb74adcc5a404bdb74533636777f3b598",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:"0426043d85f25bd9581b2046215dba5cc50ee24c",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"5b64b49937d180b23de6435351a0b7498562b2f7",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"eaa0172b442211086532a15fae6bb99b70dafab6",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"86177f0040e21c020b2d88a2e11cc1f2045d9bcf",name:"custom-app-bar-back-button"})),i("div",{key:"ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6",class:"app-layout__app-bar-content"},i("slot",{key:"59a8e892b40e1b56acc3f33cb956d1a588670a5e",name:"app-bar"})),i("div",{key:"2244b236929f9de30d18f886b2992187b1f9baf8",class:"app-layout__app-bar-controls"},i("slot",{key:"c5fae8b152e14275cb09b7db637ea8ca64932648",name:"app-bar-controls"}))),i("div",{key:"85a6875e28ec691f659cbee27e299bca2048ff67",class:"app-layout__banner"},i("slot",{key:"9790312e956f47faca3c1c4b04a6b1422a889498",name:"banner"})),i("div",{key:"d33ae32d0644d24027423eb9dc9ba94c54b0070b",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"9e615a708ac9ae2817a680e868c70d4a9ec3d075",name:"content"})),i("div",{key:"d173a40d98a1d8cd6b93135d9a6984afc6487813",class:"app-layout__bottom-bar"},i("slot",{key:"10a8422834710d9b15dea188d0f8b24dab14887e",name:"bottom-bar"}))),i("aside",{key:"0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2",class:"app-layout__sidebar"},i("header",{key:"da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8",class:"app-layout__custom-sidebar-header"},i("slot",{key:"fd8fc8403066c85dd26ed414afded579928da657",name:"custom-sidebar-header"})),i("header",{key:"addfa87cef788f272e586e3a02b0f47be414cc58",class:"app-layout__sidebar-header"},i("swirl-button",{key:"7daf54726d77b5a9656dd888d32d4c111746e59e",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:"c743c2b1049f87a5c81b99ddc836f4a2b9b08561",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"9443e3843d55af79d62c949b8df53a6a1f27a4e9",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"0b5eff0be0d4e98ed2755b412d8783fe25d8d809",name:"sidebar"}))),i("span",{key:"a1487ea686f593c4b117a9eb74fe61fe8b516336",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"02d61ee5b96263295218ed0b99cb8b93d1e06df0",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532",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-opening .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-opening .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,.app-layout--has-sidebar.app-layout--sidebar-opening .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-opening .app-layout__grid,.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):not(.app-layout--sidebar-opening) .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 y=class{constructor(t){a(this,t),this.headingLevel=4}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"166076ac4cfe04b4764c72b42245450f11a8e794"},i("div",{key:"62deccef0cb90b476c5a2158fc6d392410fac996",class:o},this.illustration&&!t&&i("img",{key:"63c79c7e413c7b9c715ff07f6d2bf7fc35ed3ddf",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"a477f4eb79a7cef298c73303e71b242f2dbe855a",class:"empty-state__slotted-illustration"},i("slot",{key:"d9bb1832e7119c8caa4743901be8dad76772c7ac",name:"illustration"})),i("div",{key:"6c8b5903cd2a310035b6f19ea2c578deae6ff6fd",class:"empty-state__body"},i("swirl-stack",{key:"d5ba6a8034b7784d413c9da99f64e0f1e2090f9a",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"55ac5b35d92a434f02f02edd5de54e574793b82b",align:"center",as:`h${this.headingLevel}`,level:4,text:this.heading}),i("div",{key:"b5cd99d2fc3933797c868682d30c28117d0510d4",class:"empty-state__content"},i("swirl-text",{key:"52388f0b76e3e1971016eab8582d8f180f02e9e2",align:"center",color:"subdued"},i("slot",{key:"88e782a04e75234c96ba3a2f339a324657172a37"})))),i("div",{key:"6a934056e62842dda32c55970f4b412cb1dd7ba5",class:"empty-state__controls"},i("slot",{key:"ca1161d9f41bb32a1b3d994285f91db758825fca",name:"controls"})))))}get el(){return o(this)}};y.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 m=class{constructor(t){a(this,t),this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"319657a7ab73e4d5adc9faf7ecb3acb4209928c0","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"004db2632a090a535f69a92ee571299e75bbe532"},i("path",{key:"2d1d80209477061894c624265f0d4b49a61d2f36",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:"a1b1f98a3a8c68f3a9dd8e89f20ff65f19bee78b"},i("path",{key:"3aae7191d6998bc793fbb0ea2694be885f3e5242",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:"7b21eef094fcabe4bc94c7ae25edf097502a71b5"},i("path",{key:"ea0b33e2864facebd7f1508f7f169b05f6a464cb",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"})))}};m.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const h=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),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.semantics="grid",this.spacing="0",this.listId=u(),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("grid"===this.semantics&&!Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Enter"===a.code&&Boolean(this.controllingElement)){const t=this.items[this.focusedIndex];if(!Boolean(t)\|\|!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.preventDefault(),this.focusItemAtIndex(this.items.length-1));if(Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.moveDraggedItemDown();else if("ArrowUp"===a.code)a.preventDefault(),this.moveDraggedItemUp();else if("Space"===a.code\|\|"Enter"===a.code){const t=a.composedPath()[0];t?.classList.contains("resource-list-item__drag-handle")\|\|(a.preventDefault(),this.stopDrag(this.dragging))}}}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((a=>a.isConnected)),this.sections=Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((a=>a.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(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){"grid"===this.semantics&&this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.allowDrag?this.items.filter((a=>this.sections.every((t=>!t.contains(a))))).forEach((a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)})):this.items.forEach((a=>{a.removeAttribute("allow-drag"),a.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:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)\|\|Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSpacingAndSeparator(){this.sections.forEach(((a,t)=>{0===t&&"SWIRL-RESOURCE-LIST-ITEM"!==a.previousElementSibling?.tagName&&(a.hasSeparator=!1),a.spacing=this.spacing}))}render(){return i(e,{key:"37fcb7b7ef6436a7855d00519a31bf007b77da54",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"22f4bf54dbd49932e129c58d5514926d07f825a6",role:"alert"},this.assistiveText),i("swirl-box",{key:"79844e03ac49eb014b31cb6c26169a74bb1d6967",paddingBlockEnd:this.paddingBlockEnd??this.padding,paddingBlockStart:this.paddingBlockStart??this.padding,paddingInlineEnd:this.paddingInlineEnd??this.padding??"8",paddingInlineStart:this.paddingInlineStart??this.padding??"8"},i("swirl-stack",{key:"a63f94d6d859d1cc3497f4b9e037e1f3513537b0","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:this.semantics,spacing:this.spacing},i("slot",{key:"269ac25ec75e7911548b4fd626f1a9031c008a19"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};h.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){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.checked=!1,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.interactive=!0,this.labelWeight="medium",this.menuTriggerLabel="Options",this.hasMedia=!1,this.iconSize=24,this.elementId=u(),this.mediaQueryUnsubscribe=()=>{},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code\|\|(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.stopPropagation()}}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.forceIconProps(a),this.updateIconSize(a)})),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.mediaQueryUnsubscribe()}forceIconProps(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive\|\|this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=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,y=this.interactive&&this.selectable?"checkbox":void 0,m=this.el.closest('[role="grid"]')?"row":"listitem",h="row"===m?"gridcell":void 0,g={paddingRight:!c&&Boolean(this.controlContainer)?`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`:void 0,minHeight:this.labelMinHeight??void 0},_=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:"b8481eecc40a6dd070c42494a31f6debaff66522",role:m},i("div",{key:"9dfc3c29180e7f0b78846e1e97c8a1ecaba1131f",class:_,role:h},i(a,{key:"6838cbd70ff00ac55051ce52473439856cfb13cb","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",style:{alignItems:this.alignItems},href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:y,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"5662254d796a536bcf48f55f86071fa5a120a50d",class:"resource-list-item__media"},i("slot",{key:"324351e57461e4123823bbf9a8e484b495d0c09e",name:"media"})),i("span",{key:"53faafd305477c19782c9f9839dd0fc792980dff",class:"resource-list-item__label-container",style:g},i("span",{key:"43d0540125d94f39a69f71466c4637d5cda94df5",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"3286e25c32c367565b0e5f7f419c6eb41b87352e",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"4aff751fea343bca5616bc28bfd55cc5ff057d80",class:"resource-list-item__meta"},i("span",{key:"2a96bdd8d54cbc0858aae4bc6d31110efab09e5c",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"20b8a63e1f8f8f8f31b518c30577416e6a9d4ba1",class:"resource-list-item__badges"},i("slot",{key:"1852d9de88bed5cafb0bfee67f1e0db5468d96e6",name:"badges"})))),this.selectable&&i("span",{key:"fd2f3cab9fde4745209e347e7d83ec77109ae68a","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"f013b3e5c2f6054878e4664a7db851cd8ac3f80d",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"86b41a9c78e41d772fc7b55c8667056d73bc68a8"}))),i("span",{key:"dc07a0402d57fd9678f1aa141ae1f621fc1a3841",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"f9d82e70ca35fe5bfca3eaa108769a21faf94c46",name:"control"})),d&&i("swirl-popover-trigger",{key:"eabf05103a4594a63aaf80eba1dab2bbb60538b3",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"16bca6dd134ceaa877bf6a681457145630b37c44","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"dbe58a92d77e6bcefeec84b06e862900c62db205","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:"27815b58e2e8edbf2eeb2f80cb238a30029123f4",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);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.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%);z-index:2}.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,y as swirl_empty_state,m as swirl_icon_folder_shared,h as swirl_resource_list,g as swirl_resource_list_item}
1	+ import{r as a,c as t,h as i,H as e,d as o,F as s}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";import{D as l}from"./p-LU4x678Z.js";import{d as n,i as p,s as d}from"./p-D_MUFqkF.js";import{S as c}from"./p-CMrz6687.js";import{v as u}from"./p-DD3477fe.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},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=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")}}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.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)\|\|a.composedPath().includes(this.headerEl)\|\|this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.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 a=p()\|\|d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive\|\|!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()\|\|d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a\|\|"navigation"===a&&!this.hasNavigation\|\|"sidebar"===a&&!this.hasSidebar)return;if(!p()\|\|!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,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 a="sidebar"===this.mobileView\|\|this.sidebarActive;a!==this.sidebarActive&&(a?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 a={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(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView\|\|this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=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":t,"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:"0970730a8b11319c50969d6d6e7f217dcf56e2f0"},i("section",{key:"06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac","aria-labelledby":"app-name",class:d},i("div",{key:"b50a9beffae3145861ed4b71705fe673f5d10043",class:"app-layout__grid"},i("header",{key:"04c3f7e4b7cb227cca2e9a15e262ddc9874032e1",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"67ba8ba5394d42ba1f96ccb3258aefb8acce87c9",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"0a11ae6739ed9863837da26a60a5f524ca2215ea",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"e0670ebab68aaefd7342a31b0a2c139f181c4cf1",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:"df74e59b27c2e15ffc532826ac69794df187ece9",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"ca4e1610d7566b66ebe6958f8ec6f89d4a84554c",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"7ca7f6ca8a69fead26966a6b224966f4404351da",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"3d1205492f28588558a5e1d1c1948c4da7870c46",class:"app-layout__navigation-controls"},i("slot",{key:"f97090b47f524589e4d86e293e92ce2e001503dd",name:"navigation-controls"}))),i("nav",{key:"9b2f944843bcee7c5322b728ea26fcc7d8ed990f","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"a3fa785458acf70951cf209062e9f91bfec49db4",name:"navigation"})),i("section",{key:"3649f14cce3bdf275bc7325680b4c193085272f7","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"401b6adeda9ed569d8a6c37f381fed0623a34701",class:"app-layout__app-bar"},i("span",{key:"7b60e9abca35a3c6ab900e8d882116e8b22ce730",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"44c01881cb2c4799942609ca43f2ead4de855859",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"63a89ec584fa6a21a5cf4be3fdf15e84df01b03a",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"5d05136bb74adcc5a404bdb74533636777f3b598",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:"0426043d85f25bd9581b2046215dba5cc50ee24c",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"5b64b49937d180b23de6435351a0b7498562b2f7",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"eaa0172b442211086532a15fae6bb99b70dafab6",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"86177f0040e21c020b2d88a2e11cc1f2045d9bcf",name:"custom-app-bar-back-button"})),i("div",{key:"ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6",class:"app-layout__app-bar-content"},i("slot",{key:"59a8e892b40e1b56acc3f33cb956d1a588670a5e",name:"app-bar"})),i("div",{key:"2244b236929f9de30d18f886b2992187b1f9baf8",class:"app-layout__app-bar-controls"},i("slot",{key:"c5fae8b152e14275cb09b7db637ea8ca64932648",name:"app-bar-controls"}))),i("div",{key:"85a6875e28ec691f659cbee27e299bca2048ff67",class:"app-layout__banner"},i("slot",{key:"9790312e956f47faca3c1c4b04a6b1422a889498",name:"banner"})),i("div",{key:"d33ae32d0644d24027423eb9dc9ba94c54b0070b",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"9e615a708ac9ae2817a680e868c70d4a9ec3d075",name:"content"})),i("div",{key:"d173a40d98a1d8cd6b93135d9a6984afc6487813",class:"app-layout__bottom-bar"},i("slot",{key:"10a8422834710d9b15dea188d0f8b24dab14887e",name:"bottom-bar"}))),i("aside",{key:"0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2",class:"app-layout__sidebar"},i("header",{key:"da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8",class:"app-layout__custom-sidebar-header"},i("slot",{key:"fd8fc8403066c85dd26ed414afded579928da657",name:"custom-sidebar-header"})),i("header",{key:"addfa87cef788f272e586e3a02b0f47be414cc58",class:"app-layout__sidebar-header"},i("swirl-button",{key:"7daf54726d77b5a9656dd888d32d4c111746e59e",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:"c743c2b1049f87a5c81b99ddc836f4a2b9b08561",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"9443e3843d55af79d62c949b8df53a6a1f27a4e9",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"0b5eff0be0d4e98ed2755b412d8783fe25d8d809",name:"sidebar"}))),i("span",{key:"a1487ea686f593c4b117a9eb74fe61fe8b516336",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"02d61ee5b96263295218ed0b99cb8b93d1e06df0",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532",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-opening .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-opening .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,.app-layout--has-sidebar.app-layout--sidebar-opening .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-opening .app-layout__grid,.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):not(.app-layout--sidebar-opening) .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 y=class{constructor(t){a(this,t),this.headingLevel=4}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"01ff02817c831b2808ac96fbdd66888ef6f68eae"},i("div",{key:"25770efe2c7542dedd47b0af62a6106f77fce89e",class:o},this.illustration&&!t&&i("img",{key:"920bb88dda22e3f51676e1a65ad85a708ba61d57",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"023a256d238bed50fcff270bf545bef23b46add5",class:"empty-state__slotted-illustration"},i("slot",{key:"b376cd8a3104690cbefbc425e28c0992edfb3ebc",name:"illustration"})),i("div",{key:"517a5473c0623327f34bc33e2099974b9792c141",class:"empty-state__body"},i("swirl-stack",{key:"1221d27f0e939f7d367c2c83d52e7768f49b39af",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"7db14bc9456a409e7d9d0b663050eaa88a85eecd",align:"center",as:`h${this.headingLevel}`,level:4,text:this.heading}),i("div",{key:"df4d222af6bb88ba48ca9fed6873b61aac53990b",class:"empty-state__content"},i("swirl-text",{key:"e0eac7d754ffd0bf78b1cd622abad1099e3f4c86",align:"center",color:"subdued"},i("slot",{key:"f6e1fb99ead8f6c7b55a325416bd306b9c25726a"})))),i("div",{key:"e26bef1a5fe8488c69d33273dc37a39b7e7bccd1",class:"empty-state__controls"},i("slot",{key:"f7fe170dd8a13718840818e31d34b44861e524bc",name:"controls"})))))}get el(){return o(this)}};y.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 h=class{constructor(t){a(this,t),this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"8384c1802dfdf7a66237699d8a73be4cbaf10114","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"09f10c310748a0ed19d71b547d724cbacc9108e1"},i("path",{key:"e7331ed67ef71aa4230c612988288e644f1e3202",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:"4b2e9d443c6bf47ac477d0bbaf2fc9baa7c060d9"},i("path",{key:"15101f24b3e06ade156051ce0686777fe26b9233",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:"30b75f77a1e3f00622f9258fe6bd50c64a67b7e6"},i("path",{key:"4f62fac15344892bdb54e96aae9cafe2bc9cbf55",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"})))}};h.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),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.semantics="grid",this.spacing="0",this.listId=u(),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("grid"===this.semantics&&!Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Enter"===a.code&&Boolean(this.controllingElement)){const t=this.items[this.focusedIndex];if(!Boolean(t)\|\|!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.preventDefault(),this.focusItemAtIndex(this.items.length-1));if(Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.moveDraggedItemDown();else if("ArrowUp"===a.code)a.preventDefault(),this.moveDraggedItemUp();else if("Space"===a.code\|\|"Enter"===a.code){const t=a.composedPath()[0];t?.classList.contains("resource-list-item__drag-handle")\|\|(a.preventDefault(),this.stopDrag(this.dragging))}}}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((a=>a.isConnected)),this.sections=Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((a=>a.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(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){"grid"===this.semantics&&this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.allowDrag?this.items.filter((a=>this.sections.every((t=>!t.contains(a))))).forEach((a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)})):this.items.forEach((a=>{a.removeAttribute("allow-drag"),a.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:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)\|\|Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSpacingAndSeparator(){this.sections.forEach(((a,t)=>{0===t&&"SWIRL-RESOURCE-LIST-ITEM"!==a.previousElementSibling?.tagName&&(a.hasSeparator=!1),a.spacing=this.spacing}))}render(){return i(e,{key:"a0b3042effe4f77ca1a9b9ab88817bda47b93b7d",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"8998a40becb2bf96f28bd270cbbd66fafbc9cebc",role:"alert"},this.assistiveText),i("swirl-box",{key:"f026ced20ca14db8b505ac8dab1c8c97c3b4ffbf",paddingBlockEnd:this.paddingBlockEnd??this.padding,paddingBlockStart:this.paddingBlockStart??this.padding,paddingInlineEnd:this.paddingInlineEnd??this.padding??"8",paddingInlineStart:this.paddingInlineStart??this.padding??"8"},i("swirl-stack",{key:"ff57afd9915587648d1a0e4cfb827f2455a884e7","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:this.semantics,spacing:this.spacing},i("slot",{key:"dea319641ba5ec73d99640f322a1f6f6e2da557a"}))))}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){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.checked=!1,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.interactive=!0,this.labelWeight="medium",this.menuTriggerLabel="Options",this.hasMedia=!1,this.iconSize=24,this.elementId=u(),this.mediaQueryUnsubscribe=()=>{},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code\|\|(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.stopPropagation()}}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.forceIconProps(a),this.updateIconSize(a)})),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.mediaQueryUnsubscribe()}get hasBadges(){return Boolean(this.el.querySelector("[slot='badges']"))}get showMeta(){return(Boolean(this.meta)\|\|this.hasBadges)&&!this.selectable}forceIconProps(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive\|\|this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=this.hasBadges,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=this.showMeta,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,y=this.interactive&&this.selectable?"checkbox":void 0,h=this.el.closest('[role="grid"]')?"row":"listitem",m="row"===h?"gridcell":void 0,g={minHeight:this.labelMinHeight??void 0},_=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:"11933ae24d2585cbb10e5887710f2cc68a3b715f",role:h},i("div",{key:"e08d5727bec2020af85f7fa908392e918fff2dd7",class:_,role:m},i(a,{key:"54bb31cdb3052852e1e3f0761cd85b5a36384e7e","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",style:{alignItems:this.alignItems},href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:y,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"3bd4c30212fec4c7dfb40af5d8b031ba0598cdbc",class:"resource-list-item__media"},i("slot",{key:"bea58e83e1559bfa2eb41283a6276c9b4d912df3",name:"media"})),i("span",{key:"93ca3144cf21b345c2a968f00e52f7be08312b41",class:"resource-list-item__label-container",style:g},i("span",{key:"8f7d8b3e0889e1cde597768d35e9c98f83c398e6",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"560c3dbfdfbbc1761538ccdf17e6298f2b84ebbf",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"3a2caabd9fdc97f2457c6f6ba7d1f5294c7def3c",class:"resource-list-item__meta"},this.meta&&i("span",{key:"8f5bfdfa5d2d43cf4956e5823bb8a23800cac721",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"0cdafa25237e75f9a89c52ae5a8a479823c4941c",class:"resource-list-item__badges"},i("slot",{key:"2cf36e069fc037da1bed6db347a63338ae5a6760",name:"badges"}))),i("span",{key:"b1020faf71bc845573964992fe34df4e662b7dff",class:"resource-list-item__control",onClick:this.onControlClick},i("slot",{key:"fd1ec18fcd5d514dfc64c6ae35864186abe7ba11",name:"control"}))),this.selectable&&i("span",{key:"d0edb382c8ac099a17ee3ca5a195e650664c466a","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"17d5c1908a43c59f546b07cebef88f90aaaa1f5b",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"57cc3129428969bc4f503bc7cfa8a170211f5aa8"}))),d&&i("swirl-popover-trigger",{key:"50a0444e651b8cd4e1ada2ca9740c74a17bd333e",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"388470e5330fdce56b3205b4c203487728da94f4","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"cd45a36bea6a924ce4cb47f43da36f971051a605","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:"9e02a7f596ce572f911987cecb36cd211c8d7cdf",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;width:auto}.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;width: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:var(--s-space-12) 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);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.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{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{align-self:center}.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.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.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,y as swirl_empty_state,h as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}

package/dist/swirl-components/{p-941cc694.entry.js → p-a73a104b.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as i,h as e,F as a}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const c=class{constructor(e){i(this,e),this.size=24}render(){const i=20===this.size?24:this.size,c={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=t("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"~~3531a7ca6af031adf70faa17487ee379baf3e89a~~","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:c,viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(a,{key:"~~508af3df88e4f9eb5c9c6997275bc1047c359c92~~"},e("path",{key:"~~525a1f92638bb34a5177561c6b41fb3dc8e26fc5~~",d:"M4.66666 11.9667L7.99999 10.5333L11.3333 11.9667V3.33333H4.66666V11.9667ZM4.26666 13.6C4.04444 13.6889 3.83333 13.6693 3.63333 13.5413C3.43333 13.4138 3.33333 13.2278 3.33333 12.9833V3.33333C3.33333 2.96667 3.46399 2.65267 3.72533 2.39133C3.98622 2.13044 4.29999 2 4.66666 2H11.3333C11.7 2 12.014 2.13044 12.2753 2.39133C12.5362 2.65267 12.6667 2.96667 12.6667 3.33333V12.9833C12.6667 13.2278 12.5667 13.4138 12.3667 13.5413C12.1667 13.6693 11.9556 13.6889 11.7333 13.6L7.99999 12L4.26666 13.6Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&e(a,{key:"~~62e96b4d5f8d0366fbe617dc016b3db986940e79~~"},e("path",{key:"~~c70f0c0ac4eea0bec9a9c7ac9fa84e07f042298f~~",d:"M7 17.95L12 15.8L17 17.95V5H7V17.95ZM6.4 20.4C6.06667 20.5333 5.75 20.504 5.45 20.312C5.15 20.1207 5 19.8417 5 19.475V5C5 4.45 5.196 3.979 5.588 3.587C5.97933 3.19567 6.45 3 7 3H17C17.55 3 18.021 3.19567 18.413 3.587C18.8043 3.979 19 4.45 19 5V19.475C19 19.8417 18.85 20.1207 18.55 20.312C18.25 20.504 17.9333 20.5333 17.6 20.4L12 18L6.4 20.4Z",fill:"currentColor"})),28===this.size&&e(a,{key:"~~e47a8c77c80b72a1d69fd49c10a791fd60cb4277~~"},e("path",{key:"~~2f7e25330aa3472e901c9ff25f1939e48fcb20f0~~",d:"M8.16666 20.9417L14 18.4333L19.8333 20.9417V5.83333H8.16666V20.9417ZM7.46666 23.8C7.07777 23.9556 6.70833 23.9213 6.35833 23.6973C6.00833 23.4741 5.83333 23.1486 5.83333 22.7208V5.83333C5.83333 5.19167 6.06199 4.64217 6.51933 4.18483C6.97588 3.72828 7.525 3.5 8.16666 3.5H19.8333C20.475 3.5 21.0245 3.72828 21.4818 4.18483C21.9384 4.64217 22.1667 5.19167 22.1667 5.83333V22.7208C22.1667 23.1486 21.9917 23.4741 21.6417 23.6973C21.2917 23.9213 20.9222 23.9556 20.5333 23.8L14 21L7.46666 23.8Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{c as swirl_icon_bookmark}
1	+ import{r as i,h as t,F as e}from"./p-CWOhMVtL.js";import{c as s}from"./p-orsBiyT_.js";const a=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,a={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},c=s("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{key:"c2ada3c66c031310e4bf39323068b58cc74a9c2d","aria-hidden":"true",class:c,fill:"none",height:this.size,part:"icon",style:a,viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(e,{key:"72bb3d480a7379f402b66e06495227af14b36b0f"},t("path",{key:"b5e26b999697af10aa4fda86e54e1e03795389c9",d:"M4.66666 11.9667L7.99999 10.5333L11.3333 11.9667V3.33333H4.66666V11.9667ZM4.26666 13.6C4.04444 13.6889 3.83333 13.6693 3.63333 13.5413C3.43333 13.4138 3.33333 13.2278 3.33333 12.9833V3.33333C3.33333 2.96667 3.46399 2.65267 3.72533 2.39133C3.98622 2.13044 4.29999 2 4.66666 2H11.3333C11.7 2 12.014 2.13044 12.2753 2.39133C12.5362 2.65267 12.6667 2.96667 12.6667 3.33333V12.9833C12.6667 13.2278 12.5667 13.4138 12.3667 13.5413C12.1667 13.6693 11.9556 13.6889 11.7333 13.6L7.99999 12L4.26666 13.6Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&t(e,{key:"3bcd9b71fa896a447c804657902027c06a6e70fd"},t("path",{key:"9f0fb7bd216587f3b5ad232c85e166410ea18b9f",d:"M7 17.95L12 15.8L17 17.95V5H7V17.95ZM6.4 20.4C6.06667 20.5333 5.75 20.504 5.45 20.312C5.15 20.1207 5 19.8417 5 19.475V5C5 4.45 5.196 3.979 5.588 3.587C5.97933 3.19567 6.45 3 7 3H17C17.55 3 18.021 3.19567 18.413 3.587C18.8043 3.979 19 4.45 19 5V19.475C19 19.8417 18.85 20.1207 18.55 20.312C18.25 20.504 17.9333 20.5333 17.6 20.4L12 18L6.4 20.4Z",fill:"currentColor"})),28===this.size&&t(e,{key:"2b333c97b186ac2cc3e3bc70e38ab10f6133a082"},t("path",{key:"600f218e570fb809a060b20e104025bc343474cf",d:"M8.16666 20.9417L14 18.4333L19.8333 20.9417V5.83333H8.16666V20.9417ZM7.46666 23.8C7.07777 23.9556 6.70833 23.9213 6.35833 23.6973C6.00833 23.4741 5.83333 23.1486 5.83333 22.7208V5.83333C5.83333 5.19167 6.06199 4.64217 6.51933 4.18483C6.97588 3.72828 7.525 3.5 8.16666 3.5H19.8333C20.475 3.5 21.0245 3.72828 21.4818 4.18483C21.9384 4.64217 22.1667 5.19167 22.1667 5.83333V22.7208C22.1667 23.1486 21.9917 23.4741 21.6417 23.6973C21.2917 23.9213 20.9222 23.9556 20.5333 23.8L14 21L7.46666 23.8Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{a as swirl_icon_bookmark}