@colijnit/corecomponents_v12 261.20.15 → 261.20.17

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, {
@@ -9577,6 +9583,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();
@@ -9608,14 +9615,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"
@@ -9645,6 +9656,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"
@@ -9668,7 +9680,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
@@ -16826,6 +16841,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class InputScannerComponent {
     _scannerService;
+    inputSearch;
     model;
     placeholder;
     centerLabel = false;
@@ -16876,6 +16892,9 @@ class InputScannerComponent {
         this.barCodeScanned.next(this.model);
         this._blockEnterKeydown = false;
     }
+    requestFocus() {
+        this.inputSearch.requestFocus();
+    }
     _clearTimeout() {
         clearTimeout(this._keyDownTimeout);
         this._keyDownTimeout = undefined;
@@ -16884,43 +16903,45 @@ 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: `
-    <co-input-search
-      [(model)]="model"
-      [handleKeydown]="false"
-      [customCssClass]="customCssClass"
-      [placeholder]="placeholder"
-      [centerLabel]="centerLabel"
-      [useLeftIcon]="useLeftIcon"
-      [leftIconData]="leftIconData"
-      [useRightIcon]="useRightIcon"
-      [rightIconData]="rightIconData"
-      (leftIconClick)="leftIconClick.emit($event)"
-      (rightIconClick)="rightIconClick.emit($event)"
-      (isFocused)="isFocused.emit($event)"
-    ></co-input-search>
-  `, isInline: true, dependencies: [{ kind: "component", type: InputSearchComponent, selector: "co-input-search", inputs: ["placeholder", "handleKeydown", "useLeftIcon", "useRightIcon", "leftIconData", "rightIconData", "centerLabel"], outputs: ["search", "isFocused", "leftIconClick", "rightIconClick"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true }], ngImport: i0, template: `
+      <co-input-search
+              #inputSearch
+              [(model)]="model"
+              [handleKeydown]="false"
+              [customCssClass]="customCssClass"
+              [placeholder]="placeholder"
+              [centerLabel]="centerLabel"
+              [useLeftIcon]="useLeftIcon"
+              [leftIconData]="leftIconData"
+              [useRightIcon]="useRightIcon"
+              [rightIconData]="rightIconData"
+              (leftIconClick)="leftIconClick.emit($event)"
+              (rightIconClick)="rightIconClick.emit($event)"
+              (isFocused)="isFocused.emit($event)"
+      ></co-input-search>
+    `, isInline: true, dependencies: [{ kind: "component", type: InputSearchComponent, selector: "co-input-search", inputs: ["placeholder", "handleKeydown", "useLeftIcon", "useRightIcon", "leftIconData", "rightIconData", "centerLabel"], outputs: ["search", "isFocused", "leftIconClick", "rightIconClick"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputScannerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-input-scanner',
                     template: `
-    <co-input-search
-      [(model)]="model"
-      [handleKeydown]="false"
-      [customCssClass]="customCssClass"
-      [placeholder]="placeholder"
-      [centerLabel]="centerLabel"
-      [useLeftIcon]="useLeftIcon"
-      [leftIconData]="leftIconData"
-      [useRightIcon]="useRightIcon"
-      [rightIconData]="rightIconData"
-      (leftIconClick)="leftIconClick.emit($event)"
-      (rightIconClick)="rightIconClick.emit($event)"
-      (isFocused)="isFocused.emit($event)"
-    ></co-input-search>
-  `,
+      <co-input-search
+              #inputSearch
+              [(model)]="model"
+              [handleKeydown]="false"
+              [customCssClass]="customCssClass"
+              [placeholder]="placeholder"
+              [centerLabel]="centerLabel"
+              [useLeftIcon]="useLeftIcon"
+              [leftIconData]="leftIconData"
+              [useRightIcon]="useRightIcon"
+              [rightIconData]="rightIconData"
+              (leftIconClick)="leftIconClick.emit($event)"
+              (rightIconClick)="rightIconClick.emit($event)"
+              (isFocused)="isFocused.emit($event)"
+      ></co-input-search>
+    `,
                     providers: [
                         ScannerService,
                         OverlayService
@@ -16928,7 +16949,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