@getflip/swirl-components 0.423.1 → 0.425.0

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

@@ -1 +0,0 @@
-import{r as l,c as e,h as a,H as s,d as o}from"./p-Dj_4Fda9.js";import{c as t}from"./p-orsBiyT_.js";import{c as i}from"./p-DIdMBZfn.js";import{m as r}from"./p-wi_3Z3FQ.js";const n="SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE",d="SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE",h="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",c=class{constructor(a){l(this,a),this.skipLinkClick=e(this,"skipLinkClick",7),this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.collapseNavigationButtonLabel="Collapse navigation",this.enableSecondaryNavGridLayout=!0,this.secondaryNavGridLayoutVariant="tiled",this.expandNavigationButtonLabel="Expand navigation",this.gridNavLayoutToggleLabel="Grid",this.hideMobileNavigationButtonLabel="Close navigation",this.listNavLayoutToggleLabel="List",this.navigationLabel="Main",this.secondaryNavCollapseLabel="Show less",this.secondaryNavExpandLabel="Show more",this.skipLinkLabel="Skip to main content",this.isDesktopViewport=!0,this.secondaryNavView="list",this.collectNavItems=()=>{this.mainNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")),this.secondaryNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()},this.toggleSecondaryNavView=l=>{l.stopPropagation(),this.secondaryNavView="grid"===this.secondaryNavView?"list":"grid",this.setSecondaryNavItemsTiled(),localStorage.setItem(d,String(this.secondaryNavView))},this.toggleSecondaryNavCollapse=l=>{l.stopPropagation(),this.secondaryNavCollapsed=!this.secondaryNavCollapsed,localStorage.setItem(n,String(this.secondaryNavCollapsed))},this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()}}componentWillLoad(){this.isDesktopViewport=r(),this.collectNavItems();const l="true"===localStorage.getItem(h);this.navigationCollapsed=l,this.restoreSecondaryNavState()}componentDidLoad(){this.focusTrap=i(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:l=>l.shadowRoot}}),this.collectNavItems(),this.navMutationObserver=new MutationObserver((()=>{this.collectNavItems()})),this.navMutationObserver.observe(this.navElement,{childList:!0,subtree:!0})}componentDidRender(){this.focusTrap?.updateContainerElements(this.navElement)}disconnectedCallback(){this.focusTrap?.deactivate(),this.navMutationObserver?.disconnect()}onWindowKeyDown(l){"Escape"===l.key&&this.mobileNavigationActive&&this.hideMobileNavigation()}watchEnableSecondaryNavGridLayout(){this.restoreSecondaryNavState()}watchMobileNavigationState(){this.mobileNavigationActive?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}watchNavigationCollapsed(){localStorage.setItem(h,String(this.navigationCollapsed)),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()}onWindowResize(){this.isDesktopViewport!==r()&&(this.isDesktopViewport=r(),this.collectNavItems())}async showMobileNavigation(){this.mobileNavigationActive=!0,this.collectNavItems()}async hideMobileNavigation(){this.mobileNavigationActive=!1,this.toggleNavItemLabels()}toggleNavItemLabels(){[...this.secondaryNavItems,...this.mainNavItems].forEach((l=>{l.hideLabel=this.navigationCollapsed&&this.isDesktopViewport}))}setSecondaryNavItemsTiled(){this.secondaryNavItems.forEach((l=>{l.variant=this.enableSecondaryNavGridLayout&&("grid"===this.secondaryNavView||this.navigationCollapsed&&this.isDesktopViewport)?this.secondaryNavGridLayoutVariant:"default"}))}restoreSecondaryNavState(){if(this.enableSecondaryNavGridLayout){const l="true"===localStorage.getItem(n);this.secondaryNavCollapsed=l;const e=localStorage.getItem(d);this.secondaryNavView=e}}render(){const l=this.navigationCollapsed&&this.isDesktopViewport,e=Boolean(this.el.querySelector("[slot='secondary-nav']")),o=t("shell-layout",{"shell-layout--branded-header":this.brandedHeader,"shell-layout--secondary-nav-collapsed":this.secondaryNavCollapsed,"shell-layout--has-secondary-nav":e,"shell-layout--mobile-navigation-active":this.mobileNavigationActive,"shell-layout--navigation-collapsed":l});return a(s,{key:"ba71850ab25187477de0fd280333491e17aa507e"},a("div",{key:"1783f51de5c40b6b58a8c351c12259dcf360eb8b",class:o},a("header",{key:"60e343ccfcab61ac22310c7cb49a27cf545d5bd2",class:"shell-layout__header","data-tauri-drag-region":"true"},a("button",{key:"add3019d8df87297e691ceadd0e9a608207a4c02",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),a("div",{key:"8aeeebda57bcf6b99806896d3e77a29c577ef64b",class:"shell-layout__header-left"},a("swirl-tooltip",{key:"8c76fce6027707fc32c50d2628a82954fc9b948c",content:this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel,delay:100,position:"right"},a("button",{key:"ac3db57bb52dd17e08e429e6a322c854367bcc63",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},a(this.navigationCollapsed?"swirl-icon-dock-left-expand":"swirl-icon-dock-left-collapse",{size:20}),a("swirl-visually-hidden",{key:"74a9b9f0f625c3cf1ecd4d54d6da9e7820e4fe79"},this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel))),a("a",{key:"3e79631fa44f47145c3d04904fd82d8c1123a5de",class:"shell-layout__header-tool",href:"javascript:history.back()"},a("swirl-icon-arrow-back",{key:"2344d7fb3dd96d2324cc722201994441d9681554",size:20}),a("swirl-visually-hidden",{key:"57f42760e017b7564aef0a09c2cce29623bbb238"},this.browserBackButtonLabel)),a("a",{key:"8d82f609f9d21ba4aabdc6f6984ef865ca13482f",class:"shell-layout__header-tool",href:"javascript:history.forward()"},a("swirl-icon-arrow-forward",{key:"877244452295b3bc41f51393bc56660287e5f394",size:20}),a("swirl-visually-hidden",{key:"55053998bd6f93f168b13de4d91b8771f380db21"},this.browserForwardButtonLabel)),a("slot",{key:"b51a7edc15aa6fb8b86474d0f7a94f0da4b9dc66",name:"left-header-tools"})),a("div",{key:"e3be12dfb40ad48280f5ce919cbbb03126a9b136",class:"shell-layout__logo"},a("slot",{key:"d6292d958c06e33b25f5b848ef1f305560b346a6",name:"logo"})),a("div",{key:"432770ab91b3fb0d6512632ca7272cc02220f93f",class:"shell-layout__header-right"},a("slot",{key:"ffe6e81aacc341b6617ead1191b5172779f0e6bb",name:"right-header-tools"}),a("slot",{key:"45aa7fa1d83cbc7cd25a3479247d62ba14d39839",name:"avatar"}))),a("div",{key:"c11e952da53499494f794e1439519862580c28cf",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),a("nav",{key:"e718116e58c0c9b9875d16f7b340f7b10284c407","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:l=>this.navElement=l},a("div",{key:"9461acc9b41bebd9ab0d5a8cf2535babb18e3ec0",class:"shell-layout__mobile-header"},a("slot",{key:"bd90c25a4f27085037853fd96df9c04167d31413",name:"mobile-logo"}),a("div",{key:"affad63e0ae66b9810479ff1472101bc71b1b745",class:"shell-layout__mobile-header-tools"},a("slot",{key:"4cac99bc568ff6d345c3d8c8921cadd38e054294",name:"mobile-header-tools"}),a("button",{key:"b6e53b7a8e5b0be7c4bc81626fced0a0b22ac807",class:"shell-layout__header-tool",type:"button"},a("swirl-icon-double-arrow-left",{key:"52fe0309bc2ff3c988c406dcbd34ea505e602ef3",size:20}),a("swirl-visually-hidden",{key:"7425e4993d3c11609673d5444f197b4cce23b0b0"},this.hideMobileNavigationButtonLabel)))),a("div",{key:"76e3108a837e780f5ba7c115d9ab9c654cee2583",class:"shell-layout__nav-body"},a("swirl-visually-hidden",{key:"93a613134cf84890462f030007f8712f67e896ce"},a("span",{key:"8abd0fe2b0b7dab953ff12fb4d6b23129ffee71e",id:"main-navigation-label"},this.navigationLabel)),a("slot",{key:"493535666ed3af1401c90142654362abb4783a05",name:"nav",onSlotchange:this.collectNavItems}),a("div",{key:"70799718bc984b00f421f3dcbee1e46d131fd439",class:"shell-layout__secondary-nav"},a("swirl-separator",{key:"0a956f25ae179002f308aa8a0e1278b18fbbd26e",color:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&a("swirl-box",{key:"ed807b244604feb205503ca6951240c556f2ff99",paddingBlockEnd:"16"},a("swirl-stack",{key:"90d40a649043b463531d6614e0ba4dfd6d675006",justify:l?"center":"space-between",orientation:"horizontal"},a("swirl-button",{key:"dfdbd0a375bf32cf06fde7eee4cf9a64640d78ca",hideLabel:l,icon:this.secondaryNavCollapsed?"<swirl-icon-expand-more></swirl-icon-expand-more>":"<swirl-icon-expand-less></swirl-icon-expand-less>",label:this.secondaryNavCollapsed?this.secondaryNavExpandLabel:this.secondaryNavCollapseLabel,onClick:this.toggleSecondaryNavCollapse,variant:"plain"}),!l&&!this.secondaryNavCollapsed&&a("swirl-button",{key:"55467b2ec7f96372bedaba657b068bf2b044bd4d",icon:"grid"===this.secondaryNavView?"<swirl-icon-menu></swirl-icon-menu>":"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",iconPosition:"end",label:"grid"===this.secondaryNavView?this.gridNavLayoutToggleLabel:this.listNavLayoutToggleLabel,onClick:this.toggleSecondaryNavView,variant:"plain"}))),a("div",{key:"38f99681433035f63b2fcc9185d7e6b1888f4bb4",class:{[`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]:!0,"shell-layout__secondary-nav-items":!0,"shell-layout__secondary-nav-items--grid-view":this.enableSecondaryNavGridLayout&&"grid"===this.secondaryNavView}},a("slot",{key:"8d49eb0021897e49b9271c5ead87cc67befe0fdc",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),a("main",{key:"5e3c5fcff583838c418f4a6989b7e10b63831a4f",class:"shell-layout__main",id:"main-content"},a("slot",{key:"688823dcc10d0b29c9a08e014ad8769b8ac22f61"}))))}get el(){return o(this)}static get watchers(){return{enableSecondaryNavGridLayout:["watchEnableSecondaryNavGridLayout"],mobileNavigationActive:["watchMobileNavigationState"],navigationCollapsed:["watchNavigationCollapsed"]}}};c.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:18rem;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.1s;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);-moz-column-gap:var(--s-space-8);column-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{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}.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--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.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;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-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;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:relative;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.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul{row-gap:var(--s-space-16);-moz-column-gap:0;column-gap:0}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul{gap:var(--s-space-16)}.shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(50% - var(--s-space-8))}.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(100% / 3)}.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)}}@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{c as swirl_shell_layout}

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

@@ -1 +0,0 @@
-import{r as i,h as e,F as t}from"./p-Dj_4Fda9.js";import{c as a}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},c=a("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"7fdfb677f76a4da57f90f9210868d0b8350171e4","aria-hidden":"true",class:c,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:"5bf4f64f0881a840296d91973eae6862ecd8f0ca"},e("path",{key:"564030299f30c856ec50628ec07a70cd037464c3",d:"M5.33331 10.6667H2.66665L2.66665 3.33333H13.3333V10.6667H6.78103L5.33331 12.1144V10.6667ZM13.3333 2H2.66665C1.93027 2 1.33331 2.59695 1.33331 3.33333V10.6667C1.33331 11.403 1.93027 12 2.66665 12H3.99998V13.7239C3.99998 14.3178 4.71807 14.6152 5.13805 14.1953L7.33331 12H13.3333C14.0697 12 14.6666 11.403 14.6666 10.6667V3.33333C14.6666 2.59695 14.0697 2 13.3333 2Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(t,{key:"ec510dcac32054c86b3a5def657c5c74d61b9a15"},e("path",{key:"ab454a7a8e6310984dc158816d55af4a8fc1168a",d:"M8 16H4L4 5H20V16H10.1716L8 18.1716V16ZM20 3H4C2.89543 3 2 3.89543 2 5V16C2 17.1046 2.89543 18 4 18H6V20.5858C6 21.4767 7.07714 21.9229 7.70711 21.2929L11 18H20C21.1046 18 22 17.1046 22 16V5C22 3.89543 21.1046 3 20 3Z",fill:"currentColor"})),28===this.size&&e(t,{key:"76b91787f376cce03585b927483b7ad648f41796"},e("path",{key:"39c78e371757ab661b63e710b3610776870e3a3f",d:"M9.33331 18.6667H4.66665L4.66665 5.83333H23.3333V18.6667H11.8668L9.33331 21.2002V18.6667ZM23.3333 3.5H4.66665C3.37798 3.5 2.33331 4.54467 2.33331 5.83333V18.6667C2.33331 19.9553 3.37798 21 4.66665 21H6.99998V24.0168C6.99998 25.0561 8.25665 25.5767 8.9916 24.8417L12.8333 21H23.3333C24.622 21 25.6666 19.9553 25.6666 18.6667V5.83333C25.6666 4.54467 24.622 3.5 23.3333 3.5Z",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_chat_bubble}

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

@@ -1 +0,0 @@
-import{r as C,h as e,F as d}from"./p-Dj_4Fda9.js";import{c as a}from"./p-orsBiyT_.js";const r=class{constructor(e){C(this,e),this.size=24}render(){const C=20===this.size?24:this.size,r={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},t=a("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"e1a96a889150fd9ec8b715857d126b7a6fac963e","aria-hidden":"true",class:t,fill:"none",height:this.size,part:"icon",style:r,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(d,{key:"7a3de4bdd90d3d748ab0280101769f3d30bd9582"},e("path",{key:"8af7e6df72edfb54d610671b390ac025a8da6b56",d:"M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z",fill:"currentColor"}),e("path",{key:"270c93ddd17cdca38fb7a687b0e2e07f170f2169",d:"M4.66663 14C3.56206 14 2.66663 13.1046 2.66663 12V4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663ZM4.66663 3.33333C4.29844 3.33333 3.99996 3.63181 3.99996 4V12C3.99996 12.3682 4.29844 12.6667 4.66663 12.6667H4.83669C5.67999 11.4577 7.08107 10.6667 8.6669 10.6667C10.2527 10.6667 11.6538 11.4577 12.4971 12.6667H12.6666C13.0348 12.6667 13.3333 12.3682 13.3333 12V4C13.3333 3.63181 13.0348 3.33333 12.6666 3.33333H4.66663ZM6.66621 12.6667H10.6676C10.1098 12.2474 9.41698 12 8.6669 12C7.91681 12 7.22402 12.2474 6.66621 12.6667Z",fill:"currentColor"}),e("path",{key:"aa62358b740c954d33f943cddb3fc2232437957b",d:"M8.66663 8C8.29844 8 7.99996 7.70152 7.99996 7.33333C7.99996 6.96514 8.29844 6.66667 8.66663 6.66667C9.03482 6.66667 9.33329 6.96514 9.33329 7.33333C9.33329 7.70152 9.03482 8 8.66663 8ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(d,{key:"0b86f8d5f159beb1adb49b6810e1bedc98b73c98"},e("path",{key:"f8cd557399a9531e474d02725ee47cdb5004288b",d:"M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z",fill:"currentColor"}),e("path",{key:"f3c8ad405d891120b777571344fd9e67438f9507",d:"M7 21C5.34315 21 4 19.6569 4 18V6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7ZM7 5C6.44772 5 6 5.44772 6 6V18C6 18.5523 6.44772 19 7 19H7.25509C8.52004 17.1865 10.6217 16 13.0004 16C15.3791 16 17.4808 17.1865 18.7457 19H19C19.5523 19 20 18.5523 20 18V6C20 5.44772 19.5523 5 19 5H7ZM9.99938 19H16.0014C15.1647 18.3712 14.1255 18 13.0004 18C11.8753 18 10.8361 18.3712 9.99938 19Z",fill:"currentColor"}),e("path",{key:"828ac1f7a91c6761d8a1b709984b0c0dbe1d83e4",d:"M13 12C12.4477 12 12 11.5523 12 11C12 10.4477 12.4477 10 13 10C13.5523 10 14 10.4477 14 11C14 11.5523 13.5523 12 13 12ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z",fill:"currentColor"})),28===this.size&&e(d,{key:"6662223fef9b248a34140b64768eec2d40e394bb"},e("path",{key:"6a3e8c9e6ffbf4bf3fc2c662287a94cb30cc8624",d:"M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z",fill:"currentColor"}),e("path",{key:"58f427e93203abe10526ddf0be9c7b9c7180194e",d:"M8.16663 24.5C6.23363 24.5 4.66663 22.933 4.66663 21V7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663ZM8.16663 5.83333C7.52229 5.83333 6.99996 6.35567 6.99996 7V21C6.99996 21.6443 7.52229 22.1667 8.16663 22.1667H8.46424C9.94001 20.0509 12.3919 18.6667 15.1671 18.6667C17.9423 18.6667 20.3942 20.0509 21.87 22.1667H22.1666C22.811 22.1667 23.3333 21.6443 23.3333 21V7C23.3333 6.35567 22.811 5.83333 22.1666 5.83333H8.16663ZM11.6659 22.1667H18.6683C17.6921 21.433 16.4798 21 15.1671 21C13.8544 21 12.6421 21.433 11.6659 22.1667Z",fill:"currentColor"}),e("path",{key:"b43b3f46fd8f2875e8be10fe09698aca07f0b91b",d:"M15.1666 14C14.5223 14 14 13.4777 14 12.8333C14 12.189 14.5223 11.6667 15.1666 11.6667C15.811 11.6667 16.3333 12.189 16.3333 12.8333C16.3333 13.4777 15.811 14 15.1666 14ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{r as swirl_icon_directory}

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

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

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

@@ -1 +0,0 @@
-import{r as C,h as e,F as s}from"./p-Dj_4Fda9.js";import{c as a}from"./p-orsBiyT_.js";const i=class{constructor(e){C(this,e),this.size=24}render(){const C=a("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"8aa0be6a9390fa1029571f91232fb2e64175965d",class:C,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(s,{key:"122e01a7f0257c7128d29a3df97763ae0c604ed6"},e("g",{key:"92cb7d1e3b35ea4561a4e4759d0b8d71f9d01378","clip-path":"url(#clip0_1_88)"},e("path",{key:"e173e5b678651e3ef41ac0871310201381417302",d:"M12 12.75C13.4602 12.7551 14.9036 13.0615 16.24 13.65C16.7657 13.8864 17.2117 14.2701 17.524 14.7545C17.8363 15.239 18.0017 15.8036 18 16.38V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H7C6.73478 18 6.48043 17.8946 6.29289 17.7071C6.10536 17.5196 6 17.2652 6 17V16.39C5.99568 15.813 6.15993 15.2473 6.47258 14.7623C6.78523 14.2774 7.23268 13.8943 7.76 13.66C9.09406 13.0632 10.5386 12.7532 12 12.75ZM4 13C4.39556 13 4.78224 12.8827 5.11114 12.6629C5.44004 12.4432 5.69638 12.1308 5.84776 11.7654C5.99913 11.3999 6.03874 10.9978 5.96157 10.6098C5.8844 10.2219 5.69392 9.86549 5.41421 9.58579C5.13451 9.30608 4.77814 9.1156 4.39018 9.03843C4.00222 8.96126 3.60009 9.00087 3.23463 9.15224C2.86918 9.30362 2.55682 9.55996 2.33706 9.88886C2.1173 10.2178 2 10.6044 2 11C2.00158 11.5299 2.2128 12.0377 2.58754 12.4125C2.96227 12.7872 3.47005 12.9984 4 13ZM5.13 14.1C4.75667 14.0361 4.37876 14.0026 4 14C3.04329 13.9999 2.09687 14.1974 1.22 14.58C0.85779 14.735 0.549073 14.9929 0.332183 15.3218C0.115294 15.6507 -0.000214706 16.036 2.9961e-07 16.43V17C2.9961e-07 17.2652 0.105357 17.5196 0.292894 17.7071C0.48043 17.8946 0.734784 18 1 18H4.5V16.39C4.50113 15.584 4.71871 14.7931 5.13 14.1ZM20 13C20.3956 13 20.7822 12.8827 21.1111 12.6629C21.44 12.4432 21.6964 12.1308 21.8478 11.7654C21.9991 11.3999 22.0387 10.9978 21.9616 10.6098C21.8844 10.2219 21.6939 9.86549 21.4142 9.58579C21.1345 9.30608 20.7781 9.1156 20.3902 9.03843C20.0022 8.96126 19.6001 9.00087 19.2346 9.15224C18.8692 9.30362 18.5568 9.55996 18.3371 9.88886C18.1173 10.2178 18 10.6044 18 11C18.0016 11.5299 18.2128 12.0377 18.5875 12.4125C18.9623 12.7872 19.4701 12.9984 20 13ZM24 16.43C24.0002 16.036 23.8847 15.6507 23.6678 15.3218C23.4509 14.9929 23.1422 14.735 22.78 14.58C21.5526 14.0377 20.1921 13.8707 18.87 14.1C19.2813 14.7931 19.4989 15.584 19.5 16.39V18H23C23.2652 18 23.5196 17.8946 23.7071 17.7071C23.8946 17.5196 24 17.2652 24 17V16.43ZM12 6C12.5933 6 13.1734 6.17595 13.6667 6.50559C14.1601 6.83524 14.5446 7.30377 14.7716 7.85195C14.9987 8.40013 15.0581 9.00333 14.9424 9.58527C14.8266 10.1672 14.5409 10.7018 14.1213 11.1213C13.7018 11.5409 13.1672 11.8266 12.5853 11.9424C12.0033 12.0581 11.4001 11.9987 10.8519 11.7716C10.3038 11.5446 9.83524 11.1601 9.50559 10.6667C9.17595 10.1734 9 9.59334 9 9C9 8.20435 9.31607 7.44129 9.87868 6.87868C10.4413 6.31607 11.2044 6 12 6Z",fill:"currentColor"})),e("defs",{key:"bdaf2a63433022394c0d03bb7d0235f55e732a96"},e("clipPath",{key:"c9a70fd86c38b783be102a70beca835dcb06e527",id:"clip0_1_88"},e("rect",{key:"79523c7f6cd38d616d2777d4b5665605e49dba0b",width:"24",height:"24",fill:"currentColor"})))))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_groups}

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

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