@colijnit/corecomponents_v12 12.2.13 → 12.2.15

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1041,6 +1041,7 @@ var CoreComponentsIcon;
     CoreComponentsIcon["CashRegisterSimple"] = "cash_register_simple";
     CoreComponentsIcon["ChangeLocation"] = "change_location";
     CoreComponentsIcon["Check"] = "check";
+    CoreComponentsIcon["CheckDuotone"] = "check_duotone";
     CoreComponentsIcon["CheckRound"] = "check_round";
     CoreComponentsIcon["CheckRoundOpen"] = "check_round_open";
     CoreComponentsIcon["CheckSimple"] = "check_simple";
@@ -1339,6 +1340,7 @@ const CoreComponentsIconSvg = {
     "cash_register_simple": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path style= \"fill: #484f60\" d=\"M288 0C305.7 0 320 14.33 320 32V96C320 113.7 305.7 128 288 128H208V160H424.1C456.6 160 483.5 183.1 488.2 214.4L510.9 364.1C511.6 368.8 512 373.6 512 378.4V448C512 483.3 483.3 512 448 512H64C28.65 512 0 483.3 0 448V378.4C0 373.6 .3622 368.8 1.083 364.1L23.76 214.4C28.5 183.1 55.39 160 87.03 160H143.1V128H63.1C46.33 128 31.1 113.7 31.1 96V32C31.1 14.33 46.33 0 63.1 0L288 0zM96 48C87.16 48 80 55.16 80 64C80 72.84 87.16 80 96 80H256C264.8 80 272 72.84 272 64C272 55.16 264.8 48 256 48H96zM80 448H432C440.8 448 448 440.8 448 432C448 423.2 440.8 416 432 416H80C71.16 416 64 423.2 64 432C64 440.8 71.16 448 80 448zM112 216C98.75 216 88 226.7 88 240C88 253.3 98.75 264 112 264C125.3 264 136 253.3 136 240C136 226.7 125.3 216 112 216zM208 264C221.3 264 232 253.3 232 240C232 226.7 221.3 216 208 216C194.7 216 184 226.7 184 240C184 253.3 194.7 264 208 264zM160 296C146.7 296 136 306.7 136 320C136 333.3 146.7 344 160 344C173.3 344 184 333.3 184 320C184 306.7 173.3 296 160 296zM304 264C317.3 264 328 253.3 328 240C328 226.7 317.3 216 304 216C290.7 216 280 226.7 280 240C280 253.3 290.7 264 304 264zM256 296C242.7 296 232 306.7 232 320C232 333.3 242.7 344 256 344C269.3 344 280 333.3 280 320C280 306.7 269.3 296 256 296zM400 264C413.3 264 424 253.3 424 240C424 226.7 413.3 216 400 216C386.7 216 376 226.7 376 240C376 253.3 386.7 264 400 264zM352 296C338.7 296 328 306.7 328 320C328 333.3 338.7 344 352 344C365.3 344 376 333.3 376 320C376 306.7 365.3 296 352 296z\"/></svg>",
     "change_location": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"16.96 25 24.27 32.31 24.27 27.76 29.09 27.76 29.09 22.23 24.27 22.23 24.27 17.69 16.96 25\" fill=\"#484f60\"/><polygon points=\"16.21 23.18 10 23.18 10 26.82 16.21 26.82 14.39 25 16.21 23.18\" fill=\"#484f60\"/><polygon points=\"10 14.77 10 18.4 20.99 18.4 24.63 14.77 10 14.77\" fill=\"#484f60\"/><polygon points=\"10 31.6 10 35.23 24.63 35.23 20.99 31.6 10 31.6\" fill=\"#484f60\"/><polygon points=\"31.35 13.84 35.45 11.47 39.55 13.83 35.45 16.2 31.35 13.84\" fill=\"#484f60\"/><polygon points=\"40 19.32 39.99 14.59 35.89 16.96 35.9 18.05 39.06 19.86 40 19.32\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"35.02 16.96 30.91 14.6 30.92 19.34 31.84 19.87 35.02 18.03 35.02 16.96\" fill=\"#484f60\" opacity=\"0.25\"/><polygon points=\"31.35 22.26 35.45 19.88 39.55 22.24 35.45 24.62 31.35 22.26\" fill=\"#484f60\"/><polygon points=\"40 27.74 39.99 23 35.89 25.38 35.9 26.46 39.06 28.28 40 27.74\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"35.02 25.38 30.91 23.02 30.92 27.75 31.84 28.29 35.02 26.45 35.02 25.38\" fill=\"#484f60\" opacity=\"0.25\"/><polygon points=\"31.35 30.67 35.45 28.3 39.55 30.66 35.45 33.03 31.35 30.67\" fill=\"#484f60\"/><polygon points=\"35.89 33.79 39.99 31.42 40 36.15 35.9 38.53 35.89 33.79\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"30.92 36.17 30.91 31.43 35.02 33.8 35.03 38.53 30.92 36.17\" fill=\"#484f60\" opacity=\"0.25\"/></svg>",
     "check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"16.97 22.92 20.78 28.61 29.96 13 36.16 13 20.78 37 13.84 26.9 16.97 22.92\" fill=\"#484f60\"/></svg>",
+    "check_duotone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class=\"fa-primary\" d=\"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z\"/></svg>",
     "check_round": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,10A15,15,0,1,0,40,25,15,15,0,0,0,25,10ZM23,34l-6.24-9.09,2.81-3.59L23,26.45,27.66,16h5.58Z\" fill=\"#484f60\"/></svg>",
     "check_round_open": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#2A363B\" d=\"M40.5,25.5C40.5,34,33.5,41,25,41S9.5,34,9.5,25.5S16.5,10,25,10S40.5,16.9,40.5,25.5z M10.5,25.5C10.5,33.5,17,40,25,40s14.5-6.5,14.5-14.5S33,11,25,11S10.5,17.5,10.5,25.5z\"/></g><polygon fill=\"#2A363B\" points=\"19.9,24 22.5,28 29,17.1 33.3,17.1 22.5,33.9 17.7,26.8 \"/></svg>",
     "check_simple": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon fill=\"#2A363B\" points=\"19.9,24 22.5,28 29,17.1 33.3,17.1 22.5,33.9 17.7,26.8 \"/></svg>",
@@ -5789,6 +5791,7 @@ InputTextComponent.decorators = [
                [required]="required"
                (ngModelChange)="modelChange.emit($event)"
                (keydown)="digitsOnly ? excludeNonDigitChars($event) : true"
+               (keyup)="keyUp.emit($event)"
         >
         <ng-container *ngIf="useContent">
           <div class="input-content-wrapper">
@@ -7630,6 +7633,7 @@ InputSearchComponent.decorators = [
       (modelChange)="modelChange.emit($event)"
       (leftIconClick)="leftIconClick.emit($event)"
       (rightIconClick)="rightIconClick.emit($event)"
+      (keyup)="keyUp.emit($event)"
     ></co-input-text>
   `,
                 providers: [
@@ -9241,6 +9245,9 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
             this.validateAndSave();
         }
     }
+    handleClickOutsideRow() {
+        this.validateAndSave();
+    }
     isRowDisabled(row) {
         if (this.rowDisabledFn && (typeof this.rowDisabledFn === 'function')) {
             return this.rowDisabledFn.call(this, row);
@@ -9257,25 +9264,25 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         return !!singleColumn;
     }
     addNewRow() {
-        if (this.inlineEdit) {
-            const valid = this.validateAndSave();
-            this._detectChanges();
-            if (valid) {
-                this.data.push({});
-                this._newRow = true;
-                this.editRowIndex = this.data.length - 1;
-                this._nextAvailableCellToEdit(true).then((index) => {
-                    this.editCellIndex = index;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.inlineEdit) {
+                const valid = this.validateAndSave();
+                // this._detectChanges();
+                if (valid) {
+                    this.data.push({});
                     this._detectChanges();
-                });
-                this.editing = true;
-                this.rowToEdit = this.data[this.data.length - 1];
-                this._detectChanges();
+                    this._newRow = true;
+                    this.editing = true;
+                    this.editRowIndex = this.data.length - 1;
+                    this.rowToEdit = this.data[this.editRowIndex];
+                    this.editCellIndex = yield this._nextAvailableCellToEdit(true);
+                    this._detectChanges();
+                }
             }
-        }
-        else {
-            this.addRow.next();
-        }
+            else {
+                this.addRow.next();
+            }
+        });
     }
     validateAndSave(stopediting = true) {
         if (!this.editing) {
@@ -9299,8 +9306,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         else {
             this.data[this.editRowIndex] = this.rowToEdit;
         }
-        this._newRow = false;
-        this.editing = false;
+        this._resetEdit();
         this._detectChanges();
     }
     removeRow() {
@@ -9319,7 +9325,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         }, 200);
     }
     selectTheRow(index, emit = true) {
-        if (this.selectedRowIndex !== index && ((this.editing && this.validateAndSave()) || !this.editing)) {
+        if (this.selectedRowIndex === -1 || (this.selectedRowIndex !== index && ((this.editing && this.validateAndSave()) || !this.editing))) {
             this.selectedRowIndex = index;
         }
         if (emit) {
@@ -9340,17 +9346,29 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         }
         this._resetDblClick();
     }
-    editRow(event) {
+    editRow(event, selectCell = true) {
         this.editRowIndex = this.selectedRowIndex;
         this.rowToEdit = this.data[this.editRowIndex];
         this.editing = true;
-        this._nextAvailableCellToEdit(true).then((index) => {
-            this.editCellIndex = index;
-        });
+        if (selectCell) {
+            this._nextAvailableCellToEdit(true).then((index) => {
+                this.editCellIndex = index;
+            });
+        }
         this._detectChanges();
     }
-    handleCellClick(index) {
-        this.editCellIndex = index;
+    handleCellClick(event, row, rowIndex, cellIndex) {
+        if (this.isRowDisabled(row)) {
+            this.selectedRowIndex = -1;
+            return;
+        }
+        this.selectTheRow(rowIndex, false);
+        if (this.inlineEdit) {
+            this.editRowIndex = rowIndex;
+            this.editCellIndex = cellIndex;
+            this.editing = true;
+            this.editRow(event, false);
+        }
         this._detectChanges();
     }
     _resetDblClick() {
@@ -9466,10 +9484,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         }
         this._newRow = false;
         if (stopediting) {
-            this.editRowIndex = -1;
-            this.editCellIndex = -1;
-            this.editing = false;
-            this.rowToEdit = undefined;
+            this._resetEdit();
         }
         this._detectChanges();
     }
@@ -9485,6 +9500,14 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     _detectChanges() {
         this._changeDetection.detectChanges();
     }
+    _resetEdit() {
+        this._newRow = false;
+        this.selectedRowIndex = -1;
+        this.editRowIndex = -1;
+        this.editCellIndex = -1;
+        this.editing = false;
+        this.rowToEdit = undefined;
+    }
 }
 SimpleGridComponent.decorators = [
     { type: Component, args: [{
@@ -9501,7 +9524,7 @@ SimpleGridComponent.decorators = [
                      (cancelClick)="cancelEditRow()"
                      (deleteClick)="removeRow()"
     ></co-grid-toolbar>
-    <table class="simple-grid-table">
+    <table class="simple-grid-table" [clickOutside]="editing" (clickOutside)="handleClickOutsideRow()">
       <colgroup>
         <col *ngFor="let column of headerColumns; let index = index"
              [class.simple-grid-column-auto-fit]="column.autoFit"
@@ -9530,7 +9553,7 @@ SimpleGridComponent.decorators = [
       </thead>
       <tbody #dropList cdkDropList cdkDropListOrientation="vertical"
              class="simple-grid-drag-drop-list"
-             [cdkDropListDisabled]="!dragDropEnabled"
+             [cdkDropListDisabled]="!dragDropEnabled || editing"
              [cdkDropListData]="data"
              [cdkDropListEnterPredicate]="handleCanDragDrop"
              (cdkDropListDropped)="handleDrop($event)">
@@ -9555,8 +9578,8 @@ SimpleGridComponent.decorators = [
                     [column]="column"
                     [row]="row"
                     [editMode]="inlineEdit && editing && rowIndex === editRowIndex"
-                    [fieldEditMode]="editCellIndex === columnIndex"
-                    (cellClick)="handleCellClick(columnIndex)"
+                    [fieldEditMode]="editCellIndex === columnIndex && rowIndex === editRowIndex"
+                    (cellClick)="handleCellClick($event, row, rowIndex, columnIndex)"
                   ></co-simple-grid-cell>
                   <div *ngIf="column.resizable" class="simple-grid-column-sizer-placeholder"></div>
                 </td>
@@ -10097,11 +10120,17 @@ class SimpleGridCellComponent {
     constructor(_changeDetector) {
         this._changeDetector = _changeDetector;
         this.defaultTextAlign = ColumnAlign.Left;
-        this.editMode = false;
+        this._editMode = false;
         this.cellClick = new EventEmitter();
         this._fieldEditMode = false;
         this._focused = false;
     }
+    get editMode() {
+        return this._editMode;
+    }
+    set editMode(value) {
+        this._editMode = value;
+    }
     set editTemplateContent(template) {
         if (template) {
             this._editTemplate = template;
@@ -10136,7 +10165,7 @@ class SimpleGridCellComponent {
         }
     }
     _setFocusComponent() {
-        if (this.editMode && this.fieldEditMode) {
+        if (this._editMode && this.fieldEditMode) {
             const element = this._getElement();
             if (element) {
                 const focusEvent = this._createNewEvent(element, 'focus');
@@ -10207,31 +10236,35 @@ SimpleGridCellComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-simple-grid-cell",
                 template: `
-    <div class="simple-grid-column-cell-value" [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign">
-      <ng-container *ngIf="editMode; else noInlineEdit">
-        <ng-container #editTemplate *ngIf="column.editTemplate; else noEditTemplate"
-                      [ngTemplateOutlet]="column.editTemplate"
-                      [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
-        <ng-template #noEditTemplate>
-          <ng-container *ngIf="column.template; else noTemplate">
-            <ng-container [ngTemplateOutlet]="column.template"
-                          [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
+      <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"
+                              [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
+                <ng-template #noEditTemplate>
+                    <ng-container *ngIf="column.template; else noTemplate">
+                        <ng-container [ngTemplateOutlet]="column.template"
+                                      [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
+                    </ng-container>
+                    <ng-template #noTemplate>
+                        <co-input-text [(model)]="row[column.field]" [required]="column.required"></co-input-text>
+                    </ng-template>
+                </ng-template>
+              </div>
           </ng-container>
-          <ng-template #noTemplate>
-            <co-input-text [(model)]="row[column.field]" [required]="column.required"></co-input-text>
+          <ng-template #noInlineEdit>
+              <div class="simple-grid-column-cell-field">
+                <ng-container *ngIf="column.template; else noTemplate">
+                    <ng-container [ngTemplateOutlet]="column.template"
+                                  [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
+                </ng-container>
+                <ng-template #noTemplate>
+                    <span [textContent]="column.getFieldValue(row[column.field])"></span>
+                </ng-template>
+              </div>
           </ng-template>
-        </ng-template>
-      </ng-container>
-      <ng-template #noInlineEdit>
-        <ng-container *ngIf="column.template; else noTemplate">
-          <ng-container [ngTemplateOutlet]="column.template"
-                        [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
-        </ng-container>
-        <ng-template #noTemplate>
-          <span [textContent]="column.getFieldValue(row[column.field])"></span>
-        </ng-template>
-      </ng-template>
-    </div>
+      </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -10240,12 +10273,12 @@ SimpleGridCellComponent.ctorParameters = () => [
     { type: ChangeDetectorRef }
 ];
 SimpleGridCellComponent.propDecorators = {
+    editMode: [{ type: Input }],
     editTemplateContent: [{ type: ViewChild, args: ["editTemplate", { read: BaseInputComponent },] }],
     noEditTemplateContent: [{ type: ViewChild, args: ["noEditTemplate",] }],
     noTemplateContent: [{ type: ViewChild, args: ["noTemplate",] }],
     column: [{ type: Input }],
     row: [{ type: Input }],
-    editMode: [{ type: Input }],
     fieldEditMode: [{ type: Input }],
     cellClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-simple-grid-cell",] }],
@@ -10329,7 +10362,8 @@ SimpleGridModule.decorators = [
                     FormModule,
                     ObserveVisibilityModule,
                     PaginationModule,
-                    PaginationBarModule
+                    PaginationBarModule,
+                    ClickoutsideModule
                 ],
                 declarations: [
                     SimpleGridComponent,
@@ -11121,80 +11155,284 @@ ColorPickerModule.decorators = [
             },] }
 ];
 
-class FilterPipe {
-    transform(items, field, value) {
-        if (!items || !field) {
-            return items;
-        }
-        return items.filter(item => item[field] === value);
+class CoreDynamicComponentService {
+    constructor(_compFactoryResolver, appRef, injector) {
+        this._compFactoryResolver = _compFactoryResolver;
+        this.appRef = appRef;
+        this.injector = injector;
+        this._componentRefs = [];
+    }
+    getComponentRefs() {
+        return this._componentRefs;
+    }
+    createAndReturnComponentRef(componentClass, inputs) {
+        return new Promise((resolve) => {
+            const componentRef = this._compFactoryResolver
+                .resolveComponentFactory(componentClass)
+                .create(this.injector);
+            if (inputs) {
+                for (let property in inputs) {
+                    if (inputs.hasOwnProperty(property)) {
+                        componentRef.instance[property] = inputs[property];
+                    }
+                }
+            }
+            this.appRef.attachView(componentRef.hostView);
+            const domElem = componentRef.hostView
+                .rootNodes[0];
+            document.body.appendChild(domElem);
+            componentRef.onDestroy(() => {
+                this.appRef.detachView(componentRef.hostView);
+            });
+            resolve(componentRef);
+        });
+    }
+    createComponent(componentClass, inputs, outputs, providers) {
+        return new Promise((resolve) => {
+            if (providers) {
+                Injector.create(providers, this.injector);
+            }
+            const componentRef = this._compFactoryResolver
+                .resolveComponentFactory(componentClass)
+                .create(this.injector);
+            this._componentRefs.push(componentRef);
+            if (inputs) {
+                for (let property in inputs) {
+                    if (inputs.hasOwnProperty(property)) {
+                        componentRef.instance[property] = inputs[property];
+                    }
+                }
+            }
+            if (outputs) {
+                for (let event in outputs) {
+                    if (outputs.hasOwnProperty(event)) {
+                        componentRef.instance[event].subscribe(() => outputs[event]());
+                    }
+                }
+            }
+            this.appRef.attachView(componentRef.hostView);
+            const domElem = componentRef.hostView
+                .rootNodes[0];
+            document.body.appendChild(domElem);
+            componentRef.onDestroy(() => {
+                this.appRef.detachView(componentRef.hostView);
+            });
+            componentRef.instance.onClose = (button, output, rememberChoice) => {
+                const idx = this._componentRefs.indexOf(componentRef);
+                this.appRef.detachView(componentRef.hostView);
+                this._componentRefs[idx] = undefined;
+                this._componentRefs.splice(idx, 1);
+                if (outputs) {
+                    for (let event in outputs) {
+                        if (outputs.hasOwnProperty(event)) {
+                            componentRef.instance[event].unsubscribe();
+                        }
+                    }
+                }
+                resolve({ button: button, output: output ? output : undefined, rememberChoice: rememberChoice });
+            };
+        });
     }
 }
-FilterPipe.decorators = [
-    { type: Pipe, args: [{
-                name: "filter",
-                pure: false
+CoreDynamicComponentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CoreDynamicComponentService_Factory() { return new CoreDynamicComponentService(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.INJECTOR)); }, token: CoreDynamicComponentService, providedIn: "root" });
+CoreDynamicComponentService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
             },] }
+];
+CoreDynamicComponentService.ctorParameters = () => [
+    { type: ComponentFactoryResolver },
+    { type: ApplicationRef },
+    { type: Injector }
 ];
 
-class FilterPipeModule {
+var AppPopupType;
+(function (AppPopupType) {
+    AppPopupType[AppPopupType["Error"] = 0] = "Error";
+    AppPopupType[AppPopupType["Warning"] = 1] = "Warning";
+    AppPopupType[AppPopupType["Information"] = 2] = "Information";
+    AppPopupType[AppPopupType["Confirmation"] = 3] = "Confirmation";
+})(AppPopupType || (AppPopupType = {}));
+
+var AppPopupButtonType;
+(function (AppPopupButtonType) {
+    AppPopupButtonType[AppPopupButtonType["Ok"] = 0] = "Ok";
+    AppPopupButtonType[AppPopupButtonType["Open"] = 1] = "Open";
+    AppPopupButtonType[AppPopupButtonType["Save"] = 2] = "Save";
+    AppPopupButtonType[AppPopupButtonType["Cancel"] = 3] = "Cancel";
+    AppPopupButtonType[AppPopupButtonType["Yes"] = 4] = "Yes";
+    AppPopupButtonType[AppPopupButtonType["No"] = 5] = "No";
+    AppPopupButtonType[AppPopupButtonType["NoButton"] = 6] = "NoButton";
+})(AppPopupButtonType || (AppPopupButtonType = {}));
+
+class DialogBaseComponent {
+    onClose(eventType, output, rememberChoice) {
+        return;
+    }
+}
+
+class ConfirmationDialogComponent extends DialogBaseComponent {
+    constructor(iconCacheService) {
+        super();
+        this.iconCacheService = iconCacheService;
+        this.icons = CoreComponentsIcon;
+        this.ptype = AppPopupType;
+        this.showRememberCheckbox = false;
+        this.rememberChoice = false;
+    }
+    showClass() {
+        return true;
+    }
+    handleYesClick(event) {
+        this.onClose(AppPopupButtonType.Yes, undefined, this.rememberChoice);
+    }
+    handleNoClick(event) {
+        this.onClose(AppPopupButtonType.No, undefined, this.rememberChoice);
+    }
+    handleOkClick(event) {
+        this.onClose(AppPopupButtonType.Ok, undefined, this.rememberChoice);
+    }
 }
-FilterPipeModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    FilterPipe
-                ],
-                exports: [
-                    FilterPipe
-                ]
+ConfirmationDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-confirmation-dialog",
+                template: `
+    <co-dialog [showCloseIcon]="false" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate">
+      <div class="confirmation-dialog-wrapper">
+        <div class="text" [innerHTML]="text"></div>
+        <co-collapsible [headerTitle]="'DETAILS' | coreLocalize" [iconData]="iconCacheService.getIcon(icons.TriangleDown)" *ngIf="details">
+          <div class="dialog-details" [innerHTML]="details"></div>
+        </co-collapsible>
+      </div>
+    </co-dialog>
+    <ng-template #headerTemplate>
+      <div class="co-dialog-header-title" [textContent]="title"></div>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="co-dialog-footer-button-wrapper">
+        <ng-container *ngIf="type === ptype.Confirmation">
+          <co-button class="save-button"
+                     [label]="'YES' | coreLocalize"
+                     (click)="handleYesClick($event)"></co-button>
+          <co-button class="close-button"
+                     [label]="'NO' | coreLocalize"
+                     (click)="handleNoClick($event)"></co-button>
+        </ng-container>
+        <ng-container *ngIf="type === ptype.Information || type === ptype.Error || type === ptype.Warning">
+          <co-button class="save-button"
+                     [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                     (click)="handleYesClick($event)"></co-button>
+        </ng-container>
+      </div>
+      <ng-container *ngIf="showRememberCheckbox">
+        <co-input-checkbox [label]="'REMEMBER_CHOICE' | coreLocalize" [(model)]="rememberChoice"></co-input-checkbox>
+      </ng-container>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
             },] }
-];
-
-function equalValidator(valueGetterFn) {
-    return function (control) {
-        let isValid = true;
-        if (valueGetterFn) {
-            const mustBeEqualTo = valueGetterFn.call(this);
-            isValid = control.value === mustBeEqualTo;
-        }
-        return isValid ? null : { "equality": "MESSAGE_FIELD_WRONG_VALUE" };
-    };
-}
+];
+ConfirmationDialogComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+ConfirmationDialogComponent.propDecorators = {
+    title: [{ type: Input }],
+    text: [{ type: Input }],
+    details: [{ type: Input }],
+    type: [{ type: Input }],
+    showRememberCheckbox: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-confirmation-dialog",] }]
+};
 
-function passwordValidator(userNameGetterFn) {
-    return function (control) {
-        if (control && control.value) {
-            const username = userNameGetterFn.call(this);
-            const errorString = getValidatePasswordErrorString(StringUtils.ToStringOrDefault(control.value), username);
-            if (errorString) {
-                return { "password": errorString };
-            }
+class CoreDialogService {
+    constructor(_compFactoryResolver, appRef, injector, dynamicComponentService) {
+        this._compFactoryResolver = _compFactoryResolver;
+        this.appRef = appRef;
+        this.injector = injector;
+        this.dynamicComponentService = dynamicComponentService;
+        this._componentRefs = [];
+    }
+    showYesNo(title, text, showRememberChoice = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const data = {
+                title: title,
+                text: text,
+                type: AppPopupType.Confirmation,
+                showRememberCheckbox: showRememberChoice
+            };
+            return this.dynamicComponentService.createComponent(ConfirmationDialogComponent, data);
+        });
+    }
+    showError(message, details) {
+        const data = {
+            title: 'ERROR',
+            text: message,
+            type: AppPopupType.Error
+        };
+        if (details) {
+            data.details = details;
         }
-    };
-}
-// @returns undefined if valid, or an error string if there's an error
-function getValidatePasswordErrorString(password, username) {
-    const minimumPasswordLength = 10;
-    const lengthOk = password && minimumPasswordLength <= password.length;
-    if (!lengthOk) {
-        return "PASSWORD_MUST_BE_10_CHARACTERS";
+        return this.dynamicComponentService.createComponent(ConfirmationDialogComponent, data);
     }
-    const atLeastOneNumber = RegExp(".*[0-9].*").test(password);
-    const atLeastOneLetter = RegExp(".*[a-zA-Z].*").test(password);
-    const atLeastOneSpecial = RegExp(".*[!@#$%&*()'+,\\-./:;<=>?\\[\\]^_`{|}\\\\].*").test(password);
-    if (!atLeastOneNumber || !atLeastOneLetter || !atLeastOneSpecial) {
-        return "PASSWORD_MUST_CONTAIN_LETTER_NUMBER_SPECIAL";
+    showInformation(message) {
+        const data = {
+            title: 'INFORMATION',
+            text: message,
+            type: AppPopupType.Information
+        };
+        return this.dynamicComponentService.createComponent(ConfirmationDialogComponent, data);
     }
-    const hasUsernameInPassword = username && RegExp(".*" + username.trim() + ".*", "i").test(password);
-    if (hasUsernameInPassword) {
-        return "PASSWORD_CONTAINS_USERNAME";
+    showWarning(message) {
+        const data = {
+            title: 'WARNING',
+            text: message,
+            type: AppPopupType.Warning
+        };
+        return this.dynamicComponentService.createComponent(ConfirmationDialogComponent, data);
     }
-}
+}
+CoreDialogService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CoreDialogService_Factory() { return new CoreDialogService(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(CoreDynamicComponentService)); }, token: CoreDialogService, providedIn: "root" });
+CoreDialogService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+CoreDialogService.ctorParameters = () => [
+    { type: ComponentFactoryResolver },
+    { type: ApplicationRef },
+    { type: Injector },
+    { type: CoreDynamicComponentService }
+];
 
-function emailValidator(control) {
-    const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-    const isValid = !!emailRegex.test(control.value);
-    return isValid ? null : { 'email': 'MESSAGE_EMAIL_NOT_CORRECT' };
-}
+class CoreDialogModule {
+    static forRoot() {
+        return {
+            ngModule: CoreDialogModule,
+            providers: [
+                CoreDialogService
+            ]
+        };
+    }
+}
+CoreDialogModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    CollapsibleModule,
+                    CoreComponentsTranslationModule,
+                    ButtonModule,
+                    InputCheckboxModule
+                ],
+                declarations: [
+                    ConfirmationDialogComponent
+                ],
+                providers: [
+                    CoreDialogService
+                ],
+                exports: []
+            },] }
+];
 
 class FilterItemComponent {
     constructor(iconService, _changeDetector) {
@@ -11895,37 +12133,466 @@ FilterItemModule.decorators = [
             },] }
 ];
 
