orbiq-neural-ui-kit 1.1.23 → 1.1.25

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,9 +8024,11 @@ class NeuralTimePickerComponent {
     constructor() {
         effect(() => {
             const val = this.modelValue() || '';
-            this.canonicalValue.set(val);
-            this.displayValue.set(val);
-        }, { allowSignalWrites: true });
+            untracked(() => {
+                this.canonicalValue.set(val);
+                this.displayValue.set(val);
+            });
+        });
         effect(() => {
             if (this.isOpen()) {
                 this.openPopover();
@@ -10548,6 +10550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
 
 class NeuralDialogComponent {
     dialog;
+    viewContainerRef;
     openModel = model(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "openModel" }] : /* istanbul ignore next */ []));
     title = input(/* @ts-ignore */
@@ -10579,8 +10582,9 @@ class NeuralDialogComponent {
     dialogTemplate;
     dialogRef = null;
     internalActionsState = {}; // track loading states
-    constructor(dialog) {
+    constructor(dialog, viewContainerRef) {
         this.dialog = dialog;
+        this.viewContainerRef = viewContainerRef;
         effect(() => {
             const isOpen = this.openModel();
             if (isOpen && !this.dialogRef && this.dialogTemplate) {
@@ -10598,6 +10602,7 @@ class NeuralDialogComponent {
             backdropClass: 'bg-black-overlay-200', // To match Frappe UI 
             panelClass: ['w-full', 'h-full', 'bg-transparent', 'shadow-none'],
             hasBackdrop: true,
+            viewContainerRef: this.viewContainerRef,
         });
         this.dialogRef.closed.subscribe(() => {
             this.dialogRef = null;
@@ -10727,7 +10732,7 @@ class NeuralDialogComponent {
             this.internalActionsState[action.label] = false;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDialogComponent, deps: [{ token: i1$3.Dialog }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDialogComponent, 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: NeuralDialogComponent, isStandalone: true, selector: "neural-dialog", inputs: { openModel: { classPropertyName: "openModel", publicName: "openModel", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, paddingTop: { classPropertyName: "paddingTop", publicName: "paddingTop", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, bare: { classPropertyName: "bare", publicName: "bare", isSignal: true, isRequired: false, transformFunction: null }, hasTitleSlot: { classPropertyName: "hasTitleSlot", publicName: "hasTitleSlot", isSignal: true, isRequired: false, transformFunction: null }, hasActionsSlot: { classPropertyName: "hasActionsSlot", publicName: "hasActionsSlot", isSignal: true, isRequired: false, transformFunction: null }, hasDefaultSlot: { classPropertyName: "hasDefaultSlot", publicName: "hasDefaultSlot", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openModel: "openModelChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: `
     <ng-template #dialogTemplate>
       <div 
@@ -10940,7 +10945,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 }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], paddingTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingTop", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], bare: [{ type: i0.Input, args: [{ isSignal: true, alias: "bare", required: false }] }], hasTitleSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTitleSlot", required: false }] }], hasActionsSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActionsSlot", required: false }] }], hasDefaultSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDefaultSlot", required: false }] }], dialogTemplate: [{
+        }], 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 }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], paddingTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingTop", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], bare: [{ type: i0.Input, args: [{ isSignal: true, alias: "bare", required: false }] }], hasTitleSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTitleSlot", required: false }] }], hasActionsSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActionsSlot", required: false }] }], hasDefaultSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDefaultSlot", required: false }] }], dialogTemplate: [{
                 type: ViewChild,
                 args: ['dialogTemplate']
             }] } });
@@ -11472,6 +11477,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,17 +11497,20 @@ 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();
-            }
-        }, { allowSignalWrites: true });
+            untracked(() => {
+                if (isOpen && !this.dialogRef && this.drawerTemplate) {
+                    this.openDrawer();
+                }
+                else if (!isOpen && this.dialogRef && !this.isClosing) {
+                    this.close();
+                }
+            });
+        });
     }
     openDrawer() {
         this.isClosing = false;
@@ -11510,6 +11519,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 +11601,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 +11678,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,