@colijnit/corecomponents_v12 259.1.15 → 260.1.0

package/fesm2015/colijnit-corecomponents_v12.js

@@ -5438,6 +5438,7 @@ class InputDatePickerComponent extends BaseInputDatePickerDirective {
         this.formUserChangeListener = formUserChangeListener;
         this.ngZoneWrapper = ngZoneWrapper;
         this.elementRef = elementRef;
+        this.firstDayOfWeek = '';
         super._markAsOnPush();
     }
     showClass() {
@@ -5530,6 +5531,7 @@ InputDatePickerComponent.decorators = [
                      (modelChange)="modelAsString = $event"
                      (clearIconClick)="handleClearIconClicked()"
                      [emptyPlace]="true"
+                     [firstDayOfWeek]="firstDayOfWeek"
                      (keydown.enter)="finalizeDate()"
                      (keydown.tab)="finalizeDate()"
                      (blur)="finalizeDate()"
@@ -5556,6 +5558,7 @@ InputDatePickerComponent.ctorParameters = () => [
     { type: ElementRef }
 ];
 InputDatePickerComponent.propDecorators = {
+    firstDayOfWeek: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ['class.co-input-date',] }]
 };
 
@@ -5773,6 +5776,7 @@ class InputTextComponent extends BaseInputComponent {
         this.showPlaceholderOnFocus = true;
         this.selectOnFocus = false;
         this.emptyPlace = false;
+        this.firstDayOfWeek = '1'; // default is sunday ioneJS
         this.noStyle = false;
         this.hideArrowButtons = false;
         this.leftIconClick = new EventEmitter();
@@ -5785,6 +5789,8 @@ class InputTextComponent extends BaseInputComponent {
         this.isFocused = new EventEmitter();
         this.hasOwnLabel = true;
         this.isFocusedOnDate = false;
+        this.weekInputBuffer = '';
+        this.isWeekInputMode = false;
         this._isLeftIconMouseDown = false;
         this._isRightIconMouseDown = false;
         super._markAsOnPush();
@@ -5836,11 +5842,6 @@ class InputTextComponent extends BaseInputComponent {
         }
         return this.model;
     }
-    // exclude some non-digit characters, since input type 'number' still allows the characters -, + and e
-    excludeNonDigitChars(event) {
-        const excludedKeys = this.excludePlusMinus ? ['e', '-', '+'] : ['e'];
-        return !excludedKeys.includes(event.key);
-    }
     handleLeftIconClick(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -5903,6 +5904,87 @@ class InputTextComponent extends BaseInputComponent {
         this.setModel(null);
         this.clearIconClick.emit(event);
     }
+    handleKeyDownInput(event) {
+        const key = event.key.toLowerCase();
+        if (this.type === 'date') {
+            if (key === 'w') {
+                event.preventDefault();
+                this.isWeekInputMode = true;
+                this.weekInputBuffer = 'w';
+                this.model = 'w';
+                this.modelChange.emit(this.model);
+                return;
+            }
+            if (this.isWeekInputMode) {
+                if (/^\d$/.test(key)) {
+                    event.preventDefault();
+                    this.weekInputBuffer += key;
+                    this.model = this.weekInputBuffer;
+                    this.modelChange.emit(this.model);
+                    return;
+                }
+                if (key === 'enter' || key === 'tab') {
+                    event.preventDefault();
+                    this.convertWeekToDate(this.weekInputBuffer);
+                    this.isWeekInputMode = false;
+                    this.weekInputBuffer = '';
+                    return;
+                }
+                if (!['backspace', 'delete'].includes(key)) {
+                    this.isWeekInputMode = false;
+                    this.weekInputBuffer = '';
+                }
+            }
+        }
+        /* old excludeCharacter function */
+        if (this.digitsOnly && !this.isWeekInputMode) {
+            const excludedKeys = this.excludePlusMinus ? ['e', '-', '+'] : ['e'];
+            if (excludedKeys.includes(event.key)) {
+                event.preventDefault();
+            }
+        }
+    }
+    convertWeekToDate(weekStr) {
+        const match = weekStr.match(/^w0*(\d{1,2})$/i);
+        if (!match)
+            return;
+        const week = parseInt(match[1], 10);
+        if (week < 1 || week > 53)
+            return;
+        const today = new Date();
+        let year = today.getFullYear();
+        // Internal default first day of week
+        let weekdayOffset = parseInt(this.firstDayOfWeek, 10);
+        if (isNaN(weekdayOffset) || weekdayOffset < 1 || weekdayOffset > 7) {
+            weekdayOffset = 2;
+        }
+        // Convert to JS weekday index where 0 = Sunday ... 6 = Saturday
+        const jsWeekdayIndex = (weekdayOffset - 1) % 7;
+        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
+        const baseWeekStart = new Date(firstWeekMonday);
+        baseWeekStart.setDate(baseWeekStart.getDate() + (week - 1) * 7);
+        const targetDate = new Date(baseWeekStart);
+        targetDate.setDate(baseWeekStart.getDate() + jsWeekdayIndex);
+        if (targetDate < today) {
+            year += 1;
+            const jan4Next = new Date(year, 0, 4);
+            const jan4DayNext = jan4Next.getDay();
+            const diffToMondayNext = (jan4DayNext + 6) % 7;
+            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);
+        }
+        this.model = targetDate.toISOString().substring(0, 10);
+        this.modelChange.emit(this.model);
+    }
 }
 InputTextComponent.decorators = [
     { type: Component, args: [{
@@ -5925,7 +6007,7 @@ InputTextComponent.decorators = [
         <input [class.show]="focused || !formatPipe" #input
                [class.input-input-hidden]="useContent"
                [ngClass]="align"
-               [type]="(isFocusedOnDate || (hasValue && emptyPlace)) ? 'date' : (digitsOnly ? 'number' : (type === 'date' ? 'text' : type))"
+               [type]="isWeekInputMode ? 'text' : (isFocusedOnDate || (hasValue && emptyPlace)) ? 'date' : (digitsOnly ? 'number' : (type === 'date' ? 'text' : type))"
                [placeholder]="type === 'date' && !isFocusedOnDate ? '' : ''"
                [pattern]="type === 'date' ? pattern : undefined"
                [ngModel]="model"
@@ -5934,7 +6016,7 @@ InputTextComponent.decorators = [
                [readonly]="readonly"
                [required]="required"
                (ngModelChange)="modelChange.emit($event)"
-               (keydown)="digitsOnly ? excludeNonDigitChars($event) : true"
+               (keydown)="handleKeyDownInput($event)"
                (keyup)="keyUp.emit($event)"
                (focusin)="handleInputFocus($event)"
                (focusout)="handleBlur($event)"
@@ -6006,6 +6088,7 @@ InputTextComponent.propDecorators = {
     rightIconData: [{ type: Input }],
     selectOnFocus: [{ type: Input }],
     emptyPlace: [{ type: Input }],
+    firstDayOfWeek: [{ type: Input }],
     noStyle: [{ type: HostBinding, args: ['class.no-style',] }, { type: Input }],
     hideArrowButtons: [{ type: Input }, { type: HostBinding, args: ['class.hide-arrows',] }],
     isDate: [{ type: HostBinding, args: ["class.isDate",] }],
@@ -7101,6 +7184,7 @@ class InputDateRangePickerComponent extends BaseInputDatePickerDirective {
         super(...arguments);
         this.EARLIEST_DATE = new Date(1900, 0, 1); // 1900-01-01
         this.LATEST_DATE = new Date(2100, 11, 31); // 2100-12-31
+        this.firstDayOfWeek = '';
     }
     showClass() {
         return true;
@@ -7238,6 +7322,7 @@ InputDateRangePickerComponent.decorators = [
                        [pattern]="'yyyy-MM-dd'"
                        [type]="'date'"
                        [rightIcon]="rightIcon"
+                       [firstDayOfWeek]="firstDayOfWeek"
                        (rightIconClick)="toggleCalendar()"
                        (modelChange)="handleSecondDateChanged(secondDateAsString)"
                        (clearIconClick)="clearDate(1)"
@@ -7261,6 +7346,7 @@ InputDateRangePickerComponent.decorators = [
             },] }
 ];
 InputDateRangePickerComponent.propDecorators = {
+    firstDayOfWeek: [{ type: Input }],
     firstInput: [{ type: ViewChild, args: ['firstInput',] }],
     secondInput: [{ type: ViewChild, args: ['secondInput',] }],
     showClass: [{ type: HostBinding, args: ['class.co-input-date-range',] }]
@@ -10232,6 +10318,14 @@ SimpleGridComponent.decorators = [
                            (click)="cancelEditRow(); $event.stopPropagation() "></co-button>
               </div>
             </ng-container>
+            <ng-container *ngIf="!(inlineEdit && showRowButtons)">
+              <div class="icons-container">
+                <co-icon class="icon-item icon-delete"
+                         [iconData]="icons.getIcon(Icons.TrashBin)" *ngIf="hoveredRowIndex === rowIndex"
+                         (click)="selectTheRow(rowIndex); removeRow();">
+                </co-icon>
+              </div>
+            </ng-container>
           </ng-container>
         </tr>
       </co-form>
@@ -12992,12 +13086,12 @@ FilterItemComponent.decorators = [
                       <div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateField">
                           <co-input-date
                                   #dateInput
-                                  [(model)]="dateFieldValue" [readonly]="readonly"
+                                  [(model)]="dateFieldValue" [readonly]="readonly" [firstDayOfWeek]="firstDayOfWeek"
                                   (modelChange)="handleModelChange($event)"
                           ></co-input-date>
                       </div>
                       <div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateRangeField">
-                          <co-input-date-range [readonly]="readonly"
+                          <co-input-date-range [readonly]="readonly" [firstDayOfWeek]="firstDayOfWeek"
                                   #dateRangeInput
                                   [model]="[dateRangeStart, dateRangeEnd]"
                                   (modelChange)="handleModelChange($event)"
@@ -13041,6 +13135,7 @@ FilterItemComponent.propDecorators = {
     sliderDefaultMax: [{ type: Input }],
     fullRangeIsNull: [{ type: Input }],
     canFilterByCode: [{ type: Input }],
+    firstDayOfWeek: [{ type: Input }],
     model: [{ type: Input }],
     modelChange: [{ type: Output }],
     collectionChange: [{ type: Output }],