@colijnit/corecomponents_v12 260.1.0 → 260.1.2

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1695,7 +1695,8 @@ class OverlayService {
         this._injector = _injector;
         this._componentRefs = new Map();
     }
-    createComponent(compClass, inputs, events) {
+    createComponent(compClass, inputs, events, parentRef) {
+        var _a;
         if (this._componentRefExists(compClass)) {
             this._removeComponentRef(compClass);
         }
@@ -1719,7 +1720,8 @@ class OverlayService {
         this._appRef.attachView(componentRef.hostView);
         const domElem = componentRef.hostView
             .rootNodes[0];
-        document.body.appendChild(domElem);
+        const container = (_a = parentRef === null || parentRef === void 0 ? void 0 : parentRef.nativeElement) !== null && _a !== void 0 ? _a : document.body;
+        container.appendChild(domElem);
         componentRef.onDestroy(() => {
             this._appRef.detachView(componentRef.hostView);
         });
@@ -5462,7 +5464,7 @@ class InputDatePickerComponent extends BaseInputDatePickerDirective {
             }, {
                 dateSelected: (event) => this.handleDateSelected(event),
                 clickedOutside: () => this.toggleCalendar(false) // Close when clicked outside
-            });
+            }, this.elementRef);
         }
         else {
             this.overlayService.removeComponent(this._calendarComponentRef);
@@ -10318,7 +10320,7 @@ SimpleGridComponent.decorators = [
                            (click)="cancelEditRow(); $event.stopPropagation() "></co-button>
               </div>
             </ng-container>
-            <ng-container *ngIf="!(inlineEdit && showRowButtons)">
+            <ng-container *ngIf="!(inlineEdit && showRowButtons) && showDelete">
               <div class="icons-container">
                 <co-icon class="icon-item icon-delete"
                          [iconData]="icons.getIcon(Icons.TrashBin)" *ngIf="hoveredRowIndex === rowIndex"
@@ -11619,7 +11621,7 @@ class ListOfValuesComponent extends BaseInputComponent {
             modelChange: (value) => this.optionChosen(value),
             closePopup: () => this.closePopup(),
             keyDown: (event) => this.handleInputKeyDown(event)
-        });
+        }, this.elementRef);
         this.keepFocussed = true;
     }
     removeOptionFromModel(chip) {
@@ -11917,6 +11919,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;
@@ -11928,8 +11943,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) {
@@ -11950,7 +11965,7 @@ class ListOfIconsComponent {
         this.showMenu = !this.showMenu;
     }
     selectItem(item) {
-        if (item.label.toUpperCase() === 'LOGISTICS' || item.label.toUpperCase() === 'LOGISTIEK') {
+        if (item.label === BatchDeliveryCategory.Logistics) {
             this.showSubCategories = !this.showSubCategories;
             return;
         }
@@ -11981,12 +11996,17 @@ ListOfIconsComponent.decorators = [
       <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>
@@ -12014,7 +12034,8 @@ ListOfIconsModule.decorators = [
                     CommonModule,
                     FormsModule,
                     IconModule,
-                    ClickoutsideModule
+                    ClickoutsideModule,
+                    CoreComponentsTranslationModule
                 ],
                 declarations: [
                     ListOfIconsComponent
@@ -12428,6 +12449,8 @@ class FilterItemComponent {
         this.isLoading = false;
         this._collection = [];
         this._mode = this.modes.Filterlist;
+        this._defaultSet = false;
+        this._collectionSubject = new BehaviorSubject(undefined);
     }
     set mode(value) {
         this._mode = value;
@@ -12442,6 +12465,7 @@ class FilterItemComponent {
         this.filteredCollection = (_a = this._collection) === null || _a === void 0 ? void 0 : _a.slice();
         //reset the model in case there was no collection to set its values on when it was set.
         this.model = this._model;
+        this._collectionSubject.next(this._collection);
     }
     get collection() {
         return this._collection;
@@ -12469,6 +12493,14 @@ class FilterItemComponent {
         if (this.checkBoxToTextModel === undefined || this.checkBoxToTextModel === null) {
             this.checkBoxToTextModel = false;
         }
+        this._collectionSubscription = this._collectionSubject.subscribe((collection) => {
+            if (!this._defaultSet && collection) {
+                this._applyDefaultFilters();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._collectionSubscription.unsubscribe();
     }
     setToInitialLimit() {
         this.limitTo = this.initialLimit;
@@ -12938,6 +12970,199 @@ class FilterItemComponent {
             this.dateRangeEnd = undefined;
         }
     }
+    _applyDefaultForFilterList() {
+        const defaultString = this.defaultValue.toString();
+        const codes = defaultString.split(',').map(code => code.trim());
+        codes.forEach(code => {
+            const item = this._collection.find(i => i.code.toString() === code);
+            if (item) {
+                item.checked = true;
+            }
+        });
+        this._createModelForFilterList();
+        this.modelChange.emit(this._model);
+        this.showButton = true;
+    }
+    _applyDefaultForStringCollectionList() {
+        const defaultString = this.defaultValue.toString();
+        const codes = defaultString.split(',').map(code => code.trim());
+        codes.forEach(code => {
+            const item = this._collection.find(i => i.code.toString() === code);
+            if (item) {
+                item.checked = true;
+            }
+        });
+        this._createModelForStringCollectionList();
+        this.modelChange.emit(this._model);
+        this.showButton = true;
+    }
+    _applyDefaultForSingleSelectList() {
+        const defaultCode = this.defaultValue.toString().trim();
+        const item = this._collection.find(i => i.code.toString() === defaultCode);
+        if (item) {
+            item.checked = true;
+            this._createModelForSingleSelectList();
+            this.modelChange.emit(this._model);
+            this.showButton = true;
+        }
+    }
+    _applyDefaultForSelectListWithNumberOutput() {
+        const defaultNumber = Number(this.defaultValue);
+        if (!isNaN(defaultNumber) && defaultNumber > 0) {
+            // Decode the number to determine which items should be checked
+            for (const item of this._collection) {
+                const itemCode = Number(item.code);
+                const modValue = (defaultNumber % (2 * itemCode));
+                item.checked = (modValue >= itemCode);
+            }
+            this._createModelForSelectListWithNumberOutput();
+            this.modelChange.emit(this._model);
+            this.showButton = true;
+        }
+    }
+    _applyDefaultForSlider() {
+        const defaultString = this.defaultValue.toString();
+        const [min, max] = defaultString.split('-').map(s => Number(s.trim()));
+        if (!isNaN(min) && !isNaN(max)) {
+            this.sliderMin = min;
+            this.sliderMax = max;
+            this._createModelForSliderMode();
+            this.modelChange.emit(this._model);
+            this.showButton = true;
+        }
+    }
+    _applyDefaultForCheckboxToText() {
+        const defaultString = this.defaultValue.toString().toUpperCase();
+        this.checkBoxToTextModel = (defaultString === 'J' || defaultString === 'Y' || defaultString === 'TRUE');
+        if (this.mode === this.modes.CheckboxToText) {
+            this._createModelForCheckboxToText();
+        }
+        else {
+            this._createModelForCheckboxToSimpleText();
+        }
+        this.modelChange.emit(this._model);
+        this.showButton = true;
+    }
+    _applyDefaultForCheckboxToBinary() {
+        const defaultValue = Number(this.defaultValue);
+        this.checkBoxToTextModel = (!isNaN(defaultValue) && defaultValue >= 1);
+        this._createModelForCheckboxToBinary();
+        this.modelChange.emit(this._model);
+        this.showButton = true;
+    }
+    _applyDefaultForDateField() {
+        const defaultString = this.defaultValue.toString();
+        if (defaultString.match(/^\d{2}-\d{2}-\d{4}$/)) {
+            // dd-MM-yyyy format
+            const [dd, mm, yyyy] = defaultString.split('-');
+            this.dateFieldValue = new Date(+yyyy, +mm - 1, +dd);
+        }
+        else if (defaultString.match(/^\d{4}-\d{2}-\d{2}$/)) {
+            // yyyy-MM-dd format
+            const [yyyy, mm, dd] = defaultString.split('-');
+            this.dateFieldValue = new Date(+yyyy, +mm - 1, +dd);
+        }
+        else {
+            // Try parsing as standard date
+            const date = new Date(defaultString);
+            if (!isNaN(date.getTime())) {
+                this.dateFieldValue = date;
+            }
+        }
+        if (this.dateFieldValue) {
+            this._createModelForDateField(this.dateFieldValue);
+            this.modelChange.emit(this._model);
+            this.showButton = true;
+        }
+    }
+    _applyDefaultForDateRangeField() {
+        const defaultString = this.defaultValue.toString();
+        if (defaultString.includes('&')) {
+            // Format: "startDate & endDate"
+            const [startStr, endStr] = defaultString.split('&').map(s => s.trim());
+            const parseDate = (dateStr) => {
+                if (dateStr.match(/^\d{2}-\d{2}-\d{4}$/)) {
+                    const [dd, mm, yyyy] = dateStr.split('-');
+                    return new Date(+yyyy, +mm - 1, +dd);
+                }
+                else if (dateStr.match(/^\d{4}-\d{2}-\d{2}$/)) {
+                    const [yyyy, mm, dd] = dateStr.split('-');
+                    return new Date(+yyyy, +mm - 1, +dd);
+                }
+                return null;
+            };
+            const startDate = parseDate(startStr);
+            const endDate = parseDate(endStr);
+            if (startDate && endDate) {
+                this.dateRangeStart = startDate;
+                this.dateRangeEnd = endDate;
+                this._createModelForDateRange([this.dateRangeStart, this.dateRangeEnd]);
+                this.modelChange.emit(this._model);
+                this.showButton = true;
+            }
+        }
+    }
+    _applyDefaultForTextField() {
+        this._model = this.defaultValue.toString();
+        this.modelChange.emit(this._model);
+        this.showButton = true;
+    }
+    _applyDefaultForCheckbox() {
+        const defaultString = this.defaultValue.toString().toLowerCase();
+        this._model = (defaultString === 'true' || defaultString === '1' || defaultString === 'yes');
+        this.modelChange.emit(this._model);
+        this.showButton = true;
+    }
+    _applyDefaultFilters() {
+        var _a;
+        const modeWithoutCollection = this.mode === this.modes.DateField ||
+            this.mode === this.modes.DateRangeField ||
+            this.mode === this.modes.Slider;
+        const canApplyDefaults = (modeWithoutCollection || (!modeWithoutCollection && this.collection && this.collection.length > 0)) &&
+            this.defaultValue &&
+            !(((_a = this._model) === null || _a === void 0 ? void 0 : _a.length) || this._model > 0);
+        if (!canApplyDefaults) {
+            return;
+        }
+        switch (this.mode) {
+            case this.modes.Filterlist:
+                this._applyDefaultForFilterList();
+                break;
+            case this.modes.SelectListWithStringCollectionOutput:
+                this._applyDefaultForStringCollectionList();
+                break;
+            case this.modes.SingleSelectList:
+                this._applyDefaultForSingleSelectList();
+                break;
+            case this.modes.SelectListWithNumberOutput:
+                this._applyDefaultForSelectListWithNumberOutput();
+                break;
+            case this.modes.Slider:
+            case this.modes.NullableSlider:
+                this._applyDefaultForSlider();
+                break;
+            case this.modes.CheckboxToText:
+            case this.modes.CheckboxToSimpleText:
+                this._applyDefaultForCheckboxToText();
+                break;
+            case this.modes.CheckboxToBinary:
+                this._applyDefaultForCheckboxToBinary();
+                break;
+            case this.modes.DateField:
+                this._applyDefaultForDateField();
+                break;
+            case this.modes.DateRangeField:
+                this._applyDefaultForDateRangeField();
+                break;
+            case this.modes.TextField:
+                this._applyDefaultForTextField();
+                break;
+            case this.modes.Checkbox:
+                this._applyDefaultForCheckbox();
+                break;
+        }
+        this._defaultSet = true;
+    }
 }
 FilterItemComponent.decorators = [
     { type: Component, args: [{