-class TooltipComponent {
-    constructor(_elementRef, _changeDetector) {
-        this._elementRef = _elementRef;
-        this._changeDetector = _changeDetector;
-        this.top = -100;
-        this.left = -100;
-        this.bottom = false;
-        this.animate = true;
+class CheckmarkOverlayComponent {
+    constructor(_renderer) {
+        this._renderer = _renderer;
+        this.showOverlay = false;
+        this.showWrapper = false;
+        this._visible = false;
+        this._handleAnimationIteration = (event) => {
+            this.animateDivs.forEach(a => this._renderer.removeClass(a.nativeElement, 'animate'));
+            event.currentTarget.removeEventListener('animationiteration', this._handleAnimationIteration);
+        };
     }
-    set hostElement(value) {
-        this._hostElement = value;
-        // this._positionTooltip();
+    set content(children) {
+        this.animateDivs = children.toArray();
+        this._checkAnimation();
     }
-    get hostElement() {
-        return this._hostElement;
+    set visible(value) {
+        if (value) {
+            this.showOverlay = true;
+            this.showWrapper = true;
+        }
+        else {
+            setTimeout(() => this.showOverlay = false, 800);
+            setTimeout(() => this.showWrapper = false, 600);
+        }
+        this._visible = value;
+        this._checkAnimation();
+        this._checkAnimationFinished();
+    }
+    get visible() {
+        return this._visible;
     }
     showClass() {
         return true;
     }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            this._positionTooltip();
-        });
+    _checkAnimation() {
+        if (this.visible && this.animateDivs) {
+            this.animateDivs.forEach(a => this._renderer.addClass(a.nativeElement, 'animate'));
+        }
     }
-    _positionTooltip() {
-        if (this.hostElement && this._elementRef && this._elementRef.nativeElement) {
-            const rect = this.hostElement.getBoundingClientRect();
-            const ownRect = this._elementRef.nativeElement.getBoundingClientRect();
-            let wantedLeft = rect.left;
-            let wantedTop = rect.top - ownRect.height;
-            if (wantedTop < 0) { // out of view, move to bottom
+    _checkAnimationFinished() {
+        if (!this.visible && this.animateDivs) {
+            this.animateDivs.forEach(a => {
+                a.nativeElement.addEventListener('animationiteration', this._handleAnimationIteration);
+            });
+        }
+    }
+}
+CheckmarkOverlayComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-checkmark-overlay",
+                template: `
+    <div *ngIf="showOverlay">
+      <div class="checkmark-overlay-wrapper" *ngIf="showWrapper" @showHideSaveCancel>
+        <div class="checkmark-buttons-button save" [class.finished]="!visible">
+          <div class="save-button-spinner">
+            <div #animatediv></div>
+            <div #animatediv></div>
+            <div #animatediv></div>
+            <div #animatediv></div>
+          </div>
+          <div class="spinner-checkmark" *ngIf="!visible && successful"></div>
+        </div>
+      </div>
+    </div>
+  `,
+                animations: [
+                    trigger('showHideSaveCancel', [
+                        state('*', style({ transform: 'scaleY(1)', opacity: 1 })),
+                        state('void', style({ transform: 'scaleY(0)', opacity: 0 })),
+                        transition('void <=> *', animate(200))
+                    ]),
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+CheckmarkOverlayComponent.ctorParameters = () => [
+    { type: Renderer2 }
+];
+CheckmarkOverlayComponent.propDecorators = {
+    content: [{ type: ViewChildren, args: ['animatediv', { read: ElementRef },] }],
+    visible: [{ type: Input }],
+    successful: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-checkmark-overlay",] }]
+};
+
+class CheckmarkOverlayModule {
+}
+CheckmarkOverlayModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    CheckmarkOverlayComponent
+                ],
+                exports: [
+                    CheckmarkOverlayComponent
+                ]
+            },] }
+];
+
+class FilterItemViewmodel {
+    constructor(code, description, checked, count, valueName) {
+        this.checked = false;
+        this.code = code;
+        this.description = description === null || description === void 0 ? void 0 : description.toString();
+        this.checked = checked;
+        this.count = count;
+        this.valueName = valueName;
+    }
+    codeAsNumber() { return NumberUtils.ParseInt(this.code); }
+}
+
+class FilterViewmodel {
+    constructor(collection, fields) {
+        this.filterItems = [];
+        collection.forEach((item) => {
+            var _a, _b, _c;
+            this.filterItems.push(new FilterItemViewmodel(item[fields.value], item[fields.text], (_a = item.checked) !== null && _a !== void 0 ? _a : false, (_b = item.count) !== null && _b !== void 0 ? _b : null, (_c = item.valueName) !== null && _c !== void 0 ? _c : null));
+        });
+    }
+}
+
+class BarCodeScanner {
+    constructor() {
+        this._buffer = [];
+        this._keyPress = (event) => {
+            if (event.key === "Enter") {
+                document.dispatchEvent(this._createScanEvent());
+                this._buffer.length = 0;
+            }
+            else {
+                const str = event.key;
+                this._buffer.push(str);
+            }
+        };
+        document.addEventListener('keypress', this._keyPress);
+    }
+    close() {
+        document.removeEventListener('keypress', this._keyPress);
+    }
+    _createScanEvent() {
+        return new CustomEvent("barcodescanned", { detail: this._buffer.join("") });
+    }
+}
+
+class ScannerService {
+    constructor(_ngZone) {
+        this._ngZone = _ngZone;
+        this.barCodeScanner = new BarCodeScanner();
+        this._barCodeScanned = (event) => {
+            if (this._activeInput) {
+                this._activeInput.triggerCodeScanned(event.detail);
+            }
+        };
+        document.addEventListener("barcodescanned", this._barCodeScanned);
+    }
+    ngOnDestroy() {
+        document.removeEventListener("barcodescanned", this._barCodeScanned);
+        this.barCodeScanner.close();
+    }
+    registerInput(input) {
+        this._activeInput = input;
+    }
+}
+ScannerService.decorators = [
+    { type: Injectable }
+];
+ScannerService.ctorParameters = () => [
+    { type: NgZone }
+];
+
+class InputScannerComponent {
+    constructor(_scannerService) {
+        this._scannerService = _scannerService;
+        this.centerLabel = false;
+        this.useLeftIcon = false;
+        this.useRightIcon = false;
+        this.modelChange = new EventEmitter();
+        this.leftIconClick = new EventEmitter();
+        this.rightIconClick = new EventEmitter();
+        this.search = new EventEmitter();
+        this.barCodeScanned = new EventEmitter();
+        this._scannerService.registerInput(this);
+    }
+    showClass() {
+        return true;
+    }
+    triggerCodeScanned(code) {
+        this.model = code;
+        this.barCodeScanned.next(this.model);
+    }
+}
+InputScannerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-input-scanner',
+                template: `
+      <co-input-search
+              [(model)]="model"
+              [customCssClass]="customCssClass"
+              [placeholder]="placeholder"
+              [centerLabel]="centerLabel"
+              [useLeftIcon]="useLeftIcon"
+              [leftIconData]="leftIconData"
+              [useRightIcon]="useRightIcon"
+              [rightIconData]="rightIconData"
+              (leftIconClick)="leftIconClick.emit($event)"
+              (rightIconClick)="rightIconClick.emit($event)"
+              (search)="search.emit($event)"
+      ></co-input-search>
+    `,
+                providers: [
+                    ScannerService,
+                    OverlayService
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+InputScannerComponent.ctorParameters = () => [
+    { type: ScannerService }
+];
+InputScannerComponent.propDecorators = {
+    model: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    centerLabel: [{ type: Input }],
+    useLeftIcon: [{ type: Input }],
+    useRightIcon: [{ type: Input }],
+    leftIconData: [{ type: Input }],
+    rightIconData: [{ type: Input }],
+    customCssClass: [{ type: Input }],
+    modelChange: [{ type: Output }],
+    leftIconClick: [{ type: Output }],
+    rightIconClick: [{ type: Output }],
+    search: [{ type: Output }],
+    barCodeScanned: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-input-scanner',] }]
+};
+
+class InputScannerModule {
+}
+InputScannerModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputSearchModule
+                ],
+                declarations: [
+                    InputScannerComponent
+                ],
+                exports: [
+                    InputScannerComponent
+                ]
+            },] }
+];
+
+class LoaderComponent {
+    showClass() {
+        return true;
+    }
+}
+LoaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-loader',
+                template: `
+      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+           viewBox="0 0 200 200" xml:space="preserve">
+        <defs>
+          <linearGradient id="gradientFade" x1="20%" x2="50%" y1="60%" y2="100%">
+            <stop offset="0%" class="spinner-gradient-stop" />
+            <stop offset="25%" stop-opacity="75%" class="spinner-gradient-stop" />
+            <stop offset="50%" stop-opacity="50%" class="spinner-gradient-stop" />
+            <stop offset="75%" stop-opacity="25%" class="spinner-gradient-stop" />
+            <stop offset="100%" stop-opacity="5%" class="spinner-gradient-stop" />
+          </linearGradient>
+        </defs>          
+        <g id="mask">
+            <ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -41.0887 100.8995)" class="circle" cx="101.25" cy="101.25" rx="77.58"
+                     ry="77.58"/>
+        </g>
+        <g>
+            <circle id="ring" class="ring-color" cx="100" cy="100" r="90" fill="transparent" />
+        </g>
+        <g id="js">
+          <path class="main-color" d="M87.93,149.17c-0.12-0.17-0.08-0.4,0.09-0.52l0.61-0.45c2.92-2.14,4.34-4.61,4.34-7.56l0-20.64h2.47
+            c0.74,0,1.34,0.6,1.34,1.34v18.32c0,2.97-0.65,5.4-1.93,7.23c-0.61,0.89-1.25,1.66-1.9,2.28c-0.63,0.6-1.41,1.23-2.3,1.87
+            l-0.65,0.47c-0.18,0.12-0.42,0.08-0.54-0.1L87.93,149.17z"/>
+              <path class="main-color" d="M107.12,142.92c-2.24,0-4.18-0.59-5.79-1.75l0,0c-0.47-0.34-0.59-1-0.27-1.48l1.06-1.59
+            c0.12-0.17,0.35-0.22,0.53-0.11l0.58,0.38c1.18,0.77,2.43,1.14,3.84,1.14c1.36,0,2.39-0.25,3.05-0.75
+            c0.59-0.44,0.86-1.04,0.86-1.92c0-0.59-0.22-1.15-0.68-1.71c-0.55-0.67-1.23-1.29-2.02-1.84c-0.85-0.58-1.74-1.22-2.66-1.88
+            c-0.97-0.7-1.81-1.55-2.5-2.53c-0.75-1.06-1.12-2.23-1.12-3.46c0-1.67,0.63-3.02,1.89-4.01c1.17-0.93,2.74-1.4,4.66-1.4
+            c1.83,0,3.55,0.37,5.13,1.11l0.62,0.29c0.19,0.09,0.27,0.31,0.19,0.5l-1.03,2.37c-0.08,0.19-0.31,0.28-0.5,0.2l-0.64-0.27
+            c-1.22-0.52-2.45-0.78-3.64-0.78c-3.01,0-3.01,1.31-3.01,1.94c0,0.63,0.22,1.21,0.68,1.77c0.55,0.67,1.22,1.28,2.01,1.8
+            c0.91,0.61,1.8,1.22,2.66,1.82c0.97,0.68,1.82,1.52,2.5,2.47c0.75,1.04,1.13,2.2,1.13,3.44c0,2.05-0.72,3.64-2.14,4.72
+            C111.17,142.4,109.36,142.92,107.12,142.92z"/>
+        </g>
+        <g id="i">
+          <path class="second-color" d="M38.1,100.24V80.62c0-0.18,0.14-0.32,0.32-0.32h2.53c0.88,0,1.6,0.72,1.6,1.6v18.34
+            c0,0.18-0.14,0.32-0.32,0.32h-3.8C38.25,100.56,38.1,100.42,38.1,100.24z"/>
+        </g>
+        <g id="n">
+          <path class="second-color" d="M126.95,107l-14.97-17.18c-0.19-0.22-0.56-0.09-0.56,0.21v16.62c0,0.18-0.14,0.32-0.32,0.32h-3.8
+            c-0.18,0-0.32-0.14-0.32-0.32V82.12c0-0.88,0.72-1.6,1.6-1.6h1.07c0.09,0,0.18,0.04,0.24,0.11l14.97,17.22
+            c0.19,0.22,0.56,0.09,0.56-0.21V80.99c0-0.18,0.14-0.32,0.32-0.32h3.8c0.18,0,0.32,0.14,0.32,0.32v25.81
+            c0,0.18-0.14,0.32-0.32,0.32h-2.35C127.1,107.11,127.01,107.07,126.95,107z"/>
+        </g>
+        <g id="e">
+          <path class="second-color" d="M150.28,105.37V80.99c0-0.18,0.14-0.32,0.32-0.32h13.12c0.18,0,0.32,0.14,0.32,0.32v3.59
+            c0,0.18-0.14,0.32-0.32,0.32h-8.68c-0.18,0-0.32,0.14-0.32,0.32v5.14c0,0.18,0.14,0.32,0.32,0.32h7.77c0.18,0,0.32,0.14,0.32,0.32
+            v3.55c0,0.18-0.14,0.32-0.32,0.32h-7.77c-0.18,0-0.32,0.14-0.32,0.32v7.17c0,0.18,0.14,0.32,0.32,0.32h9.04
+            c0.18,0,0.32,0.14,0.32,0.32v3.66c0,0.18-0.14,0.32-0.32,0.32h-12.2C151,106.97,150.28,106.25,150.28,105.37z"/>
+        </g>
+        <g id="o">
+        <path class="second-color" d="M67.44,86.2c0.59,0.54,0.68,1.43,0.23,2.09c-0.41,0.6-0.75,1.24-1.01,1.92c-0.42,1.1-0.63,2.31-0.63,3.61
+          c0,1.3,0.21,2.51,0.63,3.61c0.42,1.1,1.04,2.1,1.88,2.98c0.82,0.87,1.75,1.53,2.8,1.97c1.04,0.44,2.19,0.66,3.44,0.66
+          c1.25,0,2.4-0.22,3.43-0.66c1.04-0.44,1.97-1.09,2.78-1.97c0.83-0.88,1.45-1.88,1.86-2.98c0.42-1.1,0.63-2.31,0.63-3.61
+          c0-1.3-0.21-2.51-0.63-3.62c-0.42-1.1-1.04-2.11-1.87-3c-0.81-0.87-1.74-1.53-2.78-1.97c-1.04-0.44-2.18-0.66-3.43-0.66
+          c-0.77,0-1.49,0.08-2.18,0.25c-0.75,0.18-1.53-0.19-1.84-0.9l-1.03-2.32c-0.07-0.17,0-0.36,0.17-0.43
+          c1.49-0.58,3.12-0.87,4.86-0.87c1.87,0,3.59,0.33,5.17,0.99c1.58,0.66,3,1.64,4.27,2.95c1.26,1.3,2.21,2.76,2.84,4.36
+          c0.63,1.6,0.95,3.34,0.95,5.22c0,1.88-0.32,3.62-0.95,5.22c-0.63,1.6-1.58,3.06-2.84,4.36c-1.27,1.31-2.69,2.29-4.27,2.95
+          c-1.58,0.66-3.31,0.99-5.17,0.99c-1.87,0-3.6-0.33-5.17-0.99c-1.58-0.66-3-1.64-4.27-2.95c-1.26-1.3-2.21-2.76-2.84-4.36
+          c-0.63-1.6-0.95-3.34-0.95-5.22c0-1.88,0.32-3.62,0.95-5.22c0.6-1.51,1.47-2.88,2.63-4.13c0.12-0.13,0.32-0.13,0.45-0.02
+          L67.44,86.2z"/>
+        </g>
+        <g id="smile">
+          <path class="main-color" d="M101.26,178.35c-3.73-0.01-7.38-0.28-10.86-0.82c-3.62-0.57-6.94-1.38-9.85-2.4c-3.01-1.05-5.69-2.3-7.94-3.73
+            c-1.09-0.71-2.1-1.76-2.99-2.84c0.98,0.74,2.03,1.44,3.16,2.07c2.38,1.38,5.13,2.58,8.16,3.55c5.99,1.93,13.15,2.99,20.17,2.99
+            h0.31c7.01,0,14.17-1.06,20.16-2.99c3.03-0.97,5.78-2.16,8.17-3.55c1.12-0.64,2.17-1.32,3.15-2.06c-0.89,1.08-1.89,2.13-2.99,2.83
+            c-2.25,1.42-4.92,2.67-7.94,3.72c-2.91,1.02-6.23,1.83-9.85,2.4C108.65,178.07,105,178.35,101.26,178.35z"/>
+        </g>
+    </svg>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+LoaderComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ['class.co-loader',] }]
+};
+
+class LoaderModule {
+}
+LoaderModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    LoaderComponent
+                ],
+                exports: [
+                    LoaderComponent
+                ]
+            },] }
+];
+
+class FilterPipe {
+    transform(items, field, value) {
+        if (!items || !field) {
+            return items;
+        }
+        return items.filter(item => item[field] === value);
+    }
+}
+FilterPipe.decorators = [
+    { type: Pipe, args: [{
+                name: "filter",
+                pure: false
+            },] }
+];
+
+class FilterPipeModule {
+}
+FilterPipeModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    FilterPipe
+                ],
+                exports: [
+                    FilterPipe
+                ]
+            },] }
+];
+
+function equalValidator(valueGetterFn) {
+    return function (control) {
+        let isValid = true;
+        if (valueGetterFn) {
+            const mustBeEqualTo = valueGetterFn.call(this);
+            isValid = control.value === mustBeEqualTo;
+        }
+        return isValid ? null : { "equality": "MESSAGE_FIELD_WRONG_VALUE" };
+    };
+}
+
+function passwordValidator(userNameGetterFn) {
+    return function (control) {
+        if (control && control.value) {
+            const username = userNameGetterFn.call(this);
+            const errorString = getValidatePasswordErrorString(StringUtils.ToStringOrDefault(control.value), username);
+            if (errorString) {
+                return { "password": errorString };
+            }
+        }
+    };
+}
+// @returns undefined if valid, or an error string if there's an error
+function getValidatePasswordErrorString(password, username) {
+    const minimumPasswordLength = 10;
+    const lengthOk = password && minimumPasswordLength <= password.length;
+    if (!lengthOk) {
+        return "PASSWORD_MUST_BE_10_CHARACTERS";
+    }
+    const atLeastOneNumber = RegExp(".*[0-9].*").test(password);
+    const atLeastOneLetter = RegExp(".*[a-zA-Z].*").test(password);
+    const atLeastOneSpecial = RegExp(".*[!@#$%&*()'+,\\-./:;<=>?\\[\\]^_`{|}\\\\].*").test(password);
+    if (!atLeastOneNumber || !atLeastOneLetter || !atLeastOneSpecial) {
+        return "PASSWORD_MUST_CONTAIN_LETTER_NUMBER_SPECIAL";
+    }
+    const hasUsernameInPassword = username && RegExp(".*" + username.trim() + ".*", "i").test(password);
+    if (hasUsernameInPassword) {
+        return "PASSWORD_CONTAINS_USERNAME";
+    }
+}
+
+function emailValidator(control) {
+    const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+    const isValid = !!emailRegex.test(control.value);
+    return isValid ? null : { 'email': 'MESSAGE_EMAIL_NOT_CORRECT' };
+}
+
+class TooltipComponent {
+    constructor(_elementRef, _changeDetector) {
+        this._elementRef = _elementRef;
+        this._changeDetector = _changeDetector;
+        this.top = -100;
+        this.left = -100;
+        this.bottom = false;
+        this.animate = true;
+    }
+    set hostElement(value) {
+        this._hostElement = value;
+        // this._positionTooltip();
+    }
+    get hostElement() {
+        return this._hostElement;
+    }
+    showClass() {
+        return true;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this._positionTooltip();
+        });
+    }
+    _positionTooltip() {
+        if (this.hostElement && this._elementRef && this._elementRef.nativeElement) {
+            const rect = this.hostElement.getBoundingClientRect();
+            const ownRect = this._elementRef.nativeElement.getBoundingClientRect();
+            let wantedLeft = rect.left;
+            let wantedTop = rect.top - ownRect.height;
+            if (wantedTop < 0) { // out of view, move to bottom
                 this.bottom = true;
                 wantedTop = rect.bottom;
             }
@@ -12077,107 +12744,6 @@ TooltipDirectiveModule.decorators = [
             },] }
 ];
 
