@colijnit/corecomponents_v12 261.20.1 → 261.20.3

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -2127,7 +2127,7 @@ class OverlayService {
         this._appRef = _appRef;
         this._injector = _injector;
     }
-    createComponent(compClass, inputs, events, parentRef) {
+    createComponent(compClass, inputs, events) {
         if (this._componentRefExists(compClass)) {
             this._removeComponentRef(compClass);
         }
@@ -2151,8 +2151,7 @@ class OverlayService {
         this._appRef.attachView(componentRef.hostView);
         const domElem = componentRef.hostView
             .rootNodes[0];
-        const container = parentRef?.nativeElement ?? document.body;
-        container.appendChild(domElem);
+        document.body.appendChild(domElem);
         componentRef.onDestroy(() => {
             this._appRef.detachView(componentRef.hostView);
         });
@@ -8180,7 +8179,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);
@@ -8816,7 +8815,7 @@ class DoubleCalendarComponent extends BaseInputDatePickerDirective {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DoubleCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: DoubleCalendarComponent, isStandalone: false, selector: "co-double-calendar", inputs: { selectedDates: "selectedDates", ownParentForOverlay: "ownParentForOverlay" }, outputs: { datesSelected: "datesSelected", secondDateSelected: "secondDateSelected", clickedOutside: "clickedOutside" }, host: { properties: { "class.co-double-calendar": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-    <div class="dual-calendar-wrapper" [overlay]="ownParentForOverlay" (clickOutside)="clickedOutside.next()">
+    <div class="dual-calendar-wrapper" [keepInView]="true" [overlay]="ownParentForOverlay" (clickOutside)="clickedOutside.next()">
       <calendar-template
         [selectedDate]="selectedFirstDate"
         [secondSelectedDate]="selectedSecondDate"
@@ -8846,7 +8845,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     selector: "co-double-calendar",
                     template: `
-    <div class="dual-calendar-wrapper" [overlay]="ownParentForOverlay" (clickOutside)="clickedOutside.next()">
+    <div class="dual-calendar-wrapper" [keepInView]="true" [overlay]="ownParentForOverlay" (clickOutside)="clickedOutside.next()">
       <calendar-template
         [selectedDate]="selectedFirstDate"
         [secondSelectedDate]="selectedSecondDate"
@@ -12934,6 +12933,12 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         }
         else {
             let index = -1; // existing row
+            if (this.rowsPerPage) {
+                index = (this.currentPage - 1) * this.rowsPerPage + this.editRowIndex;
+            }
+            else {
+                index = this.editRowIndex;
+            }
             if (index >= 0 && index < this.data.length) {
                 this.saveRow.next(this.data[index]);
             }
@@ -12971,7 +12976,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         (deleteClick)="removeSelectedRow()">
       </co-grid-toolbar>
     }
-    
+
     <table
       id="simple-grid-table"
       class="simple-grid-table"
@@ -13043,7 +13048,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
           </th>
         }
       </tr>
-    
+
       @if (showGridSettings) {
         <div class="grid-settings">
           <co-button
@@ -13177,7 +13182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         (deleteClick)="removeSelectedRow()">
       </co-grid-toolbar>
     }
-    
+
     <table
       id="simple-grid-table"
       class="simple-grid-table"
@@ -13249,7 +13254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           </th>
         }
       </tr>
-    
+
       @if (showGridSettings) {
         <div class="grid-settings">
           <co-button
@@ -14475,12 +14480,12 @@ class ListOfValuesComponent extends BaseInputComponent {
             showToggleAll: this.showToggleAll,
             model: this.model,
             collection: this.collection,
-            optionIcon: this.optionIcon,
+            optionIcon: this.optionIcon
         }, {
             modelChange: (value) => this.optionChosen(value),
             closePopup: () => this.closePopup(),
             keyDown: (event) => this.handleInputKeyDown(event)
-        }, this.elementRef);
+        });
         this.keepFocussed = true;
     }
     removeOptionFromModel(chip) {