@yuuvis/client-framework 3.22.0 → 3.22.1

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

@@ -1062,6 +1062,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
         }], ctorParameters: () => [], propDecorators: { readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], propertyName: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyName", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], classifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "classifications", required: false }] }], situation: [{ type: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }] } });
 
 var _a;
+/**
+ * Splits a number into the digits of its mantissa and its decimal exponent, so that
+ * digit counting stays correct for values JavaScript renders in exponential notation
+ * (`1e-7`, `1e21`).
+ */
+function splitDigits(value) {
+    const [mantissa, exponent] = Math.abs(value).toString().split('e');
+    const [intPart, fractionPart = ''] = mantissa.split('.');
+    return { intPart, fractionPart, exponent: Number(exponent ?? 0) };
+}
+/** Decimal places of a number: `12.5` → 1, `12` → 0, `1e-7` → 7. */
+function decimalPlaces(value) {
+    const { fractionPart, exponent } = splitDigits(value);
+    return Math.max(0, fractionPart.length - exponent);
+}
+/** Digits before the decimal separator, sign excluded: `-1234.5` → 4, `0.5` → 1. */
+function integerDigits(value) {
+    const { intPart, exponent } = splitDigits(value);
+    return Math.max(1, intPart.length + exponent);
+}
 /**
  * Creates form input for number values.
  *
@@ -1207,16 +1227,16 @@ class NumberComponent extends AbstractMatFormField {
                 errors.push({ key: 'number' });
             }
             else {
-                const split = control.value.replaceAll(this.transformPipe.separator, '').split(this.transformPipe.decimalSeparator);
+                // Digits are counted on the parsed value, never on the typed text: the text
+                // carries locale separators, a sign and — for the filesize classification —
+                // a unit ("1.5 MB"), none of which say anything about the value being stored.
                 // check precision
-                if (this.#precision() !== undefined) {
-                    const prePointDigits = this.#precision() - this.#scale();
-                    if (split[0]?.length > prePointDigits) {
-                        errors.push({ key: 'precision', params: { prePointDigits } });
-                    }
+                const prePointDigits = this.#precision() - this.#scale();
+                if (integerDigits(val) > prePointDigits) {
+                    errors.push({ key: 'precision', params: { prePointDigits } });
                 }
-                // check scale
-                if (this.#scale() && split[1]?.length > this.#scale()) {
+                // check scale: a scale of 0 (set explicitly or left unset) allows no decimals at all
+                if (decimalPlaces(val) > this.#scale()) {
                     errors.push({ key: 'scale', params: { scale: this.#scale() } });
                 }
                 // min max
@@ -1632,7 +1652,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
             args: [{ selector: 'yuv-organization-set', imports: [FormsModule, YuvAutocompleteModule, MatTooltipModule, MatIconModule, ReactiveFormsModule, TranslatePipe$1], providers: [{ provide: MatFormFieldControl, useExisting: OrganizationSetComponent }], template: "<yuv-autocomplete\n  [busy]=\"busy()\"\n  [formControl]=\"acFormControl\"\n  #autocomplete\n  [placeholder]=\"placeholder\"\n  [disabled]=\"readonly()\"\n  [autocompleteValues]=\"autocompleteRes\"\n  [forceSelection]=\"true\"\n  (autocompleteFnc)=\"autocompleteFn($event)\"\n  [multiple]=\"true\"\n  [maxItems]=\"multiselect() ? -1 : 1\"\n>\n  <!-- template for item inside the dropdown -->\n  <ng-template #optionTemplate let-item>\n    <span class=\"chip\">{{ item.value.title }}</span>\n  </ng-template>\n\n  <!-- template for chip -->\n  <ng-template #chipTemplate let-item>\n    <span class=\"chip\">\n      {{ item.value.title || item.label || '...' }}\n    </span>\n  </ng-template>\n</yuv-autocomplete>\n\n<mat-icon class=\"ymt-icon--size-s\" [matTooltip]=\"'yuv.form.element.organization-set.classify.icon.title' | translate\">\n  {{ multiselect() ? 'group' : 'person' }}\n</mat-icon>\n", styles: [":host{display:flex;align-items:center}:host yuv-autocomplete{flex:1}:host mat-icon{color:var(--ymt-text-color-subtle)}\n"] }]
         }], propDecorators: { situation: [{ type: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }], multiselect: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiselect", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], withMetadata: [{ type: i0.Input, args: [{ isSignal: true, alias: "withMetadata", required: false }] }], autocompleteMinLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocompleteMinLength", required: false }] }], classifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "classifications", required: false }] }], types: [{ type: i0.Input, args: [{ isSignal: true, alias: "types", required: false }] }] } });
 
-const mapOrganizationNode = (innerValue, excludeUserId) => map$1((nodes) => nodes
+/**
+ * Maps IDM results to autocomplete items. The `user` / `role` discriminator is supplied by the
+ * caller instead of being inferred from the node's shape: the organization set already carries
+ * a correct `type`, and every result of `queryUser()` is a user by definition.
+ */
+const mapOrganizationNode = (innerValue, nodeType, excludeUserId) => map$1((nodes) => nodes
     .filter((node) => !innerValue?.some((value) => value?.id === node.id))
     // `excludeMe` cannot be left to the backend: `/idm/search` has no such parameter at all,
     // and `/idm/users?excludeMe=true` is not guaranteed to honour it. Dropping the current
@@ -1644,7 +1669,7 @@ const mapOrganizationNode = (innerValue, excludeUserId) => map$1((nodes) => node
     value: {
         id: node.id,
         title: node.title,
-        type: 'user' in node ? 'user' : 'role'
+        type: nodeType(node)
     }
 })));
 /**
@@ -1928,10 +1953,10 @@ class OrganizationComponent extends AbstractMatFormField {
         this.acFormControl.updateValueAndValidity({ emitEvent: false });
     }
     #resolveOrganization(query, excludeMe, filterRoles) {
-        return this.#userService.queryUser(query, excludeMe, filterRoles).pipe(mapOrganizationNode(this.innerValue, excludeMe ? this.#ownUserId() : undefined), catchError(() => of([])));
+        return this.#userService.queryUser(query, excludeMe, filterRoles).pipe(mapOrganizationNode(this.innerValue, () => 'user', excludeMe ? this.#ownUserId() : undefined), catchError(() => of([])));
     }
     #resolveOrganizationSet(query, excludeMe, filterRoles) {
-        return this.#idmService.queryOrganizationEntity(query, filterRoles).pipe(mapOrganizationNode(this.innerValue, excludeMe ? this.#ownUserId() : undefined), catchError(() => of([])));
+        return this.#idmService.queryOrganizationEntity(query, filterRoles).pipe(mapOrganizationNode(this.innerValue, (node) => node.type, excludeMe ? this.#ownUserId() : undefined), catchError(() => of([])));
     }
     /** Id of the signed-in user — the value {@link excludeMe} filters out of the suggestions. */
     #ownUserId() {