@yuuvis/client-framework 2.5.2 → 2.6.1

package/fesm2022/yuuvis-client-framework-forms.mjs

@@ -441,6 +441,9 @@ class DatetimeComponent extends AbstractMatFormField {
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     registerOnTouched() { }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
     onValueChange(e) {
         this.#propagate(e);
     }
@@ -722,6 +725,7 @@ class NumberComponent extends AbstractMatFormField {
         else {
             this.innerCtrl.enable();
         }
+        this.disabled = isDisabled;
     }
     // called when the input looses focus
     format() {
@@ -1110,19 +1114,19 @@ class OrganizationComponent extends AbstractMatFormField {
     #organizationType;
     #filterRoles;
     writeValue(value) {
-        if (this.#organizationType() === Classification.STRING_ORGANIZATION) {
-            if (value) {
-                this.value = value;
-                this.resolveFn(Array.isArray(value) ? value : [value]);
+        this.value = value;
+        if (value) {
+            if (typeof value === 'string' && this.#isMetadataString(value)) {
+                const parsedMetadata = JSON.parse(value);
+                this.#updateAutocompleteControl(Array.isArray(parsedMetadata) ? parsedMetadata : [parsedMetadata]);
             }
             else {
-                this.value = null;
-                this.innerValue = [];
+                this.resolveFn(Array.isArray(value) ? value : [value]);
             }
         }
         else {
-            this.value = value;
-            this.resolveFn(Array.isArray(value) ? value : [value]);
+            this.value = null;
+            this.innerValue = [];
         }
     }
     registerOnChange(fn) {
@@ -1141,6 +1145,7 @@ class OrganizationComponent extends AbstractMatFormField {
         else {
             this.acFormControl.enable();
         }
+        this.disabled = isDisabled;
     }
     #getPropagateValue() {
         const value = this.innerValue.map((v) => (this.withMetadata() ? { id: v.id, title: v.title } : v.id));
@@ -1170,21 +1175,33 @@ class OrganizationComponent extends AbstractMatFormField {
                 type: 'role'
             }));
         forkJoin(tasks).subscribe((data) => {
-            this.innerValue = data;
-            const mapped = this.innerValue.map((n) => ({
-                label: n.title,
-                value: n
-            }));
-            this.acFormControl.setValue(this.multiselect() ? mapped : [mapped[0]], { emitEvent: false });
-            this.acFormControl.updateValueAndValidity({ emitEvent: false });
+            this.#updateAutocompleteControl(data);
         });
     }
+    #updateAutocompleteControl(data) {
+        this.innerValue = data;
+        const mapped = this.innerValue.map((n) => ({
+            label: n.title,
+            value: n
+        }));
+        this.acFormControl.setValue(this.multiselect() ? mapped : [mapped[0]], { emitEvent: false });
+        this.acFormControl.updateValueAndValidity({ emitEvent: false });
+    }
     #resolveOrganization(query, excludeMe, filterRoles) {
         return this.#userService.queryUser(query, excludeMe, filterRoles).pipe(mapOrganizationNode(this.innerValue), catchError(() => of([])));
     }
     #resolveOrganizationSet(query, filterRoles) {
         return this.#idmService.queryOrganizationEntity(query, filterRoles).pipe(mapOrganizationNode(this.innerValue), catchError(() => of([])));
     }
+    #isMetadataString(value) {
+        try {
+            JSON.parse(value);
+            return true;
+        }
+        catch (e) {
+            return false;
+        }
+    }
     autocompleteFn(query) {
         if (query.length >= this.minLength) {
             this.busy.set(true);
@@ -1777,6 +1794,7 @@ class StringComponent extends AbstractMatFormField {
         else {
             this.fc.enable();
         }
+        this.disabled = isDisabled;
     }
     #onValueChange(val) {
         this.value = val;