@colijnit/corecomponents_v12 258.1.26 → 258.1.27

package/fesm2015/colijnit-corecomponents_v12.js

@@ -10237,6 +10237,14 @@ SimpleGridComponent.decorators = [
                            (click)="cancelEditRow(); $event.stopPropagation() "></co-button>
               </div>
             </ng-container>
+            <ng-container *ngIf="!(inlineEdit && showRowButtons) && showDelete">
+              <div class="icons-container">
+                <co-icon class="icon-item icon-delete"
+                         [iconData]="icons.getIcon(Icons.TrashBin)" *ngIf="hoveredRowIndex === rowIndex"
+                         (click)="selectTheRow(rowIndex); removeRow();">
+                </co-icon>
+              </div>
+            </ng-container>
           </ng-container>
         </tr>
       </co-form>
@@ -11458,8 +11466,13 @@ class ListOfValuesComponent extends BaseInputComponent {
                 this.isLoading = false;
                 return [];
             }
-            this.filteredCollection = (_a = this.collection) === null || _a === void 0 ? void 0 : _a.filter(() => {
-                return true;
+            this.filteredCollection = (_a = this.collection) === null || _a === void 0 ? void 0 : _a.filter((item) => {
+                if (this.collectionLoadFnProp && this.collectionLoadFnProp.length > 0) {
+                    return item[this.collectionLoadFnProp] && item[this.collectionLoadFnProp].toLowerCase().includes(text.toLowerCase());
+                }
+                else {
+                    return true;
+                }
             });
             (((_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;
@@ -11676,6 +11689,7 @@ ListOfValuesComponent.propDecorators = {
     displayField: [{ type: Input }],
     collection: [{ type: Input }],
     collectionLoadFn: [{ type: Input }],
+    collectionLoadFnProp: [{ type: Input }],
     leftIconData: [{ type: Input }],
     searchPlaceholder: [{ type: Input }],
     label: [{ type: Input }],
@@ -11849,6 +11863,7 @@ class ListOfIconsComponent {
     }
     set collection(value) {
         this._collection = value || [];
+        this.activeItem = this.collection[0];
     }
     get collection() {
         return this._collection;
@@ -11886,30 +11901,30 @@ class ListOfIconsComponent {
 ListOfIconsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-list-of-icons',
-                template: `
-    <div class="icon-item active" [class.menu-opened]="showMenu" (click)="toggleMenu()">
-      <co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
-        <co-icon *ngIf="!showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretDownSolid)"></co-icon>
-        <co-icon *ngIf="showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretUpSolid)"></co-icon>
-    </div>
-    <div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
-      <div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
-           [class.active]="item === activeItem">
-        <co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
-          <div class="label" [textContent]="item.label | coreLocalize"></div>
-      </div>
-      <div class="picking-type-wrapper" *ngIf="showSubCategories">
-        <div class="button-wrapper" *ngFor="let subCategory of subCategories" (click)="handlePickingCategoryClicked(subCategory)">
-            <co-icon
-                    class="co-transaction-button-bar-icon"
-                    [iconData]="subCategory.icon"
-                    [style.width.px]="iconSize"
-                    [style.height.px]="iconSize">
-            </co-icon>
-            <span class="button-title" [textContent]="subCategory.label | coreLocalize"></span>
-        </div>
-      </div>
-    </div>
+                template: `
+    <div class="icon-item active" [class.menu-opened]="showMenu" (click)="toggleMenu()">
+      <co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
+        <co-icon *ngIf="!showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretDownSolid)"></co-icon>
+        <co-icon *ngIf="showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretUpSolid)"></co-icon>
+    </div>
+    <div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
+      <div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
+           [class.active]="item === activeItem">
+        <co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
+          <div class="label" [textContent]="item.label | coreLocalize"></div>
+      </div>
+      <div class="picking-type-wrapper" *ngIf="showSubCategories">
+        <div class="button-wrapper" *ngFor="let subCategory of subCategories" (click)="handlePickingCategoryClicked(subCategory)">
+          <co-icon
+                  class="co-transaction-button-bar-icon"
+                  [iconData]="subCategory.icon"
+                  [style.width.px]="iconSize"
+                  [style.height.px]="iconSize">
+          </co-icon>
+          <span class="button-title" [textContent]="subCategory.label | coreLocalize"></span>
+        </div>
+      </div>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }