@masmarino/gabarit 2.0.0 → 2.1.1

package/fesm2022/masmarino-gabarit-app-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-app-shell.mjs","names":[],"sources":["../../../projects/gabarit/app-shell/app-shell-nav-group/app-shell-nav-group.ts","../../../projects/gabarit/app-shell/app-shell-nav-group/app-shell-nav-group.html","../../../projects/gabarit/app-shell/app-shell.ts","../../../projects/gabarit/app-shell/app-shell.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, model } from '@angular/core'\nimport { Icon } from '@masmarino/gabarit/icon'\n\nlet nextNavGroupId = 0\n\n@Component({\n  selector: 'gbt-app-shell-nav-group',\n  standalone: true,\n  imports: [Icon],\n  templateUrl: './app-shell-nav-group.html',\n  styleUrl: './app-shell-nav-group.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppShellNavGroup {\n  label = input.required<string>()\n  icon = input<string | null>(null)\n  expanded = model(false)\n\n  protected readonly panelId = `gbt-app-shell-nav-group-${++nextNavGroupId}`\n\n  protected toggle(): void {\n    this.expanded.update((value) => !value)\n  }\n}\n","<div class=\"gbt-app-shell-nav-group\" [attr.data-expanded]=\"expanded() ? '' : null\">\n  <button\n    type=\"button\"\n    class=\"gbt-app-shell__link gbt-app-shell-nav-group__toggle\"\n    [attr.aria-expanded]=\"expanded()\"\n    [attr.aria-controls]=\"panelId\"\n    (click)=\"toggle()\"\n  >\n    @if (icon(); as name) {\n      <gbt-icon [name]=\"name\" />\n    }\n    <span>{{ label() }}</span>\n    <gbt-icon name=\"chevron-down\" class=\"gbt-app-shell-nav-group__chevron\" />\n  </button>\n  <div class=\"gbt-app-shell-nav-group__panel\" [id]=\"panelId\" [hidden]=\"!expanded()\">\n    <ng-content />\n  </div>\n</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  computed,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core'\nimport { Icon } from '@masmarino/gabarit/icon'\n\nlet nextId = 0\n\n@Component({\n  selector: 'gbt-app-shell',\n  standalone: true,\n  imports: [Icon],\n  templateUrl: './app-shell.html',\n  styleUrl: './app-shell.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppShell {\n  navLabel = input.required<string>()\n  skipLabel = input.required<string>()\n  openMenuLabel = input.required<string>()\n  closeMenuLabel = input.required<string>()\n  collapseLabel = input<string>('')\n  expandLabel = input<string>('')\n  versionLabel = input<string | null>(null)\n  collapsed = input<boolean>(false)\n  collapsible = input<boolean>(true)\n  collapsedChange = output<boolean>()\n\n  private readonly id = ++nextId\n  protected readonly mainId = `gbt-app-shell-main-${this.id}`\n  protected readonly navId = `gbt-app-shell-nav-${this.id}`\n\n  protected readonly menuOpen = signal(false)\n\n  protected readonly menuLabel = computed(() =>\n    this.menuOpen() ? this.closeMenuLabel() : this.openMenuLabel(),\n  )\n\n  private readonly toggleButton = viewChild<ElementRef<HTMLButtonElement>>('toggle')\n  private readonly nav = viewChild<ElementRef<HTMLElement>>('nav')\n\n  protected toggleMenu(): void {\n    if (this.menuOpen()) {\n      this.close()\n      return\n    }\n    this.menuOpen.set(true)\n    queueMicrotask(() => this.nav()?.nativeElement.focus())\n  }\n\n  protected close(): void {\n    if (!this.menuOpen()) return\n    this.menuOpen.set(false)\n    this.toggleButton()?.nativeElement.focus()\n  }\n\n  protected toggleCollapsed(): void {\n    this.collapsedChange.emit(!this.collapsed())\n  }\n\n  @HostListener('document:keydown.escape')\n  protected onEscape(): void {\n    this.close()\n  }\n\n  protected onNavKeydown(event: KeyboardEvent): void {\n    if (event.key !== 'Tab' || !this.menuOpen()) return\n    const nav = this.nav()?.nativeElement\n    if (!nav) return\n\n    const focusableElements = [\n      ...nav.querySelectorAll<HTMLElement>(\n        'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n      ),\n    ].filter((element) => !element.closest('[hidden]') && element.checkVisibility?.() !== false)\n    if (focusableElements.length === 0) return\n\n    const first = focusableElements[0]\n    const last = focusableElements[focusableElements.length - 1]\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault()\n      last.focus()\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n}\n","<div class=\"gbt-app-shell\">\n  <a class=\"gbt-app-shell__skip\" [href]=\"'#' + mainId\">{{ skipLabel() }}</a>\n\n  <nav\n    #nav\n    [id]=\"navId\"\n    class=\"gbt-app-shell__nav\"\n    [class.gbt-app-shell__nav--open]=\"menuOpen()\"\n    [class.gbt-app-shell__nav--collapsed]=\"collapsed()\"\n    [attr.aria-label]=\"navLabel()\"\n    tabindex=\"-1\"\n    (keydown)=\"onNavKeydown($event)\"\n  >\n    <div class=\"gbt-app-shell__brand\">\n      <ng-content select=\"[shell-brand]\" />\n    </div>\n    <ng-content select=\"[shell-nav]\" />\n    <div class=\"gbt-app-shell__bottom\">\n      @if (versionLabel()) {\n        @if (!collapsed()) {\n          <div class=\"gbt-app-shell__version\">v{{ versionLabel() }}</div>\n        }\n      }\n      @if (collapsible()) {\n        <button\n          type=\"button\"\n          class=\"gbt-app-shell__collapse-toggle\"\n          [class.gbt-app-shell__collapse-toggle--collapsed]=\"collapsed()\"\n          [attr.aria-expanded]=\"!collapsed()\"\n          [attr.aria-label]=\"collapsed() ? expandLabel() : collapseLabel()\"\n          (click)=\"toggleCollapsed()\"\n        >\n          <gbt-icon name=\"chevrons-left\" />\n        </button>\n      }\n    </div>\n  </nav>\n\n  @if (menuOpen()) {\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n    <div class=\"gbt-app-shell__scrim\" (click)=\"close()\"></div>\n  }\n\n  <div class=\"gbt-app-shell__body\">\n    <header class=\"gbt-app-shell__header\">\n      <button\n        #toggle\n        type=\"button\"\n        class=\"gbt-app-shell__toggle\"\n        [attr.aria-expanded]=\"menuOpen()\"\n        [attr.aria-controls]=\"navId\"\n        [attr.aria-label]=\"menuLabel()\"\n        (click)=\"toggleMenu()\"\n      >\n        <span class=\"gbt-app-shell__burger\" aria-hidden=\"true\"></span>\n      </button>\n      <ng-content select=\"[shell-header]\" />\n    </header>\n\n    <main [id]=\"mainId\" class=\"gbt-app-shell__content\" tabindex=\"-1\">\n      <ng-content />\n    </main>\n  </div>\n</div>\n"],"mappings":"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"}

