@colijnit/corecomponents_v12 262.1.5 → 262.1.6

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -8158,6 +8158,7 @@ class InputDatePickerComponent extends BaseInputDatePickerDirective {
     }
     handleDateSelected(date) {
         this.setModel(date);
+        this.markAsUserTouched();
         if (this.closeAfterDateSelection || !date) {
             this.toggleCalendar(false);
         }
@@ -8185,6 +8186,7 @@ class InputDatePickerComponent extends BaseInputDatePickerDirective {
             const [year, month, day] = this.modelAsString.split('-').map(Number);
             const date = new Date(year, month - 1, day);
             this.setModel(date);
+            this.markAsUserTouched();
         }
     }
     finalize() {
@@ -8252,7 +8254,8 @@ class InputDatePickerComponent extends BaseInputDatePickerDirective {
                      (keydown.tab)="finalizeDate()"
                      (blur)="finalizeDate()"
       ></co-input-text>
-    `, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "alwaysTrigger"], outputs: ["clickOutside"], exportAs: ["clickOutside"] }, { kind: "directive", type: OverlayParentDirective, selector: "[overlayParent]", exportAs: ["overlayParent"] }], encapsulation: i0.ViewEncapsulation.None });
+      <input type="hidden" [ngModel]="model">
+    `, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "alwaysTrigger"], outputs: ["clickOutside"], exportAs: ["clickOutside"] }, { kind: "directive", type: OverlayParentDirective, selector: "[overlayParent]", exportAs: ["overlayParent"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputDatePickerComponent, decorators: [{
             type: Component,
@@ -8280,6 +8283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                      (keydown.tab)="finalizeDate()"
                      (blur)="finalizeDate()"
       ></co-input-text>
+      <input type="hidden" [ngModel]="model">
     `,
                     providers: [
                         OverlayService, {
@@ -8562,13 +8566,15 @@ class InputDatePickerModule {
             CalendarModule,
             ClickoutsideModule,
             OverlayModule,
-            ReactiveFormsModule], exports: [InputDatePickerComponent] });
+            ReactiveFormsModule,
+            FormsModule], exports: [InputDatePickerComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputDatePickerModule, imports: [CommonModule,
             InputTextModule,
             CalendarModule,
             ClickoutsideModule,
             OverlayModule,
-            ReactiveFormsModule] });
+            ReactiveFormsModule,
+            FormsModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputDatePickerModule, decorators: [{
             type: NgModule,
@@ -8579,7 +8585,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         CalendarModule,
                         ClickoutsideModule,
                         OverlayModule,
-                        ReactiveFormsModule
+                        ReactiveFormsModule,
+                        FormsModule
                     ],
                     schemas: [
                         NO_ERRORS_SCHEMA
@@ -12111,6 +12118,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class SimpleGridCellComponent {
     _changeDetector;
+    _injector;
+    _formComponent;
     get editMode() {
         return this._editMode;
     }
@@ -12138,6 +12147,7 @@ class SimpleGridCellComponent {
     }
     column;
     row;
+    columnInjector;
     _editMode = false;
     set fieldEditMode(value) {
         this._fieldEditMode = value;
@@ -12160,8 +12170,18 @@ class SimpleGridCellComponent {
     _editTemplate;
     _template;
     _inputTemplate;
-    constructor(_changeDetector) {
+    constructor(_changeDetector, _injector, _formComponent) {
         this._changeDetector = _changeDetector;
+        this._injector = _injector;
+        this._formComponent = _formComponent;
+    }
+    ngOnInit() {
+        this.columnInjector = Injector.create({
+            parent: this._injector,
+            providers: [
+                { provide: FormComponent, useValue: this._formComponent },
+            ],
+        });
     }
     _setFocusComponent() {
         if (this._editMode && this.fieldEditMode) {
@@ -12230,13 +12250,14 @@ class SimpleGridCellComponent {
     _detectChanges() {
         this._changeDetector.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridCellComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridCellComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: FormComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SimpleGridCellComponent, isStandalone: false, selector: "co-simple-grid-cell", inputs: { editMode: "editMode", column: "column", row: "row", fieldEditMode: "fieldEditMode" }, outputs: { cellClick: "cellClick" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class.co-simple-grid-cell": "this.showClass" } }, viewQueries: [{ propertyName: "editTemplateContent", first: true, predicate: ["editTemplate"], descendants: true, read: BaseInputComponent }, { propertyName: "noEditTemplateContent", first: true, predicate: ["noEditTemplate"], descendants: true }, { propertyName: "noTemplateContent", first: true, predicate: ["noTemplate"], descendants: true }], ngImport: i0, template: `
       <div class="simple-grid-column-cell-value" [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign">
           <ng-container *ngIf="editMode; else noInlineEdit">
               <div class="simple-grid-column-cell-field">
                 <ng-container #editTemplate *ngIf="column.editTemplate; else noEditTemplate"
                               [ngTemplateOutlet]="column.editTemplate"
+                              [ngTemplateOutletInjector]="columnInjector"
                               [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
                 <ng-template #noEditTemplate>
                     <ng-container *ngIf="column.template; else noTemplate">
@@ -12273,6 +12294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               <div class="simple-grid-column-cell-field">
                 <ng-container #editTemplate *ngIf="column.editTemplate; else noEditTemplate"
                               [ngTemplateOutlet]="column.editTemplate"
+                              [ngTemplateOutletInjector]="columnInjector"
                               [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
                 <ng-template #noEditTemplate>
                     <ng-container *ngIf="column.template; else noTemplate">
@@ -12301,7 +12323,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { editMode: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: FormComponent, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { editMode: [{
                 type: Input
             }], editTemplateContent: [{
                 type: ViewChild,
@@ -12864,7 +12888,6 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         return this._newRow;
     }
     async prepareDataRow(row, index) {
-        console.log('Row changes, rechecking rows for classes');
         await this.isRowDisabled(row, index);
         await this.doesRowHaveConditionalClasses(row, index);
     }