@agnos-ui/angular-bootstrap 0.9.0-next.0 → 0.9.0

package/fesm2022/agnos-ui-angular-bootstrap.mjs

@@ -1,7 +1,7 @@
 import { widgetsConfigFactory, SlotDirective, UseDirective, ComponentTemplate, BaseWidgetDirective, auBooleanAttribute, UseMultiDirective, auNumberAttribute, useDirectiveForHost, callWidgetFactory as callWidgetFactory$1, ToasterService as ToasterService$1 } from '@agnos-ui/angular-headless';
 export * from '@agnos-ui/angular-headless';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, TemplateRef, Directive, viewChild, ChangeDetectionStrategy, Component, input, contentChild, output, ViewEncapsulation, forwardRef, Injector, runInInjectionContext, Injectable, computed, effect, NgModule, ApplicationRef, createComponent, EnvironmentInjector, OutputEmitterRef } from '@angular/core';
+import { InjectionToken, inject, TemplateRef, Directive, viewChild, ChangeDetectionStrategy, Component, input, contentChild, output, ViewEncapsulation, forwardRef, Injector, runInInjectionContext, Injectable, computed, effect, NgModule, ApplicationRef, createComponent, outputBinding, inputBinding, EnvironmentInjector } from '@angular/core';
 import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
 import { getPaginationDefaultConfig, createPagination } from '@agnos-ui/core-bootstrap/components/pagination';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -5509,30 +5509,22 @@ class ModalService {
         const component = createComponent(ModalComponent, {
             environmentInjector: injector.get(EnvironmentInjector),
             elementInjector: injector,
-        });
-        const subscriptions = [];
-        try {
-            for (const [prop, value] of Object.entries(options)) {
-                if (prop.startsWith('on')) {
-                    const eventName = `${prop[2].toLowerCase()}${prop.substring(3)}`;
-                    const eventEmitter = component.instance[eventName];
-                    if (eventEmitter instanceof OutputEmitterRef) {
-                        subscriptions.push(eventEmitter.subscribe(value));
-                    }
+            bindings: Object.entries(options).map(([key, value]) => {
+                if (key.startsWith('on')) {
+                    return outputBinding(`au${key.substring(2)}`, value);
                 }
                 else {
-                    component.setInput(`au${prop.substring(0, 1).toUpperCase()}${prop.substring(1)}`, value);
+                    return inputBinding(`au${key[0].toUpperCase()}${key.substring(1)}`, () => value);
                 }
-            }
+            }),
+        });
+        try {
             this._applicationRef.attachView(component.hostView);
             await component.instance['_widget'].initialized;
             return await component.instance.api.open();
         }
         finally {
             component.destroy();
-            for (const subscription of subscriptions) {
-                subscription.unsubscribe();
-            }
         }
     }
     static { this.ɵfac = function ModalService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalService)(); }; }