@substrat-run/elements 0.0.0-stage → 0.1.0

package/dist/session.js

@@ -0,0 +1,158 @@
+/**
+ * Who is signed in, for `<sub-avatar>` and `<sub-user-menu>` — with no DOM in it, so a
+ * second renderer gets the same answers from the same code (as `EntityTableModel` is
+ * for the table).
+ *
+ * One `SessionStore` per URL, shared: an avatar in the corner and the menu beside it
+ * read the session once between them, and a refresh of one is a refresh of both.
+ *
+ * A session read answers 200 with `{ principal, display, … }`, or anything else for
+ * "nobody". `email`, `picture` and `team` are read when present and never required —
+ * the todo demo's `/api/me` has only the first two.
+ */
+const text = (v) => (typeof v === 'string' && v.trim() !== '' ? v : undefined);
+/** A read's body as a session, or null when it is not one. Extra fields are ignored. */
+export function parseSession(body) {
+    if (typeof body !== 'object' || body === null)
+        return null;
+    const b = body;
+    const principal = text(b.principal);
+    if (!principal)
+        return null;
+    const session = { principal, display: text(b.display) ?? text(b.email) ?? principal };
+    const email = text(b.email);
+    const picture = text(b.picture);
+    const team = text(b.team);
+    if (email)
+        session.email = email;
+    if (picture)
+        session.picture = picture;
+    if (team)
+        session.team = team;
+    return session;
+}
+const segmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
+const firstGrapheme = (word) => segmenter.segment(word)[Symbol.iterator]().next().value?.segment ?? '';
+/**
+ * One or two letters for a name, by grapheme rather than code unit, so an accented or
+ * non-Latin first letter, or an emoji, is never cut in half. A single name gives one
+ * letter; "Ada Lovelace" gives "AL", "María José García" gives "MG" (first and last).
+ * A name with no letter-like start (a bare email local part, say) still gives its
+ * first grapheme.
+ */
+export function initialsOf(display) {
+    const name = display.includes('@') ? display.slice(0, display.indexOf('@')) : display;
+    const words = name.split(/[\s._-]+/u).filter(Boolean);
+    if (words.length === 0)
+        return '?';
+    const first = firstGrapheme(words[0]);
+    const last = words.length > 1 ? firstGrapheme(words[words.length - 1]) : '';
+    return (first + last).toLocaleUpperCase();
+}
+/** The Web Awesome palette hues an avatar may take; gray is left out for "nobody". */
+export const HUES = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'indigo', 'purple', 'pink'];
+/**
+ * A hue chosen by the principal, not the name, so a person keeps their colour when they
+ * change how they are called. FNV-1a over the UTF-16 units: stable and cheap, not a
+ * security property.
+ */
+export function hueOf(principal) {
+    let h = 0x811c9dc5;
+    for (let i = 0; i < principal.length; i++) {
+        h ^= principal.charCodeAt(i);
+        h = Math.imul(h, 0x01000193);
+    }
+    return HUES[(h >>> 0) % HUES.length];
+}
+export class SessionStore {
+    url;
+    fetchImpl;
+    #state = { phase: 'loading' };
+    #listeners = new Set();
+    #inFlight = null;
+    constructor(url, fetchImpl = (u, init) => globalThis.fetch(u, init)) {
+        this.url = url;
+        this.fetchImpl = fetchImpl;
+    }
+    get state() {
+        return this.#state;
+    }
+    /**
+     * Called with the current state now and on every change; returns the unsubscribe.
+     * The first subscriber starts the first read.
+     */
+    subscribe(listener) {
+        this.#listeners.add(listener);
+        listener(this.#state);
+        if (this.#state.phase === 'loading' && !this.#inFlight)
+            void this.refresh();
+        return () => this.#listeners.delete(listener);
+    }
+    /** Read again. Calls made while a read is in flight share it. */
+    refresh() {
+        this.#inFlight ??= this.#read().finally(() => (this.#inFlight = null));
+        return this.#inFlight;
+    }
+    /**
+     * A failed read (network down, a 5xx) is "signed out" only on the first read; after
+     * that it keeps the last answer, because a blip must not sign somebody out on screen.
+     */
+    async #read() {
+        let next;
+        try {
+            const res = await this.fetchImpl(this.url, { credentials: 'same-origin', headers: { accept: 'application/json' } });
+            const session = res.ok ? parseSession(await res.json()) : null;
+            next = session ? { phase: 'signed-in', session } : { phase: 'signed-out' };
+        }
+        catch {
+            if (this.#state.phase !== 'loading')
+                return;
+            next = { phase: 'signed-out' };
+        }
+        if (sameState(this.#state, next))
+            return;
+        this.#state = next;
+        for (const l of this.#listeners)
+            l(next);
+    }
+}
+function sameState(a, b) {
+    if (a.phase !== b.phase)
+        return false;
+    if (a.phase !== 'signed-in' || b.phase !== 'signed-in')
+        return true;
+    return JSON.stringify(a.session) === JSON.stringify(b.session);
+}
+const stores = new Map();
+/**
+ * The shared store for a session URL, resolved against the page. In a browser it reads
+ * again whenever the tab comes back into view, so signing out in another tab shows here
+ * the next time somebody looks — without polling.
+ */
+export function sessionAt(url) {
+    const key = typeof location === 'undefined' ? url : new URL(url, location.href).href;
+    let store = stores.get(key);
+    if (!store) {
+        const created = (store = new SessionStore(key));
+        stores.set(key, created);
+        if (typeof document !== 'undefined') {
+            document.addEventListener('visibilitychange', () => {
+                if (document.visibilityState === 'visible' && created.state.phase !== 'loading')
+                    void created.refresh();
+            });
+        }
+    }
+    return store;
+}
+/** Where "Sign in" goes: back to this page once the issuer is done. */
+export const signInHref = (urls, returnTo) => withParams(urls.login, { returnTo });
+/** Where "Switch user" goes: `prompt=select_account` gets past the issuer's SSO session. */
+export const switchUserHref = (urls, returnTo) => withParams(urls.login, { prompt: 'select_account', returnTo });
+function withParams(base, params) {
+    const [path, query = ''] = base.split('?', 2);
+    const q = new URLSearchParams(query);
+    for (const [k, v] of Object.entries(params))
+        q.set(k, v);
+    return `${path}?${q}`;
+}
+//# sourceMappingURL=session.js.map

package/dist/session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session.js","sourceRoot":"","sources":["../src/session.ts"],"names":[],"mappings":"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"}

package/dist/themes/atelier.css

@@ -0,0 +1,59 @@
+/*
+ * Atelier — the warm one. Paper-toned neutrals, a serif for headings, roomier rows and a
+ * terracotta accent. For a vertical whose users are not at a desk all day.
+ *
+ * A Substrat theme is values for Web Awesome's own tokens and nothing else: no selectors
+ * into components, no raw CSS. Put the class on <html> beside Web Awesome's default
+ * theme (and `wa-dark` for dark mode). The layer is Web Awesome's last, so these win over
+ * its theme without `!important` and still lose to an app's unlayered styles.
+ */
+@layer wa-theme-overrides {
+  .sub-theme-atelier {
+    --wa-color-brand-95: oklch(96.8% 0.026 38);
+    --wa-color-brand-90: oklch(93.0% 0.037 38);
+    --wa-color-brand-80: oklch(86.0% 0.059 38);
+    --wa-color-brand-70: oklch(77.5% 0.086 38);
+    --wa-color-brand-60: oklch(66.5% 0.112 38);
+    --wa-color-brand-50: oklch(53.0% 0.140 38);
+    --wa-color-brand-40: oklch(45.0% 0.109 38);
+    --wa-color-brand-30: oklch(38.0% 0.081 38);
+    --wa-color-brand-20: oklch(32.0% 0.053 38);
+    --wa-color-brand-10: oklch(23.5% 0.026 38);
+    --wa-color-brand-05: oklch(17.0% 0.017 38);
+    --wa-color-brand: var(--wa-color-brand-50);
+    --wa-color-brand-on: white;
+    --wa-color-neutral-95: oklch(96.8% 0.006 70);
+    --wa-color-neutral-90: oklch(93.0% 0.006 70);
+    --wa-color-neutral-80: oklch(86.0% 0.007 70);
+    --wa-color-neutral-70: oklch(77.5% 0.010 70);
+    --wa-color-neutral-60: oklch(66.5% 0.013 70);
+    --wa-color-neutral-50: oklch(53.0% 0.016 70);
+    --wa-color-neutral-40: oklch(45.0% 0.012 70);
+    --wa-color-neutral-30: oklch(38.0% 0.009 70);
+    --wa-color-neutral-20: oklch(32.0% 0.006 70);
+    --wa-color-neutral-10: oklch(23.5% 0.006 70);
+    --wa-color-neutral-05: oklch(17.0% 0.006 70);
+    --wa-color-neutral: var(--wa-color-neutral-50);
+    --wa-font-family-body: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+    --wa-font-family-heading: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, ui-serif, serif;
+    --wa-font-size-scale: 1.02;
+    --wa-space-scale: 1.12;
+    --wa-border-radius-scale: 1.6;
+    --wa-shadow-blur-scale: 0.6;
+    --wa-panel-border-radius: var(--wa-border-radius-l);
+  }
+
+  .sub-theme-atelier:not(.wa-dark) {
+    --wa-color-surface-default: oklch(99.2% 0.006 80);
+    --wa-color-surface-raised: oklch(99.6% 0.004 80);
+    --wa-color-surface-lowered: oklch(96.4% 0.012 75);
+    --wa-color-surface-border: oklch(90.5% 0.016 70);
+  }
+
+  .sub-theme-atelier.wa-dark {
+    --wa-color-surface-default: oklch(20% 0.012 60);
+    --wa-color-surface-raised: oklch(23% 0.013 60);
+    --wa-color-surface-lowered: oklch(17% 0.011 60);
+    --wa-color-surface-border: oklch(31% 0.014 60);
+  }
+}

package/dist/themes/base.css

@@ -0,0 +1,7 @@
+/*
+ * Web Awesome's default theme: every --wa-* token the elements read, in light and dark
+ * (`wa-dark` on <html>). A Substrat theme (ledger.css, atelier.css) is a class layered
+ * over this, so import this first and a theme after it. Only the theme — not Web
+ * Awesome's native-element styles — so an app's own <button> and <input> keep its look.
+ */
+@import '@awesome.me/webawesome/dist/styles/themes/default.css';

package/dist/themes/ledger.css

@@ -0,0 +1,59 @@
+/*
+ * Ledger — the dense one. For screens people work in all day: compact rows, flat
+ * surfaces with hairline borders instead of shadows, small radii, one cool teal accent.
+ *
+ * A Substrat theme is values for Web Awesome's own tokens and nothing else: no selectors
+ * into components, no raw CSS. Put the class on <html> beside Web Awesome's default
+ * theme (and `wa-dark` for dark mode). The layer is Web Awesome's last, so these win over
+ * its theme without `!important` and still lose to an app's unlayered styles.
+ */
+@layer wa-theme-overrides {
+  .sub-theme-ledger {
+    --wa-color-brand-95: oklch(96.8% 0.019 200);
+    --wa-color-brand-90: oklch(93.0% 0.028 200);
+    --wa-color-brand-80: oklch(86.0% 0.044 200);
+    --wa-color-brand-70: oklch(77.5% 0.064 200);
+    --wa-color-brand-60: oklch(66.5% 0.084 200);
+    --wa-color-brand-50: oklch(53.0% 0.105 200);
+    --wa-color-brand-40: oklch(45.0% 0.082 200);
+    --wa-color-brand-30: oklch(38.0% 0.061 200);
+    --wa-color-brand-20: oklch(32.0% 0.040 200);
+    --wa-color-brand-10: oklch(23.5% 0.020 200);
+    --wa-color-brand-05: oklch(17.0% 0.013 200);
+    --wa-color-brand: var(--wa-color-brand-50);
+    --wa-color-brand-on: white;
+    --wa-color-neutral-95: oklch(96.8% 0.004 250);
+    --wa-color-neutral-90: oklch(93.0% 0.004 250);
+    --wa-color-neutral-80: oklch(86.0% 0.005 250);
+    --wa-color-neutral-70: oklch(77.5% 0.007 250);
+    --wa-color-neutral-60: oklch(66.5% 0.010 250);
+    --wa-color-neutral-50: oklch(53.0% 0.012 250);
+    --wa-color-neutral-40: oklch(45.0% 0.009 250);
+    --wa-color-neutral-30: oklch(38.0% 0.007 250);
+    --wa-color-neutral-20: oklch(32.0% 0.005 250);
+    --wa-color-neutral-10: oklch(23.5% 0.004 250);
+    --wa-color-neutral-05: oklch(17.0% 0.004 250);
+    --wa-color-neutral: var(--wa-color-neutral-50);
+    --wa-font-family-body: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+    --wa-font-family-heading: var(--wa-font-family-body);
+    --wa-font-size-scale: 0.94;
+    --wa-space-scale: 0.82;
+    --wa-border-radius-scale: 0.45;
+    --wa-shadow-offset-y-scale: 0;
+    --wa-shadow-blur-scale: 0;
+    --wa-form-control-height: 2.1rem;
+    --wa-panel-border-radius: var(--wa-border-radius-s);
+  }
+
+  .sub-theme-ledger:not(.wa-dark) {
+    --wa-color-surface-lowered: var(--wa-color-neutral-95);
+    --wa-color-surface-border: var(--wa-color-neutral-90);
+  }
+
+  .sub-theme-ledger.wa-dark {
+    --wa-color-surface-default: var(--wa-color-neutral-05);
+    --wa-color-surface-raised: var(--wa-color-neutral-10);
+    --wa-color-surface-lowered: oklch(14% 0.008 250);
+    --wa-color-surface-border: var(--wa-color-neutral-20);
+  }
+}

package/dist/themes/native.css

@@ -0,0 +1,11 @@
+/*
+ * Web Awesome's styles for plain HTML — <button>, <input>, <table>, headings, links —
+ * from the same --wa-* tokens, so markup that is not a component still matches the
+ * theme. In Web Awesome's `wa-native` layer: an app's unlayered CSS still wins.
+ */
+@import '@awesome.me/webawesome/dist/styles/native.css';
+
+/* `wa-visually-hidden-label`: a control whose label is read but not shown. A `wa-*`
+   control is named by its `label` attribute — `aria-label` on the host does not reach
+   the input inside its shadow root. */
+@import '@awesome.me/webawesome/dist/styles/utilities/visually-hidden.css';

package/dist/user-menu.d.ts

@@ -0,0 +1,95 @@
+/**
+ * `<sub-user-menu>` — the account menu in a vertical's header: who is signed in, the
+ * vertical's own account items, and switching user and signing out, which it owns
+ * because it is the one place that knows the auth endpoints.
+ *
+ * A `wa-dropdown` around a `<sub-avatar>`. Signed out, it draws "Sign in" instead; while
+ * the first session read is in flight it draws the avatar's empty circle, never "Sign in".
+ *
+ * Slots (each has a default; slot something in to replace it):
+ *   (default)     — your items, `<wa-dropdown-item value="…">`; their `wa-select` reaches
+ *                   you as usual
+ *   `trigger`     — what is clicked (default: the avatar, with `show` beside it). It is
+ *                   put inside the menu's own `<button>`, so put no button in it
+ *   `header`      — the top of the menu (default: picture, name, then email and team)
+ *   `teams`       — between the header and your items; empty until team switching exists
+ *   `switch-user` — default "Switch user" (`hide-switch-user` drops it)
+ *   `sign-out`    — default "Sign out"; a replacement is yours to handle
+ *   `signed-out`  — what shows when nobody is signed in (default: a "Sign in" button);
+ *                   an empty `<span slot="signed-out">` shows nothing
+ *
+ * Attributes: `show` (`avatar` | `name` | `email`, default `avatar`), `size`,
+ *   `session-url` (`/api/me`), `login-url` (`/api/auth/login`), `logout-url`
+ *   (`/api/auth/logout`), `account-url` (adds "Manage account" when set),
+ *   `hide-switch-user`, `placement` (default `bottom-end`).
+ * Property: `session` — set it to draw a session the host already read.
+ * Events, both cancelable — `preventDefault()` keeps the navigation from happening:
+ *   `sub-sign-out`, `sub-switch-user`. The built-in items send no `wa-select`.
+ * Method: `refresh()` — read the session again.
+ *
+ * Sign-out is a top-level navigation, never a `fetch`: the logout route sends the
+ * browser on to the issuer, and the cookie carrying the logout hint is scoped to that
+ * one path.
+ */
+import '@awesome.me/webawesome/dist/components/button/button.js';
+import '@awesome.me/webawesome/dist/components/divider/divider.js';
+import '@awesome.me/webawesome/dist/components/dropdown/dropdown.js';
+import '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js';
+import './avatar.js';
+import type { AvatarShow } from './avatar.js';
+import SubstratElement from './internal/substrat-element.js';
+import { type Session } from './session.js';
+export declare class SubUserMenu extends SubstratElement {
+    #private;
+    static properties: {
+        show: {
+            reflect: boolean;
+        };
+        size: {};
+        sessionUrl: {
+            attribute: string;
+        };
+        loginUrl: {
+            attribute: string;
+        };
+        logoutUrl: {
+            attribute: string;
+        };
+        accountUrl: {
+            attribute: string;
+        };
+        hideSwitchUser: {
+            attribute: string;
+            type: BooleanConstructor;
+        };
+        placement: {};
+        session: {
+            attribute: boolean;
+        };
+        customTrigger: {
+            state: boolean;
+        };
+    };
+    show: AvatarShow;
+    size: string;
+    sessionUrl: string;
+    loginUrl: string;
+    logoutUrl: string;
+    accountUrl: string | undefined;
+    hideSwitchUser: boolean;
+    placement: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+    /** `undefined`: read it. `null`: nobody. */
+    session: Session | null | undefined;
+    customTrigger: boolean;
+    constructor();
+    /** Read the session again (every element on that URL redraws). */
+    refresh(): Promise<void>;
+    static css: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sub-user-menu': SubUserMenu;
+    }
+}
+//# sourceMappingURL=user-menu.d.ts.map

package/dist/user-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../src/user-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,yDAAyD,CAAC;AACjE,OAAO,2DAA2D,CAAC;AACnE,OAAO,6DAA6D,CAAC;AACrE,OAAO,uEAAuE,CAAC;AAC/E,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAA8B,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAQxE,qBAAa,WAAY,SAAQ,eAAe;;IAC9C,MAAM,CAAC,UAAU;QACf,IAAI;YAAI,OAAO;;QACf,IAAI;QACJ,UAAU;YAAI,SAAS;;QACvB,QAAQ;YAAI,SAAS;;QACrB,SAAS;YAAI,SAAS;;QACtB,UAAU;YAAI,SAAS;;QACvB,cAAc;YAAI,SAAS;YAAsB,IAAI;;QACrD,SAAS;QACT,OAAO;YAAI,SAAS;;QACpB,aAAa;YAAI,KAAK;;MACtB;IAEM,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3E,4CAA4C;IACpC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,aAAa,EAAE,OAAO,CAAC;IAI/B,cAUC;IAED,kEAAkE;IAClE,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAEvB;IAED,MAAM,CAAC,GAAG,0BA6DR;IAEF,MAAM,oCA8CL;CA2BF;AAOD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/user-menu.js

@@ -0,0 +1,212 @@
+/**
+ * `<sub-user-menu>` — the account menu in a vertical's header: who is signed in, the
+ * vertical's own account items, and switching user and signing out, which it owns
+ * because it is the one place that knows the auth endpoints.
+ *
+ * A `wa-dropdown` around a `<sub-avatar>`. Signed out, it draws "Sign in" instead; while
+ * the first session read is in flight it draws the avatar's empty circle, never "Sign in".
+ *
+ * Slots (each has a default; slot something in to replace it):
+ *   (default)     — your items, `<wa-dropdown-item value="…">`; their `wa-select` reaches
+ *                   you as usual
+ *   `trigger`     — what is clicked (default: the avatar, with `show` beside it). It is
+ *                   put inside the menu's own `<button>`, so put no button in it
+ *   `header`      — the top of the menu (default: picture, name, then email and team)
+ *   `teams`       — between the header and your items; empty until team switching exists
+ *   `switch-user` — default "Switch user" (`hide-switch-user` drops it)
+ *   `sign-out`    — default "Sign out"; a replacement is yours to handle
+ *   `signed-out`  — what shows when nobody is signed in (default: a "Sign in" button);
+ *                   an empty `<span slot="signed-out">` shows nothing
+ *
+ * Attributes: `show` (`avatar` | `name` | `email`, default `avatar`), `size`,
+ *   `session-url` (`/api/me`), `login-url` (`/api/auth/login`), `logout-url`
+ *   (`/api/auth/logout`), `account-url` (adds "Manage account" when set),
+ *   `hide-switch-user`, `placement` (default `bottom-end`).
+ * Property: `session` — set it to draw a session the host already read.
+ * Events, both cancelable — `preventDefault()` keeps the navigation from happening:
+ *   `sub-sign-out`, `sub-switch-user`. The built-in items send no `wa-select`.
+ * Method: `refresh()` — read the session again.
+ *
+ * Sign-out is a top-level navigation, never a `fetch`: the logout route sends the
+ * browser on to the issuer, and the cookie carrying the logout hint is scoped to that
+ * one path.
+ */
+import '@awesome.me/webawesome/dist/components/button/button.js';
+import '@awesome.me/webawesome/dist/components/divider/divider.js';
+import '@awesome.me/webawesome/dist/components/dropdown/dropdown.js';
+import '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js';
+import './avatar.js';
+import { css, html, nothing } from 'lit';
+import SubstratElement from './internal/substrat-element.js';
+import { SessionController } from './internal/session-controller.js';
+import { signInHref, switchUserHref } from './session.js';
+export class SubUserMenu extends SubstratElement {
+    static properties = {
+        show: { reflect: true },
+        size: {},
+        sessionUrl: { attribute: 'session-url' },
+        loginUrl: { attribute: 'login-url' },
+        logoutUrl: { attribute: 'logout-url' },
+        accountUrl: { attribute: 'account-url' },
+        hideSwitchUser: { attribute: 'hide-switch-user', type: Boolean },
+        placement: {},
+        session: { attribute: false },
+        customTrigger: { state: true },
+    };
+    #session = new SessionController(this);
+    constructor() {
+        super();
+        this.show = 'avatar';
+        this.size = '2rem';
+        this.sessionUrl = '/api/me';
+        this.loginUrl = '/api/auth/login';
+        this.logoutUrl = '/api/auth/logout';
+        this.hideSwitchUser = false;
+        this.placement = 'bottom-end';
+        this.customTrigger = false;
+    }
+    /** Read the session again (every element on that URL redraws). */
+    refresh() {
+        return this.#session.refresh();
+    }
+    static css = css `
+    :host {
+      display: inline-block;
+      font-family: var(--wa-font-family-body);
+    }
+    .trigger {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--wa-space-2xs);
+      max-width: 100%;
+      padding: var(--wa-space-3xs);
+      margin: 0;
+      border: 0;
+      border-radius: var(--wa-border-radius-pill);
+      background: none;
+      color: inherit;
+      font: inherit;
+      cursor: pointer;
+    }
+    :host(:not([show='avatar'])) .trigger {
+      padding-inline-end: var(--wa-space-xs);
+    }
+    .trigger:hover {
+      background: var(--wa-color-neutral-fill-quiet);
+    }
+    .trigger:focus-visible {
+      outline: var(--wa-focus-ring);
+      outline-offset: var(--wa-focus-ring-offset);
+    }
+    .placeholder {
+      display: inline-block;
+      border-radius: 50%;
+      background: var(--wa-color-neutral-fill-quiet);
+    }
+    .header {
+      display: flex;
+      align-items: center;
+      gap: var(--wa-space-s);
+      padding: var(--wa-space-xs) var(--wa-space-m) var(--wa-space-s);
+      max-width: 18rem;
+    }
+    .who {
+      min-width: 0;
+      line-height: var(--wa-line-height-condensed);
+    }
+    .who > * {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .name {
+      font-weight: var(--wa-font-weight-semibold);
+      color: var(--wa-color-text-normal);
+    }
+    .detail {
+      font-size: var(--wa-font-size-xs);
+      color: var(--wa-color-text-quiet);
+    }
+    wa-divider {
+      --spacing: var(--wa-space-2xs);
+    }
+  `;
+    render() {
+        const state = this.#session.state;
+        if (state.phase === 'loading') {
+            return html `<span class="placeholder" style="width: ${this.size}; height: ${this.size}" aria-hidden="true"></span>`;
+        }
+        if (state.phase === 'signed-out') {
+            return html `<slot name="signed-out"
+        ><wa-button size="s" variant="brand" href=${signInHref(this.#urls, here())}>Sign in</wa-button></slot
+      >`;
+        }
+        const s = state.session;
+        return html `<wa-dropdown placement=${this.placement} @wa-select=${this.#onSelect}>
+      <button
+        slot="trigger"
+        class="trigger"
+        part="trigger"
+        aria-label=${this.show === 'avatar' && !this.customTrigger ? `Account: ${s.display}` : nothing}
+      >
+        <slot name="trigger" @slotchange=${this.#onTriggerSlot}
+          ><sub-avatar .session=${s} show=${this.show} size=${this.size}></sub-avatar
+        ></slot>
+      </button>
+      <slot name="header">
+        <div class="header" part="header">
+          <sub-avatar .session=${s} size="2.5rem" aria-hidden="true"></sub-avatar>
+          <div class="who">
+            <div class="name">${s.display}</div>
+            ${s.email && s.email !== s.display ? html `<div class="detail">${s.email}</div>` : nothing}
+            ${s.team ? html `<div class="detail">${s.team}</div>` : nothing}
+          </div>
+        </div>
+      </slot>
+      <wa-divider></wa-divider>
+      <slot name="teams"></slot>
+      <slot></slot>
+      ${this.accountUrl
+            ? html `<wa-dropdown-item data-builtin="account" href=${this.accountUrl}>Manage account</wa-dropdown-item>`
+            : nothing}
+      <slot name="switch-user"
+        >${this.hideSwitchUser
+            ? nothing
+            : html `<wa-dropdown-item data-builtin="switch-user">Switch user</wa-dropdown-item>`}</slot
+      >
+      <wa-divider></wa-divider>
+      <slot name="sign-out"><wa-dropdown-item data-builtin="sign-out">Sign out</wa-dropdown-item></slot>
+    </wa-dropdown>`;
+    }
+    get #urls() {
+        return { login: this.loginUrl, logout: this.logoutUrl };
+    }
+    #onTriggerSlot(e) {
+        this.customTrigger = e.target.assignedNodes().length > 0;
+    }
+    /**
+     * A built-in item is recognised by being OURS — in this shadow root — never by its
+     * value, so a slotted `<wa-dropdown-item value="sign-out">` of the host's is the
+     * host's. Ours stop here: the host hears `sub-sign-out`, not a `wa-select` it would
+     * have to tell apart from its own.
+     */
+    #onSelect(e) {
+        const item = e.detail.item;
+        const builtin = item.getRootNode() === this.renderRoot ? item.dataset.builtin : undefined;
+        if (!builtin)
+            return;
+        e.stopPropagation();
+        if (builtin === 'account')
+            return; // its href navigates
+        const name = builtin === 'sign-out' ? 'sub-sign-out' : 'sub-switch-user';
+        const go = new CustomEvent(name, { bubbles: true, composed: true, cancelable: true });
+        if (!this.dispatchEvent(go))
+            return;
+        location.assign(builtin === 'sign-out' ? this.logoutUrl : switchUserHref(this.#urls, here()));
+    }
+}
+/** This page, as the place to come back to. */
+const here = () => location.pathname + location.search + location.hash;
+if (!customElements.get('sub-user-menu'))
+    customElements.define('sub-user-menu', SubUserMenu);
+//# sourceMappingURL=user-menu.js.map

package/dist/user-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.js","sourceRoot":"","sources":["../src/user-menu.ts"],"names":[],"mappings":"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"}