@colijnit/corecomponents_v12 260.1.7 → 260.1.9

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -12398,22 +12398,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();
@@ -12421,10 +12407,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 () {
@@ -12432,6 +12414,7 @@
             },
             set: function (value) {
                 this._collection = value || [];
+                this.activeItem = this.collection[0];
             },
             enumerable: false,
             configurable: true
@@ -12448,7 +12431,7 @@
             this.showMenu = !this.showMenu;
         };
         ListOfIconsComponent.prototype.selectItem = function (item) {
-            if (item.label === BatchDeliveryCategory.Logistics) {
+            if (item.children) {
                 this.showSubCategories = !this.showSubCategories;
                 return;
             }
@@ -12457,8 +12440,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 () {
@@ -12470,12 +12454,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\n                  class=\"icon-item\"\n                  [class.active]=\"item === activeItem\"\n                  *ngFor=\"let item of collection\" (click)=\"selectItem(item)\">\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 = {