chrv-components 1.12.144 → 1.12.146

package/fesm2022/chrv-components.mjs

@@ -4363,20 +4363,21 @@ class ChrInputComponent {
         };
         this.ensureDefaultDisplayValue = () => {
             const value = this.value() || this.ngControl()?.value;
-            const type = this.type();
             if (value === null || value === undefined) {
                 this.displayValue.set('');
-                return;
             }
+            else
+                this.displayValue.set(this.formatValue(value));
+        };
+        this.formatValue = (value) => {
+            const type = this.type();
             switch (type) {
                 case 'date':
-                    this.displayValue.set(formatDate$1(value, 'yyyy-MM-dd'));
-                    break;
+                    return formatDate$1(value, 'yyyy-MM-dd');
                 case 'datetime':
-                    this.displayValue.set(formatDate$1(value, "yyyy-MM-dd'T'HH:mm"));
-                    break;
+                    return formatDate$1(value, "yyyy-MM-dd'T'HH:mm");
                 default:
-                    this.displayValue.set(value);
+                    return value;
             }
         };
         this.onChange = (value) => {
@@ -4392,10 +4393,10 @@ class ChrInputComponent {
             }
             else
                 this._changeSubject.next(value);
-            // this.input.emit(value);
         };
         this.writeValue = (value) => {
             this.value.set(value ?? null);
+            this.displayValue.set(this.formatValue(value));
         };
         this.registerOnChange = (fn) => {
             this._onChange = (v) => {
@@ -4446,13 +4447,14 @@ class ChrInputComponent {
                 : status;
         };
         this.ngControl.set(inject(NgControl, { optional: true, self: true }));
+        this.ensureNgControl();
     }
     // public valueChanges = output<any>();
     /* CODE */
     ngOnInit() {
         this.configureDebouncing();
         this.configureEventListeners();
-        this.ensureNgControl();
+        // this.ensureNgControl();
         this.ensureOutputType();
         this.ensureDefaultDisplayValue();
     }
@@ -4654,8 +4656,12 @@ class ChrSearchSelectInputComponent extends ChrInputComponent {
         ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
         this.display = input((v) => v || '', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []));
-        this.writeValue = (value) => {
-            this.value.set(value);
+        this.formatValue = (value) => {
+            const displayFn = this.display();
+            const formated = displayFn(value);
+            if (formated == undefined || formated == null)
+                return '';
+            return formated;
         };
         /**
          * Force the value to be null when the user types.
@@ -4673,13 +4679,6 @@ class ChrSearchSelectInputComponent extends ChrInputComponent {
     }
     ngOnInit() {
         super.ngOnInit();
-        const value = this.value();
-        const displayFn = this.display();
-        if (value === null || value === undefined) {
-            this.displayValue.set('');
-        }
-        else
-            this.displayValue.set(displayFn(value));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChrSearchSelectInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ChrSearchSelectInputComponent, isStandalone: true, selector: "chr-search-select-input", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"search-select-input-wrapper\">\n    <chr-input [id]=\"id()\" [name]=\"name()\" type=\"text\" [label]=\"label()\" [displayValue]=\"displayValue()\"\n        [value]=\"displayValue()\" (input)=\"dl.open();onInput($event);\">\n        <chr-input-indicators>\n            <!-- @if(isFocused()){ -->\n            @if(value() == null){\n            <span class=\"material-symbols selection-status-indicator error\">close</span>\n            }@else {\n            <span class=\"material-symbols selection-status-indicator success\">check</span>\n            }\n            <span class=\"selection-status-indicator\" style=\"width: 1rem; \"></span>\n            <!-- } -->\n        </chr-input-indicators>\n        <chr-input-data-overlay>\n            <chr-data-list #dl [for]=\"''+name()\" [suggestions]=\"data()\" [display]=\"display()\" [selectOnFullMatch]=\"true\"\n                (optionSelected)=\"selectOption($event.value)\"></chr-data-list>\n        </chr-input-data-overlay>\n    </chr-input>\n</div>", styles: [":host{display:flex;flex-direction:column;flex:1 1 auto;justify-self:stretch;align-self:center;min-width:0}.search-select-input-wrapper{position:relative}.selection-status-indicator.success{color:var(--success-color)}.selection-status-indicator.error{color:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ChrInputComponent, selector: "chr-input", inputs: ["label", "id", "name", "value", "displayValue", "type", "outputType", "step", "debounceTime", "isDisabled", "isFocused", "min", "max", "minLength", "maxLength", "ngControl", "tooltip", "tooltipPosition"], outputs: ["idChange", "nameChange", "valueChange", "displayValueChange", "outputTypeChange", "isDisabledChange", "isFocusedChange", "ngControlChange", "input", "debouncedInput", "focus", "enter", "blur"] }, { kind: "component", type: ChrInputIndicators, selector: "chr-input-indicators" }, { kind: "component", type: DataListComponent, selector: "chr-data-list", inputs: ["suggestions", "for", "allowStringify", "display", "targetElement", "blurOnSelect", "selectOnFullMatch"], outputs: ["optionSelected"] }, { kind: "component", type: ChrInputDataOverlay, selector: "chr-input-data-overlay" }] }); }
@@ -4705,8 +4704,8 @@ class ChrTagSelectInputComponent extends ChrInputComponent {
         ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
         this.display = input((v) => v || '', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []));
-        this.writeValue = (value) => {
-            this.value.set(value);
+        this.formatValue = (value) => {
+            return '';
         };
         /**
          * Signal calculé renvoyant le tableau d'éléments sélectionnés