@colijnit/corecomponents_v12 258.1.23 → 258.1.25

package/fesm2015/colijnit-corecomponents_v12.js

@@ -10125,7 +10125,7 @@ SimpleGridComponent.decorators = [
                 [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign"
                 [class.with-menu]="showGridSettings"
                 [class.with-sort]="showColumnSort"
-                [textContent]="column.headerText || ' '"
+                [textContent]="column.headerText || ' '" [title]="column.headerText"
                 (click)="showColumnSort ? sortColumn(column, column.field) : toggleColumnMenu(column)">
               </div>
 
@@ -10917,7 +10917,7 @@ SimpleGridCellComponent.decorators = [
                                   [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
                 </ng-container>
                 <ng-template #noTemplate>
-                    <span [textContent]="column.getFieldValue(row[column.field])"></span>
+                    <span [textContent]="column.getFieldValue(row[column.field])"  [title]="row[column.field]"></span>
                 </ng-template>
               </div>
           </ng-template>
@@ -11816,6 +11816,19 @@ 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;
@@ -11827,8 +11840,8 @@ class ListOfIconsComponent {
         this.showSubCategories = false;
         this._collection = [];
         this.subCategories = [
-            { icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: 'To be picked' },
-            { icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: 'Picked' }
+            { icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: BatchDeliveryCategory.ToPick },
+            { icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: BatchDeliveryCategory.Picked }
         ];
     }
     set collection(value) {
@@ -11849,7 +11862,7 @@ class ListOfIconsComponent {
         this.showMenu = !this.showMenu;
     }
     selectItem(item) {
-        if (item.label.toUpperCase() === 'LOGISTICS' || item.label.toUpperCase() === 'LOGISTIEK') {
+        if (item.label.toUpperCase() === BatchDeliveryCategory.Logistics) {
             this.showSubCategories = !this.showSubCategories;
             return;
         }
@@ -11873,18 +11886,24 @@ ListOfIconsComponent.decorators = [
                 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 class="drop-arrow" [iconData]="icons.getIcon(Icon.ArrowPointDown)"></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">{{ item.label }}</div>
+          <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"></co-icon>
-          <span class="button-title">{{subCategory.label}}</span>
+            <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>
@@ -11912,7 +11931,8 @@ ListOfIconsModule.decorators = [
                     CommonModule,
                     FormsModule,
                     IconModule,
-                    ClickoutsideModule
+                    ClickoutsideModule,
+                    CoreComponentsTranslationModule
                 ],
                 declarations: [
                     ListOfIconsComponent