chrv-components 1.11.19 → 1.11.21

package/fesm2022/chrv-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, Component, Injectable, Directive, ElementRef, EventEmitter, output, viewChild, Input, Output, signal, HostListener, ContentChildren, ChangeDetectorRef, ChangeDetectionStrategy, PLATFORM_ID, computed, model, InjectionToken, ViewContainerRef, ViewChild, effect, Inject, ApplicationRef, EnvironmentInjector, createComponent, Injector } from '@angular/core';
+import { inject, input, Component, Injectable, Directive, ElementRef, EventEmitter, output, viewChild, Input, Output, signal, HostListener, ContentChildren, ChangeDetectorRef, effect, ChangeDetectionStrategy, PLATFORM_ID, computed, model, InjectionToken, ViewContainerRef, ViewChild, Inject, ApplicationRef, EnvironmentInjector, createComponent, Injector } from '@angular/core';
 import * as i2$4 from '@angular/router';
 import { Router, RouterModule } from '@angular/router';
 import { MatButton, MatButtonModule } from '@angular/material/button';
@@ -2525,6 +2525,9 @@ class ChrFormComponent {
         };
         if (this.controls().length > 0 && this.sections().length > 0)
             console.warn("You can't use both controls and sections in the same form");
+        effect(() => {
+            this.set(this.model());
+        });
     }
     ngOnInit() {
         this.sections()
@@ -3503,11 +3506,11 @@ class ChrModalComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ChrModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ChrModalComponent, isStandalone: true, selector: "chr-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"modal-wrapper relative\">\r\n    <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n    </div>\r\n    <div class=\"modal-content\" [attr.data-open]=\"isOpen()\" (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\"\r\n        [attr.data-height]=\"height()\">\r\n        <ng-container #dynamicContent class=\"w-full h-full\"></ng-container>\r\n    </div>\r\n</div>", styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998}.modal-content[data-width]{width:attr(data-width vw)}.modal-content[data-height]{height:attr(data-height vh)}.modal-wrapper{position:fixed;inset:0;width:100vw;height:100vh;z-index:998;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:998;animation:opacify .3s ease-in-out}.modal-content{z-index:999;background:var(--background-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;width:max-content;height:max-content;max-width:90vw;max-height:90vh;transition:all .3s ease-in-out;animation:opacify .3s ease-in-out,scaleup .3s ease-in-out}.modal-content[data-open=false]{opacity:0;transform:scale(.5);transition:all .3s ease-in-out}.modal-content[data-open=true]{opacity:1;transform:scale(1);transition:all .3s ease-in-out}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ChrModalComponent, isStandalone: true, selector: "chr-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"modal-wrapper relative\">\r\n    <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n    </div>\r\n    <div class=\"modal-content\" [attr.data-open]=\"isOpen()\" (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\"\r\n        [attr.data-height]=\"height()\">\r\n        <ng-container #dynamicContent class=\"w-full h-full\"></ng-container>\r\n    </div>\r\n</div>", styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998}.modal-content[data-width]{width:attr(data-width vw)}.modal-content[data-height]{height:attr(data-height vh)}.modal-wrapper{position:fixed;inset:0;width:100vw;height:100vh;z-index:998;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:998;animation:opacify .3s ease-in-out}.modal-content{z-index:999;border-radius:8px;width:max-content;height:max-content;max-width:90vw;max-height:90vh;transition:all .3s ease-in-out;animation:opacify .3s ease-in-out,scaleup .3s ease-in-out}.modal-content[data-open=false]{opacity:0;transform:scale(.5);transition:all .3s ease-in-out}.modal-content[data-open=true]{opacity:1;transform:scale(1);transition:all .3s ease-in-out}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ChrModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'chr-modal', standalone: true, imports: [CommonModule], template: "<div class=\"modal-wrapper relative\">\r\n    <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n    </div>\r\n    <div class=\"modal-content\" [attr.data-open]=\"isOpen()\" (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\"\r\n        [attr.data-height]=\"height()\">\r\n        <ng-container #dynamicContent class=\"w-full h-full\"></ng-container>\r\n    </div>\r\n</div>", styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998}.modal-content[data-width]{width:attr(data-width vw)}.modal-content[data-height]{height:attr(data-height vh)}.modal-wrapper{position:fixed;inset:0;width:100vw;height:100vh;z-index:998;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:998;animation:opacify .3s ease-in-out}.modal-content{z-index:999;background:var(--background-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;width:max-content;height:max-content;max-width:90vw;max-height:90vh;transition:all .3s ease-in-out;animation:opacify .3s ease-in-out,scaleup .3s ease-in-out}.modal-content[data-open=false]{opacity:0;transform:scale(.5);transition:all .3s ease-in-out}.modal-content[data-open=true]{opacity:1;transform:scale(1);transition:all .3s ease-in-out}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"] }]
+            args: [{ selector: 'chr-modal', standalone: true, imports: [CommonModule], template: "<div class=\"modal-wrapper relative\">\r\n    <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n    </div>\r\n    <div class=\"modal-content\" [attr.data-open]=\"isOpen()\" (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\"\r\n        [attr.data-height]=\"height()\">\r\n        <ng-container #dynamicContent class=\"w-full h-full\"></ng-container>\r\n    </div>\r\n</div>", styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998}.modal-content[data-width]{width:attr(data-width vw)}.modal-content[data-height]{height:attr(data-height vh)}.modal-wrapper{position:fixed;inset:0;width:100vw;height:100vh;z-index:998;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:998;animation:opacify .3s ease-in-out}.modal-content{z-index:999;border-radius:8px;width:max-content;height:max-content;max-width:90vw;max-height:90vh;transition:all .3s ease-in-out;animation:opacify .3s ease-in-out,scaleup .3s ease-in-out}.modal-content[data-open=false]{opacity:0;transform:scale(.5);transition:all .3s ease-in-out}.modal-content[data-open=true]{opacity:1;transform:scale(1);transition:all .3s ease-in-out}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"] }]
         }], propDecorators: { dynamicContent: [{
                 type: ViewChild,
                 args: ['dynamicContent', { read: ViewContainerRef }]