@yuuvis/client-framework 2.13.0 → 2.14.0

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

@@ -1334,7 +1334,9 @@ class OrganizationSetComponent extends AbstractMatFormField {
             const types = this.types();
             if (c?.length) {
                 const classifications = this.#system.getClassifications(c);
-                return classifications.has(Classification.STRING_ORGANIZATION_SET) ? classifications.get(Classification.STRING_ORGANIZATION_SET).options : [];
+                return classifications.has(Classification.STRING_ORGANIZATION_SET)
+                    ? classifications.get(Classification.STRING_ORGANIZATION_SET).options
+                    : [];
             }
             else if (types) {
                 return types;
@@ -1354,7 +1356,11 @@ class OrganizationSetComponent extends AbstractMatFormField {
     #dRef;
     #targetTypes;
     writeValue(value) {
-        const val = Array.isArray(value) ? value.map((v) => (typeof v === 'string' ? JSON.parse(v) : v)) : value ? [JSON.parse(value)] : [];
+        const val = Array.isArray(value)
+            ? value.map((v) => (typeof v === 'string' ? JSON.parse(v) : v))
+            : value
+                ? [JSON.parse(value)]
+                : [];
         this.innerValue = val;
         this.value = val.map((v) => JSON.stringify(v));
         if (!this.multiselect) {
@@ -1391,8 +1397,6 @@ class OrganizationSetComponent extends AbstractMatFormField {
     }
     autocompleteFn(query) {
         if (query.length >= this.autocompleteMinLength()) {
-            console.log(this.#targetTypes());
-            console.log(query);
             this.#idmService.queryOrganizationEntity(query, this.#targetTypes()).subscribe({
                 next: (entries) => {
                     this.autocompleteRes = entries
@@ -1436,7 +1440,15 @@ class OrganizationSetComponent extends AbstractMatFormField {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: OrganizationSetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-organization-set', imports: [CommonModule, FormsModule, YuvAutocompleteModule, MatTooltipModule, MatIconModule, ReactiveFormsModule, TranslateModule$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 || '...' }}\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"] }]
+            args: [{ selector: 'yuv-organization-set', imports: [
+                        CommonModule,
+                        FormsModule,
+                        YuvAutocompleteModule,
+                        MatTooltipModule,
+                        MatIconModule,
+                        ReactiveFormsModule,
+                        TranslateModule$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 || '...' }}\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"] }]
         }] });
 
 class DateRangePickerComponent {