-class CheckmarkOverlayComponent {
-    constructor(_renderer) {
-        this._renderer = _renderer;
-        this.showOverlay = false;
-        this.showWrapper = false;
-        this._visible = false;
-        this._handleAnimationIteration = (event) => {
-            this.animateDivs.forEach(a => this._renderer.removeClass(a.nativeElement, 'animate'));
-            event.currentTarget.removeEventListener('animationiteration', this._handleAnimationIteration);
-        };
-    }
-    set content(children) {
-        this.animateDivs = children.toArray();
-        this._checkAnimation();
-    }
-    set visible(value) {
-        if (value) {
-            this.showOverlay = true;
-            this.showWrapper = true;
-        }
-        else {
-            setTimeout(() => this.showOverlay = false, 800);
-            setTimeout(() => this.showWrapper = false, 600);
-        }
-        this._visible = value;
-        this._checkAnimation();
-        this._checkAnimationFinished();
-    }
-    get visible() {
-        return this._visible;
-    }
-    showClass() {
-        return true;
-    }
-    _checkAnimation() {
-        if (this.visible && this.animateDivs) {
-            this.animateDivs.forEach(a => this._renderer.addClass(a.nativeElement, 'animate'));
-        }
-    }
-    _checkAnimationFinished() {
-        if (!this.visible && this.animateDivs) {
-            this.animateDivs.forEach(a => {
-                a.nativeElement.addEventListener('animationiteration', this._handleAnimationIteration);
-            });
-        }
-    }
-}
-CheckmarkOverlayComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-checkmark-overlay",
-                template: `
-    <div *ngIf="showOverlay">
-      <div class="checkmark-overlay-wrapper" *ngIf="showWrapper" @showHideSaveCancel>
-        <div class="checkmark-buttons-button save" [class.finished]="!visible">
-          <div class="save-button-spinner">
-            <div #animatediv></div>
-            <div #animatediv></div>
-            <div #animatediv></div>
-            <div #animatediv></div>
-          </div>
-          <div class="spinner-checkmark" *ngIf="!visible && successful"></div>
-        </div>
-      </div>
-    </div>
-  `,
-                animations: [
-                    trigger('showHideSaveCancel', [
-                        state('*', style({ transform: 'scaleY(1)', opacity: 1 })),
-                        state('void', style({ transform: 'scaleY(0)', opacity: 0 })),
-                        transition('void <=> *', animate(200))
-                    ]),
-                ],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-CheckmarkOverlayComponent.ctorParameters = () => [
-    { type: Renderer2 }
-];
-CheckmarkOverlayComponent.propDecorators = {
-    content: [{ type: ViewChildren, args: ['animatediv', { read: ElementRef },] }],
-    visible: [{ type: Input }],
-    successful: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-checkmark-overlay",] }]
-};
-
-class CheckmarkOverlayModule {
-}
-CheckmarkOverlayModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule
-                ],
-                declarations: [
-                    CheckmarkOverlayComponent
-                ],
-                exports: [
-                    CheckmarkOverlayComponent
-                ]
-            },] }
-];
-
 class BaseModuleScreenConfigService {
     constructor() {
         // emits the params of the loaded config, each time when a new config was loaded
@@ -12583,28 +13149,6 @@ ScreenConfigurationModule.decorators = [
             },] }
 ];
 
