@getflip/swirl-components 0.219.0 → 0.220.1

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlShellLayoutSecondaryNavView = "grid" | "list";
 /**
  * @slot logo - Logo shown inside header.
  * @slot left-header-tools - Tools positioned on the header's left-hand side.
@@ -12,12 +13,18 @@ import { EventEmitter } from "../../stencil-public-runtime";
  * @slot sidebar - Contents of the right sidebar.
  */
 export declare class SwirlShellLayout {
+    el: HTMLElement;
     brandedHeader?: boolean;
     browserBackButtonLabel?: string;
     browserForwardButtonLabel?: string;
+    enableSecondaryNavGridLayout?: boolean;
+    gridNavLayoutToggleLabel?: string;
     hideMobileNavigationButtonLabel?: string;
+    listNavLayoutToggleLabel?: string;
     navigationLabel?: string;
     navigationToggleLabel?: string;
+    secondaryNavCollapseLabel?: string;
+    secondaryNavExpandLabel?: string;
     sidebarActive?: boolean;
     sidebarToggleBadge?: string | boolean;
     sidebarToggleBadgeAriaLabel?: string;
@@ -28,8 +35,13 @@ export declare class SwirlShellLayout {
     skipLinkClick: EventEmitter<MouseEvent>;
     mobileNavigationActive?: boolean;
     navigationCollapsed?: boolean;
+    secondaryNavCollapsed?: boolean;
+    secondaryNavView?: SwirlShellLayoutSecondaryNavView;
     private focusTrap;
+    private mainNavItems;
     private navElement;
+    private navMutationObserver;
+    private secondaryNavItems;
     componentWillLoad(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
@@ -42,11 +54,16 @@ export declare class SwirlShellLayout {
      * Opens the mobile navigation.
      */
     showMobileNavigation(): Promise<void>;
+    collectNavItems: () => void;
+    toggleSecondaryNavView: () => void;
+    toggleSecondaryNavCollapse: () => void;
     /**
      * Hides the mobile navigation.
      */
     hideMobileNavigation(): Promise<void>;
     private onNavigationToggleClick;
     private onNavigationClick;
+    private toggleNavItemLabels;
+    private setSecondaryNavItemsTiled;
     render(): any;
 }

package/dist/types/components/swirl-shell-navigation-item/swirl-shell-navigation-item.d.ts

@@ -5,9 +5,11 @@ export declare class SwirlShellNavigationItem {
     el: HTMLElement;
     active?: boolean;
     badgeLabel?: string;
+    boxed?: boolean;
+    hideLabel?: boolean;
     href?: string;
     label: string;
     target?: string;
-    boxed?: boolean;
+    tiled?: boolean;
     render(): any;
 }

package/dist/types/components/swirl-tooltip/swirl-tooltip.d.ts

@@ -2,6 +2,7 @@ import { ComputePositionReturn, Strategy } from "@floating-ui/dom";
 export type SwirlTooltipPosition = "top" | "right" | "bottom" | "left";
 export declare class SwirlTooltip {
     el: HTMLElement;
+    active: boolean;
     content: string;
     delay?: number;
     position?: SwirlTooltipPosition;

package/dist/types/components.d.ts

@@ -1744,13 +1744,18 @@ export namespace Components {
         "brandedHeader"?: boolean;
         "browserBackButtonLabel"?: string;
         "browserForwardButtonLabel"?: string;
+        "enableSecondaryNavGridLayout"?: boolean;
+        "gridNavLayoutToggleLabel"?: string;
         /**
           * Hides the mobile navigation.
          */
         "hideMobileNavigation": () => Promise<void>;
         "hideMobileNavigationButtonLabel"?: string;
+        "listNavLayoutToggleLabel"?: string;
         "navigationLabel"?: string;
         "navigationToggleLabel"?: string;
+        "secondaryNavCollapseLabel"?: string;
+        "secondaryNavExpandLabel"?: string;
         /**
           * Opens the mobile navigation.
          */
@@ -1766,9 +1771,11 @@ export namespace Components {
         "active"?: boolean;
         "badgeLabel"?: string;
         "boxed"?: boolean;
+        "hideLabel"?: boolean;
         "href"?: string;
         "label": string;
         "target"?: string;
+        "tiled"?: boolean;
     }
     interface SwirlSkeletonBox {
         "animated"?: boolean;
@@ -2194,6 +2201,7 @@ export namespace Components {
         "orientation"?: SwirlToolbarOrientation;
     }
     interface SwirlTooltip {
+        "active": boolean;
         "content": string;
         "delay"?: number;
         "position"?: SwirlTooltipPosition;
@@ -6908,11 +6916,16 @@ declare namespace LocalJSX {
         "brandedHeader"?: boolean;
         "browserBackButtonLabel"?: string;
         "browserForwardButtonLabel"?: string;
+        "enableSecondaryNavGridLayout"?: boolean;
+        "gridNavLayoutToggleLabel"?: string;
         "hideMobileNavigationButtonLabel"?: string;
+        "listNavLayoutToggleLabel"?: string;
         "navigationLabel"?: string;
         "navigationToggleLabel"?: string;
         "onSidebarToggleClick"?: (event: SwirlShellLayoutCustomEvent<MouseEvent>) => void;
         "onSkipLinkClick"?: (event: SwirlShellLayoutCustomEvent<MouseEvent>) => void;
+        "secondaryNavCollapseLabel"?: string;
+        "secondaryNavExpandLabel"?: string;
         "sidebarActive"?: boolean;
         "sidebarToggleBadge"?: string | boolean;
         "sidebarToggleBadgeAriaLabel"?: string;
@@ -6924,9 +6937,11 @@ declare namespace LocalJSX {
         "active"?: boolean;
         "badgeLabel"?: string;
         "boxed"?: boolean;
+        "hideLabel"?: boolean;
         "href"?: string;
         "label": string;
         "target"?: string;
+        "tiled"?: boolean;
     }
     interface SwirlSkeletonBox {
         "animated"?: boolean;
@@ -7319,6 +7334,7 @@ declare namespace LocalJSX {
         "orientation"?: SwirlToolbarOrientation;
     }
     interface SwirlTooltip {
+        "active"?: boolean;
         "content": string;
         "delay"?: number;
         "position"?: SwirlTooltipPosition;

package/package.json

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

package/vscode-data.json

@@ -14329,10 +14329,22 @@
           "name": "browser-forward-button-label",
           "description": ""
         },
+        {
+          "name": "enable-secondary-nav-grid-layout",
+          "description": ""
+        },
+        {
+          "name": "grid-nav-layout-toggle-label",
+          "description": ""
+        },
         {
           "name": "hide-mobile-navigation-button-label",
           "description": ""
         },
+        {
+          "name": "list-nav-layout-toggle-label",
+          "description": ""
+        },
         {
           "name": "navigation-label",
           "description": ""
@@ -14341,6 +14353,14 @@
           "name": "navigation-toggle-label",
           "description": ""
         },
+        {
+          "name": "secondary-nav-collapse-label",
+          "description": ""
+        },
+        {
+          "name": "secondary-nav-expand-label",
+          "description": ""
+        },
         {
           "name": "sidebar-active",
           "description": ""
@@ -14386,6 +14406,10 @@
           "name": "boxed",
           "description": ""
         },
+        {
+          "name": "hide-label",
+          "description": ""
+        },
         {
           "name": "href",
           "description": ""
@@ -14397,6 +14421,10 @@
         {
           "name": "target",
           "description": ""
+        },
+        {
+          "name": "tiled",
+          "description": ""
         }
       ]
     },
@@ -16522,6 +16550,10 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "active",
+          "description": ""
+        },
         {
           "name": "content",
           "description": ""

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

@@ -1 +0,0 @@
-import{r as s,h as a,F as e}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const i=class{constructor(a){s(this,a),this.size=24}render(){const s=20===this.size?24:this.size,i=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return a("svg",{key:"bbe20dc757bd06853fa19a0aa16f89f74fada754",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},a(e,{key:"48554296e293c4ea01ea4ad38dc93bd6a5cc9606"},a("path",{key:"b9857bd71ee87109ba55039ad5418982462f0913",d:"M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_bookmark}

package/dist/swirl-components/p-1dd447f5.entry.js

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

package/dist/swirl-components/p-26ca4370.entry.js

@@ -1 +0,0 @@
-import{r as e,h as C,F as s}from"./p-e212b5b7.js";import{c as a}from"./p-a5dce9e6.js";const c=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,c=a("swirl-symbol",`swirl-symbol--size-${this.size}`);return C("svg",{key:"122bdc4c0abf4770717f7a2401475239db0f5e48",class:c,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},C(s,{key:"21b525dfee181e3407ecd6aecc55a515393fa27e"},C("g",{key:"96dc7eea68cfcddd66b94851f63039dff90c64c8","clip-path":"url(#clip0_1_214)"},C("path",{key:"aa11cd6ca577aae17725332774a0dfaed24116b5",d:"M10.06 5H5.82L6.48 1.82C6.51752 1.63842 6.50977 1.4504 6.45745 1.27252C6.40514 1.09463 6.30985 0.932358 6.18 0.800003C6.07668 0.695511 5.95365 0.612555 5.81804 0.555938C5.68244 0.499321 5.53695 0.470169 5.39 0.470169C5.24305 0.470169 5.09756 0.499321 4.96195 0.555938C4.82635 0.612555 4.70332 0.695511 4.6 0.800003L0.599999 4.8C0.409303 4.98183 0.257729 5.20066 0.15456 5.44311C0.05139 5.68556 -0.00120369 5.94652 -8.03924e-07 6.21V12C0.00158192 12.5299 0.212804 13.0377 0.587534 13.4125C0.962264 13.7872 1.47005 13.9984 2 14H7.92C8.31106 13.9987 8.69329 13.8836 9.02003 13.6688C9.34677 13.4539 9.60389 13.1486 9.76 12.79L11.9 7.79C12.029 7.48546 12.0808 7.15375 12.0507 6.82436C12.0206 6.49498 11.9096 6.17815 11.7275 5.90203C11.5454 5.62592 11.2979 5.39909 11.007 5.24172C10.716 5.08435 10.3908 5.00131 10.06 5ZM22 10H16.08C15.6889 10.0013 15.3067 10.1164 14.98 10.3312C14.6532 10.5461 14.3961 10.8515 14.24 11.21L12.1 16.21C11.9691 16.5144 11.9159 16.8466 11.9452 17.1767C11.9745 17.5068 12.0853 17.8245 12.2678 18.1011C12.4502 18.3777 12.6985 18.6047 12.9904 18.7616C13.2823 18.9185 13.6086 19.0004 13.94 19H18.18L17.52 22.18C17.4825 22.3616 17.4902 22.5496 17.5425 22.7275C17.5949 22.9054 17.6901 23.0676 17.82 23.2C17.9233 23.3045 18.0464 23.3875 18.182 23.4441C18.3176 23.5007 18.4631 23.5298 18.61 23.5298C18.757 23.5298 18.9024 23.5007 19.038 23.4441C19.1737 23.3875 19.2967 23.3045 19.4 23.2L23.4 19.2C23.5867 19.0157 23.735 18.7962 23.8363 18.5541C23.9376 18.3121 23.9898 18.0524 23.99 17.79V12C23.9912 11.7379 23.9406 11.4781 23.8411 11.2355C23.7417 10.993 23.5953 10.7725 23.4104 10.5867C23.2255 10.4009 23.0057 10.2534 22.7637 10.1527C22.5217 10.052 22.2621 10.0001 22 10Z",fill:"currentColor"})),C("defs",{key:"713ea509dda57b54e5826ce9f935ee04b7145f9e"},C("clipPath",{key:"3af3cfbbb92833896cb775d932fa05e8457da9b4",id:"clip0_1_214"},C("rect",{key:"7a6837e78d29057009539e7f280deff1dc17ca05",width:"24",height:"24",fill:"currentColor"})))))}};c.style=":host{display:inline-flex}";export{c as swirl_symbol_thumbs_up_down}

package/dist/swirl-components/p-293c452f.entry.js

@@ -1 +0,0 @@
-import{r as C,h as s,F as t}from"./p-e212b5b7.js";import{c}from"./p-a5dce9e6.js";const e=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,e=c("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"1f66cf084334f56c0af4499e55c791cca60fcfb8",class:e,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"bdc2a9e266abb2c427025b7d3f25ba4bd98ce4cf"},s("path",{key:"dc87f16cbfd4c5e26ab48f5b8d51126bf982d3a5",d:"M6.04999 4.14L5.65999 3.75C5.47395 3.56509 5.2223 3.46131 4.95999 3.46131C4.69769 3.46131 4.44604 3.56509 4.25999 3.75L4.24999 3.76C4.15735 3.85152 4.0838 3.96052 4.0336 4.08068C3.9834 4.20085 3.95755 4.32977 3.95755 4.46C3.95755 4.59022 3.9834 4.71915 4.0336 4.83931C4.0838 4.95948 4.15735 5.06848 4.24999 5.16L4.63999 5.55C4.73152 5.64264 4.84052 5.71619 4.96068 5.76639C5.08084 5.81659 5.20977 5.84244 5.33999 5.84244C5.47022 5.84244 5.59915 5.81659 5.71931 5.76639C5.83947 5.71619 5.94847 5.64264 6.03999 5.55L6.04999 5.54C6.14263 5.44848 6.21618 5.33948 6.26638 5.21932C6.31658 5.09915 6.34243 4.97022 6.34243 4.84C6.34243 4.70977 6.31658 4.58085 6.26638 4.46068C6.21618 4.34052 6.14263 4.23152 6.04999 4.14ZM3.00999 10.5H1.98999C1.85984 10.4995 1.73086 10.5247 1.61051 10.5743C1.49016 10.6238 1.38081 10.6967 1.28878 10.7888C1.19674 10.8808 1.12384 10.9902 1.07427 11.1105C1.02471 11.2309 0.999464 11.3598 0.999993 11.49V11.5C0.999464 11.6302 1.02471 11.7591 1.07427 11.8795C1.12384 11.9998 1.19674 12.1092 1.28878 12.2012C1.38081 12.2933 1.49016 12.3662 1.61051 12.4157C1.73086 12.4653 1.85984 12.4905 1.98999 12.49H2.99999C3.13058 12.4935 3.26053 12.4707 3.38212 12.4229C3.50371 12.3752 3.61444 12.3034 3.70774 12.212C3.80104 12.1206 3.875 12.0113 3.9252 11.8907C3.97541 11.7701 4.00084 11.6406 3.99999 11.51V11.5C4.00158 11.3691 3.97714 11.2391 3.92807 11.1178C3.87901 10.9964 3.8063 10.8859 3.71419 10.7929C3.62207 10.6998 3.51238 10.626 3.39149 10.5758C3.2706 10.5255 3.14092 10.4997 3.00999 10.5ZM12.01 0.55H12C11.8691 0.548409 11.7391 0.572857 11.6178 0.621921C11.4964 0.670985 11.3859 0.743688 11.2929 0.835803C11.1998 0.927919 11.126 1.03761 11.0758 1.1585C11.0255 1.27939 10.9997 1.40907 11 1.54V2.5C10.9995 2.63016 11.0247 2.75913 11.0743 2.87948C11.1238 2.99983 11.1967 3.10918 11.2888 3.20122C11.3808 3.29325 11.4902 3.36615 11.6105 3.41572C11.7309 3.46528 11.8598 3.49053 11.99 3.49H12C12.1306 3.49349 12.2605 3.47068 12.3821 3.42291C12.5037 3.37515 12.6144 3.30342 12.7077 3.21199C12.801 3.12056 12.875 3.01129 12.9252 2.89069C12.9754 2.77009 13.0008 2.64063 13 2.51V1.54C13.0005 1.40984 12.9753 1.28087 12.9257 1.16052C12.8761 1.04017 12.8032 0.93082 12.7112 0.838784C12.6192 0.746749 12.5098 0.673846 12.3895 0.624281C12.2691 0.574716 12.1402 0.549471 12.01 0.55ZM19.75 3.76C19.564 3.57241 19.3112 3.46607 19.0471 3.4642C18.7829 3.46232 18.5287 3.56507 18.34 3.75L17.95 4.14C17.8574 4.23152 17.7838 4.34052 17.7336 4.46068C17.6834 4.58085 17.6576 4.70977 17.6576 4.84C17.6576 4.97022 17.6834 5.09915 17.7336 5.21932C17.7838 5.33948 17.8574 5.44848 17.95 5.54L17.96 5.55C18.0515 5.64264 18.1605 5.71619 18.2807 5.76639C18.4008 5.81659 18.5298 5.84244 18.66 5.84244C18.7902 5.84244 18.9191 5.81659 19.0393 5.76639C19.1595 5.71619 19.2685 5.64264 19.36 5.55L19.75 5.16C19.8426 5.06848 19.9162 4.95948 19.9664 4.83931C20.0166 4.71915 20.0424 4.59022 20.0424 4.46C20.0424 4.32977 20.0166 4.20085 19.9664 4.08068C19.9162 3.96052 19.8426 3.85152 19.75 3.76ZM17.94 18.86L18.33 19.25C18.5213 19.4138 18.7674 19.4994 19.019 19.4897C19.2707 19.48 19.5095 19.3757 19.6876 19.1976C19.8656 19.0195 19.97 18.7807 19.9797 18.5291C19.9894 18.2774 19.9038 18.0313 19.74 17.84L19.35 17.45C19.1587 17.2862 18.9126 17.2006 18.6609 17.2103C18.4093 17.22 18.1705 17.3243 17.9924 17.5024C17.8143 17.6805 17.71 17.9193 17.7003 18.1709C17.6906 18.4226 17.7762 18.6687 17.94 18.86ZM20 11.49V11.5C19.9995 11.6302 20.0247 11.7591 20.0743 11.8795C20.1238 11.9998 20.1967 12.1092 20.2888 12.2012C20.3808 12.2933 20.4902 12.3662 20.6105 12.4157C20.7309 12.4653 20.8598 12.4905 20.99 12.49H22C22.1301 12.4905 22.2591 12.4653 22.3795 12.4157C22.4998 12.3662 22.6092 12.2933 22.7012 12.2012C22.7932 12.1092 22.8661 11.9998 22.9157 11.8795C22.9653 11.7591 22.9905 11.6302 22.99 11.5V11.49C22.9905 11.3598 22.9653 11.2309 22.9157 11.1105C22.8661 10.9902 22.7932 10.8808 22.7012 10.7888C22.6092 10.6967 22.4998 10.6238 22.3795 10.5743C22.2591 10.5247 22.1301 10.4995 22 10.5H20.99C20.8598 10.4995 20.7309 10.5247 20.6105 10.5743C20.4902 10.6238 20.3808 10.6967 20.2888 10.7888C20.1967 10.8808 20.1238 10.9902 20.0743 11.1105C20.0247 11.2309 19.9995 11.3598 20 11.49ZM12 5.5C10.8133 5.5 9.65327 5.85189 8.66657 6.51118C7.67988 7.17047 6.91084 8.10754 6.45672 9.2039C6.00259 10.3003 5.88377 11.5067 6.11528 12.6705C6.34679 13.8344 6.91824 14.9035 7.75735 15.7426C8.59647 16.5818 9.66557 17.1532 10.8295 17.3847C11.9933 17.6162 13.1997 17.4974 14.2961 17.0433C15.3925 16.5892 16.3295 15.8201 16.9888 14.8334C17.6481 13.8467 18 12.6867 18 11.5C18 9.9087 17.3679 8.38258 16.2426 7.25736C15.1174 6.13214 13.5913 5.5 12 5.5ZM11.99 22.45H12C12.1302 22.4505 12.2591 22.4253 12.3795 22.3757C12.4998 22.3262 12.6092 22.2533 12.7012 22.1612C12.7932 22.0692 12.8661 21.9598 12.9157 21.8395C12.9653 21.7191 12.9905 21.5902 12.99 21.46V20.5C12.9905 20.3698 12.9653 20.2409 12.9157 20.1205C12.8661 20.0002 12.7932 19.8908 12.7012 19.7988C12.6092 19.7067 12.4998 19.6338 12.3795 19.5843C12.2591 19.5347 12.1302 19.5095 12 19.51H11.99C11.8598 19.5095 11.7309 19.5347 11.6105 19.5843C11.4902 19.6338 11.3808 19.7067 11.2888 19.7988C11.1967 19.8908 11.1238 20.0002 11.0743 20.1205C11.0247 20.2409 10.9995 20.3698 11 20.5V21.46C10.9995 21.5902 11.0247 21.7191 11.0743 21.8395C11.1238 21.9598 11.1967 22.0692 11.2888 22.1612C11.3808 22.2533 11.4902 22.3262 11.6105 22.3757C11.7309 22.4253 11.8598 22.4505 11.99 22.45ZM4.24999 19.24C4.43736 19.4263 4.69081 19.5308 4.95499 19.5308C5.21918 19.5308 5.47263 19.4263 5.65999 19.24L6.04999 18.85C6.2349 18.664 6.33869 18.4123 6.33869 18.15C6.33869 17.8877 6.2349 17.636 6.04999 17.45L6.03999 17.44C5.85263 17.2537 5.59918 17.1492 5.33499 17.1492C5.07081 17.1492 4.81736 17.2537 4.62999 17.44L4.23999 17.83C4.05506 18.0187 3.95232 18.2729 3.95419 18.5371C3.95606 18.8012 4.06241 19.054 4.24999 19.24Z",fill:"currentColor"})))}};e.style=":host{display:inline-flex}";export{e as swirl_symbol_wb_sunny}

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}