@design.estate/dees-catalog 9.3.0 → 9.4.0

package/dist_ts_web/elements/00group-simple/dees-simple-login/dees-simple-login.demo.d.ts

@@ -1 +1,3 @@
+import '../../00group-input/dees-input-dropdown/dees-input-dropdown.js';
+import '../../00group-input/dees-input-multitoggle/dees-input-multitoggle.js';
 export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/00group-simple/dees-simple-login/dees-simple-login.demo.js

@@ -32,68 +32,23 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { html, css, cssManager, customElement, state, DeesElement } from '@design.estate/dees-element';
+import { html, css, cssManager, customElement, state, DeesElement, directives } from '@design.estate/dees-element';
 import { themeDefaultStyles } from '../../00theme.js';
-/**
- * The catalog carries no third-party brand assets, so provider icons are always supplied by
- * the consumer. These are neutral Lucide stand-ins for what a real deployment would pass.
- */
-const demoProviders = [
+import { demoPage } from '../../../demos/templates.js';
+import '../../00group-input/dees-input-dropdown/dees-input-dropdown.js';
+import '../../00group-input/dees-input-multitoggle/dees-input-multitoggle.js';
+const providers = [
+    { id: 'workspace', label: 'Workspace account', icon: 'lucide:building2' },
     { id: 'idp-global', label: 'idp.global', icon: 'lucide:shieldCheck' },
-    { id: 'workspace', label: 'Workspace SSO', icon: 'lucide:building2' },
-    { id: 'email-link', label: 'Email link', icon: 'lucide:mail' },
 ];
-const manyProviders = [
-    ...demoProviders,
-    { id: 'security-key', label: 'Security key', icon: 'lucide:usb' },
-    { id: 'smartcard', label: 'Smartcard', icon: 'lucide:idCard' },
-    { id: 'legacy-ldap', label: 'LDAP', icon: 'lucide:network', disabled: true },
-];
-const delay = (msArg) => new Promise((resolve) => window.setTimeout(resolve, msArg));
 const variants = [
-    {
-        key: 'legacy',
-        title: 'Default (password only)',
-        description: 'No new properties set. This is the pre-existing component: username, password, the ' +
-            'legacy `login` event and nothing else.',
-    },
-    {
-        key: 'full',
-        title: 'Passkey + providers + password',
-        description: 'Handler mode. Every method has its own busy and error state — the passkey handler ' +
-            'below always rejects, and the password form stays untouched by it.',
-    },
-    {
-        key: 'passkeyOnly',
-        title: 'Passkey only',
-        description: '`.passkey=${true} .password=${false}` — no credential fallback at all.',
-    },
-    {
-        key: 'enrollment',
-        title: 'Passkey enrollment + sign in',
-        description: "`.passkeyIntents=${['authenticate', 'register']}` renders both ceremonies. " +
-            'This is what Onebox hand-rolls today.',
-    },
-    {
-        key: 'providerOnly',
-        title: 'Providers only',
-        description: 'A pure OIDC surface. The provider handler resolves after a short delay.',
-    },
-    {
-        key: 'manyProviders',
-        title: 'Six providers',
-        description: 'Four or more providers pair up into two columns instead of growing the card. The ' +
-            'last one is `disabled`.',
-    },
-    {
-        key: 'eventMode',
-        title: 'Event mode (no handlers)',
-        description: 'No handler properties. The component dispatches `passkey-login` / `provider-login` ' +
-            'and the demo drives busy and error state through `setBusy()` and `reportError()`.',
-    },
+    { key: 'full', option: 'All sign-in methods' }, { key: 'password', option: 'Password only' },
+    { key: 'passkey', option: 'Passkey only' }, { key: 'enroll', option: 'Passkey enrollment' },
+    { key: 'providers', option: 'Identity providers' }, { key: 'many', option: 'Six providers' },
+    { key: 'events', option: 'Consumer-managed events' }, { key: 'unavailable', option: 'Unavailable passkey' },
 ];
-let DeesSimpleLoginDemo = (() => {
-    let _classDecorators = [customElement('dees-simple-login-demo')];
+let DeesDemoSimpleLogin = (() => {
+    let _classDecorators = [customElement('dees-demo-simple-login')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -101,356 +56,162 @@ let DeesSimpleLoginDemo = (() => {
     let _variant_decorators;
     let _variant_initializers = [];
     let _variant_extraInitializers = [];
-    let _log_decorators;
-    let _log_initializers = [];
-    let _log_extraInitializers = [];
-    var DeesSimpleLoginDemo = class extends _classSuper {
+    let _outcome_decorators;
+    let _outcome_initializers = [];
+    let _outcome_extraInitializers = [];
+    let _revision_decorators;
+    let _revision_initializers = [];
+    let _revision_extraInitializers = [];
+    let _result_decorators;
+    let _result_initializers = [];
+    let _result_extraInitializers = [];
+    var DeesDemoSimpleLogin = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _variant_decorators = [state()];
-            _log_decorators = [state()];
+            _outcome_decorators = [state()];
+            _revision_decorators = [state()];
+            _result_decorators = [state()];
             __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
-            __esDecorate(this, null, _log_decorators, { kind: "accessor", name: "log", static: false, private: false, access: { has: obj => "log" in obj, get: obj => obj.log, set: (obj, value) => { obj.log = value; } }, metadata: _metadata }, _log_initializers, _log_extraInitializers);
+            __esDecorate(this, null, _outcome_decorators, { kind: "accessor", name: "outcome", static: false, private: false, access: { has: obj => "outcome" in obj, get: obj => obj.outcome, set: (obj, value) => { obj.outcome = value; } }, metadata: _metadata }, _outcome_initializers, _outcome_extraInitializers);
+            __esDecorate(this, null, _revision_decorators, { kind: "accessor", name: "revision", static: false, private: false, access: { has: obj => "revision" in obj, get: obj => obj.revision, set: (obj, value) => { obj.revision = value; } }, metadata: _metadata }, _revision_initializers, _revision_extraInitializers);
+            __esDecorate(this, null, _result_decorators, { kind: "accessor", name: "result", static: false, private: false, access: { has: obj => "result" in obj, get: obj => obj.result, set: (obj, value) => { obj.result = value; } }, metadata: _metadata }, _result_initializers, _result_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            DeesSimpleLoginDemo = _classThis = _classDescriptor.value;
+            DeesDemoSimpleLogin = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         #variant_accessor_storage = __runInitializers(this, _variant_initializers, 'full');
         get variant() { return this.#variant_accessor_storage; }
         set variant(value) { this.#variant_accessor_storage = value; }
-        #log_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _log_initializers, []));
-        get log() { return this.#log_accessor_storage; }
-        set log(value) { this.#log_accessor_storage = value; }
-        static styles = [
-            themeDefaultStyles,
-            cssManager.defaultStyles,
-            css `
-      :host {
-        display: block;
-        position: absolute;
-        inset: 0;
-        font-family: var(--dees-font-family);
-        color: var(--dees-color-text-primary);
-        background: var(--dees-color-bg-canvas);
-      }
-
-      .layout {
-        display: grid;
-        grid-template-columns: 320px 1fr;
-        height: 100%;
-      }
-
-      .sidebar {
-        display: flex;
-        flex-direction: column;
-        gap: var(--dees-spacing-md);
-        padding: var(--dees-spacing-xl);
-        overflow-y: auto;
-        border-right: 1px solid var(--dees-color-border-default);
-        background: var(--dees-color-bg-secondary);
-      }
-
-      .sidebarTitle {
-        font-size: var(--dees-font-control-size);
-        font-weight: 600;
-        color: var(--dees-color-text-muted);
-        text-transform: uppercase;
-        letter-spacing: 0.06em;
-      }
-
-      .variant {
-        padding: var(--dees-spacing-md);
-        border: 1px solid var(--dees-color-border-subtle);
-        border-radius: var(--dees-radius-lg);
-        corner-shape: var(--dees-corner-shape);
-        background: var(--dees-color-bg-primary);
-        cursor: pointer;
-        transition: border-color var(--dees-transition-fast) var(--dees-ease-standard);
-      }
-
-      .variant:hover {
-        border-color: var(--dees-color-border-strong);
-      }
-
-      .variant.selected {
-        border-color: var(--dees-color-accent-primary);
-        box-shadow: 0 0 0 1px var(--dees-color-accent-primary);
-      }
-
-      .variantTitle {
-        font-size: var(--dees-font-control-size);
-        font-weight: 600;
-      }
-
-      .variantDescription {
-        margin-top: var(--dees-spacing-xs);
-        font-size: var(--dees-font-control-size-sm);
-        line-height: 1.45;
-        color: var(--dees-color-text-muted);
-      }
-
-      .logTitle {
-        margin-top: var(--dees-spacing-lg);
-      }
-
-      .logEntries {
-        display: flex;
-        flex-direction: column;
-        gap: var(--dees-spacing-xs);
-        font-family: var(--dees-font-family-mono);
-        font-size: var(--dees-font-control-size-sm);
-        color: var(--dees-color-text-secondary);
-        user-select: text;
-      }
-
-      .stage {
-        position: relative;
-        overflow: hidden;
-      }
-
-      .authenticated {
-        display: flex;
-        flex-direction: column;
-        gap: var(--dees-spacing-md);
-        align-items: center;
-        justify-content: center;
-        height: 100%;
-        text-align: center;
-      }
-
-      .authenticated h1 {
-        margin: 0;
-        font-size: var(--dees-font-title2-size);
-      }
-
-      .authenticated p {
-        margin: 0;
-        color: var(--dees-color-text-muted);
-      }
-    `,
-        ];
-        get loginElement() {
-            return this.shadowRoot?.querySelector('dees-simple-login') || null;
+        #outcome_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _outcome_initializers, 'success'));
+        get outcome() { return this.#outcome_accessor_storage; }
+        set outcome(value) { this.#outcome_accessor_storage = value; }
+        #revision_accessor_storage = (__runInitializers(this, _outcome_extraInitializers), __runInitializers(this, _revision_initializers, 0));
+        get revision() { return this.#revision_accessor_storage; }
+        set revision(value) { this.#revision_accessor_storage = value; }
+        #result_accessor_storage = (__runInitializers(this, _revision_extraInitializers), __runInitializers(this, _result_initializers, 'Choose a sign-in method. These accounts and responses are local samples.'));
+        get result() { return this.#result_accessor_storage; }
+        set result(value) { this.#result_accessor_storage = value; }
+        work = (__runInitializers(this, _result_extraInitializers), new AbortController());
+        get login() { return this.shadowRoot?.querySelector('dees-simple-login') || null; }
+        static styles = [themeDefaultStyles, cssManager.defaultStyles, css `
+    :host { display: grid; gap: 16px; font-family: var(--dees-font-family); }
+    .controls { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; }
+    .controls dees-input-dropdown { width: 250px; max-width: 100%; }
+    .controls dees-button { margin-left: auto; }
+    .stage { height: 720px; min-height: 0; position: relative; border: 1px solid var(--dees-color-border-subtle); border-radius: var(--dees-radius-2xl); corner-shape: var(--dees-corner-shape); overflow: hidden; }
+    .authenticated { display: grid; place-content: center; justify-items: center; text-align: center; gap: 16px; height: 100%; padding: 32px; background: var(--dees-color-bg-canvas); }
+    .authenticated > dees-icon { color: var(--dees-color-text-success); }
+    h2 { margin: 0; font-size: 28px; font-weight: 600; letter-spacing: -.03em; }
+    p, output { margin: 0; color: var(--dees-color-text-secondary); font-size: 13px; line-height: 1.5; }
+    output { min-height: 40px; padding: 12px 16px; background: var(--dees-color-bg-secondary); border-radius: var(--dees-radius-lg); }
+    @media (max-width: 480px) { .stage { height: 760px; } }
+  `];
+        resetDemo() {
+            this.work.abort();
+            this.work = new AbortController();
+            this.revision++;
+            this.result = 'Ready. No account or personal information is required.';
         }
-        note(messageArg) {
-            this.log = [messageArg, ...this.log].slice(0, 12);
+        async disconnectedCallback() { this.work.abort(); await super.disconnectedCallback(); }
+        async connectedCallback() { if (this.work.signal.aborted)
+            this.work = new AbortController(); await super.connectedCallback(); }
+        async respond(method, eventTarget) {
+            const login = this.login;
+            if (!login)
+                return;
+            const signal = this.work.signal;
+            const outcome = this.outcome;
+            if (eventTarget)
+                login.setBusy(eventTarget, true);
+            const form = eventTarget?.method === 'password' ? login.shadowRoot?.querySelector('dees-form') : null;
+            form?.setStatus('pending', 'Signing in…');
+            this.result = `Waiting for ${method}…`;
+            const completed = await new Promise(resolve => {
+                const abort = () => { window.clearTimeout(timer); resolve(false); };
+                const timer = window.setTimeout(() => { signal.removeEventListener('abort', abort); resolve(true); }, 700);
+                signal.addEventListener('abort', abort, { once: true });
+            });
+            if (!completed || signal.aborted || !login.isConnected)
+                return;
+            if (eventTarget)
+                login.setBusy(eventTarget, false);
+            form?.setStatus('normal', 'Sign in');
+            if (outcome === 'error') {
+                this.result = `${method} was declined. The other sign-in methods remain available.`;
+                if (eventTarget)
+                    login.reportError(eventTarget, 'Could not sign in. Try again or choose another method.');
+                else
+                    throw new Error('Could not sign in. Try again or choose another method.');
+                return;
+            }
+            this.result = `Signed in with ${method}.`;
+            await login.switchToSlottedContent();
+            if (signal.aborted || !login.isConnected)
+                return;
+            await this.updateComplete;
+            login.querySelector('dees-button')?.focus();
         }
-        render() {
-            return html `
-      <div class="layout">
-        <div class="sidebar">
-          <div class="sidebarTitle">Variants</div>
-          ${variants.map((variantArg) => html `
-              <div
-                class="variant ${this.variant === variantArg.key ? 'selected' : ''}"
-                @click=${() => {
-                this.variant = variantArg.key;
-                this.log = [];
-            }}
-              >
-                <div class="variantTitle">${variantArg.title}</div>
-                <div class="variantDescription">${variantArg.description}</div>
-              </div>
-            `)}
-          <div class="sidebarTitle logTitle">Event log</div>
-          <div class="logEntries">
-            ${this.log.length === 0
-                ? html `<div>— nothing yet —</div>`
-                : this.log.map((entry) => html `<div>${entry}</div>`)}
-          </div>
-        </div>
-        <div class="stage">${this.renderVariant()}</div>
-      </div>
-    `;
+        signOut() {
+            const login = this.login;
+            if (!login)
+                return;
+            login.reset();
+            const root = login.shadowRoot;
+            root.querySelector('dees-form')?.setStatus('normal', 'Sign in');
+            Object.assign(root.querySelector('.login').style, { opacity: '1', transform: 'translateY(0px)' });
+            root.querySelector('.loginContainer').style.pointerEvents = 'all';
+            Object.assign(root.querySelector('.slotContainer').style, { opacity: '0', pointerEvents: 'none' });
+            this.result = 'Signed out. The same login surface is ready again.';
+            requestAnimationFrame(() => {
+                if (!login.isConnected)
+                    return;
+                const button = root.querySelector('dees-button');
+                const input = root.querySelector('dees-input-text');
+                (button || input)?.focus();
+            });
         }
-        renderVariant() {
-            const shared = html `
-      <div class="authenticated">
-        <h1>Signed in</h1>
-        <p>This is the slotted content that appears after login.</p>
+        render() {
+            const v = this.variant;
+            const eventMode = v === 'events';
+            const passkey = ['full', 'passkey', 'enroll', 'events', 'unavailable'].includes(v);
+            const password = ['full', 'password', 'many', 'events'].includes(v);
+            const configuredProviders = ['full', 'providers', 'events'].includes(v) ? providers : v === 'many' ? [
+                ...providers, { id: 'email', label: 'Email link', icon: 'lucide:mail' }, { id: 'key', label: 'Security key', icon: 'lucide:keyRound' },
+                { id: 'card', label: 'Smartcard', icon: 'lucide:contact' }, { id: 'directory', label: 'Directory', icon: 'lucide:network', disabled: true },
+            ] : [];
+            return html `<div class="controls">
+      <dees-input-dropdown label="Configuration" .options=${variants} .selectedOption=${variants.find(variant => variant.key === v)}
+        @selectedOption=${(event) => { this.variant = event.detail.key; this.resetDemo(); }}></dees-input-dropdown>
+      <dees-input-multitoggle label="Demo response" .options=${[{ key: 'success', label: 'Success' }, { key: 'error', label: 'Error' }]} .value=${this.outcome}
+        @change=${(event) => { this.outcome = event.detail.value; }}></dees-input-multitoggle>
+      <dees-button type="ghost" text="Reset demo" @clicked=${this.resetDemo}></dees-button>
+    </div>
+    <div class="stage">${directives.keyed(`${v}-${this.revision}`, html `<dees-simple-login name="Studio" .passkey=${passkey} .passkeyAvailable=${v !== 'unavailable'} .password=${password}
+      .providers=${configuredProviders} .passkeyIntents=${v === 'enroll' ? ['authenticate', 'register'] : ['authenticate']}
+      .labels=${{ heading: v === 'enroll' ? 'Your key to Studio' : 'Welcome to Studio', subheading: v === 'enroll' ? 'Sign in or create a passkey for this device.' : 'A little space for your next big idea.' }}
+      .passkeyLoginHandler=${eventMode ? undefined : () => this.respond('your passkey')}
+      .passkeyRegisterHandler=${() => this.respond('a new passkey')}
+      .providerLoginHandler=${eventMode ? undefined : (context) => this.respond(context.provider.label)}
+      .passwordLoginHandler=${eventMode || v === 'password' ? undefined : () => this.respond('your password')}
+      @passkey-login=${() => { if (eventMode)
+                void this.respond('your passkey', { method: 'passkey' }); }}
+      @provider-login=${(event) => { if (eventMode)
+                void this.respond(event.detail.provider.label, { method: 'provider', providerId: event.detail.providerId }); }}
+      @login=${() => { if (eventMode || v === 'password')
+                void this.respond('your password', { method: 'password' }); }}>
+      <dees-icon slot="brand" icon="lucide:layers" iconSize="26"></dees-icon>
+      <div class="authenticated"><dees-icon icon="lucide:circleCheck" iconSize="36"></dees-icon><h2>You're in.</h2><p>Your Studio workspace is ready.</p>
+        <dees-button type="accent" text="Sign out" @clicked=${this.signOut}></dees-button>
       </div>
-    `;
-            if (this.variant === 'legacy') {
-                return html `
-        <dees-simple-login
-          name="My Application"
-          @login=${(eventArg) => {
-                    const data = eventArg.detail?.data;
-                    this.note(`login: ${data?.username} / ${'*'.repeat(data?.password?.length || 0)}`);
-                    void this.loginElement?.switchToSlottedContent();
-                }}
-        >
-          ${shared}
-        </dees-simple-login>
-      `;
-            }
-            if (this.variant === 'full') {
-                return html `
-        <dees-simple-login
-          name="idp.global"
-          .passkey=${true}
-          .passkeyAvailable=${true}
-          .providers=${demoProviders}
-          .labels=${{ subheading: 'Choose how you want to continue' }}
-          .passkeyLoginHandler=${async (contextArg) => {
-                    this.note(`passkey handler (${contextArg.mediation})`);
-                    await delay(900);
-                    throw new Error('No passkey found for this account.');
-                }}
-          .providerLoginHandler=${async (contextArg) => {
-                    this.note(`provider handler: ${contextArg.providerId}`);
-                    await delay(900);
-                    void this.loginElement?.switchToSlottedContent();
-                }}
-          .passwordLoginHandler=${async () => {
-                    this.note('password handler');
-                    await delay(900);
-                    void this.loginElement?.switchToSlottedContent();
-                }}
-          @login=${(eventArg) => {
-                    this.note(`login event: ${eventArg.detail?.data?.username}`);
-                }}
-        >
-          ${shared}
-        </dees-simple-login>
-      `;
-            }
-            if (this.variant === 'passkeyOnly') {
-                return html `
-        <dees-simple-login
-          name="Onebox"
-          .passkey=${true}
-          .passkeyAvailable=${true}
-          .password=${false}
-          .labels=${{ subheading: 'Use a passkey registered for your Onebox account' }}
-          .passkeyLoginHandler=${async () => {
-                    this.note('passkey sign in');
-                    await delay(900);
-                    void this.loginElement?.switchToSlottedContent();
-                }}
-        >
-          ${shared}
-        </dees-simple-login>
-      `;
-            }
-            if (this.variant === 'enrollment') {
-                return html `
-        <dees-simple-login
-          name="Onebox"
-          .passkey=${true}
-          .passkeyAvailable=${true}
-          .password=${false}
-          .passkeyIntents=${['authenticate', 'register']}
-          .labels=${{ subheading: 'Sign in, or enroll this device' }}
-          .passkeyLoginHandler=${async () => {
-                    this.note('passkey authenticate');
-                    await delay(900);
-                    throw new Error('This device has no passkey for Onebox yet.');
-                }}
-          .passkeyRegisterHandler=${async () => {
-                    this.note('passkey register');
-                    await delay(900);
-                    void this.loginElement?.switchToSlottedContent();
-                }}
-        >
-          ${shared}
-        </dees-simple-login>
-      `;
-            }
-            if (this.variant === 'providerOnly') {
-                return html `
-        <dees-simple-login
-          name="login.idp.global"
-          .password=${false}
-          .providers=${demoProviders}
-          .labels=${{ subheading: 'Continue with one of your identity providers' }}
-          .providerLoginHandler=${async (contextArg) => {
-                    this.note(`provider handler: ${contextArg.providerId}`);
-                    await delay(900);
-                    void this.loginElement?.switchToSlottedContent();
-                }}
-        >
-          ${shared}
-        </dees-simple-login>
-      `;
-            }
-            if (this.variant === 'manyProviders') {
-                return html `
-        <dees-simple-login
-          name="login.idp.global"
-          .providers=${manyProviders}
-          .methodOrder=${['provider', 'password']}
-          .providerLoginHandler=${async (contextArg) => {
-                    this.note(`provider handler: ${contextArg.providerId}`);
-                    await delay(600);
-                    throw new Error('Discovery endpoint unreachable.');
-                }}
-          @login=${() => this.note('login event')}
-        >
-          ${shared}
-        </dees-simple-login>
-      `;
-            }
-            // eventMode
-            return html `
-      <dees-simple-login
-        name="Cloudly"
-        .passkey=${true}
-        .passkeyAvailable=${true}
-        .providers=${demoProviders}
-        @passkey-login=${async (eventArg) => {
-                this.note(`passkey-login event (username: ${eventArg.detail.username || '—'})`);
-                const element = this.loginElement;
-                element?.setBusy({ method: 'passkey' }, true);
-                await delay(900);
-                element?.setBusy({ method: 'passkey' }, false);
-                element?.reportError({ method: 'passkey' }, 'Consumer-reported: ceremony declined.');
-            }}
-        @provider-login=${async (eventArg) => {
-                this.note(`provider-login event: ${eventArg.detail.providerId}`);
-                const element = this.loginElement;
-                const target = { method: 'provider', providerId: eventArg.detail.providerId };
-                element?.setBusy(target, true);
-                await delay(900);
-                element?.setBusy(target, false);
-                element?.reportError(target, 'Consumer-reported: redirect blocked.');
-            }}
-        @login=${(eventArg) => {
-                this.note(`login event: ${eventArg.detail?.data?.username}`);
-                this.loginElement?.reportError('password', 'Consumer-reported: invalid credentials.');
-            }}
-      >
-        ${shared}
-      </dees-simple-login>
-    `;
-        }
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, _log_extraInitializers);
+    </dees-simple-login>`)}</div><output role="status">${this.result}</output>`;
         }
         static {
             __runInitializers(_classThis, _classExtraInitializers);
         }
     };
-    return DeesSimpleLoginDemo = _classThis;
+    return DeesDemoSimpleLogin = _classThis;
 })();
-export const demoFunc = () => html `
-  <style>
-    body {
-      margin: 0;
-      padding: 0;
-    }
-    .demo-container {
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-  </style>
-  <div class="demo-container">
-    <dees-simple-login-demo></dees-simple-login-demo>
-  </div>
-`;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLXNpbXBsZS9kZWVzLXNpbXBsZS1sb2dpbi9kZWVzLXNpbXBsZS1sb2dpbi5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQVN0RDs7O0dBR0c7QUFDSCxNQUFNLGFBQWEsR0FBeUI7SUFDMUMsRUFBRSxFQUFFLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLG9CQUFvQixFQUFFO0lBQ3JFLEVBQUUsRUFBRSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSxrQkFBa0IsRUFBRTtJQUNyRSxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFO0NBQy9ELENBQUM7QUFFRixNQUFNLGFBQWEsR0FBeUI7SUFDMUMsR0FBRyxhQUFhO0lBQ2hCLEVBQUUsRUFBRSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUU7SUFDakUsRUFBRSxFQUFFLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRTtJQUM5RCxFQUFFLEVBQUUsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtDQUM3RSxD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
+export const demoFunc = () => demoPage('Sign in', 'One welcoming surface. Passkeys, workspace accounts, and passwords working together.', html `<dees-demo-simple-login></dees-demo-simple-login>`);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLXNpbXBsZS9kZWVzLXNpbXBsZS1sb2dpbi9kZWVzLXNpbXBsZS1sb2dpbi5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZELE9BQU8sZ0VBQWdFLENBQUM7QUFDeEUsT0FBTyxzRUFBc0UsQ0FBQztBQUU5RSxNQUFNLFNBQVMsR0FBeUI7SUFDdEMsRUFBRSxFQUFFLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxtQkFBbUIsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUU7SUFDekUsRUFBRSxFQUFFLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLG9CQUFvQixFQUFFO0NBQ3RFLENBQUM7QUFDRixNQUFNLFFBQVEsR0FBRztJQUNmLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUscUJBQXFCLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLGVBQWUsRUFBRTtJQUM1RixFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsb0JBQW9CLEVBQUU7SUFDM0YsRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLE1BQU0s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