-class FilterItemViewmodel {
-    constructor(code, description, checked, count, valueName) {
-        this.checked = false;
-        this.code = code;
-        this.description = description === null || description === void 0 ? void 0 : description.toString();
-        this.checked = checked;
-        this.count = count;
-        this.valueName = valueName;
-    }
-    codeAsNumber() { return NumberUtils.ParseInt(this.code); }
-}
-
-class FilterViewmodel {
-    constructor(collection, fields) {
-        this.filterItems = [];
-        collection.forEach((item) => {
-            var _a, _b, _c;
-            this.filterItems.push(new FilterItemViewmodel(item[fields.value], item[fields.text], (_a = item.checked) !== null && _a !== void 0 ? _a : false, (_b = item.count) !== null && _b !== void 0 ? _b : null, (_c = item.valueName) !== null && _c !== void 0 ? _c : null));
-        });
-    }
-}
-
 class ColorSequenceService {
     constructor() {
         this.colors = new Map();
@@ -12634,5 +13178,5 @@ ColorSequenceService.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, ListOfValuesMultiselectPopupComponent as ɵbd, PrependPipeModule as ɵbe, PrependPipe as ɵbf, TooltipModule as ɵbg, TooltipComponent as ɵbh, TooltipDirective as ɵbi, CheckmarkOverlayComponent as ɵbj, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, CoreLocalizePipe as ɵp, CoreDictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
+export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, 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, LevelIndicatorComponent, LevelIndicatorModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, ListOfValuesMultiselectPopupComponent as ɵbd, ConfirmationDialogComponent as ɵbe, DialogBaseComponent as ɵbf, CoreDynamicComponentService as ɵbg, PrependPipeModule as ɵbh, PrependPipe as ɵbi, CheckmarkOverlayComponent as ɵbj, ScannerService as ɵbk, TooltipModule as ɵbl, TooltipComponent as ɵbm, TooltipDirective as ɵbn, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, CoreLocalizePipe as ɵp, CoreDictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
 //# sourceMappingURL=colijnit-corecomponents_v12.js.map