orbiq-neural-ui-kit 1.1.22 → 1.1.24

package/fesm2022/orbiq-neural-ui-kit.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, signal, computed, Component, output, model, effect, ViewChild, EventEmitter, Output, InjectionToken, Optional, Inject, Directive, ContentChild, HostListener, ViewChildren, ContentChildren, inject, ViewContainerRef, ElementRef, Input, forwardRef, Injectable } from '@angular/core';
+import { input, signal, computed, Component, output, model, effect, ViewChild, EventEmitter, Output, InjectionToken, Optional, Inject, Directive, ContentChild, HostListener, ViewChildren, ContentChildren, inject, ViewContainerRef, ElementRef, untracked, Input, forwardRef, Injectable } from '@angular/core';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
@@ -8024,8 +8024,10 @@ class NeuralTimePickerComponent {
     constructor() {
         effect(() => {
             const val = this.modelValue() || '';
-            this.canonicalValue.set(val);
-            this.displayValue.set(val);
+            untracked(() => {
+                this.canonicalValue.set(val);
+                this.displayValue.set(val);
+            });
         });
         effect(() => {
             if (this.isOpen()) {
@@ -11472,6 +11474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
 
 class NeuralDrawerComponent {
     dialog;
+    viewContainerRef;
     openModel = model(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "openModel" }] : /* istanbul ignore next */ []));
     title = input('Información', /* @ts-ignore */
@@ -11491,16 +11494,19 @@ class NeuralDrawerComponent {
     isVisible = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []));
     isClosing = false;
-    constructor(dialog) {
+    constructor(dialog, viewContainerRef) {
         this.dialog = dialog;
+        this.viewContainerRef = viewContainerRef;
         effect(() => {
             const isOpen = this.openModel();
-            if (isOpen && !this.dialogRef && this.drawerTemplate) {
-                this.openDrawer();
-            }
-            else if (!isOpen && this.dialogRef && !this.isClosing) {
-                this.close();
-            }
+            untracked(() => {
+                if (isOpen && !this.dialogRef && this.drawerTemplate) {
+                    this.openDrawer();
+                }
+                else if (!isOpen && this.dialogRef && !this.isClosing) {
+                    this.close();
+                }
+            });
         });
     }
     openDrawer() {
@@ -11510,6 +11516,7 @@ class NeuralDrawerComponent {
             backdropClass: 'bg-black-overlay-200',
             panelClass: ['w-full', 'h-full', 'bg-transparent', 'shadow-none', 'outline-none', 'pointer-events-none'],
             hasBackdrop: true,
+            viewContainerRef: this.viewContainerRef,
         });
         // Wait a tick so the DOM renders the translated state, then trigger transition
         setTimeout(() => {
@@ -11591,7 +11598,7 @@ class NeuralDrawerComponent {
         return `${base} ${sizing} ${borders} ${translate}`;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "panelClasses" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDrawerComponent, deps: [{ token: i1$3.Dialog }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDrawerComponent, deps: [{ token: i1$3.Dialog }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralDrawerComponent, isStandalone: true, selector: "neural-drawer", inputs: { openModel: { classPropertyName: "openModel", publicName: "openModel", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openModel: "openModelChange", onClose: "onClose" }, viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true }], ngImport: i0, template: `
     <ng-template #drawerTemplate>
       <div class="fixed inset-0 z-50 flex" [ngClass]="wrapperClasses()">
@@ -11668,7 +11675,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
     </ng-template>
   `
                 }]
-        }], ctorParameters: () => [{ type: i1$3.Dialog }], propDecorators: { openModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "openModel", required: false }] }, { type: i0.Output, args: ["openModelChange"] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], onClose: [{
+        }], ctorParameters: () => [{ type: i1$3.Dialog }, { type: i0.ViewContainerRef }], propDecorators: { openModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "openModel", required: false }] }, { type: i0.Output, args: ["openModelChange"] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], onClose: [{
                 type: Output
             }], drawerTemplate: [{
                 type: ViewChild,