@colijnit/corecomponents_v12 259.1.24 → 259.1.25

package/fesm2015/colijnit-corecomponents_v12.js

@@ -11572,11 +11572,11 @@ class ListOfValuesComponent extends BaseInputComponent {
         }
         this.selectedModel = model;
     }
-    onModelChange(text) {
+    onModelChange(model) {
         this.isLoading = true;
         clearTimeout(this.debounceTimeout);
         this.debounceTimeout = setTimeout(() => {
-            this.applyFilter(text);
+            this.applyFilter(model);
         }, 300);
     }
     applyFilter(text) {
@@ -11607,6 +11607,9 @@ class ListOfValuesComponent extends BaseInputComponent {
             (((_b = this.filteredCollection) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = this.filterText) === null || _c === void 0 ? void 0 : _c.length) > 2) ? this.openPopup() : this.closePopup();
             this.isLoading = false;
             this.changeDetector.detectChanges();
+            if (this._lovPopupComponentRef) {
+                this._lovPopupComponentRef.instance.searchTerm = text;
+            }
         });
     }
     handleInputKeyDown(event) {
@@ -11741,58 +11744,58 @@ class ListOfValuesComponent extends BaseInputComponent {
 ListOfValuesComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-list-of-values',
-                template: `
-      <co-input-text
-              *ngIf="!largeCollection"
-              aria-haspopup="listbox"
-              [attr.aria-expanded]="isSelectOpen"
-              aria-controls="lov-popup"
-              role="combobox"
-              class="no-focus-line"
-              overlayParent
-              #parentForOverlay="overlayParent"
-              type="text"
-              [id]="label"
-              [model]="multiselect ? selectedModels : selectedModel"
-              [placeholder]="label"
-              [myFormInputInstance]="this"
-              [readonly]="readonly"
-              [disabled]="disabled"
-              [required]="required"
-              [noClickFocus]="false"
-              [leftIconData]=" model && model[optionIcon] ? iconCacheService.getIcon(model[optionIcon]) : leftIconData"
-              [rightIcon]="isSelectOpen ? icons.ChevronUpRegular : icons.ChevronDownRegular"
-              [showClearButton]="true"
-              [useContent]="multiselect"
-              [customHeight]="multiselect"
-              [keepFocussed]="keepFocussed"
-              (modelChange)="handleInputModelChange($event)"
-              (click)="openPopup()"
-              (rightIconClick)="toggleSelect()"
-              (keydown)="handleInputKeyDown($event)"
-              (clearIconClick)="clearModel($event)"
-              (blur)="checkModel()">
-          <ng-container *ngIf="multiselect && showChips">
-              <div class="multiselect-chips-wrapper">
-                  <div class="chips" *ngFor="let chip of model">
-                      <span class="chips-description" [textContent]="chip[displayField]"></span>
-                      <co-icon class="remove-chip-icon" [icon]="icons.CrossSkinny" (click)="removeOptionFromModel(chip)"></co-icon>
-                  </div>
-              </div>
-          </ng-container>
-      </co-input-text>
-
-      <co-input-text
-              *ngIf="largeCollection"
-              [model]="filterText"
-              [placeholder]="label"
-              [required]="required"
-              [disabled]="disabled"
-              [readonly]="readonly"
-              (modelChange)="onModelChange($event)">
-      </co-input-text>
-      <div *ngIf="isLoading" class="filter-loader"><span></span></div>
-      <input type="hidden" [ngModel]="model">
+                template: `
+      <co-input-text
+              *ngIf="!largeCollection"
+              aria-haspopup="listbox"
+              [attr.aria-expanded]="isSelectOpen"
+              aria-controls="lov-popup"
+              role="combobox"
+              class="no-focus-line"
+              overlayParent
+              #parentForOverlay="overlayParent"
+              type="text"
+              [id]="label"
+              [model]="multiselect ? ((!selectedModels || selectedModels.length === 0) ? null : selectedModels ) : selectedModel"
+              [placeholder]="label"
+              [myFormInputInstance]="this"
+              [readonly]="readonly"
+              [disabled]="disabled"
+              [required]="required"
+              [noClickFocus]="false"
+              [leftIconData]=" model && model[optionIcon] ? iconCacheService.getIcon(model[optionIcon]) : leftIconData"
+              [rightIcon]="isSelectOpen ? icons.ChevronUpRegular : icons.ChevronDownRegular"
+              [showClearButton]="true"
+              [useContent]="multiselect"
+              [customHeight]="multiselect"
+              [keepFocussed]="keepFocussed"
+              (modelChange)="handleInputModelChange($event)"
+              (click)="openPopup()"
+              (rightIconClick)="toggleSelect()"
+              (keydown)="handleInputKeyDown($event)"
+              (clearIconClick)="clearModel($event)"
+              (blur)="checkModel()">
+          <ng-container *ngIf="multiselect && showChips">
+              <div class="multiselect-chips-wrapper">
+                  <div class="chips" *ngFor="let chip of model">
+                      <span class="chips-description" [textContent]="chip[displayField]"></span>
+                      <co-icon class="remove-chip-icon" [icon]="icons.CrossSkinny" (click)="removeOptionFromModel(chip)"></co-icon>
+                  </div>
+              </div>
+          </ng-container>
+      </co-input-text>
+
+      <co-input-text
+              *ngIf="largeCollection"
+              [model]="filterText"
+              [placeholder]="label"
+              [required]="required"
+              [disabled]="disabled"
+              [readonly]="readonly"
+              (modelChange)="onModelChange($event)">
+      </co-input-text>
+      <div *ngIf="isLoading" class="filter-loader"><span></span></div>
+      <input type="hidden" [ngModel]="(selectedModels && selectedModels.length) || selectedModel ? model : null">
   `,
                 providers: [
                     OverlayService,
@@ -14289,7 +14292,7 @@ class ScreenConfigurationDirective {
             if (myCfgObj) {
                 this._setHostVisible(myCfgObj.immediatelyVisible());
                 if (!this.screenConfigNativeElement) {
-                    this.hostComponent.required = myCfgObj.isRequired();
+                    this.hostComponent.required = this.hostComponent.required || myCfgObj.isRequired();
                     this.hostComponent.readonly = this.hostComponent.forceReadonly || this._moduleInReadonlyMode() || myCfgObj.isReadonly();
                     this.hostComponent.decimals = myCfgObj.scale;
                     this.hostComponent.maxLength = myCfgObj.maxLength;
@@ -15042,13 +15045,15 @@ class HourSchedulingExpandableComponent {
         return split.join(':');
     }
     convertTZ(date, tzString) {
-        return new Date((typeof date === "string" ? new Date(date) : date).toLocaleString("en-US", { timeZone: tzString }));
+        var _a;
+        return new Date((_a = (typeof date === "string" ? new Date(date) : date)) === null || _a === void 0 ? void 0 : _a.toLocaleString("en-US", { timeZone: tzString }));
     }
     convertDateToEuropean(date) {
         return this.convertTZ(date, 'Europe/Amsterdam');
     }
     handleDeselectAll() {
-        this.scheduledObjects.forEach((scheduledObject) => {
+        var _a;
+        (_a = this.scheduledObjects) === null || _a === void 0 ? void 0 : _a.forEach((scheduledObject) => {
             if (scheduledObject.selected) {
                 scheduledObject.selected = false;
             }