@colijnit/corecomponents_v12 258.1.26 → 258.1.28

package/esm2015/lib/model/icon-list-item.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1saXN0LWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL21vZGVsL2ljb24tbGlzdC1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1NhZmVIdG1sfSBmcm9tIFwiQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3NlclwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJY29uTGlzdEl0ZW0ge1xyXG4gIGlkPzogbnVtYmVyO1xyXG4gIGljb246IFNhZmVIdG1sO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1saXN0LWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL21vZGVsL2ljb24tbGlzdC1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1NhZmVIdG1sfSBmcm9tIFwiQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3NlclwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJY29uTGlzdEl0ZW0ge1xyXG4gIGlkPzogbnVtYmVyO1xyXG4gIGljb246IFNhZmVIdG1sO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgY2hpbGRyZW4/OiBJY29uTGlzdEl0ZW1bXTtcclxufVxyXG4iXX0=

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 }],
@@ -11819,22 +11833,8 @@ ListOfValuesModule.decorators = [
             },] }
 ];
 
-// Values are corresponding dictionary keys in text_nl.
-var BatchDeliveryCategory;
-(function (BatchDeliveryCategory) {
-    BatchDeliveryCategory["Overview"] = "OVERVIEW";
-    BatchDeliveryCategory["Purchase"] = "COST_OF_SALES";
-    BatchDeliveryCategory["Allocate"] = "ALLOCATION";
-    BatchDeliveryCategory["Logistics"] = "LOGISTICS";
-    BatchDeliveryCategory["DeliveryOrder"] = "DELIVERY_ORDER";
-    BatchDeliveryCategory["Invoice"] = "INVOICE";
-    BatchDeliveryCategory["ToPick"] = "TO_PICK";
-    BatchDeliveryCategory["Picked"] = "PICKED";
-})(BatchDeliveryCategory || (BatchDeliveryCategory = {}));
-
 class ListOfIconsComponent {
-    constructor(iconCacheService, icons) {
-        this.iconCacheService = iconCacheService;
+    constructor(icons) {
         this.icons = icons;
         this.iconSize = 25;
         this.itemSelected = new EventEmitter();
@@ -11842,13 +11842,10 @@ class ListOfIconsComponent {
         this.showMenu = false;
         this.showSubCategories = false;
         this._collection = [];
-        this.subCategories = [
-            { icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: BatchDeliveryCategory.ToPick },
-            { icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: BatchDeliveryCategory.Picked }
-        ];
     }
     set collection(value) {
         this._collection = value || [];
+        this.activeItem = this.collection[0];
     }
     get collection() {
         return this._collection;
@@ -11865,7 +11862,7 @@ class ListOfIconsComponent {
         this.showMenu = !this.showMenu;
     }
     selectItem(item) {
-        if (item.label.toUpperCase() === BatchDeliveryCategory.Logistics) {
+        if (item.children) {
             this.showSubCategories = !this.showSubCategories;
             return;
         }
@@ -11874,8 +11871,9 @@ class ListOfIconsComponent {
         this.itemSelected.emit(this.activeItem);
     }
     handlePickingCategoryClicked(subCategory) {
-        this.itemSelected.emit(subCategory);
+        this.activeItem = subCategory;
         this.showMenu = false;
+        this.itemSelected.emit(subCategory);
         this.showSubCategories = false;
     }
     onClickOutside() {
@@ -11887,35 +11885,37 @@ 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 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="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 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 class="picking-type-wrapper" *ngIf="showSubCategories && item.children?.length > 0">
+                  <div
+                          class="button-wrapper"
+                          *ngFor="let subCategory of item.children"
+                          (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>
       </div>
-    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 ListOfIconsComponent.ctorParameters = () => [
-    { type: IconCacheService },
     { type: IconCacheService }
 ];
 ListOfIconsComponent.propDecorators = {