Dialog: add provideBrnDialogConfig to override input values

[marcjulian]

Which scope/s are relevant/related to the feature request?

dialog

Information

I am implementing an AutocompleteTriggerDirective and the inputs could be set in the constructor before #599.

@Directive({
  selector: '[psAutocompleteTrigger]',
  standalone: true,
  host: {
    '(click)': 'open()',
  },
})
export class AutocompleteTriggerDirective {
  private readonly _host = inject(ElementRef, { host: true });

  private _brnDialog = inject(BrnDialogComponent, { optional: true });

  public readonly disabled = input<boolean, BooleanInput>(false, {
    transform: booleanAttribute,
  });

  constructor() {
    if (!this._brnDialog) return;

    this._brnDialog.attachTo = this._host.nativeElement;
    // otherwise the input field will loose focus
    this._brnDialog.autoFocus = 'first-heading';
    this._brnDialog.closeOnOutsidePointerEvents = true;
  }

  open() {
    if (this.disabled()) return;

    this._brnDialog?.open();
  }
}

Some inputs have a mutable signal like attachTo and closeOnOutsidePointerEvents, but autoFocus is just an signal input. I can update the inputs to use the new mutable... signal states, but autoFocus is not included.

- this._brnDialog.attachTo = this._host.nativeElement;
+ this._brnDialog.mutableAttachTo().set(this._host.nativeElement);
- this._brnDialog.autoFocus = 'first-heading'; // no option to change the input
- this._brnDialog.closeOnOutsidePointerEvents = true;
+ this._brnDialog.mutableCloseOnOutsidePointerEvents().set(true);

A provideBrnDialogConfig would allow to update config values like closeOnOutsidePointerEvents, autoFocus and more programmatically.

Describe any alternatives/workarounds you're currently using

No response

I would be willing to submit a PR to fix this issue

• Yes
• No

[marcjulian]

There is already https://github.com/spartan-ng/spartan/blob/main/libs/brain/dialog/src/lib/brn-dialog-token.ts so we can add more options to the config