@masmarino/gabarit 1.4.0 → 2.1.0

package/fesm2022/masmarino-gabarit-mfa-settings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-mfa-settings.mjs","names":[],"sources":["../../../projects/gabarit/mfa-settings/mfa-settings.ts","../../../projects/gabarit/mfa-settings/mfa-settings.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common'\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n} from '@angular/core'\nimport { FormsModule } from '@angular/forms'\nimport { Badge } from '@masmarino/gabarit/badge'\nimport { Button } from '@masmarino/gabarit/button'\nimport { Icon } from '@masmarino/gabarit/icon'\nimport { GbtInput } from '@masmarino/gabarit/input'\nimport { Skeleton } from '@masmarino/gabarit/skeleton'\nimport { Alert } from '@masmarino/gabarit/alert'\nimport { Card } from '@masmarino/gabarit/card'\nimport { ConfirmDangerModal } from '@masmarino/gabarit/confirm-danger-modal'\nimport {\n  DEFAULT_MFA_SETTINGS_LABELS,\n  type MfaSettingsLabels,\n  authLabels,\n} from '@masmarino/gabarit/auth'\nimport { BackupCodes } from '@masmarino/gabarit/mfa-enrollment'\nimport { MFA_PORT, type MfaStatus } from '@masmarino/gabarit/auth'\nimport { focusAfterRender } from '@masmarino/gabarit/auth'\nimport { classifyMfaFailure, classifyPasswordFailure } from '@masmarino/gabarit/auth'\nimport { MfaSettingsState } from '@masmarino/gabarit/auth'\nimport { TotpQr } from '@masmarino/gabarit/mfa-enrollment'\n\ntype View = 'loading' | 'failed' | 'ready' | 'enrolling' | 'codes' | 'revoked'\ntype Prompt = 'enroll' | 'regenerate' | 'disable'\ntype CodesOrigin = 'enrolled' | 'regenerated'\n\nlet nextId = 0\n\ninterface PromptCopy {\n  lead: string\n  submit: string\n  busy: string\n  variant: 'primary' | 'secondary'\n  failed: string\n}\n\ninterface RemovalCopy {\n  title: string\n  help: string\n  action: string\n  dialogHeading: string\n  dialogMessage: string\n  promptLead: string\n  busy: string\n}\n\n@Component({\n  selector: 'gbt-mfa-settings',\n  standalone: true,\n  imports: [\n    FormsModule,\n    NgTemplateOutlet,\n    Badge,\n    Button,\n    GbtInput,\n    Icon,\n    Skeleton,\n    Alert,\n    BackupCodes,\n    TotpQr,\n    ConfirmDangerModal,\n    Card,\n  ],\n  templateUrl: './mfa-settings.html',\n  styleUrl: './mfa-settings.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MfaSettings {\n  private readonly mfa = inject(MFA_PORT)\n  private readonly state = inject(MfaSettingsState)\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef)\n  private readonly injector = inject(Injector)\n\n  labels = input<Partial<MfaSettingsLabels>>({})\n  lowCodesThreshold = input(3)\n  sessionRevoked = output<void>()\n\n  protected readonly text = authLabels('mfaSettings', DEFAULT_MFA_SETTINGS_LABELS, this.labels)\n  protected readonly id = `gbt-mfa-settings-${nextId++}`\n  protected view = signal<View>('loading')\n  protected status = signal<MfaStatus>({\n    totpEnabled: false,\n    backupCodesRemaining: 0,\n    passkeys: [],\n  })\n  protected prompt = signal<Prompt | null>(null)\n  protected password = signal('')\n  protected passwordError = signal<string | null>(null)\n  protected notice = signal('')\n  protected secret = signal('')\n  protected otpauthUrl = signal('')\n  protected code = signal('')\n  protected codeError = signal<string | null>(null)\n  protected backupCodes = signal<string[]>([])\n  protected codesOrigin = signal<CodesOrigin>('enrolled')\n  protected acknowledged = signal(false)\n  protected busy = signal(false)\n  protected confirmingDisable = signal(false)\n\n  protected hasPasskey = computed(\n    () => (this.state.passkeyCount() ?? this.status().passkeys.length) > 0,\n  )\n  protected hasFactor = computed(() => this.status().totpEnabled || this.hasPasskey())\n  protected removal = computed<RemovalCopy>(() => {\n    const text = this.text()\n    return this.hasPasskey()\n      ? {\n          title: text.removeTitle,\n          help: text.removeHelp,\n          action: text.removeAction,\n          dialogHeading: text.removeDialogHeading,\n          dialogMessage: text.removeDialogMessage,\n          promptLead: text.removePromptLead,\n          busy: text.removeBusy,\n        }\n      : {\n          title: text.resetTitle,\n          help: text.resetHelp,\n          action: text.resetAction,\n          dialogHeading: text.resetDialogHeading,\n          dialogMessage: text.resetDialogMessage,\n          promptLead: text.resetPromptLead,\n          busy: text.resetBusy,\n        }\n  })\n  protected lowCodes = computed(\n    () => this.status().backupCodesRemaining <= this.lowCodesThreshold(),\n  )\n  protected codesLeft = computed(() => this.text().codesLeft(this.status().backupCodesRemaining))\n  protected promptCopy = computed<PromptCopy>(() => this.copyOf(this.prompt() ?? 'enroll'))\n  protected heading = computed(() => {\n    switch (this.view()) {\n      case 'enrolling':\n        return this.text().enrollingHeading\n      case 'codes':\n        return this.text().codesHeading\n      default:\n        return this.text().heading\n    }\n  })\n  protected help = computed(() =>\n    this.view() === 'codes' ? this.text().codesHelp : this.text().help,\n  )\n\n  constructor() {\n    this.load()\n    effect(() => {\n      if (this.state.formOwner() === 'passkeys') {\n        untracked(() => {\n          if (this.prompt() !== null) {\n            this.resetPrompt()\n            this.prompt.set(null)\n            this.confirmingDisable.set(false)\n          }\n        })\n      }\n    })\n    effect(() =>\n      this.state.setAppFlowActive(this.view() === 'enrolling' || this.view() === 'codes'),\n    )\n    effect((onCleanup) => {\n      if (this.view() === 'codes' && !this.acknowledged()) {\n        const view = this.host.nativeElement.ownerDocument.defaultView\n        const warn = (event: BeforeUnloadEvent) => {\n          event.preventDefault()\n          event.returnValue = ''\n        }\n        view?.addEventListener('beforeunload', warn)\n        onCleanup(() => view?.removeEventListener('beforeunload', warn))\n      }\n    })\n    inject(DestroyRef).onDestroy(() => {\n      this.state.setAppFlowActive(false)\n      this.password.set('')\n      this.code.set('')\n      this.secret.set('')\n      this.otpauthUrl.set('')\n      this.backupCodes.set([])\n    })\n  }\n\n  protected load(): void {\n    this.view.set('loading')\n    this.mfa.status().subscribe({\n      next: (status) => {\n        this.state.statusLoaded(status)\n        this.status.set(status)\n        this.view.set('ready')\n      },\n      error: () => this.view.set('failed'),\n    })\n  }\n\n  private copyOf(prompt: Prompt): PromptCopy {\n    const text = this.text()\n    switch (prompt) {\n      case 'enroll':\n        return {\n          lead: text.enrollLead,\n          submit: text.enrollSubmit,\n          busy: text.enrollBusy,\n          variant: 'primary',\n          failed: text.enrollFailed,\n        }\n      case 'regenerate':\n        return {\n          lead: text.regenerateLead,\n          submit: text.regenerateSubmit,\n          busy: text.regenerateBusy,\n          variant: 'primary',\n          failed: text.regenerateFailed,\n        }\n      case 'disable':\n        return {\n          lead: this.removal().promptLead,\n          submit: text.disableSubmit,\n          busy: text.disableCheckBusy,\n          variant: 'secondary',\n          failed: text.disableFailed,\n        }\n    }\n  }\n\n  protected openPrompt(prompt: Prompt): void {\n    this.state.claimForm('app')\n    this.resetPrompt()\n    this.prompt.set(prompt)\n    this.focus(`#${this.id}-password`)\n  }\n\n  protected cancelPrompt(): void {\n    const prompt = this.prompt()\n    this.resetPrompt()\n    this.prompt.set(null)\n    if (prompt) {\n      this.focus(`[data-opener=\"${prompt}\"] button`)\n    }\n  }\n\n  protected setPassword(value: string): void {\n    this.password.set(value)\n    this.passwordError.set(null)\n    this.notice.set('')\n  }\n\n  protected submitPrompt(): void {\n    const prompt = this.prompt()\n    if (this.busy() || !prompt) {\n      return\n    }\n    if (this.password() === '') {\n      this.passwordError.set(this.text().enterPassword)\n      this.focus(`#${this.id}-password`)\n      return\n    }\n    this.passwordError.set(null)\n    this.notice.set('')\n    switch (prompt) {\n      case 'enroll':\n        return this.enroll()\n      case 'regenerate':\n        return this.regenerate()\n      case 'disable':\n        this.confirmingDisable.set(true)\n        return\n    }\n  }\n\n  private enroll(): void {\n    this.busy.set(true)\n    this.mfa.enroll(this.password()).subscribe({\n      next: ({ secret, otpauthUrl }) => {\n        this.busy.set(false)\n        this.resetPrompt()\n        this.prompt.set(null)\n        this.secret.set(secret)\n        this.otpauthUrl.set(otpauthUrl)\n        this.view.set('enrolling')\n        this.focus('[data-mfa-anchor]')\n      },\n      error: (err: unknown) => this.promptFailed(err),\n    })\n  }\n\n  private regenerate(): void {\n    this.busy.set(true)\n    this.mfa.regenerate(this.password()).subscribe({\n      next: ({ backupCodes }) => {\n        this.busy.set(false)\n        this.resetPrompt()\n        this.prompt.set(null)\n        this.showCodes(backupCodes, 'regenerated')\n      },\n      error: (err: unknown) => this.promptFailed(err),\n    })\n  }\n\n  protected disable(): void {\n    if (this.busy()) {\n      return\n    }\n    this.busy.set(true)\n    this.mfa.disable(this.password()).subscribe({\n      next: () => {\n        this.busy.set(false)\n        this.confirmingDisable.set(false)\n        this.resetPrompt()\n        this.prompt.set(null)\n        this.status.update((status) => ({ ...status, totpEnabled: false }))\n        this.view.set('revoked')\n        this.focus('[data-mfa-anchor]')\n        this.sessionRevoked.emit()\n      },\n      error: (err: unknown) => {\n        this.confirmingDisable.set(false)\n        this.promptFailed(err)\n      },\n    })\n  }\n\n  protected closeDisableDialog(): void {\n    if (!this.busy()) {\n      this.confirmingDisable.set(false)\n      this.focus(`#${this.id}-password`)\n    }\n  }\n\n  private promptFailed(err: unknown): void {\n    this.busy.set(false)\n    switch (classifyPasswordFailure(err)) {\n      case 'wrong-password':\n        this.passwordError.set(this.text().wrongPassword)\n        break\n      case 'rate-limited':\n        this.notice.set(this.text().tooManyAttempts)\n        break\n      default:\n        this.notice.set(this.copyOf(this.prompt() ?? 'enroll').failed)\n    }\n    this.focus(`#${this.id}-password`)\n  }\n\n  private resetPrompt(): void {\n    this.password.set('')\n    this.passwordError.set(null)\n    this.notice.set('')\n  }\n\n  protected activate(): void {\n    if (this.busy()) {\n      return\n    }\n    const code = this.code().replace(/\\s+/g, '')\n    if (code === '') {\n      this.codeError.set(this.text().enterCode)\n      this.focus(`#${this.id}-code`)\n      return\n    }\n    this.codeError.set(null)\n    this.notice.set('')\n    this.busy.set(true)\n    this.mfa.confirm(code).subscribe({\n      next: ({ backupCodes }) => {\n        this.busy.set(false)\n        this.state.totpConfirmed()\n        this.secret.set('')\n        this.otpauthUrl.set('')\n        this.code.set('')\n        this.showCodes(backupCodes, 'enrolled')\n      },\n      error: (err: unknown) => {\n        this.busy.set(false)\n        switch (classifyMfaFailure(err)) {\n          case 'wrong-code':\n            this.codeError.set(this.text().wrongCode)\n            this.code.set('')\n            break\n          case 'rate-limited':\n            this.notice.set(this.text().tooManyAttempts)\n            break\n          default:\n            this.notice.set(this.text().activationFailed)\n        }\n        this.focus(`#${this.id}-code`)\n      },\n    })\n  }\n\n  protected setCode(value: string): void {\n    this.code.set(value)\n    this.codeError.set(null)\n    this.notice.set('')\n  }\n\n  protected cancelEnrollment(): void {\n    this.secret.set('')\n    this.otpauthUrl.set('')\n    this.code.set('')\n    this.codeError.set(null)\n    this.notice.set('')\n    this.view.set('ready')\n    this.focus('[data-opener=\"enroll\"] button')\n  }\n\n  private showCodes(codes: string[], origin: CodesOrigin): void {\n    this.backupCodes.set(codes)\n    this.codesOrigin.set(origin)\n    this.acknowledged.set(false)\n    this.view.set('codes')\n    this.focus('[data-mfa-anchor]')\n  }\n\n  protected finishCodes(): void {\n    if (!this.acknowledged()) {\n      return\n    }\n    this.status.update((status) => ({\n      ...status,\n      totpEnabled: status.totpEnabled || this.codesOrigin() === 'enrolled',\n      backupCodesRemaining: this.backupCodes().length,\n    }))\n    this.backupCodes.set([])\n    this.acknowledged.set(false)\n    this.view.set('ready')\n    this.focus('[data-mfa-anchor]')\n  }\n\n  private focus(selector: string): void {\n    focusAfterRender(this.host, this.injector, selector)\n  }\n}\n","<gbt-card\n  variant=\"outlined\"\n  [icon]=\"view() === 'ready' && !hasFactor() ? 'shield-alert' : 'shield-check'\"\n  [heading]=\"heading()\"\n  [description]=\"help()\"\n>\n  @switch (view()) {\n    @case ('loading') {\n      <span class=\"sr-only\" role=\"status\">{{ text().loading }}</span>\n      <div class=\"gbt-mfa-settings__loading\" aria-busy=\"true\">\n        <div class=\"gbt-mfa-settings__skeleton-row\" aria-hidden=\"true\">\n          <div class=\"gbt-mfa-settings__skeleton-lines\">\n            <gbt-skeleton width=\"9rem\" height=\"0.875rem\" />\n            <gbt-skeleton width=\"min(20rem, 100%)\" height=\"0.75rem\" />\n          </div>\n          <gbt-skeleton width=\"4.5rem\" height=\"1.375rem\" variant=\"rect\" />\n        </div>\n        <div class=\"gbt-mfa-settings__skeleton-row\" aria-hidden=\"true\">\n          <div class=\"gbt-mfa-settings__skeleton-lines\">\n            <gbt-skeleton width=\"7rem\" height=\"0.875rem\" />\n            <gbt-skeleton width=\"min(16rem, 100%)\" height=\"0.75rem\" />\n          </div>\n          <gbt-skeleton width=\"11rem\" height=\"2.25rem\" variant=\"rect\" />\n        </div>\n      </div>\n    }\n\n    @case ('failed') {\n      <gbt-alert variant=\"error\" appearance=\"subtle\">\n        {{ text().loadFailed }}\n        <gbt-button\n          alert-actions\n          variant=\"secondary\"\n          size=\"small\"\n          [text]=\"text().retry\"\n          (clicked)=\"load()\"\n        />\n      </gbt-alert>\n    }\n\n    @case ('revoked') {\n      <div class=\"gbt-mfa-settings__anchor\" data-mfa-anchor tabindex=\"-1\">\n        <gbt-alert variant=\"info\" appearance=\"subtle\" iconAlign=\"start\" live=\"off\">{{\n          text().signedOut\n        }}</gbt-alert>\n      </div>\n    }\n\n    @case ('enrolling') {\n      <form ngNoForm class=\"gbt-mfa-settings__scan\" (submit)=\"$event.preventDefault(); activate()\">\n        <p class=\"gbt-mfa-settings__lead\" data-mfa-anchor tabindex=\"-1\">{{ text().scanLead }}</p>\n\n        <div class=\"gbt-mfa-settings__scan-grid\">\n          <gbt-totp-qr\n            class=\"gbt-mfa-settings__qr\"\n            [otpauthUrl]=\"otpauthUrl()\"\n            [secret]=\"secret()\"\n          />\n\n          <div class=\"gbt-mfa-settings__scan-side\">\n            @if (notice()) {\n              <gbt-alert variant=\"error\" appearance=\"subtle\" iconAlign=\"start\">{{\n                notice()\n              }}</gbt-alert>\n            }\n\n            <gbt-input\n              [id]=\"id + '-code'\"\n              inputmode=\"numeric\"\n              [spellcheck]=\"false\"\n              autocapitalize=\"off\"\n              enterkeyhint=\"go\"\n              name=\"code\"\n              autocomplete=\"one-time-code\"\n              [label]=\"text().codeLabel\"\n              [errorMessage]=\"codeError()\"\n              [ngModel]=\"code()\"\n              (ngModelChange)=\"setCode($event)\"\n            />\n\n            <div class=\"gbt-mfa-settings__actions\">\n              <gbt-button\n                type=\"submit\"\n                [text]=\"text().activate\"\n                [loading]=\"busy()\"\n                [loadingLabel]=\"text().verifying\"\n              />\n              <gbt-button\n                variant=\"secondary\"\n                [text]=\"text().cancel\"\n                [disabled]=\"busy()\"\n                (clicked)=\"cancelEnrollment()\"\n              />\n            </div>\n          </div>\n        </div>\n      </form>\n    }\n\n    @case ('codes') {\n      <div class=\"gbt-mfa-settings__stack\">\n        <p class=\"gbt-mfa-settings__lead\" data-mfa-anchor tabindex=\"-1\">\n          {{\n            codesOrigin() === 'enrolled' ? text().codesLeadEnrolled : text().codesLeadRegenerated\n          }}\n        </p>\n        @if (!acknowledged()) {\n          <gbt-alert variant=\"warning\" appearance=\"subtle\" iconAlign=\"start\" live=\"off\">{{\n            text().dontLeave\n          }}</gbt-alert>\n        }\n        <div class=\"gbt-mfa-settings__codes\">\n          <gbt-backup-codes [codes]=\"backupCodes()\" [(acknowledged)]=\"acknowledged\" />\n        </div>\n        <div class=\"gbt-mfa-settings__actions\">\n          <gbt-button [text]=\"text().done\" [disabled]=\"!acknowledged()\" (clicked)=\"finishCodes()\" />\n        </div>\n      </div>\n    }\n\n    @default {\n      @if (hasFactor()) {\n        <div class=\"gbt-mfa-settings__rows\">\n          <div class=\"gbt-mfa-settings__row\">\n            <div class=\"gbt-mfa-settings__row-head\" data-mfa-anchor tabindex=\"-1\">\n              @if (status().totpEnabled) {\n                <div class=\"gbt-mfa-settings__row-text\">\n                  <div class=\"gbt-mfa-settings__title-line\">\n                    <p class=\"gbt-mfa-settings__row-title\">{{ text().appConfigured }}</p>\n                    <gbt-badge\n                      class=\"gbt-mfa-settings__badge\"\n                      variant=\"success\"\n                      icon=\"check-circle\"\n                      >{{ text().enabled }}</gbt-badge\n                    >\n                  </div>\n                  <p class=\"gbt-mfa-settings__row-help\">\n                    {{ hasPasskey() ? text().appHelpWithPasskey : text().appHelp }}\n                  </p>\n                </div>\n              } @else {\n                <div class=\"gbt-mfa-settings__row-text\">\n                  <div class=\"gbt-mfa-settings__title-line\">\n                    <p class=\"gbt-mfa-settings__row-title\">{{ text().noApp }}</p>\n                    <gbt-badge class=\"gbt-mfa-settings__badge\" variant=\"neutral\">{{\n                      text().optional\n                    }}</gbt-badge>\n                  </div>\n                  <p class=\"gbt-mfa-settings__row-help\">{{ text().noAppHelp }}</p>\n                </div>\n                @if (prompt() !== 'enroll') {\n                  <gbt-button\n                    class=\"gbt-mfa-settings__row-action\"\n                    data-opener=\"enroll\"\n                    variant=\"secondary\"\n                    iconName=\"plus\"\n                    [text]=\"text().addApp\"\n                    (clicked)=\"openPrompt('enroll')\"\n                  />\n                }\n              }\n            </div>\n            @if (!status().totpEnabled && prompt() === 'enroll') {\n              <ng-container [ngTemplateOutlet]=\"passwordPrompt\" />\n            }\n          </div>\n\n          <div class=\"gbt-mfa-settings__row\">\n            <div class=\"gbt-mfa-settings__row-head\">\n              <div class=\"gbt-mfa-settings__row-text\">\n                <p class=\"gbt-mfa-settings__row-title\">{{ text().backupCodesTitle }}</p>\n                <p\n                  class=\"gbt-mfa-settings__codes-left\"\n                  [attr.data-tone]=\"lowCodes() ? 'warning' : null\"\n                >\n                  @if (lowCodes()) {\n                    <gbt-icon name=\"alert-triangle\" aria-hidden=\"true\" />\n                  }\n                  <span>{{ codesLeft() }}.</span>\n                  @if (lowCodes()) {\n                    <span>{{ text().lowCodes }}</span>\n                  }\n                </p>\n                <p class=\"gbt-mfa-settings__row-help\">{{ text().backupCodesHelp }}</p>\n              </div>\n              @if (prompt() !== 'regenerate') {\n                <gbt-button\n                  class=\"gbt-mfa-settings__row-action\"\n                  data-opener=\"regenerate\"\n                  variant=\"secondary\"\n                  iconName=\"refresh-cw\"\n                  [text]=\"text().regenerateCodes\"\n                  (clicked)=\"openPrompt('regenerate')\"\n                />\n              }\n            </div>\n            @if (prompt() === 'regenerate') {\n              <ng-container [ngTemplateOutlet]=\"passwordPrompt\" />\n            }\n          </div>\n\n          @if (status().totpEnabled) {\n            <div class=\"gbt-mfa-settings__row\">\n              <div class=\"gbt-mfa-settings__row-head\">\n                <div class=\"gbt-mfa-settings__row-text\">\n                  <p class=\"gbt-mfa-settings__row-title\">{{ removal().title }}</p>\n                  <p class=\"gbt-mfa-settings__row-help\">{{ removal().help }}</p>\n                </div>\n                @if (prompt() !== 'disable') {\n                  <gbt-button\n                    class=\"gbt-mfa-settings__row-action gbt-mfa-settings__row-action--remove\"\n                    data-opener=\"disable\"\n                    variant=\"secondary\"\n                    [text]=\"removal().action\"\n                    (clicked)=\"openPrompt('disable')\"\n                  />\n                }\n              </div>\n              @if (prompt() === 'disable') {\n                <ng-container [ngTemplateOutlet]=\"passwordPrompt\" />\n              }\n            </div>\n          }\n        </div>\n      } @else {\n        <div class=\"gbt-mfa-settings__stack\">\n          <div class=\"gbt-mfa-settings__anchor\" data-mfa-anchor tabindex=\"-1\">\n            <gbt-alert variant=\"warning\" appearance=\"subtle\" iconAlign=\"start\" live=\"off\">{{\n              text().noFactorWarning\n            }}</gbt-alert>\n          </div>\n          @if (prompt() === 'enroll') {\n            <ng-container [ngTemplateOutlet]=\"passwordPrompt\" />\n          } @else {\n            <div class=\"gbt-mfa-settings__actions\">\n              <gbt-button\n                data-opener=\"enroll\"\n                iconName=\"shield-check\"\n                [text]=\"text().setUpNow\"\n                (clicked)=\"openPrompt('enroll')\"\n              />\n            </div>\n          }\n        </div>\n      }\n    }\n  }\n</gbt-card>\n\n@if (confirmingDisable()) {\n  <gbt-confirm-danger-modal\n    [isOpen]=\"true\"\n    [heading]=\"removal().dialogHeading\"\n    [message]=\"removal().dialogMessage\"\n    [confirmLabel]=\"removal().action\"\n    confirmIcon=\"trash-2\"\n    [cancelLabel]=\"text().cancel\"\n    [closeLabel]=\"text().close\"\n    [busyLabel]=\"removal().busy\"\n    [busy]=\"busy()\"\n    (confirmed)=\"disable()\"\n    (closed)=\"closeDisableDialog()\"\n  />\n}\n\n<ng-template #passwordPrompt>\n  <form\n    ngNoForm\n    class=\"gbt-mfa-settings__prompt\"\n    (submit)=\"$event.preventDefault(); submitPrompt()\"\n  >\n    <p class=\"gbt-mfa-settings__prompt-lead\">{{ promptCopy().lead }}</p>\n\n    @if (notice()) {\n      <gbt-alert variant=\"error\" appearance=\"subtle\" iconAlign=\"start\">{{ notice() }}</gbt-alert>\n    }\n\n    <div class=\"gbt-mfa-settings__field\">\n      <gbt-input\n        [id]=\"id + '-password'\"\n        name=\"currentPassword\"\n        type=\"password\"\n        autocomplete=\"current-password\"\n        [label]=\"text().currentPassword\"\n        [showPasswordLabel]=\"text().showPassword\"\n        [hidePasswordLabel]=\"text().hidePassword\"\n        [errorMessage]=\"passwordError()\"\n        [ngModel]=\"password()\"\n        (ngModelChange)=\"setPassword($event)\"\n      />\n    </div>\n\n    <div class=\"gbt-mfa-settings__actions\">\n      <gbt-button\n        type=\"submit\"\n        [variant]=\"promptCopy().variant\"\n        [text]=\"promptCopy().submit\"\n        [loading]=\"busy()\"\n        [loadingLabel]=\"promptCopy().busy\"\n      />\n      <gbt-button\n        variant=\"secondary\"\n        [text]=\"text().cancel\"\n        [disabled]=\"busy()\"\n        (clicked)=\"cancelPrompt()\"\n      />\n    </div>\n  </form>\n</ng-template>\n"],"mappings":"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"}

