@dev-tcloud/tcloud-ui 6.20.0 → 6.20.1

package/fesm2022/dev-tcloud-tcloud-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, ContentChildren, viewChild, ComponentFactoryResolver, NgModule, makeEnvironmentProviders } from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, ContentChildren, viewChild, NgModule, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
 import { Subject, Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, map } from 'rxjs';
@@ -9270,34 +9270,40 @@ class TCloudUiDialogService {
     constructor() {
         // * [Injects]
         this.i18n = inject(I18nService);
-        this.factoryResolver = inject(ComponentFactoryResolver);
     }
     /**
      * Método usado para realizar a configuração de 'ViewContainerRef'
      * @param viewContainerRef Obj
      */
     setRootViewContainerRef(viewContainerRef) {
-        if (!this.rootViewContainer)
-            this.rootViewContainer = viewContainerRef;
+        if (!viewContainerRef)
+            return;
+        this.rootViewContainer = viewContainerRef;
     }
     /**
      * Método usado para abrir o modal de dialog
      * @param _data Info do dialog
      */
     open(_data = {}) {
-        const factory = this.factoryResolver.resolveComponentFactory(TCloudUiDialogComponent);
-        const component = factory.create(this.rootViewContainer.parentInjector);
-        this.rootViewContainer.insert(component.hostView);
-        component.instance.data = new TCloudUiDialogModel(_data.title || this.i18n.i18nTranslate('dialogConfirmation.default_title', 'Atenção'), _data.message || this.i18n.i18nTranslate('dialogConfirmation.default_message', 'Deseja realmente executar esta ação?'), _data.loading, _data.disable, _data.disableClickOutside, _data.inputConfirmationText || TCloudUiDialogTextConfirmationEnum.confirm, _data.buttonConfirmText, _data.buttonCancelText);
+        if (!this.rootViewContainer) {
+            throw new Error('TCloudUiDialogService: ViewContainerRef não configurado. ' +
+                'Declare no template um âncora (ex.: <ng-container #dialogRoot></ng-container>), ' +
+                'use @ViewChild("dialogRoot", { read: ViewContainerRef }) e chame setRootViewContainerRef(ref) no ngAfterViewInit. ' +
+                'Se #dialogRoot estiver dentro de *ngIf, chame setRootViewContainerRef de novo quando o bloco for exibido.');
+        }
+        const componentRef = this.rootViewContainer.createComponent(TCloudUiDialogComponent, {
+            injector: this.rootViewContainer.injector,
+        });
+        componentRef.instance.data = new TCloudUiDialogModel(_data.title || this.i18n.i18nTranslate('dialogConfirmation.default_title', 'Atenção'), _data.message || this.i18n.i18nTranslate('dialogConfirmation.default_message', 'Deseja realmente executar esta ação?'), _data.loading, _data.disable, _data.disableClickOutside, _data.inputConfirmationText || TCloudUiDialogTextConfirmationEnum.confirm, _data.buttonConfirmText, _data.buttonCancelText);
         // * Configura o texto do input de confirmação
-        if (component.instance.data.inputConfirmationText)
-            this.setTextConfirmation(component.instance);
-        component.instance.events.subscribe(event => {
+        if (componentRef.instance.data.inputConfirmationText)
+            this.setTextConfirmation(componentRef.instance);
+        componentRef.instance.events.subscribe(event => {
             // * Fecha o dialogo
             if (event === TCloudUiDialogEventsEnum.close)
-                component.destroy();
+                componentRef.destroy();
         });
-        return component.instance;
+        return componentRef.instance;
     }
     /**
      * Método usado para configurar o texto do input de confirmação