@colijnit/corecomponents_v12 258.1.27 → 258.1.29

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1883,6 +1883,7 @@ class BaseInputComponent {
         this.keyDown = new EventEmitter();
         this.keyUp = new EventEmitter();
         this.modelChange = new EventEmitter();
+        this.selectedValueChange = new EventEmitter();
         this.userModelChange = new EventEmitter();
         this.hiddenChange = new EventEmitter();
         this.cancelClicked = new EventEmitter();
@@ -2631,6 +2632,7 @@ BaseInputComponent.propDecorators = {
     keyDown: [{ type: Output }],
     keyUp: [{ type: Output }],
     modelChange: [{ type: Output }],
+    selectedValueChange: [{ type: Output }],
     userModelChange: [{ type: Output }],
     hiddenChange: [{ type: Output }],
     cancelClicked: [{ type: Output }],
@@ -10106,6 +10108,11 @@ SimpleGridComponent.decorators = [
           [class.simple-grid-column-auto-fit]="column.autoFit"
           [style.width.px]="column.width"
           [style.min-width.px]="MIN_COLUMN_WIDTH">
+        <col
+          *ngIf="((inlineEdit && showRowButtons) || (showDelete && !showRowButtons)) && (hoveredRowIndex >= 0 || selectedRowIndex >= 0 || isNewRow)"
+          [class.icons-col]="true"
+          [class.col-width-row-buttons]="inlineEdit && showRowButtons"
+          [class.col-width-delete]="!showRowButtons && showDelete">
       </colgroup>
       <thead>
       <tr>
@@ -10217,33 +10224,28 @@ SimpleGridComponent.decorators = [
                 <div *ngIf="column.resizable" class="simple-grid-column-sizer-placeholder"></div>
               </td>
             </ng-container>
-            <ng-container *ngIf="inlineEdit && showRowButtons">
-              <div class="icons-container" *ngIf="!editing">
-                <co-icon class="icon-item icon-edit"
-                         [iconData]="icons.getIcon(Icons.PenToSquareSolid)" *ngIf="hoveredRowIndex === rowIndex"
-                         (click)="editRow($event, true, rowIndex); $event.stopPropagation()"></co-icon>
-                <co-icon class="icon-item icon-delete"
-                         [iconData]="icons.getIcon(Icons.TrashBin)" *ngIf="hoveredRowIndex === rowIndex"
-                         (click)="selectTheRow(rowIndex); removeRow();"></co-icon>
-              </div>
-              <div class="icons-container">
-                <co-button class="save-button"
-                           *ngIf="editing && (selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex))"
-                           [iconData]="icons.getIcon(Icons.CheckDuotone)"
-                           (click)="validateAndSave(); $event.stopPropagation()"></co-button>
-                <co-button class="close-button"
-                           *ngIf="editing && (selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex))"
-                           [iconData]="icons.getIcon(Icons.CrossSkinny)"
-                           (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 *ngIf="(inlineEdit && showRowButtons) || (showDelete && !showRowButtons)">
+              <td class="icons-container"
+                  *ngIf="(editRowIndex <= -1 && selectedRowIndex === -1 && hoveredRowIndex === rowIndex) || selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex)">
+                <ng-container>
+                  <co-icon class="icon-item icon-edit"
+                           *ngIf="!editing && (inlineEdit && showRowButtons)"
+                           [iconData]="icons.getIcon(Icons.PenToSquareSolid)"
+                           (click)="editRow($event, true, rowIndex); $event.stopPropagation()"></co-icon>
+                  <co-icon class="icon-item icon-delete"
+                           [iconData]="icons.getIcon(Icons.TrashBin)"
+                           *ngIf="(!editing && (inlineEdit || !inlineEdit) && showRowButtons) || (!showRowButtons && showDelete)"
+                           (click)="selectTheRow(rowIndex); removeRow();"></co-icon>
+                </ng-container>
+                <ng-container *ngIf="editing && inlineEdit && showRowButtons && (selectedRowIndex === rowIndex || isNewRow)">
+                  <co-button class="save-button"
+                             [iconData]="icons.getIcon(Icons.CheckDuotone)"
+                             (click)="validateAndSave(); $event.stopPropagation()"></co-button>
+                  <co-button class="close-button"
+                             [iconData]="icons.getIcon(Icons.CrossSkinny)"
+                             (click)="cancelEditRow(); $event.stopPropagation() "></co-button>
+                </ng-container>
+              </td>
             </ng-container>
           </ng-container>
         </tr>
@@ -11559,7 +11561,7 @@ class ListOfValuesComponent extends BaseInputComponent {
             }
         }
         this.setModel(option);
-        this.modelChange.emit(this.model);
+        this.selectedValueChange.emit(this.model);
         this.detectChanges();
     }
     closePopup() {
@@ -11833,22 +11835,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();
@@ -11856,10 +11844,6 @@ 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 || [];
@@ -11880,7 +11864,7 @@ class ListOfIconsComponent {
         this.showMenu = !this.showMenu;
     }
     selectItem(item) {
-        if (item.label.toUpperCase() === BatchDeliveryCategory.Logistics) {
+        if (item.children) {
             this.showSubCategories = !this.showSubCategories;
             return;
         }
@@ -11889,8 +11873,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() {
@@ -11901,36 +11886,38 @@ 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 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>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 ListOfIconsComponent.ctorParameters = () => [
-    { type: IconCacheService },
     { type: IconCacheService }
 ];
 ListOfIconsComponent.propDecorators = {