package/fesm2022/masmarino-gabarit-modal.mjs

@@ -0,0 +1,260 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostListener, afterRenderEffect, booleanAttribute, effect, input, output, untracked, viewChild } from "@angular/core";
+import { Icon } from "@masmarino/gabarit/icon";
+var Modal = class Modal {
+	isOpen = input.required(...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
+	heading = input("", ...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+	headingLevel = input(2, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
+	closeLabel = input("Close", ...ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []);
+	busy = input(false, {
+		...ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	busyLabel = input("Please wait", ...ngDevMode ? [{ debugName: "busyLabel" }] : /* istanbul ignore next */ []);
+	returnFocus = input(true, {
+		...ngDevMode ? { debugName: "returnFocus" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	closed = output();
+	dialog = viewChild("dialog", ...ngDevMode ? [{ debugName: "dialog" }] : /* istanbul ignore next */ []);
+	previouslyFocused = null;
+	constructor() {
+		effect(() => {
+			if (this.isOpen()) {
+				this.previouslyFocused = document.activeElement;
+				queueMicrotask(() => this.dialog()?.nativeElement.focus());
+			} else if (this.previouslyFocused) {
+				const target = this.previouslyFocused;
+				this.previouslyFocused = null;
+				if (untracked(() => this.returnFocus())) target.focus();
+			}
+		});
+		afterRenderEffect((onCleanup) => {
+			const dialog = this.dialog()?.nativeElement;
+			if (!this.busy() || !dialog) return;
+			const restore = () => {
+				if (this.busy() && !dialog.contains(document.activeElement)) dialog.focus();
+			};
+			restore();
+			onCleanup(afterTwoFrames(restore));
+		});
+	}
+	ngOnDestroy() {
+		if (this.returnFocus()) this.previouslyFocused?.focus();
+	}
+	onEscape() {
+		if (this.isOpen() && !this.busy()) this.closed.emit();
+	}
+	onBackdropClick(event) {
+		if (event.target === event.currentTarget && !this.busy()) this.closed.emit();
+	}
+	onCloseClick() {
+		if (!this.busy()) this.closed.emit();
+	}
+	onDialogKeydown(event) {
+		if (event.key !== "Tab") return;
+		const dialog = this.dialog()?.nativeElement;
+		if (!dialog) return;
+		const focusable = dialog.querySelectorAll("a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])");
+		if (focusable.length === 0) return;
+		const first = focusable[0];
+		const last = focusable[focusable.length - 1];
+		if (event.shiftKey && (document.activeElement === first || document.activeElement === dialog)) {
+			event.preventDefault();
+			last.focus();
+		} else if (!event.shiftKey && document.activeElement === last) {
+			event.preventDefault();
+			first.focus();
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Modal,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: Modal,
+		isStandalone: true,
+		selector: "gbt-modal",
+		inputs: {
+			isOpen: {
+				classPropertyName: "isOpen",
+				publicName: "isOpen",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			heading: {
+				classPropertyName: "heading",
+				publicName: "heading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headingLevel: {
+				classPropertyName: "headingLevel",
+				publicName: "headingLevel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeLabel: {
+				classPropertyName: "closeLabel",
+				publicName: "closeLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			busy: {
+				classPropertyName: "busy",
+				publicName: "busy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			busyLabel: {
+				classPropertyName: "busyLabel",
+				publicName: "busyLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			returnFocus: {
+				classPropertyName: "returnFocus",
+				publicName: "returnFocus",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { closed: "closed" },
+		host: { listeners: { "document:keydown.escape": "onEscape()" } },
+		viewQueries: [{
+			propertyName: "dialog",
+			first: true,
+			predicate: ["dialog"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "@if (isOpen()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n  <div class=\"gbt-modal__backdrop\" (click)=\"onBackdropClick($event)\">\n    <div\n      class=\"gbt-modal__dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-label]=\"heading() || null\"\n      [attr.data-busy]=\"busy() ? '' : null\"\n      tabindex=\"-1\"\n      #dialog\n      (keydown)=\"onDialogKeydown($event)\"\n    >\n      <header class=\"gbt-modal__header\">\n        @switch (headingLevel()) {\n          @case (1) {\n            <h1 class=\"gbt-modal__title\">{{ heading() }}</h1>\n          }\n          @case (3) {\n            <h3 class=\"gbt-modal__title\">{{ heading() }}</h3>\n          }\n          @case (4) {\n            <h4 class=\"gbt-modal__title\">{{ heading() }}</h4>\n          }\n          @case (5) {\n            <h5 class=\"gbt-modal__title\">{{ heading() }}</h5>\n          }\n          @case (6) {\n            <h6 class=\"gbt-modal__title\">{{ heading() }}</h6>\n          }\n          @default {\n            <h2 class=\"gbt-modal__title\">{{ heading() }}</h2>\n          }\n        }\n        <button\n          type=\"button\"\n          class=\"gbt-modal__close\"\n          (click)=\"onCloseClick()\"\n          [attr.aria-label]=\"closeLabel()\"\n          [attr.aria-disabled]=\"busy() ? 'true' : null\"\n        >\n          <gbt-icon name=\"x\" aria-hidden=\"true\" />\n        </button>\n      </header>\n      <div class=\"gbt-modal__body\" [attr.aria-busy]=\"busy() ? 'true' : null\">\n        <ng-content />\n      </div>\n      <div class=\"gbt-modal__footer\"><ng-content select=\"[modal-footer]\" /></div>\n      <span class=\"gbt-modal__status\" role=\"status\">{{ busy() ? busyLabel() : '' }}</span>\n    </div>\n  </div>\n}\n",
+		styles: [".gbt-modal__backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200}.gbt-modal__dialog{background:var(--bg-principal);border-radius:var(--site-border-radius);box-shadow:var(--site-shadow-lg);width:min(90vw,480px);max-height:90vh;overflow-y:auto}.gbt-modal__dialog:focus{outline:none}.gbt-modal__dialog:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--focus-ring));outline-offset:2px}.gbt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-modal__header .gbt-modal__title{font-family:var(--gbt-font-display, var(--font-display));font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-modal__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-modal__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-modal__close[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media(pointer:coarse){.gbt-modal__close{align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-block:-.75rem;margin-inline-end:-.75rem;border-radius:var(--site-border-radius-sm)}}.gbt-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.gbt-modal__body>form{display:flex;flex-direction:column;gap:1rem}.gbt-modal__footer{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-principal)}.gbt-modal__footer:empty{display:none}.gbt-modal__footer ::ng-deep>:is(div,footer,section)[modal-footer]{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.gbt-modal__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(pointer:coarse){.gbt-modal__footer{--gbt-control-height-sm: 2.75rem;--gbt-control-height-md: 2.75rem}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: Icon,
+			selector: "gbt-icon",
+			inputs: ["name"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Modal,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-modal",
+			standalone: true,
+			imports: [Icon],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (isOpen()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n  <div class=\"gbt-modal__backdrop\" (click)=\"onBackdropClick($event)\">\n    <div\n      class=\"gbt-modal__dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-label]=\"heading() || null\"\n      [attr.data-busy]=\"busy() ? '' : null\"\n      tabindex=\"-1\"\n      #dialog\n      (keydown)=\"onDialogKeydown($event)\"\n    >\n      <header class=\"gbt-modal__header\">\n        @switch (headingLevel()) {\n          @case (1) {\n            <h1 class=\"gbt-modal__title\">{{ heading() }}</h1>\n          }\n          @case (3) {\n            <h3 class=\"gbt-modal__title\">{{ heading() }}</h3>\n          }\n          @case (4) {\n            <h4 class=\"gbt-modal__title\">{{ heading() }}</h4>\n          }\n          @case (5) {\n            <h5 class=\"gbt-modal__title\">{{ heading() }}</h5>\n          }\n          @case (6) {\n            <h6 class=\"gbt-modal__title\">{{ heading() }}</h6>\n          }\n          @default {\n            <h2 class=\"gbt-modal__title\">{{ heading() }}</h2>\n          }\n        }\n        <button\n          type=\"button\"\n          class=\"gbt-modal__close\"\n          (click)=\"onCloseClick()\"\n          [attr.aria-label]=\"closeLabel()\"\n          [attr.aria-disabled]=\"busy() ? 'true' : null\"\n        >\n          <gbt-icon name=\"x\" aria-hidden=\"true\" />\n        </button>\n      </header>\n      <div class=\"gbt-modal__body\" [attr.aria-busy]=\"busy() ? 'true' : null\">\n        <ng-content />\n      </div>\n      <div class=\"gbt-modal__footer\"><ng-content select=\"[modal-footer]\" /></div>\n      <span class=\"gbt-modal__status\" role=\"status\">{{ busy() ? busyLabel() : '' }}</span>\n    </div>\n  </div>\n}\n",
+			styles: [".gbt-modal__backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200}.gbt-modal__dialog{background:var(--bg-principal);border-radius:var(--site-border-radius);box-shadow:var(--site-shadow-lg);width:min(90vw,480px);max-height:90vh;overflow-y:auto}.gbt-modal__dialog:focus{outline:none}.gbt-modal__dialog:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--focus-ring));outline-offset:2px}.gbt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-modal__header .gbt-modal__title{font-family:var(--gbt-font-display, var(--font-display));font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-modal__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-modal__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-modal__close[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media(pointer:coarse){.gbt-modal__close{align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-block:-.75rem;margin-inline-end:-.75rem;border-radius:var(--site-border-radius-sm)}}.gbt-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.gbt-modal__body>form{display:flex;flex-direction:column;gap:1rem}.gbt-modal__footer{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-principal)}.gbt-modal__footer:empty{display:none}.gbt-modal__footer ::ng-deep>:is(div,footer,section)[modal-footer]{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.gbt-modal__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(pointer:coarse){.gbt-modal__footer{--gbt-control-height-sm: 2.75rem;--gbt-control-height-md: 2.75rem}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		isOpen: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isOpen",
+				required: true
+			}]
+		}],
+		heading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "heading",
+				required: false
+			}]
+		}],
+		headingLevel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingLevel",
+				required: false
+			}]
+		}],
+		closeLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeLabel",
+				required: false
+			}]
+		}],
+		busy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "busy",
+				required: false
+			}]
+		}],
+		busyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "busyLabel",
+				required: false
+			}]
+		}],
+		returnFocus: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "returnFocus",
+				required: false
+			}]
+		}],
+		closed: [{
+			type: i0.Output,
+			args: ["closed"]
+		}],
+		dialog: [{
+			type: i0.ViewChild,
+			args: ["dialog", { isSignal: true }]
+		}],
+		onEscape: [{
+			type: HostListener,
+			args: ["document:keydown.escape"]
+		}]
+	}
+});
+function afterTwoFrames(callback) {
+	if (typeof requestAnimationFrame === "function") {
+		let inner = 0;
+		const outer = requestAnimationFrame(() => {
+			inner = requestAnimationFrame(callback);
+		});
+		return () => {
+			cancelAnimationFrame(outer);
+			cancelAnimationFrame(inner);
+		};
+	}
+	const timer = setTimeout(callback, 50);
+	return () => clearTimeout(timer);
+}
+export { Modal };
+
+//# sourceMappingURL=masmarino-gabarit-modal.mjs.map

