solid-ui 3.1.3-0 → 3.1.3-2

package/dist/storybook/auth/StorybookAuth.d.ts

@@ -1,5 +1,4 @@
-import { AuthContext } from '../../primitives/lib/auth/context';
-import { default as Account } from '../../primitives/lib/auth/Account';
+import { Account, AuthContext } from '../../lib/auth';
 export default class StorybookAuth implements AuthContext {
     account: Account | null;
     login(loginUrl?: string): Promise<void>;

package/dist/storybook/auth/StorybookAuth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookAuth.d.ts","sourceRoot":"","sources":["../../../src/storybook/auth/StorybookAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,OAAO,MAAM,mCAAmC,CAAA;AAEvD,MAAM,CAAC,OAAO,OAAO,aAAc,YAAW,WAAW;IAChD,OAAO,EAAE,OAAO,GAAG,IAAI,CAAO;IAE/B,KAAK,CAAE,QAAQ,CAAC,EAAE,MAAM;IAIxB,MAAM;IAIN,MAAM;IAIZ,gBAAgB;CAGjB"}
+{"version":3,"file":"StorybookAuth.d.ts","sourceRoot":"","sources":["../../../src/storybook/auth/StorybookAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAEjD,MAAM,CAAC,OAAO,OAAO,aAAc,YAAW,WAAW;IAChD,OAAO,EAAE,OAAO,GAAG,IAAI,CAAO;IAE/B,KAAK,CAAE,QAAQ,CAAC,EAAE,MAAM;IAIxB,MAAM;IAIN,MAAM;IAIZ,gBAAgB;CAGjB"}

package/dist/storybook/components/StorybookProvider.d.ts

@@ -1,4 +1,4 @@
-import { default as WebComponent } from '../../primitives/lib/WebComponent';
+import { WebComponent } from '../../lib/components';
 export declare class StorybookProvider extends WebComponent {
     accessor webId: string | undefined;
     accessor avatarUrl: string | undefined;

package/dist/storybook/components/StorybookProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookProvider.d.ts","sourceRoot":"","sources":["../../../src/storybook/components/StorybookProvider.ts"],"names":[],"mappings":"AAOA,OAAO,YAAY,MAAM,mCAAmC,CAAA;AAE5D,OAAO,6CAA6C,CAAA;AAEpD,qBACa,iBAAkB,SAAQ,YAAY;IAEjD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGlC,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAGtC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAsB;IAE3C,UAAU,CAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAY/C,SAAS,CAAC,MAAM;CAMjB"}
+{"version":3,"file":"StorybookProvider.d.ts","sourceRoot":"","sources":["../../../src/storybook/components/StorybookProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAO9D,OAAO,2BAA2B,CAAA;AAElC,qBACa,iBAAkB,SAAQ,YAAY;IAEjD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGlC,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAGtC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAsB;IAE3C,UAAU,CAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAY/C,SAAS,CAAC,MAAM;CAMjB"}

package/dist/storybook/helpers.d.ts

@@ -0,0 +1,22 @@
+import { TemplateResult } from 'lit';
+import { USER_OPTIONS } from './stubs';
+export type ControlOptions<TLabel extends string = string, TValue = unknown> = [TLabel, TValue][];
+export type GetStoryArgs<T extends object> = {
+    [K in keyof T]: T[K] extends {
+        options: ArrayLike<infer TValue>;
+    } ? TValue : T[K] extends {
+        control: 'text';
+    } ? string : never;
+};
+export declare function defineStoryRender<T extends object>(renderStory: (args: GetStoryArgs<T>) => TemplateResult): (args: GetStoryArgs<T>) => HTMLDivElement;
+export declare function defineAuthStoryRender<T extends {
+    user: typeof USER_OPTIONS.control;
+}>(renderStory: (args: GetStoryArgs<T>) => TemplateResult): (args: GetStoryArgs<T>) => HTMLDivElement;
+export declare function defineControlOptions<const T extends ControlOptions>(options: T): {
+    control: {
+        type: string;
+        options: T[number][0][];
+    };
+    resolve(value: T[number][0]): T[number][1];
+};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/storybook/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/storybook/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,KAAK,CAAA;AAClD,OAAO,EAAE,YAAY,EAAS,MAAM,SAAS,CAAA;AAE7C,OAAO,gCAAgC,CAAA;AAEvC,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;AAEjG,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI;KAC1C,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAAE,OAAO,EAAE,SAAS,CAAC,MAAM,MAAM,CAAC,CAAA;KAAE,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,GAAG,KAAK;CAC/H,CAAA;AAcD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAG,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,cAAc,IACjG,MAAM,YAAY,CAAC,CAAC,CAAC,oBAC9B;AAED,wBAAgB,qBAAqB,CAAC,CAAC,SAAS;IAAE,IAAI,EAAE,OAAO,YAAY,CAAC,OAAO,CAAA;CAAE,EAAG,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,cAAc,IACpI,MAAM,YAAY,CAAC,CAAC,CAAC,oBAK9B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,CAAC,SAAS,cAAc,EAAG,OAAO,EAAE,CAAC;;;iBAI9B,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;;mBAE5C,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GACgC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;EAG3E"}

package/dist/storybook/index.d.ts

@@ -1,22 +1,4 @@
-import { TemplateResult } from 'lit';
-import { USER_OPTIONS } from './stubs';
-export type ControlOptions<TLabel extends string = string, TValue = unknown> = [TLabel, TValue][];
-export type GetStoryArgs<T extends object> = {
-    [K in keyof T]: T[K] extends {
-        options: ArrayLike<infer TValue>;
-    } ? TValue : T[K] extends {
-        control: 'text';
-    } ? string : never;
-};
-export declare function defineStoryRender<T extends object>(renderStory: (args: GetStoryArgs<T>) => TemplateResult): (args: GetStoryArgs<T>) => HTMLDivElement;
-export declare function defineAuthStoryRender<T extends {
-    user: typeof USER_OPTIONS.control;
-}>(renderStory: (args: GetStoryArgs<T>) => TemplateResult): (args: GetStoryArgs<T>) => HTMLDivElement;
-export declare function defineControlOptions<const T extends ControlOptions>(options: T): {
-    control: {
-        type: string;
-        options: T[number][0][];
-    };
-    resolve(value: T[number][0]): T[number][1];
-};
+export * from './helpers';
+export * from './internals';
+export * from './stubs';
 //# sourceMappingURL=index.d.ts.map

package/dist/storybook/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/storybook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,KAAK,CAAA;AAClD,OAAO,EAAE,YAAY,EAAS,MAAM,SAAS,CAAA;AAE7C,OAAO,gCAAgC,CAAA;AAEvC,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;AAEjG,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI;KAC1C,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAAE,OAAO,EAAE,SAAS,CAAC,MAAM,MAAM,CAAC,CAAA;KAAE,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,GAAG,KAAK;CAC/H,CAAA;AAcD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAG,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,cAAc,IACjG,MAAM,YAAY,CAAC,CAAC,CAAC,oBAC9B;AAED,wBAAgB,qBAAqB,CAAC,CAAC,SAAS;IAAE,IAAI,EAAE,OAAO,YAAY,CAAC,OAAO,CAAA;CAAE,EAAG,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,cAAc,IACpI,MAAM,YAAY,CAAC,CAAC,CAAC,oBAK9B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,CAAC,SAAS,cAAc,EAAG,OAAO,EAAE,CAAC;;;iBAI9B,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;;mBAE5C,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GACgC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;EAG3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/storybook/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/dist/storybook/internals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internals.d.ts","sourceRoot":"","sources":["../../src/storybook/internals.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,UAAU,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,UAAU,CAAC,GAAG,UAAU,CAAA;AAG5E,MAAM,MAAM,SAAS,CAAC,OAAO,EAAE,QAAQ,SAAS,MAAM,IAAI;KAAG,CAAC,IAAI,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC;CAAE,CAAA;AAEzF,wBAAgB,SAAS,CAAC,CAAC,EAAE,QAAQ,SAAS,MAAM,EAAG,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAE1H"}

package/dist/theme.css

@@ -0,0 +1 @@
+:root{--solid-ui-color-primary:#7c4dff;--solid-ui-color-tertiary:#083575;--solid-ui-color-white:#fff;--solid-ui-color-error:#b00020;--solid-ui-color-gray-100:#f3f4f6;--solid-ui-color-gray-200:#cbd5e1;--solid-ui-color-gray-400:#99a1af;--solid-ui-color-gray-500:#6a7282;--solid-ui-color-gray-600:#4a5565;--solid-ui-color-gray-700:#364153;--solid-ui-color-gray-800:#101828;--solid-ui-color-slate-50:#f8fafc;--solid-ui-color-slate-200:#e2e8f0;--solid-ui-color-slate-400:#90a1b9;--solid-ui-color-red-500:#fb2c36;--solid-ui-color-body-grey:#666;--solid-ui-font-size-xs:.75rem;--solid-ui-font-size-sm:.875rem;--solid-ui-font-size-md:1rem;--solid-ui-font-size-lg:1.125rem;--solid-ui-font-size-xl:1.25rem;--solid-ui-font-size-2xl:1.5rem;--solid-ui-clickable-area:42px}

package/dist/v2/components/forms/select/Select.cjs.js

@@ -1,4 +1,4 @@
-const e=require("../shared/downArrow.cjs.js"),t=require("../shared/listboxStyles.cjs.js"),n=require("../shared/keyboard.cjs.js"),r=require("../shared/listboxTemplate.cjs.js");let i=require("lit"),a=require("lit/html.js");var o=class o extends i.LitElement{static _nextId=0;_popupPortalHost=null;_popupPortalRoot=null;_popupPortalContainer=null;_handleDocumentPointerDown=e=>{let t=e.target;if(!this._popupOpen||!(t instanceof Node))return;let n=`composedPath`in e?e.composedPath():[];n.includes(this)||this._popupPortalHost&&n.includes(this._popupPortalHost)||this._popupPortalRoot&&n.includes(this._popupPortalRoot)||this.contains(t)||this._closePopup()};_handleViewportChange=()=>{this._popupOpen&&this._updatePopupPosition()};static properties={label:{type:String,reflect:!0},theme:{type:String,reflect:!0},options:{type:Array,attribute:!1},layout:{type:String,reflect:!0},value:{type:String,reflect:!0},_popupOpen:{state:!0},_activeIndex:{state:!0}};static styles=[t.listboxStyles,i.css`
+const e=require("../shared/downArrow.cjs.js"),t=require("../shared/listboxTemplate.cjs.js"),n=require("../shared/listboxStyles.cjs.js"),r=require("../shared/keyboard.cjs.js");let i=require("lit"),a=require("lit/html.js");var o=class o extends i.LitElement{static _nextId=0;_popupPortalHost=null;_popupPortalRoot=null;_popupPortalContainer=null;_handleDocumentPointerDown=e=>{let t=e.target;if(!this._popupOpen||!(t instanceof Node))return;let n=`composedPath`in e?e.composedPath():[];n.includes(this)||this._popupPortalHost&&n.includes(this._popupPortalHost)||this._popupPortalRoot&&n.includes(this._popupPortalRoot)||this.contains(t)||this._closePopup()};_handleViewportChange=()=>{this._popupOpen&&this._updatePopupPosition()};static properties={label:{type:String,reflect:!0},theme:{type:String,reflect:!0},options:{type:Array,attribute:!1},layout:{type:String,reflect:!0},value:{type:String,reflect:!0},_popupOpen:{state:!0},_activeIndex:{state:!0}};static styles=[n.listboxStyles,i.css`
       :host {
         /* default theme */
         display: block;
@@ -186,10 +186,10 @@ const e=require("../shared/downArrow.cjs.js"),t=require("../shared/listboxStyles
         isolation: isolate;
         z-index: var(--select-popup-z-index);
       }
-    `];_listboxId=`solid-ui-select-listbox-${o._nextId++}`;constructor(){super(),this.label=`Select an option`,this.theme=`light`,this.options=[],this.layout=`desktop`,this.value=``,this._popupOpen=!1,this._activeIndex=-1}connectedCallback(){super.connectedCallback(),document.addEventListener(`pointerdown`,this._handleDocumentPointerDown),window.addEventListener(`resize`,this._handleViewportChange),window.addEventListener(`scroll`,this._handleViewportChange,!0)}disconnectedCallback(){this._detachPopupPortal(),document.removeEventListener(`pointerdown`,this._handleDocumentPointerDown),window.removeEventListener(`resize`,this._handleViewportChange),window.removeEventListener(`scroll`,this._handleViewportChange,!0),super.disconnectedCallback()}updated(){this.toggleAttribute(`popup-open`,this._popupOpen),this._popupOpen?(this._updatePopupPosition(),this._popupPortalRoot&&(0,a.render)(this._renderPopup(),this._popupPortalRoot)):this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot)}_getPopupPortalContainer(){return this.closest(`dialog[open]`)||document.body}_ensurePopupPortal(){let e=this._getPopupPortalContainer();if(this._popupPortalHost&&this._popupPortalRoot&&this._popupPortalContainer===e)return;this._detachPopupPortal(),this._popupPortalHost=document.createElement(`div`),this._popupPortalHost.setAttribute(`data-solid-ui-select-portal`,``),this._popupPortalHost.style.position=`fixed`,this._popupPortalHost.style.inset=`0 auto auto 0`,this._popupPortalHost.style.zIndex=`2147483647`,this._popupPortalHost.style.pointerEvents=`none`,this._popupPortalHost.style.boxSizing=`border-box`,this._popupPortalRoot=this._popupPortalHost.attachShadow({mode:`open`});let t=(Array.isArray(o.styles)?o.styles:[o.styles]).map(e=>e?.styleSheet).filter(e=>!!e);t.length>0&&(this._popupPortalRoot.adoptedStyleSheets=t),e.appendChild(this._popupPortalHost),this._popupPortalContainer=e}_detachPopupPortal(){this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot),this._popupPortalHost?.parentNode&&this._popupPortalHost.parentNode.removeChild(this._popupPortalHost),this._popupPortalHost=null,this._popupPortalRoot=null,this._popupPortalContainer=null}_updatePopupPosition(){this._ensurePopupPortal();let e=this.getBoundingClientRect(),t=Math.min(288,Math.max(120,window.innerHeight-e.bottom-12));this._popupPortalHost&&(this._popupPortalHost.style.top=`${Math.round(e.bottom+2)}px`,this._popupPortalHost.style.left=`${Math.round(e.left)}px`,this._popupPortalHost.style.width=`${Math.round(e.width)}px`,this._popupPortalHost.style.maxHeight=`${Math.round(t)}px`,this._popupPortalHost.style.height=`0px`)}_closePopup(){this._popupOpen=!1,this._activeIndex=-1,this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot)}_getSelectedIndex(){return n.findOptionIndexByValue(this.options,this.value)}_getSelectedOption(){let e=this._getSelectedIndex();return e>=0?this.options[e]:this.options[0]}_getDisplayedOptions(){let e=this._getSelectedOption();return e?[e,...this.options.filter(t=>t.value!==e.value)]:this.options}_getActiveOption(){let e=this._getDisplayedOptions();if(!(this._activeIndex<0))return e[this._activeIndex]}_selectValueFromDropdown(e){this.value=e,this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0})),this._closePopup()}_selectActiveOption(){let e=this._getActiveOption();e&&!e.disabled&&this._selectValueFromDropdown(e.value)}_openPopup(){let e=this._getDisplayedOptions();this._popupOpen=!0,this._updatePopupPosition(),this._activeIndex=n.findOptionIndexByValue(e,this.value),this._activeIndex<0&&(this._activeIndex=n.getFirstEnabledIndex(e))}_handleTriggerKeydown(e){let t=this._getDisplayedOptions(),r=n.getListboxActionFromKey(e.key);if(r!==`none`)switch(e.preventDefault(),r){case`close`:this._closePopup();break;case`first`:this._popupOpen||this._openPopup(),this._activeIndex=n.getFirstEnabledIndex(t);break;case`last`:this._popupOpen||this._openPopup(),this._activeIndex=n.getLastEnabledIndex(t);break;case`next`:if(!this._popupOpen){this._openPopup();break}this._activeIndex=n.getNextEnabledIndex(this._activeIndex,t,1);break;case`previous`:if(!this._popupOpen){this._openPopup();break}this._activeIndex=n.getNextEnabledIndex(this._activeIndex,t,-1);break;case`select`:if(!this._popupOpen){this._openPopup();break}this._selectActiveOption();break;default:break}}_getOptionId(e,t){return`${this._listboxId}-option-${t}-${e.value}`}_renderPopup(){let e=this._getDisplayedOptions();return i.html`
+    `];_listboxId=`solid-ui-select-listbox-${o._nextId++}`;constructor(){super(),this.label=`Select an option`,this.theme=`light`,this.options=[],this.layout=`desktop`,this.value=``,this._popupOpen=!1,this._activeIndex=-1}connectedCallback(){super.connectedCallback(),document.addEventListener(`pointerdown`,this._handleDocumentPointerDown),window.addEventListener(`resize`,this._handleViewportChange),window.addEventListener(`scroll`,this._handleViewportChange,!0)}disconnectedCallback(){this._detachPopupPortal(),document.removeEventListener(`pointerdown`,this._handleDocumentPointerDown),window.removeEventListener(`resize`,this._handleViewportChange),window.removeEventListener(`scroll`,this._handleViewportChange,!0),super.disconnectedCallback()}updated(){this.toggleAttribute(`popup-open`,this._popupOpen),this._popupOpen?(this._updatePopupPosition(),this._popupPortalRoot&&(0,a.render)(this._renderPopup(),this._popupPortalRoot)):this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot)}_getPopupPortalContainer(){return this.closest(`dialog[open]`)||document.body}_ensurePopupPortal(){let e=this._getPopupPortalContainer();if(this._popupPortalHost&&this._popupPortalRoot&&this._popupPortalContainer===e)return;this._detachPopupPortal(),this._popupPortalHost=document.createElement(`div`),this._popupPortalHost.setAttribute(`data-solid-ui-select-portal`,``),this._popupPortalHost.style.position=`fixed`,this._popupPortalHost.style.inset=`0 auto auto 0`,this._popupPortalHost.style.zIndex=`2147483647`,this._popupPortalHost.style.pointerEvents=`none`,this._popupPortalHost.style.boxSizing=`border-box`,this._popupPortalRoot=this._popupPortalHost.attachShadow({mode:`open`});let t=(Array.isArray(o.styles)?o.styles:[o.styles]).map(e=>e?.styleSheet).filter(e=>!!e);t.length>0&&(this._popupPortalRoot.adoptedStyleSheets=t),e.appendChild(this._popupPortalHost),this._popupPortalContainer=e}_detachPopupPortal(){this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot),this._popupPortalHost?.parentNode&&this._popupPortalHost.parentNode.removeChild(this._popupPortalHost),this._popupPortalHost=null,this._popupPortalRoot=null,this._popupPortalContainer=null}_updatePopupPosition(){this._ensurePopupPortal();let e=this.getBoundingClientRect(),t=Math.min(288,Math.max(120,window.innerHeight-e.bottom-12));this._popupPortalHost&&(this._popupPortalHost.style.top=`${Math.round(e.bottom+2)}px`,this._popupPortalHost.style.left=`${Math.round(e.left)}px`,this._popupPortalHost.style.width=`${Math.round(e.width)}px`,this._popupPortalHost.style.maxHeight=`${Math.round(t)}px`,this._popupPortalHost.style.height=`0px`)}_closePopup(){this._popupOpen=!1,this._activeIndex=-1,this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot)}_getSelectedIndex(){return r.findOptionIndexByValue(this.options,this.value)}_getSelectedOption(){let e=this._getSelectedIndex();return e>=0?this.options[e]:this.options[0]}_getDisplayedOptions(){let e=this._getSelectedOption();return e?[e,...this.options.filter(t=>t.value!==e.value)]:this.options}_getActiveOption(){let e=this._getDisplayedOptions();if(!(this._activeIndex<0))return e[this._activeIndex]}_selectValueFromDropdown(e){this.value=e,this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0})),this._closePopup()}_selectActiveOption(){let e=this._getActiveOption();e&&!e.disabled&&this._selectValueFromDropdown(e.value)}_openPopup(){let e=this._getDisplayedOptions();this._popupOpen=!0,this._updatePopupPosition(),this._activeIndex=r.findOptionIndexByValue(e,this.value),this._activeIndex<0&&(this._activeIndex=r.getFirstEnabledIndex(e))}_handleTriggerKeydown(e){let t=this._getDisplayedOptions(),n=r.getListboxActionFromKey(e.key);if(n!==`none`)switch(e.preventDefault(),n){case`close`:this._closePopup();break;case`first`:this._popupOpen||this._openPopup(),this._activeIndex=r.getFirstEnabledIndex(t);break;case`last`:this._popupOpen||this._openPopup(),this._activeIndex=r.getLastEnabledIndex(t);break;case`next`:if(!this._popupOpen){this._openPopup();break}this._activeIndex=r.getNextEnabledIndex(this._activeIndex,t,1);break;case`previous`:if(!this._popupOpen){this._openPopup();break}this._activeIndex=r.getNextEnabledIndex(this._activeIndex,t,-1);break;case`select`:if(!this._popupOpen){this._openPopup();break}this._selectActiveOption();break;default:break}}_getOptionId(e,t){return`${this._listboxId}-option-${t}-${e.value}`}_renderPopup(){let e=this._getDisplayedOptions();return i.html`
       <div class="popup-box" part="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
         <div class="select-options-section">
-          ${r.renderListbox({selectedOption:this._getSelectedOption(),activeOption:this._getActiveOption(),options:e,listboxId:this._listboxId,getOptionId:(e,t)=>this._getOptionId(e,t),onOptionSelect:e=>this._selectValueFromDropdown(e.value)})}
+          ${t.renderListbox({selectedOption:this._getSelectedOption(),activeOption:this._getActiveOption(),options:e,listboxId:this._listboxId,getOptionId:(e,t)=>this._getOptionId(e,t),onOptionSelect:e=>this._selectValueFromDropdown(e.value)})}
         </div>
       </div>
     `}render(){let t=this._getSelectedOption(),n=this._getActiveOption(),r=t?.label??this.label,a=this._popupOpen&&n?this._getOptionId(n,this._activeIndex):void 0;return i.html`

package/dist/v2/components/forms/select/Select.esm.js

@@ -1,7 +1,7 @@
 import { downArrowIcon as e } from "../shared/downArrow.esm.js";
-import { listboxStyles as t } from "../shared/listboxStyles.esm.js";
-import { findOptionIndexByValue as n, getFirstEnabledIndex as r, getLastEnabledIndex as i, getListboxActionFromKey as a, getNextEnabledIndex as o } from "../shared/keyboard.esm.js";
-import { renderListbox as s } from "../shared/listboxTemplate.esm.js";
+import { renderListbox as t } from "../shared/listboxTemplate.esm.js";
+import { listboxStyles as n } from "../shared/listboxStyles.esm.js";
+import { findOptionIndexByValue as r, getFirstEnabledIndex as i, getLastEnabledIndex as a, getListboxActionFromKey as o, getNextEnabledIndex as s } from "../shared/keyboard.esm.js";
 import { LitElement as c, css as l, html as u } from "lit";
 import { render as d } from "lit/html.js";
 //#region src/v2/components/forms/select/Select.ts
@@ -43,7 +43,7 @@ var f = class f extends c {
 		_popupOpen: { state: !0 },
 		_activeIndex: { state: !0 }
 	};
-	static styles = [t, l`
+	static styles = [n, l`
       :host {
         /* default theme */
         display: block;
@@ -267,7 +267,7 @@ var f = class f extends c {
 		this._popupOpen = !1, this._activeIndex = -1, this._popupPortalRoot && d(null, this._popupPortalRoot);
 	}
 	_getSelectedIndex() {
-		return n(this.options, this.value);
+		return r(this.options, this.value);
 	}
 	_getSelectedOption() {
 		let e = this._getSelectedIndex();
@@ -294,33 +294,33 @@ var f = class f extends c {
 	}
 	_openPopup() {
 		let e = this._getDisplayedOptions();
-		this._popupOpen = !0, this._updatePopupPosition(), this._activeIndex = n(e, this.value), this._activeIndex < 0 && (this._activeIndex = r(e));
+		this._popupOpen = !0, this._updatePopupPosition(), this._activeIndex = r(e, this.value), this._activeIndex < 0 && (this._activeIndex = i(e));
 	}
 	_handleTriggerKeydown(e) {
-		let t = this._getDisplayedOptions(), n = a(e.key);
+		let t = this._getDisplayedOptions(), n = o(e.key);
 		if (n !== "none") switch (e.preventDefault(), n) {
 			case "close":
 				this._closePopup();
 				break;
 			case "first":
-				this._popupOpen || this._openPopup(), this._activeIndex = r(t);
+				this._popupOpen || this._openPopup(), this._activeIndex = i(t);
 				break;
 			case "last":
-				this._popupOpen || this._openPopup(), this._activeIndex = i(t);
+				this._popupOpen || this._openPopup(), this._activeIndex = a(t);
 				break;
 			case "next":
 				if (!this._popupOpen) {
 					this._openPopup();
 					break;
 				}
-				this._activeIndex = o(this._activeIndex, t, 1);
+				this._activeIndex = s(this._activeIndex, t, 1);
 				break;
 			case "previous":
 				if (!this._popupOpen) {
 					this._openPopup();
 					break;
 				}
-				this._activeIndex = o(this._activeIndex, t, -1);
+				this._activeIndex = s(this._activeIndex, t, -1);
 				break;
 			case "select":
 				if (!this._popupOpen) {
@@ -340,7 +340,7 @@ var f = class f extends c {
 		return u`
       <div class="popup-box" part="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
         <div class="select-options-section">
-          ${s({
+          ${t({
 			selectedOption: this._getSelectedOption(),
 			activeOption: this._getActiveOption(),
 			options: e,

package/dist/v2/components/layout/header/Header.cjs.js

@@ -1,4 +1,4 @@
-const e=require("../../../../lib/iconBase.cjs.js");require("../../auth/loginButton/index.cjs.js"),require("../../auth/signupButton/index.cjs.js"),require("../../../../design-system/components/account/index.cjs.js"),require("../../../../design-system/components/provider/index.cjs.js");const t=require("../../../../lib/features.cjs.js");let n=require("solid-logic"),r=require("lit"),i=require("lit/directives/if-defined.js");var a=``,o=`https://solidproject.org/assets/img/solid-emblem.svg`,s=`https://solidproject.org/get_a_pod`,c=e.icons.iconBase+`emptyProfileAvatar.png`;async function l(){if(!(typeof window>`u`)){for(let e of[`loginIssuer`,`preLoginRedirectHash`])window.localStorage.removeItem(e),window.sessionStorage.removeItem(e);if(!(typeof indexedDB>`u`))for(let e of[`soidc`,`solid-client-authn-store`,`solid-client-authn`])await new Promise(t=>{try{let n=indexedDB.deleteDatabase(e);n.onsuccess=()=>t(),n.onerror=()=>t(),n.onblocked=()=>t()}catch{t()}})}}var u=class extends r.LitElement{static properties={logo:{type:String,reflect:!0},helpIcon:{type:String,attribute:`help-icon`,reflect:!0},layout:{type:String,reflect:!0},theme:{type:String,reflect:!0},brandLink:{type:String,attribute:`brand-link`,reflect:!0},authState:{type:String,attribute:`auth-state`,reflect:!0},loginAction:{type:Object,attribute:!1},signUpAction:{type:Object,attribute:!1},accountMenu:{type:Array,attribute:!1},logoutLabel:{type:String,attribute:`logout-label`,reflect:!0},logoutIcon:{type:String,attribute:`logout-icon`,reflect:!0},accountIcon:{type:String,attribute:`account-icon`,reflect:!0},accountAvatar:{type:String,attribute:`account-avatar`,reflect:!0},accountAvatarFallback:{type:String,attribute:`account-avatar-fallback`,reflect:!0},loginIcon:{type:String,attribute:`login-icon`,reflect:!0},signUpIcon:{type:String,attribute:`sign-up-icon`,reflect:!0},helpMenuList:{type:Array},accountMenuOpen:{state:!0},helpMenuOpen:{state:!0},hasSlottedAccountMenu:{state:!0},hasSlottedHelpMenu:{state:!0},authResolved:{state:!0}};static styles=r.css`
+const e=require("../../../../lib/iconBase.cjs.js");require("../../../../components/account/index.cjs.js"),require("../../auth/loginButton/index.cjs.js"),require("../../auth/signupButton/index.cjs.js"),require("../../../../components/provider/index.cjs.js");const t=require("../../../../lib/features.cjs.js");let n=require("solid-logic"),r=require("lit"),i=require("lit/directives/if-defined.js");var a=``,o=`https://solidproject.org/assets/img/solid-emblem.svg`,s=`https://solidproject.org/get_a_pod`,c=e.icons.iconBase+`emptyProfileAvatar.png`;async function l(){if(!(typeof window>`u`)){for(let e of[`loginIssuer`,`preLoginRedirectHash`])window.localStorage.removeItem(e),window.sessionStorage.removeItem(e);if(!(typeof indexedDB>`u`))for(let e of[`soidc`,`solid-client-authn-store`,`solid-client-authn`])await new Promise(t=>{try{let n=indexedDB.deleteDatabase(e);n.onsuccess=()=>t(),n.onerror=()=>t(),n.onblocked=()=>t()}catch{t()}})}}var u=class extends r.LitElement{static properties={logo:{type:String,reflect:!0},helpIcon:{type:String,attribute:`help-icon`,reflect:!0},layout:{type:String,reflect:!0},theme:{type:String,reflect:!0},brandLink:{type:String,attribute:`brand-link`,reflect:!0},authState:{type:String,attribute:`auth-state`,reflect:!0},loginAction:{type:Object,attribute:!1},signUpAction:{type:Object,attribute:!1},accountMenu:{type:Array,attribute:!1},logoutLabel:{type:String,attribute:`logout-label`,reflect:!0},logoutIcon:{type:String,attribute:`logout-icon`,reflect:!0},accountIcon:{type:String,attribute:`account-icon`,reflect:!0},accountAvatar:{type:String,attribute:`account-avatar`,reflect:!0},accountAvatarFallback:{type:String,attribute:`account-avatar-fallback`,reflect:!0},loginIcon:{type:String,attribute:`login-icon`,reflect:!0},signUpIcon:{type:String,attribute:`sign-up-icon`,reflect:!0},helpMenuList:{type:Array},accountMenuOpen:{state:!0},helpMenuOpen:{state:!0},hasSlottedAccountMenu:{state:!0},hasSlottedHelpMenu:{state:!0},authResolved:{state:!0}};static styles=r.css`
   :host { /* default theme */
     display: block;
     --header-bg: var(--color-header-row-bg, #332746);

package/dist/v2/components/layout/header/Header.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs.js","names":[],"sources":["../../../../../src/v2/components/layout/header/Header.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { icons } from '../../../../lib/iconBase'\nimport { authSession, authn, performServerSideLogout } from 'solid-logic'\nimport '../../auth/loginButton/index'\nimport '../../auth/signupButton/index'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport '../../../../design-system/components/account'\nimport '../../../../design-system/components/provider'\nimport Features from '../../../../lib/features'\n\nconst DEFAULT_HELP_MENU_ICON = ''\nconst DEFAULT_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'\nconst DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\nconst DEFAULT_LOGGEDIN_MENU_BUTTON_AVATAR = icons.iconBase + 'emptyProfileAvatar.png'\n\nasync function clearPersistedAuthState (): Promise<void> {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const explicitKeys = ['loginIssuer', 'preLoginRedirectHash']\n  for (const key of explicitKeys) {\n    window.localStorage.removeItem(key)\n    window.sessionStorage.removeItem(key)\n  }\n\n  if (typeof indexedDB === 'undefined') {\n    return\n  }\n\n  const databases = ['soidc', 'solid-client-authn-store', 'solid-client-authn']\n  for (const dbName of databases) {\n    await new Promise<void>((resolve) => {\n      try {\n        const request = indexedDB.deleteDatabase(dbName)\n        request.onsuccess = () => resolve()\n        request.onerror = () => resolve()\n        request.onblocked = () => resolve()\n      } catch (_err) {\n        resolve()\n      }\n    })\n  }\n}\n\nexport type HeaderAuthState = 'logged-out' | 'logged-in'\n\nexport type HeaderMenuItem = {\n  label: string\n  url?: string\n  target?: string\n  action?: string\n  icon?: string\n}\n\nexport type HeaderAccountMenuItem = HeaderMenuItem & {\n  avatar?: string\n  webid?: string\n}\n\nexport class Header extends LitElement {\n  static properties = {\n    logo: { type: String, reflect: true },\n    helpIcon: { type: String, attribute: 'help-icon', reflect: true },\n    layout: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    brandLink: { type: String, attribute: 'brand-link', reflect: true },\n    authState: { type: String, attribute: 'auth-state', reflect: true },\n    loginAction: { type: Object, attribute: false },\n    signUpAction: { type: Object, attribute: false },\n    accountMenu: { type: Array, attribute: false },\n    logoutLabel: { type: String, attribute: 'logout-label', reflect: true },\n    logoutIcon: { type: String, attribute: 'logout-icon', reflect: true },\n    accountIcon: { type: String, attribute: 'account-icon', reflect: true },\n    accountAvatar: { type: String, attribute: 'account-avatar', reflect: true },\n    accountAvatarFallback: { type: String, attribute: 'account-avatar-fallback', reflect: true },\n    loginIcon: { type: String, attribute: 'login-icon', reflect: true },\n    signUpIcon: { type: String, attribute: 'sign-up-icon', reflect: true },\n    helpMenuList: { type: Array },\n    accountMenuOpen: { state: true },\n    helpMenuOpen: { state: true },\n    hasSlottedAccountMenu: { state: true },\n    hasSlottedHelpMenu: { state: true },\n    authResolved: { state: true }\n  }\n\n  static styles = css`\n  :host { /* default theme */\n    display: block;\n    --header-bg: var(--color-header-row-bg, #332746);\n    --header-text: var(--color-header-text, #ffffff);\n    --header-border: var(--color-border, #efecf3);\n    --header-line: var(--color-header-menu-separator-line, #5e546d);\n    --header-link: var(--color-text-heading, #000000);\n    --header-menu-item-hover: var(--color-header-menu-item-hover, #e6dcff);\n    --header-menu-item-selected: var(--color-header-menu-item-selected, #cbb9ff);\n    --header-menu-bg: var(--color-menu-bg, #f6f5f9);\n    --header-menu-loggedin-bg: var(--color-header-menu-loggedin-bg, #5e546d);\n    --header-menu-text: var(--color-menu-item-text, #654d6c);\n    --header-border-radius: var(--border-radius-sm, 0.2rem);\n    --header-button-bg: var(--color-menu-bg, #ffffff);\n    --header-button-text: var(--color-header-button-text, #0F172B);\n    --header-button-detail-text: var(--color-header-button-detail-text, #99A1AF);\n    --header-shadow: var(--color-header-shadow, 2px 6px 10px 0 rgba(0, 0, 0, 0.4), 2px 8px 24px 0 rgba(0, 0, 0, 0.19));\n    font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n  }\n\n  /* for now light and dark are the same */\n  :host([theme='dark']) {\n    display: block;\n    --header-bg: var(--color-header-row-bg, #332746);\n    --header-text: var(--color-header-text, #ffffff);\n    --header-border: var(--color-border, #efecf3);\n    --header-line: var(--color-header-menu-separator-line, #5e546d);\n    --header-link: var(--color-text-heading, #000000);\n    --header-menu-item-hover: var(--color-header-menu-item-hover, #e6dcff);\n    --header-menu-item-selected: var(--color-header-menu-item-selected, #cbb9ff);\n    --header-menu-bg: var(--color-menu-bg, #f6f5f9);\n    --header-menu-loggedin-bg: var(--color-header-menu-loggedin-bg, #5e546d);\n    --header-menu-text: var(--color-menu-item-text, #654d6c);\n    --header-border-radius: var(--border-radius-sm, 0.2rem);\n    --header-button-bg: var(--color-menu-bg, #ffffff);\n    --header-button-text: var(--color-header-button-text, #0f172a);\n    --header-button-detail-text: var(--color-header-button-detail-text, #878192);\n    --header-icon-filter: invert(1) brightness(1.3); /* special way to invert SVG color of icons, from white to black */\n    --header-shadow: var(--color-header-shadow, 2px 6px 10px 0 rgba(0, 0, 0, 0.4), 2px 8px 24px 0 rgba(0, 0, 0, 0.19));\n    font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n  }\n\n  :host([layout='mobile']) .headerInner {\n    flex-wrap: wrap;\n    text-align: center;\n    gap: 0.5rem;\n  }\n\n  .headerInner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--header-bg);\n    color: var(--header-text);\n    padding: 0 1.5rem;\n    height: 3.75rem;\n  }\n\n  ::slotted([slot='navigation-toggle']) {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-right: 0.75rem;\n  }\n\n  :host([layout='desktop']) ::slotted([slot='navigation-toggle']) {\n    display: none !important;\n  }\n\n  .brand {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .brand-not-displayed {\n    display: none;\n  }\n\n  .brand img {\n    height: 50px;\n    width: 55px;\n    object-fit: contain;\n  }\n\n  .menu {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n    margin-left: auto;\n  }\n\n  .auth-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n  }\n\n  .auth-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    min-height: 2.25rem;\n    padding: 0.5rem 0.875rem;\n    border: 1px solid var(--header-border);\n    border-radius: 999px;\n    background: var(--header-menu-bg);\n    color: var(--header-button-text);\n    cursor: pointer;\n    font: inherit;\n    line-height: 1;\n    text-decoration: none;\n    box-sizing: border-box;\n    transition: border-color 0.2s ease, transform 0.2s ease;\n  }\n\n  .auth-button:hover {\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .auth-button:active {\n    transform: translateY(1px);\n  }\n\n  .auth-button-sign-up {\n    background: color-mix(in srgb, var(--header-menu-bg) 78%, var(--header-menu-item-selected) 22%);\n  }\n\n  .header-menu-separator {\n    background: var(--header-line);\n    width: 1px;\n    height: 2.3rem;\n  }\n\n  .account-menu-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .account-menu-trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.625rem;\n    min-height: 2.5rem;\n    border: 1px solid var(--header-menu-loggedin-bg);\n    border-radius: 999px;\n    background: var(--header-menu-loggedin-bg);\n    color: var(--header-button-text);\n    cursor: pointer;\n    font: inherit;\n    line-height: 1;\n  }\n\n  :host([layout='mobile']) .account-menu-trigger {\n    gap: 0;\n    min-height: auto;\n    padding: 0;\n    border: 1.5px solid var(--header-border);\n    background: var(--header-menu-loggedin-bg);\n  }\n\n  :host([layout='mobile']) .account-menu-trigger-label {\n    display: none;\n  }\n\n  .account-menu-trigger:disabled {\n    cursor: default;\n    opacity: 0.7;\n  }\n\n  .account-menu-trigger-icon {\n    width: 1rem;\n    height: 1rem;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .account-avatar,\n  .account-menu-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    overflow: hidden;\n    background: color-mix(in srgb, var(--header-bg) 18%, #ded8e7 82%);\n    color: var(--header-button-text);\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n\n  .account-avatar {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 999px;\n    border: 1.5px solid var(--header-border);\n  }\n\n  .account-menu-avatar {\n    width: 2rem;\n    height: 2rem;\n    border-radius: 0.5rem;\n  }\n\n  .account-avatar img,\n  .account-menu-avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .account-avatar-img {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 999px;\n    object-fit: cover;\n    background-color: var(--header-border);\n  }\n\n  .account-dropdown {\n    position: absolute;\n    top: calc(100% + 0.9rem);\n    right: 0;\n    min-width: 15rem;\n    padding: 0.5rem;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: var(--header-border-radius);\n    box-shadow: var(--header-shadow);\n    z-index: 10;\n  }\n\n  .account-dropdown[hidden] {\n    display: none;\n  }\n\n  .account-menu-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .account-menu-item-link,\n  .account-menu-item-button,\n  ::slotted([slot='account-menu']) {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n    width: 100%;\n    box-sizing: border-box;\n    color: var(--header-link);\n    text-decoration: none;\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: 10px;\n    padding: 0.5rem;\n    cursor: pointer;\n    font: inherit;\n    text-align: left;\n  }\n\n  .account-menu-item-link:hover,\n  .account-menu-item-button:hover {\n    color: var(--header-link);\n    background: var(--header-menu-item-hover);\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .account-menu-item-link:active,\n  .account-menu-item-button:active {\n    color: var(--header-link);\n    background: var(--header-menu-item-selected);\n    border-color: var(--header-menu-item-selected);\n    transform: translateY(1px);\n  }\n\n  .account-switch {\n    display: block;\n    width: 100%;\n    color: var(--header-menu-text);\n    text-align: left;\n    text-transform: uppercase;\n    font-size: 80%;\n  }\n\n  .dropdown-menu-separator {\n    display: block;\n    width: calc(100% + 1rem);\n    margin: 0.5rem -0.5rem;\n    border: 0;\n    border-top: 1px solid var(--header-border);\n  }\n\n  .account-menu-copy {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  .account-menu-label {\n    color: var(--header-button-text);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .account-menu-webid {\n    color: var(--header-button-detail-text);\n    font-size: 0.5rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .help-menu-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    background: transparent;\n  }\n\n  .help-menu-trigger {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n  }\n\n  .help-menu-trigger:disabled {\n    cursor: default;\n  }\n\n  .help-dropdown {\n    position: absolute;\n    top: calc(100% + 0.9rem);\n    right: 0;\n    min-width: 12rem;\n    padding: 0.5rem;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: var(--header-border-radius);\n    box-shadow: var(--header-shadow);\n    z-index: 10;\n  }\n\n  .help-dropdown[hidden] {\n    display: none;\n  }\n\n  .help-dropdown-content {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .help-menu-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .help-menu-list a,\n  .help-menu-list button,\n  ::slotted([slot='help-menu']) {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    color: var(--header-link);\n    text-decoration: none;\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    padding: 0.375rem 0.5rem;\n    cursor: pointer;\n    font: inherit;\n    text-align: left;\n  }\n\n  .help-menu-list a:hover,\n  .help-menu-list button:hover {\n    color: var(--header-link);\n    background: var(--header-menu-item-hover);\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .help-menu-list a:active,\n  .help-menu-list button:active {\n    color: var(--header-link);\n    background: var(--header-menu-item-selected);\n    border-color: var(--header-menu-item-selected);\n    transform: translateY(1px);\n  }\n\n  ::slotted(a), ::slotted(button) {\n    color: var(--header-link);\n    text-decoration: none;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: 4px;\n    padding: 0.25rem 0.5rem;\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .help-icon {\n    width: 35px;\n    height: 35px;\n    cursor: pointer;\n  }\n\n  .help-text {\n    color: var(--header-text, #ffffff);\n    font: inherit;\n  }\n\n  .logout-action-icon {\n    width: 16px;\n    height: 16px;\n    display: inline-block;\n    object-fit: contain;\n    margin-right: 0.5rem;\n  }\n  `\n\n  declare logo: string\n  declare helpIcon: string\n  declare layout: 'desktop' | 'mobile'\n  declare theme: 'light' | 'dark'\n  declare brandLink: string\n  declare authState: HeaderAuthState\n  declare loginAction: HeaderMenuItem\n  declare signUpAction: HeaderMenuItem\n  declare accountMenu: HeaderAccountMenuItem[]\n  declare logoutLabel: string | null\n  declare logoutIcon: string\n  declare accountIcon: string\n  declare accountAvatar: string\n  declare accountAvatarFallback: string\n  declare loginIcon: string\n  declare signUpIcon: string\n  declare helpMenuList: HeaderMenuItem[]\n  declare accountMenuOpen: boolean\n  declare helpMenuOpen: boolean\n  declare hasSlottedAccountMenu: boolean\n  declare hasSlottedHelpMenu: boolean\n  declare authResolved: boolean\n  private _refreshPromise: Promise<void> | null = null\n\n  private readonly handleAuthSessionChange = () => {\n    this.refreshAuthStateFromSession().catch(() => {\n      // Keep auth event handling resilient on transient refresh failures.\n    })\n  }\n\n  constructor () {\n    super()\n    this.logo = DEFAULT_SOLID_ICON_URL\n    this.helpIcon = DEFAULT_HELP_MENU_ICON\n    this.layout = 'desktop'\n    this.theme = 'light'\n    this.brandLink = '#'\n    this.authState = 'logged-out'\n    this.loginAction = { label: 'Log In', action: 'login' }\n    this.signUpAction = { label: 'Sign Up', action: 'sign-up', url: DEFAULT_SIGNUP_URL }\n    this.accountMenu = []\n    this.logoutLabel = 'Log Out'\n    this.logoutIcon = ''\n    this.accountIcon = '▼'\n    this.accountAvatar = ''\n    this.accountAvatarFallback = ''\n    this.loginIcon = ''\n    this.signUpIcon = ''\n    this.helpMenuList = []\n    this.accountMenuOpen = false\n    this.helpMenuOpen = false\n    this.hasSlottedAccountMenu = false\n    this.hasSlottedHelpMenu = false\n    this.authResolved = false\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    document.addEventListener('click', this.handleDocumentClick)\n    window.addEventListener('keydown', this.handleWindowKeydown)\n    if (typeof authSession.events?.on === 'function') {\n      authSession.events.on('login', this.handleAuthSessionChange)\n      authSession.events.on('logout', this.handleAuthSessionChange)\n      authSession.events.on('sessionRestore', this.handleAuthSessionChange)\n    }\n    this.refreshAuthStateFromSession().catch(() => {\n      // Keep initial header render resilient on transient refresh failures.\n    })\n  }\n\n  disconnectedCallback () {\n    document.removeEventListener('click', this.handleDocumentClick)\n    window.removeEventListener('keydown', this.handleWindowKeydown)\n    if (typeof authSession.events?.off === 'function') {\n      authSession.events.off('login', this.handleAuthSessionChange)\n      authSession.events.off('logout', this.handleAuthSessionChange)\n      authSession.events.off('sessionRestore', this.handleAuthSessionChange)\n    }\n    super.disconnectedCallback()\n  }\n\n  private async refreshAuthStateFromSession () {\n    if (!this._refreshPromise) {\n      this._refreshPromise = (async () => {\n        try {\n          await authn.checkUser()\n          // Some auth stacks resolve session state asynchronously after first check.\n          if (!authn.currentUser()) {\n            await authn.checkUser()\n          }\n        } catch (_err) {\n          // Keep rendering even if session refresh cannot complete.\n        }\n      })()\n    }\n\n    try {\n      await this._refreshPromise\n    } finally {\n      this._refreshPromise = null\n    }\n\n    this.authState = authn.currentUser() ? 'logged-in' : 'logged-out'\n    this.authResolved = true\n  }\n\n  private handleHelpMenuClick (item: HeaderMenuItem, event: MouseEvent) {\n    event.preventDefault()\n    this.helpMenuOpen = false\n    this.dispatchEvent(new CustomEvent('help-menu-select', {\n      detail: item,\n      bubbles: true,\n      composed: true\n    }))\n    if (item.url) {\n      const target = item.target || '_blank'\n      const features = target === '_blank' ? 'noopener,noreferrer' : undefined\n      window.open(item.url, target, features)\n    }\n  }\n\n  private handleAccountMenuClick (item: HeaderAccountMenuItem) {\n    this.accountMenuOpen = false\n    this.dispatchEvent(new CustomEvent('account-menu-select', {\n      detail: item,\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private readonly handleDocumentClick = (event: MouseEvent) => {\n    if (!event.composedPath().includes(this)) {\n      this.accountMenuOpen = false\n      this.helpMenuOpen = false\n    }\n  }\n\n  private readonly handleWindowKeydown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && (this.accountMenuOpen || this.helpMenuOpen)) {\n      this.accountMenuOpen = false\n      this.helpMenuOpen = false\n    }\n  }\n\n  private handleAccountSlotChange (event: Event) {\n    const slot = event.target as HTMLSlotElement\n    this.hasSlottedAccountMenu = slot.assignedElements({ flatten: true }).length > 0\n  }\n\n  private handleHelpSlotChange (event: Event) {\n    const slot = event.target as HTMLSlotElement\n    this.hasSlottedHelpMenu = slot.assignedElements({ flatten: true }).length > 0\n  }\n\n  private toggleAccountMenu (event: MouseEvent) {\n    event.preventDefault()\n    if (!this.hasAccountMenuItems()) return\n    this.helpMenuOpen = false\n    this.accountMenuOpen = !this.accountMenuOpen\n  }\n\n  private toggleHelpMenu (event: MouseEvent) {\n    event.preventDefault()\n    if (!this.hasHelpMenuItems()) return\n    this.accountMenuOpen = false\n    this.helpMenuOpen = !this.helpMenuOpen\n  }\n\n  private hasAccountMenuItems () {\n    return Boolean(this.accountMenu?.length || this.hasSlottedAccountMenu || this.logoutLabel)\n  }\n\n  private hasHelpMenuItems () {\n    return Boolean(this.helpMenuList?.length || this.hasSlottedHelpMenu)\n  }\n\n  private shouldRenderHelpMenu () {\n    return this.layout !== 'mobile' && this.hasHelpMenuItems()\n  }\n\n  private renderLoggedInAvatar (avatar?: string, wrapperClass = 'account-avatar') {\n    const hasAvatar = Boolean(avatar)\n    const imageSrc = hasAvatar ? avatar : this.accountAvatarFallback || DEFAULT_LOGGEDIN_MENU_BUTTON_AVATAR\n    const imageAlt = hasAvatar ? 'Profile Avatar' : 'Default Avatar'\n\n    if (this.layout === 'mobile' && wrapperClass === 'account-avatar') {\n      return html`<img class=\"account-avatar-img\" src=\"${imageSrc}\" alt=\"${imageAlt}\" />`\n    }\n\n    return html`\n      <span class=\"${wrapperClass}\" aria-hidden=\"true\">\n        <img src=\"${imageSrc}\" alt=\"${imageAlt}\" />\n      </span>\n    `\n  }\n\n  private renderLoggedOutActions () {\n    return html`\n      <div class=\"auth-actions\" part=\"auth-actions\">\n        <slot name=\"login-action\">\n          <solid-ui-login-button\n            label=\"${this.loginAction.label}\"\n            icon=${ifDefined(this.layout !== 'mobile' ? (this.loginIcon || this.loginAction.icon) : undefined)}\n            layout=\"${this.layout}\"\n            theme=\"${this.theme}\"\n            part=\"login-action\"\n            @login-success=\"${() => this.handleLoginSuccess()}\"\n          ></solid-ui-login-button>\n        </slot>\n        <slot name=\"sign-up-action\">\n          <solid-ui-signup-button\n            label=\"${this.signUpAction.label}\"\n            signup-url=\"${ifDefined(this.signUpAction.url)}\"\n            layout=\"${this.layout}\"\n            .icon=${ifDefined(this.layout !== 'mobile' ? (this.signUpIcon || this.signUpAction.icon) : undefined)}\n            theme=\"${this.theme}\"\n            part=\"sign-up-action\"\n          ></solid-ui-signup-button>\n        </slot>\n      </div>\n    `\n  }\n\n  private async handleLoginSuccess () {\n    await this.refreshAuthStateFromSession()\n    this.dispatchEvent(new CustomEvent('auth-action-select', {\n      detail: { role: 'login' },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private async handleLogout () {\n    this.accountMenuOpen = false\n    const issuer = window.localStorage.getItem('loginIssuer') || ''\n\n    try {\n      await authSession.logout()\n    } catch (_err) {\n      // logout errors are non-fatal — proceed to clear state\n    }\n\n    await clearPersistedAuthState()\n\n    const redirectedToServerLogout = await performServerSideLogout({\n      issuer,\n      postLogoutRedirectPath: '/'\n    })\n    if (redirectedToServerLogout) {\n      return\n    }\n\n    await this.refreshAuthStateFromSession()\n    this.dispatchEvent(new CustomEvent('logout-select', {\n      detail: { role: 'logout' },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private renderAccountMenuItem (item: HeaderAccountMenuItem) {\n    const content = html`\n      ${this.renderLoggedInAvatar(item.avatar, 'account-menu-avatar')}\n      <span class=\"account-menu-copy\">\n        <span class=\"account-menu-label\">${item.label}</span>\n        ${item.webid && this.layout !== 'mobile' ? html`<span class=\"account-menu-webid\">${item.webid}</span>` : ''}\n      </span>\n    `\n\n    if (item.url) {\n      return html`\n        <a\n          class=\"account-menu-item-link\"\n          href=\"${item.url}\"\n          @click=\"${() => this.handleAccountMenuClick(item)}\"\n          part=\"account-menu-item\"\n          role=\"menuitem\"\n        >\n          ${content}\n        </a>\n      `\n    }\n\n    return html`\n      <button\n        class=\"account-menu-item-button\"\n        type=\"button\"\n        @click=\"${() => this.handleAccountMenuClick(item)}\"\n        part=\"account-menu-item\"\n        role=\"menuitem\"\n      >\n        ${content}\n      </button>\n    `\n  }\n\n  private renderLoggedInActions () {\n    return html`\n      <div class=\"account-menu-container\" part=\"account-menu-container\">\n        <slot name=\"account-trigger\">\n          <button\n            id=\"accountMenuTrigger\"\n            class=\"account-menu-trigger\"\n            type=\"button\"\n            aria-haspopup=\"menu\"\n            aria-expanded=\"${this.accountMenuOpen ? 'true' : 'false'}\"\n            ?disabled=\"${!this.hasAccountMenuItems()}\"\n            @click=\"${(e: MouseEvent) => this.toggleAccountMenu(e)}\"\n            part=\"account-menu-trigger\"\n          >\n            ${this.renderLoggedInAvatar(this.accountAvatar)}\n            ${this.layout !== 'mobile' && this.accountIcon\n? html`\n              <img class=\"account-menu-trigger-icon\" src=\"${this.accountIcon}\" alt=\"\" aria-hidden=\"true\" />`\n: ''}\n          </button>\n        </slot>\n\n        <nav\n          id=\"accountMenu\"\n          class=\"account-dropdown\"\n          role=\"menu\"\n          ?inert=\"${!this.accountMenuOpen || !this.hasAccountMenuItems()}\"\n          ?hidden=\"${!this.accountMenuOpen || !this.hasAccountMenuItems()}\"\n          part=\"account-dropdown\"\n        >\n          <slot name=\"account-switch\" class=\"account-switch\">Switch account</slot>\n          <hr class=\"dropdown-menu-separator\" />\n          <slot name=\"account-menu\" @slotchange=\"${(e: Event) => this.handleAccountSlotChange(e)}\"></slot>\n          ${this.accountMenu && this.accountMenu.length\n          ? html`\n            <ul class=\"account-menu-list\">\n              ${this.accountMenu.map((item: HeaderAccountMenuItem) => html`\n                <li>${this.renderAccountMenuItem(item)}</li>\n              `)}\n            </ul>\n          `\n          : ''}\n          ${this.logoutLabel\n          ? html`\n            <hr class=\"dropdown-menu-separator\" />\n            <button\n              class=\"account-menu-item-button\"\n              type=\"button\"\n              @click=\"${() => this.handleLogout()}\"\n              part=\"logout-action\"\n              role=\"menuitem\"\n            >\n              ${this.logoutIcon && this.layout !== 'mobile'\n                ? html`<img class=\"logout-action-icon\" src=\"${this.logoutIcon}\" alt=\"\" aria-hidden=\"true\" part=\"logout-action-icon\" />`\n                : ''}\n              ${this.logoutLabel}\n            </button>\n          `\n          : ''}\n        </nav>\n      </div>\n    `\n  }\n\n  private renderUserArea () {\n    if (Features.DESIGN_SYSTEM_HEADER_ACCOUNT) {\n      return html`\n        <solid-ui-provider>\n          <solid-ui-account></solid-ui-account>\n        </solid-ui-provider>\n      `\n    }\n\n    if (!this.authResolved) {\n      return html`<div class=\"auth-actions\" part=\"auth-actions\"></div>`\n    }\n\n    if (this.authState === 'logged-out') {\n      return this.renderLoggedOutActions()\n    }\n\n    return this.renderLoggedInActions()\n  }\n\n  protected firstUpdated () {\n    const brandLink = this.shadowRoot?.getElementById('brandLink')\n    if (brandLink) {\n      brandLink.classList.toggle('brand-not-displayed', this.layout === 'mobile')\n    }\n  }\n\n  protected updated (changedProperties: Map<string, unknown>) {\n    if (changedProperties.has('layout')) {\n      const brandLink = this.shadowRoot?.getElementById('brandLink')\n      if (brandLink) {\n        brandLink.classList.toggle('brand-not-displayed', this.layout === 'mobile')\n      }\n    }\n  }\n\n  render () {\n    return html`\n      <div class=\"headerInner\">\n        <slot name=\"navigation-toggle\"></slot>\n        <a\n          id=\"brandLink\"\n          class=\"brand\"\n          href=\"${this.brandLink}\"\n          part=\"brand\"\n        >\n          <img id=\"brandImg\" src=\"${this.logo}\" alt=\"Logo\" part=\"logo\" />\n        </a>\n\n        <div class=\"menu\" part=\"menu\">\n          ${this.renderUserArea()}\n\n          ${this.shouldRenderHelpMenu()\n          ? html`\n            <div class=\"header-menu-separator\" />`\n          : ''}\n\n          ${this.shouldRenderHelpMenu()\n          ? html`\n            <div class=\"help-menu-container\" part=\"help-menu-container\">\n              <button\n                id=\"helpMenuTrigger\"\n                class=\"help-menu-trigger\"\n                type=\"button\"\n                aria-haspopup=\"menu\"\n                aria-expanded=\"${this.helpMenuOpen ? 'true' : 'false'}\"\n                ?disabled=\"${!this.hasHelpMenuItems()}\"\n                @click=\"${(e: MouseEvent) => this.toggleHelpMenu(e)}\"\n                part=\"help-menu-trigger\"\n              >\n                ${this.helpIcon\n                  ? html`<img id=\"helpIcon\" class=\"help-icon\" src=\"${this.helpIcon}\" alt=\"Help\" part=\"help-icon\" />`\n                  : html`<span class=\"help-text\" part=\"help-text\">Help</span>`}\n              </button>\n\n            <nav\n              id=\"helpMenu\"\n              class=\"help-dropdown\"\n              role=\"menu\"\n              ?inert=\"${!this.helpMenuOpen || !this.hasHelpMenuItems()}\"\n              ?hidden=\"${!this.helpMenuOpen || !this.hasHelpMenuItems()}\"\n              part=\"help-dropdown\"\n            >\n              <div class=\"help-dropdown-content\" @click=\"${() => { this.helpMenuOpen = false }}\">\n                <slot name=\"help-menu\" @slotchange=\"${(e: Event) => this.handleHelpSlotChange(e)}\"></slot>\n                ${this.helpMenuList && this.helpMenuList.length\n                ? html`\n                  <ul class=\"help-menu-list\">\n                    ${this.helpMenuList.map((item: HeaderMenuItem) => html`\n                      <li>\n                        ${item.url\n                        ? html`\n                          <a\n                            href=\"${item.url}\"\n                            target=\"${item.target || '_blank'}\"\n                            rel=\"${ifDefined((item.target || '_blank') === '_blank' ? 'noopener noreferrer' : undefined)}\"\n                            @click=\"${(e: MouseEvent) => this.handleHelpMenuClick(item, e)}\"\n                            part=\"help-menu-item\"\n                            role=\"menuitem\"\n                          >\n                            ${item.label}\n                          </a>\n                        `\n                        : html`\n                          <button\n                            type=\"button\"\n                            @click=\"${(e: MouseEvent) => this.handleHelpMenuClick(item, e)}\"\n                            part=\"help-menu-item\"\n                            role=\"menuitem\"\n                          >\n                            ${item.label}\n                          </button>\n                        `}\n                      </li>\n                    `)}\n                  </ul>\n                `\n                : ''}\n              </div>\n            </nav>\n          </div>`\n          : ''}\n        </div>\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Header.cjs.js","names":[],"sources":["../../../../../src/v2/components/layout/header/Header.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { icons } from '../../../../lib/iconBase'\nimport { authSession, authn, performServerSideLogout } from 'solid-logic'\nimport '../../auth/loginButton/index'\nimport '../../auth/signupButton/index'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport '@/components/account'\nimport '@/components/provider'\nimport Features from '../../../../lib/features'\n\nconst DEFAULT_HELP_MENU_ICON = ''\nconst DEFAULT_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'\nconst DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\nconst DEFAULT_LOGGEDIN_MENU_BUTTON_AVATAR = icons.iconBase + 'emptyProfileAvatar.png'\n\nasync function clearPersistedAuthState (): Promise<void> {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const explicitKeys = ['loginIssuer', 'preLoginRedirectHash']\n  for (const key of explicitKeys) {\n    window.localStorage.removeItem(key)\n    window.sessionStorage.removeItem(key)\n  }\n\n  if (typeof indexedDB === 'undefined') {\n    return\n  }\n\n  const databases = ['soidc', 'solid-client-authn-store', 'solid-client-authn']\n  for (const dbName of databases) {\n    await new Promise<void>((resolve) => {\n      try {\n        const request = indexedDB.deleteDatabase(dbName)\n        request.onsuccess = () => resolve()\n        request.onerror = () => resolve()\n        request.onblocked = () => resolve()\n      } catch (_err) {\n        resolve()\n      }\n    })\n  }\n}\n\nexport type HeaderAuthState = 'logged-out' | 'logged-in'\n\nexport type HeaderMenuItem = {\n  label: string\n  url?: string\n  target?: string\n  action?: string\n  icon?: string\n}\n\nexport type HeaderAccountMenuItem = HeaderMenuItem & {\n  avatar?: string\n  webid?: string\n}\n\nexport class Header extends LitElement {\n  static properties = {\n    logo: { type: String, reflect: true },\n    helpIcon: { type: String, attribute: 'help-icon', reflect: true },\n    layout: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    brandLink: { type: String, attribute: 'brand-link', reflect: true },\n    authState: { type: String, attribute: 'auth-state', reflect: true },\n    loginAction: { type: Object, attribute: false },\n    signUpAction: { type: Object, attribute: false },\n    accountMenu: { type: Array, attribute: false },\n    logoutLabel: { type: String, attribute: 'logout-label', reflect: true },\n    logoutIcon: { type: String, attribute: 'logout-icon', reflect: true },\n    accountIcon: { type: String, attribute: 'account-icon', reflect: true },\n    accountAvatar: { type: String, attribute: 'account-avatar', reflect: true },\n    accountAvatarFallback: { type: String, attribute: 'account-avatar-fallback', reflect: true },\n    loginIcon: { type: String, attribute: 'login-icon', reflect: true },\n    signUpIcon: { type: String, attribute: 'sign-up-icon', reflect: true },\n    helpMenuList: { type: Array },\n    accountMenuOpen: { state: true },\n    helpMenuOpen: { state: true },\n    hasSlottedAccountMenu: { state: true },\n    hasSlottedHelpMenu: { state: true },\n    authResolved: { state: true }\n  }\n\n  static styles = css`\n  :host { /* default theme */\n    display: block;\n    --header-bg: var(--color-header-row-bg, #332746);\n    --header-text: var(--color-header-text, #ffffff);\n    --header-border: var(--color-border, #efecf3);\n    --header-line: var(--color-header-menu-separator-line, #5e546d);\n    --header-link: var(--color-text-heading, #000000);\n    --header-menu-item-hover: var(--color-header-menu-item-hover, #e6dcff);\n    --header-menu-item-selected: var(--color-header-menu-item-selected, #cbb9ff);\n    --header-menu-bg: var(--color-menu-bg, #f6f5f9);\n    --header-menu-loggedin-bg: var(--color-header-menu-loggedin-bg, #5e546d);\n    --header-menu-text: var(--color-menu-item-text, #654d6c);\n    --header-border-radius: var(--border-radius-sm, 0.2rem);\n    --header-button-bg: var(--color-menu-bg, #ffffff);\n    --header-button-text: var(--color-header-button-text, #0F172B);\n    --header-button-detail-text: var(--color-header-button-detail-text, #99A1AF);\n    --header-shadow: var(--color-header-shadow, 2px 6px 10px 0 rgba(0, 0, 0, 0.4), 2px 8px 24px 0 rgba(0, 0, 0, 0.19));\n    font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n  }\n\n  /* for now light and dark are the same */\n  :host([theme='dark']) {\n    display: block;\n    --header-bg: var(--color-header-row-bg, #332746);\n    --header-text: var(--color-header-text, #ffffff);\n    --header-border: var(--color-border, #efecf3);\n    --header-line: var(--color-header-menu-separator-line, #5e546d);\n    --header-link: var(--color-text-heading, #000000);\n    --header-menu-item-hover: var(--color-header-menu-item-hover, #e6dcff);\n    --header-menu-item-selected: var(--color-header-menu-item-selected, #cbb9ff);\n    --header-menu-bg: var(--color-menu-bg, #f6f5f9);\n    --header-menu-loggedin-bg: var(--color-header-menu-loggedin-bg, #5e546d);\n    --header-menu-text: var(--color-menu-item-text, #654d6c);\n    --header-border-radius: var(--border-radius-sm, 0.2rem);\n    --header-button-bg: var(--color-menu-bg, #ffffff);\n    --header-button-text: var(--color-header-button-text, #0f172a);\n    --header-button-detail-text: var(--color-header-button-detail-text, #878192);\n    --header-icon-filter: invert(1) brightness(1.3); /* special way to invert SVG color of icons, from white to black */\n    --header-shadow: var(--color-header-shadow, 2px 6px 10px 0 rgba(0, 0, 0, 0.4), 2px 8px 24px 0 rgba(0, 0, 0, 0.19));\n    font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n  }\n\n  :host([layout='mobile']) .headerInner {\n    flex-wrap: wrap;\n    text-align: center;\n    gap: 0.5rem;\n  }\n\n  .headerInner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--header-bg);\n    color: var(--header-text);\n    padding: 0 1.5rem;\n    height: 3.75rem;\n  }\n\n  ::slotted([slot='navigation-toggle']) {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-right: 0.75rem;\n  }\n\n  :host([layout='desktop']) ::slotted([slot='navigation-toggle']) {\n    display: none !important;\n  }\n\n  .brand {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .brand-not-displayed {\n    display: none;\n  }\n\n  .brand img {\n    height: 50px;\n    width: 55px;\n    object-fit: contain;\n  }\n\n  .menu {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n    margin-left: auto;\n  }\n\n  .auth-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n  }\n\n  .auth-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    min-height: 2.25rem;\n    padding: 0.5rem 0.875rem;\n    border: 1px solid var(--header-border);\n    border-radius: 999px;\n    background: var(--header-menu-bg);\n    color: var(--header-button-text);\n    cursor: pointer;\n    font: inherit;\n    line-height: 1;\n    text-decoration: none;\n    box-sizing: border-box;\n    transition: border-color 0.2s ease, transform 0.2s ease;\n  }\n\n  .auth-button:hover {\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .auth-button:active {\n    transform: translateY(1px);\n  }\n\n  .auth-button-sign-up {\n    background: color-mix(in srgb, var(--header-menu-bg) 78%, var(--header-menu-item-selected) 22%);\n  }\n\n  .header-menu-separator {\n    background: var(--header-line);\n    width: 1px;\n    height: 2.3rem;\n  }\n\n  .account-menu-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .account-menu-trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.625rem;\n    min-height: 2.5rem;\n    border: 1px solid var(--header-menu-loggedin-bg);\n    border-radius: 999px;\n    background: var(--header-menu-loggedin-bg);\n    color: var(--header-button-text);\n    cursor: pointer;\n    font: inherit;\n    line-height: 1;\n  }\n\n  :host([layout='mobile']) .account-menu-trigger {\n    gap: 0;\n    min-height: auto;\n    padding: 0;\n    border: 1.5px solid var(--header-border);\n    background: var(--header-menu-loggedin-bg);\n  }\n\n  :host([layout='mobile']) .account-menu-trigger-label {\n    display: none;\n  }\n\n  .account-menu-trigger:disabled {\n    cursor: default;\n    opacity: 0.7;\n  }\n\n  .account-menu-trigger-icon {\n    width: 1rem;\n    height: 1rem;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .account-avatar,\n  .account-menu-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    overflow: hidden;\n    background: color-mix(in srgb, var(--header-bg) 18%, #ded8e7 82%);\n    color: var(--header-button-text);\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n\n  .account-avatar {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 999px;\n    border: 1.5px solid var(--header-border);\n  }\n\n  .account-menu-avatar {\n    width: 2rem;\n    height: 2rem;\n    border-radius: 0.5rem;\n  }\n\n  .account-avatar img,\n  .account-menu-avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .account-avatar-img {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 999px;\n    object-fit: cover;\n    background-color: var(--header-border);\n  }\n\n  .account-dropdown {\n    position: absolute;\n    top: calc(100% + 0.9rem);\n    right: 0;\n    min-width: 15rem;\n    padding: 0.5rem;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: var(--header-border-radius);\n    box-shadow: var(--header-shadow);\n    z-index: 10;\n  }\n\n  .account-dropdown[hidden] {\n    display: none;\n  }\n\n  .account-menu-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .account-menu-item-link,\n  .account-menu-item-button,\n  ::slotted([slot='account-menu']) {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n    width: 100%;\n    box-sizing: border-box;\n    color: var(--header-link);\n    text-decoration: none;\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: 10px;\n    padding: 0.5rem;\n    cursor: pointer;\n    font: inherit;\n    text-align: left;\n  }\n\n  .account-menu-item-link:hover,\n  .account-menu-item-button:hover {\n    color: var(--header-link);\n    background: var(--header-menu-item-hover);\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .account-menu-item-link:active,\n  .account-menu-item-button:active {\n    color: var(--header-link);\n    background: var(--header-menu-item-selected);\n    border-color: var(--header-menu-item-selected);\n    transform: translateY(1px);\n  }\n\n  .account-switch {\n    display: block;\n    width: 100%;\n    color: var(--header-menu-text);\n    text-align: left;\n    text-transform: uppercase;\n    font-size: 80%;\n  }\n\n  .dropdown-menu-separator {\n    display: block;\n    width: calc(100% + 1rem);\n    margin: 0.5rem -0.5rem;\n    border: 0;\n    border-top: 1px solid var(--header-border);\n  }\n\n  .account-menu-copy {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  .account-menu-label {\n    color: var(--header-button-text);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .account-menu-webid {\n    color: var(--header-button-detail-text);\n    font-size: 0.5rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .help-menu-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    background: transparent;\n  }\n\n  .help-menu-trigger {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n  }\n\n  .help-menu-trigger:disabled {\n    cursor: default;\n  }\n\n  .help-dropdown {\n    position: absolute;\n    top: calc(100% + 0.9rem);\n    right: 0;\n    min-width: 12rem;\n    padding: 0.5rem;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: var(--header-border-radius);\n    box-shadow: var(--header-shadow);\n    z-index: 10;\n  }\n\n  .help-dropdown[hidden] {\n    display: none;\n  }\n\n  .help-dropdown-content {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .help-menu-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .help-menu-list a,\n  .help-menu-list button,\n  ::slotted([slot='help-menu']) {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    color: var(--header-link);\n    text-decoration: none;\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    padding: 0.375rem 0.5rem;\n    cursor: pointer;\n    font: inherit;\n    text-align: left;\n  }\n\n  .help-menu-list a:hover,\n  .help-menu-list button:hover {\n    color: var(--header-link);\n    background: var(--header-menu-item-hover);\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .help-menu-list a:active,\n  .help-menu-list button:active {\n    color: var(--header-link);\n    background: var(--header-menu-item-selected);\n    border-color: var(--header-menu-item-selected);\n    transform: translateY(1px);\n  }\n\n  ::slotted(a), ::slotted(button) {\n    color: var(--header-link);\n    text-decoration: none;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: 4px;\n    padding: 0.25rem 0.5rem;\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .help-icon {\n    width: 35px;\n    height: 35px;\n    cursor: pointer;\n  }\n\n  .help-text {\n    color: var(--header-text, #ffffff);\n    font: inherit;\n  }\n\n  .logout-action-icon {\n    width: 16px;\n    height: 16px;\n    display: inline-block;\n    object-fit: contain;\n    margin-right: 0.5rem;\n  }\n  `\n\n  declare logo: string\n  declare helpIcon: string\n  declare layout: 'desktop' | 'mobile'\n  declare theme: 'light' | 'dark'\n  declare brandLink: string\n  declare authState: HeaderAuthState\n  declare loginAction: HeaderMenuItem\n  declare signUpAction: HeaderMenuItem\n  declare accountMenu: HeaderAccountMenuItem[]\n  declare logoutLabel: string | null\n  declare logoutIcon: string\n  declare accountIcon: string\n  declare accountAvatar: string\n  declare accountAvatarFallback: string\n  declare loginIcon: string\n  declare signUpIcon: string\n  declare helpMenuList: HeaderMenuItem[]\n  declare accountMenuOpen: boolean\n  declare helpMenuOpen: boolean\n  declare hasSlottedAccountMenu: boolean\n  declare hasSlottedHelpMenu: boolean\n  declare authResolved: boolean\n  private _refreshPromise: Promise<void> | null = null\n\n  private readonly handleAuthSessionChange = () => {\n    this.refreshAuthStateFromSession().catch(() => {\n      // Keep auth event handling resilient on transient refresh failures.\n    })\n  }\n\n  constructor () {\n    super()\n    this.logo = DEFAULT_SOLID_ICON_URL\n    this.helpIcon = DEFAULT_HELP_MENU_ICON\n    this.layout = 'desktop'\n    this.theme = 'light'\n    this.brandLink = '#'\n    this.authState = 'logged-out'\n    this.loginAction = { label: 'Log In', action: 'login' }\n    this.signUpAction = { label: 'Sign Up', action: 'sign-up', url: DEFAULT_SIGNUP_URL }\n    this.accountMenu = []\n    this.logoutLabel = 'Log Out'\n    this.logoutIcon = ''\n    this.accountIcon = '▼'\n    this.accountAvatar = ''\n    this.accountAvatarFallback = ''\n    this.loginIcon = ''\n    this.signUpIcon = ''\n    this.helpMenuList = []\n    this.accountMenuOpen = false\n    this.helpMenuOpen = false\n    this.hasSlottedAccountMenu = false\n    this.hasSlottedHelpMenu = false\n    this.authResolved = false\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    document.addEventListener('click', this.handleDocumentClick)\n    window.addEventListener('keydown', this.handleWindowKeydown)\n    if (typeof authSession.events?.on === 'function') {\n      authSession.events.on('login', this.handleAuthSessionChange)\n      authSession.events.on('logout', this.handleAuthSessionChange)\n      authSession.events.on('sessionRestore', this.handleAuthSessionChange)\n    }\n    this.refreshAuthStateFromSession().catch(() => {\n      // Keep initial header render resilient on transient refresh failures.\n    })\n  }\n\n  disconnectedCallback () {\n    document.removeEventListener('click', this.handleDocumentClick)\n    window.removeEventListener('keydown', this.handleWindowKeydown)\n    if (typeof authSession.events?.off === 'function') {\n      authSession.events.off('login', this.handleAuthSessionChange)\n      authSession.events.off('logout', this.handleAuthSessionChange)\n      authSession.events.off('sessionRestore', this.handleAuthSessionChange)\n    }\n    super.disconnectedCallback()\n  }\n\n  private async refreshAuthStateFromSession () {\n    if (!this._refreshPromise) {\n      this._refreshPromise = (async () => {\n        try {\n          await authn.checkUser()\n          // Some auth stacks resolve session state asynchronously after first check.\n          if (!authn.currentUser()) {\n            await authn.checkUser()\n          }\n        } catch (_err) {\n          // Keep rendering even if session refresh cannot complete.\n        }\n      })()\n    }\n\n    try {\n      await this._refreshPromise\n    } finally {\n      this._refreshPromise = null\n    }\n\n    this.authState = authn.currentUser() ? 'logged-in' : 'logged-out'\n    this.authResolved = true\n  }\n\n  private handleHelpMenuClick (item: HeaderMenuItem, event: MouseEvent) {\n    event.preventDefault()\n    this.helpMenuOpen = false\n    this.dispatchEvent(new CustomEvent('help-menu-select', {\n      detail: item,\n      bubbles: true,\n      composed: true\n    }))\n    if (item.url) {\n      const target = item.target || '_blank'\n      const features = target === '_blank' ? 'noopener,noreferrer' : undefined\n      window.open(item.url, target, features)\n    }\n  }\n\n  private handleAccountMenuClick (item: HeaderAccountMenuItem) {\n    this.accountMenuOpen = false\n    this.dispatchEvent(new CustomEvent('account-menu-select', {\n      detail: item,\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private readonly handleDocumentClick = (event: MouseEvent) => {\n    if (!event.composedPath().includes(this)) {\n      this.accountMenuOpen = false\n      this.helpMenuOpen = false\n    }\n  }\n\n  private readonly handleWindowKeydown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && (this.accountMenuOpen || this.helpMenuOpen)) {\n      this.accountMenuOpen = false\n      this.helpMenuOpen = false\n    }\n  }\n\n  private handleAccountSlotChange (event: Event) {\n    const slot = event.target as HTMLSlotElement\n    this.hasSlottedAccountMenu = slot.assignedElements({ flatten: true }).length > 0\n  }\n\n  private handleHelpSlotChange (event: Event) {\n    const slot = event.target as HTMLSlotElement\n    this.hasSlottedHelpMenu = slot.assignedElements({ flatten: true }).length > 0\n  }\n\n  private toggleAccountMenu (event: MouseEvent) {\n    event.preventDefault()\n    if (!this.hasAccountMenuItems()) return\n    this.helpMenuOpen = false\n    this.accountMenuOpen = !this.accountMenuOpen\n  }\n\n  private toggleHelpMenu (event: MouseEvent) {\n    event.preventDefault()\n    if (!this.hasHelpMenuItems()) return\n    this.accountMenuOpen = false\n    this.helpMenuOpen = !this.helpMenuOpen\n  }\n\n  private hasAccountMenuItems () {\n    return Boolean(this.accountMenu?.length || this.hasSlottedAccountMenu || this.logoutLabel)\n  }\n\n  private hasHelpMenuItems () {\n    return Boolean(this.helpMenuList?.length || this.hasSlottedHelpMenu)\n  }\n\n  private shouldRenderHelpMenu () {\n    return this.layout !== 'mobile' && this.hasHelpMenuItems()\n  }\n\n  private renderLoggedInAvatar (avatar?: string, wrapperClass = 'account-avatar') {\n    const hasAvatar = Boolean(avatar)\n    const imageSrc = hasAvatar ? avatar : this.accountAvatarFallback || DEFAULT_LOGGEDIN_MENU_BUTTON_AVATAR\n    const imageAlt = hasAvatar ? 'Profile Avatar' : 'Default Avatar'\n\n    if (this.layout === 'mobile' && wrapperClass === 'account-avatar') {\n      return html`<img class=\"account-avatar-img\" src=\"${imageSrc}\" alt=\"${imageAlt}\" />`\n    }\n\n    return html`\n      <span class=\"${wrapperClass}\" aria-hidden=\"true\">\n        <img src=\"${imageSrc}\" alt=\"${imageAlt}\" />\n      </span>\n    `\n  }\n\n  private renderLoggedOutActions () {\n    return html`\n      <div class=\"auth-actions\" part=\"auth-actions\">\n        <slot name=\"login-action\">\n          <solid-ui-login-button\n            label=\"${this.loginAction.label}\"\n            icon=${ifDefined(this.layout !== 'mobile' ? (this.loginIcon || this.loginAction.icon) : undefined)}\n            layout=\"${this.layout}\"\n            theme=\"${this.theme}\"\n            part=\"login-action\"\n            @login-success=\"${() => this.handleLoginSuccess()}\"\n          ></solid-ui-login-button>\n        </slot>\n        <slot name=\"sign-up-action\">\n          <solid-ui-signup-button\n            label=\"${this.signUpAction.label}\"\n            signup-url=\"${ifDefined(this.signUpAction.url)}\"\n            layout=\"${this.layout}\"\n            .icon=${ifDefined(this.layout !== 'mobile' ? (this.signUpIcon || this.signUpAction.icon) : undefined)}\n            theme=\"${this.theme}\"\n            part=\"sign-up-action\"\n          ></solid-ui-signup-button>\n        </slot>\n      </div>\n    `\n  }\n\n  private async handleLoginSuccess () {\n    await this.refreshAuthStateFromSession()\n    this.dispatchEvent(new CustomEvent('auth-action-select', {\n      detail: { role: 'login' },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private async handleLogout () {\n    this.accountMenuOpen = false\n    const issuer = window.localStorage.getItem('loginIssuer') || ''\n\n    try {\n      await authSession.logout()\n    } catch (_err) {\n      // logout errors are non-fatal — proceed to clear state\n    }\n\n    await clearPersistedAuthState()\n\n    const redirectedToServerLogout = await performServerSideLogout({\n      issuer,\n      postLogoutRedirectPath: '/'\n    })\n    if (redirectedToServerLogout) {\n      return\n    }\n\n    await this.refreshAuthStateFromSession()\n    this.dispatchEvent(new CustomEvent('logout-select', {\n      detail: { role: 'logout' },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private renderAccountMenuItem (item: HeaderAccountMenuItem) {\n    const content = html`\n      ${this.renderLoggedInAvatar(item.avatar, 'account-menu-avatar')}\n      <span class=\"account-menu-copy\">\n        <span class=\"account-menu-label\">${item.label}</span>\n        ${item.webid && this.layout !== 'mobile' ? html`<span class=\"account-menu-webid\">${item.webid}</span>` : ''}\n      </span>\n    `\n\n    if (item.url) {\n      return html`\n        <a\n          class=\"account-menu-item-link\"\n          href=\"${item.url}\"\n          @click=\"${() => this.handleAccountMenuClick(item)}\"\n          part=\"account-menu-item\"\n          role=\"menuitem\"\n        >\n          ${content}\n        </a>\n      `\n    }\n\n    return html`\n      <button\n        class=\"account-menu-item-button\"\n        type=\"button\"\n        @click=\"${() => this.handleAccountMenuClick(item)}\"\n        part=\"account-menu-item\"\n        role=\"menuitem\"\n      >\n        ${content}\n      </button>\n    `\n  }\n\n  private renderLoggedInActions () {\n    return html`\n      <div class=\"account-menu-container\" part=\"account-menu-container\">\n        <slot name=\"account-trigger\">\n          <button\n            id=\"accountMenuTrigger\"\n            class=\"account-menu-trigger\"\n            type=\"button\"\n            aria-haspopup=\"menu\"\n            aria-expanded=\"${this.accountMenuOpen ? 'true' : 'false'}\"\n            ?disabled=\"${!this.hasAccountMenuItems()}\"\n            @click=\"${(e: MouseEvent) => this.toggleAccountMenu(e)}\"\n            part=\"account-menu-trigger\"\n          >\n            ${this.renderLoggedInAvatar(this.accountAvatar)}\n            ${this.layout !== 'mobile' && this.accountIcon\n? html`\n              <img class=\"account-menu-trigger-icon\" src=\"${this.accountIcon}\" alt=\"\" aria-hidden=\"true\" />`\n: ''}\n          </button>\n        </slot>\n\n        <nav\n          id=\"accountMenu\"\n          class=\"account-dropdown\"\n          role=\"menu\"\n          ?inert=\"${!this.accountMenuOpen || !this.hasAccountMenuItems()}\"\n          ?hidden=\"${!this.accountMenuOpen || !this.hasAccountMenuItems()}\"\n          part=\"account-dropdown\"\n        >\n          <slot name=\"account-switch\" class=\"account-switch\">Switch account</slot>\n          <hr class=\"dropdown-menu-separator\" />\n          <slot name=\"account-menu\" @slotchange=\"${(e: Event) => this.handleAccountSlotChange(e)}\"></slot>\n          ${this.accountMenu && this.accountMenu.length\n          ? html`\n            <ul class=\"account-menu-list\">\n              ${this.accountMenu.map((item: HeaderAccountMenuItem) => html`\n                <li>${this.renderAccountMenuItem(item)}</li>\n              `)}\n            </ul>\n          `\n          : ''}\n          ${this.logoutLabel\n          ? html`\n            <hr class=\"dropdown-menu-separator\" />\n            <button\n              class=\"account-menu-item-button\"\n              type=\"button\"\n              @click=\"${() => this.handleLogout()}\"\n              part=\"logout-action\"\n              role=\"menuitem\"\n            >\n              ${this.logoutIcon && this.layout !== 'mobile'\n                ? html`<img class=\"logout-action-icon\" src=\"${this.logoutIcon}\" alt=\"\" aria-hidden=\"true\" part=\"logout-action-icon\" />`\n                : ''}\n              ${this.logoutLabel}\n            </button>\n          `\n          : ''}\n        </nav>\n      </div>\n    `\n  }\n\n  private renderUserArea () {\n    if (Features.DESIGN_SYSTEM_HEADER_ACCOUNT) {\n      return html`\n        <solid-ui-provider>\n          <solid-ui-account></solid-ui-account>\n        </solid-ui-provider>\n      `\n    }\n\n    if (!this.authResolved) {\n      return html`<div class=\"auth-actions\" part=\"auth-actions\"></div>`\n    }\n\n    if (this.authState === 'logged-out') {\n      return this.renderLoggedOutActions()\n    }\n\n    return this.renderLoggedInActions()\n  }\n\n  protected firstUpdated () {\n    const brandLink = this.shadowRoot?.getElementById('brandLink')\n    if (brandLink) {\n      brandLink.classList.toggle('brand-not-displayed', this.layout === 'mobile')\n    }\n  }\n\n  protected updated (changedProperties: Map<string, unknown>) {\n    if (changedProperties.has('layout')) {\n      const brandLink = this.shadowRoot?.getElementById('brandLink')\n      if (brandLink) {\n        brandLink.classList.toggle('brand-not-displayed', this.layout === 'mobile')\n      }\n    }\n  }\n\n  render () {\n    return html`\n      <div class=\"headerInner\">\n        <slot name=\"navigation-toggle\"></slot>\n        <a\n          id=\"brandLink\"\n          class=\"brand\"\n          href=\"${this.brandLink}\"\n          part=\"brand\"\n        >\n          <img id=\"brandImg\" src=\"${this.logo}\" alt=\"Logo\" part=\"logo\" />\n        </a>\n\n        <div class=\"menu\" part=\"menu\">\n          ${this.renderUserArea()}\n\n          ${this.shouldRenderHelpMenu()\n          ? html`\n            <div class=\"header-menu-separator\" />`\n          : ''}\n\n          ${this.shouldRenderHelpMenu()\n          ? html`\n            <div class=\"help-menu-container\" part=\"help-menu-container\">\n              <button\n                id=\"helpMenuTrigger\"\n                class=\"help-menu-trigger\"\n                type=\"button\"\n                aria-haspopup=\"menu\"\n                aria-expanded=\"${this.helpMenuOpen ? 'true' : 'false'}\"\n                ?disabled=\"${!this.hasHelpMenuItems()}\"\n                @click=\"${(e: MouseEvent) => this.toggleHelpMenu(e)}\"\n                part=\"help-menu-trigger\"\n              >\n                ${this.helpIcon\n                  ? html`<img id=\"helpIcon\" class=\"help-icon\" src=\"${this.helpIcon}\" alt=\"Help\" part=\"help-icon\" />`\n                  : html`<span class=\"help-text\" part=\"help-text\">Help</span>`}\n              </button>\n\n            <nav\n              id=\"helpMenu\"\n              class=\"help-dropdown\"\n              role=\"menu\"\n              ?inert=\"${!this.helpMenuOpen || !this.hasHelpMenuItems()}\"\n              ?hidden=\"${!this.helpMenuOpen || !this.hasHelpMenuItems()}\"\n              part=\"help-dropdown\"\n            >\n              <div class=\"help-dropdown-content\" @click=\"${() => { this.helpMenuOpen = false }}\">\n                <slot name=\"help-menu\" @slotchange=\"${(e: Event) => this.handleHelpSlotChange(e)}\"></slot>\n                ${this.helpMenuList && this.helpMenuList.length\n                ? html`\n                  <ul class=\"help-menu-list\">\n                    ${this.helpMenuList.map((item: HeaderMenuItem) => html`\n                      <li>\n                        ${item.url\n                        ? html`\n                          <a\n                            href=\"${item.url}\"\n                            target=\"${item.target || '_blank'}\"\n                            rel=\"${ifDefined((item.target || '_blank') === '_blank' ? 'noopener noreferrer' : undefined)}\"\n                            @click=\"${(e: MouseEvent) => this.handleHelpMenuClick(item, e)}\"\n                            part=\"help-menu-item\"\n                            role=\"menuitem\"\n                          >\n                            ${item.label}\n                          </a>\n                        `\n                        : html`\n                          <button\n                            type=\"button\"\n                            @click=\"${(e: MouseEvent) => this.handleHelpMenuClick(item, e)}\"\n                            part=\"help-menu-item\"\n                            role=\"menuitem\"\n                          >\n                            ${item.label}\n                          </button>\n                        `}\n                      </li>\n                    `)}\n                  </ul>\n                `\n                : ''}\n              </div>\n            </nav>\n          </div>`\n          : ''}\n        </div>\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/v2/components/layout/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/layout/header/Header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAG3C,OAAO,8BAA8B,CAAA;AACrC,OAAO,+BAA+B,CAAA;AAGtC,OAAO,8CAA8C,CAAA;AACrD,OAAO,+CAA+C,CAAA;AAsCtD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,WAAW,CAAA;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuBhB;IAED,MAAM,CAAC,MAAM,0BAqbZ;IAEO,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,eAAe,CAAA;IAC1B,WAAW,EAAE,cAAc,CAAA;IAC3B,YAAY,EAAE,cAAc,CAAA;IAC5B,WAAW,EAAE,qBAAqB,EAAE,CAAA;IACpC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,cAAc,EAAE,CAAA;IAC9B,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,YAAY,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,eAAe,CAA6B;IAEpD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAIvC;;IA4BD,iBAAiB;IAcjB,oBAAoB;YAWN,2BAA2B;IAyBzC,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAKnC;IAED,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAKnC;IAED,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,sBAAsB;YA2BhB,kBAAkB;YASlB,YAAY;IA4B1B,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,qBAAqB;IAgE7B,OAAO,CAAC,cAAc;IAoBtB,SAAS,CAAC,YAAY;IAOtB,SAAS,CAAC,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAS1D,MAAM;CA0FP"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/layout/header/Header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAG3C,OAAO,8BAA8B,CAAA;AACrC,OAAO,+BAA+B,CAAA;AAGtC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAsC9B,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,WAAW,CAAA;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuBhB;IAED,MAAM,CAAC,MAAM,0BAqbZ;IAEO,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,eAAe,CAAA;IAC1B,WAAW,EAAE,cAAc,CAAA;IAC3B,YAAY,EAAE,cAAc,CAAA;IAC5B,WAAW,EAAE,qBAAqB,EAAE,CAAA;IACpC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,cAAc,EAAE,CAAA;IAC9B,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,YAAY,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,eAAe,CAA6B;IAEpD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAIvC;;IA4BD,iBAAiB;IAcjB,oBAAoB;YAWN,2BAA2B;IAyBzC,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAKnC;IAED,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAKnC;IAED,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,sBAAsB;YA2BhB,kBAAkB;YASlB,YAAY;IA4B1B,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,qBAAqB;IAgE7B,OAAO,CAAC,cAAc;IAoBtB,SAAS,CAAC,YAAY;IAOtB,SAAS,CAAC,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAS1D,MAAM;CA0FP"}

package/dist/v2/components/layout/header/Header.esm.js

@@ -1,8 +1,8 @@
 import { icons as e } from "../../../../lib/iconBase.esm.js";
+import "../../../../components/account/index.esm.js";
 import "../../auth/loginButton/index.esm.js";
 import "../../auth/signupButton/index.esm.js";
-import "../../../../design-system/components/account/index.esm.js";
-import "../../../../design-system/components/provider/index.esm.js";
+import "../../../../components/provider/index.esm.js";
 import t from "../../../../lib/features.esm.js";
 import { authSession as n, authn as r, performServerSideLogout as i } from "solid-logic";
 import { LitElement as a, css as o, html as s } from "lit";