@colijnit/corecomponents_v12 259.1.19 → 259.1.21

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -12367,22 +12367,8 @@
                 },] }
     ];
 
-    // 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;
+        function ListOfIconsComponent(icons) {
             this.icons = icons;
             this.iconSize = 25;
             this.itemSelected = new i0.EventEmitter();
@@ -12390,10 +12376,6 @@
             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 }
-            ];
         }
         Object.defineProperty(ListOfIconsComponent.prototype, "collection", {
             get: function () {
@@ -12401,6 +12383,7 @@
             },
             set: function (value) {
                 this._collection = value || [];
+                this.activeItem = this.collection[0];
             },
             enumerable: false,
             configurable: true
@@ -12417,7 +12400,7 @@
             this.showMenu = !this.showMenu;
         };
         ListOfIconsComponent.prototype.selectItem = function (item) {
-            if (item.label.toUpperCase() === BatchDeliveryCategory.Logistics) {
+            if (item.children) {
                 this.showSubCategories = !this.showSubCategories;
                 return;
             }
@@ -12426,8 +12409,9 @@
             this.itemSelected.emit(this.activeItem);
         };
         ListOfIconsComponent.prototype.handlePickingCategoryClicked = function (subCategory) {
-            this.itemSelected.emit(subCategory);
+            this.activeItem = subCategory;
             this.showMenu = false;
+            this.itemSelected.emit(subCategory);
             this.showSubCategories = false;
         };
         ListOfIconsComponent.prototype.onClickOutside = function () {
@@ -12439,12 +12423,11 @@
     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\" [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  ",
+                    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 class=\"picking-type-wrapper\" *ngIf=\"showSubCategories && item.children?.length > 0\">\n                  <div\n                          class=\"button-wrapper\"\n                          *ngFor=\"let subCategory of item.children\"\n                          (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      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     ListOfIconsComponent.ctorParameters = function () { return [
-        { type: IconCacheService },
         { type: IconCacheService }
     ]; };
     ListOfIconsComponent.propDecorators = {