package/fesm2022/masmarino-gabarit-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-modal.mjs","names":[],"sources":["../../../projects/gabarit/modal/modal.ts","../../../projects/gabarit/modal/modal.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  OnDestroy,\n  afterRenderEffect,\n  booleanAttribute,\n  effect,\n  input,\n  output,\n  untracked,\n  viewChild,\n} from '@angular/core'\nimport { Icon } from '@masmarino/gabarit/icon'\n\n@Component({\n  selector: 'gbt-modal',\n  standalone: true,\n  imports: [Icon],\n  templateUrl: './modal.html',\n  styleUrl: './modal.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Modal implements OnDestroy {\n  isOpen = input.required<boolean>()\n  heading = input<string>('')\n  headingLevel = input<1 | 2 | 3 | 4 | 5 | 6>(2)\n  closeLabel = input<string>('Close')\n  busy = input(false, { transform: booleanAttribute })\n  busyLabel = input<string>('Please wait')\n  returnFocus = input(true, { transform: booleanAttribute })\n\n  closed = output<void>()\n\n  private readonly dialog = viewChild<ElementRef<HTMLElement>>('dialog')\n\n  private previouslyFocused: HTMLElement | null = null\n\n  constructor() {\n    effect(() => {\n      if (this.isOpen()) {\n        this.previouslyFocused = document.activeElement as HTMLElement | null\n        queueMicrotask(() => this.dialog()?.nativeElement.focus())\n      } else if (this.previouslyFocused) {\n        const target = this.previouslyFocused\n        this.previouslyFocused = null\n        if (untracked(() => this.returnFocus())) {\n          target.focus()\n        }\n      }\n    })\n\n    afterRenderEffect((onCleanup) => {\n      const dialog = this.dialog()?.nativeElement\n      if (!this.busy() || !dialog) {\n        return\n      }\n      const restore = (): void => {\n        if (this.busy() && !dialog.contains(document.activeElement)) {\n          dialog.focus()\n        }\n      }\n      restore()\n      onCleanup(afterTwoFrames(restore))\n    })\n  }\n\n  ngOnDestroy(): void {\n    if (this.returnFocus()) {\n      this.previouslyFocused?.focus()\n    }\n  }\n\n  @HostListener('document:keydown.escape')\n  protected onEscape(): void {\n    if (this.isOpen() && !this.busy()) {\n      this.closed.emit()\n    }\n  }\n\n  protected onBackdropClick(event: MouseEvent): void {\n    if (event.target === event.currentTarget && !this.busy()) {\n      this.closed.emit()\n    }\n  }\n\n  protected onCloseClick(): void {\n    if (!this.busy()) {\n      this.closed.emit()\n    }\n  }\n\n  protected onDialogKeydown(event: KeyboardEvent): void {\n    if (event.key !== 'Tab') {\n      return\n    }\n    const dialog = this.dialog()?.nativeElement\n    if (!dialog) {\n      return\n    }\n    const focusable = dialog.querySelectorAll<HTMLElement>(\n      'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n    )\n    if (focusable.length === 0) {\n      return\n    }\n    const first = focusable[0]\n    const last = focusable[focusable.length - 1]\n    if (event.shiftKey && (document.activeElement === first || document.activeElement === dialog)) {\n      event.preventDefault()\n      last.focus()\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n}\n\nfunction afterTwoFrames(callback: () => void): () => void {\n  if (typeof requestAnimationFrame === 'function') {\n    let inner = 0\n    const outer = requestAnimationFrame(() => {\n      inner = requestAnimationFrame(callback)\n    })\n    return () => {\n      cancelAnimationFrame(outer)\n      cancelAnimationFrame(inner)\n    }\n  }\n  const timer = setTimeout(callback, 50)\n  return () => clearTimeout(timer)\n}\n","@if (isOpen()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n  <div class=\"gbt-modal__backdrop\" (click)=\"onBackdropClick($event)\">\n    <div\n      class=\"gbt-modal__dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-label]=\"heading() || null\"\n      [attr.data-busy]=\"busy() ? '' : null\"\n      tabindex=\"-1\"\n      #dialog\n      (keydown)=\"onDialogKeydown($event)\"\n    >\n      <header class=\"gbt-modal__header\">\n        @switch (headingLevel()) {\n          @case (1) {\n            <h1 class=\"gbt-modal__title\">{{ heading() }}</h1>\n          }\n          @case (3) {\n            <h3 class=\"gbt-modal__title\">{{ heading() }}</h3>\n          }\n          @case (4) {\n            <h4 class=\"gbt-modal__title\">{{ heading() }}</h4>\n          }\n          @case (5) {\n            <h5 class=\"gbt-modal__title\">{{ heading() }}</h5>\n          }\n          @case (6) {\n            <h6 class=\"gbt-modal__title\">{{ heading() }}</h6>\n          }\n          @default {\n            <h2 class=\"gbt-modal__title\">{{ heading() }}</h2>\n          }\n        }\n        <button\n          type=\"button\"\n          class=\"gbt-modal__close\"\n          (click)=\"onCloseClick()\"\n          [attr.aria-label]=\"closeLabel()\"\n          [attr.aria-disabled]=\"busy() ? 'true' : null\"\n        >\n          <gbt-icon name=\"x\" aria-hidden=\"true\" />\n        </button>\n      </header>\n      <div class=\"gbt-modal__body\" [attr.aria-busy]=\"busy() ? 'true' : null\">\n        <ng-content />\n      </div>\n      <div class=\"gbt-modal__footer\"><ng-content select=\"[modal-footer]\" /></div>\n      <span class=\"gbt-modal__status\" role=\"status\">{{ busy() ? busyLabel() : '' }}</span>\n    </div>\n  </div>\n}\n"],"mappings":"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"}