@colijnit/corecomponents_v12 260.1.17 → 261.1.0

package/fesm2015/colijnit-corecomponents_v12.js

@@ -5809,12 +5809,14 @@ class InputTextComponent extends BaseInputComponent {
     get hasRightIcon() {
         return this.rightIcon !== undefined && this.rightIcon !== null;
     }
-    handleDocumentMouseUp(event) {
+    handleDocumentPointerUp(event) {
         if (this._isLeftIconMouseDown) {
-            this.leftIconMouseUp.next(event);
+            this._isLeftIconMouseDown = false;
+            this.leftIconMouseUp.emit(event);
         }
         if (this._isRightIconMouseDown) {
-            this.rightIconMouseUp.next(event);
+            this._isRightIconMouseDown = false;
+            this.rightIconMouseUp.emit(event);
         }
     }
     set model(value) {
@@ -5878,6 +5880,22 @@ class InputTextComponent extends BaseInputComponent {
         this._isRightIconMouseDown = false;
         this.rightIconMouseUp.emit(event);
     }
+    handleRightIconPointerDown(event) {
+        var _a;
+        event.preventDefault();
+        event.stopPropagation();
+        this._isRightIconMouseDown = true;
+        this.rightIconMouseDown.emit(event);
+        (_a = event.target) === null || _a === void 0 ? void 0 : _a.setPointerCapture(event.pointerId);
+    }
+    handleRightIconPointerUp(event) {
+        var _a;
+        event.preventDefault();
+        event.stopPropagation();
+        this._isRightIconMouseDown = false;
+        this.rightIconMouseUp.emit(event);
+        (_a = event.target) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(event.pointerId);
+    }
     handleInputFocus(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -6037,8 +6055,10 @@ InputTextComponent.decorators = [
       <div *ngIf="rightIcon || rightIconData" class="spacer right-icon"></div>
       <co-icon *ngIf="rightIcon || rightIconData" class="input-text-right-icon" [icon]="rightIcon"
                [iconData]="rightIconData"
-               (click)="handleRightIconClick($event)" (mousedown)="handleRightIconMouseDown($event)"
-               (mouseup)="handleRightIconMouseUp($event)"></co-icon>
+               (click)="handleRightIconClick($event)"
+               (pointerdown)="handleRightIconPointerDown($event)"
+               (pointerup)="handleRightIconPointerUp($event)"
+               (pointercancel)="handleRightIconPointerUp($event)"></co-icon>
     </div>
     <!--
             <co-commit-buttons *ngIf="showSaveCancel && focused && canSaveOrCancel"
@@ -6108,7 +6128,7 @@ InputTextComponent.propDecorators = {
     hasLeftIcon: [{ type: HostBinding, args: ['class.has-left-icon',] }],
     hasRightIcon: [{ type: HostBinding, args: ['class.has-right-icon',] }],
     hasOwnLabel: [{ type: HostBinding, args: ['class.has-own-label',] }],
-    handleDocumentMouseUp: [{ type: HostListener, args: ['document:mouseup', ['$event'],] }],
+    handleDocumentPointerUp: [{ type: HostListener, args: ['document:pointerup', ['$event'],] }, { type: HostListener, args: ['document:pointercancel', ['$event'],] }],
     model: [{ type: Input }]
 };
 
@@ -10136,24 +10156,14 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         if (this._newRow) {
             this.saveRow.next(this._newRowReference);
             this._newRowReference = null; // clear
+            window.scrollTo({ top: 0, behavior: 'smooth' });
         }
         else {
             let index = -1; // existing row
-            if (this.rowsPerPage) {
-                index = (this.currentPage - 1) * this.rowsPerPage + this.editRowIndex;
-            }
-            else {
-                index = this.editRowIndex;
-            }
             if (index >= 0 && index < this.data.length) {
-                this.saveRow.next(this.data[index]);
+                this.saveRow.next(this.data[this.editRowIndex]);
             }
         }
-        if (this.currentPage !== 1) {
-            this.currentPage = 1;
-            this.selectedRowIndex = -1;
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-        }
         this._newRow = false;
         if (stopediting) {
             this._resetEdit();
@@ -11420,11 +11430,11 @@ class ListOfValuesPopupComponent {
         this.viewModels.length = 0;
         this.viewModels = this.viewModelsMain.filter(vm => {
             return Object.values(vm.model).some((value) => {
-                if (!this.searchTerm || !value) {
+                if (!this.searchTerm) {
                     return true;
                 }
                 else {
-                    return value.toString().toLowerCase().includes(this.searchTerm.toLowerCase());
+                    return value && value.toString().toLowerCase().includes(this.searchTerm.toLowerCase());
                 }
             });
         });
@@ -11752,58 +11762,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 || 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">
+                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,
@@ -12488,6 +12498,7 @@ class FilterItemComponent {
         this.sliderDefaultMax = 100000;
         this.fullRangeIsNull = false;
         this.canFilterByCode = false;
+        this.alwaysShowButton = false;
         this.modelChange = new EventEmitter();
         this.collectionChange = new EventEmitter();
         this.filterButtonClicked = new EventEmitter();
@@ -12691,6 +12702,7 @@ class FilterItemComponent {
                     return true;
                 }
             });
+            this._sortCollectionByChecked();
             this.isLoading = false;
             this._changeDetector.detectChanges();
         });
@@ -13211,6 +13223,8 @@ class FilterItemComponent {
         var _a;
         const modeWithoutCollection = this.mode === this.modes.DateField ||
             this.mode === this.modes.DateRangeField ||
+            this.mode === this.modes.TextField ||
+            this.mode === this.modes.CheckboxToText ||
             this.mode === this.modes.Slider;
         const canApplyDefaults = (modeWithoutCollection || (!modeWithoutCollection && this.collection && this.collection.length > 0)) &&
             this.defaultValue &&
@@ -13257,8 +13271,12 @@ class FilterItemComponent {
                 this._applyDefaultForCheckbox();
                 break;
         }
+        this._sortCollectionByChecked();
         this._defaultSet = true;
     }
+    _sortCollectionByChecked() {
+        this.filteredCollection.sort((a, b) => (a.checked === b.checked) ? 0 : a.checked ? -1 : 1);
+    }
 }
 FilterItemComponent.decorators = [
     { type: Component, args: [{
@@ -13270,7 +13288,7 @@ FilterItemComponent.decorators = [
         [expandButtonLast]="true"
         [iconData]="iconService.getIcon(icons.ArrowPointDown)"
         [expanded]="expanded"
-        [showButton]="showButton"
+        [showButton]="showButton || alwaysShowButton"
         [buttonText]="filterButtonLabel"
         (buttonClicked)="onButtonClicked()"
       >
@@ -13383,9 +13401,10 @@ FilterItemComponent.decorators = [
                 (modelChange)="handleModelChange(sliderMax)"
               ></co-input-text>
             </div>
-            <div class="co-filter-item-checkbox-content" *ngIf="mode === modes.Checkbox ">
+            <div class="co-filter-item-checkbox-content" *ngIf="mode === modes.Checkbox">
               <co-input-checkbox
                 [(model)]="model"
+                [clickableLabel]="false"
                 (modelChange)="handleModelChange($event)"
                 [readonly]="readonly"
                 [label]="placeholder">
@@ -13395,6 +13414,7 @@ FilterItemComponent.decorators = [
                  *ngIf="mode === modes.CheckboxToText || mode === modes.CheckboxToSimpleText || mode === modes.CheckboxToBinary || mode === modes.CheckboxToTFSimpleText || mode === modes.CheckboxToTFText">
               <co-input-checkbox
                 [(model)]="checkBoxToTextModel"
+                [clickableLabel]="false"
                 (modelChange)="handleModelChange($event)"
                 [readonly]="readonly"
                 [label]="placeholder"></co-input-checkbox>
@@ -13457,6 +13477,7 @@ FilterItemComponent.propDecorators = {
     fullRangeIsNull: [{ type: Input }],
     canFilterByCode: [{ type: Input }],
     firstDayOfWeek: [{ type: Input }],
+    alwaysShowButton: [{ type: Input }],
     model: [{ type: Input }],
     modelChange: [{ type: Output }],
     collectionChange: [{ type: Output }],
@@ -13630,7 +13651,7 @@ class FilterItemViewmodel {
     constructor(code, description, checked, count, valueName) {
         this.checked = false;
         this.code = code;
-        this.description = description === null || description === void 0 ? void 0 : description.toString();
+        this.description = description ? description.toString() : (code ? code.toString() : '');
         this.checked = checked;
         this.count = count;
         this.valueName = valueName;