@getflip/swirl-components 0.219.0 → 0.220.0

package/dist/swirl-components/p-2d322d46.entry.js

@@ -1 +0,0 @@
-import{r as l,c as e,h as a,H as s}from"./p-e212b5b7.js";import{c as o}from"./p-a5dce9e6.js";import{c as t}from"./p-878dc806.js";const i="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",r="SWIRL_SHELL_SIDEBAR_STATE",d=class{constructor(a){l(this,a),this.sidebarToggleClick=e(this,"sidebarToggleClick",7),this.skipLinkClick=e(this,"skipLinkClick",7),this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()},this.brandedHeader=void 0,this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.hideMobileNavigationButtonLabel="Close navigation",this.navigationLabel="Main",this.navigationToggleLabel="Toggle navigation",this.sidebarActive=void 0,this.sidebarToggleBadge=void 0,this.sidebarToggleBadgeAriaLabel=void 0,this.sidebarToggleIcon="notifications",this.sidebarToggleLabel="Toggle sidebar",this.skipLinkLabel="Skip to main content",this.mobileNavigationActive=void 0,this.navigationCollapsed=void 0}componentWillLoad(){const l="true"===localStorage.getItem(r);this.sidebarActive=void 0===this.sidebarActive?l:this.sidebarActive;const e="true"===localStorage.getItem(i);this.navigationCollapsed=e}componentDidLoad(){this.focusTrap=t(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:l=>l.shadowRoot}})}componentDidRender(){this.focusTrap?.updateContainerElements(this.navElement)}disconnectedCallback(){this.focusTrap?.deactivate()}onWindowKeyDown(l){"Escape"===l.key&&this.mobileNavigationActive&&this.hideMobileNavigation()}watchMobileNavigationState(){this.mobileNavigationActive?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}watchNavigationCollapsed(){localStorage.setItem(i,String(this.navigationCollapsed))}watchSidebarActive(){localStorage.setItem(r,String(this.sidebarActive))}async showMobileNavigation(){this.mobileNavigationActive=!0}async hideMobileNavigation(){this.mobileNavigationActive=!1}render(){const l=!0!==this.sidebarToggleBadge&&"true"!==this.sidebarToggleBadge,e=o("shell-layout",{"shell-layout--branded-header":this.brandedHeader,"shell-layout--mobile-navigation-active":this.mobileNavigationActive,"shell-layout--navigation-collapsed":this.navigationCollapsed,"shell-layout--sidebar-active":this.sidebarActive});return a(s,{key:"8ac0a3465331a44666498b9a7dcd7aa35c9dc9e2"},a("div",{key:"4990de7803e46f2a814b05f20f5a7e88d636d3dd",class:e},a("header",{key:"06e3f3b6b362909584c7d34cf5d0479eb100479b",class:"shell-layout__header","data-tauri-drag-region":"true"},a("button",{key:"a56882f44359fdcfa8d6252af97c7c8d69f2f5ce",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),a("div",{key:"73cdc9deef606505fe5688df02416f5801491443",class:"shell-layout__header-left"},a("button",{key:"69c526bef11fff511472b143400a8da2972503f2",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},a("swirl-icon-dock-left",{key:"adef92a3da2d1b132f62036acb83787f1a68b4e2",size:20}),a("swirl-visually-hidden",{key:"9080a2cbba25c27a5a284132adb95b7951d34bec"},this.navigationToggleLabel)),a("a",{key:"ef4e3e985069d0e8b110366e9cfdc6f3a49d178f",class:"shell-layout__header-tool",href:"javascript:history.back()"},a("swirl-icon-arrow-back",{key:"87ebb8eece4655739db57d69e1562fae38d221ad",size:20}),a("swirl-visually-hidden",{key:"3f9d98cb9195ee053cd8fbc343b06479f469a594"},this.browserBackButtonLabel)),a("a",{key:"7eb4924c19e8ecf5ae45f69852ae561e4d7dafbd",class:"shell-layout__header-tool",href:"javascript:history.forward()"},a("swirl-icon-arrow-forward",{key:"91e946148ea45549e0d35bbdeb47e6c22cefd6d4",size:20}),a("swirl-visually-hidden",{key:"ecec5526b9b6e74ceeb6d83e3738ab96eff8ea68"},this.browserForwardButtonLabel)),a("slot",{key:"ca532ef7ab1f8c352ad59bc16186e32e382db4b1",name:"left-header-tools"})),a("div",{key:"ad2abae49d4f64eabae7a320d67c093d82c8c349",class:"shell-layout__logo"},a("slot",{key:"75c99c3413488ad7fc160841a11cf825eecbefef",name:"logo"})),a("div",{key:"e2b4c098b54990bc06e9f397e2f850a0c9b9cf1b",class:"shell-layout__header-right"},a("slot",{key:"6ef73c889c02603496700e1080bad71adeee31ce",name:"right-header-tools"}),a("button",{key:"0e7be546e2d34c112ad31a71035f75e895d5bbea",class:"shell-layout__header-tool shell-layout__sidebar-toggle",onClick:this.sidebarToggleClick.emit,type:"button"},a("swirl-icon",{key:"08592492884a6a64db04a416591bb74dc367726d",glyph:this.sidebarToggleIcon,size:20}),a("swirl-visually-hidden",{key:"b3c23f63e10d842eba7780f79fd46372b4c81cd1"},this.sidebarToggleLabel),this.sidebarToggleBadge&&a("swirl-badge",{key:"c7a783b312f60615cfa001d2b1db6b6fb4b4bc8e","aria-label":this.sidebarToggleBadgeAriaLabel,label:l?String(this.sidebarToggleBadge):this.sidebarToggleBadgeAriaLabel,size:"xs",variant:l?"default":"dot"})),a("slot",{key:"99852428a24bbbadbd285a0b2ed3e7fd90a38970",name:"avatar"}))),a("div",{key:"d69831fb8f238cbae18eb5f9c505e7902b628d98",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),a("nav",{key:"6eef2506fc69ea0cb7d7565a63eca8adf891ab99","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:l=>this.navElement=l},a("div",{key:"8bb9bc97e7be1668013b53ead35c7a01182e8e94",class:"shell-layout__mobile-header"},a("slot",{key:"dc8f336880c5116183fb1573df941ebbf639bc2a",name:"mobile-logo"}),a("div",{key:"3c397987d9f90786184c9444089e921bb7379dfb",class:"shell-layout__mobile-header-tools"},a("slot",{key:"89046b89f2b4cc2a7f5de187c8e54063d9dcbfd5",name:"mobile-header-tools"}),a("button",{key:"8c7f0363424b0cd5bc44cb9ad88a83b76fbf8cf2",class:"shell-layout__header-tool",type:"button"},a("swirl-icon-double-arrow-left",{key:"c8b0456df01d59bacf20b2d25039fb4498a0edcd",size:20}),a("swirl-visually-hidden",{key:"8ef9963a157261abd9e04d7bc7aa53a2d0cc6165"},this.hideMobileNavigationButtonLabel)))),a("div",{key:"3bae7ef27857a2ff9294bd6cd07dfe0c5c897e1e",class:"shell-layout__nav-body"},a("swirl-visually-hidden",{key:"f0c2439e9e75520472bd45cb00ea953a07e3983b"},a("span",{key:"9f7b141d6463aa5d29e82ec57203f4a7379ccfa0",id:"main-navigation-label"},this.navigationLabel)),a("slot",{key:"dd3365f92be9db1a298b1ff835a8926147cc1d47",name:"nav"}))),a("main",{key:"1bb60af55eed8e0c2598f5cac6ba0fc151438d74",class:"shell-layout__main",id:"main-content"},a("slot",{key:"b9cd60540271214cd862852ba7c53a9ab6c376f8"})),a("aside",{key:"e334a5c70d6bdbac1bff054dfb0ae4781f7423b5",class:"shell-layout__sidebar",inert:!this.sidebarActive||void 0},a("div",{key:"440f261ccae7b5c78d084e4c22eb67d0d8d1e1df",class:"shell-layout__sidebar-body"},a("div",{key:"683d4f88994e7b25a929481ea6e8bff83d0772bf",class:"shell-layout__sidebar-app-bar"},a("slot",{key:"93156047bcd62b1bb1de6021a4c230c3c63f5c70",name:"sidebar-app-bar"})),a("div",{key:"d686b6fd3961fbaf07c9e8a6531e6a2cbba3aa0a",class:"shell-layout__sidebar-content"},a("slot",{key:"a2c90fda9603557c075e99e76a1b2c3c7c54269a",name:"sidebar"}))))))}static get watchers(){return{mobileNavigationActive:["watchMobileNavigationState"],navigationCollapsed:["watchNavigationCollapsed"],sidebarActive:["watchSidebarActive"]}}};d.style='.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:14rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.2s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"\n      "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout:hover{width:var(--swirl-shell-extended-nav-width);padding-right:var(--s-space-12)}}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout:not(:hover){scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout:not(:hover)::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(\n          --swirl-shell-sidebar-width\n        )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(\n        --swirl-shell-sidebar-width\n      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.2s;animation-fill-mode:forwards}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default);color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-4);right:var(--s-space-4);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.2s, box-shadow 0.2s, width 0.2s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:static;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.2s;inset:0}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.2s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}';export{d as swirl_shell_layout}

package/dist/swirl-components/p-3792f649.entry.js

@@ -1 +0,0 @@
-import{r as n,h as e,H as i,g as a}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const s=class{constructor(e){n(this,e),this.active=void 0,this.badgeLabel=void 0,this.href=void 0,this.label=void 0,this.target=void 0,this.boxed=void 0}render(){const n=t("shell-navigation-item",{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed}),a=Boolean(this.href);return e(i,{key:"19fca7c8584a6c4ecc33fd2aec2cc64af66951a2"},e(a?"a":"button",{key:"beb34bfd0663e5dc21ea3abd1dc686da7068530a",class:n,href:this.href,target:this.target,type:a?void 0:"button"},e("span",{key:"24cab3fce409cc040d807ef270fe15b9cf813502",class:"shell-navigation-item__icon"},e("slot",{key:"e4f322f5bc2ce8b900f798b1a16dc8386d32f4ba",name:"icon"})),e("span",{key:"50ba978a81e22c8b51e4af909f620b351a14de38",class:"shell-navigation-item__label"},this.label),null!=this.badgeLabel&&e("swirl-badge",{key:"393e5e235648b0f81eeb50dc76ddd0018ef6bd09","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"})))}get el(){return a(this)}};s.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  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      --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      --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 .shell-navigation-item__icon {\n      background-color: var(--s-background-default);\n      border-color: var(--s-border-default);\n      border-radius: var(--s-border-radius-sm);\n      border-width: var(--s-border-width-default);\n      border-style: solid;\n      overflow: hidden;\n    }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n\n    --swirl-app-icon-size: 2rem;\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__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  min-width: 2rem;\n  min-height: 2rem;\n  height: 2rem;\n  width: 2rem;\n  justify-content: center;\n  align-items: center;\n}\n\n.shell-navigation-item__label {\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__badge {\n  --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n  .shell-navigation-item__label {\n    display: none;\n  }\n\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__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{s as swirl_shell_navigation_item}

package/dist/swirl-components/p-48041804.entry.js

@@ -1 +0,0 @@
-import{r as s,h as C,F as e}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const a=class{constructor(C){s(this,C),this.size=24}render(){const s=20===this.size?24:this.size,a=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return C("svg",{key:"28fb7de14a364f26a9d13150fadda2a6b64f1027",class:a,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},C(e,{key:"dcf748d9ce80a43d3e685dafb8c7f6e6e3455815"},C("path",{key:"dbe982f65ce4a96b6bb796b52541a9974e2adaf1",d:"M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex}";export{a as swirl_symbol_account_circle}

package/dist/swirl-components/p-6f423a50.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,F as t}from"./p-e212b5b7.js";import{c as a}from"./p-a5dce9e6.js";const c=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,c=a("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"b2c6a4362a7145daf834fce94bbf9a3bcef75548",class:c,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:"55e0c7c628ab5c01dbfa9a0a79144d7d1b8e87c9"},e("path",{key:"fd7dcaf5867a82342110a5cc9fe9829b9e765bcb",d:"M19.35 10.04C19.0492 8.51623 18.2822 7.12361 17.1552 6.05484C16.0283 4.98606 14.597 4.29397 13.0594 4.07431C11.5218 3.85466 9.95398 4.11831 8.57282 4.82877C7.19165 5.53924 6.06544 6.66141 5.35 8.04C3.83222 8.21584 2.43869 8.9641 1.45369 10.1322C0.468684 11.3002 -0.0335876 12.8001 0.04933 14.3257C0.132248 15.8514 0.794107 17.288 1.8999 18.3424C3.00569 19.3969 4.4721 19.9897 6 20H19C20.2928 20.0011 21.5355 19.5001 22.4659 18.6025C23.3964 17.705 23.9418 16.4811 23.9872 15.1891C24.0326 13.8971 23.5744 12.638 22.7093 11.6773C21.8441 10.7167 20.6397 10.1296 19.35 10.04Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex}";export{c as swirl_symbol_cloud}

package/dist/swirl-components/p-7bd160d2.entry.js

@@ -1 +0,0 @@
-import{r as s,h as a,F as t}from"./p-e212b5b7.js";import{c as i}from"./p-a5dce9e6.js";const r=class{constructor(a){s(this,a),this.size=24}render(){const s=20===this.size?24:this.size,r=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return a("svg",{key:"be782f7fdf362c022a6369b8e91bc7a711dbb432",class:r,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},a(t,{key:"1eb5a27312784afa4a0967a9ac82542807f453df"},a("path",{key:"8942f5996862a57fad3dbad8304bb8f7084c4830",d:"M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex}";export{r as swirl_symbol_roadmap}

package/dist/swirl-components/p-8c9f4b5d.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as i,g as e}from"./p-e212b5b7.js";import{b as s,c as a,a as r,o as l,s as n,f as c}from"./p-bc0de553.js";import{c as p}from"./p-a5dce9e6.js";const h=class{constructor(o){t(this,o),this.onKeydown=t=>{"Escape"===t.code&&this.hide()},this.reposition=async()=>{const t=this.el.children[0];if(!Boolean(t)||!Boolean(this.popperEl))return;const o=[...this.options.middleware.filter((t=>"arrow"!==t.name)),s({element:this.arrowElement,padding:12})];this.actualPosition=await a(t,this.popperEl,{...this.options,middleware:o});const i=this.actualPosition.middlewareData.arrow?.x,e=this.actualPosition.middlewareData.arrow?.y;this.arrowStyles={left:Boolean(i)?i+"px":void 0,top:Boolean(e)?e+"px":void 0}},this.show=()=>{this.visible=!0,requestAnimationFrame((()=>{const t=this.el.children[0];Boolean(t)&&(this.reposition(),this.disableAutoUpdate=r(t,this.popperEl,this.reposition.bind(this)))}))},this.showWithDelay=()=>{Boolean(this.showTimeout)&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.showTimeout=setTimeout((()=>{this.show()}),this.delay)},this.hide=()=>{Boolean(this.showTimeout)&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.visible=!1,this.disableAutoUpdate?.()},this.updateOptions=()=>{const t=16*+getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem","");this.options={middleware:[l(t),n(),c()],placement:this.position,strategy:this.positioning}},this.content=void 0,this.delay=300,this.position="top",this.positioning="absolute",this.actualPosition=void 0,this.arrowStyles=void 0,this.visible=!1}watchPosition(){this.updateOptions()}onMouseEnter(){this.showWithDelay()}onMouseLeave(){this.hide()}onWindowResize(){this.reposition()}onWindowScroll(){this.reposition()}componentWillLoad(){this.reposition()}componentDidLoad(){this.updateOptions()}render(){const t=p("tooltip",`tooltip--actual-placement-${this.actualPosition?.placement}`,{"tooltip--visible":this.visible});return o(i,{key:"c1cbf222e6f4df7ff1a1b1dcc4d878a41f3f4f40",onKeydown:this.onKeydown},o("span",{key:"6819d99e6c7d0187bf831c570a8df04c48ae6fee",class:t},o("span",{key:"b4a1ca8b5ce716e9f7a28a5b49dafcc04fb89dbc",class:"tooltip__reference","aria-describedby":"tooltip",onFocusout:this.hide,onClick:this.hide,onFocusin:this.show},o("slot",{key:"c4cbfc908cf866d1ddbceeca6670fb126f0b08cb"})),o("span",{key:"a1dcd95b72a588c8728e831c3ab1f3e75e70e2d9",class:"tooltip__popper",ref:t=>this.popperEl=t,style:{top:Boolean(this.actualPosition)?`${this.actualPosition?.y}px`:"",left:Boolean(this.actualPosition)?`${this.actualPosition?.x}px`:"",position:this.positioning}},this.visible&&o("span",{key:"82f02a2b298d9562011c97f604f4933e1690ecee",class:"tooltip__bubble",id:"tooltip",part:"tooltip__bubble",role:"tooltip"},o("span",{key:"603c4625cca8bb6330d404c35c0162fd63fd19a4",class:"tooltip__content",innerHTML:this.content})),o("span",{key:"760c5a9a193ecacc4cbc7de6c8051ba9a8b8f086",class:"tooltip__arrow",ref:t=>this.arrowElement=t,style:{...this.arrowStyles,visibility:this.visible?"visible":"hidden"}}))))}get el(){return e(this)}static get watchers(){return{position:["watchPosition"]}}};h.style=":host{display:contents;font-weight:var(--s-font-weight-normal)}:host *{box-sizing:border-box}.tooltip{display:contents}.tooltip--visible .tooltip__popper{animation:tooltip-fade-in 0.15s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}.tooltip--actual-placement-top .tooltip__arrow{top:calc(100% - 0.0625rem);transform:translate3d(0, -50%, 0) rotate(45deg)}.tooltip--actual-placement-bottom .tooltip__arrow{bottom:calc(100% - 0.0625rem);transform:translate3d(0, 50%, 0) rotate(45deg)}.tooltip--actual-placement-left .tooltip__arrow{left:calc(100% - 0.0625rem);transform:translate3d(-50%, 0, 0) rotate(45deg)}.tooltip--actual-placement-right .tooltip__arrow{right:calc(100% - 0.0625rem);transform:translate3d(50%, 0, 0) rotate(45deg)}.tooltip .tooltip__reference{display:contents}.tooltip__popper{position:absolute;z-index:var(--s-z-40);max-width:17.5rem;opacity:0}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:calc(var(--s-space-8) + 0.0625rem);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);box-shadow:var(--s-shadow-level-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__content{white-space:normal}.tooltip__arrow{position:absolute;width:0.6875rem;height:0.6875rem;border-radius:0.125rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}";export{h as swirl_tooltip}

package/dist/swirl-components/p-cea6c241.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,F as t}from"./p-e212b5b7.js";import{c as i}from"./p-a5dce9e6.js";const r=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,r=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"6c0719b744a224a970ab97eaec7ff29162eca385",class:r,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:"de99b3a3ecc94a247c7092890293f88fcb19ef6d"},e("path",{key:"5e8229a2b6629c87b7142c601012fb33512e3f64",d:"M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex}";export{r as swirl_symbol_smartphone}

package/dist/swirl-components/p-d733e24a.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,F as t}from"./p-e212b5b7.js";import{c as l}from"./p-a5dce9e6.js";const r=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,r=l("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"7b56e916af49bb839bfb5a797693fb7a62daa195",class:r,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:"e8dc455f78f621da29dfb09c5fca27f070de23e6"},e("path",{key:"a395a58d4f21446b066d1814d5e6143be3dcb75d",d:"M12 22C12.53 21.9984 13.0377 21.7872 13.4125 21.4125C13.7872 21.0377 13.9984 20.5299 14 20H10C10.0016 20.5299 10.2128 21.0377 10.5875 21.4125C10.9623 21.7872 11.4701 21.9984 12 22Z",fill:"currentColor"}),e("path",{key:"bb766fc20f7bdeda00924994663d7816b4b9c2f7",d:"M9 19H15C15.2652 19 15.5196 18.8946 15.7071 18.7071C15.8946 18.5196 16 18.2652 16 18C16 17.7348 15.8946 17.4804 15.7071 17.2929C15.5196 17.1054 15.2652 17 15 17H9C8.73479 17 8.48043 17.1054 8.2929 17.2929C8.10536 17.4804 8 17.7348 8 18C8 18.2652 8.10536 18.5196 8.2929 18.7071C8.48043 18.8946 8.73479 19 9 19Z",fill:"currentColor"}),e("path",{key:"a924669d765d7855ae3ff83e5a9877b38c053bc6",d:"M12 2C10.3492 2.00256 8.7453 2.54972 7.4371 3.55663C6.1289 4.56354 5.18946 5.97394 4.76445 7.56913C4.33945 9.16432 4.45263 10.8552 5.08644 12.3795C5.72025 13.9038 6.83928 15.1764 8.27 16H15.73C17.1607 15.1764 18.2798 13.9038 18.9136 12.3795C19.5474 10.8552 19.6606 9.16432 19.2356 7.56913C18.8105 5.97394 17.8711 4.56354 16.5629 3.55663C15.2547 2.54972 13.6508 2.00256 12 2Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex}";export{r as swirl_symbol_lightbulb}

package/dist/swirl-components/p-e6b70044.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as a}from"./p-e212b5b7.js";const i=class{constructor(e){s(this,e),this.glyph=void 0,this.size=24}render(){return e(a,{key:"ab91fd991ac52d3051139d161344187fed3eecdf"},e(`swirl-symbol-${this.glyph}`,{key:"14e42b205a8b8ae26700fde2a6732ae9b1affca8",size:this.size}))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol}