@eherve/angular-material-display-dialog 0.0.0-stage → 22.0.0

package/fesm2022/eherve-angular-material-display-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eherve-angular-material-display-dialog.mjs","names":["i2","i2","i3"],"sources":["../../../projects/display-dialog/src/lib/display-dialog.intl.ts","../../../projects/display-dialog/src/lib/internal/confirmation-dialog/confirmation-dialog.component.ts","../../../projects/display-dialog/src/lib/internal/json-dialog/json-dialog.component.ts","../../../projects/display-dialog/src/lib/display-dialog-host.ts","../../../projects/display-dialog/src/lib/display-dialog.component.ts","../../../projects/display-dialog/src/lib/display-dialog.component.html","../../../projects/display-dialog/src/lib/display-dialog.service.ts","../../../projects/display-dialog/src/lib/display-dialog.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nexport interface DisplayDialogMessages {\n  loadingLabel: string;\n  closeLabel: string;\n  emptyLabel: string;\n  errorLabel: string;\n  actionErrorLabel: string;\n  jsonTitle: string;\n  jsonButtonLabel: string;\n  recordLabel: string;\n  confirmTitle: string;\n  confirmOk: string;\n  confirmCancel: string;\n  emptyContentLabel: string;\n}\n\n@Injectable({providedIn: 'root'})\nexport class DisplayDialogIntl {\n  readonly changes = new Subject<void>();\n  messages: DisplayDialogMessages = {\n    loadingLabel: 'Chargement des données',\n    closeLabel: 'Fermer',\n    emptyLabel: 'Aucune donnée à afficher.',\n    errorLabel: 'Impossible de charger les données.',\n    actionErrorLabel: \"Impossible d’exécuter cette action.\",\n    jsonTitle: 'Données JSON',\n    jsonButtonLabel: 'Afficher les données JSON',\n    recordLabel: 'Record',\n    confirmTitle: 'Confirmation',\n    confirmOk: 'Oui',\n    confirmCancel: 'Non',\n    emptyContentLabel: 'Aucun contenu à afficher.',\n  };\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { DisplayDialogConfirmOptions } from '../../display-dialog.types';\nimport { DisplayDialogIntl } from '../../display-dialog.intl';\n\n@Component({\n  selector: 'ngx-mat-display-confirmation',\n  imports: [MatDialogModule, MatButtonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <h2 mat-dialog-title>{{data.title ?? intl.messages.confirmTitle}}</h2>\n    <mat-dialog-content>{{data.message}}</mat-dialog-content>\n    <mat-dialog-actions align=\"end\">\n      <button mat-button [mat-dialog-close]=\"false\">{{data.cancel ?? intl.messages.confirmCancel}}</button>\n      <button mat-button [mat-dialog-close]=\"true\">{{data.ok ?? intl.messages.confirmOk}}</button>\n    </mat-dialog-actions>`,\n})\nexport class DisplayConfirmationDialog {\n  readonly data = inject<DisplayDialogConfirmOptions>(MAT_DIALOG_DATA);\n  readonly intl = inject(DisplayDialogIntl);\n\n  constructor() {\n    const changeDetectorRef = inject(ChangeDetectorRef);\n    this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => changeDetectorRef.markForCheck());\n  }\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { JsonPipe } from '@angular/common';\nimport { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { DisplayDialogJsonSource } from '../../display-dialog-host';\nimport { DisplayDialogIntl } from '../../display-dialog.intl';\n\n@Component({\n  selector: 'ngx-mat-display-json',\n  imports: [MatDialogModule, MatButtonModule, JsonPipe],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <h2 mat-dialog-title>{{data.title}}</h2>\n    <mat-dialog-content>\n      @for (source of data.sources; track $index) {\n        <h3>{{source.label}}</h3><pre>{{source.value | json}}</pre>\n      }\n    </mat-dialog-content>\n    <mat-dialog-actions><button mat-button mat-dialog-close>{{intl.messages.closeLabel}}</button></mat-dialog-actions>`,\n  styles: ['pre {white-space: pre-wrap; overflow-wrap: anywhere;}'],\n})\nexport class DisplayJsonDialog {\n  readonly data = inject<{title: string; sources: readonly DisplayDialogJsonSource[]}>(MAT_DIALOG_DATA);\n  readonly intl = inject(DisplayDialogIntl);\n\n  constructor() {\n    const changeDetectorRef = inject(ChangeDetectorRef);\n    this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => changeDetectorRef.markForCheck());\n  }\n}\n","import { Injectable, InjectionToken, inject } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { firstValueFrom } from 'rxjs';\nimport { DisplayDialogConfirmOptions } from './display-dialog.types';\nimport { DisplayConfirmationDialog } from './internal/confirmation-dialog/confirmation-dialog.component';\nimport { DisplayJsonDialog } from './internal/json-dialog/json-dialog.component';\nexport interface DisplayDialogJsonSource { label: string; value: unknown; }\nexport interface DisplayDialogHost {\n  confirm(options: DisplayDialogConfirmOptions): Promise<boolean>;\n  showJson(title: string, sources: readonly DisplayDialogJsonSource[]): void;\n}\n@Injectable({providedIn: 'root'})\nclass DefaultDisplayDialogHost implements DisplayDialogHost {\n  private readonly dialog = inject(MatDialog);\n  async confirm(options: DisplayDialogConfirmOptions): Promise<boolean> {\n    return (await firstValueFrom(this.dialog.open(DisplayConfirmationDialog, {data: options}).afterClosed())) === true;\n  }\n  showJson(title: string, sources: readonly DisplayDialogJsonSource[]): void {\n    this.dialog.open(DisplayJsonDialog, {width: '80vw', maxHeight: '90vh', data: {title, sources}});\n  }\n}\nexport const DISPLAY_DIALOG_HOST = new InjectionToken<DisplayDialogHost>('DISPLAY_DIALOG_HOST', {providedIn: 'root', factory: () => inject(DefaultDisplayDialogHost)});\n","/** @format */\n\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Optional,\n  SimpleChanges,\n  Type,\n  inject,\n  reflectComponentType,\n  ErrorHandler,\n} from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { Subject, firstValueFrom, isObservable, takeUntil } from 'rxjs';\nimport {\n  SectionTabsDisplayCard,\n  SectionTabsDisplayCardAction,\n  SectionTabsDisplayOptions,\n  SectionTabsDisplaySection,\n} from '@eherve/angular-material-section-tabs';\n\nimport {\n  DisplayDialogCardMenuOption,\n  DisplayDialogCardActionContext,\n  DisplayDialogCardActionState,\n  DisplayDialogCardAction,\n  DisplayDialogSectionCard,\n  DisplayDialogSection,\n  DisplayDialogSectionsOptions,\n  DisplayDialogComponentOptions,\n  DisplayDialogSingleSectionOptions,\n  DisplayDialogTabOptions,\n  DisplayDialogTabsOptions,\n  DisplayDialogOptions,\n  DisplayDialogTitle,\n  DisplayDialogActionPosition,\n  DisplayDialogConfirmOptions,\n  DisplayDialogActionContext,\n  DisplayDialogActionState,\n  DisplayDialogActionButton,\n  DisplayDialogRuntimeActionButton,\n  DisplayDialogData,\n  DisplayDialogConnection,\n  DisplayDialogActionComponent,\n} from './display-dialog.types';\nimport { DISPLAY_DIALOG_HOST } from './display-dialog-host';\nimport { DisplayDialogIntl } from './display-dialog.intl';\n\ntype ComponentInputs = Record<string, unknown>;\n\ntype DisplayDialogRuntimeAction<TRecord extends object> = DisplayDialogRuntimeActionButton<TRecord> | (DisplayDialogActionComponent<TRecord> & {componentInputs: ComponentInputs; isVisible: boolean});\n\ninterface DisplayDialogRuntimeCardMenuOption {\n  id: string;\n  label: string;\n  icon?: string;\n  tooltip?: string;\n  ariaLabel?: string;\n  disabled: boolean;\n  handle: () => void;\n}\n\ninterface DisplayDialogRuntimeCardAction {\n  id?: string;\n  type: 'icon' | 'button';\n  icon?: string;\n  label?: string;\n  tooltip?: string;\n  ariaLabel?: string;\n  color?: string;\n  disabled: boolean;\n  menuOptions?: DisplayDialogRuntimeCardMenuOption[];\n  handle: () => void;\n}\n\ntype DisplayDialogRenderKind = 'tabs' | 'sections' | 'component' | 'section' | 'empty';\n\ninterface DisplayDialogTabRenderState<TRecord extends object> {\n  label: string;\n  icon?: string;\n  svgIcon?: string;\n  badge?: number;\n  renderState: DisplayDialogRenderState<TRecord>;\n}\n\ninterface DisplayDialogRenderState<TRecord extends object> {\n  kind: DisplayDialogRenderKind;\n  tabs?: DisplayDialogTabRenderState<TRecord>[];\n  sectionsOptions?: SectionTabsDisplayOptions;\n  sectionsMenuHeader?: string;\n  component?: Type<unknown>;\n  componentInputs?: ComponentInputs;\n  componentOverflow?: boolean;\n  singleSectionOptions?: SectionTabsDisplayOptions;\n}\n\n@Component({\n  selector: 'app-display-dialog',\n  templateUrl: './display-dialog.component.html',\n  styleUrls: ['./display-dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class DisplayDialog<TRecord extends object> implements OnInit, OnChanges, OnDestroy {\n  readonly intl = inject(DisplayDialogIntl);\n  @Input() data?: DisplayDialogData<TRecord>;\n\n  loading = true;\n  loadingLabel = this.intl.messages.loadingLabel;\n  errorLabel = '';\n  title = '';\n  subtitle = '';\n  closeLabel = this.intl.messages.closeLabel;\n  showCloseButton = false;\n  handlingAction = false;\n  actions: DisplayDialogRuntimeAction<TRecord>[] = [];\n  actionErrorLabel = '';\n  renderState: DisplayDialogRenderState<TRecord> = { kind: 'empty' };\n  readonly recordChange = new EventEmitter<TRecord>();\n  readonly isDialog: boolean;\n\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly componentInputNamesByType = new WeakMap<Type<unknown>, ReadonlySet<string>>();\n  private initializeVersion = 0;\n  private destroyed = false;\n  private recordErrorKind?: 'empty' | 'error';\n  private actionFailed = false;\n  private connection?: DisplayDialogConnection<TRecord>;\n  private readonly cancelLoad = new Subject<void>();\n  private dialogDataResolved?: DisplayDialogData<TRecord>;\n  private record?: TRecord;\n  private readonly host = inject(DISPLAY_DIALOG_HOST);\n  private readonly errorHandler = inject(ErrorHandler);\n  private readonly intlSubscription = this.intl.changes.subscribe(() => this.refreshIntlLabels());\n\n  constructor(\n    @Optional() @Inject(MAT_DIALOG_DATA) private readonly dialogData: DisplayDialogData<TRecord> | null,\n    @Optional() private readonly dialogRef: MatDialogRef<DisplayDialog<TRecord>> | null,\n  ) {\n    this.isDialog = this.dialogRef !== null;\n  }\n\n  ngOnInit(): void {\n    if (!this.data && this.dialogData) this.data = this.dialogData;\n    void this.initialize();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['data'] && !changes['data'].firstChange) void this.initialize();\n  }\n\n  ngOnDestroy(): void {\n    this.destroyed = true;\n    this.intlSubscription.unsubscribe();\n    ++this.initializeVersion;\n    this.cancelLoad.next();\n    this.cancelLoad.complete();\n    this.releaseConnection();\n    this.recordChange.complete();\n  }\n\n  openJsonDataDialog(): void {\n    if (this.record === undefined) return;\n    this.host.showJson(this.resolveJsonDialogTitle(), [{label: this.intl.messages.recordLabel, value: this.record}]);\n  }\n\n  close(result?: unknown): void {\n    this.dialogRef?.close(result);\n  }\n\n  getActions(position: DisplayDialogActionPosition): DisplayDialogRuntimeAction<TRecord>[] {\n    return this.actions.filter(action => (action.position ?? 'bottom') === position && action.isVisible);\n  }\n\n  trackAction(index: number, action: DisplayDialogRuntimeAction<TRecord>): string | number {\n    return 'component' in action ? index : action.label || action.icon || index;\n  }\n\n  async handleAction(action: DisplayDialogRuntimeActionButton<TRecord>): Promise<void> {\n    if (this.record === undefined || this.destroyed || !this.dialogDataResolved) return;\n    const context = this.buildActionContext(action);\n    if (!this.resolveActionState(action.visible, context, true) || this.resolveActionState(action.disabled, context, false)) return;\n    await this.runAction(action.confirm, () => action.handle(context), action.closeOnHandle);\n  }\n\n  private async runAction(confirm: string | DisplayDialogConfirmOptions | undefined, handle: () => unknown | Promise<unknown>, closeOnHandle?: boolean): Promise<void> {\n    if (this.handlingAction || this.destroyed) return;\n    const version = this.initializeVersion;\n    this.handlingAction = true;\n    this.actionErrorLabel = '';\n    this.actionFailed = false;\n    this.changeDetectorRef.markForCheck();\n    try {\n      if (!(await this.confirmAction(confirm)) || this.destroyed || version !== this.initializeVersion) return;\n      const result = await handle();\n      if (this.destroyed || version !== this.initializeVersion) return;\n      this.refreshDisplayState();\n      if (closeOnHandle) this.close(result);\n    } catch (error) {\n      this.reportError(error);\n      if (!this.destroyed && version === this.initializeVersion) {\n        this.actionFailed = true;\n        this.actionErrorLabel = this.intl.messages.actionErrorLabel;\n      }\n    } finally {\n      if (!this.destroyed && version === this.initializeVersion) {\n        this.handlingAction = false;\n        this.changeDetectorRef.markForCheck();\n      }\n    }\n  }\n\n  private resolveJsonDialogTitle(): string {\n    const title = (this.elementRef.nativeElement as HTMLElement)\n      .querySelector<HTMLElement>('.display-dialog-title-content h2')\n      ?.textContent?.trim();\n    return title || this.intl.messages.jsonTitle;\n  }\n\n  private async initialize(): Promise<void> {\n    if (this.destroyed) return;\n    const version = ++this.initializeVersion;\n    this.cancelLoad.next();\n    this.releaseConnection();\n    const data = this.data ?? this.dialogData ?? undefined;\n\n    this.loading = true;\n    this.errorLabel = '';\n    this.recordErrorKind = undefined;\n    this.actionErrorLabel = '';\n    this.actionFailed = false;\n\n    this.record = undefined;\n    this.dialogDataResolved = data;\n    this.actions = [];\n    this.handlingAction = false;\n    this.renderState = { kind: 'empty' };\n    this.changeDetectorRef.markForCheck();\n\n    if (!data) {\n      this.finishWithoutRecord('empty');\n      return;\n    }\n\n    this.loadingLabel = data.loadingLabel ?? this.intl.messages.loadingLabel;\n    this.closeLabel = data.closeLabel ?? this.intl.messages.closeLabel;\n    this.showCloseButton = data.showCloseButton ?? !!this.dialogRef;\n\n    try {\n      this.connection = data.connect?.();\n      const record = 'record' in data && data.record != null ? data.record : await this.resolveRecord(data);\n      if (this.destroyed || version !== this.initializeVersion) return;\n\n      if (!record) {\n        this.finishWithoutRecord('empty');\n        return;\n      }\n\n      this.record = record;\n      this.notifyRecord(record);\n\n      this.refreshDisplayState();\n      this.loading = false;\n      this.changeDetectorRef.detectChanges();\n    } catch (err) {\n      if (this.destroyed || version !== this.initializeVersion) return;\n      this.reportError(err);\n      this.finishWithoutRecord('error');\n    }\n  }\n\n  private async resolveRecord(data: DisplayDialogData<TRecord>): Promise<TRecord | null> {\n    if ('record' in data && data.record !== undefined && data.record !== null) return data.record;\n\n    if (!data.loadRecord) return null;\n\n    const loadedRecord = data.loadRecord();\n    if (isObservable(loadedRecord)) return firstValueFrom(loadedRecord.pipe(takeUntil(this.cancelLoad)), {defaultValue: null});\n    return loadedRecord;\n  }\n\n  private buildRenderState(data: DisplayDialogData<TRecord>, record: TRecord): DisplayDialogRenderState<TRecord> {\n    return this.buildOptionsRenderState(data, this.resolveDisplayOptions(data, record), record);\n  }\n\n  private resolveDisplayOptions(\n    data: DisplayDialogData<TRecord>,\n    record: TRecord,\n  ): DisplayDialogOptions<TRecord> {\n    if (typeof data.displayOptions !== 'function') return data.displayOptions;\n    return data.displayOptions({ record, data });\n  }\n\n  private buildOptionsRenderState(\n    data: DisplayDialogData<TRecord>,\n    displayOptions: DisplayDialogOptions<TRecord>,\n    record: TRecord,\n  ): DisplayDialogRenderState<TRecord> {\n    if (this.isTabsOptions(displayOptions)) {\n      return {\n        kind: 'tabs',\n        tabs: displayOptions.tabs.map(tab => this.buildTabRenderState(data, tab, record)),\n      };\n    }\n\n    if (this.isSectionsOptions(displayOptions)) {\n      return {\n        kind: 'sections',\n        sectionsMenuHeader: displayOptions.menuHeader,\n        sectionsOptions: this.buildSectionsOptions(displayOptions, record),\n      };\n    }\n\n    if (this.isComponentOptions(displayOptions)) {\n      return {\n        kind: 'component',\n        component: displayOptions.component,\n        componentInputs: this.buildComponentInputs(data, displayOptions, record),\n        componentOverflow: displayOptions.overflow ?? true,\n      };\n    }\n\n    if (this.isSingleSectionOptions(displayOptions)) {\n      return {\n        kind: 'section',\n        singleSectionOptions: this.buildSingleSectionOptions(displayOptions, record),\n      };\n    }\n\n    return { kind: 'empty' };\n  }\n\n  private buildTabRenderState(\n    data: DisplayDialogData<TRecord>,\n    tab: DisplayDialogTabOptions<TRecord>,\n    record: TRecord,\n  ): DisplayDialogTabRenderState<TRecord> {\n    return {\n      label: tab.label,\n      icon: tab.icon,\n      svgIcon: tab.svgIcon,\n      badge: tab.badge,\n      renderState: this.buildOptionsRenderState(data, tab.displayOptions, record),\n    };\n  }\n\n  private isTabsOptions(options: DisplayDialogOptions<TRecord>): options is DisplayDialogTabsOptions<TRecord> {\n    return 'tabs' in options;\n  }\n\n  private isSectionsOptions(options: DisplayDialogOptions<TRecord>): options is DisplayDialogSectionsOptions<TRecord> {\n    return 'sections' in options;\n  }\n\n  private isComponentOptions(\n    options: DisplayDialogOptions<TRecord>,\n  ): options is DisplayDialogComponentOptions<TRecord> {\n    return 'component' in options;\n  }\n\n  private isSingleSectionOptions(\n    options: DisplayDialogOptions<TRecord>,\n  ): options is DisplayDialogSingleSectionOptions<TRecord> {\n    return 'section' in options;\n  }\n\n  private buildSectionsOptions(\n    options: DisplayDialogSectionsOptions<TRecord>,\n    record: TRecord,\n  ): SectionTabsDisplayOptions {\n    const { menuHeader, sections, ...sectionTabsOptions } = options;\n\n    return {\n      ...sectionTabsOptions,\n      data: record,\n      sections: this.buildRuntimeSections(sections),\n    };\n  }\n\n  private buildSingleSectionOptions(\n    options: DisplayDialogSingleSectionOptions<TRecord>,\n    record: TRecord,\n  ): SectionTabsDisplayOptions {\n    return {\n      data: record,\n      sections: this.buildRuntimeSections([options.section]),\n      showEmptyFields: options.showEmptyFields,\n      showEmptyFieldsToggle: options.showEmptyFieldsToggle,\n      showEmptyFieldsLabel: options.showEmptyFieldsLabel,\n    };\n  }\n\n  private buildRuntimeSections(sections: DisplayDialogSection<TRecord>[]): SectionTabsDisplaySection[] {\n    return sections.map(section => ({\n      ...section,\n      cards: section.cards.map(card => this.buildRuntimeCard(section, card)),\n    })) as SectionTabsDisplaySection[];\n  }\n\n  private buildRuntimeCard(\n    section: DisplayDialogSection<TRecord>,\n    card: DisplayDialogSectionCard<TRecord>,\n  ): SectionTabsDisplayCard {\n    const { actions, ...sectionTabsCard } = card;\n\n    return {\n      ...sectionTabsCard,\n      actions: this.buildRuntimeCardActions(section, card, actions ?? []),\n    } as SectionTabsDisplayCard;\n  }\n\n  private buildRuntimeCardActions(\n    section: DisplayDialogSection<TRecord>,\n    card: DisplayDialogSectionCard<TRecord>,\n    actions: Array<SectionTabsDisplayCardAction | DisplayDialogCardAction<TRecord>>,\n  ): DisplayDialogRuntimeCardAction[] {\n    return actions.flatMap(action => {\n      if (this.isSectionTabsDisplayCardAction(action)) return [action];\n\n      const context = this.buildCardActionContext(section, card, action);\n      if (!this.resolveCardActionState(action.visible, context, true)) return [];\n\n      const menuOptions = this.buildRuntimeCardMenuOptions(section, card, action);\n      if (action.menuOptions?.length && !menuOptions.length) return [];\n\n      return [\n        {\n          id: action.id,\n          type: action.type,\n          icon: action.icon,\n          label: action.label,\n          tooltip: action.tooltip,\n          ariaLabel: action.ariaLabel,\n          color: action.color,\n          disabled: this.resolveCardActionState(action.disabled, context, false),\n          menuOptions: menuOptions.length ? menuOptions : undefined,\n          handle: () => {\n            if (!menuOptions.length) void this.handleCardAction(section, card, action);\n          },\n        },\n      ];\n    });\n  }\n\n  private isSectionTabsDisplayCardAction(\n    action: SectionTabsDisplayCardAction | DisplayDialogCardAction<TRecord>,\n  ): action is SectionTabsDisplayCardAction {\n    return 'handle' in action && typeof action.handle === 'function';\n  }\n\n  private buildRuntimeCardMenuOptions(\n    section: DisplayDialogSection<TRecord>,\n    card: DisplayDialogSectionCard<TRecord>,\n    action: DisplayDialogCardAction<TRecord>,\n  ): DisplayDialogRuntimeCardMenuOption[] {\n    return (action.menuOptions ?? []).flatMap(option => {\n      const context = this.buildCardActionContext(section, card, action, option);\n      if (!this.resolveCardActionState(option.visible, context, true)) return [];\n\n      return [\n        {\n          id: option.id,\n          label: option.label,\n          icon: option.icon,\n          tooltip: option.tooltip,\n          ariaLabel: option.ariaLabel,\n          disabled: this.resolveCardActionState(option.disabled, context, false),\n          handle: () => void this.handleCardMenuOption(section, card, action, option),\n        },\n      ];\n    });\n  }\n\n  private buildComponentInputs(\n    data: DisplayDialogData<TRecord>,\n    displayOptions: DisplayDialogComponentOptions<TRecord>,\n    record: TRecord,\n  ): ComponentInputs {\n    const baseInputs: ComponentInputs = {\n      record,\n      data,\n      displayOptions,\n    };\n    if (!displayOptions.input) {\n      return this.pickDeclaredComponentInputs(displayOptions.component, baseInputs);\n    }\n\n    const customInputs =\n      typeof displayOptions.input === 'function' ?\n        displayOptions.input({ record, data, displayOptions })\n      : displayOptions.input;\n\n    return this.pickDeclaredComponentInputs(displayOptions.component, {\n      ...baseInputs,\n      ...customInputs,\n    });\n  }\n\n  private pickDeclaredComponentInputs<TComponent>(\n    component: Type<TComponent> | undefined,\n    inputs: ComponentInputs | undefined,\n  ): ComponentInputs {\n    if (!component || !inputs) return {};\n\n    const declaredInputNames = this.getDeclaredComponentInputNames(component as Type<unknown>);\n    if (!declaredInputNames.size) return {};\n\n    return Object.entries(inputs).reduce<ComponentInputs>((filteredInputs, [name, value]) => {\n      if (declaredInputNames.has(name)) filteredInputs[name] = value;\n      return filteredInputs;\n    }, {});\n  }\n\n  private getDeclaredComponentInputNames(component: Type<unknown>): ReadonlySet<string> {\n    const cachedInputNames = this.componentInputNamesByType.get(component);\n    if (cachedInputNames) return cachedInputNames;\n\n    const componentMirror = reflectComponentType(component);\n    const inputNames = new Set(componentMirror?.inputs.map(input => input.templateName) ?? []);\n    this.componentInputNamesByType.set(component, inputNames);\n    return inputNames;\n  }\n\n  private resolveText(value: DisplayDialogTitle<TRecord> | undefined, record: TRecord): string {\n    if (!value) return '';\n    return typeof value === 'function' ? value(record) : value;\n  }\n\n  private refreshDisplayState(): void {\n    if (this.record === undefined || !this.dialogDataResolved) return;\n\n    this.title = this.resolveText(this.dialogDataResolved.title, this.record);\n    this.subtitle = this.resolveText(this.dialogDataResolved.subtitle, this.record);\n    this.renderState = this.buildRenderState(this.dialogDataResolved, this.record);\n    this.refreshActions();\n  }\n\n  private refreshActions(): void {\n    if (this.record === undefined || !this.dialogDataResolved) {\n      this.actions = [];\n      return;\n    }\n\n    const data = this.dialogDataResolved;\n    const record = this.record;\n    this.actions = [...(data.actions ?? []), ...(this.connection?.actions ?? [])].map(action => {\n      if ('component' in action) {\n        const custom = typeof action.input === 'function' ? action.input({record, data}) : action.input;\n        return {...action, isVisible: true, componentInputs: this.pickDeclaredComponentInputs(action.component, {record, data, ...custom})};\n      }\n      const context = this.buildActionContext(action);\n      return {...action, isVisible: this.resolveActionState(action.visible, context, true), isDisabled: this.resolveActionState(action.disabled, context, false)};\n    });\n  }\n\n  private resolveActionState(\n    state: DisplayDialogActionState<TRecord> | undefined,\n    context: DisplayDialogActionContext<TRecord>,\n    defaultValue: boolean,\n  ): boolean {\n    if (state === undefined) return defaultValue;\n    return typeof state === 'function' ? state(context) : state;\n  }\n\n  private buildActionContext(action: DisplayDialogActionButton<TRecord>): DisplayDialogActionContext<TRecord> {\n    const version = this.initializeVersion;\n    return {\n      record: this.record as TRecord,\n      data: this.dialogDataResolved as DisplayDialogData<TRecord>,\n      action,\n      close: result => {if (!this.destroyed && version === this.initializeVersion) this.close(result);},\n      setRecord: record => {if (!this.destroyed && version === this.initializeVersion) this.setRecord(record);},\n    };\n  }\n\n  private async handleCardAction(section: DisplayDialogSection<TRecord>, card: DisplayDialogSectionCard<TRecord>, action: DisplayDialogCardAction<TRecord>): Promise<void> {\n    if (this.record === undefined || this.destroyed || !this.dialogDataResolved) return;\n    const context = this.buildCardActionContext(section, card, action);\n    if (!this.resolveCardActionState(action.visible, context, true) || this.resolveCardActionState(action.disabled, context, false)) return;\n    await this.runAction(action.confirm, () => action.handler?.(context), action.closeOnHandle);\n  }\n\n  private async handleCardMenuOption(section: DisplayDialogSection<TRecord>, card: DisplayDialogSectionCard<TRecord>, action: DisplayDialogCardAction<TRecord>, option: DisplayDialogCardMenuOption<TRecord>): Promise<void> {\n    if (this.record === undefined || this.destroyed || !this.dialogDataResolved) return;\n    const context = this.buildCardActionContext(section, card, action, option);\n    if (!this.resolveCardActionState(action.visible, context, true) || !this.resolveCardActionState(option.visible, context, true) || this.resolveCardActionState(action.disabled, context, false) || this.resolveCardActionState(option.disabled, context, false)) return;\n    await this.runAction(action.confirm, () => action.menuHandler?.(option.id, context), action.closeOnHandle);\n  }\n\n  private resolveCardActionState(\n    state: DisplayDialogCardActionState<TRecord> | undefined,\n    context: DisplayDialogCardActionContext<TRecord>,\n    defaultValue: boolean,\n  ): boolean {\n    if (state === undefined) return defaultValue;\n    return typeof state === 'function' ? state(context) : state;\n  }\n\n  private buildCardActionContext(\n    section: DisplayDialogSection<TRecord>,\n    card: DisplayDialogSectionCard<TRecord>,\n    action: DisplayDialogCardAction<TRecord>,\n    option?: DisplayDialogCardMenuOption<TRecord>,\n  ): DisplayDialogCardActionContext<TRecord> {\n    const version = this.initializeVersion;\n    return {\n      record: this.record as TRecord,\n      data: this.dialogDataResolved as DisplayDialogData<TRecord>,\n      section,\n      card,\n      action,\n      option,\n      close: result => {if (!this.destroyed && version === this.initializeVersion) this.close(result);},\n      setRecord: record => {if (!this.destroyed && version === this.initializeVersion) this.setRecord(record);},\n    };\n  }\n\n  private notifyRecord(record: TRecord): void {\n    this.recordChange.emit(record);\n    try { this.connection?.recordChanged?.(record); } catch (error) { this.reportError(error); }\n  }\n\n  private releaseConnection(): void {\n    const connection = this.connection;\n    this.connection = undefined;\n    try { connection?.destroy?.(); } catch (error) { this.reportError(error); }\n  }\n\n  private reportError(error: unknown): void {\n    try { this.errorHandler.handleError(error); } catch { /* Resource cleanup must continue even if an application handler throws. */ }\n  }\n\n  private setRecord(record: TRecord): void {\n    if (this.destroyed) return;\n    this.record = record;\n    this.notifyRecord(record);\n\n    this.refreshDisplayState();\n    this.changeDetectorRef.markForCheck();\n  }\n\n  private async confirmAction(confirmOptions: string | DisplayDialogConfirmOptions | undefined): Promise<boolean> {\n    if (!confirmOptions) return true;\n    if (typeof confirmOptions === 'string') return this.confirm({ message: confirmOptions });\n    return this.confirm(confirmOptions);\n  }\n\n  private async confirm(confirmOptions: DisplayDialogConfirmOptions): Promise<boolean> {\n    return (await this.host.confirm(confirmOptions)) === true;\n  }\n\n  private refreshIntlLabels(): void {\n    const data = this.dialogDataResolved;\n    const messages = this.intl.messages;\n    this.loadingLabel = data?.loadingLabel ?? messages.loadingLabel;\n    this.closeLabel = data?.closeLabel ?? messages.closeLabel;\n    if (this.recordErrorKind === 'empty') this.errorLabel = data?.emptyLabel ?? data?.errorLabel ?? messages.emptyLabel;\n    if (this.recordErrorKind === 'error') this.errorLabel = data?.errorLabel ?? messages.errorLabel;\n    if (this.actionFailed) this.actionErrorLabel = messages.actionErrorLabel;\n    this.changeDetectorRef.markForCheck();\n  }\n\n  private finishWithoutRecord(kind: 'empty' | 'error'): void {\n    this.loading = false;\n    this.handlingAction = false;\n    this.recordErrorKind = kind;\n    this.refreshIntlLabels();\n    this.title = '';\n    this.subtitle = '';\n    this.actions = [];\n    this.renderState = { kind: 'empty' };\n    this.changeDetectorRef.detectChanges();\n  }\n}\n","<!-- @format -->\n\n@if (loading) {\n  <div class=\"display-dialog-loading\">\n    <mat-spinner [diameter]=\"72\"></mat-spinner>\n    <span>{{ loadingLabel }}</span>\n  </div>\n} @else if (errorLabel) {\n  <div class=\"display-dialog-empty-state\">\n    <mat-icon>info</mat-icon>\n    <span>{{ errorLabel }}</span>\n\n    @if (showCloseButton) {\n      <button mat-stroked-button type=\"button\" (click)=\"close()\">{{ closeLabel }}</button>\n    }\n  </div>\n} @else {\n  @if (title || subtitle || showCloseButton || getActions('top').length) {\n    <div mat-dialog-title class=\"display-dialog-title\">\n      <div class=\"display-dialog-title-bar\">\n        <div class=\"display-dialog-title-content\">\n          @if (title) {\n            <h2 [innerHTML]=\"title\"></h2>\n          }\n          @if (subtitle) {\n            <p [innerHTML]=\"subtitle\"></p>\n          }\n        </div>\n\n        <div class=\"display-dialog-title-actions\">\n          @for (action of getActions('top'); track trackAction($index, action)) {\n            <ng-container *ngTemplateOutlet=\"actionTemplate; context: { action }\"></ng-container>\n          }\n\n          @if (isDialog && data?.showJsonDataButton === true) {\n            <button\n              mat-icon-button\n              type=\"button\"\n              \n              [matTooltip]=\"intl.messages.jsonButtonLabel\"\n              \n              [attr.aria-label]=\"intl.messages.jsonButtonLabel\"\n              (click)=\"openJsonDataDialog()\">\n              <mat-icon>file_json</mat-icon>\n            </button>\n          }\n\n\n          @if (showCloseButton) {\n            <button mat-icon-button type=\"button\" [attr.aria-label]=\"closeLabel\" (click)=\"close()\">\n              <mat-icon>close</mat-icon>\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  }\n\n  @if (actionErrorLabel) { <div class=\"display-dialog-action-error\" role=\"alert\">{{ actionErrorLabel }}</div> }\n  <div mat-dialog-content class=\"display-dialog-content\">\n    <ng-container *ngTemplateOutlet=\"displayDialogContent; context: { $implicit: renderState }\"></ng-container>\n  </div>\n\n  @if (getActions('bottom').length || getActions('bottom-end').length) {\n    <footer class=\"display-dialog-actions\">\n      <div class=\"display-dialog-actions-left\">\n        @for (action of getActions('bottom'); track trackAction($index, action)) {\n          <ng-container *ngTemplateOutlet=\"actionTemplate; context: { action }\"></ng-container>\n        }\n      </div>\n\n      <div class=\"display-dialog-actions-right\">\n        @for (action of getActions('bottom-end'); track trackAction($index, action)) {\n          <ng-container *ngTemplateOutlet=\"actionTemplate; context: { action }\"></ng-container>\n        }\n      </div>\n    </footer>\n  }\n\n  @if (handlingAction) {\n    <div class=\"display-dialog-handling-action\">\n      <mat-spinner [diameter]=\"72\"></mat-spinner>\n    </div>\n  }\n}\n\n<ng-template #displayDialogContent let-state>\n  @switch (state.kind) {\n    @case ('tabs') {\n      @if (state.tabs?.length) {\n        <mat-tab-group class=\"display-dialog-root-tabs\" mat-stretch-tabs=\"false\">\n          @for (tab of state.tabs; track tab.label) {\n            <mat-tab>\n              <ng-template mat-tab-label>\n                @if (tab.svgIcon) {\n                  <mat-icon class=\"display-dialog-root-tab-icon\" [svgIcon]=\"tab.svgIcon\"></mat-icon>\n                } @else if (tab.icon) {\n                  <mat-icon class=\"display-dialog-root-tab-icon\">{{ tab.icon }}</mat-icon>\n                }\n                <span [innerHTML]=\"tab.label\"></span>\n                @if (tab.badge !== undefined && tab.badge !== null) {\n                  <span class=\"display-dialog-root-tab-badge\">{{ tab.badge }}</span>\n                }\n              </ng-template>\n\n              <ng-container\n                *ngTemplateOutlet=\"displayDialogContent; context: { $implicit: tab.renderState }\"></ng-container>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      }\n    }\n\n    @case ('sections') {\n      @if (state.sectionsOptions) {\n        <app-section-tabs-display\n          class=\"display-dialog-section-tabs-display\"\n          [menuHeader]=\"state.sectionsMenuHeader\"\n          [options]=\"state.sectionsOptions\">\n        </app-section-tabs-display>\n      }\n    }\n\n    @case ('component') {\n      <div class=\"display-dialog-component-page\" [class.overflow]=\"state.componentOverflow\">\n        @if (state.component) {\n          <ng-container *ngComponentOutlet=\"state.component; inputs: state.componentInputs\"></ng-container>\n        }\n      </div>\n    }\n\n    @case ('section') {\n      @if (state.singleSectionOptions) {\n        <app-section-tabs-display\n          class=\"display-dialog-section-tabs-display display-dialog-single-section-display\"\n          [options]=\"state.singleSectionOptions\">\n        </app-section-tabs-display>\n      }\n    }\n\n    @default {\n      <div class=\"display-dialog-empty-state\">\n        <mat-icon>info</mat-icon>\n        <span>{{ intl.messages.emptyContentLabel }}</span>\n      </div>\n    }\n  }\n</ng-template>\n\n<ng-template #actionTemplate let-action=\"action\">\n  @if (action.component) {\n    <ng-container *ngComponentOutlet=\"action.component; inputs: action.componentInputs\"></ng-container>\n  } @else if (action.buttonType === 'raised') {\n    <button\n      class=\"display-dialog-action-btn\"\n      mat-raised-button\n      type=\"button\"\n      [style.--action-color]=\"action.contrastColor\"\n      [style.--action-background-color]=\"action.color\"\n      [disabled]=\"handlingAction || action.isDisabled\"\n      [matTooltip]=\"action.tooltip || ''\"\n      (click)=\"handleAction(action)\">\n      @if (action.icon) {\n        <mat-icon>{{ action.icon }}</mat-icon>\n      }\n      @if (action.label) {\n        <span>{{ action.label }}</span>\n      }\n    </button>\n  } @else {\n    <button\n      class=\"display-dialog-action-btn\"\n      mat-button\n      type=\"button\"\n      [style.--action-color]=\"action.color\"\n      [disabled]=\"handlingAction || action.isDisabled\"\n      [matTooltip]=\"action.tooltip || ''\"\n      (click)=\"handleAction(action)\">\n      @if (action.icon) {\n        <mat-icon>{{ action.icon }}</mat-icon>\n      }\n      @if (action.label) {\n        <span>{{ action.label }}</span>\n      }\n    </button>\n  }\n</ng-template>\n","/** @format */\n\nimport { Injectable, inject, DOCUMENT } from '@angular/core';\nimport { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';\nimport { DisplayDialog } from './display-dialog.component';\nimport { DisplayDialogData } from './display-dialog.types';\n\nexport interface DisplayDialogNestedOptions {\n  inset?: number;\n  minWidth?: number;\n  minHeight?: number;\n  viewportMargin?: number;\n}\n\nexport type DisplayDialogOpenConfig<TRecord extends object> = MatDialogConfig<DisplayDialogData<TRecord>> & {\n  nested?: DisplayDialogNestedOptions | null;\n};\n\nexport const DEFAULT_NESTED_OPTIONS: Required<DisplayDialogNestedOptions> = {\n  inset: 64,\n  minWidth: 640,\n  minHeight: 480,\n  viewportMargin: 16,\n};\n\n@Injectable({ providedIn: 'root' })\nexport class DisplayDialogService {\n  private readonly document = inject(DOCUMENT);\n  private readonly matDialog: MatDialog = inject(MatDialog);\n\n  open<TRecord extends object>(\n    data: DisplayDialogData<TRecord>,\n    config: DisplayDialogOpenConfig<TRecord> = {},\n  ): MatDialogRef<DisplayDialog<TRecord>, unknown> {\n    const { nested, ...dialogOverrides } = config;\n    const nestedDialogConfig = nested === null ? {} : this.buildNestedDialogConfig(nested);\n    const dialogConfig: MatDialogConfig<DisplayDialogData<TRecord>> = {\n      width: '90vw',\n      height: '90vh',\n      maxWidth: '90vw',\n      maxHeight: '90vh',\n      autoFocus: false,\n      restoreFocus: false,\n      panelClass: 'display-dialog-panel',\n      ...nestedDialogConfig,\n      ...dialogOverrides,\n      data,\n    };\n    const dialogRef = this.matDialog.open<DisplayDialog<TRecord>, DisplayDialogData<TRecord>, unknown>(\n      DisplayDialog,\n      dialogConfig,\n    );\n\n    return dialogRef;\n  }\n\n  private buildNestedDialogConfig(\n    options?: DisplayDialogNestedOptions,\n  ): Pick<MatDialogConfig<unknown>, 'width' | 'height' | 'maxWidth' | 'maxHeight'> {\n    const parentSurface = this.findParentDialogSurface();\n    if (!parentSurface) return {};\n\n    const resolvedOptions: Required<DisplayDialogNestedOptions> = {\n      ...DEFAULT_NESTED_OPTIONS,\n      ...options,\n    };\n\n    const inset = Math.max(0, resolvedOptions.inset);\n    const viewportMargin = Math.max(0, resolvedOptions.viewportMargin);\n    const viewportWidth = this.document.documentElement.clientWidth;\n    const viewportHeight = this.document.documentElement.clientHeight;\n    const availableWidth = Math.max(0, viewportWidth - viewportMargin * 2);\n    const availableHeight = Math.max(0, viewportHeight - viewportMargin * 2);\n\n    if (availableWidth === 0 || availableHeight === 0) return {};\n\n    const parentRect = parentSurface.getBoundingClientRect();\n    const minWidth = Math.min(Math.max(0, resolvedOptions.minWidth), availableWidth);\n    const minHeight = Math.min(Math.max(0, resolvedOptions.minHeight), availableHeight);\n    const width = Math.max(minWidth, Math.min(parentRect.width - inset, availableWidth));\n    const height = Math.max(minHeight, Math.min(parentRect.height - inset, availableHeight));\n\n    return {\n      width: `${Math.round(width)}px`,\n      height: `${Math.round(height)}px`,\n      maxWidth: `${Math.round(availableWidth)}px`,\n      maxHeight: `${Math.round(availableHeight)}px`,\n    };\n  }\n\n  private findParentDialogSurface(): HTMLElement | null {\n    const activeElement = this.document.activeElement;\n\n    if (activeElement instanceof HTMLElement) {\n      const activeSurface = activeElement.closest<HTMLElement>('.mat-mdc-dialog-surface');\n      if (activeSurface) return activeSurface;\n    }\n\n    const visibleSurfaces = Array.from(this.document.querySelectorAll<HTMLElement>('.mat-mdc-dialog-surface')).filter(\n      surface => surface.getClientRects().length > 0,\n    );\n\n    return visibleSurfaces[visibleSurfaces.length - 1] ?? null;\n  }\n}\n","/** @format */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SectionTabsModule } from '@eherve/angular-material-section-tabs';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { DisplayDialog } from './display-dialog.component';\n\n@NgModule({\n  declarations: [DisplayDialog],\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatDialogModule,\n    MatIconModule,\n    MatTabsModule,\n    MatTooltipModule,\n    SectionTabsModule,\n    MatProgressSpinnerModule,\n  ],\n  exports: [DisplayDialog],\n})\nexport class DisplayDialogModule {}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,43 @@
 {
   "name": "@eherve/angular-material-display-dialog",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "22.0.0",
+  "author": "Eric Herve <eric.herve.95@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/eherve/angular-material-extended.git"
+  },
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/animations": "^22.0.0",
+    "@angular/cdk": "^22.0.0",
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/material": "^22.0.0",
+    "rxjs": "^7.8.0",
+    "@eherve/angular-material-section-tabs": "^22.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": [
+    "./styles.css"
+  ],
+  "exports": {
+    "./styles.css": {
+      "default": "./styles.css"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/eherve-angular-material-display-dialog.d.ts",
+      "default": "./fesm2022/eherve-angular-material-display-dialog.mjs"
+    }
+  },
+  "module": "fesm2022/eherve-angular-material-display-dialog.mjs",
+  "typings": "types/eherve-angular-material-display-dialog.d.ts",
+  "type": "module"
 }

package/styles.css

@@ -0,0 +1 @@
+.display-dialog-panel .mat-mdc-dialog-surface { display: flex; flex-direction: column; overflow: hidden; }

package/types/eherve-angular-material-display-dialog.d.ts

@@ -0,0 +1,347 @@
+import * as i0 from "@angular/core";
+import { EventEmitter, InjectionToken, OnChanges, OnDestroy, OnInit, SimpleChanges, Type } from "@angular/core";
+import { Observable, Subject } from "rxjs";
+import * as i8 from "@eherve/angular-material-section-tabs";
+import { SectionTabsDisplayCard, SectionTabsDisplayCardAction, SectionTabsDisplayOptions, SectionTabsDisplaySection } from "@eherve/angular-material-section-tabs";
+import * as i4 from "@angular/material/dialog";
+import { MatDialogConfig, MatDialogRef } from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/tabs";
+import * as i7 from "@angular/material/tooltip";
+import * as i9 from "@angular/material/progress-spinner";
+type ComponentInputs$1 = Record<string, unknown>;
+export type DisplayDialogRecord = {
+  _id?: string;
+};
+export type DisplayDialogRecordLoader<TRecord extends object> = () => Promise<TRecord> | Observable<TRecord>;
+export interface DisplayDialogComponentContext<TRecord extends object> {
+  record: TRecord;
+  data: DisplayDialogData<TRecord>;
+  displayOptions: DisplayDialogComponentOptions<TRecord>;
+}
+export type DisplayDialogComponentInput<TRecord extends object> = ComponentInputs$1 | ((context: DisplayDialogComponentContext<TRecord>) => ComponentInputs$1);
+export interface DisplayDialogCardMenuOption<TRecord extends object = DisplayDialogRecord> {
+  id: string;
+  label: string;
+  icon?: string;
+  tooltip?: string;
+  ariaLabel?: string;
+  visible?: DisplayDialogCardActionState<TRecord>;
+  disabled?: DisplayDialogCardActionState<TRecord>;
+}
+export interface DisplayDialogCardActionContext<TRecord extends object = DisplayDialogRecord> {
+  record: TRecord;
+  data: DisplayDialogData<TRecord>;
+  section: DisplayDialogSection<TRecord>;
+  card: DisplayDialogSectionCard<TRecord>;
+  action: DisplayDialogCardAction<TRecord>;
+  option?: DisplayDialogCardMenuOption<TRecord>;
+  close: (result?: unknown) => void;
+  setRecord: (record: TRecord) => void;
+}
+export type DisplayDialogCardActionState<TRecord extends object = DisplayDialogRecord> = boolean | ((context: DisplayDialogCardActionContext<TRecord>) => boolean);
+export interface DisplayDialogCardActionBase<TRecord extends object = DisplayDialogRecord> {
+  id?: string;
+  type: 'icon' | 'button';
+  icon?: string;
+  label?: string;
+  tooltip?: string;
+  ariaLabel?: string;
+  color?: string;
+  visible?: DisplayDialogCardActionState<TRecord>;
+  disabled?: DisplayDialogCardActionState<TRecord>;
+  closeOnHandle?: boolean;
+  confirm?: string | DisplayDialogConfirmOptions;
+  menuOptions?: DisplayDialogCardMenuOption<TRecord>[];
+  handler?: (context: DisplayDialogCardActionContext<TRecord>) => unknown | Promise<unknown>;
+  menuHandler?: (optionId: string, context: DisplayDialogCardActionContext<TRecord>) => unknown | Promise<unknown>;
+}
+export type DisplayDialogCardAction<TRecord extends object = DisplayDialogRecord> = (DisplayDialogCardActionBase<TRecord> & {
+  type: 'icon';
+  icon: string;
+}) | (DisplayDialogCardActionBase<TRecord> & {
+  type: 'button';
+  label: string;
+});
+export type DisplayDialogSectionCard<TRecord extends object = DisplayDialogRecord> = Omit<SectionTabsDisplayCard, 'actions'> & {
+  actions?: Array<SectionTabsDisplayCardAction | DisplayDialogCardAction<TRecord>>;
+};
+export type DisplayDialogSection<TRecord extends object = DisplayDialogRecord> = Omit<SectionTabsDisplaySection, 'cards'> & {
+  cards: DisplayDialogSectionCard<TRecord>[];
+};
+export type DisplayDialogSectionsOptions<TRecord extends object = DisplayDialogRecord> = Omit<SectionTabsDisplayOptions, 'data' | 'sections'> & {
+  sections: DisplayDialogSection<TRecord>[];
+  menuHeader?: string;
+};
+export interface DisplayDialogComponentOptions<TRecord extends object = DisplayDialogRecord> {
+  component: Type<unknown>;
+  input?: DisplayDialogComponentInput<TRecord>;
+  overflow?: boolean;
+}
+export interface DisplayDialogSingleSectionOptions<TRecord extends object = DisplayDialogRecord> {
+  section: DisplayDialogSection<TRecord>;
+  showEmptyFields?: boolean;
+  showEmptyFieldsToggle?: boolean;
+  showEmptyFieldsLabel?: string;
+}
+export type DisplayDialogTabDisplayOptions<TRecord extends object = DisplayDialogRecord> = DisplayDialogSectionsOptions<TRecord> | DisplayDialogComponentOptions<TRecord> | DisplayDialogSingleSectionOptions<TRecord>;
+export interface DisplayDialogTabOptions<TRecord extends object = DisplayDialogRecord> {
+  label: string;
+  icon?: string;
+  svgIcon?: string;
+  badge?: number;
+  displayOptions: DisplayDialogTabDisplayOptions<TRecord>;
+}
+export interface DisplayDialogTabsOptions<TRecord extends object = DisplayDialogRecord> {
+  tabs: DisplayDialogTabOptions<TRecord>[];
+}
+export type DisplayDialogOptions<TRecord extends object = DisplayDialogRecord> = DisplayDialogTabDisplayOptions<TRecord> | DisplayDialogTabsOptions<TRecord>;
+export interface DisplayDialogOptionsContext<TRecord extends object = DisplayDialogRecord> {
+  record: TRecord;
+  data: DisplayDialogData<TRecord>;
+}
+export type DisplayDialogOptionsFactory<TRecord extends object = DisplayDialogRecord> = (context: DisplayDialogOptionsContext<TRecord>) => DisplayDialogOptions<TRecord>;
+export type DisplayDialogOptionsSource<TRecord extends object = DisplayDialogRecord> = DisplayDialogOptions<TRecord> | DisplayDialogOptionsFactory<TRecord>;
+export type DisplayDialogTitle<TRecord extends object> = string | ((record: TRecord) => string);
+export type DisplayDialogActionPosition = 'bottom' | 'bottom-end' | 'top';
+export interface DisplayDialogConfirmOptions {
+  title?: string;
+  message: string;
+  ok?: string;
+  cancel?: string;
+}
+export interface DisplayDialogActionContext<TRecord extends object = DisplayDialogRecord> {
+  record: TRecord;
+  data: DisplayDialogData<TRecord>;
+  action: DisplayDialogActionButton<TRecord>;
+  close: (result?: unknown) => void;
+  setRecord: (record: TRecord) => void;
+}
+export type DisplayDialogActionState<TRecord extends object = DisplayDialogRecord> = boolean | ((context: DisplayDialogActionContext<TRecord>) => boolean);
+export interface DisplayDialogActionButton<TRecord extends object = DisplayDialogRecord> {
+  label?: string;
+  icon?: string;
+  position?: DisplayDialogActionPosition;
+  buttonType?: 'text' | 'raised';
+  color?: string;
+  contrastColor?: string;
+  tooltip?: string;
+  visible?: DisplayDialogActionState<TRecord>;
+  disabled?: DisplayDialogActionState<TRecord>;
+  closeOnHandle?: boolean;
+  confirm?: string | DisplayDialogConfirmOptions;
+  handle: (context: DisplayDialogActionContext<TRecord>) => unknown | Promise<unknown>;
+}
+export interface DisplayDialogRuntimeActionButton<TRecord extends object = DisplayDialogRecord> extends DisplayDialogActionButton<TRecord> {
+  isVisible: boolean;
+  isDisabled: boolean;
+}
+export interface DisplayDialogDataCommon<TRecord extends object> {
+  title?: DisplayDialogTitle<TRecord>;
+  subtitle?: DisplayDialogTitle<TRecord>;
+  loadingLabel?: string;
+  errorLabel?: string;
+  emptyLabel?: string;
+  closeLabel?: string;
+  showCloseButton?: boolean;
+  showJsonDataButton?: boolean;
+  actions?: DisplayDialogAction<TRecord>[];
+  connect?: () => DisplayDialogConnection<TRecord>;
+  displayOptions: DisplayDialogOptionsSource<TRecord>;
+}
+export type DisplayDialogDataWithRecord<TRecord extends object> = DisplayDialogDataCommon<TRecord> & {
+  record: TRecord;
+  loadRecord?: never;
+};
+export type DisplayDialogDataWithLoader<TRecord extends object> = DisplayDialogDataCommon<TRecord> & {
+  record?: never;
+  loadRecord: DisplayDialogRecordLoader<TRecord>;
+};
+export type DisplayDialogData<TRecord extends object = DisplayDialogRecord> = DisplayDialogDataWithRecord<TRecord> | DisplayDialogDataWithLoader<TRecord>;
+export interface DisplayDialogConnection<TRecord extends object> {
+  actions?: readonly DisplayDialogAction<TRecord>[];
+  recordChanged?(record: TRecord): void;
+  destroy?(): void;
+}
+export interface DisplayDialogActionComponent<TRecord extends object = DisplayDialogRecord> {
+  component: Type<unknown>;
+  position?: DisplayDialogActionPosition;
+  input?: Record<string, unknown> | ((context: {
+    record: TRecord;
+    data: DisplayDialogData<TRecord>;
+  }) => Record<string, unknown>);
+}
+export type DisplayDialogAction<TRecord extends object = DisplayDialogRecord> = DisplayDialogActionButton<TRecord> | DisplayDialogActionComponent<TRecord>;
+export interface DisplayDialogMessages {
+  loadingLabel: string;
+  closeLabel: string;
+  emptyLabel: string;
+  errorLabel: string;
+  actionErrorLabel: string;
+  jsonTitle: string;
+  jsonButtonLabel: string;
+  recordLabel: string;
+  confirmTitle: string;
+  confirmOk: string;
+  confirmCancel: string;
+  emptyContentLabel: string;
+}
+export declare class DisplayDialogIntl {
+  readonly changes: Subject<void>;
+  messages: DisplayDialogMessages;
+  static ɵfac: i0.ɵɵFactoryDeclaration<DisplayDialogIntl, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+declare namespace display_dialog_component_d_exports {
+  export { DisplayDialog };
+}
+type ComponentInputs = Record<string, unknown>;
+type DisplayDialogRuntimeAction<TRecord extends object> = DisplayDialogRuntimeActionButton<TRecord> | (DisplayDialogActionComponent<TRecord> & {
+  componentInputs: ComponentInputs;
+  isVisible: boolean;
+});
+type DisplayDialogRenderKind = 'tabs' | 'sections' | 'component' | 'section' | 'empty';
+interface DisplayDialogTabRenderState<TRecord extends object> {
+  label: string;
+  icon?: string;
+  svgIcon?: string;
+  badge?: number;
+  renderState: DisplayDialogRenderState<TRecord>;
+}
+interface DisplayDialogRenderState<TRecord extends object> {
+  kind: DisplayDialogRenderKind;
+  tabs?: DisplayDialogTabRenderState<TRecord>[];
+  sectionsOptions?: SectionTabsDisplayOptions;
+  sectionsMenuHeader?: string;
+  component?: Type<unknown>;
+  componentInputs?: ComponentInputs;
+  componentOverflow?: boolean;
+  singleSectionOptions?: SectionTabsDisplayOptions;
+}
+export declare class DisplayDialog<TRecord extends object> implements OnInit, OnChanges, OnDestroy {
+  private readonly dialogData;
+  private readonly dialogRef;
+  readonly intl: DisplayDialogIntl;
+  data?: DisplayDialogData<TRecord>;
+  loading: boolean;
+  loadingLabel: string;
+  errorLabel: string;
+  title: string;
+  subtitle: string;
+  closeLabel: string;
+  showCloseButton: boolean;
+  handlingAction: boolean;
+  actions: DisplayDialogRuntimeAction<TRecord>[];
+  actionErrorLabel: string;
+  renderState: DisplayDialogRenderState<TRecord>;
+  readonly recordChange: EventEmitter<TRecord>;
+  readonly isDialog: boolean;
+  private readonly changeDetectorRef;
+  private readonly elementRef;
+  private readonly componentInputNamesByType;
+  private initializeVersion;
+  private destroyed;
+  private recordErrorKind?;
+  private actionFailed;
+  private connection?;
+  private readonly cancelLoad;
+  private dialogDataResolved?;
+  private record?;
+  private readonly host;
+  private readonly errorHandler;
+  private readonly intlSubscription;
+  constructor(dialogData: DisplayDialogData<TRecord> | null, dialogRef: MatDialogRef<DisplayDialog<TRecord>> | null);
+  ngOnInit(): void;
+  ngOnChanges(changes: SimpleChanges): void;
+  ngOnDestroy(): void;
+  openJsonDataDialog(): void;
+  close(result?: unknown): void;
+  getActions(position: DisplayDialogActionPosition): DisplayDialogRuntimeAction<TRecord>[];
+  trackAction(index: number, action: DisplayDialogRuntimeAction<TRecord>): string | number;
+  handleAction(action: DisplayDialogRuntimeActionButton<TRecord>): Promise<void>;
+  private runAction;
+  private resolveJsonDialogTitle;
+  private initialize;
+  private resolveRecord;
+  private buildRenderState;
+  private resolveDisplayOptions;
+  private buildOptionsRenderState;
+  private buildTabRenderState;
+  private isTabsOptions;
+  private isSectionsOptions;
+  private isComponentOptions;
+  private isSingleSectionOptions;
+  private buildSectionsOptions;
+  private buildSingleSectionOptions;
+  private buildRuntimeSections;
+  private buildRuntimeCard;
+  private buildRuntimeCardActions;
+  private isSectionTabsDisplayCardAction;
+  private buildRuntimeCardMenuOptions;
+  private buildComponentInputs;
+  private pickDeclaredComponentInputs;
+  private getDeclaredComponentInputNames;
+  private resolveText;
+  private refreshDisplayState;
+  private refreshActions;
+  private resolveActionState;
+  private buildActionContext;
+  private handleCardAction;
+  private handleCardMenuOption;
+  private resolveCardActionState;
+  private buildCardActionContext;
+  private notifyRecord;
+  private releaseConnection;
+  private reportError;
+  private setRecord;
+  private confirmAction;
+  private confirm;
+  private refreshIntlLabels;
+  private finishWithoutRecord;
+  static ɵfac: i0.ɵɵFactoryDeclaration<DisplayDialog<any>, [{
+    optional: true;
+  }, {
+    optional: true;
+  }]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<DisplayDialog<any>, "app-display-dialog", never, {
+    "data": {
+      "alias": "data";
+      "required": false;
+    };
+  }, {}, never, never, false, never>;
+}
+export interface DisplayDialogNestedOptions {
+  inset?: number;
+  minWidth?: number;
+  minHeight?: number;
+  viewportMargin?: number;
+}
+export type DisplayDialogOpenConfig<TRecord extends object> = MatDialogConfig<DisplayDialogData<TRecord>> & {
+  nested?: DisplayDialogNestedOptions | null;
+};
+export declare const DEFAULT_NESTED_OPTIONS: Required<DisplayDialogNestedOptions>;
+export declare class DisplayDialogService {
+  private readonly document;
+  private readonly matDialog;
+  open<TRecord extends object>(data: DisplayDialogData<TRecord>, config?: DisplayDialogOpenConfig<TRecord>): MatDialogRef<DisplayDialog<TRecord>, unknown>;
+  private buildNestedDialogConfig;
+  private findParentDialogSurface;
+  static ɵfac: i0.ɵɵFactoryDeclaration<DisplayDialogService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+export declare class DisplayDialogModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<DisplayDialogModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<DisplayDialogModule, [typeof DisplayDialog], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatDialogModule, typeof i5.MatIconModule, typeof i6.MatTabsModule, typeof i7.MatTooltipModule, typeof i8.SectionTabsModule, typeof i9.MatProgressSpinnerModule], [typeof DisplayDialog]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<DisplayDialogModule>;
+}
+export interface DisplayDialogJsonSource {
+  label: string;
+  value: unknown;
+}
+export interface DisplayDialogHost {
+  confirm(options: DisplayDialogConfirmOptions): Promise<boolean>;
+  showJson(title: string, sources: readonly DisplayDialogJsonSource[]): void;
+}
+export declare const DISPLAY_DIALOG_HOST: InjectionToken<DisplayDialogHost>;