package/fesm2022/masmarino-gabarit-auth-activate.mjs

@@ -0,0 +1,415 @@
+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_ACTIVATE_LABELS, MIN_PASSWORD_LENGTH, USERNAME_PATTERN, authLabels, classifyActivateFailure, focusAfterRender, focusNow, passwordProblem, usernameProblem } from "@masmarino/gabarit/auth";
+let nextId = 0;
+var AuthActivate = class AuthActivate {
+	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 */ []);
+	chooseUsername = input(false, ...ngDevMode ? [{ debugName: "chooseUsername" }] : /* istanbul ignore next */ []);
+	usernamePattern = input(USERNAME_PATTERN, ...ngDevMode ? [{ debugName: "usernamePattern" }] : /* istanbul ignore next */ []);
+	activated = output();
+	signIn = output();
+	text = authLabels("activate", DEFAULT_ACTIVATE_LABELS, this.labels);
+	id = `gbt-activate-${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 */ []);
+	username = signal("", ...ngDevMode ? [{ debugName: "username" }] : /* 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 */ []);
+	intro = computed(() => this.chooseUsername() ? this.text().introWithUsername : this.text().intro, ...ngDevMode ? [{ debugName: "intro" }] : /* istanbul ignore next */ []);
+	usernameFieldError = computed(() => {
+		if (!this.chooseUsername() || !this.attempted()) return null;
+		const problem = usernameProblem(this.username(), this.usernamePattern());
+		return problem === "empty" ? this.text().usernameEmpty : problem === "invalid" ? this.text().usernameInvalid : null;
+	}, ...ngDevMode ? [{ debugName: "usernameFieldError" }] : /* 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}-${this.firstField()}` : "h1");
+	}
+	submit() {
+		const token = this.spent() ? null : this.token();
+		if (this.submitting() || this.view() !== "form" || !token) return;
+		this.error.set("");
+		this.attempted.set(true);
+		const chooseUsername = this.chooseUsername();
+		if (chooseUsername && usernameProblem(this.username(), this.usernamePattern())) {
+			focusNow(this.host, `#${this.id}-username`);
+			return;
+		}
+		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);
+		(chooseUsername ? this.auth.activate(token, this.password(), this.username().trim()) : this.auth.activate(token, this.password())).subscribe({
+			next: () => {
+				this.submitting.set(false);
+				this.spent.set(true);
+				this.clearPasswords();
+				this.show("success");
+				this.activated.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();
+				if (chooseUsername && failure.startsWith("username-")) {
+					this.fail(failure === "username-reserved" ? text.usernameReserved : failure === "username-taken" ? text.usernameTaken : text.usernameInvalid);
+					return;
+				}
+				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");
+	}
+	firstField() {
+		return this.chooseUsername() ? "username" : "password";
+	}
+	fail(message) {
+		this.error.set(message);
+		focusAfterRender(this.host, this.injector, `#${this.id}-${this.firstField()}`);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AuthActivate,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: AuthActivate,
+		isStandalone: true,
+		selector: "gbt-auth-activate",
+		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
+			},
+			chooseUsername: {
+				classPropertyName: "chooseUsername",
+				publicName: "chooseUsername",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			usernamePattern: {
+				classPropertyName: "usernamePattern",
+				publicName: "usernamePattern",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			activated: "activated",
+			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' ? 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        @if (chooseUsername()) {\n          <gbt-input\n            [id]=\"id + '-username'\"\n            name=\"username\"\n            autocomplete=\"username\"\n            [label]=\"text().username\"\n            [hint]=\"text().usernameHint\"\n            [errorMessage]=\"usernameFieldError()\"\n            [ngModel]=\"username()\"\n            (ngModelChange)=\"username.set($event)\"\n          />\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: AuthActivate,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-auth-activate",
+			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' ? 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        @if (chooseUsername()) {\n          <gbt-input\n            [id]=\"id + '-username'\"\n            name=\"username\"\n            autocomplete=\"username\"\n            [label]=\"text().username\"\n            [hint]=\"text().usernameHint\"\n            [errorMessage]=\"usernameFieldError()\"\n            [ngModel]=\"username()\"\n            (ngModelChange)=\"username.set($event)\"\n          />\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
+			}]
+		}],
+		chooseUsername: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chooseUsername",
+				required: false
+			}]
+		}],
+		usernamePattern: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "usernamePattern",
+				required: false
+			}]
+		}],
+		activated: [{
+			type: i0.Output,
+			args: ["activated"]
+		}],
+		signIn: [{
+			type: i0.Output,
+			args: ["signIn"]
+		}],
+		signInLink: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => AuthFooterLink), { isSignal: true }]
+		}]
+	}
+});
+export { AuthActivate };
+
+//# sourceMappingURL=masmarino-gabarit-auth-activate.mjs.map

