@porscheinformatik/clr-addons 19.0.2 → 19.0.3

package/fesm2022/clr-addons.mjs

@@ -13794,7 +13794,6 @@ class ClrReadonlyDirective {
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.injector = injector;
-        this.isMultiSelect = false;
         this.unitPosition = 'right';
         this.property = null;
         this.clrReadOnly = true;
@@ -13869,8 +13868,8 @@ class ClrReadonlyDirective {
         if (controlType === 'numeric') {
             return this.formatNumericValue(controlValue);
         }
-        else if (this.isMultiSelect) {
-            return this.formatMultiSelectValue(controlValue);
+        else if (this.property) {
+            return this.formatValueForObjectValue(controlValue);
         }
         else if (controlType === 'select') {
             return this.formatListValue(controlValue);
@@ -13881,8 +13880,13 @@ class ClrReadonlyDirective {
         const result = formatNumber(controlValue + '', true, this.decimalSeparator, this.groupingSeparator, this.decimalPlaces, this.autofillDecimals);
         return this.unitPosition === 'left' ? `${this.unit} ${result}` : `${result} ${this.unit}`;
     }
-    formatMultiSelectValue(controlValue) {
-        return controlValue.map((item) => item[this.property]).join(', ');
+    formatValueForObjectValue(controlValue) {
+        if (Array.isArray(controlValue)) {
+            return controlValue.map((item) => item[this.property]).join(', ');
+        }
+        else {
+            return controlValue[this.property];
+        }
     }
     formatListValue(controlValue) {
         const options = this.elementRef.nativeElement.querySelectorAll('option');
@@ -13895,7 +13899,7 @@ class ClrReadonlyDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ClrReadonlyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.3", type: ClrReadonlyDirective, isStandalone: false, selector: "[clrReadonly]", inputs: { isMultiSelect: ["clrMulti", "isMultiSelect"], unitPosition: ["clrUnitPosition", "unitPosition"], property: ["clrReadOnlyProperty", "property"], clrReadOnly: ["clrReadonly", "clrReadOnly"], unit: ["clrUnit", "unit"], decimalPlaces: ["clrDecimalPlaces", "decimalPlaces"], roundValue: ["clrRoundDisplayValue", "roundValue"], autofillDecimals: ["clrAutofillDecimals", "autofillDecimals"], decimalSeparator: ["clrDecimalSep", "decimalSeparator"], groupingSeparator: ["clrGroupingSep", "groupingSeparator"] }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.3", type: ClrReadonlyDirective, isStandalone: false, selector: "[clrReadonly]", inputs: { unitPosition: ["clrUnitPosition", "unitPosition"], property: ["clrReadOnlyProperty", "property"], clrReadOnly: ["clrReadonly", "clrReadOnly"], unit: ["clrUnit", "unit"], decimalPlaces: ["clrDecimalPlaces", "decimalPlaces"], roundValue: ["clrRoundDisplayValue", "roundValue"], autofillDecimals: ["clrAutofillDecimals", "autofillDecimals"], decimalSeparator: ["clrDecimalSep", "decimalSeparator"], groupingSeparator: ["clrGroupingSep", "groupingSeparator"] }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ClrReadonlyDirective, decorators: [{
             type: Directive,
@@ -13903,10 +13907,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
                     selector: '[clrReadonly]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }], propDecorators: { isMultiSelect: [{
-                type: Input,
-                args: ['clrMulti']
-            }], unitPosition: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }], propDecorators: { unitPosition: [{
                 type: Input,
                 args: ['clrUnitPosition']
             }], property: [{