@colijnit/corecomponents_v12 262.1.9 → 262.1.11

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -7190,7 +7190,7 @@ class InputTextComponent extends BaseInputComponent {
     rightIconData;
     selectOnFocus = false;
     emptyPlace = false;
-    firstDayOfWeek = '1'; // default is sunday ioneJS
+    firstDayOfWeek = '1'; // Monday by default
     noStyle = false;
     hideArrowButtons = false;
     get isDate() {
@@ -7402,18 +7402,19 @@ class InputTextComponent extends BaseInputComponent {
         // Internal default first day of week
         let weekdayOffset = parseInt(this.firstDayOfWeek, 10);
         if (isNaN(weekdayOffset) || weekdayOffset < 1 || weekdayOffset > 7) {
-            weekdayOffset = 2;
+            weekdayOffset = 1; // Monday
         }
-        const jsWeekdayIndex = (weekdayOffset - 1) % 7;
+        // 1 = Monday, 2 = Tuesday, 3 = Wednesday, ..., 7 = Sunday
+        const jsWeekdayIndex = weekdayOffset - 1;
         const jan4 = new Date(year, 0, 4);
         const jan4Day = jan4.getDay();
         const diffToMonday = (jan4Day + 6) % 7;
         const firstWeekMonday = new Date(jan4);
-        firstWeekMonday.setDate(jan4.getDate() - diffToMonday); // Monday of week 1
+        firstWeekMonday.setDate(jan4.getDate() - diffToMonday);
         const baseWeekStart = new Date(firstWeekMonday);
-        baseWeekStart.setDate(baseWeekStart.getDate() + (week - 1) * 7);
-        const targetDate = new Date(baseWeekStart);
-        targetDate.setDate(baseWeekStart.getDate() + jsWeekdayIndex);
+        baseWeekStart.setDate(firstWeekMonday.getDate() + (week - 1) * 7);
+        let targetDate = new Date(baseWeekStart);
+        targetDate.setDate(targetDate.getDate() + jsWeekdayIndex);
         if (targetDate < today) {
             year += 1;
             const jan4Next = new Date(year, 0, 4);
@@ -7422,14 +7423,19 @@ class InputTextComponent extends BaseInputComponent {
             const firstWeekMondayNext = new Date(jan4Next);
             firstWeekMondayNext.setDate(jan4Next.getDate() - diffToMondayNext);
             const baseWeekStartNext = new Date(firstWeekMondayNext);
-            baseWeekStartNext.setDate(baseWeekStartNext.getDate() + (week - 1) * 7);
-            targetDate.setFullYear(year);
-            targetDate.setMonth(baseWeekStartNext.getMonth());
-            targetDate.setDate(baseWeekStartNext.getDate() + jsWeekdayIndex);
+            baseWeekStartNext.setDate(firstWeekMondayNext.getDate() + (week - 1) * 7);
+            targetDate = new Date(baseWeekStartNext);
+            targetDate.setDate(targetDate.getDate() + jsWeekdayIndex);
         }
-        this.model = targetDate.toISOString().substring(0, 10);
+        this.model = this.formatDateLocal(targetDate);
         this.modelChange.emit(this.model);
     }
+    formatDateLocal(date) {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const day = String(date.getDate()).padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextComponent, deps: [{ token: FormComponent, optional: true }, { token: i0.ChangeDetectorRef }, { token: OverlayService }, { token: FormInputUserModelChangeListenerService }, { token: NgZoneWrapperService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: InputTextComponent, isStandalone: false, selector: "co-input-text", inputs: { useContent: "useContent", placeholder: "placeholder", align: "align", type: "type", formatPipe: "formatPipe", min: "min", max: "max", pattern: "pattern", digitsOnly: "digitsOnly", excludePlusMinus: "excludePlusMinus", showClearButton: "showClearButton", keyDownWhiteList: "keyDownWhiteList", showPlaceholderOnFocus: "showPlaceholderOnFocus", leftIcon: "leftIcon", rightIcon: "rightIcon", leftIconData: "leftIconData", rightIconData: "rightIconData", selectOnFocus: "selectOnFocus", emptyPlace: "emptyPlace", firstDayOfWeek: "firstDayOfWeek", noStyle: "noStyle", hideArrowButtons: "hideArrowButtons", model: "model" }, outputs: { leftIconClick: "leftIconClick", leftIconMouseDown: "leftIconMouseDown", leftIconMouseUp: "leftIconMouseUp", rightIconClick: "rightIconClick", rightIconMouseDown: "rightIconMouseDown", rightIconMouseUp: "rightIconMouseUp", clearIconClick: "clearIconClick", isFocused: "isFocused" }, host: { listeners: { "document:pointerup": "handleDocumentPointerUp($event)", "document:pointercancel": "handleDocumentPointerUp($event)" }, properties: { "class.no-style": "this.noStyle", "class.hide-arrows": "this.hideArrowButtons", "class.isDate": "this.isDate", "class.co-input-text": "this.showClass", "class.has-left-icon": "this.hasLeftIcon", "class.has-right-icon": "this.hasRightIcon", "class.has-own-label": "this.hasOwnLabel" } }, providers: [
             OverlayService, {
@@ -9584,6 +9590,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class InputSearchComponent extends BaseInputComponent {
     searchIcon = CoreComponentsIcon.Magnifier;
+    inputSearchText;
     placeholder;
     handleKeydown = true;
     search = new EventEmitter();
@@ -9615,14 +9622,18 @@ class InputSearchComponent extends BaseInputComponent {
         this.model = model;
         this.modelChange.next(this.model);
     }
+    requestFocus() {
+        this.inputSearchText.requestFocus();
+    }
     isMobileDevice() {
         return /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InputSearchComponent, isStandalone: false, selector: "co-input-search", inputs: { placeholder: "placeholder", handleKeydown: "handleKeydown", useLeftIcon: "useLeftIcon", useRightIcon: "useRightIcon", leftIconData: "leftIconData", rightIconData: "rightIconData", centerLabel: "centerLabel" }, outputs: { search: "search", isFocused: "isFocused", leftIconClick: "leftIconClick", rightIconClick: "rightIconClick" }, host: { properties: { "class.center-label": "this.centerLabel", "class.co-input-search": "this.showClass" } }, providers: [
             OverlayService
-        ], usesInheritance: true, ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "inputSearchText", first: true, predicate: ["inputText"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <co-input-text
+      #inputText
       [ngClass]="customCssClass"
       [model]="model"
       [leftIcon]="useLeftIcon ? searchIcon : null"
@@ -9652,6 +9663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: 'co-input-search',
                     template: `
     <co-input-text
+      #inputText
       [ngClass]="customCssClass"
       [model]="model"
       [leftIcon]="useLeftIcon ? searchIcon : null"
@@ -9675,7 +9687,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], propDecorators: { placeholder: [{
+        }], propDecorators: { inputSearchText: [{
+                type: ViewChild,
+                args: ['inputText']
+            }], placeholder: [{
                 type: Input
             }], handleKeydown: [{
                 type: Input
@@ -16905,6 +16920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class InputScannerComponent {
     _scannerService;
+    inputSearch;
     model;
     placeholder;
     centerLabel = false;
@@ -16955,6 +16971,9 @@ class InputScannerComponent {
         this.barCodeScanned.next(this.model);
         this._blockEnterKeydown = false;
     }
+    requestFocus() {
+        this.inputSearch.requestFocus();
+    }
     _clearTimeout() {
         clearTimeout(this._keyDownTimeout);
         this._keyDownTimeout = undefined;
@@ -16963,8 +16982,9 @@ class InputScannerComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InputScannerComponent, isStandalone: false, selector: "co-input-scanner", inputs: { model: "model", placeholder: "placeholder", centerLabel: "centerLabel", useLeftIcon: "useLeftIcon", useRightIcon: "useRightIcon", leftIconData: "leftIconData", rightIconData: "rightIconData", customCssClass: "customCssClass", scannerDisabled: "scannerDisabled" }, outputs: { modelChange: "modelChange", leftIconClick: "leftIconClick", rightIconClick: "rightIconClick", search: "search", isFocused: "isFocused", barCodeScanned: "barCodeScanned" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.co-input-scanner": "this.showClass" } }, providers: [
             ScannerService,
             OverlayService
-        ], ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true }], ngImport: i0, template: `
       <co-input-search
+              #inputSearch
               [(model)]="model"
               [handleKeydown]="false"
               [customCssClass]="customCssClass"
@@ -16986,6 +17006,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: 'co-input-scanner',
                     template: `
       <co-input-search
+              #inputSearch
               [(model)]="model"
               [handleKeydown]="false"
               [customCssClass]="customCssClass"
@@ -17007,7 +17028,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: ScannerService }], propDecorators: { model: [{
+        }], ctorParameters: () => [{ type: ScannerService }], propDecorators: { inputSearch: [{
+                type: ViewChild,
+                args: ['inputSearch']
+            }], model: [{
                 type: Input
             }], placeholder: [{
                 type: Input