package/fesm2022/masmarino-gabarit-auth-activate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-auth-activate.mjs","names":[],"sources":["../../../projects/gabarit/auth-activate/activate.ts","../../../projects/gabarit/auth-activate/activate.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 { type ActivateLabels, DEFAULT_ACTIVATE_LABELS, authLabels } from '@masmarino/gabarit/auth'\nimport { AuthFooter, AuthFooterLink } from '@masmarino/gabarit/auth'\nimport { AuthPanel } from '@masmarino/gabarit/auth'\nimport { AUTH_PORT } from '@masmarino/gabarit/auth'\nimport { classifyActivateFailure } from '@masmarino/gabarit/auth'\nimport {\n  MIN_PASSWORD_LENGTH,\n  USERNAME_PATTERN,\n  passwordProblem,\n  usernameProblem,\n} 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-activate',\n  standalone: true,\n  imports: [FormsModule, Button, GbtInput, Alert, AuthFooter, AuthPanel, EmptyState],\n  templateUrl: './activate.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AuthActivate {\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<ActivateLabels>>({})\n  minPasswordLength = input(MIN_PASSWORD_LENGTH)\n  /** The invitee chooses their username along with the password, for servers that let them. */\n  chooseUsername = input(false)\n  usernamePattern = input<RegExp>(USERNAME_PATTERN)\n  activated = output<void>()\n  signIn = output<void>()\n\n  protected readonly text = authLabels('activate', DEFAULT_ACTIVATE_LABELS, this.labels)\n  protected readonly id = `gbt-activate-${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 username = signal('')\n  protected password = signal('')\n  protected confirmation = signal('')\n  error = signal('')\n  submitting = signal(false)\n  private attempted = signal(false)\n\n  protected intro = computed(() =>\n    this.chooseUsername() ? this.text().introWithUsername : this.text().intro,\n  )\n  protected usernameFieldError = computed(() => {\n    if (!this.chooseUsername() || !this.attempted()) {\n      return null\n    }\n    const problem = usernameProblem(this.username(), this.usernamePattern())\n    return problem === 'empty'\n      ? this.text().usernameEmpty\n      : problem === 'invalid'\n        ? this.text().usernameInvalid\n        : null\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}-${this.firstField()}` : '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    const chooseUsername = this.chooseUsername()\n    if (chooseUsername && usernameProblem(this.username(), this.usernamePattern())) {\n      focusNow(this.host, `#${this.id}-username`)\n      return\n    }\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    const activation = chooseUsername\n      ? this.auth.activate(token, this.password(), this.username().trim())\n      : this.auth.activate(token, this.password())\n    activation.subscribe({\n      next: () => {\n        this.submitting.set(false)\n        this.spent.set(true)\n        this.clearPasswords()\n        this.show('success')\n        this.activated.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        if (chooseUsername && failure.startsWith('username-')) {\n          this.fail(\n            failure === 'username-reserved'\n              ? text.usernameReserved\n              : failure === 'username-taken'\n                ? text.usernameTaken\n                : text.usernameInvalid,\n          )\n          return\n        }\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 firstField(): 'username' | 'password' {\n    return this.chooseUsername() ? 'username' : 'password'\n  }\n\n  private fail(message: string): void {\n    this.error.set(message)\n    focusAfterRender(this.host, this.injector, `#${this.id}-${this.firstField()}`)\n  }\n}\n","<gbt-auth-panel\n  [heading]=\"view() === 'form' ? text().heading : ''\"\n  [intro]=\"view() === 'form' ? 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        @if (chooseUsername()) {\n          <gbt-input\n            [id]=\"id + '-username'\"\n            name=\"username\"\n            autocomplete=\"username\"\n            [label]=\"text().username\"\n            [hint]=\"text().usernameHint\"\n            [errorMessage]=\"usernameFieldError()\"\n            [ngModel]=\"username()\"\n            (ngModelChange)=\"username.set($event)\"\n          />\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":"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"}