@colijnit/corecomponents_v12 260.1.1 → 260.1.2

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -12360,6 +12360,19 @@
                 },] }
     ];
 
+    // 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 = {}));
+
     var ListOfIconsComponent = /** @class */ (function () {
         function ListOfIconsComponent(iconCacheService, icons) {
             this.iconCacheService = iconCacheService;
@@ -12371,8 +12384,8 @@
             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 }
             ];
         }
         Object.defineProperty(ListOfIconsComponent.prototype, "collection", {
@@ -12397,7 +12410,7 @@
             this.showMenu = !this.showMenu;
         };
         ListOfIconsComponent.prototype.selectItem = function (item) {
-            if (item.label.toUpperCase() === 'LOGISTICS' || item.label.toUpperCase() === 'LOGISTIEK') {
+            if (item.label === BatchDeliveryCategory.Logistics) {
                 this.showSubCategories = !this.showSubCategories;
                 return;
             }
@@ -12419,7 +12432,7 @@
     ListOfIconsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-list-of-icons',
-                    template: "\n    <div class=\"icon-item active\" [class.menu-opened]=\"showMenu\" (click)=\"toggleMenu()\">\n      <co-icon [iconData]=\"activeItem.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n      <co-icon *ngIf=\"!showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretDownSolid)\"></co-icon>\n      <co-icon *ngIf=\"showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretUpSolid)\"></co-icon>\n    </div>\n    <div class=\"dropdown-menu\" *ngIf=\"showMenu\" (clickOutside)=\"onClickOutside()\">\n      <div class=\"icon-item\" *ngFor=\"let item of collection\" (click)=\"selectItem(item)\"\n           [class.active]=\"item === activeItem\">\n        <co-icon [iconData]=\"item.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n        <div class=\"label\">{{ item.label }}</div>\n      </div>\n      <div class=\"picking-type-wrapper\" *ngIf=\"showSubCategories\">\n        <div class=\"button-wrapper\" *ngFor=\"let subCategory of subCategories\" (click)=\"handlePickingCategoryClicked(subCategory)\">\n          <co-icon class=\"co-transaction-button-bar-icon\" [iconData]=\"subCategory.icon\"></co-icon>\n          <span class=\"button-title\">{{subCategory.label}}</span>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"icon-item active\" [class.menu-opened]=\"showMenu\" (click)=\"toggleMenu()\">\n      <co-icon [iconData]=\"activeItem.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n      <co-icon *ngIf=\"!showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretDownSolid)\"></co-icon>\n      <co-icon *ngIf=\"showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretUpSolid)\"></co-icon>\n    </div>\n    <div class=\"dropdown-menu\" *ngIf=\"showMenu\" (clickOutside)=\"onClickOutside()\">\n      <div class=\"icon-item\" *ngFor=\"let item of collection\" (click)=\"selectItem(item)\"\n           [class.active]=\"item === activeItem\">\n        <co-icon [iconData]=\"item.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n        <div class=\"label\" [textContent]=\"item.label | coreLocalize\"></div>\n      </div>\n      <div class=\"picking-type-wrapper\" *ngIf=\"showSubCategories\">\n        <div class=\"button-wrapper\" *ngFor=\"let subCategory of subCategories\" (click)=\"handlePickingCategoryClicked(subCategory)\">\n          <co-icon \n                  class=\"co-transaction-button-bar-icon\" \n                  [iconData]=\"subCategory.icon\" \n                  [style.width.px]=\"iconSize\" \n                  [style.height.px]=\"iconSize\">\n          </co-icon>\n          <span class=\"button-title\" [textContent]=\"subCategory.label | coreLocalize\"></span>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -12446,7 +12459,8 @@
                         common.CommonModule,
                         forms.FormsModule,
                         IconModule,
-                        ClickoutsideModule
+                        ClickoutsideModule,
+                        CoreComponentsTranslationModule
                     ],
                     declarations: [
                         ListOfIconsComponent