@spartan-ng/brain 0.0.1-alpha.405 → 0.0.1-alpha.406

package/fesm2022/spartan-ng-brain-dialog.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Directive, Input, RendererFactory2, Injector, signal, computed, runInInjectionContext, effect, Injectable, ViewContainerRef, EventEmitter, booleanAttribute, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Output, TemplateRef, input, NgModule } from '@angular/core';
+import { inject, input, Directive, InjectionToken, RendererFactory2, Injector, signal, computed, runInInjectionContext, effect, Injectable, ViewContainerRef, output, booleanAttribute, untracked, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, TemplateRef, NgModule } from '@angular/core';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
 import { Subject } from 'rxjs';
 import { take, takeUntil, filter } from 'rxjs/operators';
@@ -72,15 +72,12 @@ class BrnDialogRef {
 
 class BrnDialogCloseDirective {
     _brnDialogRef = inject(BrnDialogRef);
-    _delay;
-    set delay(value) {
-        this._delay = coerceNumberProperty(value);
-    }
+    delay = input(undefined, { transform: coerceNumberProperty });
     close() {
-        this._brnDialogRef.close(undefined, this._delay);
+        this._brnDialogRef.close(undefined, this.delay());
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: BrnDialogCloseDirective, isStandalone: true, selector: "button[brnDialogClose]", inputs: { delay: "delay" }, host: { listeners: { "click": "close()" } }, ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.5", type: BrnDialogCloseDirective, isStandalone: true, selector: "button[brnDialogClose]", inputs: { delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "close()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogCloseDirective, decorators: [{
             type: Directive,
@@ -91,9 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                         '(click)': 'close()',
                     },
                 }]
-        }], propDecorators: { delay: [{
-                type: Input
-            }] } });
+        }] });
 
 const DEFAULT_BRN_DIALOG_OPTIONS = {
     role: 'dialog',
@@ -114,6 +109,20 @@ const DEFAULT_BRN_DIALOG_OPTIONS = {
     ariaModal: true,
 };
 
+const defaultOptions = {
+    closeDelay: 0,
+};
+const BRN_DIALOG_DEFAULT_OPTIONS = new InjectionToken('brn-dialog-default-options', {
+    providedIn: 'root',
+    factory: () => defaultOptions,
+});
+function provideBrnDialogDefaultOptions(options) {
+    return { provide: BRN_DIALOG_DEFAULT_OPTIONS, useValue: { ...defaultOptions, ...options } };
+}
+function injectBrnDialogDefaultOptions() {
+    return inject(BRN_DIALOG_DEFAULT_OPTIONS, { optional: true }) ?? defaultOptions;
+}
+
 let dialogSequence = 0;
 /** @deprecated `injectBrnDialogCtx` will no longer be supported once components are stable. Use `injectBrnDialogContext` instead.  */
 const injectBrnDialogCtx = () => {
@@ -240,91 +249,120 @@ class BrnDialogComponent {
     positionBuilder = inject(OverlayPositionBuilder);
     ssos = inject(ScrollStrategyOptions);
     _injector = inject(Injector);
+    _defaultOptions = injectBrnDialogDefaultOptions();
     _context = {};
-    _options = {
-        ...DEFAULT_BRN_DIALOG_OPTIONS,
-    };
+    stateComputed = computed(() => this._dialogRef()?.state() ?? 'closed');
     _contentTemplate;
     _dialogRef = signal(undefined);
     _dialogStateEffectRef;
-    state = computed(() => this._dialogRef()?.state() ?? 'closed');
-    closed = new EventEmitter();
-    stateChanged = new EventEmitter();
-    // eslint-disable-next-line @angular-eslint/no-input-rename
-    set newState(state) {
-        if (state === 'open') {
-            this.open();
-        }
-        if (state === 'closed') {
-            this.close(this._options.closeDelay);
-        }
-    }
-    set role(role) {
-        this._options.role = role;
-    }
-    set hasBackdrop(hasBackdrop) {
-        this._options.hasBackdrop = hasBackdrop;
-    }
-    set positionStrategy(positionStrategy) {
-        this._options.positionStrategy = positionStrategy;
-    }
-    set scrollStrategy(scrollStrategy) {
-        if (scrollStrategy === 'close') {
-            this._options.scrollStrategy = this.ssos.close();
+    _backdropClass = signal(null);
+    _panelClass = signal(null);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    closed = output();
+    stateChanged = output();
+    state = input(null);
+    role = input('dialog');
+    mutableRole = computed(() => signal(this.role()));
+    _roleState = computed(() => this.mutableRole()());
+    hasBackdrop = input(true, { transform: booleanAttribute });
+    _mutableHasBackdrop = computed(() => signal(this.hasBackdrop()));
+    _hasBackdropState = computed(() => this._mutableHasBackdrop()());
+    positionStrategy = input();
+    mutablePositionStrategy = computed(() => signal(this.positionStrategy()));
+    _positionStrategyState = computed(() => this.mutablePositionStrategy()());
+    scrollStrategy = input(null);
+    mutableScrollStrategy = computed(() => signal(this.scrollStrategy()));
+    _scrollStrategyState = computed(() => this.mutableScrollStrategy()());
+    _options = computed(() => {
+        const scrollStrategyInput = this._scrollStrategyState();
+        let scrollStrategy;
+        if (scrollStrategyInput === 'close') {
+            scrollStrategy = this.ssos.close();
         }
-        else if (scrollStrategy === 'reposition') {
-            this._options.scrollStrategy = this.ssos.reposition();
+        else if (scrollStrategyInput === 'reposition') {
+            scrollStrategy = this.ssos.reposition();
         }
         else {
-            this._options.scrollStrategy = scrollStrategy;
+            scrollStrategy = scrollStrategyInput;
         }
+        return {
+            ...DEFAULT_BRN_DIALOG_OPTIONS,
+            role: this._roleState(),
+            hasBackdrop: this._hasBackdropState(),
+            positionStrategy: this._positionStrategyState(),
+            scrollStrategy,
+            restoreFocus: this.restoreFocus(),
+            closeOnOutsidePointerEvents: this._closeOnOutsidePointerEventsState(),
+            closeOnBackdropClick: this._closeOnBackdropClickState(),
+            attachTo: this._attachToState(),
+            attachPositions: this._attachPositionsState(),
+            autoFocus: this.autoFocus(),
+            closeDelay: 100,
+            disableClose: this.disableClose(),
+            backdropClass: this._backdropClass() ?? '',
+            panelClass: this._panelClass() ?? '',
+            ariaDescribedBy: this._ariaDescribedByState(),
+            ariaLabelledBy: this._ariaLabelledByState(),
+            ariaLabel: this._ariaLabelState(),
+            ariaModal: this._ariaModalState(),
+        };
+    });
+    constructor() {
+        effect(() => {
+            const state = this.state();
+            if (state === 'open') {
+                untracked(() => this.open());
+            }
+            if (state === 'closed') {
+                untracked(() => this.close(this._options().closeDelay));
+            }
+        });
     }
-    set restoreFocus(restoreFocus) {
-        this._options.restoreFocus = restoreFocus;
-    }
-    set closeOnOutsidePointerEvents(closeOnOutsidePointerEvents) {
-        this._options.closeOnOutsidePointerEvents = closeOnOutsidePointerEvents;
-    }
-    set closeOnBackdropClick(closeOnBackdropClick) {
-        this._options.closeOnBackdropClick = closeOnBackdropClick;
-    }
-    set attachTo(attachTo) {
-        this._options.attachTo = attachTo;
-    }
-    set attachPositions(attachPositions) {
-        this._options.attachPositions = attachPositions;
-    }
-    set autoFocus(autoFocus) {
-        this._options.autoFocus = autoFocus;
-    }
-    set closeDelay(closeDelay) {
-        this._options.closeDelay = closeDelay;
-    }
-    set disableClose(disableClose) {
-        this._options.disableClose = disableClose;
-    }
-    /* eslint-disable-next-line @angular-eslint/no-input-rename */
-    set ariaDescribedBy(ariaDescribedBy) {
-        this.setAriaDescribedBy(ariaDescribedBy);
-    }
-    /* eslint-disable-next-line @angular-eslint/no-input-rename */
-    set ariaLabelledBy(ariaLabelledBy) {
-        this.setAriaLabelledBy(ariaLabelledBy);
-    }
-    set ariaLabel(ariaLabel) {
-        this.setAriaLabel(ariaLabel);
-    }
-    set ariaModal(isModal) {
-        this.setAriaModal(isModal);
-    }
+    restoreFocus = input(true);
+    closeOnOutsidePointerEvents = input(false, {
+        transform: booleanAttribute,
+    });
+    mutableCloseOnOutsidePointerEvents = computed(() => signal(this.closeOnOutsidePointerEvents()));
+    _closeOnOutsidePointerEventsState = computed(() => this.mutableCloseOnOutsidePointerEvents()());
+    closeOnBackdropClick = input(DEFAULT_BRN_DIALOG_OPTIONS.closeOnBackdropClick, {
+        transform: booleanAttribute,
+    });
+    mutableCloseOnBackdropClick = computed(() => signal(this.closeOnBackdropClick()));
+    _closeOnBackdropClickState = computed(() => this.mutableCloseOnBackdropClick()());
+    attachTo = input(null);
+    mutableAttachTo = computed(() => signal(this.attachTo()));
+    _attachToState = computed(() => this.mutableAttachTo()());
+    attachPositions = input([]);
+    mutableAttachPositions = computed(() => signal(this.attachPositions()));
+    _attachPositionsState = computed(() => this.mutableAttachPositions()());
+    autoFocus = input('first-tabbable');
+    closeDelay = input(100, { alias: 'closeDelay', transform: numberAttribute });
+    disableClose = input(false, { transform: booleanAttribute });
+    ariaDescribedBy = input(null, {
+        alias: 'aria-describedby',
+    });
+    _mutableAriaDescribedBy = computed(() => signal(this.ariaDescribedBy()));
+    _ariaDescribedByState = computed(() => this._mutableAriaDescribedBy()());
+    ariaLabelledBy = input(null, { alias: 'aria-labelledby' });
+    _mutableAriaLabelledBy = computed(() => signal(this.ariaLabelledBy()));
+    _ariaLabelledByState = computed(() => this._mutableAriaLabelledBy()());
+    ariaLabel = input(null, { alias: 'aria-label' });
+    _mutableAriaLabel = computed(() => signal(this.ariaLabel()));
+    _ariaLabelState = computed(() => this._mutableAriaLabel()());
+    ariaModal = input(true, { alias: 'aria-modal', transform: booleanAttribute });
+    _mutableAriaModal = computed(() => signal(this.ariaModal()));
+    _ariaModalState = computed(() => this._mutableAriaModal()());
     open() {
         if (!this._contentTemplate || this._dialogRef())
             return;
         this._dialogStateEffectRef?.destroy();
-        const dialogRef = this._dialogService.open(this._contentTemplate, this._vcr, this._context, this._options);
+        const dialogRef = this._dialogService.open(this._contentTemplate, this._vcr, this._context, this._options());
         this._dialogRef.set(dialogRef);
         runInInjectionContext(this._injector, () => {
-            this._dialogStateEffectRef = effect(() => this.stateChanged.emit(dialogRef.state()));
+            this._dialogStateEffectRef = effect(() => {
+                const state = dialogRef.state();
+                untracked(() => this.stateChanged.emit(state));
+            });
         });
         dialogRef.closed$.pipe(take(1)).subscribe((result) => {
             this._dialogRef.set(undefined);
@@ -333,17 +371,17 @@ class BrnDialogComponent {
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     close(result, delay) {
-        this._dialogRef()?.close(result, delay ?? this._options.closeDelay);
+        this._dialogRef()?.close(result, delay ?? this._options().closeDelay);
     }
     registerTemplate(template) {
         this._contentTemplate = template;
     }
     setOverlayClass(overlayClass) {
-        this._options.backdropClass = overlayClass ?? '';
+        this._backdropClass.set(overlayClass);
         this._dialogRef()?.setOverlayClass(overlayClass);
     }
     setPanelClass(panelClass) {
-        this._options.panelClass = panelClass ?? '';
+        this._panelClass.set(panelClass ?? '');
         this._dialogRef()?.setPanelClass(panelClass);
     }
     setContext(context) {
@@ -352,22 +390,22 @@ class BrnDialogComponent {
         this._context = { ...this._context, ...context };
     }
     setAriaDescribedBy(ariaDescribedBy) {
-        this._options = { ...this._options, ariaDescribedBy };
+        this._mutableAriaDescribedBy().set(ariaDescribedBy);
         this._dialogRef()?.setAriaDescribedBy(ariaDescribedBy);
     }
     setAriaLabelledBy(ariaLabelledBy) {
-        this._options = { ...this._options, ariaLabelledBy };
+        this._mutableAriaLabelledBy().set(ariaLabelledBy);
         this._dialogRef()?.setAriaLabelledBy(ariaLabelledBy);
     }
     setAriaLabel(ariaLabel) {
-        this._options = { ...this._options, ariaLabel };
+        this._mutableAriaLabel().set(ariaLabel);
         this._dialogRef()?.setAriaLabel(ariaLabel);
     }
     setAriaModal(ariaModal) {
-        this._options = { ...this._options, ariaModal };
+        this._mutableAriaModal().set(ariaModal);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.5", type: BrnDialogComponent, isStandalone: true, selector: "brn-dialog", inputs: { newState: ["state", "newState"], role: "role", hasBackdrop: ["hasBackdrop", "hasBackdrop", booleanAttribute], positionStrategy: "positionStrategy", scrollStrategy: "scrollStrategy", restoreFocus: "restoreFocus", closeOnOutsidePointerEvents: ["closeOnOutsidePointerEvents", "closeOnOutsidePointerEvents", booleanAttribute], closeOnBackdropClick: ["closeOnBackdropClick", "closeOnBackdropClick", booleanAttribute], attachTo: "attachTo", attachPositions: "attachPositions", autoFocus: "autoFocus", closeDelay: ["closeDelay", "closeDelay", numberAttribute], disableClose: ["disableClose", "disableClose", booleanAttribute], ariaDescribedBy: ["aria-describedby", "ariaDescribedBy"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"], ariaLabel: ["aria-label", "ariaLabel"], ariaModal: ["aria-modal", "ariaModal", booleanAttribute] }, outputs: { closed: "closed", stateChanged: "stateChanged" }, exportAs: ["brnDialog"], ngImport: i0, template: `
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.5", type: BrnDialogComponent, isStandalone: true, selector: "brn-dialog", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, positionStrategy: { classPropertyName: "positionStrategy", publicName: "positionStrategy", isSignal: true, isRequired: false, transformFunction: null }, scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsidePointerEvents: { classPropertyName: "closeOnOutsidePointerEvents", publicName: "closeOnOutsidePointerEvents", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, attachTo: { classPropertyName: "attachTo", publicName: "attachTo", isSignal: true, isRequired: false, transformFunction: null }, attachPositions: { classPropertyName: "attachPositions", publicName: "attachPositions", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaModal: { classPropertyName: "ariaModal", publicName: "aria-modal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", stateChanged: "stateChanged" }, exportAs: ["brnDialog"], ngImport: i0, template: `
 		<ng-content />
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
@@ -383,81 +421,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     exportAs: 'brnDialog',
                 }]
-        }], propDecorators: { closed: [{
-                type: Output
-            }], stateChanged: [{
-                type: Output
-            }], newState: [{
-                type: Input,
-                args: ['state']
-            }], role: [{
-                type: Input
-            }], hasBackdrop: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], positionStrategy: [{
-                type: Input
-            }], scrollStrategy: [{
-                type: Input
-            }], restoreFocus: [{
-                type: Input
-            }], closeOnOutsidePointerEvents: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], closeOnBackdropClick: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], attachTo: [{
-                type: Input
-            }], attachPositions: [{
-                type: Input
-            }], autoFocus: [{
-                type: Input
-            }], closeDelay: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], disableClose: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], ariaDescribedBy: [{
-                type: Input,
-                args: ['aria-describedby']
-            }], ariaLabelledBy: [{
-                type: Input,
-                args: ['aria-labelledby']
-            }], ariaLabel: [{
-                type: Input,
-                args: ['aria-label']
-            }], ariaModal: [{
-                type: Input,
-                args: [{
-                        alias: 'aria-modal',
-                        transform: booleanAttribute,
-                    }]
-            }] } });
+        }], ctorParameters: () => [] });
 
 class BrnDialogContentDirective {
     _brnDialog = inject(BrnDialogComponent, { optional: true });
     _brnDialogRef = inject(BrnDialogRef, { optional: true });
     _template = inject(TemplateRef);
-    state = computed(() => this._brnDialog?.state() ?? this._brnDialogRef?.state() ?? 'closed');
-    set class(newClass) {
-        if (!this._brnDialog)
-            return;
-        this._brnDialog.setPanelClass(newClass);
-    }
-    set context(context) {
-        if (!this._brnDialog)
-            return;
-        this._brnDialog.setContext(context);
-    }
+    state = computed(() => this._brnDialog?.stateComputed() ?? this._brnDialogRef?.state() ?? 'closed');
+    className = input(undefined, { alias: 'class' });
+    context = input(undefined);
     constructor() {
         if (!this._brnDialog)
             return;
         this._brnDialog.registerTemplate(this._template);
+        effect(() => {
+            const context = this.context();
+            if (!this._brnDialog || !context)
+                return;
+            untracked(() => this._brnDialog?.setContext(context));
+        });
+        effect(() => {
+            if (!this._brnDialog)
+                return;
+            const newClass = this.className();
+            untracked(() => this._brnDialog?.setPanelClass(newClass));
+        });
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: BrnDialogContentDirective, isStandalone: true, selector: "[brnDialogContent]", inputs: { class: "class", context: "context" }, providers: [provideExposesStateProviderExisting((() => BrnDialogContentDirective))], ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.5", type: BrnDialogContentDirective, isStandalone: true, selector: "[brnDialogContent]", inputs: { className: { classPropertyName: "className", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideExposesStateProviderExisting((() => BrnDialogContentDirective))], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogContentDirective, decorators: [{
             type: Directive,
@@ -466,11 +457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                     standalone: true,
                     providers: [provideExposesStateProviderExisting((() => BrnDialogContentDirective))],
                 }]
