@colijnit/corecomponents_v12 259.1.16 → 259.1.18

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -5967,6 +5967,7 @@
             _this.ngZoneWrapper = ngZoneWrapper;
             _this.elementRef = elementRef;
             _this.firstDayOfWeek = '';
+            _this.showClearButton = true;
             _super.prototype._markAsOnPush.call(_this);
             return _this;
         }
@@ -6046,7 +6047,7 @@
     InputDatePickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-input-date',
-                    template: "\n      <co-input-text (clickOutside)=\"toggleCalendar(false)\" overlayParent #parentForOverlay=\"overlayParent\"\n                     [hidden]=\"hidden\"\n                     [readonly]=\"readonly\"\n                     [(model)]=\"modelAsString\"\n                     [rightIcon]=\"rightIcon\"\n                     [leftIcon]=\"leftIcon\"\n                     [leftIconData]=\"leftIconData\"\n                     [pattern]=\"'yyyy-MM-dd'\"\n                     [type]=\"'date'\"\n                     [placeholder]=\"placeholder\"\n                     (leftIconClick)=\"leftIconClick.emit($event)\"\n                     (rightIconClick)=\"toggleCalendar(true)\"\n                     (modelChange)=\"modelAsString = $event\"\n                     (clearIconClick)=\"handleClearIconClicked()\"\n                     [emptyPlace]=\"true\"\n                     [firstDayOfWeek]=\"firstDayOfWeek\"\n                     (keydown.enter)=\"finalizeDate()\"\n                     (keydown.tab)=\"finalizeDate()\"\n                     (blur)=\"finalizeDate()\"\n      ></co-input-text>\n    ",
+                    template: "\n      <co-input-text (clickOutside)=\"toggleCalendar(false)\" overlayParent #parentForOverlay=\"overlayParent\"\n                     [hidden]=\"hidden\"\n                     [readonly]=\"readonly\"\n                     [(model)]=\"modelAsString\"\n                     [rightIcon]=\"rightIcon\"\n                     [leftIcon]=\"leftIcon\"\n                     [leftIconData]=\"leftIconData\"\n                     [pattern]=\"'yyyy-MM-dd'\"\n                     [type]=\"'date'\"\n                     [placeholder]=\"placeholder\"\n                     [showClearButton]=\"showClearButton\"\n                     (leftIconClick)=\"leftIconClick.emit($event)\"\n                     (rightIconClick)=\"toggleCalendar(true)\"\n                     (modelChange)=\"modelAsString = $event\"\n                     (clearIconClick)=\"handleClearIconClicked()\"\n                     [emptyPlace]=\"true\"\n                     [firstDayOfWeek]=\"firstDayOfWeek\"\n                     (keydown.enter)=\"finalizeDate()\"\n                     (keydown.tab)=\"finalizeDate()\"\n                     (blur)=\"finalizeDate()\"\n      ></co-input-text>\n    ",
                     providers: [
                         OverlayService, {
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return InputDatePickerComponent; })
@@ -6069,6 +6070,7 @@
     ]; };
     InputDatePickerComponent.propDecorators = {
         firstDayOfWeek: [{ type: i0.Input }],
+        showClearButton: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-input-date',] }]
     };
 
@@ -12358,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;
@@ -12369,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", {
@@ -12395,7 +12410,7 @@
             this.showMenu = !this.showMenu;
         };
         ListOfIconsComponent.prototype.selectItem = function (item) {
-            if (item.label.toUpperCase() === 'LOGISTICS' || item.label.toUpperCase() === 'LOGISTIEK') {
+            if (item.label.toUpperCase() === BatchDeliveryCategory.Logistics) {
                 this.showSubCategories = !this.showSubCategories;
                 return;
             }
@@ -12417,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
                 },] }
     ];
@@ -12444,7 +12459,8 @@
                         common.CommonModule,
                         forms.FormsModule,
                         IconModule,
-                        ClickoutsideModule
+                        ClickoutsideModule,
+                        CoreComponentsTranslationModule
                     ],
                     declarations: [
                         ListOfIconsComponent