@masmarino/gabarit 2.0.0 → 2.1.1

package/fesm2022/masmarino-gabarit-auth-reset-password.mjs

@@ -0,0 +1,364 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, Injector, computed, contentChild, inject, input, linkedSignal, output, signal } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { Button } from "@masmarino/gabarit/button";
+import { GbtInput } from "@masmarino/gabarit/input";
+import { Alert } from "@masmarino/gabarit/alert";
+import { EmptyState } from "@masmarino/gabarit/empty-state";
+import { AUTH_PORT, AuthFooter, AuthFooterLink, AuthPanel, DEFAULT_RESET_PASSWORD_LABELS, MIN_PASSWORD_LENGTH, authLabels, classifyActivateFailure, focusAfterRender, focusNow, passwordProblem } from "@masmarino/gabarit/auth";
+let nextId = 0;
+var AuthResetPassword = class AuthResetPassword {
+	auth = inject(AUTH_PORT);
+	host = inject(ElementRef);
+	injector = inject(Injector);
+	token = input(null, ...ngDevMode ? [{ debugName: "token" }] : /* istanbul ignore next */ []);
+	labels = input({}, ...ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []);
+	minPasswordLength = input(MIN_PASSWORD_LENGTH, ...ngDevMode ? [{ debugName: "minPasswordLength" }] : /* istanbul ignore next */ []);
+	passwordReset = output();
+	signIn = output();
+	text = authLabels("resetPassword", DEFAULT_RESET_PASSWORD_LABELS, this.labels);
+	id = `gbt-reset-password-${nextId++}`;
+	signInLink = contentChild(AuthFooterLink, ...ngDevMode ? [{ debugName: "signInLink" }] : /* istanbul ignore next */ []);
+	passwordHint = computed(() => this.text().passwordHint(this.minPasswordLength()), ...ngDevMode ? [{ debugName: "passwordHint" }] : /* istanbul ignore next */ []);
+	spent = linkedSignal({
+		...ngDevMode ? { debugName: "spent" } : /* istanbul ignore next */ {},
+		source: this.token,
+		computation: () => false
+	});
+	view = linkedSignal(() => this.token() ? "form" : "invalid", ...ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []);
+	password = signal("", ...ngDevMode ? [{ debugName: "password" }] : /* istanbul ignore next */ []);
+	confirmation = signal("", ...ngDevMode ? [{ debugName: "confirmation" }] : /* istanbul ignore next */ []);
+	error = signal("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	submitting = signal(false, ...ngDevMode ? [{ debugName: "submitting" }] : /* istanbul ignore next */ []);
+	attempted = signal(false, ...ngDevMode ? [{ debugName: "attempted" }] : /* istanbul ignore next */ []);
+	passwordFieldError = computed(() => {
+		if (!this.attempted()) return null;
+		const min = this.minPasswordLength();
+		const problem = passwordProblem(this.password(), min);
+		return problem === "empty" ? this.text().passwordEmpty : problem === "too-short" ? this.text().passwordTooShort(min) : null;
+	}, ...ngDevMode ? [{ debugName: "passwordFieldError" }] : /* istanbul ignore next */ []);
+	confirmationFieldError = computed(() => this.attempted() ? this.confirmationProblem() : null, ...ngDevMode ? [{ debugName: "confirmationFieldError" }] : /* istanbul ignore next */ []);
+	constructor() {
+		focusAfterRender(this.host, this.injector, () => this.view() === "form" ? `#${this.id}-password` : "h1");
+	}
+	submit() {
+		const token = this.spent() ? null : this.token();
+		if (this.submitting() || this.view() !== "form" || !token) return;
+		this.error.set("");
+		this.attempted.set(true);
+		if (passwordProblem(this.password(), this.minPasswordLength())) {
+			focusNow(this.host, `#${this.id}-password`);
+			return;
+		}
+		if (this.confirmationProblem()) {
+			focusNow(this.host, `#${this.id}-confirmation`);
+			return;
+		}
+		this.submitting.set(true);
+		this.auth.resetPassword(token, this.password()).subscribe({
+			next: () => {
+				this.submitting.set(false);
+				this.spent.set(true);
+				this.clearPasswords();
+				this.show("success");
+				this.passwordReset.emit();
+			},
+			error: (err) => {
+				this.submitting.set(false);
+				const failure = classifyActivateFailure(err);
+				if (failure === "invalid-link") {
+					this.spent.set(true);
+					this.clearPasswords();
+					this.show("invalid");
+					return;
+				}
+				const text = this.text();
+				this.fail(failure === "weak-password" ? text.weakPassword(this.minPasswordLength()) : failure === "rate-limited" ? text.tooManyAttempts : text.failed);
+			}
+		});
+	}
+	confirmationProblem() {
+		if (this.confirmation() === "") return this.text().confirmationEmpty;
+		return this.confirmation() === this.password() ? null : this.text().mismatch;
+	}
+	clearPasswords() {
+		this.password.set("");
+		this.confirmation.set("");
+		this.attempted.set(false);
+	}
+	show(view) {
+		this.view.set(view);
+		focusAfterRender(this.host, this.injector, "h1");
+	}
+	fail(message) {
+		this.error.set(message);
+		focusAfterRender(this.host, this.injector, `#${this.id}-password`);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AuthResetPassword,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: AuthResetPassword,
+		isStandalone: true,
+		selector: "gbt-auth-reset-password",
+		inputs: {
+			token: {
+				classPropertyName: "token",
+				publicName: "token",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labels: {
+				classPropertyName: "labels",
+				publicName: "labels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minPasswordLength: {
+				classPropertyName: "minPasswordLength",
+				publicName: "minPasswordLength",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			passwordReset: "passwordReset",
+			signIn: "signIn"
+		},
+		queries: [{
+			propertyName: "signInLink",
+			first: true,
+			predicate: AuthFooterLink,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<gbt-auth-panel\n  [heading]=\"view() === 'form' ? text().heading : ''\"\n  [intro]=\"view() === 'form' ? text().intro : ''\"\n>\n  <ng-container ngProjectAs=\"[auth-backdrop]\"><ng-content select=\"[auth-backdrop]\" /></ng-container>\n  <ng-container ngProjectAs=\"[auth-logo]\"><ng-content select=\"[auth-logo]\" /></ng-container>\n\n  @switch (view()) {\n    @case ('form') {\n      <form class=\"gbt-auth-panel__form\" (ngSubmit)=\"submit()\" novalidate>\n        @if (error()) {\n          <gbt-alert variant=\"error\" appearance=\"subtle\" iconAlign=\"start\">{{ error() }}</gbt-alert>\n        }\n\n        <gbt-input\n          [id]=\"id + '-password'\"\n          type=\"password\"\n          name=\"password\"\n          autocomplete=\"new-password\"\n          [label]=\"text().password\"\n          [showPasswordLabel]=\"text().showPassword\"\n          [hidePasswordLabel]=\"text().hidePassword\"\n          [hint]=\"passwordHint()\"\n          [errorMessage]=\"passwordFieldError()\"\n          [ngModel]=\"password()\"\n          (ngModelChange)=\"password.set($event)\"\n        />\n\n        <gbt-input\n          [id]=\"id + '-confirmation'\"\n          type=\"password\"\n          name=\"confirmation\"\n          autocomplete=\"new-password\"\n          [label]=\"text().confirmation\"\n          [showPasswordLabel]=\"text().showPassword\"\n          [hidePasswordLabel]=\"text().hidePassword\"\n          [errorMessage]=\"confirmationFieldError()\"\n          [ngModel]=\"confirmation()\"\n          (ngModelChange)=\"confirmation.set($event)\"\n        />\n\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          type=\"submit\"\n          size=\"large\"\n          [text]=\"text().submit\"\n          [loading]=\"submitting()\"\n          [loadingLabel]=\"text().submitting\"\n        />\n      </form>\n\n      @if (signInLink()) {\n        <gbt-auth-footer [text]=\"text().signInPrompt\"\n          ><ng-content select=\"[gbtAuthFooterLink]\"\n        /></gbt-auth-footer>\n      }\n    }\n    @case ('success') {\n      <gbt-empty-state\n        class=\"gbt-auth-panel__status gbt-auth-panel__status--success\"\n        icon=\"circle-check\"\n        [headingLevel]=\"1\"\n        headingFocusable\n        [heading]=\"text().successHeading\"\n        [message]=\"text().successMessage\"\n      >\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          size=\"large\"\n          [text]=\"text().signIn\"\n          (clicked)=\"signIn.emit()\"\n        />\n      </gbt-empty-state>\n    }\n    @case ('invalid') {\n      <gbt-empty-state\n        class=\"gbt-auth-panel__status\"\n        tone=\"error\"\n        icon=\"shield-alert\"\n        [headingLevel]=\"1\"\n        headingFocusable\n        [heading]=\"text().invalidHeading\"\n        [message]=\"text().invalidMessage\"\n      >\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          size=\"large\"\n          [text]=\"text().signIn\"\n          (clicked)=\"signIn.emit()\"\n        />\n      </gbt-empty-state>\n    }\n  }\n</gbt-auth-panel>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgForm,
+				selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]",
+				inputs: ["ngFormOptions"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "component",
+				type: Button,
+				selector: "gbt-button, a[gbtButton]",
+				inputs: [
+					"variant",
+					"size",
+					"type",
+					"text",
+					"iconName",
+					"ariaLabel",
+					"loading",
+					"loadingLabel",
+					"disabled",
+					"pressed",
+					"ariaExpanded",
+					"ariaControls",
+					"ariaHaspopup",
+					"block",
+					"iconOnly"
+				],
+				outputs: ["clicked"]
+			},
+			{
+				kind: "component",
+				type: GbtInput,
+				selector: "gbt-input",
+				inputs: [
+					"id",
+					"label",
+					"type",
+					"required",
+					"disabled",
+					"placeholder",
+					"errorMessage",
+					"autocomplete",
+					"hint",
+					"hideLabel",
+					"size",
+					"mono",
+					"leadingIcon",
+					"inputmode",
+					"spellcheck",
+					"autocapitalize",
+					"enterkeyhint",
+					"maxlength",
+					"min",
+					"max",
+					"combobox",
+					"showPasswordLabel",
+					"hidePasswordLabel"
+				],
+				outputs: ["committed"]
+			},
+			{
+				kind: "component",
+				type: Alert,
+				selector: "gbt-alert",
+				inputs: [
+					"variant",
+					"dismissible",
+					"closeLabel",
+					"live",
+					"heading",
+					"size",
+					"appearance",
+					"iconAlign"
+				],
+				outputs: ["dismissed"]
+			},
+			{
+				kind: "component",
+				type: AuthFooter,
+				selector: "gbt-auth-footer",
+				inputs: [
+					"text",
+					"href",
+					"linkText"
+				]
+			},
+			{
+				kind: "component",
+				type: AuthPanel,
+				selector: "gbt-auth-panel",
+				inputs: [
+					"heading",
+					"intro",
+					"wide"
+				]
+			},
+			{
+				kind: "component",
+				type: EmptyState,
+				selector: "gbt-empty-state",
+				inputs: [
+					"illustration",
+					"heading",
+					"message",
+					"icon",
+					"size",
+					"tone",
+					"headingLevel",
+					"headingId",
+					"headingFocusable"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AuthResetPassword,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-auth-reset-password",
+			standalone: true,
+			imports: [
+				FormsModule,
+				Button,
+				GbtInput,
+				Alert,
+				AuthFooter,
+				AuthPanel,
+				EmptyState
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<gbt-auth-panel\n  [heading]=\"view() === 'form' ? text().heading : ''\"\n  [intro]=\"view() === 'form' ? text().intro : ''\"\n>\n  <ng-container ngProjectAs=\"[auth-backdrop]\"><ng-content select=\"[auth-backdrop]\" /></ng-container>\n  <ng-container ngProjectAs=\"[auth-logo]\"><ng-content select=\"[auth-logo]\" /></ng-container>\n\n  @switch (view()) {\n    @case ('form') {\n      <form class=\"gbt-auth-panel__form\" (ngSubmit)=\"submit()\" novalidate>\n        @if (error()) {\n          <gbt-alert variant=\"error\" appearance=\"subtle\" iconAlign=\"start\">{{ error() }}</gbt-alert>\n        }\n\n        <gbt-input\n          [id]=\"id + '-password'\"\n          type=\"password\"\n          name=\"password\"\n          autocomplete=\"new-password\"\n          [label]=\"text().password\"\n          [showPasswordLabel]=\"text().showPassword\"\n          [hidePasswordLabel]=\"text().hidePassword\"\n          [hint]=\"passwordHint()\"\n          [errorMessage]=\"passwordFieldError()\"\n          [ngModel]=\"password()\"\n          (ngModelChange)=\"password.set($event)\"\n        />\n\n        <gbt-input\n          [id]=\"id + '-confirmation'\"\n          type=\"password\"\n          name=\"confirmation\"\n          autocomplete=\"new-password\"\n          [label]=\"text().confirmation\"\n          [showPasswordLabel]=\"text().showPassword\"\n          [hidePasswordLabel]=\"text().hidePassword\"\n          [errorMessage]=\"confirmationFieldError()\"\n          [ngModel]=\"confirmation()\"\n          (ngModelChange)=\"confirmation.set($event)\"\n        />\n\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          type=\"submit\"\n          size=\"large\"\n          [text]=\"text().submit\"\n          [loading]=\"submitting()\"\n          [loadingLabel]=\"text().submitting\"\n        />\n      </form>\n\n      @if (signInLink()) {\n        <gbt-auth-footer [text]=\"text().signInPrompt\"\n          ><ng-content select=\"[gbtAuthFooterLink]\"\n        /></gbt-auth-footer>\n      }\n    }\n    @case ('success') {\n      <gbt-empty-state\n        class=\"gbt-auth-panel__status gbt-auth-panel__status--success\"\n        icon=\"circle-check\"\n        [headingLevel]=\"1\"\n        headingFocusable\n        [heading]=\"text().successHeading\"\n        [message]=\"text().successMessage\"\n      >\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          size=\"large\"\n          [text]=\"text().signIn\"\n          (clicked)=\"signIn.emit()\"\n        />\n      </gbt-empty-state>\n    }\n    @case ('invalid') {\n      <gbt-empty-state\n        class=\"gbt-auth-panel__status\"\n        tone=\"error\"\n        icon=\"shield-alert\"\n        [headingLevel]=\"1\"\n        headingFocusable\n        [heading]=\"text().invalidHeading\"\n        [message]=\"text().invalidMessage\"\n      >\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          size=\"large\"\n          [text]=\"text().signIn\"\n          (clicked)=\"signIn.emit()\"\n        />\n      </gbt-empty-state>\n    }\n  }\n</gbt-auth-panel>\n"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		token: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "token",
+				required: false
+			}]
+		}],
+		labels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labels",
+				required: false
+			}]
+		}],
+		minPasswordLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minPasswordLength",
+				required: false
+			}]
+		}],
+		passwordReset: [{
+			type: i0.Output,
+			args: ["passwordReset"]
+		}],
+		signIn: [{
+			type: i0.Output,
+			args: ["signIn"]
+		}],
+		signInLink: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => AuthFooterLink), { isSignal: true }]
+		}]
+	}
+});
+export { AuthResetPassword };
+
+//# sourceMappingURL=masmarino-gabarit-auth-reset-password.mjs.map

