@getflip/swirl-components 0.229.0 → 0.230.0

package/dist/types/components/swirl-shell-layout/swirl-shell-layout.d.ts

@@ -37,6 +37,7 @@ export declare class SwirlShellLayout {
     navigationCollapsed?: boolean;
     secondaryNavCollapsed?: boolean;
     secondaryNavView?: SwirlShellLayoutSecondaryNavView;
+    isDesktopViewport: boolean;
     private focusTrap;
     private mainNavItems;
     private navElement;
@@ -51,6 +52,7 @@ export declare class SwirlShellLayout {
     watchMobileNavigationState(): void;
     watchNavigationCollapsed(): void;
     watchSidebarActive(): void;
+    onWindowResize(): void;
     /**
      * Opens the mobile navigation.
      */

package/dist/types/utils.d.ts

@@ -21,6 +21,7 @@ export declare function generateStoryElement(tag: string, args: {
 }, content?: string): HTMLElement;
 export declare function getVisibleHeight(element: HTMLElement, container: HTMLElement): number;
 export declare function isMobileViewport(): boolean;
+export declare function isDesktopViewport(): boolean;
 export declare function prefersReducedMotion(): boolean;
 export declare function parentsPassShadow(node: any, selector: any, matches?: any[]): any[];
 export declare function querySelectorAllDeep<TargetType extends Element = HTMLElement>(root: HTMLElement, selector: string): TargetType[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.229.0",
+  "version": "0.230.0",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/swirl-components/p-0ac5f986.entry.js

@@ -1 +0,0 @@
-import{r as l,c as e,h as a,H as s,g as i}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";import{c as o}from"./p-878dc806.js";const r="SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE",d="SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE",h="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",c="SWIRL_SHELL_SIDEBAR_STATE",n=class{constructor(a){l(this,a),this.sidebarToggleClick=e(this,"sidebarToggleClick",7),this.skipLinkClick=e(this,"skipLinkClick",7),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.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(r,String(this.secondaryNavCollapsed))},this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()},this.brandedHeader=void 0,this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.enableSecondaryNavGridLayout=!0,this.gridNavLayoutToggleLabel="Grid",this.hideMobileNavigationButtonLabel="Close navigation",this.listNavLayoutToggleLabel="List",this.navigationLabel="Main",this.navigationToggleLabel="Toggle navigation",this.secondaryNavCollapseLabel="Show less",this.secondaryNavExpandLabel="Show more",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,this.secondaryNavCollapsed=void 0,this.secondaryNavView="list"}componentWillLoad(){this.collectNavItems();const l="true"===localStorage.getItem(c);this.sidebarActive=void 0===this.sidebarActive?l:this.sidebarActive;const e="true"===localStorage.getItem(h);this.navigationCollapsed=e,this.restoreSecondaryNavState()}componentDidLoad(){this.focusTrap=o(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:l=>l.shadowRoot}}),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled(),this.navMutationObserver=new MutationObserver((()=>{this.collectNavItems(),this.setSecondaryNavItemsTiled()})),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()}watchSidebarActive(){localStorage.setItem(c,String(this.sidebarActive))}async showMobileNavigation(){this.mobileNavigationActive=!0}async hideMobileNavigation(){this.mobileNavigationActive=!1}toggleNavItemLabels(){[...this.secondaryNavItems,...this.mainNavItems].forEach((l=>{l.hideLabel=!(!this.enableSecondaryNavGridLayout||!this.navigationCollapsed)||!this.enableSecondaryNavGridLayout&&this.navigationCollapsed}))}setSecondaryNavItemsTiled(){this.secondaryNavItems.forEach((l=>{l.tiled=this.enableSecondaryNavGridLayout&&"grid"===this.secondaryNavView}))}restoreSecondaryNavState(){if(this.enableSecondaryNavGridLayout){const l="true"===localStorage.getItem(r);this.secondaryNavCollapsed=l;const e=localStorage.getItem(d);this.secondaryNavView=e}}render(){const l=!0!==this.sidebarToggleBadge&&"true"!==this.sidebarToggleBadge,e=Boolean(this.el.querySelector("[slot='secondary-nav']")),i=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":this.navigationCollapsed,"shell-layout--sidebar-active":this.sidebarActive});return a(s,{key:"2a08e1ff3c834400f2b1bdbe0ce6f2b4ab6752d4"},a("div",{key:"af7cfc344e31d70ea8c80335e7012cdf0ecd0ffb",class:i},a("header",{key:"4740f8e74978c9765e1c26ce25baabcc9faedf4f",class:"shell-layout__header","data-tauri-drag-region":"true"},a("button",{key:"ac69feea364da93f5529adee08d52b6bbd0783f1",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),a("div",{key:"b346cfcef2f12bd64c880b4df1abd2363300d47d",class:"shell-layout__header-left"},a("button",{key:"df98eec8ca1b01219c798af47735cef5295fd1e1",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},a("swirl-icon-dock-left",{key:"9e40c0d95b4f57ca7838b5e16507e0cac995c59c",size:20}),a("swirl-visually-hidden",{key:"912ff1edf6806b234146c01cc5d8777ddaef0b19"},this.navigationToggleLabel)),a("a",{key:"e3e6ccb5b48c531aa9bf449439b196ca7f61f3f2",class:"shell-layout__header-tool",href:"javascript:history.back()"},a("swirl-icon-arrow-back",{key:"c47f9cd28090c073dcf2508d7630dad6b42468b4",size:20}),a("swirl-visually-hidden",{key:"ca8a1448431bdda7b145682ec192b2e47f929985"},this.browserBackButtonLabel)),a("a",{key:"bdceb890d81359edc542770bd04a3d3d2ade8a28",class:"shell-layout__header-tool",href:"javascript:history.forward()"},a("swirl-icon-arrow-forward",{key:"867cde99d76414ec66a3994e887de23985fcbe82",size:20}),a("swirl-visually-hidden",{key:"36ef417bbbd6027eb8b021671d9abaf471d37087"},this.browserForwardButtonLabel)),a("slot",{key:"f360f6ba553a877a453161d0d81f650d536338c7",name:"left-header-tools"})),a("div",{key:"6771b4339bcfb8a3fdd7b011facb27ceb98e1843",class:"shell-layout__logo"},a("slot",{key:"a0a6f1ccc356dba5d92369f0d4923f628cf01ca2",name:"logo"})),a("div",{key:"ad42f72e731aa0d5b12f8f46635432963c608818",class:"shell-layout__header-right"},a("slot",{key:"2151c95079396c8bf70447e56b572ae8e660453b",name:"right-header-tools"}),a("button",{key:"d1b07b8363746a2d52d40ff99351b2985ac48e6c",class:"shell-layout__header-tool shell-layout__sidebar-toggle",onClick:this.sidebarToggleClick.emit,type:"button"},a("swirl-icon",{key:"aa11582771f2147813a2fa5ca56d0dc56d9600eb",glyph:this.sidebarToggleIcon,size:20}),a("swirl-visually-hidden",{key:"673cb8b03399ed8bca293f9b7ae0a5995e52c2d8"},this.sidebarToggleLabel),this.sidebarToggleBadge&&a("swirl-badge",{key:"4b58b910efe4d4f60d88b559ff1f8448d953ba28","aria-label":this.sidebarToggleBadgeAriaLabel,label:l?String(this.sidebarToggleBadge):this.sidebarToggleBadgeAriaLabel,size:"xs",variant:l?"default":"dot"})),a("slot",{key:"95e6abbce7dee1b9d53cdb0af7d852172c0ecda0",name:"avatar"}))),a("div",{key:"46ab18c480eb5ff275a8af9dbf94f08772508a0c",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),a("nav",{key:"356d67f7fd3e99731cddf139dd54957e1cff4158","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:l=>this.navElement=l},a("div",{key:"a23f2504292957b212b99930399a947484b847b2",class:"shell-layout__mobile-header"},a("slot",{key:"31f1fe99e8a55c4521e4591ac5d368665cb067fe",name:"mobile-logo"}),a("div",{key:"f1b8bfcbb2532a2ab50394b2e4fc27bfe6b6069e",class:"shell-layout__mobile-header-tools"},a("slot",{key:"bbde50cb773426ddd9c13ad9ed8255f63a2bcd2f",name:"mobile-header-tools"}),a("button",{key:"8d10f23b745bcb81ff9c7251a7f7fe7c6c3012db",class:"shell-layout__header-tool",type:"button"},a("swirl-icon-double-arrow-left",{key:"9cdd84cefb55d1623dbb716dce7e35f866342018",size:20}),a("swirl-visually-hidden",{key:"4621fa1a7acf0a403c2e3e4da7210b770d13b051"},this.hideMobileNavigationButtonLabel)))),a("div",{key:"99bd9a3cfcc7859c26d1995847574df1875ca511",class:"shell-layout__nav-body"},a("swirl-visually-hidden",{key:"908ab720d24a8d1b976f84c9e22e0f1fc8ac6c74"},a("span",{key:"0f8c25ecd451c3ba2cbdc737466ffaf78cbc373d",id:"main-navigation-label"},this.navigationLabel)),a("slot",{key:"c3444ebf80551ab97887c34ca0859545e0809c11",name:"nav",onSlotchange:this.collectNavItems}),a("div",{key:"298f337e2c97bba06e6eeab3cc925ae683f244f3",class:"shell-layout__secondary-nav"},a("swirl-separator",{key:"3b73e0be030ce4b22bd13953181897d1b65638b3",borderColor:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&a("swirl-box",{key:"96ec376bd6c3fa514cabde7b8d42d9d9eda4c3e3",paddingBlockEnd:"16"},a("swirl-stack",{key:"ce9778f2a08bb1a0b89d8a99a4625778a0cc308c",justify:this.navigationCollapsed?"center":"space-between",orientation:"horizontal"},a("swirl-button",{key:"4d3198c29d0d3a6c650194786cecfef48bf42650",hideLabel:this.navigationCollapsed,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"}),!this.navigationCollapsed&&!this.secondaryNavCollapsed&&a("swirl-button",{key:"9c43584ccb0e91ecc7143c1f4671c664515db04c",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:"01ac89f493e0c1105c8335a28dd854429d30bb7b",class:{"shell-layout__secondary-nav-items":!0,"shell-layout__secondary-nav-items--grid-view":this.enableSecondaryNavGridLayout&&"grid"===this.secondaryNavView}},a("slot",{key:"4739e0f330868683ab55f86544d704a6824739fe",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),a("main",{key:"b6a57c3022e231f7b2c4217150863e7db9d5b6cd",class:"shell-layout__main",id:"main-content"},a("slot",{key:"2a30c9408e9fdb3f7b6a0e4d14f73c0134970da1"})),a("aside",{key:"cc5ebd6001cf2f5ea5c0f24ff419591a325860c0",class:"shell-layout__sidebar",inert:!this.sidebarActive||void 0},a("div",{key:"cdddc210d0b8e0b9550ff1f3741278252d79fc73",class:"shell-layout__sidebar-body"},a("div",{key:"a8ebbdd90a49101ddaceeec6945e2d402f8271d4",class:"shell-layout__sidebar-app-bar"},a("slot",{key:"7918198bf32dd5fd2da628c0583da1519ec6a1df",name:"sidebar-app-bar"})),a("div",{key:"98437c94ee53ad2b948b06212f72b351f1a770a5",class:"shell-layout__sidebar-content"},a("slot",{key:"d656f8edfe29979c906e05ab326741c69713e621",name:"sidebar"}))))))}get el(){return i(this)}static get watchers(){return{enableSecondaryNavGridLayout:["watchEnableSecondaryNavGridLayout"],mobileNavigationActive:["watchMobileNavigationState"],navigationCollapsed:["watchNavigationCollapsed"],sidebarActive:["watchSidebarActive"]}}};n.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;--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.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);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,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.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}}@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.1s;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--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;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-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__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.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__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none;flex-basis:calc(50% - var(--s-space-8))}.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.1s;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{n as swirl_shell_layout}

