@cauca-911/material 21.0.2 → 21.0.4

package/fesm2022/cauca-911-material.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, ChangeDetectionStrategy, Component, input, output, signal, inject, HostListener, computed, Injector, ElementRef, Directive, forwardRef, model, TemplateRef, Optional, Self, ContentChild, ViewChild, resource, effect, Input, NgModule, EventEmitter, Output } from '@angular/core';
+import { Injectable, ChangeDetectionStrategy, Component, input, output, signal, inject, HostListener, computed, Injector, ElementRef, Directive, forwardRef, model, TemplateRef, Input, Optional, Self, ContentChild, ViewChild, resource, effect, NgModule, EventEmitter, Output } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
 import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate/core';
 import * as i1$5 from '@angular/material/dialog';
@@ -538,6 +538,7 @@ function CaucaDateTimePickerComponent_Conditional_1_Template(rf, ctx) { if (rf &
 } }
 class CaucaDateTimePickerComponent {
     constructor() {
+        this.value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
         this.subscriptSizing = input('fixed', ...(ngDevMode ? [{ debugName: "subscriptSizing" }] : []));
         this.showTime = input(true, ...(ngDevMode ? [{ debugName: "showTime" }] : []));
         this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
@@ -552,7 +553,7 @@ class CaucaDateTimePickerComponent {
         this.showClearButton = input(true, ...(ngDevMode ? [{ debugName: "showClearButton" }] : []));
         this.showButtonIcons = input(true, ...(ngDevMode ? [{ debugName: "showButtonIcons" }] : []));
         this.selectedChange = output();
-        this.stringDate = signal('', ...(ngDevMode ? [{ debugName: "stringDate" }] : []));
+        this.stringDate = computed(() => this.value() ? this.stringifyDate(this.value()) : '', ...(ngDevMode ? [{ debugName: "stringDate" }] : []));
         this.isRequired = computed(() => Boolean(this.control?.hasValidator(Validators.required)), ...(ngDevMode ? [{ debugName: "isRequired" }] : []));
         this.injector = inject(Injector);
         this.elementRef = inject(ElementRef);
@@ -561,12 +562,6 @@ class CaucaDateTimePickerComponent {
         this.onChange = (value) => value;
         this.onTouched = () => { };
     }
-    set value(value) {
-        if (value) {
-            this.stringDate.set(this.stringifyDate(value));
-            this.selectedDate = value;
-        }
-    }
     ngOnInit() {
         const ngControl = this.injector.get(NgControl, null, { self: true, optional: true });
         if (ngControl instanceof FormControlName) {
@@ -585,15 +580,14 @@ class CaucaDateTimePickerComponent {
         });
         dialogRef.afterClosed().subscribe((data) => {
             if (data) {
-                this.stringDate.set(this.stringifyDate(data.value));
-                this.selectedDate = data.value;
+                this.value.set(data.value);
                 this.selectedChange.emit(data.value);
                 this.onChange(data.value);
             }
         });
     }
     writeValue(date) {
-        this.value = date;
+        this.value.set(date);
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -603,7 +597,7 @@ class CaucaDateTimePickerComponent {
     }
     getDateTimePickerOptions() {
         return {
-            selectedDate: this.selectedDate,
+            selectedDate: this.value(),
             minimumDate: this.minimumDate(),
             maximumDate: this.maximumDate(),
             showSeconds: this.showSeconds(),
@@ -2781,7 +2775,7 @@ class DropdownChipAutocompleteComponent {
         } }, hostVars: 3, hostBindings: function DropdownChipAutocompleteComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵdomProperty("id", ctx.id);
             i0.ɵɵclassProp("floating", ctx.shouldLabelFloat);
-        } }, inputs: { listAutoComplete: [1, "listAutoComplete"], keyValue: [1, "keyValue"], displayValue: [1, "displayValue"], allowRemove: [1, "allowRemove"], ariaDescribedBy: [1, "ariaDescribedBy"], canRemoveAll: [1, "canRemoveAll"], hasOptionTemplate: [1, "hasOptionTemplate"] }, outputs: { clearAll: "clearAll" }, features: [i0.ɵɵProvidersFeature([{
+        } }, inputs: { listAutoComplete: [1, "listAutoComplete"], keyValue: [1, "keyValue"], displayValue: [1, "displayValue"], allowRemove: [1, "allowRemove"], ariaDescribedBy: [1, "ariaDescribedBy"], canRemoveAll: [1, "canRemoveAll"], hasOptionTemplate: [1, "hasOptionTemplate"], value: "value", required: "required", disabled: "disabled", placeholder: "placeholder" }, outputs: { clearAll: "clearAll" }, features: [i0.ɵɵProvidersFeature([{
                     provide: MatFormFieldControl,
                     useExisting: DropdownChipAutocompleteComponent,
                 }])], decls: 16, vars: 10, consts: [["chipGrid", ""], ["chipInput", ""], ["auto", "matAutocomplete"], ["role", "group", 1, "dropdown-chip-autocomplete-container"], [3, "disabled"], ["highlighted", "", "color", "primary", 3, "disabled"], [1, "input-wrapper"], [3, "ngModelChange", "ngModel", "matAutocomplete", "matChipInputFor", "matChipInputSeparatorKeyCodes"], ["matPrefix", "", 1, "clearAll"], ["matSuffix", ""], ["panelWidth", "500px", 3, "optionSelected"], [1, "full-width-option", 3, "value"], ["highlighted", "", "color", "primary", 3, "removed", "disabled"], ["matChipRemove", ""], ["matPrefix", "", 1, "clearAll", 3, "click"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DropdownChipAutocompleteComponent_Template(rf, ctx) { if (rf & 1) {
@@ -2861,8 +2855,16 @@ class DropdownChipAutocompleteComponent {
             type: Optional
         }], parentFormGroup: [{
             type: Optional
+        }], value: [{
+            type: Input
+        }], required: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownChipAutocompleteComponent, { className: "DropdownChipAutocompleteComponent", filePath: "lib/components/inputs/dropdown-chip-autocomplete/dropdown-chip-autocomplete.component.ts", lineNumber: 50 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownChipAutocompleteComponent, { className: "DropdownChipAutocompleteComponent", filePath: "lib/components/inputs/dropdown-chip-autocomplete/dropdown-chip-autocomplete.component.ts", lineNumber: 51 }); })();
 
 class ColorPickerComponent {
     static { this.nextId = 0; }