package/fesm2022/masmarino-gabarit-auth-reset-password.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-auth-reset-password.mjs","names":[],"sources":["../../../projects/gabarit/auth-reset-password/reset-password.ts","../../../projects/gabarit/auth-reset-password/reset-password.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Injector,\n  computed,\n  contentChild,\n  inject,\n  input,\n  linkedSignal,\n  output,\n  signal,\n} from '@angular/core'\nimport { FormsModule } from '@angular/forms'\nimport { Button } from '@masmarino/gabarit/button'\nimport { GbtInput } from '@masmarino/gabarit/input'\nimport { Alert } from '@masmarino/gabarit/alert'\nimport { EmptyState } from '@masmarino/gabarit/empty-state'\nimport {\n  DEFAULT_RESET_PASSWORD_LABELS,\n  type ResetPasswordLabels,\n  authLabels,\n} from '@masmarino/gabarit/auth'\nimport { AuthFooter, AuthFooterLink } from '@masmarino/gabarit/auth'\nimport { AuthPanel } from '@masmarino/gabarit/auth'\nimport { AUTH_PORT } from '@masmarino/gabarit/auth'\n// Shared with the activation: same failure taxonomy (generic 400 = dead link, weak password, 429).\nimport { classifyActivateFailure } from '@masmarino/gabarit/auth'\nimport { MIN_PASSWORD_LENGTH, passwordProblem } from '@masmarino/gabarit/auth'\nimport { focusAfterRender, focusNow } from '@masmarino/gabarit/auth'\n\ntype View = 'form' | 'success' | 'invalid'\n\nlet nextId = 0\n\n@Component({\n  selector: 'gbt-auth-reset-password',\n  standalone: true,\n  imports: [FormsModule, Button, GbtInput, Alert, AuthFooter, AuthPanel, EmptyState],\n  templateUrl: './reset-password.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AuthResetPassword {\n  private readonly auth = inject(AUTH_PORT)\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef)\n  private readonly injector = inject(Injector)\n\n  token = input<string | null>(null)\n  labels = input<Partial<ResetPasswordLabels>>({})\n  minPasswordLength = input(MIN_PASSWORD_LENGTH)\n  passwordReset = output<void>()\n  signIn = output<void>()\n\n  protected readonly text = authLabels('resetPassword', DEFAULT_RESET_PASSWORD_LABELS, this.labels)\n  protected readonly id = `gbt-reset-password-${nextId++}`\n  protected readonly signInLink = contentChild(AuthFooterLink)\n  protected readonly passwordHint = computed(() =>\n    this.text().passwordHint(this.minPasswordLength()),\n  )\n\n  private readonly spent = linkedSignal({ source: this.token, computation: () => false })\n  view = linkedSignal<View>(() => (this.token() ? 'form' : 'invalid'))\n  protected password = signal('')\n  protected confirmation = signal('')\n  error = signal('')\n  submitting = signal(false)\n  private attempted = signal(false)\n\n  protected passwordFieldError = computed(() => {\n    if (!this.attempted()) {\n      return null\n    }\n    const min = this.minPasswordLength()\n    const problem = passwordProblem(this.password(), min)\n    return problem === 'empty'\n      ? this.text().passwordEmpty\n      : problem === 'too-short'\n        ? this.text().passwordTooShort(min)\n        : null\n  })\n  protected confirmationFieldError = computed(() =>\n    this.attempted() ? this.confirmationProblem() : null,\n  )\n\n  constructor() {\n    focusAfterRender(this.host, this.injector, () =>\n      this.view() === 'form' ? `#${this.id}-password` : 'h1',\n    )\n  }\n\n  submit(): void {\n    const token = this.spent() ? null : this.token()\n    if (this.submitting() || this.view() !== 'form' || !token) {\n      return\n    }\n    this.error.set('')\n    this.attempted.set(true)\n    if (passwordProblem(this.password(), this.minPasswordLength())) {\n      focusNow(this.host, `#${this.id}-password`)\n      return\n    }\n    if (this.confirmationProblem()) {\n      focusNow(this.host, `#${this.id}-confirmation`)\n      return\n    }\n    this.submitting.set(true)\n    this.auth.resetPassword(token, this.password()).subscribe({\n      next: () => {\n        this.submitting.set(false)\n        this.spent.set(true)\n        this.clearPasswords()\n        this.show('success')\n        this.passwordReset.emit()\n      },\n      error: (err: unknown) => {\n        this.submitting.set(false)\n        const failure = classifyActivateFailure(err)\n        if (failure === 'invalid-link') {\n          this.spent.set(true)\n          this.clearPasswords()\n          this.show('invalid')\n          return\n        }\n        const text = this.text()\n        this.fail(\n          failure === 'weak-password'\n            ? text.weakPassword(this.minPasswordLength())\n            : failure === 'rate-limited'\n              ? text.tooManyAttempts\n              : text.failed,\n        )\n      },\n    })\n  }\n\n  private confirmationProblem(): string | null {\n    if (this.confirmation() === '') {\n      return this.text().confirmationEmpty\n    }\n    return this.confirmation() === this.password() ? null : this.text().mismatch\n  }\n\n  private clearPasswords(): void {\n    this.password.set('')\n    this.confirmation.set('')\n    this.attempted.set(false)\n  }\n\n  private show(view: View): void {\n    this.view.set(view)\n    focusAfterRender(this.host, this.injector, 'h1')\n  }\n\n  private fail(message: string): void {\n    this.error.set(message)\n    focusAfterRender(this.host, this.injector, `#${this.id}-password`)\n  }\n}\n","<gbt-auth-panel\n  [heading]=\"view() === 'form' ? text().heading : ''\"\n  [intro]=\"view() === 'form' ? text().intro : ''\"\n>\n  <ng-container ngProjectAs=\"[auth-backdrop]\"><ng-content select=\"[auth-backdrop]\" /></ng-container>\n  <ng-container ngProjectAs=\"[auth-logo]\"><ng-content select=\"[auth-logo]\" /></ng-container>\n\n  @switch (view()) {\n    @case ('form') {\n      <form class=\"gbt-auth-panel__form\" (ngSubmit)=\"submit()\" novalidate>\n        @if (error()) {\n          <gbt-alert variant=\"error\" appearance=\"subtle\" iconAlign=\"start\">{{ error() }}</gbt-alert>\n        }\n\n        <gbt-input\n          [id]=\"id + '-password'\"\n          type=\"password\"\n          name=\"password\"\n          autocomplete=\"new-password\"\n          [label]=\"text().password\"\n          [showPasswordLabel]=\"text().showPassword\"\n          [hidePasswordLabel]=\"text().hidePassword\"\n          [hint]=\"passwordHint()\"\n          [errorMessage]=\"passwordFieldError()\"\n          [ngModel]=\"password()\"\n          (ngModelChange)=\"password.set($event)\"\n        />\n\n        <gbt-input\n          [id]=\"id + '-confirmation'\"\n          type=\"password\"\n          name=\"confirmation\"\n          autocomplete=\"new-password\"\n          [label]=\"text().confirmation\"\n          [showPasswordLabel]=\"text().showPassword\"\n          [hidePasswordLabel]=\"text().hidePassword\"\n          [errorMessage]=\"confirmationFieldError()\"\n          [ngModel]=\"confirmation()\"\n          (ngModelChange)=\"confirmation.set($event)\"\n        />\n\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          type=\"submit\"\n          size=\"large\"\n          [text]=\"text().submit\"\n          [loading]=\"submitting()\"\n          [loadingLabel]=\"text().submitting\"\n        />\n      </form>\n\n      @if (signInLink()) {\n        <gbt-auth-footer [text]=\"text().signInPrompt\"\n          ><ng-content select=\"[gbtAuthFooterLink]\"\n        /></gbt-auth-footer>\n      }\n    }\n    @case ('success') {\n      <gbt-empty-state\n        class=\"gbt-auth-panel__status gbt-auth-panel__status--success\"\n        icon=\"circle-check\"\n        [headingLevel]=\"1\"\n        headingFocusable\n        [heading]=\"text().successHeading\"\n        [message]=\"text().successMessage\"\n      >\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          size=\"large\"\n          [text]=\"text().signIn\"\n          (clicked)=\"signIn.emit()\"\n        />\n      </gbt-empty-state>\n    }\n    @case ('invalid') {\n      <gbt-empty-state\n        class=\"gbt-auth-panel__status\"\n        tone=\"error\"\n        icon=\"shield-alert\"\n        [headingLevel]=\"1\"\n        headingFocusable\n        [heading]=\"text().invalidHeading\"\n        [message]=\"text().invalidMessage\"\n      >\n        <gbt-button\n          class=\"gbt-auth-panel__submit\"\n          block\n          size=\"large\"\n          [text]=\"text().signIn\"\n          (clicked)=\"signIn.emit()\"\n        />\n      </gbt-empty-state>\n    }\n  }\n</gbt-auth-panel>\n"],"mappings":";;;;;;;;;AAiCA,IAAI,SAAS;AASb,IAAa,oBAAb,MAAa,kBAAiB;CACX,OAAO,OAAO,SAAS;CACvB,OAAO,OAAgC,UAAU;CACjD,WAAW,OAAO,QAAQ;CAE3C,QAAQ,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,SAAS,MAAoC,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAChD,oBAAoB,MAAM,qBAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,oBAAA,CAAA,+BAAA,CAAA,CAAA;CAC9C,gBAAgB,OAAM;CACtB,SAAS,OAAM;CAEI,OAAO,WAAW,iBAAiB,+BAA+B,KAAK,MAAM;CAC7E,KAAK,sBAAsB;CAC3B,aAAa,aAAa,gBAAe,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CACzC,eAAe,eAChC,KAAK,KAAI,CAAE,CAAC,aAAa,KAAK,kBAAiB,CAAE,GAClD,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEgB,QAAQ,aAAY;EAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;EAAG,QAAQ,KAAK;EAAO,mBAAmB;CAAK,CAAA;CACpF,OAAO,mBAA0B,KAAK,MAAK,IAAK,SAAS,WAAW,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAC1D,WAAW,OAAO,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACrB,eAAe,OAAO,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CACnC,QAAQ,OAAO,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAClB,aAAa,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAClB,YAAY,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAEvB,qBAAqB,eAAc;EAC3C,IAAI,CAAC,KAAK,UAAS,GACjB,OAAO;EAET,MAAM,MAAM,KAAK,kBAAiB;EAClC,MAAM,UAAU,gBAAgB,KAAK,SAAQ,GAAI,GAAG;EACpD,OAAO,YAAY,UACf,KAAK,KAAI,CAAE,CAAC,gBACZ,YAAY,cACV,KAAK,KAAI,CAAE,CAAC,iBAAiB,GAAG,IAChC;CACR,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,qBAAA,CAAA,+BAAA,CAAA,CAAA;CACQ,yBAAyB,eACjC,KAAK,UAAS,IAAK,KAAK,oBAAmB,IAAK,MACjD,GAAA,YAAA,CAAA,EAAA,WAAA,yBAAA,CAAA,+BAAA,CAAA,CAAA;CAED,cAAA;EACE,iBAAiB,KAAK,MAAM,KAAK,gBAC/B,KAAK,KAAI,MAAO,SAAS,IAAI,KAAK,GAAE,aAAc,IAAI;CAE1D;CAEA,SAAM;EACJ,MAAM,QAAQ,KAAK,MAAK,IAAK,OAAO,KAAK,MAAK;EAC9C,IAAI,KAAK,WAAU,KAAM,KAAK,KAAI,MAAO,UAAU,CAAC,OAClD;EAEF,KAAK,MAAM,IAAI,EAAE;EACjB,KAAK,UAAU,IAAI,IAAI;EACvB,IAAI,gBAAgB,KAAK,SAAQ,GAAI,KAAK,kBAAiB,CAAE,GAAG;GAC9D,SAAS,KAAK,MAAM,IAAI,KAAK,GAAE,UAAW;GAC1C;EACF;EACA,IAAI,KAAK,oBAAmB,GAAI;GAC9B,SAAS,KAAK,MAAM,IAAI,KAAK,GAAE,cAAe;GAC9C;EACF;EACA,KAAK,WAAW,IAAI,IAAI;EACxB,KAAK,KAAK,cAAc,OAAO,KAAK,SAAQ,CAAE,CAAC,CAAC,UAAU;GACxD,YAAW;IACT,KAAK,WAAW,IAAI,KAAK;IACzB,KAAK,MAAM,IAAI,IAAI;IACnB,KAAK,eAAc;IACnB,KAAK,KAAK,SAAS;IACnB,KAAK,cAAc,KAAI;GACzB;GACA,QAAQ,QAAgB;IACtB,KAAK,WAAW,IAAI,KAAK;IACzB,MAAM,UAAU,wBAAwB,GAAG;IAC3C,IAAI,YAAY,gBAAgB;KAC9B,KAAK,MAAM,IAAI,IAAI;KACnB,KAAK,eAAc;KACnB,KAAK,KAAK,SAAS;KACnB;IACF;IACA,MAAM,OAAO,KAAK,KAAI;IACtB,KAAK,KACH,YAAY,kBACR,KAAK,aAAa,KAAK,kBAAiB,CAAE,IAC1C,YAAY,iBACV,KAAK,kBACL,KAAK,MAAM;GAErB;EACD,CAAA;CACH;CAEQ,sBAAmB;EACzB,IAAI,KAAK,aAAY,MAAO,IAC1B,OAAO,KAAK,KAAI,CAAE,CAAC;EAErB,OAAO,KAAK,aAAY,MAAO,KAAK,SAAQ,IAAK,OAAO,KAAK,KAAI,CAAE,CAAC;CACtE;CAEQ,iBAAc;EACpB,KAAK,SAAS,IAAI,EAAE;EACpB,KAAK,aAAa,IAAI,EAAE;EACxB,KAAK,UAAU,IAAI,KAAK;CAC1B;CAEQ,KAAK,MAAU;EACrB,KAAK,KAAK,IAAI,IAAI;EAClB,iBAAiB,KAAK,MAAM,KAAK,UAAU,IAAI;CACjD;CAEQ,KAAK,SAAe;EAC1B,KAAK,MAAM,IAAI,OAAO;EACtB,iBAAiB,KAAK,MAAM,KAAK,UAAU,IAAI,KAAK,GAAE,UAAW;CACnE;CAlHW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,mBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA,eAAA;GAAA,QAAA;EAAA;EAAA,SAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAaiB;GAAc,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UCvD7D;EAiGA,cAAA;GAAA;IAAA,MAAA;IAAA,MD3DY;GAAW;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,eAAA;IAAA,UAAA,CAAA,SAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA,CAAA,eAAA;IAAA,SAAA,CAAA,UAAA;IAAA,UAAA,CAAA,QAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAM,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,SAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAQ,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,WAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAK,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,WAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAS,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAItE,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAP7B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAyB,YACvB;GAAI,SACP;IAAC;IAAa;IAAQ;IAAU;IAAO;IAAY;IAAW;GAAU;GAAC,iBAEjE,wBAAwB;GAAM,UAAA;EAAA,CAAA;CAeF,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,QAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,mBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,eAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,eAAA;EAAA,CAAA;EAAA,QAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,QAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,cAAc,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}