@colijnit/corecomponents_v12 261.20.0 → 261.20.2

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Input, Injectable, HostBinding, ViewEncapsulation, Component, Directive, ElementRef, Pipe, EventEmitter, Output, ViewChildren, ViewContainerRef, HostListener, ViewChild, Optional, NgModule, SkipSelf, InjectionToken, Inject, forwardRef, ChangeDetectionStrategy, ContentChildren, NO_ERRORS_SCHEMA, Injector, ContentChild } from '@angular/core';
+import { Input, Injectable, HostBinding, ViewEncapsulation, Component, Directive, ElementRef, Pipe, EventEmitter, Output, ViewChildren, ViewContainerRef, HostListener, ViewChild, Optional, NgModule, SkipSelf, InjectionToken, Inject, forwardRef, ChangeDetectionStrategy, ContentChildren, NO_ERRORS_SCHEMA, Injector } from '@angular/core';
 import * as i5 from '@angular/forms';
 import { NgModel, UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1 from '@angular/platform-browser';
@@ -8816,7 +8816,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 +8846,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"
@@ -8959,7 +8959,7 @@ class InputDateRangePickerComponent extends BaseInputDatePickerDirective {
                 datesSelected: (event) => this.handleDatesSelected(event),
                 secondDateSelected: () => this.handleSecondDateSelected(),
                 clickedOutside: () => this.toggleCalendar()
-            });
+            }, this.elementRef);
         }
         else {
             this.overlayService.removeComponent(this._doubleCalendarComponentRef);
@@ -11460,6 +11460,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+class SimpleGridColumnTemplateDirective {
+    template;
+    type;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridColumnTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SimpleGridColumnTemplateDirective, isStandalone: false, selector: "[templateType]", inputs: { type: ["templateType", "type"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridColumnTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[templateType]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { type: [{
+                type: Input,
+                args: ['templateType']
+            }] } });
+
+var SimpleGridColumnTemplateType;
+(function (SimpleGridColumnTemplateType) {
+    SimpleGridColumnTemplateType["Header"] = "header";
+    SimpleGridColumnTemplateType["Content"] = "content";
+    SimpleGridColumnTemplateType["Edit"] = "edit";
+})(SimpleGridColumnTemplateType || (SimpleGridColumnTemplateType = {}));
+
 var ColumnAlign;
 (function (ColumnAlign) {
     ColumnAlign["Left"] = "left-align";
@@ -11469,27 +11496,17 @@ var ColumnAlign;
 class SimpleGridColumnDirective {
     elementRef;
     static _MinManualResizeWidthPx = 50;
-    set headerTemplate(template) {
-        if (template) {
-            this._headerTemplate = template;
+    set templates(templates) {
+        if (templates && templates.length) {
+            this._templates = templates.toArray();
         }
     }
     get headerTemplate() {
         return this._headerTemplate;
     }
-    set template(template) {
-        if (template) {
-            this._template = template;
-        }
-    }
     get template() {
         return this._template;
     }
-    set editTemplate(template) {
-        if (template) {
-            this._editTemplate = template;
-        }
-    }
     get editTemplate() {
         return this._editTemplate;
     }
@@ -11526,6 +11543,7 @@ class SimpleGridColumnDirective {
     originalWidth;
     widthPercentage;
     _width;
+    _templates = [];
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
@@ -11537,6 +11555,21 @@ class SimpleGridColumnDirective {
         this._template = undefined;
         this._editTemplate = undefined;
     }
+    ngAfterContentInit() {
+        for (const t of this._templates) {
+            switch (t.type) {
+                case SimpleGridColumnTemplateType.Header:
+                    this._headerTemplate = t.template;
+                    break;
+                case SimpleGridColumnTemplateType.Content:
+                    this._template = t.template;
+                    break;
+                case SimpleGridColumnTemplateType.Edit:
+                    this._editTemplate = t.template;
+                    break;
+            }
+        }
+    }
     getFieldValue(value) {
         if (this.collection && this.displayField) {
             const result = this.collection.find(c => c[this.codeField] === value);
@@ -11557,7 +11590,7 @@ class SimpleGridColumnDirective {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridColumnDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SimpleGridColumnDirective, isStandalone: false, selector: "co-simple-grid-column", inputs: { headerText: "headerText", field: "field", codeField: "codeField", displayField: "displayField", textAlign: "textAlign", format: "format", resizable: "resizable", required: "required", autoFit: "autoFit", isSelected: "isSelected", width: "width", readonly: "readonly", collection: "collection", order: "order", singleColumn: "singleColumn" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SimpleGridColumnDirective, isStandalone: false, selector: "co-simple-grid-column", inputs: { headerText: "headerText", field: "field", codeField: "codeField", displayField: "displayField", textAlign: "textAlign", format: "format", resizable: "resizable", required: "required", autoFit: "autoFit", isSelected: "isSelected", width: "width", readonly: "readonly", collection: "collection", order: "order", singleColumn: "singleColumn" }, queries: [{ propertyName: "templates", predicate: SimpleGridColumnTemplateDirective }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridColumnDirective, decorators: [{
             type: Directive,
@@ -11565,15 +11598,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: "co-simple-grid-column",
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { headerTemplate: [{
-                type: ContentChild,
-                args: ['headerTemplate']
-            }], template: [{
-                type: ContentChild,
-                args: ['template']
-            }], editTemplate: [{
-                type: ContentChild,
-                args: ['editTemplate']
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { templates: [{
+                type: ContentChildren,
+                args: [SimpleGridColumnTemplateDirective]
             }], headerText: [{
                 type: Input
             }], field: [{
@@ -12907,6 +12934,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]);
             }
@@ -12944,7 +12977,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         (deleteClick)="removeSelectedRow()">
       </co-grid-toolbar>
     }
-    
+
     <table
       id="simple-grid-table"
       class="simple-grid-table"
@@ -13016,7 +13049,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
           </th>
         }
       </tr>
-    
+
       @if (showGridSettings) {
         <div class="grid-settings">
           <co-button
@@ -13150,7 +13183,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"
@@ -13222,7 +13255,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           </th>
         }
       </tr>
-    
+
       @if (showGridSettings) {
         <div class="grid-settings">
           <co-button
@@ -13694,7 +13727,8 @@ class SimpleGridModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridModule, declarations: [SimpleGridComponent,
             SimpleGridCellComponent,
-            SimpleGridColumnDirective], imports: [CommonModule,
+            SimpleGridColumnDirective,
+            SimpleGridColumnTemplateDirective], imports: [CommonModule,
             DragDropModule$1,
             GridToolbarModule,
             InputTextModule,
@@ -13707,7 +13741,8 @@ class SimpleGridModule {
             CoreComponentsTranslationModule,
             IconModule], exports: [SimpleGridComponent,
             SimpleGridCellComponent,
-            SimpleGridColumnDirective] });
+            SimpleGridColumnDirective,
+            SimpleGridColumnTemplateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridModule, imports: [CommonModule,
             DragDropModule$1,
             GridToolbarModule,
@@ -13741,12 +13776,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     declarations: [
                         SimpleGridComponent,
                         SimpleGridCellComponent,
-                        SimpleGridColumnDirective
+                        SimpleGridColumnDirective,
+                        SimpleGridColumnTemplateDirective
                     ],
                     exports: [
                         SimpleGridComponent,
                         SimpleGridCellComponent,
-                        SimpleGridColumnDirective
+                        SimpleGridColumnDirective,
+                        SimpleGridColumnTemplateDirective
                     ]
                 }]
         }] });
@@ -20498,5 +20535,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AlignWithDirective, AlignWithModule, AppendPipe, AppendPipeModule, ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CalendarTemplateComponent, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayComponent, CheckmarkOverlayModule, ClickOutsideDirective, ClickoutsideModule, CoCurrencyPipe, CoCurrencyPipeModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, CoreLocalizePipe, DoubleCalendarComponent, DoubleCalendarModule, DragDropContainer, DragDropContainerComponent, DragDropManagerService, DragDropModule, DraggableDirective, ElementPosition, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, HourSchedulingComponent, HourSchedulingComponentModule, HourSchedulingExpandableComponent, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateComponent, HourSchedulingExpandableTemplateModule, HourSchedulingTestObjectComponent, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTimeComponent, InputTimeModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfIconsComponent, ListOfIconsModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityDirective, ObserveVisibilityModule, OrientationOfDirection, OverlayDirective, OverlayModule, OverlayParentDirective, OverlayService, PaginatePipe, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PrependPipe, PrependPipeModule, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, ScrollContainerComponent, ScrollContainerModule, SimpleGridCellComponent, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TemplateWrapperDirective, TemplateWrapperModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirective, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog };
+export { AlignWithDirective, AlignWithModule, AppendPipe, AppendPipeModule, ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CalendarTemplateComponent, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayComponent, CheckmarkOverlayModule, ClickOutsideDirective, ClickoutsideModule, CoCurrencyPipe, CoCurrencyPipeModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, CoreLocalizePipe, DoubleCalendarComponent, DoubleCalendarModule, DragDropContainer, DragDropContainerComponent, DragDropManagerService, DragDropModule, DraggableDirective, ElementPosition, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, HourSchedulingComponent, HourSchedulingComponentModule, HourSchedulingExpandableComponent, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateComponent, HourSchedulingExpandableTemplateModule, HourSchedulingTestObjectComponent, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTimeComponent, InputTimeModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfIconsComponent, ListOfIconsModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityDirective, ObserveVisibilityModule, OrientationOfDirection, OverlayDirective, OverlayModule, OverlayParentDirective, OverlayService, PaginatePipe, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PrependPipe, PrependPipeModule, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, ScrollContainerComponent, ScrollContainerModule, SimpleGridCellComponent, SimpleGridColumnDirective, SimpleGridColumnTemplateDirective, SimpleGridColumnTemplateType, SimpleGridComponent, SimpleGridModule, TemplateWrapperDirective, TemplateWrapperModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirective, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog };
 //# sourceMappingURL=colijnit-corecomponents_v12.mjs.map