package/dist/swirl-components/p-58abf3c6.js

@@ -1 +0,0 @@
-function n(t,o){return t?t instanceof ShadowRoot?n(t.host,o):t instanceof HTMLElement&&t.matches(o)?t:n(t.parentNode,o):null}function t(n,t){let o=n;for(;null!==o;){if(o===t)return!0;o=o.parentNode,o instanceof ShadowRoot&&(o=o.host)}return!1}function o(n=document){const t=n.activeElement;if(Boolean(t))return Boolean(t.shadowRoot)?o(t.shadowRoot):t}const e=()=>document.documentElement.classList.contains("disable-desktop-style-tweaks")?window.matchMedia(null):window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");function i(n,t,o=!1){let e;return async function(){const i=this,r=arguments,a=o&&!Boolean(e);clearTimeout(e),e=setTimeout((function(){e=null,o||n.apply(i,r)}),t),a&&n.apply(i,r)}}function r(n,t){const o=t.scrollTop,e=o+t.clientHeight,i=t.getBoundingClientRect(),r=n.getBoundingClientRect().top-i.top+o,a=r+n.offsetHeight;return(a>e?e:a)-(r<o?o:r)}function a(){return!window.matchMedia("(min-width: 768px)").matches}function u(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function c(n,t,o=[]){return n?n instanceof ShadowRoot?c(n.host,t,o):n instanceof HTMLElement&&n.matches(t)?c(n.parentNode,t,[...o,n]):c(n.parentNode,t,o):o}function s(n,t){const o=function n(t,o){if(!Boolean(o))return[];const e=Array.from(o.querySelectorAll(t)),i=Boolean(window.HTMLSlotElement)&&o instanceof HTMLSlotElement?o.assignedElements():[],r=[...Array.from(o.children),...i],a=n(t,o.shadowRoot);return[...e,...r.map((o=>n(t,o))).flat(),...a]}(t,n).filter(((n,t,o)=>!o.some(((o,e)=>o.isSameNode(n)&&e>t))));return o}function f(n){const t=new Date(n);return t.setMinutes(t.getMinutes()+t.getTimezoneOffset()),t}export{t as a,o as b,n as c,i as d,u as e,r as f,e as g,a as i,c as p,s as q,f as r}