-        }], ctorParameters: () => [], propDecorators: { class: [{
-                type: Input
-            }], context: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class BrnDialogDescriptionDirective {
     _brnDialogRef = inject(BrnDialogRef);
@@ -496,14 +483,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
 
 class BrnDialogOverlayComponent {
     _brnDialog = inject(BrnDialogComponent);
-    set class(newClass) {
-        this._brnDialog.setOverlayClass(newClass);
-    }
+    className = input(undefined, { alias: 'class' });
     setClassToCustomElement(newClass) {
         this._brnDialog.setOverlayClass(newClass);
     }
+    constructor() {
+        effect(() => {
+            if (!this._brnDialog)
+                return;
+            const newClass = this.className();
+            untracked(() => this._brnDialog.setOverlayClass(newClass));
+        });
+    }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: BrnDialogOverlayComponent, isStandalone: true, selector: "brn-dialog-overlay", inputs: { class: "class" }, providers: [provideCustomClassSettableExisting((() => BrnDialogOverlayComponent))], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.5", type: BrnDialogOverlayComponent, isStandalone: true, selector: "brn-dialog-overlay", inputs: { className: { classPropertyName: "className", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideCustomClassSettableExisting((() => BrnDialogOverlayComponent))], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogOverlayComponent, decorators: [{
             type: Component,
@@ -515,9 +508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], propDecorators: { class: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class BrnDialogTitleDirective {
     _brnDialogRef = inject(BrnDialogRef);
@@ -548,14 +539,24 @@ class BrnDialogTriggerDirective {
     id = input(`brn-dialog-trigger-${idSequence++}`);
     state = this._brnDialogRef?.state ?? signal('closed');
     dialogId = `brn-dialog-${this._brnDialogRef?.dialogId ?? idSequence++}`;
-    set brnDialogTriggerFor(brnDialog) {
-        this._brnDialog = brnDialog;
+    brnDialogTriggerFor = input(undefined, {
+        alias: 'brnDialogTriggerFor',
+    });
+    mutableBrnDialogTriggerFor = computed(() => signal(this.brnDialogTriggerFor()));
+    brnDialogTriggerForState = computed(() => this.mutableBrnDialogTriggerFor()());
+    constructor() {
+        effect(() => {
+            const brnDialog = this.brnDialogTriggerForState();
+            if (!brnDialog)
+                return;
+            this._brnDialog = brnDialog;
+        });
     }
     open() {
         this._brnDialog?.open();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.5", type: BrnDialogTriggerDirective, isStandalone: true, selector: "button[brnDialogTrigger],button[brnDialogTriggerFor]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, brnDialogTriggerFor: { classPropertyName: "brnDialogTriggerFor", publicName: "brnDialogTriggerFor", isSignal: false, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-haspopup": "dialog" }, listeners: { "click": "open()" }, properties: { "id": "id()", "attr.aria-expanded": "state() === 'open' ? 'true': 'false'", "attr.data-state": "state()", "attr.aria-controls": "dialogId" } }, exportAs: ["brnDialogTrigger"], ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.5", type: BrnDialogTriggerDirective, isStandalone: true, selector: "button[brnDialogTrigger],button[brnDialogTriggerFor]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, brnDialogTriggerFor: { classPropertyName: "brnDialogTriggerFor", publicName: "brnDialogTriggerFor", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-haspopup": "dialog" }, listeners: { "click": "open()" }, properties: { "id": "id()", "attr.aria-expanded": "state() === 'open' ? 'true': 'false'", "attr.data-state": "state()", "attr.aria-controls": "dialogId" } }, exportAs: ["brnDialogTrigger"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrnDialogTriggerDirective, decorators: [{
             type: Directive,
@@ -572,9 +573,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                     },
                     exportAs: 'brnDialogTrigger',
                 }]
-        }], propDecorators: { brnDialogTriggerFor: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 const BrnDialogImports = [
     BrnDialogComponent,
@@ -614,5 +613,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BrnDialogCloseDirective, BrnDialogComponent, BrnDialogContentDirective, BrnDialogDescriptionDirective, BrnDialogImports, BrnDialogModule, BrnDialogOverlayComponent, BrnDialogRef, BrnDialogService, BrnDialogTitleDirective, BrnDialogTriggerDirective, DEFAULT_BRN_DIALOG_OPTIONS, cssClassesToArray, injectBrnDialogContext, injectBrnDialogCtx };
+export { BrnDialogCloseDirective, BrnDialogComponent, BrnDialogContentDirective, BrnDialogDescriptionDirective, BrnDialogImports, BrnDialogModule, BrnDialogOverlayComponent, BrnDialogRef, BrnDialogService, BrnDialogTitleDirective, BrnDialogTriggerDirective, DEFAULT_BRN_DIALOG_OPTIONS, cssClassesToArray, defaultOptions, injectBrnDialogContext, injectBrnDialogCtx, injectBrnDialogDefaultOptions, provideBrnDialogDefaultOptions };
 //# sourceMappingURL=spartan-ng-brain-dialog.mjs.map