@igo2/common 1.11.1 → 1.13.0-alpha.0

package/{fesm2015/igo2-common.js → fesm2020/igo2-common.mjs}

@@ -1,62 +1,62 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, Directive, HostListener, ViewChild, Pipe, Optional, Self, HostBinding, NgModule, Injectable, ViewContainerRef, ViewEncapsulation, ContentChildren } from '@angular/core';
-import * as i1$1 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4$1 from '@angular/material/button';
+import * as i2$2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i10$1 from '@angular/material/card';
+import * as i9 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
-import * as i7 from '@angular/material/checkbox';
+import * as i10 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i5$1 from '@angular/material/icon';
+import * as i3$2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i1$6 from '@angular/material/list';
+import * as i2$3 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i9$1 from '@angular/material/menu';
+import * as i7$1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i6 from '@angular/material/tooltip';
+import * as i6$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1$2 from '@igo2/core';
+import * as i1$1 from '@igo2/core';
 import { Media, IgoLanguageModule } from '@igo2/core';
-import t from 'typy';
-import { ReplaySubject, BehaviorSubject, combineLatest, of, Observable, isObservable, fromEvent, merge, Subject } from 'rxjs';
+import { t } from 'typy';
+import { ReplaySubject, BehaviorSubject, combineLatest, of, Observable, isObservable, fromEvent, throwError, merge, Subject } from 'rxjs';
 import { map, skip, debounceTime, catchError, tap, switchMap, filter, take, distinctUntilChanged } from 'rxjs/operators';
 import { uuid, ObjectUtils } from '@igo2/utils';
-import * as i1 from '@angular/material/form-field';
+import * as i4 from '@angular/material/form-field';
 import { MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';
-import * as i2 from '@angular/material/select';
+import * as i3 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import * as i3 from '@angular/material/core';
-import * as i4 from '@angular/material/table';
+import * as i3$1 from '@angular/material/core';
+import * as i5 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import * as i1$5 from '@angular/forms';
-import { FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
-import * as moment_ from 'moment';
-import * as i2$2 from '@angular/cdk/a11y';
-import * as i5 from '@angular/material/sort';
-import { MatSortModule, MatSort } from '@angular/material/sort';
-import * as i9 from '@angular/material/autocomplete';
+import * as i1$4 from '@angular/forms';
+import { UntypedFormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import moment from 'moment';
+import * as i2$1 from '@angular/cdk/a11y';
+import * as i6 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i10 from '@angular/material/datepicker';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i2$3 from '@angular/material/input';
+import * as i7 from '@angular/material/sort';
+import { MatSortModule, MatSort } from '@angular/material/sort';
+import * as i2 from '@angular/material/paginator';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import * as i5$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
+import * as i16 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
 import scrollIntoView from 'scroll-into-view-if-needed';
-import * as i2$1 from '@angular/material/paginator';
-import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import * as i1$2 from '@angular/platform-browser';
 import { __decorate } from 'tslib';
 import * as i1$3 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 import { Cacheable } from 'ts-cacheable';
-import * as i6$1 from '@ngx-translate/core';
-import * as i1$4 from '@angular/platform-browser';
-import * as i1$7 from '@angular/cdk/overlay';
+import * as i6$2 from '@ngx-translate/core';
+import * as i1$5 from '@angular/cdk/overlay';
 import { MatBadgeModule } from '@angular/material/badge';
-import * as i1$8 from '@angular/material/dialog';
+import * as i1$6 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
 import { TemplatePortal } from '@angular/cdk/portal';
-import * as i3$1 from 'angular-shepherd';
-import * as i1$9 from '@angular/material/sidenav';
+import * as i3$3 from 'angular-shepherd';
+import * as i1$7 from '@angular/material/sidenav';
 import * as i2$4 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { DataSource, CdkTableModule } from '@angular/cdk/table';
@@ -1749,16 +1749,14 @@ class EntitySelectorComponent {
 }
 EntitySelectorComponent.ɵfac = function EntitySelectorComponent_Factory(t) { return new (t || EntitySelectorComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 EntitySelectorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntitySelectorComponent, selectors: [["igo-entity-selector"]], inputs: { store: "store", titleAccessor: "titleAccessor", emptyText: "emptyText", multi: "multi", multiAllText: "multiAllText", multiNoneText: "multiNoneText", placeholder: "placeholder", disabled: "disabled" }, outputs: { selectedChange: "selectedChange" }, decls: 7, vars: 11, consts: [[1, "igo-entity-selector"], [3, "disabled", "value", "multiple", "placeholder", "selectionChange"], [3, "value", 4, "ngIf"], ["ngFor", "", 3, "ngForOf"], [3, "value"]], template: function EntitySelectorComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-form-field", 0);
-        i0.ɵɵelementStart(1, "mat-select", 1);
+        i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-select", 1);
         i0.ɵɵlistener("selectionChange", function EntitySelectorComponent_Template_mat_select_selectionChange_1_listener($event) { return ctx.onSelectionChange($event); });
         i0.ɵɵpipe(2, "async");
         i0.ɵɵtemplate(3, EntitySelectorComponent_mat_option_3_Template, 2, 2, "mat-option", 2);
         i0.ɵɵtemplate(4, EntitySelectorComponent_mat_option_4_Template, 3, 4, "mat-option", 2);
         i0.ɵɵtemplate(5, EntitySelectorComponent_ng_template_5_Template, 2, 2, "ng-template", 3);
         i0.ɵɵpipe(6, "async");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("disabled", ctx.disabled)("value", i0.ɵɵpipeBind1(2, 7, ctx.selected$))("multiple", ctx.multi)("placeholder", ctx.placeholder);
@@ -1768,15 +1766,10 @@ EntitySelectorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ent
         i0.ɵɵproperty("ngIf", ctx.multi === true);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(6, 9, ctx.store.stateView.all$()));
-    } }, directives: [i1.MatFormField, i2.MatSelect, i1$1.NgIf, i1$1.NgForOf, i3.MatOption], pipes: [i1$1.AsyncPipe], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i1.NgIf, i4.MatFormField, i3.MatSelect, i3$1.MatOption, i1.AsyncPipe], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntitySelectorComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-entity-selector',
-                templateUrl: './entity-selector.component.html',
-                styleUrls: ['./entity-selector.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-entity-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field class=\"igo-entity-selector\">\r\n  <mat-select\r\n    [disabled]=\"disabled\"\r\n    [value]=\"selected$ | async\"\r\n    [multiple]=\"multi\"\r\n    [placeholder]=\"placeholder\"\r\n    (selectionChange)=\"onSelectionChange($event)\">\r\n    <mat-option *ngIf=\"emptyText !== undefined && multi === false\" [value]=\"emptyValue\">{{emptyText}}</mat-option>\r\n    <mat-option *ngIf=\"multi === true\" [value]=\"multiSelectValue\">{{multiText$ | async}}</mat-option>\r\n    <ng-template ngFor let-record [ngForOf]=\"store.stateView.all$() | async\">\r\n      <mat-option [value]=\"record.entity\">\r\n        {{titleAccessor(record.entity)}}\r\n      </mat-option>\r\n    </ng-template>\r\n  </mat-select>\r\n</mat-form-field>\r\n", styles: ["mat-form-field{width:100%}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { store: [{
             type: Input
         }], titleAccessor: [{
@@ -1816,6 +1809,132 @@ StopPropagationDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: St
             args: ['click', ['$event']]
         }] }); })();
 
+class EntityTablePaginatorComponent {
+    constructor(languageService, mediaService) {
+        this.languageService = languageService;
+        this.mediaService = mediaService;
+        this.disabled = false;
+        this.hidePageSize = false;
+        this.pageIndex = 0;
+        this.pageSize = 50;
+        this.pageSizeOptions = [5, 10, 20, 50, 100, 200];
+        this.showFirstLastButtons = true;
+        this.paginationLabelTranslation$$ = [];
+        this.entitySortChange$ = new BehaviorSubject(false);
+        this.length = 0;
+        /**
+         * Paginator emitted.
+         */
+        this.paginatorChange = new EventEmitter();
+        this.rangeLabel = (page, pageSize, length) => {
+            const of = new BehaviorSubject('');
+            this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.of').subscribe((label) => {
+                of.next(label);
+            }));
+            if (length === 0 || pageSize === 0) {
+                return `0 ${of.value} ${length}`;
+            }
+            length = Math.max(length, 0);
+            const startIndex = page * pageSize;
+            const endIndex = startIndex < length ?
+                Math.min(startIndex + pageSize, length) :
+                startIndex + pageSize;
+            return `${startIndex + 1} - ${endIndex} ${of.value} ${length}`;
+        };
+    }
+    ngOnChanges() {
+        this.unsubscribeAll();
+        this.count$$ = this.store.stateView.count$.subscribe((count) => {
+            this.length = count;
+            this.emitPaginator();
+        });
+        this.entitySortChange$$ = this.entitySortChange$.subscribe(() => {
+            if (this.paginator) {
+                this.paginator.firstPage();
+            }
+        });
+        this.initPaginatorOptions();
+        this.translateLabels();
+    }
+    initPaginatorOptions() {
+        this.disabled = this.paginatorOptions?.disabled || this.disabled;
+        this.pageIndex = this.paginatorOptions?.pageIndex || this.pageIndex;
+        this.pageSize = this.paginatorOptions?.pageSize || this.pageSize;
+        this.pageSizeOptions = this.paginatorOptions?.pageSizeOptions || this.pageSizeOptions;
+        if (this.mediaService.isMobile()) {
+            this.showFirstLastButtons = false;
+            this.hidePageSize = true;
+        }
+        else {
+            this.showFirstLastButtons = this.paginatorOptions?.showFirstLastButtons || this.showFirstLastButtons;
+            this.hidePageSize = this.paginatorOptions?.hidePageSize || this.hidePageSize;
+        }
+    }
+    translateLabels() {
+        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.firstPageLabel').subscribe((label) => {
+            this.paginator._intl.firstPageLabel = label;
+        }));
+        this.paginator._intl.getRangeLabel = this.rangeLabel;
+        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.itemsPerPageLabel').subscribe((label) => {
+            this.paginator._intl.itemsPerPageLabel = label;
+        }));
+        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.lastPageLabel').subscribe((label) => {
+            this.paginator._intl.lastPageLabel = label;
+        }));
+        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.nextPageLabel').subscribe((label) => {
+            this.paginator._intl.nextPageLabel = label;
+        }));
+        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.previousPageLabel').subscribe((label) => {
+            this.paginator._intl.previousPageLabel = label;
+        }));
+    }
+    unsubscribeAll() {
+        this.paginationLabelTranslation$$.map(sub => sub.unsubscribe());
+        if (this.count$$) {
+            this.count$$.unsubscribe();
+        }
+        if (this.entitySortChange$$) {
+            this.entitySortChange$$.unsubscribe();
+        }
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll();
+    }
+    emitPaginator() {
+        this.paginatorChange.emit(this.paginator);
+    }
+}
+EntityTablePaginatorComponent.ɵfac = function EntityTablePaginatorComponent_Factory(t) { return new (t || EntityTablePaginatorComponent)(i0.ɵɵdirectiveInject(i1$1.LanguageService), i0.ɵɵdirectiveInject(i1$1.MediaService)); };
+EntityTablePaginatorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityTablePaginatorComponent, selectors: [["igo-entity-table-paginator"]], viewQuery: function EntityTablePaginatorComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(MatPaginator, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
+    } }, inputs: { entitySortChange$: "entitySortChange$", store: "store", paginatorOptions: "paginatorOptions" }, outputs: { page: "page", paginatorChange: "paginatorChange" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 7, consts: [[3, "disabled", "hidePageSize", "length", "pageIndex", "pageSize", "pageSizeOptions", "showFirstLastButtons", "page"]], template: function EntityTablePaginatorComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-paginator", 0);
+        i0.ɵɵlistener("page", function EntityTablePaginatorComponent_Template_mat_paginator_page_0_listener() { return ctx.emitPaginator(); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("disabled", ctx.disabled)("hidePageSize", ctx.hidePageSize)("length", ctx.length)("pageIndex", ctx.pageIndex)("pageSize", ctx.pageSize)("pageSizeOptions", ctx.pageSizeOptions)("showFirstLastButtons", ctx.showFirstLastButtons);
+    } }, dependencies: [i2.MatPaginator], styles: ["[_nghost-%COMP%]{margin-top:-10px;padding-right:15px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){[_nghost-%COMP%]{margin-top:0;padding-right:5px}}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityTablePaginatorComponent, [{
+        type: Component,
+        args: [{ selector: 'igo-entity-table-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-paginator \r\n  [disabled]=\"disabled\"\r\n  [hidePageSize]=\"hidePageSize\"\r\n  [length]=\"length\"\r\n  [pageIndex]=\"pageIndex\"\r\n  [pageSize]=\"pageSize\"\r\n  [pageSizeOptions]=\"pageSizeOptions\"\r\n  [showFirstLastButtons]=\"showFirstLastButtons\"\r\n  (page)=\"emitPaginator()\">\r\n</mat-paginator>\r\n", styles: [":host{margin-top:-10px;padding-right:15px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){:host{margin-top:0;padding-right:5px}}\n"] }]
+    }], function () { return [{ type: i1$1.LanguageService }, { type: i1$1.MediaService }]; }, { entitySortChange$: [{
+            type: Input
+        }], store: [{
+            type: Input
+        }], paginatorOptions: [{
+            type: Input
+        }], page: [{
+            type: Output
+        }], paginatorChange: [{
+            type: Output
+        }], paginator: [{
+            type: ViewChild,
+            args: [MatPaginator, { static: true }]
+        }] }); })();
+
 /**
  * Directive that handles an entity table row click and selection.
  */
@@ -1949,147 +2068,35 @@ EntityTableRowDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Ent
             args: ['click']
         }] }); })();
 
-class EntityTablePaginatorComponent {
-    constructor(languageService, mediaService) {
-        this.languageService = languageService;
-        this.mediaService = mediaService;
-        this.disabled = false;
-        this.hidePageSize = false;
-        this.pageIndex = 0;
-        this.pageSize = 50;
-        this.pageSizeOptions = [5, 10, 20, 50, 100, 200];
-        this.showFirstLastButtons = true;
-        this.paginationLabelTranslation$$ = [];
-        this.entitySortChange$ = new BehaviorSubject(false);
-        this.length = 0;
-        /**
-         * Paginator emitted.
-         */
-        this.paginatorChange = new EventEmitter();
-        this.rangeLabel = (page, pageSize, length) => {
-            const of = new BehaviorSubject('');
-            this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.of').subscribe((label) => {
-                of.next(label);
-            }));
-            if (length === 0 || pageSize === 0) {
-                return `0 ${of.value} ${length}`;
-            }
-            length = Math.max(length, 0);
-            const startIndex = page * pageSize;
-            const endIndex = startIndex < length ?
-                Math.min(startIndex + pageSize, length) :
-                startIndex + pageSize;
-            return `${startIndex + 1} - ${endIndex} ${of.value} ${length}`;
-        };
-    }
-    ngOnChanges() {
-        this.unsubscribeAll();
-        this.count$$ = this.store.stateView.count$.subscribe((count) => {
-            this.length = count;
-            this.emitPaginator();
-        });
-        this.entitySortChange$$ = this.entitySortChange$.subscribe(() => {
-            if (this.paginator) {
-                this.paginator.firstPage();
-            }
-        });
-        this.initPaginatorOptions();
-        this.translateLabels();
-    }
-    initPaginatorOptions() {
-        var _a, _b, _c, _d, _e, _f;
-        this.disabled = ((_a = this.paginatorOptions) === null || _a === void 0 ? void 0 : _a.disabled) || this.disabled;
-        this.pageIndex = ((_b = this.paginatorOptions) === null || _b === void 0 ? void 0 : _b.pageIndex) || this.pageIndex;
-        this.pageSize = ((_c = this.paginatorOptions) === null || _c === void 0 ? void 0 : _c.pageSize) || this.pageSize;
-        this.pageSizeOptions = ((_d = this.paginatorOptions) === null || _d === void 0 ? void 0 : _d.pageSizeOptions) || this.pageSizeOptions;
-        if (this.mediaService.isMobile()) {
-            this.showFirstLastButtons = false;
-            this.hidePageSize = true;
-        }
-        else {
-            this.showFirstLastButtons = ((_e = this.paginatorOptions) === null || _e === void 0 ? void 0 : _e.showFirstLastButtons) || this.showFirstLastButtons;
-            this.hidePageSize = ((_f = this.paginatorOptions) === null || _f === void 0 ? void 0 : _f.hidePageSize) || this.hidePageSize;
-        }
-    }
-    translateLabels() {
-        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.firstPageLabel').subscribe((label) => {
-            this.paginator._intl.firstPageLabel = label;
-        }));
-        this.paginator._intl.getRangeLabel = this.rangeLabel;
-        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.itemsPerPageLabel').subscribe((label) => {
-            this.paginator._intl.itemsPerPageLabel = label;
-        }));
-        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.lastPageLabel').subscribe((label) => {
-            this.paginator._intl.lastPageLabel = label;
-        }));
-        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.nextPageLabel').subscribe((label) => {
-            this.paginator._intl.nextPageLabel = label;
-        }));
-        this.paginationLabelTranslation$$.push(this.languageService.translate.get('igo.common.paginator.previousPageLabel').subscribe((label) => {
-            this.paginator._intl.previousPageLabel = label;
-        }));
-    }
-    unsubscribeAll() {
-        this.paginationLabelTranslation$$.map(sub => sub.unsubscribe());
-        if (this.count$$) {
-            this.count$$.unsubscribe();
-        }
-        if (this.entitySortChange$$) {
-            this.entitySortChange$$.unsubscribe();
-        }
-    }
-    ngOnDestroy() {
-        this.unsubscribeAll();
+class SanitizeHtmlPipe {
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
     }
-    emitPaginator() {
-        this.paginatorChange.emit(this.paginator);
+    transform(v) {
+        return this._sanitizer.bypassSecurityTrustHtml(v);
     }
 }
-EntityTablePaginatorComponent.ɵfac = function EntityTablePaginatorComponent_Factory(t) { return new (t || EntityTablePaginatorComponent)(i0.ɵɵdirectiveInject(i1$2.LanguageService), i0.ɵɵdirectiveInject(i1$2.MediaService)); };
-EntityTablePaginatorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityTablePaginatorComponent, selectors: [["igo-entity-table-paginator"]], viewQuery: function EntityTablePaginatorComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(MatPaginator, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
-    } }, inputs: { entitySortChange$: "entitySortChange$", store: "store", paginatorOptions: "paginatorOptions" }, outputs: { page: "page", paginatorChange: "paginatorChange" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 7, consts: [[3, "disabled", "hidePageSize", "length", "pageIndex", "pageSize", "pageSizeOptions", "showFirstLastButtons", "page"]], template: function EntityTablePaginatorComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-paginator", 0);
-        i0.ɵɵlistener("page", function EntityTablePaginatorComponent_Template_mat_paginator_page_0_listener() { return ctx.emitPaginator(); });
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("disabled", ctx.disabled)("hidePageSize", ctx.hidePageSize)("length", ctx.length)("pageIndex", ctx.pageIndex)("pageSize", ctx.pageSize)("pageSizeOptions", ctx.pageSizeOptions)("showFirstLastButtons", ctx.showFirstLastButtons);
-    } }, directives: [i2$1.MatPaginator], styles: ["[_nghost-%COMP%]{margin-top:-10px;padding-right:15px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){[_nghost-%COMP%]{margin-top:0;padding-right:5px}}"], changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityTablePaginatorComponent, [{
-        type: Component,
-        args: [{
-                selector: 'igo-entity-table-paginator',
-                templateUrl: './entity-table-paginator.component.html',
-                styleUrls: ['./entity-table-paginator.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], function () { return [{ type: i1$2.LanguageService }, { type: i1$2.MediaService }]; }, { entitySortChange$: [{
-            type: Input
-        }], store: [{
-            type: Input
-        }], paginatorOptions: [{
-            type: Input
-        }], page: [{
-            type: Output
-        }], paginatorChange: [{
-            type: Output
-        }], paginator: [{
-            type: ViewChild,
-            args: [MatPaginator, { static: true }]
-        }] }); })();
+SanitizeHtmlPipe.ɵfac = function SanitizeHtmlPipe_Factory(t) { return new (t || SanitizeHtmlPipe)(i0.ɵɵdirectiveInject(i1$2.DomSanitizer, 16)); };
+SanitizeHtmlPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "sanitizeHtml", type: SanitizeHtmlPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SanitizeHtmlPipe, [{
+        type: Pipe,
+        args: [{ name: 'sanitizeHtml' }]
+    }], function () { return [{ type: i1$2.DomSanitizer }]; }, null); })();
 
 class SecureImagePipe {
-    constructor(http) {
+    constructor(http, configService) {
         this.http = http;
+        this.configService = configService;
     }
     transform(url) {
         const headers = new HttpHeaders({
             'Content-Type': 'text/plain',
             activityInterceptor: 'false'
         });
+        const regexDepot = new RegExp(this.configService?.getConfig('depot.url') + '.*?(?="|$)');
+        if (regexDepot.test(url)) {
+            url = url.match(regexDepot)[0];
+        }
         return this.http
             .get(url, {
             headers,
@@ -2107,7 +2114,7 @@ class SecureImagePipe {
         }));
     }
 }
-SecureImagePipe.ɵfac = function SecureImagePipe_Factory(t) { return new (t || SecureImagePipe)(i0.ɵɵdirectiveInject(i1$3.HttpClient, 16)); };
+SecureImagePipe.ɵfac = function SecureImagePipe_Factory(t) { return new (t || SecureImagePipe)(i0.ɵɵdirectiveInject(i1$3.HttpClient, 16), i0.ɵɵdirectiveInject(i1$1.ConfigService, 16)); };
 SecureImagePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "secureImage", type: SecureImagePipe, pure: true });
 __decorate([
     Cacheable({
@@ -2119,28 +2126,13 @@ __decorate([
         args: [{
                 name: 'secureImage'
             }]
-    }], function () { return [{ type: i1$3.HttpClient }]; }, { transform: [] }); })();
-
-class SanitizeHtmlPipe {
-    constructor(_sanitizer) {
-        this._sanitizer = _sanitizer;
-    }
-    transform(v) {
-        return this._sanitizer.bypassSecurityTrustHtml(v);
-    }
-}
-SanitizeHtmlPipe.ɵfac = function SanitizeHtmlPipe_Factory(t) { return new (t || SanitizeHtmlPipe)(i0.ɵɵdirectiveInject(i1$4.DomSanitizer, 16)); };
-SanitizeHtmlPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "sanitizeHtml", type: SanitizeHtmlPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SanitizeHtmlPipe, [{
-        type: Pipe,
-        args: [{ name: 'sanitizeHtml' }]
-    }], function () { return [{ type: i1$4.DomSanitizer }]; }, null); })();
+    }], function () { return [{ type: i1$3.HttpClient }, { type: i1$1.ConfigService }]; }, { transform: [] }); })();
 
 function EntityTableComponent_th_3_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "mat-checkbox", 11);
-    i0.ɵɵlistener("change", function EntityTableComponent_th_3_ng_container_1_ng_container_1_Template_mat_checkbox_change_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(3); return ctx_r9.onToggleRows($event.checked); });
+    i0.ɵɵlistener("change", function EntityTableComponent_th_3_ng_container_1_ng_container_1_Template_mat_checkbox_change_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r9.onToggleRows($event.checked)); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -2170,11 +2162,9 @@ function EntityTableComponent_th_3_Template(rf, ctx) { if (rf & 1) {
 } }
 function EntityTableComponent_td_4_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 12);
-    i0.ɵɵelementStart(1, "mat-checkbox", 13);
-    i0.ɵɵlistener("mousedown", function EntityTableComponent_td_4_Template_mat_checkbox_mousedown_1_listener($event) { return $event.shiftKey ? $event.preventDefault() : null; })("click", function EntityTableComponent_td_4_Template_mat_checkbox_click_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r14); const record_r11 = restoredCtx.$implicit; const ctx_r13 = i0.ɵɵnextContext(); return $event.shiftKey ? ctx_r13.onShiftToggleRow(!ctx_r13.rowIsSelected(record_r11), record_r11, $event) : $event.stopPropagation(); })("change", function EntityTableComponent_td_4_Template_mat_checkbox_change_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r14); const record_r11 = restoredCtx.$implicit; const ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.onToggleRow($event.checked, record_r11); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "td", 12)(1, "mat-checkbox", 13);
+    i0.ɵɵlistener("mousedown", function EntityTableComponent_td_4_Template_mat_checkbox_mousedown_1_listener($event) { return $event.shiftKey ? $event.preventDefault() : null; })("click", function EntityTableComponent_td_4_Template_mat_checkbox_click_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r14); const record_r11 = restoredCtx.$implicit; const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView($event.shiftKey ? ctx_r13.onShiftToggleRow(!ctx_r13.rowIsSelected(record_r11), record_r11, $event) : $event.stopPropagation()); })("change", function EntityTableComponent_td_4_Template_mat_checkbox_change_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r14); const record_r11 = restoredCtx.$implicit; const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onToggleRow($event.checked, record_r11)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const record_r11 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
@@ -2243,13 +2233,11 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_1_ng_co
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(2, 1, "igo.common.entity-table.targetHtmlUrl"), " ");
 } }
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_1_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 22);
-    i0.ɵɵelementStart(1, "a", 23);
+    i0.ɵɵelementStart(0, "td", 22)(1, "a", 23);
     i0.ɵɵlistener("click", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_1_ng_container_1_ng_template_2_Template_a_click_1_listener($event) { return $event.stopPropagation(); });
     i0.ɵɵtemplate(2, EntityTableComponent_ng_container_5_ng_container_3_ng_container_1_ng_container_1_ng_template_2_img_2_Template, 3, 5, "img", 24);
     i0.ɵɵtemplate(3, EntityTableComponent_ng_container_5_ng_container_3_ng_container_1_ng_container_1_ng_template_2_ng_template_3_Template, 3, 3, "ng-template", null, 25, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const _r38 = i0.ɵɵreference(4);
     const record_r31 = i0.ɵɵnextContext().$implicit;
@@ -2307,13 +2295,11 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_2_ng_co
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(2, 1, "igo.geo.targetHtmlUrl"), " ");
 } }
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_2_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 22);
-    i0.ɵɵelementStart(1, "a", 23);
+    i0.ɵɵelementStart(0, "td", 22)(1, "a", 23);
     i0.ɵɵlistener("click", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_2_ng_container_1_ng_template_2_Template_a_click_1_listener($event) { return $event.stopPropagation(); });
     i0.ɵɵtemplate(2, EntityTableComponent_ng_container_5_ng_container_3_ng_container_2_ng_container_1_ng_template_2_img_2_Template, 3, 5, "img", 24);
     i0.ɵɵtemplate(3, EntityTableComponent_ng_container_5_ng_container_3_ng_container_2_ng_container_1_ng_template_2_ng_template_3_Template, 3, 3, "ng-template", null, 25, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const _r54 = i0.ɵɵreference(4);
     const record_r47 = i0.ɵɵnextContext().$implicit;
@@ -2348,7 +2334,7 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_co
     i0.ɵɵelementStart(0, "div", 43);
     i0.ɵɵelement(1, "mat-datepicker-toggle", 44);
     i0.ɵɵelementStart(2, "input", 45);
-    i0.ɵɵlistener("dateChange", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_div_1_Template_input_dateChange_2_listener($event) { i0.ɵɵrestoreView(_r79); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r77 = i0.ɵɵnextContext(); return ctx_r77.onDateChange(column_r16.name, record_r63, $event); });
+    i0.ɵɵlistener("dateChange", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_div_1_Template_input_dateChange_2_listener($event) { i0.ɵɵrestoreView(_r79); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r77 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r77.onDateChange(column_r16.name, record_r63, $event)); });
     i0.ɵɵelementEnd();
     i0.ɵɵelement(3, "mat-datepicker", null, 46);
     i0.ɵɵelementEnd();
@@ -2366,7 +2352,7 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_co
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_2_Template(rf, ctx) { if (rf & 1) {
     const _r85 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "input", 47);
-    i0.ɵɵlistener("focus", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_2_Template_input_focus_0_listener($event) { i0.ɵɵrestoreView(_r85); const column_r16 = i0.ɵɵnextContext(5).$implicit; return column_r16.onFocus($event); })("keypress", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_2_Template_input_keypress_0_listener($event) { i0.ɵɵrestoreView(_r85); const column_r16 = i0.ɵɵnextContext(5).$implicit; return column_r16.onChange($event); })("blur", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_2_Template_input_blur_0_listener($event) { i0.ɵɵrestoreView(_r85); const column_r16 = i0.ɵɵnextContext(5).$implicit; return column_r16.onBlur($event); });
+    i0.ɵɵlistener("focus", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_2_Template_input_focus_0_listener($event) { i0.ɵɵrestoreView(_r85); const column_r16 = i0.ɵɵnextContext(5).$implicit; return i0.ɵɵresetView(column_r16.onFocus($event)); })("keypress", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_2_Template_input_keypress_0_listener($event) { i0.ɵɵrestoreView(_r85); const column_r16 = i0.ɵɵnextContext(5).$implicit; return i0.ɵɵresetView(column_r16.onChange($event)); })("blur", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_2_Template_input_blur_0_listener($event) { i0.ɵɵrestoreView(_r85); const column_r16 = i0.ɵɵnextContext(5).$implicit; return i0.ɵɵresetView(column_r16.onBlur($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const column_r16 = i0.ɵɵnextContext(5).$implicit;
@@ -2375,7 +2361,7 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_co
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_3_Template(rf, ctx) { if (rf & 1) {
     const _r93 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "input", 48);
-    i0.ɵɵlistener("input", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_3_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r93); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r91 = i0.ɵɵnextContext(); return ctx_r91.onValueChange(column_r16.name, record_r63, $event); });
+    i0.ɵɵlistener("input", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_3_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r93); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r91 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r91.onValueChange(column_r16.name, record_r63, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const record_r63 = i0.ɵɵnextContext(2).$implicit;
@@ -2392,7 +2378,7 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_co
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_4_Template(rf, ctx) { if (rf & 1) {
     const _r99 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "input", 49);
-    i0.ɵɵlistener("input", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r99); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r97 = i0.ɵɵnextContext(); return ctx_r97.onValueChange(column_r16.name, record_r63, $event); });
+    i0.ɵɵlistener("input", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r99); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r97 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r97.onValueChange(column_r16.name, record_r63, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const record_r63 = i0.ɵɵnextContext(2).$implicit;
@@ -2406,7 +2392,7 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_co
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_checkbox_5_Template(rf, ctx) { if (rf & 1) {
     const _r105 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-checkbox", 50);
-    i0.ɵɵlistener("change", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_checkbox_5_Template_mat_checkbox_change_0_listener($event) { i0.ɵɵrestoreView(_r105); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r103 = i0.ɵɵnextContext(); return ctx_r103.onBooleanValueChange(column_r16.name, record_r63, $event); });
+    i0.ɵɵlistener("change", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_checkbox_5_Template_mat_checkbox_change_0_listener($event) { i0.ɵɵrestoreView(_r105); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r103 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r103.onBooleanValueChange(column_r16.name, record_r63, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const record_r63 = i0.ɵɵnextContext(2).$implicit;
@@ -2427,7 +2413,7 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_co
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_select_6_Template(rf, ctx) { if (rf & 1) {
     const _r113 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-select", 51);
-    i0.ɵɵlistener("selectionChange", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_select_6_Template_mat_select_selectionChange_0_listener($event) { i0.ɵɵrestoreView(_r113); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r111 = i0.ɵɵnextContext(); return ctx_r111.onSelectValueChange(column_r16.name, record_r63, $event); });
+    i0.ɵɵlistener("selectionChange", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_select_6_Template_mat_select_selectionChange_0_listener($event) { i0.ɵɵrestoreView(_r113); const record_r63 = i0.ɵɵnextContext(2).$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r111 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r111.onSelectValueChange(column_r16.name, record_r63, $event)); });
     i0.ɵɵtemplate(1, EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_select_6_mat_option_1_Template, 2, 3, "mat-option", 52);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2472,11 +2458,10 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_co
     i0.ɵɵtemplate(6, EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_select_6_Template, 2, 5, "mat-select", 38);
     i0.ɵɵtemplate(7, EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_input_7_Template, 1, 4, "input", 39);
     i0.ɵɵelementStart(8, "mat-autocomplete", 40, 41);
-    i0.ɵɵlistener("optionSelected", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_Template_mat_autocomplete_optionSelected_8_listener($event) { i0.ɵɵrestoreView(_r122); const record_r63 = i0.ɵɵnextContext().$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r120 = i0.ɵɵnextContext(); return ctx_r120.onAutocompleteValueChange(column_r16.name, record_r63, $event); });
+    i0.ɵɵlistener("optionSelected", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_Template_mat_autocomplete_optionSelected_8_listener($event) { i0.ɵɵrestoreView(_r122); const record_r63 = i0.ɵɵnextContext().$implicit; const column_r16 = i0.ɵɵnextContext(3).$implicit; const ctx_r120 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r120.onAutocompleteValueChange(column_r16.name, record_r63, $event)); });
     i0.ɵɵtemplate(10, EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_td_1_mat_option_10_Template, 2, 2, "mat-option", 42);
     i0.ɵɵpipe(11, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const record_r63 = i0.ɵɵnextContext().$implicit;
     const column_r16 = i0.ɵɵnextContext(3).$implicit;
@@ -2528,13 +2513,11 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_co
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(2, 1, "igo.geo.targetHtmlUrl"), " ");
 } }
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_ng_template_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 22);
-    i0.ɵɵelementStart(1, "a", 23);
+    i0.ɵɵelementStart(0, "td", 22)(1, "a", 23);
     i0.ɵɵlistener("click", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_ng_template_2_ng_template_1_Template_a_click_1_listener($event) { return $event.stopPropagation(); });
     i0.ɵɵtemplate(2, EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_ng_template_2_ng_template_1_img_2_Template, 3, 5, "img", 24);
     i0.ɵɵtemplate(3, EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_ng_container_1_ng_template_2_ng_template_1_ng_template_3_Template, 3, 3, "ng-template", null, 25, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const _r132 = i0.ɵɵreference(4);
     const record_r63 = i0.ɵɵnextContext(2).$implicit;
@@ -2575,11 +2558,9 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_3_Templ
 } }
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_4_td_1_Template(rf, ctx) { if (rf & 1) {
     const _r145 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 22);
-    i0.ɵɵelementStart(1, "mat-icon", 58);
-    i0.ɵɵlistener("click", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_4_td_1_Template_mat_icon_click_1_listener($event) { i0.ɵɵrestoreView(_r145); const column_r16 = i0.ɵɵnextContext(3).$implicit; return column_r16.onClick($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "td", 22)(1, "mat-icon", 58);
+    i0.ɵɵlistener("click", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_4_td_1_Template_mat_icon_click_1_listener($event) { i0.ɵɵrestoreView(_r145); const column_r16 = i0.ɵɵnextContext(3).$implicit; return i0.ɵɵresetView(column_r16.onClick($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const record_r142 = ctx.$implicit;
     const column_r16 = i0.ɵɵnextContext(3).$implicit;
@@ -2596,7 +2577,7 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_4_Templ
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_5_ng_container_1_span_2_ng_container_1_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r156 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 62);
-    i0.ɵɵlistener("mousedown", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_5_ng_container_1_span_2_ng_container_1_button_1_Template_button_mousedown_0_listener() { i0.ɵɵrestoreView(_r156); const button_r150 = i0.ɵɵnextContext(2).$implicit; const record_r148 = i0.ɵɵnextContext().$implicit; const ctx_r154 = i0.ɵɵnextContext(4); return ctx_r154.onButtonClick(button_r150.click, record_r148); });
+    i0.ɵɵlistener("mousedown", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_5_ng_container_1_span_2_ng_container_1_button_1_Template_button_mousedown_0_listener() { i0.ɵɵrestoreView(_r156); const button_r150 = i0.ɵɵnextContext(2).$implicit; const record_r148 = i0.ɵɵnextContext().$implicit; const ctx_r154 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r154.onButtonClick(button_r150.click, record_r148)); });
     i0.ɵɵelement(1, "mat-icon", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2608,7 +2589,7 @@ function EntityTableComponent_ng_container_5_ng_container_3_ng_container_5_ng_co
 function EntityTableComponent_ng_container_5_ng_container_3_ng_container_5_ng_container_1_span_2_ng_container_1_button_2_Template(rf, ctx) { if (rf & 1) {
     const _r161 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 64);
-    i0.ɵɵlistener("mousedown", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_5_ng_container_1_span_2_ng_container_1_button_2_Template_button_mousedown_0_listener() { i0.ɵɵrestoreView(_r161); const button_r150 = i0.ɵɵnextContext(2).$implicit; const record_r148 = i0.ɵɵnextContext().$implicit; const ctx_r159 = i0.ɵɵnextContext(4); return ctx_r159.onButtonClick(button_r150.click, record_r148); });
+    i0.ɵɵlistener("mousedown", function EntityTableComponent_ng_container_5_ng_container_3_ng_container_5_ng_container_1_span_2_ng_container_1_button_2_Template_button_mousedown_0_listener() { i0.ɵɵrestoreView(_r161); const button_r150 = i0.ɵɵnextContext(2).$implicit; const record_r148 = i0.ɵɵnextContext().$implicit; const ctx_r159 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r159.onButtonClick(button_r150.click, record_r148)); });
     i0.ɵɵelement(1, "mat-icon", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2708,7 +2689,7 @@ function EntityTableComponent_tr_6_Template(rf, ctx) { if (rf & 1) {
 function EntityTableComponent_tr_7_Template(rf, ctx) { if (rf & 1) {
     const _r169 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr", 66);
-    i0.ɵɵlistener("select", function EntityTableComponent_tr_7_Template_tr_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r169); const record_r167 = restoredCtx.$implicit; const ctx_r168 = i0.ɵɵnextContext(); return ctx_r168.onRowSelect(record_r167); })("click", function EntityTableComponent_tr_7_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r169); const record_r167 = restoredCtx.$implicit; const ctx_r170 = i0.ɵɵnextContext(); return ctx_r170.onRowClick(record_r167); });
+    i0.ɵɵlistener("select", function EntityTableComponent_tr_7_Template_tr_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r169); const record_r167 = restoredCtx.$implicit; const ctx_r168 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r168.onRowSelect(record_r167)); })("click", function EntityTableComponent_tr_7_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r169); const record_r167 = restoredCtx.$implicit; const ctx_r170 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r170.onRowClick(record_r167)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const record_r167 = ctx.$implicit;
@@ -2718,13 +2699,12 @@ function EntityTableComponent_tr_7_Template(rf, ctx) { if (rf & 1) {
 function EntityTableComponent_igo_entity_table_paginator_8_Template(rf, ctx) { if (rf & 1) {
     const _r172 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-entity-table-paginator", 67);
-    i0.ɵɵlistener("paginatorChange", function EntityTableComponent_igo_entity_table_paginator_8_Template_igo_entity_table_paginator_paginatorChange_0_listener($event) { i0.ɵɵrestoreView(_r172); const ctx_r171 = i0.ɵɵnextContext(); return ctx_r171.paginatorChange($event); });
+    i0.ɵɵlistener("paginatorChange", function EntityTableComponent_igo_entity_table_paginator_8_Template_igo_entity_table_paginator_paginatorChange_0_listener($event) { i0.ɵɵrestoreView(_r172); const ctx_r171 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r171.paginatorChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext();
     i0.ɵɵproperty("store", ctx_r5.store)("paginatorOptions", ctx_r5.paginatorOptions)("entitySortChange$", ctx_r5.entitySortChange$);
 } }
-const moment = moment_;
 class EntityTableComponent {
     constructor(cdRef, formBuilder, _focusMonitor, _elementRef, ngControl, _parentForm, _controlName, _defaultErrorStateMatcher, dateAdapter) {
         this.cdRef = cdRef;
@@ -2737,7 +2717,7 @@ class EntityTableComponent {
         this._defaultErrorStateMatcher = _defaultErrorStateMatcher;
         this.dateAdapter = dateAdapter;
         this.entitySortChange$ = new BehaviorSubject(false);
-        this.formGroup = new FormGroup({});
+        this.formGroup = new UntypedFormGroup({});
         /**
          * Reference to the column renderer types
          * @internal
@@ -2889,8 +2869,7 @@ class EntityTableComponent {
     enableEdit(record) {
         const item = record.entity.properties || record.entity;
         this.template.columns.forEach(column => {
-            var _a;
-            column.title = ((_a = column.validation) === null || _a === void 0 ? void 0 : _a.mandatory) && !column.title.includes('*') ? column.title + ' *' : column.title;
+            column.title = column.validation?.mandatory && !column.title.includes('*') ? column.title + ' *' : column.title;
             const key = this.getColumnKeyWithoutPropertiesTag(column.name);
             if (column.type === 'boolean') {
                 if (!item[key] || item[key] === null) {
@@ -2933,6 +2912,10 @@ class EntityTableComponent {
                     }
                 });
                 this.formGroup.controls[column.name].setValue(formControlValue);
+                if (this.isEdition(record) && column.linkColumnForce) {
+                    const entity = record.entity;
+                    this.formGroup.controls[column.name].setValue(entity?.properties[this.getColumnKeyWithoutPropertiesTag(column.linkColumnForce)]);
+                }
             }
             else if (column.type === 'date') {
                 if (column.visible) {
@@ -3221,6 +3204,7 @@ class EntityTableComponent {
             }
         }
         else if (column.type === 'list' && value && column.domainValues) {
+            const entity = record.entity;
             if (column.multiple) {
                 let list_id;
                 typeof value === 'string' ? list_id = value.match(/[\w.-]+/g).map(Number) : list_id = value;
@@ -3237,27 +3221,38 @@ class EntityTableComponent {
                 });
                 this.isEdition(record) ? value = list_id : value = list_option;
             }
+            else {
+                if (!this.isEdition(record) && column.linkColumnForce) {
+                    value = entity?.properties[this.getColumnKeyWithoutPropertiesTag(column.linkColumnForce)];
+                }
+                else {
+                    column.domainValues.forEach(option => {
+                        if (typeof value === 'string' && /^\d+$/.test(value)) {
+                            value = parseInt(value);
+                        }
+                        if (option.value === value || option.id === value) {
+                            this.isEdition(record) ? value = option.id : value = option.value;
+                        }
+                    });
+                }
+            }
+        }
+        else if (column.type === 'autocomplete' && value && column.domainValues) {
+            const entity = record.entity;
+            if (!this.isEdition(record) && column.linkColumnForce) {
+                value = entity?.properties[this.getColumnKeyWithoutPropertiesTag(column.linkColumnForce)];
+            }
             else {
                 column.domainValues.forEach(option => {
                     if (typeof value === 'string' && /^\d+$/.test(value)) {
                         value = parseInt(value);
                     }
                     if (option.value === value || option.id === value) {
-                        this.isEdition(record) ? value = option.id : value = option.value;
+                        value = option.value;
                     }
                 });
             }
         }
-        else if (column.type === 'autocomplete' && value && column.domainValues) {
-            column.domainValues.forEach(option => {
-                if (typeof value === 'string' && /^\d+$/.test(value)) {
-                    value = parseInt(value);
-                }
-                if (option.value === value || option.id === value) {
-                    value = option.value;
-                }
-            });
-        }
         else if (column.type === 'date') {
             if (this.isEdition(record)) {
                 if (value) {
@@ -3383,10 +3378,9 @@ class EntityTableComponent {
         return column;
     }
 }
-EntityTableComponent.ɵfac = function EntityTableComponent_Factory(t) { return new (t || EntityTableComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$5.FormBuilder), i0.ɵɵdirectiveInject(i2$2.FocusMonitor), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$5.NgControl, 10), i0.ɵɵdirectiveInject(i1$5.NgForm, 8), i0.ɵɵdirectiveInject(i1$5.FormControlName, 8), i0.ɵɵdirectiveInject(i3.ErrorStateMatcher), i0.ɵɵdirectiveInject(i3.DateAdapter)); };
+EntityTableComponent.ɵfac = function EntityTableComponent_Factory(t) { return new (t || EntityTableComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$4.UntypedFormBuilder), i0.ɵɵdirectiveInject(i2$1.FocusMonitor), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$4.NgControl, 10), i0.ɵɵdirectiveInject(i1$4.NgForm, 8), i0.ɵɵdirectiveInject(i1$4.FormControlName, 8), i0.ɵɵdirectiveInject(i3$1.ErrorStateMatcher), i0.ɵɵdirectiveInject(i3$1.DateAdapter)); };
 EntityTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityTableComponent, selectors: [["igo-entity-table"]], inputs: { store: "store", paginator: "paginator", template: "template", scrollBehavior: "scrollBehavior", sortNullsFirst: "sortNullsFirst", withPaginator: "withPaginator", paginatorOptions: "paginatorOptions" }, outputs: { entityClick: "entityClick", entitySelectChange: "entitySelectChange", entitySortChange: "entitySortChange" }, features: [i0.ɵɵProvidersFeature([{ provide: MatFormFieldControl, useExisting: EntityTableComponent }]), i0.ɵɵNgOnChangesFeature], decls: 9, vars: 8, consts: [[1, "table-container"], ["mat-table", "", "matSort", "", 3, "ngClass", "dataSource", "trackBy", "matSortChange"], ["matColumnDef", "selectionCheckbox", 1, "mat-cell-checkbox"], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], [3, "matColumnDef", 4, "ngFor", "ngForOf"], ["mat-header-row", "", 3, "ngClass", 4, "matHeaderRowDef", "matHeaderRowDefSticky"], ["mat-row", "", "igoEntityTableRow", "", 3, "scrollBehavior", "ngClass", "selection", "selected", "select", "click", 4, "matRowDef", "matRowDefColumns"], [3, "store", "paginatorOptions", "entitySortChange$", "paginatorChange", 4, "ngIf"], ["mat-header-cell", ""], [4, "ngIf"], [3, "checked", "indeterminate", "change"], ["mat-cell", ""], [3, "checked", "mousedown", "click", "change"], [3, "matColumnDef"], ["mat-header-cell", "", "mat-sort-header", "", 3, "matTooltip", 4, "matHeaderCellDef"], ["mat-header-cell", "", "mat-sort-header", "", 3, "matTooltip"], ["mat-header-cell", "", 3, "matTooltip", 4, "matHeaderCellDef"], ["mat-header-cell", "", 3, "matTooltip"], [4, "matCellDef"], ["mat-cell", "", "class", "mat-cell-text", 3, "ngClass", 4, "ngIf", "ngIfElse"], ["isAnUrlDefault", ""], ["mat-cell", "", 1, "mat-cell-text", 3, "ngClass"], ["target", "_blank", "rel", "noopener noreferrer", 3, "href", "click"], ["width", "50", "heigth", "auto", 3, "src", 4, "ngIf", "ngIfElse"], ["notImg", ""], ["width", "50", "heigth", "auto", 3, "src"], ["mat-cell", "", "class", "mat-cell-text", 3, "ngClass", "innerHTML", 4, "ngIf", "ngIfElse"], ["isAnUrlHTML", ""], ["mat-cell", "", 1, "mat-cell-text", 3, "ngClass", "innerHTML"], ["mat-cell", "", "class", "mat-cell-text edition", 3, "formGroup", "ngClass", 4, "ngIf", "ngIfElse"], ["isUnsanitizedHTML", ""], ["mat-cell", "", 1, "mat-cell-text", "edition", 3, "formGroup", "ngClass"], ["class", "date-picker", 4, "ngIf"], ["matInput", "", "type", "time", "step", "900", 3, "formControlName", "focus", "keypress", "blur", 4, "ngIf"], ["matInput", "", "type", "number", "class", "class_number_edition", 3, "formControlName", "step", "value", "readonly", "required", "min", "max", "input", 4, "ngIf"], ["matInput", "", "type", "text", 3, "formControlName", "value", "readonly", "required", "input", 4, "ngIf"], [3, "formControlName", "checked", "change", 4, "ngIf"], [3, "required", "formControlName", "multiple", "value", "selectionChange", 4, "ngIf"], ["matInput", "", "type", "text", 3, "formControlName", "matAutocomplete", "required", "value", 4, "ngIf"], ["panelWidth", "430px", 3, "optionSelected"], ["auto", "matAutocomplete"], [3, "value", 4, "ngFor", "ngForOf"], [1, "date-picker"], ["matSuffix", "", 3, "for"], ["matInput", "", 3, "matDatepicker", "formControlName", "value", "dateChange"], ["picker", ""], ["matInput", "", "type", "time", "step", "900", 3, "formControlName", "focus", "keypress", "blur"], ["matInput", "", "type", "number", 1, "class_number_edition", 3, "formControlName", "step", "value", "readonly", "required", "min", "max", "input"], ["matInput", "", "type", "text", 3, "formControlName", "value", "readonly", "required", "input"], [3, "formControlName", "checked", "change"], [3, "required", "formControlName", "multiple", "value", "selectionChange"], [3, "value", "disabled", 4, "ngFor", "ngForOf"], [3, "value", "disabled"], ["matInput", "", "type", "text", 3, "formControlName", "matAutocomplete", "required", "value"], [3, "value"], ["isAnUrlUnsanitizedHTML", ""], ["mat-cell", "", "class", "mat-cell-text", 3, "ngClass", 4, "matCellDef"], [3, "svgIcon", "click"], [4, "ngFor", "ngForOf"], ["igoStopPropagation", "", "mat-icon-button", "", 3, "color", "disabled", "mousedown", 4, "ngIf"], ["igoStopPropagation", "", "mat-mini-fab", "", 3, "color", "disabled", "mousedown", 4, "ngIf"], ["igoStopPropagation", "", "mat-icon-button", "", 3, "color", "disabled", "mousedown"], [3, "svgIcon"], ["igoStopPropagation", "", "mat-mini-fab", "", 3, "color", "disabled", "mousedown"], ["mat-header-row", "", 3, "ngClass"], ["mat-row", "", "igoEntityTableRow", "", 3, "scrollBehavior", "ngClass", "selection", "selected", "select", "click"], [3, "store", "paginatorOptions", "entitySortChange$", "paginatorChange"]], template: function EntityTableComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "table", 1);
+        i0.ɵɵelementStart(0, "div", 0)(1, "table", 1);
         i0.ɵɵlistener("matSortChange", function EntityTableComponent_Template_table_matSortChange_1_listener($event) { return ctx.onSort($event); });
         i0.ɵɵelementContainerStart(2, 2);
         i0.ɵɵtemplate(3, EntityTableComponent_th_3_Template, 2, 1, "th", 3);
@@ -3409,25 +3403,19 @@ EntityTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Entity
         i0.ɵɵproperty("matRowDefColumns", ctx.headers);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.withPaginator);
-    } }, directives: [i4.MatTable, i5.MatSort, i1$1.NgClass, i4.MatColumnDef, i4.MatHeaderCellDef, i4.MatCellDef, i1$1.NgForOf, i4.MatHeaderRowDef, i4.MatRowDef, i1$1.NgIf, i4.MatHeaderCell, i7.MatCheckbox, i4.MatCell, i5.MatSortHeader, i6.MatTooltip, i1$5.NgControlStatusGroup, i1$5.FormGroupDirective, i9.MatAutocomplete, i10.MatDatepickerToggle, i1.MatSuffix, i2$3.MatInput, i10.MatDatepickerInput, i1$5.DefaultValueAccessor, i1$5.NgControlStatus, i1$5.FormControlName, i10.MatDatepicker, i1$5.NumberValueAccessor, i1$5.MinValidator, i1$5.MaxValidator, i1$5.RequiredValidator, i2.MatSelect, i3.MatOption, i9.MatAutocompleteTrigger, i5$1.MatIcon, i4$1.MatButton, StopPropagationDirective, i4.MatHeaderRow, i4.MatRow, EntityTableRowDirective, EntityTablePaginatorComponent], pipes: [i1$1.AsyncPipe, SecureImagePipe, i6$1.TranslatePipe, SanitizeHtmlPipe], styles: ["[_nghost-%COMP%]{width:100%;height:100%;display:block}.table-compact[_nghost-%COMP%]   tr.mat-header-row[_ngcontent-%COMP%], .table-compact[_nghost-%COMP%]     .mat-checkbox .mat-checkbox-ripple{height:36px}.table-compact[_nghost-%COMP%]   tr.mat-row[_ngcontent-%COMP%], .table-compact[_nghost-%COMP%]     .mat-checkbox .mat-checkbox-ripple{height:28px}.table-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.mat-cell-text[_ngcontent-%COMP%]{overflow:hidden;word-wrap:break-word}th.mat-header-cell[_ngcontent-%COMP%], td.mat-cell[_ngcontent-%COMP%], td.mat-footer-cell[_ngcontent-%COMP%]{padding:0 3px}entity-table[_ngcontent-%COMP%]   table.igo-entity-table-with-selection[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover{-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd;cursor:pointer}table[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin:7px}.class_boolean[_ngcontent-%COMP%], .class_icon[_ngcontent-%COMP%], .class_number[_ngcontent-%COMP%]{text-align:center;padding-right:35px!important}.class_sting[_ngcontent-%COMP%], .class_text[_ngcontent-%COMP%], .class_number_edition[_ngcontent-%COMP%]{text-align:left}td.edition[_ngcontent-%COMP%]{background:rgba(166,166,166,.2)}input[_ngcontent-%COMP%]{border-bottom:1px solid darkgrey}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i5.MatTable, i5.MatHeaderCellDef, i5.MatHeaderRowDef, i5.MatColumnDef, i5.MatCellDef, i5.MatRowDef, i5.MatHeaderCell, i5.MatCell, i5.MatHeaderRow, i5.MatRow, i6.MatAutocomplete, i6.MatAutocompleteTrigger, i3$1.MatOption, i7.MatSort, i7.MatSortHeader, i3$2.MatIcon, i2$2.MatButton, i10.MatCheckbox, i4.MatSuffix, i3.MatSelect, StopPropagationDirective, EntityTablePaginatorComponent, i1$4.DefaultValueAccessor, i1$4.NumberValueAccessor, i1$4.NgControlStatus, i1$4.NgControlStatusGroup, i1$4.RequiredValidator, i1$4.MinValidator, i1$4.MaxValidator, i1$4.FormGroupDirective, i1$4.FormControlName, i5$1.MatInput, i16.MatDatepicker, i16.MatDatepickerInput, i16.MatDatepickerToggle, i6$1.MatTooltip, EntityTableRowDirective, i1.AsyncPipe, SanitizeHtmlPipe, SecureImagePipe, i6$2.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%;height:100%;display:block}.table-compact[_nghost-%COMP%]   tr.mat-header-row[_ngcontent-%COMP%], .table-compact[_nghost-%COMP%]     .mat-checkbox .mat-checkbox-ripple{height:36px}.table-compact[_nghost-%COMP%]   tr.mat-row[_ngcontent-%COMP%], .table-compact[_nghost-%COMP%]     .mat-checkbox .mat-checkbox-ripple{height:28px}.table-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.mat-cell-text[_ngcontent-%COMP%]{overflow:hidden;word-wrap:break-word}th.mat-header-cell[_ngcontent-%COMP%], td.mat-cell[_ngcontent-%COMP%], td.mat-footer-cell[_ngcontent-%COMP%]{padding:0 3px}entity-table[_ngcontent-%COMP%]   table.igo-entity-table-with-selection[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover{-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd;cursor:pointer}table[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin:7px}.class_hidden[_ngcontent-%COMP%]{visibility:hidden}.class_display_none[_ngcontent-%COMP%]{display:none}.class_boolean[_ngcontent-%COMP%], .class_icon[_ngcontent-%COMP%], .class_number[_ngcontent-%COMP%]{text-align:center;padding-right:35px!important}.class_sting[_ngcontent-%COMP%], .class_text[_ngcontent-%COMP%], .class_number_edition[_ngcontent-%COMP%]{text-align:left}td.edition[_ngcontent-%COMP%]{background:rgba(166,166,166,.2)}input[_ngcontent-%COMP%]{border-bottom:1px solid darkgrey}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityTableComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-entity-table',
-                templateUrl: './entity-table.component.html',
-                styleUrls: ['./entity-table.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [{ provide: MatFormFieldControl, useExisting: EntityTableComponent }]
-            }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$5.FormBuilder }, { type: i2$2.FocusMonitor }, { type: i0.ElementRef }, { type: i1$5.NgControl, decorators: [{
+        args: [{ selector: 'igo-entity-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MatFormFieldControl, useExisting: EntityTableComponent }], template: "<div class=\"table-container\">\r\n  <table mat-table matSort [ngClass]=\"getTableClass()\" [dataSource]=\"dataSource\" [trackBy]=\"getTrackByFunction()\" (matSortChange)=\"onSort($event)\">\r\n      <ng-container matColumnDef=\"selectionCheckbox\" class=\"mat-cell-checkbox\">\r\n          <th mat-header-cell *matHeaderCellDef>\r\n              <ng-container *ngIf=\"selectMany\">\r\n                  <ng-container *ngIf=\"selectionState$ | async as selectionState\">\r\n                      <mat-checkbox (change)=\"onToggleRows($event.checked)\" [checked]=\"selectionState === entityTableSelectionState.All\"\r\n                      [indeterminate]=\"selectionState === entityTableSelectionState.Some\">\r\n                      </mat-checkbox>\r\n                  </ng-container>\r\n              </ng-container>\r\n          </th>\r\n          <td mat-cell *matCellDef=\"let record\">\r\n              <mat-checkbox (mousedown)=\"$event.shiftKey ? $event.preventDefault() : null\" (click)=\"$event.shiftKey ?\r\n              onShiftToggleRow(!rowIsSelected(record), record, $event) : $event.stopPropagation()\" (change)=\"onToggleRow($event.checked,record)\"\r\n              [checked]=\"rowIsSelected(record)\">\r\n              </mat-checkbox>\r\n          </td>\r\n      </ng-container>\r\n\r\n      <ng-container [matColumnDef]=\"column.name\" *ngFor=\"let column of template.columns\">\r\n          <ng-container *ngIf=\"columnIsSortable(column)\">\r\n              <th mat-header-cell *matHeaderCellDef mat-sort-header [matTooltip]=\"column.tooltip ? column.tooltip : undefined\">\r\n                  {{column.title}}\r\n              </th>\r\n          </ng-container>\r\n\r\n          <ng-container *ngIf=\"!columnIsSortable(column)\">\r\n              <th mat-header-cell *matHeaderCellDef [matTooltip]=\"column.tooltip ? column.tooltip : undefined\">\r\n                  {{column.title}}\r\n              </th>\r\n          </ng-container>\r\n\r\n          <ng-container *ngIf=\"getColumnRenderer(column) as columnRenderer\">\r\n              <ng-container *ngIf=\"columnRenderer === entityTableColumnRenderer.Default\">\r\n                  <ng-container *matCellDef=\"let record\">\r\n                      <td mat-cell class=\"mat-cell-text\" *ngIf=\"!isUrl(getValue(record, column));else isAnUrlDefault\" [ngClass]=\"getCellClass(record, column)\">\r\n                          {{getValue(record, column)}}\r\n                      </td>\r\n                      <ng-template #isAnUrlDefault>\r\n                          <td mat-cell class=\"mat-cell-text\" [ngClass]=\"getCellClass(record, column)\">\r\n                              <a href=\"{{getValue(record, column)}}\" target='_blank' rel=\"noopener noreferrer\" (click)=\"$event.stopPropagation()\">\r\n                                  <img *ngIf=\"isImg(getValue(record, column));else notImg\" src=\"{{(getValue(record, column) | secureImage) | async}}\" width=\"50\" heigth=\"auto\">\r\n                                  <ng-template #notImg><span>{{\r\n                    'igo.common.entity-table.targetHtmlUrl' | translate }}\r\n                  </span></ng-template>\r\n                              </a>\r\n                          </td>\r\n                      </ng-template>\r\n                  </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"columnRenderer === entityTableColumnRenderer.HTML\">\r\n                  <ng-container *matCellDef=\"let record\">\r\n                      <td mat-cell class=\"mat-cell-text\" *ngIf=\"!isUrl(getValue(record, column));else isAnUrlHTML\" [ngClass]=\"getCellClass(record, column)\"\r\n                      [innerHTML]=\"getValue(record, column)\">\r\n                      </td>\r\n                      <ng-template #isAnUrlHTML>\r\n                          <td mat-cell class=\"mat-cell-text\" [ngClass]=\"getCellClass(record, column)\">\r\n                              <a href=\"{{getValue(record, column)}}\" target='_blank' rel=\"noopener noreferrer\" (click)=\"$event.stopPropagation()\">\r\n                                  <img *ngIf=\"isImg(getValue(record, column));else notImg\" src=\"{{(getValue(record, column) | secureImage) | async}}\" width=\"50\" heigth=\"auto\">\r\n                                  <ng-template #notImg><span>{{ 'igo.geo.targetHtmlUrl' |\r\n                    translate }} </span></ng-template>\r\n                              </a>\r\n                          </td>\r\n                      </ng-template>\r\n                  </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"columnRenderer === entityTableColumnRenderer.UnsanitizedHTML\">\r\n                  <ng-container *matCellDef=\"let record\">\r\n                      <td mat-cell class=\"mat-cell-text edition\" [formGroup]=\"formGroup\" *ngIf=\"isEdition(record);else isUnsanitizedHTML\"\r\n                      [ngClass]=\"getCellClass(record, column)\">\r\n                          <div class=\"date-picker\" *ngIf=\"column.type === 'date'\">\r\n                              <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n                              <input matInput [matDatepicker]=\"picker\" [formControlName]=\"column.name\" value=\"{{getValue(record, column)}}\"\r\n                              (dateChange)=\"onDateChange(column.name, record, $event)\">\r\n                              <mat-datepicker #picker></mat-datepicker>\r\n                          </div>\r\n                          <input matInput type=\"time\" *ngIf=\"column.type === 'time'\" [formControlName]=\"column.name\" step=\"900\" (focus)=\"column.onFocus($event)\"\r\n                          (keypress)=\"column.onChange($event)\" (blur)=\"column.onBlur($event)\">\r\n                          <input matInput type=\"number\" class=\"class_number_edition\" *ngIf=\"column.type === 'number'\" [formControlName]=\"column.name\" step=\"{{column.step}}\"\r\n                          value=\"{{getValue(record,column)}}\" (input)=\"onValueChange(column.name, record, $event)\"\r\n                          readonly=\"{{getValidationAttributeValue(column, 'readonly')}}\" required=\"{{getValidationAttributeValue(column, 'mandatory')}}\"\r\n                          min=\"{{getValidationAttributeValue(column, 'minValue')}}\" max=\"{{getValidationAttributeValue(column, 'maxValue')}}\">\r\n                          <input matInput type=\"text\" *ngIf=\"!column.type || column.type ==='string'\" [formControlName]=\"column.name\"\r\n                          value=\"{{getValue(record, column)}}\" (input)=\"onValueChange(column.name, record, $event)\"\r\n                          readonly=\"{{getValidationAttributeValue(column, 'readonly')}}\" required=\"{{getValidationAttributeValue(column, 'mandatory')}}\">\r\n                          <mat-checkbox *ngIf=\"column.type === 'boolean'\" [formControlName]=\"column.name\" [checked]=\"getValue(record,column)\"\r\n                          (change)=\"onBooleanValueChange(column.name, record,$event)\"></mat-checkbox>\r\n                          <mat-select *ngIf=\"column.type === 'list'\" required=\"{{getValidationAttributeValue(column, 'mandatory')}}\"\r\n                          [formControlName]=\"column.name\" [multiple]=\"column.multiple\" (selectionChange)=\"onSelectValueChange(column.name, record, $event)\"\r\n                          [value]=\"getValue(record, column)\">\r\n                              <mat-option *ngFor=\"let option of column.domainValues\" [value]=\"option.id\" [disabled]=\"option.disabled\">\r\n                                  {{ option.value }}\r\n                              </mat-option>\r\n                          </mat-select>\r\n                          <input matInput type=\"text\" [formControlName]=\"column.name\" *ngIf=\"column.type === 'autocomplete'\"\r\n                          [matAutocomplete]=\"auto\" required=\"{{getValidationAttributeValue(column, 'mandatory')}}\" value=\"{{getValue(record, column)}}\">\r\n                              <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onAutocompleteValueChange(column.name, record, $event)\"\r\n                              panelWidth=\"430px\">\r\n                                  <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.id\">\r\n                                      {{ option.value }}\r\n                                  </mat-option>\r\n                              </mat-autocomplete>\r\n                      </td>\r\n                      <ng-template #isUnsanitizedHTML>\r\n                          <td mat-cell class=\"mat-cell-text\" *ngIf=\"!isUrl(getValue(record, column));else isAnUrlUnsanitizedHTML\" [ngClass]=\"getCellClass(record, column)\"\r\n                          [innerHTML]=\"getValue(record, column) | sanitizeHtml\">\r\n                          </td>\r\n                          <ng-template #isAnUrlUnsanitizedHTML>\r\n                              <td mat-cell class=\"mat-cell-text\" [ngClass]=\"getCellClass(record, column)\">\r\n                                  <a href=\"{{getValue(record, column)}}\" target='_blank' rel=\"noopener noreferrer\" (click)=\"$event.stopPropagation()\">\r\n                                      <img *ngIf=\"isImg(getValue(record, column));else notImg\" src=\"{{(getValue(record, column) | secureImage) | async}}\" width=\"50\" heigth=\"auto\">\r\n                                      <ng-template #notImg><span>{{ 'igo.geo.targetHtmlUrl' | translate }} </span></ng-template>\r\n                                  </a>\r\n                              </td>\r\n                          </ng-template>\r\n                      </ng-template>\r\n                  </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"columnRenderer === entityTableColumnRenderer.Icon\">\r\n                  <td mat-cell *matCellDef=\"let record\" class=\"mat-cell-text\" [ngClass]=\"getCellClass(record, column)\">\r\n                      <mat-icon svgIcon=\"{{getValue(record, column)|| column.icon}}\" (click)=\"column.onClick($event)\"></mat-icon>\r\n                  </td>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"columnRenderer === entityTableColumnRenderer.ButtonGroup\">\r\n                  <ng-container *matCellDef=\"let record\">\r\n                      <td mat-cell class=\"mat-cell-text\" [ngClass]=\"getCellClass(record, column)\">\r\n                          <span *ngFor=\"let button of getValue(record, column)\">\r\n                              <ng-container *ngIf=\"isEdition(record) === button.editMode\">\r\n                                  <button *ngIf=\"button.style === 'mat-icon-button'\" igoStopPropagation mat-icon-button\r\n                                      [color]=\"button.color\" (mousedown)=\"onButtonClick(button.click, record)\" [disabled]=\"button.disabled\">\r\n                                      <mat-icon svgIcon=\"{{button.icon}}\"></mat-icon>\r\n                                  </button>\r\n                                  <button *ngIf=\"button.style !== 'mat-icon-button'\" igoStopPropagation mat-mini-fab\r\n                                      [color]=\"button.color\" (mousedown)=\"onButtonClick(button.click, record)\" [disabled]=\"button.disabled\">\r\n                                      <mat-icon svgIcon=\"{{button.icon}}\"></mat-icon>\r\n                                  </button>\r\n                              </ng-container>\r\n                          </span>\r\n                      </td>\r\n                  </ng-container>\r\n              </ng-container>\r\n          </ng-container>\r\n      </ng-container>\r\n\r\n      <tr mat-header-row *matHeaderRowDef=\"headers; sticky: fixedHeader;\" [ngClass]=\"getHeaderClass()\">\r\n      </tr>\r\n      <tr mat-row igoEntityTableRow *matRowDef=\"let record; columns: headers;\" [scrollBehavior]=\"scrollBehavior\" [ngClass]=\"getRowClass(record)\" [selection]=\"selection\" [selected]=\"rowIsSelected(record)\" (select)=\"onRowSelect(record)\" (click)=\"onRowClick(record)\">\r\n      </tr>\r\n  </table>\r\n  <igo-entity-table-paginator *ngIf=\"withPaginator\" [store]=\"store\" [paginatorOptions]=\"paginatorOptions\" [entitySortChange$]=\"entitySortChange$\" (paginatorChange)=\"paginatorChange($event)\">\r\n  </igo-entity-table-paginator>\r\n</div>", styles: [":host{width:100%;height:100%;display:block}:host.table-compact tr.mat-header-row,:host.table-compact ::ng-deep .mat-checkbox .mat-checkbox-ripple{height:36px}:host.table-compact tr.mat-row,:host.table-compact ::ng-deep .mat-checkbox .mat-checkbox-ripple{height:28px}.table-container{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.mat-cell-text{overflow:hidden;word-wrap:break-word}th.mat-header-cell,td.mat-cell,td.mat-footer-cell{padding:0 3px}entity-table table.igo-entity-table-with-selection tr:hover{-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd;cursor:pointer}table button{margin:7px}.class_hidden{visibility:hidden}.class_display_none{display:none}.class_boolean,.class_icon,.class_number{text-align:center;padding-right:35px!important}.class_sting,.class_text,.class_number_edition{text-align:left}td.edition{background:rgba(166,166,166,.2)}input{border-bottom:1px solid darkgrey}\n"] }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$4.UntypedFormBuilder }, { type: i2$1.FocusMonitor }, { type: i0.ElementRef }, { type: i1$4.NgControl, decorators: [{
                 type: Optional
             }, {
                 type: Self
-            }] }, { type: i1$5.NgForm, decorators: [{
+            }] }, { type: i1$4.NgForm, decorators: [{
                 type: Optional
-            }] }, { type: i1$5.FormControlName, decorators: [{
+            }] }, { type: i1$4.FormControlName, decorators: [{
                 type: Optional
-            }] }, { type: i3.ErrorStateMatcher }, { type: i3.DateAdapter }]; }, { store: [{
+            }] }, { type: i3$1.ErrorStateMatcher }, { type: i3$1.DateAdapter }]; }, { store: [{
             type: Input
         }], paginator: [{
             type: Input
@@ -3487,7 +3475,7 @@ function ActionbarItemComponent_mat_list_item_0_h4_5_Template(rf, ctx) { if (rf
 function ActionbarItemComponent_mat_list_item_0_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-list-item", 2);
-    i0.ɵɵlistener("click", function ActionbarItemComponent_mat_list_item_0_Template_mat_list_item_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.onClick(); });
+    i0.ɵɵlistener("click", function ActionbarItemComponent_mat_list_item_0_Template_mat_list_item_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onClick()); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵpipe(2, "async");
     i0.ɵɵpipe(3, "async");
@@ -3505,7 +3493,7 @@ function ActionbarItemComponent_mat_list_item_0_Template(rf, ctx) { if (rf & 1)
 function ActionbarItemComponent_mat_list_item_1_mat_checkbox_4_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-checkbox", 11);
-    i0.ɵɵlistener("change", function ActionbarItemComponent_mat_list_item_1_mat_checkbox_4_Template_mat_checkbox_change_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.action.handler(); });
+    i0.ɵɵlistener("change", function ActionbarItemComponent_mat_list_item_1_mat_checkbox_4_Template_mat_checkbox_change_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r8.action.handler()); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
@@ -3675,15 +3663,10 @@ ActionbarItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Acti
         i0.ɵɵproperty("ngIf", !ctx.action.checkbox);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.action.checkbox);
-    } }, directives: [i1$1.NgIf, i1$6.MatListItem, i6.MatTooltip, i1$1.NgClass, i4$1.MatButton, i1$6.MatListAvatarCssMatStyler, i5$1.MatIcon, i3.MatLine, i7.MatCheckbox], pipes: [i6$1.TranslatePipe, i1$1.AsyncPipe], styles: ["mat-list-item.igo-actionbar-item-disabled[_ngcontent-%COMP%]{color:#00000042;cursor:default!important}mat-list-item.igo-actionbar-item-no-display[_ngcontent-%COMP%]{display:none}mat-checkbox[_ngcontent-%COMP%]{padding:12px}.item-checkbox[_ngcontent-%COMP%]{height:56px}.item-checkbox[_ngcontent-%COMP%]     .mat-checkbox-label{margin-left:20px}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgClass, i1.NgIf, i2$2.MatButton, i3$2.MatIcon, i6$1.MatTooltip, i2$3.MatListItem, i2$3.MatListAvatarCssMatStyler, i3$1.MatLine, i10.MatCheckbox, i1.AsyncPipe, i6$2.TranslatePipe], styles: ["mat-list-item.igo-actionbar-item-disabled[_ngcontent-%COMP%]{color:#00000042;cursor:default!important}mat-list-item.igo-actionbar-item-no-display[_ngcontent-%COMP%]{display:none}mat-checkbox[_ngcontent-%COMP%]{padding:12px}.item-checkbox[_ngcontent-%COMP%]{height:56px}.item-checkbox[_ngcontent-%COMP%]     .mat-checkbox-label{margin-left:20px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionbarItemComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-actionbar-item',
-                templateUrl: './actionbar-item.component.html',
-                styleUrls: ['./actionbar-item.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-actionbar-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list-item *ngIf=\"!action.checkbox\"\r\n  matTooltipClass=\"actionbarItemTooltip\"\r\n  matTooltipShowDelay=\"500\"\r\n  [matTooltip]=\"withTooltip ? ((tooltip$ | async) || title | translate) : ''\"\r\n  [ngClass]=\"ngClass$ | async\"\r\n  (click)=\"onClick()\">\r\n  <button *ngIf=\"withIcon\"\r\n    mat-list-avatar\r\n    mat-icon-button\r\n    [color]=\"color\"\r\n    [disabled]=\"disabled$ | async\">\r\n    <mat-icon *ngIf=\"withIcon\" svgIcon=\"{{icon$ | async}}\"></mat-icon>\r\n  </button>\r\n  <h4 *ngIf=\"withTitle\" matLine>{{title | translate}}</h4>\r\n</mat-list-item>\r\n\r\n<mat-list-item class=\"item-checkbox\" *ngIf=\"action.checkbox\"\r\n  matTooltipClass=\"actionbarItemTooltip\"\r\n  matTooltipShowDelay=\"500\"\r\n  [matTooltip]=\"withTooltip ? ((tooltip$ | async) || title | translate) : ''\"\r\n  [ngClass]=\"ngClass$ | async\">\r\n  <mat-checkbox *ngIf=\"withTitle\"\r\n      (change)=\"action.handler()\"\r\n      [checked]=\"checkCondition$ | async\">\r\n      {{title | translate}}\r\n  </mat-checkbox>\r\n</mat-list-item>\r\n", styles: ["mat-list-item.igo-actionbar-item-disabled{color:#00000042;cursor:default!important}mat-list-item.igo-actionbar-item-no-display{display:none}mat-checkbox{padding:12px}.item-checkbox{height:56px}.item-checkbox ::ng-deep .mat-checkbox-label{margin-left:20px}\n"] }]
     }], function () { return []; }, { action: [{
             type: Input
         }], color: [{
@@ -3704,13 +3687,11 @@ ActionbarItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Acti
 
 function ActionbarComponent_mat_list_0_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵelementStart(1, "button", 6);
-    i0.ɵɵlistener("click", function ActionbarComponent_mat_list_0_div_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return ctx_r7.scrollUp(); });
+    i0.ɵɵelementStart(0, "div", 5)(1, "button", 6);
+    i0.ɵɵlistener("click", function ActionbarComponent_mat_list_0_div_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.scrollUp()); });
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelement(3, "mat-icon", 7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(2, 1, "igo.common.actionbar.scrollUp"));
@@ -3718,7 +3699,7 @@ function ActionbarComponent_mat_list_0_div_1_Template(rf, ctx) { if (rf & 1) {
 function ActionbarComponent_mat_list_0_igo_actionbar_item_2_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-actionbar-item", 8);
-    i0.ɵɵlistener("trigger", function ActionbarComponent_mat_list_0_igo_actionbar_item_2_Template_igo_actionbar_item_trigger_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); return ctx_r9.onTriggerAction(ctx_r9.toggleCollapseAction); });
+    i0.ɵɵlistener("trigger", function ActionbarComponent_mat_list_0_igo_actionbar_item_2_Template_igo_actionbar_item_trigger_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r9.onTriggerAction(ctx_r9.toggleCollapseAction)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(2);
@@ -3727,7 +3708,7 @@ function ActionbarComponent_mat_list_0_igo_actionbar_item_2_Template(rf, ctx) {
 function ActionbarComponent_mat_list_0_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-actionbar-item", 11);
-    i0.ɵɵlistener("trigger", function ActionbarComponent_mat_list_0_3_ng_template_0_Template_igo_actionbar_item_trigger_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r15); const action_r13 = restoredCtx.$implicit; const ctx_r14 = i0.ɵɵnextContext(3); return ctx_r14.onTriggerAction(action_r13); });
+    i0.ɵɵlistener("trigger", function ActionbarComponent_mat_list_0_3_ng_template_0_Template_igo_actionbar_item_trigger_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r15); const action_r13 = restoredCtx.$implicit; const ctx_r14 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r14.onTriggerAction(action_r13)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const action_r13 = ctx.$implicit;
@@ -3743,13 +3724,11 @@ function ActionbarComponent_mat_list_0_3_Template(rf, ctx) { if (rf & 1) {
 } }
 function ActionbarComponent_mat_list_0_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelementStart(1, "button", 6);
-    i0.ɵɵlistener("click", function ActionbarComponent_mat_list_0_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(2); return ctx_r16.scrollDown(); });
+    i0.ɵɵelementStart(0, "div", 12)(1, "button", 6);
+    i0.ɵɵlistener("click", function ActionbarComponent_mat_list_0_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r16.scrollDown()); });
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelement(3, "mat-icon", 13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(2, 1, "igo.common.actionbar.scrollDown"));
@@ -3758,7 +3737,7 @@ function ActionbarComponent_mat_list_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-list");
     i0.ɵɵtemplate(1, ActionbarComponent_mat_list_0_div_1_Template, 4, 3, "div", 2);
     i0.ɵɵtemplate(2, ActionbarComponent_mat_list_0_igo_actionbar_item_2_Template, 1, 5, "igo-actionbar-item", 3);
-    i0.ɵɵtemplate(3, ActionbarComponent_mat_list_0_3_Template, 3, 3, undefined, 0);
+    i0.ɵɵtemplate(3, ActionbarComponent_mat_list_0_3_Template, 3, 3, null, 0);
     i0.ɵɵtemplate(4, ActionbarComponent_mat_list_0_div_4_Template, 4, 3, "div", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3775,7 +3754,7 @@ function ActionbarComponent_mat_list_0_Template(rf, ctx) { if (rf & 1) {
 function ActionbarComponent_div_1_ng_template_7_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-actionbar-item", 18);
-    i0.ɵɵlistener("trigger", function ActionbarComponent_div_1_ng_template_7_Template_igo_actionbar_item_trigger_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r22); const action_r20 = restoredCtx.$implicit; const ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.onTriggerAction(action_r20); });
+    i0.ɵɵlistener("trigger", function ActionbarComponent_div_1_ng_template_7_Template_igo_actionbar_item_trigger_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r22); const action_r20 = restoredCtx.$implicit; const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.onTriggerAction(action_r20)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const action_r20 = ctx.$implicit;
@@ -3783,18 +3762,14 @@ function ActionbarComponent_div_1_ng_template_7_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("withTitle", ctx_r19.withTitle)("withIcon", ctx_r19.withIcon)("color", ctx_r19.color)("action", action_r20);
 } }
 function ActionbarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 14);
+    i0.ɵɵelementStart(0, "div")(1, "button", 14);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelement(3, "mat-icon", 15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mat-menu", 16, 17);
-    i0.ɵɵelementStart(6, "mat-list");
+    i0.ɵɵelementStart(4, "mat-menu", 16, 17)(6, "mat-list");
     i0.ɵɵtemplate(7, ActionbarComponent_div_1_ng_template_7_Template, 1, 4, "ng-template", 9);
     i0.ɵɵpipe(8, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const _r18 = i0.ɵɵreference(5);
     const ctx_r1 = i0.ɵɵnextContext();
@@ -3811,7 +3786,7 @@ function ActionbarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
 function ActionbarComponent_mat_card_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-actionbar-item", 18);
-    i0.ɵɵlistener("trigger", function ActionbarComponent_mat_card_2_ng_template_2_Template_igo_actionbar_item_trigger_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r26); const action_r24 = restoredCtx.$implicit; const ctx_r25 = i0.ɵɵnextContext(2); return ctx_r25.onTriggerAction(action_r24); });
+    i0.ɵɵlistener("trigger", function ActionbarComponent_mat_card_2_ng_template_2_Template_igo_actionbar_item_trigger_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r26); const action_r24 = restoredCtx.$implicit; const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.onTriggerAction(action_r24)); });
     i0.ɵɵelementEnd();
     i0.ɵɵelement(1, "br");
 } if (rf & 2) {
@@ -3820,12 +3795,10 @@ function ActionbarComponent_mat_card_2_ng_template_2_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("withTitle", ctx_r23.withTitle)("withIcon", ctx_r23.withIcon)("color", ctx_r23.color)("action", action_r24);
 } }
 function ActionbarComponent_mat_card_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-card", 19);
-    i0.ɵɵelementStart(1, "mat-list");
+    i0.ɵɵelementStart(0, "mat-card", 19)(1, "mat-list");
     i0.ɵɵtemplate(2, ActionbarComponent_mat_card_2_ng_template_2_Template, 2, 4, "ng-template", 9);
     i0.ɵɵpipe(3, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
@@ -4009,7 +3982,7 @@ class ActionbarComponent {
         this.elRef.nativeElement.scrollBy(0, -52);
     }
 }
-ActionbarComponent.ɵfac = function ActionbarComponent_Factory(t) { return new (t || ActionbarComponent)(i0.ɵɵdirectiveInject(i1$7.Overlay), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$2.MediaService)); };
+ActionbarComponent.ɵfac = function ActionbarComponent_Factory(t) { return new (t || ActionbarComponent)(i0.ɵɵdirectiveInject(i1$5.Overlay), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$1.MediaService)); };
 ActionbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionbarComponent, selectors: [["igo-actionbar"]], hostVars: 6, hostBindings: function ActionbarComponent_HostBindings(rf, ctx) { if (rf & 2) {
         i0.ɵɵclassProp("with-title", ctx.withTitleClass)("with-icon", ctx.withIconClass)("horizontal", ctx.horizontalClass);
     } }, inputs: { store: "store", mode: "mode", withToggleButton: "withToggleButton", horizontal: "horizontal", color: "color", iconColor: "iconColor", withTitle: "withTitle", withTooltip: "withTooltip", scrollActive: "scrollActive", withIcon: "withIcon", icon: "icon", xPosition: "xPosition", yPosition: "yPosition", overlayClass: "overlayClass" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [[4, "ngIf"], ["class", "context-menu-card mat-elevation-z4", 4, "ngIf"], ["id", "topChevron", 4, "ngIf"], ["color", "accent", 3, "withTitle", "withIcon", "color", "disabled", "action", "trigger", 4, "ngIf"], ["id", "lowChevron", 4, "ngIf"], ["id", "topChevron"], ["mat-icon-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "matTooltip", "click"], ["svgIcon", "chevron-up"], ["color", "accent", 3, "withTitle", "withIcon", "color", "disabled", "action", "trigger"], ["ngFor", "", 3, "ngForOf"], ["buttonContent", ""], ["color", "accent", 3, "withTitle", "withIcon", "withTooltip", "color", "disabled", "action", "trigger"], ["id", "lowChevron"], ["svgIcon", "chevron-down"], ["mat-icon-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "buttonOverlay", 3, "matTooltip", "matMenuTriggerFor", "disabled", "color"], [3, "svgIcon"], ["overlapTrigger", "true", 1, "igo-compact-menu", "igo-no-min-width-menu", 3, "xPosition", "yPosition"], ["actionbarMenu", "matMenu"], ["color", "accent", 3, "withTitle", "withIcon", "color", "action", "trigger"], [1, "context-menu-card", "mat-elevation-z4"]], template: function ActionbarComponent_Template(rf, ctx) { if (rf & 1) {
@@ -4022,16 +3995,11 @@ ActionbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actionba
         i0.ɵɵproperty("ngIf", ctx.mode === ctx.actionbarMode.Overlay);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.mode === ctx.actionbarMode.Context);
-    } }, directives: [i1$1.NgIf, i1$6.MatList, i4$1.MatButton, i6.MatTooltip, i5$1.MatIcon, ActionbarItemComponent, i1$1.NgForOf, i9$1.MatMenuTrigger, i9$1.MatMenu, i10$1.MatCard], pipes: [i6$1.TranslatePipe, i1$1.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;height:100%;overflow:auto;position:relative}button[_ngcontent-%COMP%]{margin:4px}.buttonOverlay[_ngcontent-%COMP%]{margin:0}mat-list[_ngcontent-%COMP%]{padding-top:0}.horizontal[_nghost-%COMP%]{max-width:100%;overflow:unset}.horizontal[_nghost-%COMP%]   mat-list[_ngcontent-%COMP%]{width:auto;white-space:nowrap}.horizontal[_nghost-%COMP%]   igo-actionbar-item[_ngcontent-%COMP%]{display:inline-block}[_nghost-%COMP%]     .mat-list .mat-list-item .mat-list-text>*{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:36px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}[_nghost-%COMP%]     .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:46px}[_nghost-%COMP%]     .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content{display:-webkit-flex;height:46px;padding:3px}[_nghost-%COMP%]     .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content>mat-icon{padding:8px}igo-actionbar-item[_ngcontent-%COMP%]     mat-list-item [mat-list-avatar]{height:auto;width:40px}igo-actionbar-item[_ngcontent-%COMP%]     mat-list-item:hover{cursor:pointer}.context-menu-card[_ngcontent-%COMP%]{padding:8px 3px;margin:10px}#topChevron[_ngcontent-%COMP%]{position:sticky;top:0;background-color:#fff;z-index:3}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){#topChevron[_ngcontent-%COMP%]{position:fixed;top:unset}}@supports (-ms-accelerator: true){#topChevron[_ngcontent-%COMP%]{position:fixed;top:unset}}#lowChevron[_ngcontent-%COMP%]{position:fixed;position:sticky;bottom:0;background-color:#fff;z-index:3}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i1.NgIf, i2$2.MatButton, i3$2.MatIcon, i6$1.MatTooltip, i7$1.MatMenu, i7$1.MatMenuTrigger, i2$3.MatList, i9.MatCard, ActionbarItemComponent, i1.AsyncPipe, i6$2.TranslatePipe], styles: ["[_nghost-%COMP%]{display:block;height:100%;overflow:auto;position:relative}button[_ngcontent-%COMP%]{margin:4px}.buttonOverlay[_ngcontent-%COMP%]{margin:0}mat-list[_ngcontent-%COMP%]{padding-top:0}.horizontal[_nghost-%COMP%]{max-width:100%;overflow:visible;overflow:initial}.horizontal[_nghost-%COMP%]   mat-list[_ngcontent-%COMP%]{width:auto;white-space:nowrap}.horizontal[_nghost-%COMP%]   igo-actionbar-item[_ngcontent-%COMP%]{display:inline-block}[_nghost-%COMP%]     .mat-list .mat-list-item .mat-list-text>*{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:36px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}[_nghost-%COMP%]     .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:46px}[_nghost-%COMP%]     .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content{display:-webkit-flex;height:46px;padding:3px}[_nghost-%COMP%]     .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content>mat-icon{padding:8px}igo-actionbar-item[_ngcontent-%COMP%]     mat-list-item [mat-list-avatar]{height:auto;width:40px}igo-actionbar-item[_ngcontent-%COMP%]     mat-list-item:hover{cursor:pointer}.context-menu-card[_ngcontent-%COMP%]{padding:8px 3px;margin:10px}#topChevron[_ngcontent-%COMP%]{position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:3}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){#topChevron[_ngcontent-%COMP%]{position:fixed;top:auto;top:initial}}@supports (-ms-accelerator: true){#topChevron[_ngcontent-%COMP%]{position:fixed;top:auto;top:initial}}#lowChevron[_ngcontent-%COMP%]{position:fixed;position:-webkit-sticky;position:sticky;bottom:0;background-color:#fff;z-index:3}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionbarComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-actionbar',
-                templateUrl: './actionbar.component.html',
-                styleUrls: ['./actionbar.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], function () { return [{ type: i1$7.Overlay }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$2.MediaService }]; }, { store: [{
+        args: [{ selector: 'igo-actionbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list *ngIf=\"mode === actionbarMode.Dock\">\r\n\r\n    <div *ngIf=\"heightCondition && positionConditionTop && isDesktop\"\r\n      id=\"topChevron\">\r\n      <button\r\n        mat-icon-button\r\n        tooltip-position=\"below\"\r\n        matTooltipShowDelay=\"500\"\r\n        [matTooltip]=\"'igo.common.actionbar.scrollUp' | translate\"\r\n        (click)=\"scrollUp()\">\r\n        <mat-icon svgIcon=\"chevron-up\"></mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n    <igo-actionbar-item\r\n      *ngIf=\"withToggleButton\"\r\n      color=\"accent\"\r\n      [withTitle]=\"false\"\r\n      [withIcon]=\"true\"\r\n      [color]=\"color\"\r\n      [disabled]=\"store.view.empty\"\r\n      [action]=\"toggleCollapseAction\"\r\n      (trigger)=\"onTriggerAction(toggleCollapseAction)\">\r\n    </igo-actionbar-item>\r\n\r\n    <ng-template #buttonContent *ngIf=\"!collapsed\" ngFor let-action [ngForOf]=\"store.view.all$() | async\">\r\n      <igo-actionbar-item\r\n        color=\"accent\"\r\n        [withTitle]=\"withTitle\"\r\n        [withIcon]=\"withIcon\"\r\n        [withTooltip]=\"withTooltip\"\r\n        [color]=\"color\"\r\n        [disabled]=\"store.state.get(action).disabled\"\r\n        [action]=\"action\"\r\n        (trigger)=\"onTriggerAction(action)\">\r\n      </igo-actionbar-item>\r\n    </ng-template>\r\n\r\n    <div *ngIf=\"heightCondition && positionConditionLow && isDesktop\"\r\n      id=\"lowChevron\">\r\n      <button\r\n        mat-icon-button\r\n        tooltip-position=\"below\"\r\n        matTooltipShowDelay=\"500\"\r\n        [matTooltip]=\"'igo.common.actionbar.scrollDown' | translate\"\r\n        (click)=\"scrollDown()\">\r\n        <mat-icon svgIcon=\"chevron-down\"></mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n</mat-list>\r\n\r\n<div *ngIf=\"mode === actionbarMode.Overlay\">\r\n  <button class=\"buttonOverlay\"\r\n    mat-icon-button\r\n    tooltip-position=\"below\"\r\n    matTooltipShowDelay=\"500\"\r\n    [matTooltip]=\"'igo.common.actionbar.icon' | translate\"\r\n    [matMenuTriggerFor]=\"actionbarMenu\"\r\n    [disabled]=\"store.view.empty\"\r\n    [color]=\"iconColor\">\r\n    <mat-icon [svgIcon]=\"icon\"></mat-icon>\r\n  </button>\r\n\r\n  <mat-menu\r\n    #actionbarMenu=\"matMenu\"\r\n    class=\"igo-compact-menu igo-no-min-width-menu\"\r\n    overlapTrigger=\"true\"\r\n    [xPosition]=\"xPosition\"\r\n    [yPosition]=\"yPosition\"\r\n    [class]=\"overlayClass\">\r\n\r\n    <mat-list>\r\n      <ng-template ngFor let-action [ngForOf]=\"store.view.all$() | async\">\r\n        <igo-actionbar-item\r\n          color=\"accent\"\r\n          [withTitle]=\"withTitle\"\r\n          [withIcon]=\"withIcon\"\r\n          [color]=\"color\"\r\n          [action]=\"action\"\r\n          (trigger)=\"onTriggerAction(action)\">\r\n        </igo-actionbar-item>\r\n      </ng-template>\r\n    </mat-list>\r\n  </mat-menu>\r\n</div>\r\n<mat-card *ngIf=\"mode === actionbarMode.Context\" class=\"context-menu-card mat-elevation-z4\">\r\n  <mat-list>\r\n      <ng-template ngFor let-action [ngForOf]=\"store.view.all$() | async\">\r\n          <igo-actionbar-item\r\n            color=\"accent\"\r\n            [withTitle]=\"withTitle\"\r\n            [withIcon]=\"withIcon\"\r\n            [color]=\"color\"\r\n            [action]=\"action\"\r\n            (trigger)=\"onTriggerAction(action)\">\r\n          </igo-actionbar-item>\r\n        <br/>\r\n      </ng-template>\r\n  </mat-list>\r\n</mat-card>\r\n", styles: [":host{display:block;height:100%;overflow:auto;position:relative}button{margin:4px}.buttonOverlay{margin:0}mat-list{padding-top:0}:host.horizontal{max-width:100%;overflow:visible;overflow:initial}:host.horizontal mat-list{width:auto;white-space:nowrap}:host.horizontal igo-actionbar-item{display:inline-block}:host ::ng-deep .mat-list .mat-list-item .mat-list-text>*{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:36px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}:host ::ng-deep .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:46px}:host ::ng-deep .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content{display:-webkit-flex;height:46px;padding:3px}:host ::ng-deep .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content>mat-icon{padding:8px}igo-actionbar-item ::ng-deep mat-list-item [mat-list-avatar]{height:auto;width:40px}igo-actionbar-item ::ng-deep mat-list-item:hover{cursor:pointer}.context-menu-card{padding:8px 3px;margin:10px}#topChevron{position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:3}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){#topChevron{position:fixed;top:auto;top:initial}}@supports (-ms-accelerator: true){#topChevron{position:fixed;top:auto;top:initial}}#lowChevron{position:fixed;position:-webkit-sticky;position:sticky;bottom:0;background-color:#fff;z-index:3}\n"] }]
+    }], function () { return [{ type: i1$5.Overlay }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.MediaService }]; }, { store: [{
             type: Input
         }], mode: [{
             type: Input
@@ -4077,17 +4045,15 @@ class IgoActionbarModule {
 }
 IgoActionbarModule.ɵfac = function IgoActionbarModule_Factory(t) { return new (t || IgoActionbarModule)(); };
 IgoActionbarModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoActionbarModule });
-IgoActionbarModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            IgoLanguageModule,
-            MatButtonModule,
-            MatIconModule,
-            MatTooltipModule,
-            MatMenuModule,
-            MatListModule,
-            MatCardModule,
-            MatCheckboxModule
-        ]] });
+IgoActionbarModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        IgoLanguageModule,
+        MatButtonModule,
+        MatIconModule,
+        MatTooltipModule,
+        MatMenuModule,
+        MatListModule,
+        MatCardModule,
+        MatCheckboxModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoActionbarModule, [{
         type: NgModule,
         args: [{
@@ -4120,10 +4086,8 @@ class IgoActionModule {
 }
 IgoActionModule.ɵfac = function IgoActionModule_Factory(t) { return new (t || IgoActionModule)(); };
 IgoActionModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoActionModule });
-IgoActionModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], imports: [[
-            CommonModule,
-            IgoActionbarModule
-        ], IgoActionbarModule] });
+IgoActionModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        IgoActionbarModule, IgoActionbarModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoActionModule, [{
         type: NgModule,
         args: [{
@@ -4156,14 +4120,10 @@ BackdropComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackdropC
         i0.ɵɵelement(0, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$b, ctx.shown));
-    } }, directives: [i1$1.NgClass], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#64646480;z-index:2;display:none}[_nghost-%COMP%] > div.igo-backdrop-shown[_ngcontent-%COMP%]{display:block}"] });
+    } }, dependencies: [i1.NgClass], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#64646480;z-index:2;display:none}[_nghost-%COMP%] > div.igo-backdrop-shown[_ngcontent-%COMP%]{display:block}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackdropComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-backdrop',
-                templateUrl: './backdrop.component.html',
-                styleUrls: ['./backdrop.component.scss']
-            }]
+        args: [{ selector: 'igo-backdrop', template: "<div [ngClass]=\"{'igo-backdrop-shown': shown}\"></div>\r\n", styles: [":host>div{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#64646480;z-index:2;display:none}:host>div.igo-backdrop-shown{display:block}\n"] }]
     }], function () { return []; }, { shown: [{
             type: Input
         }] }); })();
@@ -4178,7 +4138,7 @@ class IgoBackdropModule {
 }
 IgoBackdropModule.ɵfac = function IgoBackdropModule_Factory(t) { return new (t || IgoBackdropModule)(); };
 IgoBackdropModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoBackdropModule });
-IgoBackdropModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[CommonModule]] });
+IgoBackdropModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoBackdropModule, [{
         type: NgModule,
         args: [{
@@ -4292,14 +4252,14 @@ class IgoBadgeIconDirective {
         }
     }
 }
-IgoBadgeIconDirective.ɵfac = function IgoBadgeIconDirective_Factory(t) { return new (t || IgoBadgeIconDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i5$1.MatIconRegistry)); };
+IgoBadgeIconDirective.ɵfac = function IgoBadgeIconDirective_Factory(t) { return new (t || IgoBadgeIconDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i3$2.MatIconRegistry)); };
 IgoBadgeIconDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: IgoBadgeIconDirective, selectors: [["", "igoMatBadgeIcon", ""]], inputs: { igoMatBadgeIcon: "igoMatBadgeIcon", matBadgeHidden: "matBadgeHidden", matBadgeDisabled: "matBadgeDisabled", igoMatBadgeInverseColor: "igoMatBadgeInverseColor", igoMatBadgeInheritColor: "igoMatBadgeInheritColor" } });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoBadgeIconDirective, [{
         type: Directive,
         args: [{
                 selector: '[igoMatBadgeIcon]'
             }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i5$1.MatIconRegistry }]; }, { igoMatBadgeIcon: [{
+    }], function () { return [{ type: i0.ElementRef }, { type: i3$2.MatIconRegistry }]; }, { igoMatBadgeIcon: [{
             type: Input
         }], matBadgeHidden: [{
             type: Input
@@ -4321,7 +4281,7 @@ class IgoMatBadgeIconModule {
 }
 IgoMatBadgeIconModule.ɵfac = function IgoMatBadgeIconModule_Factory(t) { return new (t || IgoMatBadgeIconModule)(); };
 IgoMatBadgeIconModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoMatBadgeIconModule });
-IgoMatBadgeIconModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[MatBadgeModule, MatIconModule], MatBadgeModule] });
+IgoMatBadgeIconModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatBadgeModule, MatIconModule, MatBadgeModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoMatBadgeIconModule, [{
         type: NgModule,
         args: [{
@@ -4372,7 +4332,7 @@ class IgoClickoutModule {
 }
 IgoClickoutModule.ɵfac = function IgoClickoutModule_Factory(t) { return new (t || IgoClickoutModule)(); };
 IgoClickoutModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoClickoutModule });
-IgoClickoutModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoClickoutModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoClickoutModule, [{
         type: NgModule,
         args: [{
@@ -4415,7 +4375,7 @@ class IgoCloneModule {
 }
 IgoCloneModule.ɵfac = function IgoCloneModule_Factory(t) { return new (t || IgoCloneModule)(); };
 IgoCloneModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoCloneModule });
-IgoCloneModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoCloneModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoCloneModule, [{
         type: NgModule,
         args: [{
@@ -4503,14 +4463,12 @@ class CollapsibleComponent {
 CollapsibleComponent.ɵfac = function CollapsibleComponent_Factory(t) { return new (t || CollapsibleComponent)(); };
 CollapsibleComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleComponent, selectors: [["igo-collapsible"]], inputs: { title: "title", collapsed: "collapsed" }, outputs: { toggle: "toggle" }, ngContentSelectors: _c0$a, decls: 7, vars: 3, consts: [["svgIcon", "chevron-up", "mat-list-avatar", "", "igoCollapse", "", 1, "igo-chevron", 3, "target", "collapsed", "toggle"], ["matLine", ""], ["content", ""]], template: function CollapsibleComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "mat-list-item");
-        i0.ɵɵelementStart(1, "mat-icon", 0);
+        i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 0);
         i0.ɵɵlistener("toggle", function CollapsibleComponent_Template_mat_icon_toggle_1_listener($event) { return ctx.collapsed = $event; });
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(2, "h4", 1);
         i0.ɵɵtext(3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(4, "div", null, 2);
         i0.ɵɵprojection(6);
         i0.ɵɵelementEnd();
@@ -4520,14 +4478,10 @@ CollapsibleComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Collap
         i0.ɵɵproperty("target", _r0)("collapsed", ctx.collapsed);
         i0.ɵɵadvance(2);
         i0.ɵɵtextInterpolate(ctx.title);
-    } }, directives: [i1$6.MatListItem, i5$1.MatIcon, i1$6.MatListAvatarCssMatStyler, CollapseDirective, i3.MatLine], styles: ["[_nghost-%COMP%]     .mat-list .mat-list-item.mat-list-avatar{height:auto;width:auto;padding:0}mat-list-item[_ngcontent-%COMP%]{overflow:hidden}"] });
+    } }, dependencies: [i3$2.MatIcon, i2$3.MatListItem, i2$3.MatListAvatarCssMatStyler, i3$1.MatLine, CollapseDirective], styles: ["[_nghost-%COMP%]     .mat-list .mat-list-item.mat-list-avatar{height:auto;width:auto;padding:0}mat-list-item[_ngcontent-%COMP%]{overflow:hidden}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollapsibleComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-collapsible',
-                templateUrl: './collapsible.component.html',
-                styleUrls: ['./collapsible.component.scss']
-            }]
+        args: [{ selector: 'igo-collapsible', template: "<mat-list-item>\r\n  <mat-icon\r\n    svgIcon=\"chevron-up\" \r\n    class=\"igo-chevron\"\r\n    mat-list-avatar\r\n    igoCollapse\r\n    [target]=\"content\"\r\n    [collapsed]=\"collapsed\"\r\n    (toggle)=\"collapsed = $event\">\r\n  </mat-icon>\r\n  <h4 matLine>{{title}}</h4>\r\n</mat-list-item>\r\n\r\n<div #content>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-list .mat-list-item.mat-list-avatar{height:auto;width:auto;padding:0}mat-list-item{overflow:hidden}\n"] }]
     }], null, { title: [{
             type: Input
         }], collapsed: [{
@@ -4546,7 +4500,7 @@ class IgoCollapsibleModule {
 }
 IgoCollapsibleModule.ɵfac = function IgoCollapsibleModule_Factory(t) { return new (t || IgoCollapsibleModule)(); };
 IgoCollapsibleModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoCollapsibleModule });
-IgoCollapsibleModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[MatIconModule, MatListModule]] });
+IgoCollapsibleModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatIconModule, MatListModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoCollapsibleModule, [{
         type: NgModule,
         args: [{
@@ -4562,7 +4516,7 @@ class ConfirmDialogComponent {
         this.dialogRef = dialogRef;
     }
 }
-ConfirmDialogComponent.ɵfac = function ConfirmDialogComponent_Factory(t) { return new (t || ConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1$8.MatDialogRef)); };
+ConfirmDialogComponent.ɵfac = function ConfirmDialogComponent_Factory(t) { return new (t || ConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
 ConfirmDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmDialogComponent, selectors: [["igo-confirm-dialog"]], decls: 12, vars: 10, consts: [["mat-dialog-title", "", 1, "mat-typography"], ["mat-dialog-content", "", 1, "mat-typography"], ["mat-dialog-actions", ""], ["mat-button", "", "color", "primary", 3, "click"], ["mat-button", "", 3, "click"]], template: function ConfirmDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "h2", 0);
         i0.ɵɵtext(1);
@@ -4571,8 +4525,7 @@ ConfirmDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Conf
         i0.ɵɵelementStart(3, "div", 1);
         i0.ɵɵtext(4);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "div", 2);
-        i0.ɵɵelementStart(6, "button", 3);
+        i0.ɵɵelementStart(5, "div", 2)(6, "button", 3);
         i0.ɵɵlistener("click", function ConfirmDialogComponent_Template_button_click_6_listener() { return ctx.dialogRef.close(true); });
         i0.ɵɵtext(7);
         i0.ɵɵpipe(8, "translate");
@@ -4581,8 +4534,7 @@ ConfirmDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Conf
         i0.ɵɵlistener("click", function ConfirmDialogComponent_Template_button_click_9_listener() { return ctx.dialogRef.close(false); });
         i0.ɵɵtext(10);
         i0.ɵɵpipe(11, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 4, "igo.common.confirmDialog.title"));
@@ -4592,15 +4544,11 @@ ConfirmDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Conf
         i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 6, "igo.common.confirmDialog.confirmBtn"));
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 8, "igo.common.confirmDialog.cancelBtn"));
-    } }, directives: [i1$8.MatDialogTitle, i1$8.MatDialogContent, i1$8.MatDialogActions, i4$1.MatButton], pipes: [i6$1.TranslatePipe], styles: ["h2[_ngcontent-%COMP%]{margin:5px 0 10px}div[mat-dialog-content][_ngcontent-%COMP%]{max-width:200px}div[mat-dialog-actions][_ngcontent-%COMP%]{margin:10px 0 0}"] });
+    } }, dependencies: [i2$2.MatButton, i1$6.MatDialogTitle, i1$6.MatDialogContent, i1$6.MatDialogActions, i6$2.TranslatePipe], styles: ["h2[_ngcontent-%COMP%]{margin:5px 0 10px}div[mat-dialog-content][_ngcontent-%COMP%]{max-width:200px}div[mat-dialog-actions][_ngcontent-%COMP%]{margin:10px 0 0}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-confirm-dialog',
-                templateUrl: './confirm-dialog.component.html',
-                styleUrls: ['./confirm-dialog.component.scss']
-            }]
-    }], function () { return [{ type: i1$8.MatDialogRef }]; }, null); })();
+        args: [{ selector: 'igo-confirm-dialog', template: "<h2 mat-dialog-title class=\"mat-typography\">{{'igo.common.confirmDialog.title' |\u00A0translate}}</h2>\r\n<div mat-dialog-content class=\"mat-typography\">{{confirmMessage}}</div>\r\n<div mat-dialog-actions>\r\n  <button mat-button color=\"primary\" (click)=\"dialogRef.close(true)\">{{'igo.common.confirmDialog.confirmBtn' | translate}}</button>\r\n  <button mat-button (click)=\"dialogRef.close(false)\">{{'igo.common.confirmDialog.cancelBtn' |\u00A0translate}}</button>\r\n</div>\r\n", styles: ["h2{margin:5px 0 10px}div[mat-dialog-content]{max-width:200px}div[mat-dialog-actions]{margin:10px 0 0}\n"] }]
+    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
 
 class ConfirmDialogService {
     constructor(dialog) {
@@ -4614,11 +4562,11 @@ class ConfirmDialogService {
         return dialogRef.afterClosed();
     }
 }
-ConfirmDialogService.ɵfac = function ConfirmDialogService_Factory(t) { return new (t || ConfirmDialogService)(i0.ɵɵinject(i1$8.MatDialog)); };
+ConfirmDialogService.ɵfac = function ConfirmDialogService_Factory(t) { return new (t || ConfirmDialogService)(i0.ɵɵinject(i1$6.MatDialog)); };
 ConfirmDialogService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ConfirmDialogService, factory: ConfirmDialogService.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogService, [{
         type: Injectable
-    }], function () { return [{ type: i1$8.MatDialog }]; }, null); })();
+    }], function () { return [{ type: i1$6.MatDialog }]; }, null); })();
 
 class IgoConfirmDialogModule {
     static forRoot() {
@@ -4630,7 +4578,7 @@ class IgoConfirmDialogModule {
 }
 IgoConfirmDialogModule.ɵfac = function IgoConfirmDialogModule_Factory(t) { return new (t || IgoConfirmDialogModule)(); };
 IgoConfirmDialogModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoConfirmDialogModule });
-IgoConfirmDialogModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [ConfirmDialogService], imports: [[MatButtonModule, MatDialogModule, IgoLanguageModule]] });
+IgoConfirmDialogModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [ConfirmDialogService], imports: [MatButtonModule, MatDialogModule, IgoLanguageModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoConfirmDialogModule, [{
         type: NgModule,
         args: [{
@@ -4705,7 +4653,7 @@ class ContextMenuDirective {
         }
     }
 }
-ContextMenuDirective.ɵfac = function ContextMenuDirective_Factory(t) { return new (t || ContextMenuDirective)(i0.ɵɵdirectiveInject(i1$7.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+ContextMenuDirective.ɵfac = function ContextMenuDirective_Factory(t) { return new (t || ContextMenuDirective)(i0.ɵɵdirectiveInject(i1$5.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
 ContextMenuDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ContextMenuDirective, selectors: [["", "igoContextMenu", ""]], hostBindings: function ContextMenuDirective_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("contextmenu", function ContextMenuDirective_contextmenu_HostBindingHandler($event) { return ctx.onContextMenu($event); });
     } }, inputs: { menuContext: ["igoContextMenu", "menuContext"] }, outputs: { menuPosition: "menuPosition" } });
@@ -4714,7 +4662,7 @@ ContextMenuDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Contex
         args: [{
                 selector: '[igoContextMenu]'
             }]
-    }], function () { return [{ type: i1$7.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }]; }, { menuContext: [{
+    }], function () { return [{ type: i1$5.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }]; }, { menuContext: [{
             type: Input,
             args: ['igoContextMenu']
         }], menuPosition: [{
@@ -4734,7 +4682,7 @@ class IgoContextMenuModule {
 }
 IgoContextMenuModule.ɵfac = function IgoContextMenuModule_Factory(t) { return new (t || IgoContextMenuModule)(); };
 IgoContextMenuModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextMenuModule });
-IgoContextMenuModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoContextMenuModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoContextMenuModule, [{
         type: NgModule,
         args: [{
@@ -4762,14 +4710,10 @@ CustomHtmlComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CustomH
         i0.ɵɵpipe(1, "sanitizeHtml");
     } if (rf & 2) {
         i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(1, 1, ctx.html), i0.ɵɵsanitizeHtml);
-    } }, pipes: [SanitizeHtmlPipe], styles: [".custom-html[_ngcontent-%COMP%]{padding:20px}"] });
+    } }, dependencies: [SanitizeHtmlPipe], styles: [".custom-html[_ngcontent-%COMP%]{padding:20px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomHtmlComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-custom-html',
-                templateUrl: './custom-html.component.html',
-                styleUrls: ['./custom-html.component.scss']
-            }]
+        args: [{ selector: 'igo-custom-html', template: "<div class=\"custom-html\" [innerHTML]=\"html | sanitizeHtml\"></div>\r\n", styles: [".custom-html{padding:20px}\n"] }]
     }], function () { return []; }, { html: [{
             type: Input
         }] }); })();
@@ -4783,14 +4727,12 @@ class IgoCustomHtmlModule {
 }
 IgoCustomHtmlModule.ɵfac = function IgoCustomHtmlModule_Factory(t) { return new (t || IgoCustomHtmlModule)(); };
 IgoCustomHtmlModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoCustomHtmlModule });
-IgoCustomHtmlModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            MatIconModule,
-            MatTooltipModule,
-            MatInputModule,
-            MatButtonModule,
-            IgoLanguageModule
-        ]] });
+IgoCustomHtmlModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatIconModule,
+        MatTooltipModule,
+        MatInputModule,
+        MatButtonModule,
+        IgoLanguageModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoCustomHtmlModule, [{
         type: NgModule,
         args: [{
@@ -4813,6 +4755,51 @@ IgoCustomHtmlModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
         MatButtonModule,
         IgoLanguageModule], exports: [SanitizeHtmlPipe, CustomHtmlComponent] }); })();
 
+class DOMService {
+    constructor(http) {
+        this.http = http;
+    }
+    async getDom(dom) {
+        const url = dom.url;
+        let result;
+        await this.http.get(url).pipe(map(response => {
+            result = response;
+            return response;
+        }), catchError((err) => {
+            return throwError(err);
+        })).toPromise();
+        return result;
+    }
+}
+DOMService.ɵfac = function DOMService_Factory(t) { return new (t || DOMService)(i0.ɵɵinject(i1$3.HttpClient)); };
+DOMService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DOMService, factory: DOMService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DOMService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
+
+class IgoDOMModule {
+    static forRoot() {
+        return {
+            ngModule: IgoDOMModule,
+            providers: [
+                DOMService
+            ]
+        };
+    }
+}
+IgoDOMModule.ɵfac = function IgoDOMModule_Factory(t) { return new (t || IgoDOMModule)(); };
+IgoDOMModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoDOMModule });
+IgoDOMModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [DOMService] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoDOMModule, [{
+        type: NgModule,
+        args: [{
+                providers: [DOMService]
+            }]
+    }], null, null); })();
+
 class DragAndDropDirective {
     constructor() {
         this.allowedExtensions = [];
@@ -4909,7 +4896,7 @@ class IgoDrapDropModule {
 }
 IgoDrapDropModule.ɵfac = function IgoDrapDropModule_Factory(t) { return new (t || IgoDrapDropModule)(); };
 IgoDrapDropModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoDrapDropModule });
-IgoDrapDropModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoDrapDropModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoDrapDropModule, [{
         type: NgModule,
         args: [{
@@ -5224,12 +5211,7 @@ DynamicOutletComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dyna
     } }, styles: ["[_nghost-%COMP%]{display:block;width:100%;height:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicOutletComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-dynamic-outlet',
-                templateUrl: 'dynamic-outlet.component.html',
-                styleUrls: ['dynamic-outlet.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-dynamic-outlet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #target></ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
     }], function () { return [{ type: DynamicComponentService }, { type: i0.ChangeDetectorRef }]; }, { component: [{
             type: Input
         }], inputs: [{
@@ -5248,9 +5230,7 @@ class IgoDynamicOutletModule {
 }
 IgoDynamicOutletModule.ɵfac = function IgoDynamicOutletModule_Factory(t) { return new (t || IgoDynamicOutletModule)(); };
 IgoDynamicOutletModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoDynamicOutletModule });
-IgoDynamicOutletModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule
-        ]] });
+IgoDynamicOutletModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoDynamicOutletModule, [{
         type: NgModule,
         args: [{
@@ -5273,10 +5253,8 @@ IgoDynamicComponentModule.ɵfac = function IgoDynamicComponentModule_Factory(t)
 IgoDynamicComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoDynamicComponentModule });
 IgoDynamicComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         DynamicComponentService
-    ], imports: [[
-            CommonModule,
-            IgoDynamicOutletModule
-        ], IgoDynamicOutletModule] });
+    ], imports: [CommonModule,
+        IgoDynamicOutletModule, IgoDynamicOutletModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoDynamicComponentModule, [{
         type: NgModule,
         args: [{
@@ -5399,7 +5377,7 @@ class FlexibleComponent {
     }
 }
 FlexibleComponent.transitionTime = 250;
-FlexibleComponent.ɵfac = function FlexibleComponent_Factory(t) { return new (t || FlexibleComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$2.MediaService)); };
+FlexibleComponent.ɵfac = function FlexibleComponent_Factory(t) { return new (t || FlexibleComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.MediaService)); };
 FlexibleComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlexibleComponent, selectors: [["igo-flexible"]], viewQuery: function FlexibleComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$8, 7);
     } if (rf & 2) {
@@ -5407,29 +5385,19 @@ FlexibleComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlexibleC
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.main = _t.first);
     } }, inputs: { initial: "initial", collapsed: "collapsed", expanded: "expanded", initialMobile: "initialMobile", collapsedMobile: "collapsedMobile", expandedMobile: "expandedMobile", direction: "direction", state: "state" }, ngContentSelectors: _c2$1, decls: 8, vars: 4, consts: [["flexibleMain", ""], [1, "igo-container"], [1, "igo-flexible-fill"]], template: function FlexibleComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c1$5);
-        i0.ɵɵelementStart(0, "div", null, 0);
-        i0.ɵɵelementStart(2, "div", 1);
+        i0.ɵɵelementStart(0, "div", null, 0)(2, "div", 1);
         i0.ɵɵprojection(3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div", 2);
-        i0.ɵɵelementStart(5, "div");
-        i0.ɵɵelementStart(6, "div", 1);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(4, "div", 2)(5, "div")(6, "div", 1);
         i0.ɵɵprojection(7, 1);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵclassMapInterpolate2("igo-flexible-main ", ctx.state, " ", ctx.direction, "");
-    } }, styles: ["[_nghost-%COMP%]{display:flex;height:100%;width:100%}.column[_nghost-%COMP%]{flex-direction:column}.row[_nghost-%COMP%]{flex-direction:row}.igo-flexible-main[_ngcontent-%COMP%]{flex:0 0 auto;overflow:hidden}.igo-flexible-main.column[_ngcontent-%COMP%]{transition:height .25s ease-in}.igo-flexible-main.row[_ngcontent-%COMP%]{transition:width .25s ease-in}.igo-flexible-fill[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0}.igo-container[_ngcontent-%COMP%]{width:calc(100% - 2 * 5px);height:100%;padding:5px 0;margin:0 5px;overflow:hidden;position:relative}  .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}  .igo-content{height:100%;width:100%;overflow:auto}  igo-panel{height:100%}"] });
+    } }, styles: ["[_nghost-%COMP%]{display:flex;height:100%;width:100%}.column[_nghost-%COMP%]{flex-direction:column}.row[_nghost-%COMP%]{flex-direction:row}.igo-flexible-main[_ngcontent-%COMP%]{flex:0 0 auto;overflow:hidden}.igo-flexible-main.column[_ngcontent-%COMP%]{transition:height .25s ease-in}.igo-flexible-main.row[_ngcontent-%COMP%]{transition:width .25s ease-in}.igo-flexible-fill[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0}.igo-container[_ngcontent-%COMP%]{width:calc(100% - 10px);height:100%;padding:5px 0;margin:0 5px;overflow:hidden;position:relative}  .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}  .igo-content{height:100%;width:100%;overflow:auto}  igo-panel{height:100%}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlexibleComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-flexible',
-                templateUrl: './flexible.component.html',
-                styleUrls: ['./flexible.component.scss']
-            }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i1$2.MediaService }]; }, { main: [{
+        args: [{ selector: 'igo-flexible', template: "<div #flexibleMain class=\"igo-flexible-main {{state}} {{direction}}\">\r\n  <div class=\"igo-container\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"igo-flexible-fill\">\r\n  <div>\r\n  \t<div class=\"igo-container\">\r\n      <ng-content select=\"[igoFlexibleFill]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;height:100%;width:100%}:host.column{flex-direction:column}:host.row{flex-direction:row}.igo-flexible-main{flex:0 0 auto;overflow:hidden}.igo-flexible-main.column{transition:height .25s ease-in}.igo-flexible-main.row{transition:width .25s ease-in}.igo-flexible-fill>div{position:absolute;top:0;bottom:0;left:0;right:0}.igo-container{width:calc(100% - 10px);height:100%;padding:5px 0;margin:0 5px;overflow:hidden;position:relative}::ng-deep .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}::ng-deep .igo-content{height:100%;width:100%;overflow:auto}::ng-deep igo-panel{height:100%}\n"] }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i1$1.MediaService }]; }, { main: [{
             type: ViewChild,
             args: ['flexibleMain', { static: true }]
         }], initial: [{
@@ -5460,7 +5428,7 @@ class IgoFlexibleModule {
 }
 IgoFlexibleModule.ɵfac = function IgoFlexibleModule_Factory(t) { return new (t || IgoFlexibleModule)(); };
 IgoFlexibleModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFlexibleModule });
-IgoFlexibleModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoFlexibleModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoFlexibleModule, [{
         type: NgModule,
         args: [{
@@ -5595,28 +5563,20 @@ FormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormComponent
         i0.ɵɵprojectionDef(_c1$4);
         i0.ɵɵelementStart(0, "form", 0);
         i0.ɵɵlistener("ngSubmit", function FormComponent_Template_form_ngSubmit_0_listener() { return ctx.onSubmit(); });
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "div", 2);
+        i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
         i0.ɵɵprojection(3);
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(4, "div", 3, 4);
         i0.ɵɵprojection(6, 1);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵproperty("autocomplete", ctx.autocomplete)("formGroup", ctx.form.control);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c2, ctx.hasButtons));
-    } }, directives: [i1$5.ɵNgNoValidate, i1$5.NgControlStatusGroup, i1$5.FormGroupDirective, i1$1.NgClass], styles: ["[_nghost-%COMP%]{display:block}form[_ngcontent-%COMP%]{width:100%;height:100%}.igo-form-body[_ngcontent-%COMP%], .igo-form-content[_ngcontent-%COMP%]{height:100%}.igo-form-body-with-buttons[_ngcontent-%COMP%]   .igo-form-content[_ngcontent-%COMP%]{height:calc(100% - 56px)}.igo-form-content[_ngcontent-%COMP%]{display:flex}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgClass, i1$4.ɵNgNoValidate, i1$4.NgControlStatusGroup, i1$4.FormGroupDirective], styles: ["[_nghost-%COMP%]{display:block}form[_ngcontent-%COMP%]{width:100%;height:100%}.igo-form-body[_ngcontent-%COMP%], .igo-form-content[_ngcontent-%COMP%]{height:100%}.igo-form-body-with-buttons[_ngcontent-%COMP%]   .igo-form-content[_ngcontent-%COMP%]{height:calc(100% - 56px)}.igo-form-content[_ngcontent-%COMP%]{display:flex}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-form',
-                templateUrl: './form.component.html',
-                styleUrls: ['./form.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n<form\r\n  [autocomplete]=\"autocomplete\"\r\n  [formGroup]=\"form.control\"\r\n  (ngSubmit)=\"onSubmit()\">\r\n  <div class=\"igo-form-body\" [ngClass]=\"{'igo-form-body-with-buttons': hasButtons}\">\r\n    <div class=\"igo-form-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div #buttons class=\"igo-form-buttons\">\r\n      <ng-content select=\"[formButtons]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [":host{display:block}form{width:100%;height:100%}.igo-form-body,.igo-form-content{height:100%}.igo-form-body-with-buttons .igo-form-content{height:calc(100% - 56px)}.igo-form-content{display:flex}\n"] }]
     }], function () { return []; }, { form: [{
             type: Input
         }], formData: [{
@@ -5637,11 +5597,9 @@ class IgoFormFormModule {
 }
 IgoFormFormModule.ɵfac = function IgoFormFormModule_Factory(t) { return new (t || IgoFormFormModule)(); };
 IgoFormFormModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFormFormModule });
-IgoFormFormModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule
-        ], FormsModule,
+IgoFormFormModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule, FormsModule,
         ReactiveFormsModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoFormFormModule, [{
         type: NgModule,
@@ -5735,14 +5693,14 @@ class FormService {
         return Validators[name](args);
     }
 }
-FormService.ɵfac = function FormService_Factory(t) { return new (t || FormService)(i0.ɵɵinject(i1$5.FormBuilder)); };
+FormService.ɵfac = function FormService_Factory(t) { return new (t || FormService)(i0.ɵɵinject(i1$4.UntypedFormBuilder)); };
 FormService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormService, factory: FormService.ɵfac, providedIn: 'root' });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormService, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: i1$5.FormBuilder }]; }, null); })();
+    }], function () { return [{ type: i1$4.UntypedFormBuilder }]; }, null); })();
 
 /**
  * Service where all available form fields are registered.
@@ -5835,15 +5793,10 @@ FormFieldComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormFiel
         i0.ɵɵtemplate(0, FormFieldComponent_ng_container_0_Template, 2, 3, "ng-container", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.field !== undefined);
-    } }, directives: [i1$1.NgIf, DynamicOutletComponent], styles: ["mat-form-field{width:100%}  .igo-form-disable-switch{margin-right:8px}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, DynamicOutletComponent], styles: ["mat-form-field{width:100%}  .igo-form-disable-switch{margin-right:8px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-form-field',
-                templateUrl: './form-field.component.html',
-                styleUrls: ['./form-field.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-form-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n\r\n<ng-container *ngIf=\"field !== undefined\">\r\n  <igo-dynamic-outlet\r\n    [component]=\"getFieldComponent()\"\r\n    [inputs]=\"getFieldInputs()\"\r\n    [subscribers]=\"getFieldSubscribers()\">\r\n  </igo-dynamic-outlet>\r\n</ng-container>\r\n", styles: ["::ng-deep mat-form-field{width:100%}::ng-deep .igo-form-disable-switch{margin-right:8px}\n"] }]
     }], function () { return [{ type: FormFieldService }]; }, { field: [{
             type: Input
         }] }); })();
@@ -5861,7 +5814,7 @@ function FormFieldSelectComponent_mat_option_2_Template(rf, ctx) { if (rf & 1) {
 function FormFieldSelectComponent_mat_icon_4_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-icon", 5);
-    i0.ɵɵlistener("click", function FormFieldSelectComponent_mat_icon_4_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.onDisableSwitchClick(); });
+    i0.ɵɵlistener("click", function FormFieldSelectComponent_mat_icon_4_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onDisableSwitchClick()); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -5926,8 +5879,7 @@ let FormFieldSelectComponent = class FormFieldSelectComponent {
 };
 FormFieldSelectComponent.ɵfac = function FormFieldSelectComponent_Factory(t) { return new (t || FormFieldSelectComponent)(); };
 FormFieldSelectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormFieldSelectComponent, selectors: [["igo-form-field-select"]], inputs: { choices: "choices", formControl: "formControl", placeholder: "placeholder", errors: "errors", disableSwitch: "disableSwitch" }, decls: 6, vars: 8, consts: [[3, "required", "placeholder", "formControl"], [3, "value", 4, "ngFor", "ngForOf"], ["class", "igo-form-disable-switch", "matPrefix", "", 3, "svgIcon", "click", 4, "ngIf"], [4, "ngIf"], [3, "value"], ["matPrefix", "", 1, "igo-form-disable-switch", 3, "svgIcon", "click"]], template: function FormFieldSelectComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-form-field");
-        i0.ɵɵelementStart(1, "mat-select", 0);
+        i0.ɵɵelementStart(0, "mat-form-field")(1, "mat-select", 0);
         i0.ɵɵtemplate(2, FormFieldSelectComponent_mat_option_2_Template, 2, 2, "mat-option", 1);
         i0.ɵɵpipe(3, "async");
         i0.ɵɵelementEnd();
@@ -5943,17 +5895,13 @@ FormFieldSelectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Fo
         i0.ɵɵproperty("ngIf", ctx.disableSwitch === true);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.formControl.errors);
-    } }, directives: [i1.MatFormField, i2.MatSelect, i1$5.RequiredValidator, i1$5.NgControlStatus, i1$5.FormControlDirective, i1$1.NgForOf, i1$1.NgIf, i3.MatOption, i5$1.MatIcon, i1.MatPrefix, i1.MatError], pipes: [i1$1.AsyncPipe, i6$1.TranslatePipe], encapsulation: 2, changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i1.NgIf, i1$4.NgControlStatus, i1$4.RequiredValidator, i1$4.FormControlDirective, i3$2.MatIcon, i4.MatError, i4.MatFormField, i4.MatPrefix, i3.MatSelect, i3$1.MatOption, i1.AsyncPipe, i6$2.TranslatePipe], encapsulation: 2, changeDetection: 0 });
 FormFieldSelectComponent = __decorate([
     IgoFormFieldComponent('select')
 ], FormFieldSelectComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldSelectComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-form-field-select',
-                templateUrl: './form-field-select.component.html',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-form-field-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field>\r\n  <mat-select\r\n    [required]=\"required\"\r\n    [placeholder]=\"placeholder\"\r\n    [formControl]=\"formControl\">\r\n    <mat-option *ngFor=\"let choice of choices$ | async\" [value]=\"choice.value\">\r\n      {{choice.title}}\r\n    </mat-option>\r\n  </mat-select>\r\n  <mat-icon\r\n    *ngIf=\"disableSwitch === true\"\r\n    class=\"igo-form-disable-switch\"\r\n    [svgIcon]=\"(disabled$ | async) === true ? 'checkbox-blank-outline' : 'checkbox-marked-outline'\"\r\n    (click)=\"onDisableSwitchClick()\"\r\n    matPrefix>\r\n  </mat-icon>\r\n  <mat-error *ngIf=\"formControl.errors\">{{getErrorMessage() | translate}}</mat-error>\r\n</mat-form-field>\r\n" }]
     }], null, { choices: [{
             type: Input
         }], formControl: [{
@@ -5969,7 +5917,7 @@ FormFieldSelectComponent = __decorate([
 function FormFieldTextComponent_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-icon", 3);
-    i0.ɵɵlistener("click", function FormFieldTextComponent_mat_icon_2_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.onDisableSwitchClick(); });
+    i0.ɵɵlistener("click", function FormFieldTextComponent_mat_icon_2_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDisableSwitchClick()); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -6040,17 +5988,13 @@ FormFieldTextComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Form
         i0.ɵɵproperty("ngIf", ctx.disableSwitch === true);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.formControl.errors);
-    } }, directives: [i1.MatFormField, i2$3.MatInput, i1$5.DefaultValueAccessor, i1$5.RequiredValidator, i1$5.NgControlStatus, i1$5.FormControlDirective, i1$1.NgIf, i5$1.MatIcon, i1.MatPrefix, i1.MatError], pipes: [i1$1.AsyncPipe, i6$1.TranslatePipe], encapsulation: 2, changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, i1$4.DefaultValueAccessor, i1$4.NgControlStatus, i1$4.RequiredValidator, i1$4.FormControlDirective, i3$2.MatIcon, i4.MatError, i4.MatFormField, i4.MatPrefix, i5$1.MatInput, i1.AsyncPipe, i6$2.TranslatePipe], encapsulation: 2, changeDetection: 0 });
 FormFieldTextComponent = __decorate([
     IgoFormFieldComponent('text')
 ], FormFieldTextComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldTextComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-form-field-text',
-                templateUrl: './form-field-text.component.html',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-form-field-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field>\r\n  <input\r\n    matInput\r\n    [required]=\"required\"\r\n    [placeholder]=\"placeholder\"\r\n    [formControl]=\"formControl\">\r\n  <mat-icon\r\n    *ngIf=\"disableSwitch === true\"\r\n    class=\"igo-form-disable-switch\"\r\n    [svgIcon]=\"(disabled$ | async) === true ? 'checkbox-blank-outline' : 'checkbox-marked-outline'\"\r\n    (click)=\"onDisableSwitchClick()\"\r\n    matPrefix>\r\n  </mat-icon>\r\n  <mat-error *ngIf=\"formControl.errors\">{{getErrorMessage() | translate}}</mat-error>\r\n</mat-form-field>\r\n" }]
     }], null, { formControl: [{
             type: Input
         }], placeholder: [{
@@ -6064,7 +6008,7 @@ FormFieldTextComponent = __decorate([
 function FormFieldTextareaComponent_mat_icon_3_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-icon", 3);
-    i0.ɵɵlistener("click", function FormFieldTextareaComponent_mat_icon_3_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.onDisableSwitchClick(); });
+    i0.ɵɵlistener("click", function FormFieldTextareaComponent_mat_icon_3_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDisableSwitchClick()); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -6123,8 +6067,7 @@ let FormFieldTextareaComponent = class FormFieldTextareaComponent {
 };
 FormFieldTextareaComponent.ɵfac = function FormFieldTextareaComponent_Factory(t) { return new (t || FormFieldTextareaComponent)(); };
 FormFieldTextareaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormFieldTextareaComponent, selectors: [["igo-form-field-textarea"]], inputs: { formControl: "formControl", placeholder: "placeholder", errors: "errors", disableSwitch: "disableSwitch" }, decls: 5, vars: 5, consts: [["matInput", "", 3, "required", "placeholder", "formControl"], ["class", "igo-form-disable-switch", "matPrefix", "", 3, "svgIcon", "click", 4, "ngIf"], [4, "ngIf"], ["matPrefix", "", 1, "igo-form-disable-switch", 3, "svgIcon", "click"]], template: function FormFieldTextareaComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-form-field");
-        i0.ɵɵelementStart(1, "textarea", 0);
+        i0.ɵɵelementStart(0, "mat-form-field")(1, "textarea", 0);
         i0.ɵɵtext(2, "  ");
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, FormFieldTextareaComponent_mat_icon_3_Template, 2, 3, "mat-icon", 1);
@@ -6137,17 +6080,13 @@ FormFieldTextareaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("ngIf", ctx.disableSwitch === true);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.formControl.errors);
-    } }, directives: [i1.MatFormField, i2$3.MatInput, i1$5.DefaultValueAccessor, i1$5.RequiredValidator, i1$5.NgControlStatus, i1$5.FormControlDirective, i1$1.NgIf, i5$1.MatIcon, i1.MatPrefix, i1.MatError], pipes: [i1$1.AsyncPipe, i6$1.TranslatePipe], encapsulation: 2, changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, i1$4.DefaultValueAccessor, i1$4.NgControlStatus, i1$4.RequiredValidator, i1$4.FormControlDirective, i3$2.MatIcon, i4.MatError, i4.MatFormField, i4.MatPrefix, i5$1.MatInput, i1.AsyncPipe, i6$2.TranslatePipe], encapsulation: 2, changeDetection: 0 });
 FormFieldTextareaComponent = __decorate([
     IgoFormFieldComponent('textarea')
 ], FormFieldTextareaComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldTextareaComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-form-field-textarea',
-                templateUrl: './form-field-textarea.component.html',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-form-field-textarea', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field>\r\n  <textarea\r\n    matInput\r\n    [required]=\"required\"\r\n    [placeholder]=\"placeholder\"\r\n    [formControl]=\"formControl\">\r\n  </textarea>\r\n  <mat-icon\r\n    *ngIf=\"disableSwitch === true\"\r\n    class=\"igo-form-disable-switch\"\r\n    [svgIcon]=\"(disabled$ | async) === true ? 'checkbox-blank-outline' : 'checkbox-marked-outline'\"\r\n    (click)=\"onDisableSwitchClick()\"\r\n    matPrefix>\r\n  </mat-icon>\r\n  <mat-error *ngIf=\"formControl.errors\">{{getErrorMessage() | translate}}</mat-error>\r\n</mat-form-field>\r\n" }]
     }], null, { formControl: [{
             type: Input
         }], placeholder: [{
@@ -6165,17 +6104,15 @@ class IgoFormFieldModule {
 }
 IgoFormFieldModule.ɵfac = function IgoFormFieldModule_Factory(t) { return new (t || IgoFormFieldModule)(); };
 IgoFormFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFormFieldModule });
-IgoFormFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatIconModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatSelectModule,
-            IgoLanguageModule,
-            IgoDynamicOutletModule
-        ]] });
+IgoFormFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatIconModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatSelectModule,
+        IgoLanguageModule,
+        IgoDynamicOutletModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoFormFieldModule, [{
         type: NgModule,
         args: [{
@@ -6308,15 +6245,10 @@ FormGroupComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormGrou
         i0.ɵɵproperty("ngIf", ctx.group && ctx.group.fields.length > 0);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.formControl.errors);
-    } }, directives: [i1$1.NgIf, i1$1.NgForOf, i1$1.NgClass, FormFieldComponent, i1.MatError], pipes: [i6$1.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%;height:100%;display:block;overflow:auto;padding:10px 5px}.igo-form-field-wrapper[_ngcontent-%COMP%]{display:inline-block;padding:0 5px}.igo-form-field-colspan-2[_ngcontent-%COMP%]{width:100%}.igo-form-field-colspan-1[_ngcontent-%COMP%]{width:50%}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i4.MatError, FormFieldComponent, i6$2.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%;height:100%;display:block;overflow:auto;padding:10px 5px}.igo-form-field-wrapper[_ngcontent-%COMP%]{display:inline-block;padding:0 5px}.igo-form-field-colspan-2[_ngcontent-%COMP%]{width:100%}.igo-form-field-colspan-1[_ngcontent-%COMP%]{width:50%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormGroupComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-form-group',
-                templateUrl: './form-group.component.html',
-                styleUrls: ['./form-group.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-form-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  *ngIf=\"group && group.fields.length > 0\"\r\n  class=\"igo-form-group-fields\">\r\n  <div\r\n    *ngFor=\"let field of group.fields\"\r\n    class=\"igo-form-field-wrapper\"\r\n    [ngClass]=\"getFieldNgClass(field)\">\r\n    <igo-form-field [field]=\"field\"></igo-form-field>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"igo-form-group-extra-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<mat-error *ngIf=\"formControl.errors\">{{getErrorMessage() | translate}}</mat-error>\r\n", styles: [":host{width:100%;height:100%;display:block;overflow:auto;padding:10px 5px}.igo-form-field-wrapper{display:inline-block;padding:0 5px}.igo-form-field-colspan-2{width:100%}.igo-form-field-colspan-1{width:50%}\n"] }]
     }], function () { return []; }, { group: [{
             type: Input
         }], errors: [{
@@ -6330,12 +6262,10 @@ class IgoFormGroupModule {
 }
 IgoFormGroupModule.ɵfac = function IgoFormGroupModule_Factory(t) { return new (t || IgoFormGroupModule)(); };
 IgoFormGroupModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFormGroupModule });
-IgoFormGroupModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            MatFormFieldModule,
-            IgoLanguageModule,
-            IgoFormFieldModule
-        ]] });
+IgoFormGroupModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatFormFieldModule,
+        IgoLanguageModule,
+        IgoFormFieldModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoFormGroupModule, [{
         type: NgModule,
         args: [{
@@ -6368,11 +6298,9 @@ IgoFormModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFormModule
 IgoFormModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         FormService,
         FormFieldService
-    ], imports: [[
-            CommonModule,
-            IgoFormGroupModule,
-            IgoFormFieldModule
-        ], IgoFormFormModule,
+    ], imports: [CommonModule,
+        IgoFormGroupModule,
+        IgoFormFieldModule, IgoFormFormModule,
         IgoFormGroupModule,
         IgoFormFieldModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoFormModule, [{
@@ -6418,14 +6346,10 @@ HomeButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeBut
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "igo.context.sidenav.mainMenu"));
-    } }, directives: [i4$1.MatButton, i6.MatTooltip, i5$1.MatIcon], pipes: [i6$1.TranslatePipe], styles: ["#homeButton[_ngcontent-%COMP%]{position:absolute;top:50px;left:0px;border-radius:0;height:46px;width:48px}"] });
+    } }, dependencies: [i3$2.MatIcon, i2$2.MatButton, i6$1.MatTooltip, i6$2.TranslatePipe], styles: ["#homeButton[_ngcontent-%COMP%]{position:absolute;top:50px;left:0px;border-radius:0;height:46px;width:48px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomeButtonComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-home-button',
-                templateUrl: './home-button.component.html',
-                styleUrls: ['./home-button.component.scss']
-            }]
+        args: [{ selector: 'igo-home-button', template: "<button\r\n    id=\"homeButton\"\r\n    mat-icon-button\r\n    tooltip-position=\"below\"\r\n    matTooltipShowDelay=\"500\"\r\n    [matTooltip]=\"'igo.context.sidenav.mainMenu' | translate\"\r\n    (click)=\"onUnselectButtonClick()\">\r\n    <mat-icon svgIcon=\"home\"></mat-icon>\r\n</button>\r\n", styles: ["#homeButton{position:absolute;top:50px;left:0px;border-radius:0;height:46px;width:48px}\n"] }]
     }], function () { return []; }, { unselectButton: [{
             type: Output
         }] }); })();
@@ -6437,13 +6361,11 @@ class IgoHomeButtonModule {
 }
 IgoHomeButtonModule.ɵfac = function IgoHomeButtonModule_Factory(t) { return new (t || IgoHomeButtonModule)(); };
 IgoHomeButtonModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoHomeButtonModule });
-IgoHomeButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], imports: [[
-            CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            MatTooltipModule,
-            IgoLanguageModule
-        ]] });
+IgoHomeButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        MatTooltipModule,
+        IgoLanguageModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoHomeButtonModule, [{
         type: NgModule,
         args: [{
@@ -6472,11 +6394,9 @@ class IgoEntitySelectorModule {
 }
 IgoEntitySelectorModule.ɵfac = function IgoEntitySelectorModule_Factory(t) { return new (t || IgoEntitySelectorModule)(); };
 IgoEntitySelectorModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoEntitySelectorModule });
-IgoEntitySelectorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            FormsModule,
-            MatSelectModule
-        ]] });
+IgoEntitySelectorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        FormsModule,
+        MatSelectModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoEntitySelectorModule, [{
         type: NgModule,
         args: [{
@@ -6523,7 +6443,7 @@ class IgoStopPropagationModule {
 }
 IgoStopPropagationModule.ɵfac = function IgoStopPropagationModule_Factory(t) { return new (t || IgoStopPropagationModule)(); };
 IgoStopPropagationModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoStopPropagationModule });
-IgoStopPropagationModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoStopPropagationModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoStopPropagationModule, [{
         type: NgModule,
         args: [{
@@ -6541,9 +6461,7 @@ class IgoEntityTablePaginatorModule {
 }
 IgoEntityTablePaginatorModule.ɵfac = function IgoEntityTablePaginatorModule_Factory(t) { return new (t || IgoEntityTablePaginatorModule)(); };
 IgoEntityTablePaginatorModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoEntityTablePaginatorModule });
-IgoEntityTablePaginatorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            MatPaginatorModule,
-        ]] });
+IgoEntityTablePaginatorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatPaginatorModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoEntityTablePaginatorModule, [{
         type: NgModule,
         args: [{
@@ -6570,7 +6488,7 @@ class IgoImageModule {
 }
 IgoImageModule.ɵfac = function IgoImageModule_Factory(t) { return new (t || IgoImageModule)(); };
 IgoImageModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoImageModule });
-IgoImageModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoImageModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoImageModule, [{
         type: NgModule,
         args: [{
@@ -6588,27 +6506,25 @@ class IgoEntityTableModule {
 }
 IgoEntityTableModule.ɵfac = function IgoEntityTableModule_Factory(t) { return new (t || IgoEntityTableModule)(); };
 IgoEntityTableModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoEntityTableModule });
-IgoEntityTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            MatTableModule,
-            MatAutocompleteModule,
-            MatSortModule,
-            MatIconModule,
-            MatButtonModule,
-            MatCheckboxModule,
-            MatPaginatorModule,
-            MatSelectModule,
-            IgoStopPropagationModule,
-            IgoCustomHtmlModule,
-            IgoEntityTablePaginatorModule,
-            IgoImageModule,
-            IgoLanguageModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatInputModule,
-            MatDatepickerModule,
-            MatTooltipModule
-        ]] });
+IgoEntityTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatTableModule,
+        MatAutocompleteModule,
+        MatSortModule,
+        MatIconModule,
+        MatButtonModule,
+        MatCheckboxModule,
+        MatPaginatorModule,
+        MatSelectModule,
+        IgoStopPropagationModule,
+        IgoCustomHtmlModule,
+        IgoEntityTablePaginatorModule,
+        IgoImageModule,
+        IgoLanguageModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatDatepickerModule,
+        MatTooltipModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoEntityTableModule, [{
         type: NgModule,
         args: [{
@@ -6667,9 +6583,7 @@ class IgoEntityModule {
 }
 IgoEntityModule.ɵfac = function IgoEntityModule_Factory(t) { return new (t || IgoEntityModule)(); };
 IgoEntityModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoEntityModule });
-IgoEntityModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule
-        ], IgoEntitySelectorModule,
+IgoEntityModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, IgoEntitySelectorModule,
         IgoEntityTableModule,
         IgoEntityTablePaginatorModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoEntityModule, [{
@@ -6723,11 +6637,11 @@ class InteractiveTourLoader {
         return this.allToursOptions[nameInConfigFile];
     }
 }
-InteractiveTourLoader.ɵfac = function InteractiveTourLoader_Factory(t) { return new (t || InteractiveTourLoader)(i0.ɵɵinject(i1$3.HttpClient), i0.ɵɵinject(i1$2.ConfigService)); };
+InteractiveTourLoader.ɵfac = function InteractiveTourLoader_Factory(t) { return new (t || InteractiveTourLoader)(i0.ɵɵinject(i1$3.HttpClient), i0.ɵɵinject(i1$1.ConfigService)); };
 InteractiveTourLoader.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: InteractiveTourLoader, factory: InteractiveTourLoader.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InteractiveTourLoader, [{
         type: Injectable
-    }], function () { return [{ type: i1$3.HttpClient }, { type: i1$2.ConfigService }]; }, null); })();
+    }], function () { return [{ type: i1$3.HttpClient }, { type: i1$1.ConfigService }]; }, null); })();
 
 class InteractiveTourService {
     constructor(configService, mediaService, languageService, interactiveTourLoader, shepherdService) {
@@ -6761,8 +6675,8 @@ class InteractiveTourService {
     }
     disabledTourButton(toolName) {
         const stepConfig = this.interactiveTourLoader.getTourOptionData(toolName);
-        if (stepConfig === null || stepConfig === void 0 ? void 0 : stepConfig.conditions) {
-            for (const condition of stepConfig === null || stepConfig === void 0 ? void 0 : stepConfig.conditions) {
+        if (stepConfig?.conditions) {
+            for (const condition of stepConfig?.conditions) {
                 if (document.querySelector(condition) === null) {
                     return true;
                 }
@@ -7000,14 +6914,14 @@ class InteractiveTourService {
         this.shepherdService.start();
     }
 }
-InteractiveTourService.ɵfac = function InteractiveTourService_Factory(t) { return new (t || InteractiveTourService)(i0.ɵɵinject(i1$2.ConfigService), i0.ɵɵinject(i1$2.MediaService), i0.ɵɵinject(i1$2.LanguageService), i0.ɵɵinject(InteractiveTourLoader), i0.ɵɵinject(i3$1.ShepherdService)); };
+InteractiveTourService.ɵfac = function InteractiveTourService_Factory(t) { return new (t || InteractiveTourService)(i0.ɵɵinject(i1$1.ConfigService), i0.ɵɵinject(i1$1.MediaService), i0.ɵɵinject(i1$1.LanguageService), i0.ɵɵinject(InteractiveTourLoader), i0.ɵɵinject(i3$3.ShepherdService)); };
 InteractiveTourService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: InteractiveTourService, factory: InteractiveTourService.ɵfac, providedIn: 'root' });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InteractiveTourService, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: i1$2.ConfigService }, { type: i1$2.MediaService }, { type: i1$2.LanguageService }, { type: InteractiveTourLoader }, { type: i3$1.ShepherdService }]; }, null); })();
+    }], function () { return [{ type: i1$1.ConfigService }, { type: i1$1.MediaService }, { type: i1$1.LanguageService }, { type: InteractiveTourLoader }, { type: i3$3.ShepherdService }]; }, null); })();
 
 /**
  * Service where all available tools and their component are registered.
@@ -7229,7 +7143,7 @@ ToolService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ToolService,
 function InteractiveTourComponent_button_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 1);
-    i0.ɵɵlistener("click", function InteractiveTourComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.startInteractiveTour(); });
+    i0.ɵɵlistener("click", function InteractiveTourComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.startInteractiveTour()); });
     i0.ɵɵelementStart(1, "span", 2);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
@@ -7339,15 +7253,10 @@ InteractiveTourComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: In
         i0.ɵɵtemplate(0, InteractiveTourComponent_button_0_Template, 9, 15, "button", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.showTourButton);
-    } }, directives: [i1$1.NgIf, i4$1.MatButton, i1$1.NgClass, i5$1.MatIcon, i6.MatTooltip], pipes: [i6$1.TranslatePipe, i1$1.AsyncPipe], styles: [".shepherd-has-title .shepherd-content .shepherd-header{padding:.5em .75em}.shepherd-title{margin:0!important;font-weight:revert!important}.shepherd-progress{margin-right:15px;color:#737373}.shepherd-text{font-size:14px!important}.shepherd-element{border:1px solid;border-color:#474747;box-shadow:4px 5px #65656599}\n"], encapsulation: 2 });
+    } }, dependencies: [i1.NgClass, i1.NgIf, i3$2.MatIcon, i2$2.MatButton, i6$1.MatTooltip, i1.AsyncPipe, i6$2.TranslatePipe], styles: [".shepherd-has-title .shepherd-content .shepherd-header{padding:.5em .75em}.shepherd-title{margin:0!important;font-weight:revert!important}.shepherd-progress{margin-right:15px;color:#737373}.shepherd-text{font-size:14px!important}.shepherd-element{border:1px solid;border-color:#474747;box-shadow:4px 5px #65656599}\n"], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InteractiveTourComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-interactive-tour',
-                templateUrl: './interactive-tour.component.html',
-                styleUrls: ['./interactive-tour.component.scss'],
-                encapsulation: ViewEncapsulation.None
-            }]
+        args: [{ selector: 'igo-interactive-tour', encapsulation: ViewEncapsulation.None, template: "<button *ngIf=\"showTourButton\"\r\n  (click) = \"startInteractiveTour()\"\r\n  [ngClass]=\"getClass()\"\r\n  mat-raised-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [disabled]=disabledTourButton>\r\n  <span class=\"interactive-tour-button-title\">{{'igo.common.interactiveTour.buttonTitle' | translate}} {{(discoverTitleInLocale$ | async) | translate}}</span>\r\n  <mat-icon\r\n    svgIcon=\"presentation-play\"\r\n    [matTooltip]=\"disabledTourButton ?\r\n    ('igo.common.interactiveTour.disaledTooltipTourToolButton' | translate) :\r\n    ('igo.common.interactiveTour.tooltipTourToolButton' | translate)\">\r\n  </mat-icon>\r\n</button>\r\n", styles: [".shepherd-has-title .shepherd-content .shepherd-header{padding:.5em .75em}.shepherd-title{margin:0!important;font-weight:revert!important}.shepherd-progress{margin-right:15px;color:#737373}.shepherd-text{font-size:14px!important}.shepherd-element{border:1px solid;border-color:#474747;box-shadow:4px 5px #65656599}\n"] }]
     }], function () { return [{ type: InteractiveTourService }, { type: ToolService }]; }, { tourToStart: [{
             type: Input
         }], styleButton: [{
@@ -7360,13 +7269,11 @@ class IgoInteractiveTourModule {
 }
 IgoInteractiveTourModule.ɵfac = function IgoInteractiveTourModule_Factory(t) { return new (t || IgoInteractiveTourModule)(); };
 IgoInteractiveTourModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoInteractiveTourModule });
-IgoInteractiveTourModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [InteractiveTourService, InteractiveTourLoader], imports: [[
-            CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            MatTooltipModule,
-            IgoLanguageModule
-        ]] });
+IgoInteractiveTourModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [InteractiveTourService, InteractiveTourLoader], imports: [CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        MatTooltipModule,
+        IgoLanguageModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoInteractiveTourModule, [{
         type: NgModule,
         args: [{
@@ -7414,7 +7321,7 @@ class IgoKeyValueModule {
 }
 IgoKeyValueModule.ɵfac = function IgoKeyValueModule_Factory(t) { return new (t || IgoKeyValueModule)(); };
 IgoKeyValueModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoKeyValueModule });
-IgoKeyValueModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoKeyValueModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoKeyValueModule, [{
         type: NgModule,
         args: [{
@@ -7445,9 +7352,7 @@ function JsonDialogComponent_ng_template_4_ng_container_0_ng_container_1_ng_cont
     i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0$5, property_r6.value, ctx_r8.getKey(baseKey_r4, property_r6.key)));
 } }
 function JsonDialogComponent_ng_template_4_ng_container_0_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p");
-    i0.ɵɵelementStart(1, "span");
-    i0.ɵɵelementStart(2, "b");
+    i0.ɵɵelementStart(0, "p")(1, "span")(2, "b");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(4, " : ");
@@ -7505,7 +7410,7 @@ class JsonDialogComponent {
         return (baseKey ? baseKey + '.' : '') + key;
     }
 }
-JsonDialogComponent.ɵfac = function JsonDialogComponent_Factory(t) { return new (t || JsonDialogComponent)(i0.ɵɵdirectiveInject(i1$8.MatDialogRef)); };
+JsonDialogComponent.ɵfac = function JsonDialogComponent_Factory(t) { return new (t || JsonDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
 JsonDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JsonDialogComponent, selectors: [["igo-json-dialog"]], decls: 9, vars: 5, consts: [["mat-dialog-title", "", 1, "mat-typography"], ["mat-dialog-content", "", 1, "mat-typography"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["loopObject", ""], ["mat-dialog-actions", ""], ["mat-button", "", "color", "primary", 3, "click"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["notObject", ""], [1, "propertyValue", 3, "innerHtml"]], template: function JsonDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "h1", 0);
         i0.ɵɵtext(1);
@@ -7514,26 +7419,21 @@ JsonDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JsonDia
         i0.ɵɵtemplate(3, JsonDialogComponent_ng_container_3_Template, 1, 0, "ng-container", 2);
         i0.ɵɵtemplate(4, JsonDialogComponent_ng_template_4_Template, 2, 3, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(6, "div", 4);
-        i0.ɵɵelementStart(7, "button", 5);
+        i0.ɵɵelementStart(6, "div", 4)(7, "button", 5);
         i0.ɵɵlistener("click", function JsonDialogComponent_Template_button_click_7_listener() { return ctx.dialogRef.close(false); });
         i0.ɵɵtext(8, " OK ");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         const _r1 = i0.ɵɵreference(5);
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate(ctx.title);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c1$3, ctx.data));
-    } }, directives: [i1$8.MatDialogTitle, i1$8.MatDialogContent, i1$1.NgTemplateOutlet, i1$8.MatDialogActions, i4$1.MatButton, i1$1.NgForOf, i1$1.NgIf], pipes: [KeyValuePipe], encapsulation: 2 });
+    } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i2$2.MatButton, i1$6.MatDialogTitle, i1$6.MatDialogContent, i1$6.MatDialogActions, KeyValuePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JsonDialogComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-json-dialog',
-                templateUrl: './json-dialog.component.html'
-            }]
-    }], function () { return [{ type: i1$8.MatDialogRef }]; }, null); })();
+        args: [{ selector: 'igo-json-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">{{ title }}</h1>\r\n\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <ng-container *ngTemplateOutlet=\"loopObject;context:{ obj: data }\"></ng-container>\r\n\r\n  <ng-template #loopObject let-obj='obj' let-baseKey='baseKey'>\r\n    <ng-container *ngFor=\"let property of obj | keyvalue\">\r\n      <ng-container *ngIf=\"ignoreKeys.indexOf(getKey(baseKey, property.key)) === -1\">\r\n\r\n        <ng-container *ngIf=\"isObject(property.value); else notObject\">\r\n          <ng-container *ngTemplateOutlet=\"loopObject;context:{ obj: property.value, baseKey: getKey(baseKey, property.key) }\"></ng-container>\r\n        </ng-container>\r\n\r\n        <ng-template #notObject>\r\n          <p><span><b>{{getKey(baseKey, property.key)}}</b> : </span><span class=\"propertyValue\" [innerHtml]=\"property.value\"></span></p>\r\n        </ng-template>\r\n\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-template>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button mat-button color=\"primary\"\r\n          (click)=\"dialogRef.close(false)\">\r\n    OK\r\n  </button>\r\n</div>\r\n" }]
+    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
 
 class JsonDialogService {
     constructor(dialog) {
@@ -7549,11 +7449,11 @@ class JsonDialogService {
         return dialogRef.afterClosed();
     }
 }
-JsonDialogService.ɵfac = function JsonDialogService_Factory(t) { return new (t || JsonDialogService)(i0.ɵɵinject(i1$8.MatDialog)); };
+JsonDialogService.ɵfac = function JsonDialogService_Factory(t) { return new (t || JsonDialogService)(i0.ɵɵinject(i1$6.MatDialog)); };
 JsonDialogService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: JsonDialogService, factory: JsonDialogService.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JsonDialogService, [{
         type: Injectable
-    }], function () { return [{ type: i1$8.MatDialog }]; }, null); })();
+    }], function () { return [{ type: i1$6.MatDialog }]; }, null); })();
 
 class IgoJsonDialogModule {
     static forRoot() {
@@ -7564,7 +7464,7 @@ class IgoJsonDialogModule {
 }
 IgoJsonDialogModule.ɵfac = function IgoJsonDialogModule_Factory(t) { return new (t || IgoJsonDialogModule)(); };
 IgoJsonDialogModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoJsonDialogModule });
-IgoJsonDialogModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [JsonDialogService], imports: [[CommonModule, MatButtonModule, MatDialogModule, IgoKeyValueModule]] });
+IgoJsonDialogModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [JsonDialogService], imports: [CommonModule, MatButtonModule, MatDialogModule, IgoKeyValueModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoJsonDialogModule, [{
         type: NgModule,
         args: [{
@@ -7976,14 +7876,10 @@ ListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListComponent
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$4, ctx.selection));
-    } }, directives: [i1$6.MatList, ClickoutDirective, i1$1.NgClass], styles: ["[_nghost-%COMP%]{display:block;height:100%;overflow:auto;position:relative}mat-list[_ngcontent-%COMP%]{padding-top:0}[_nghost-%COMP%]{position:static}[_nghost-%COMP%]     .mat-list .mat-list-item .mat-list-text>*{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:36px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}[_nghost-%COMP%]     .mat-list .mat-list-item.mat-list-item-avatar .mat-list-item-content{display:-webkit-flex;height:46px;padding:3px}[_nghost-%COMP%]     .mat-list .mat-list-item.mat-list-item-avatar{height:46px}[_nghost-%COMP%]     .mat-list   igo-collapsible>.mat-list-item>.mat-list-item-content>.mat-list-text>.mat-line{font-weight:bold;opacity:.9}[_nghost-%COMP%]     .mat-list .mat-list-item.mat-list-item-avatar .mat-list-item-content>mat-icon{padding:8px}[_nghost-%COMP%]     [igolistitem] mat-list-item [mat-list-avatar]{height:auto;width:40px}[_nghost-%COMP%]   mat-list.selectable[_ngcontent-%COMP%]     [igolistitem]:not(.igo-list-item-disabled) mat-list-item:hover{cursor:pointer}[_nghost-%COMP%]     [igolistitem]:focus{outline:none}"] });
+    } }, dependencies: [i1.NgClass, i2$3.MatList, ClickoutDirective], styles: ["[_nghost-%COMP%]{display:block;height:100%;overflow:auto;position:relative}mat-list[_ngcontent-%COMP%]{padding-top:0}[_nghost-%COMP%]{position:static}[_nghost-%COMP%]     .mat-list .mat-list-item .mat-list-text>*{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:36px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}[_nghost-%COMP%]     .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content{display:-webkit-flex;height:46px;padding:3px}[_nghost-%COMP%]     .mat-list .mat-list-item.mat-list-item-with-avatar{height:46px}[_nghost-%COMP%]     .mat-list   igo-collapsible>.mat-list-item>.mat-list-item-content>.mat-list-text>.mat-line{font-weight:700;opacity:.9}[_nghost-%COMP%]     .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content>mat-icon{padding:8px}[_nghost-%COMP%]     [igolistitem] mat-list-item [mat-list-avatar]{height:auto;width:40px}[_nghost-%COMP%]   mat-list.selectable[_ngcontent-%COMP%]     [igolistitem]:not(.igo-list-item-disabled) mat-list-item:hover{cursor:pointer}[_nghost-%COMP%]     [igolistitem]:focus{outline:none}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-list',
-                templateUrl: './list.component.html',
-                styleUrls: ['./list.component.scss']
-            }]
+        args: [{ selector: 'igo-list', template: "<mat-list\r\n  igoClickout\r\n  [ngClass]=\"{'selectable': selection}\"\r\n  (clickout)=\"disableNavigation()\"\r\n  (click)=\"enableNavigation()\">\r\n  <ng-content></ng-content>\r\n</mat-list>\r\n", styles: [":host{display:block;height:100%;overflow:auto;position:relative}mat-list{padding-top:0}:host{position:static}:host ::ng-deep .mat-list .mat-list-item .mat-list-text>*{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:36px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}:host ::ng-deep .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content{display:-webkit-flex;height:46px;padding:3px}:host ::ng-deep .mat-list .mat-list-item.mat-list-item-with-avatar{height:46px}:host ::ng-deep .mat-list ::ng-deep igo-collapsible>.mat-list-item>.mat-list-item-content>.mat-list-text>.mat-line{font-weight:700;opacity:.9}:host ::ng-deep .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content>mat-icon{padding:8px}:host ::ng-deep [igolistitem] mat-list-item [mat-list-avatar]{height:auto;width:40px}:host mat-list.selectable ::ng-deep [igolistitem]:not(.igo-list-item-disabled) mat-list-item:hover{cursor:pointer}:host ::ng-deep [igolistitem]:focus{outline:none}\n"] }]
     }], function () { return [{ type: i0.ElementRef }]; }, { navigation: [{
             type: Input
         }], selection: [{
@@ -8009,7 +7905,7 @@ class IgoListModule {
 }
 IgoListModule.ɵfac = function IgoListModule_Factory(t) { return new (t || IgoListModule)(); };
 IgoListModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoListModule });
-IgoListModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[CommonModule, MatIconModule, MatListModule, IgoClickoutModule]] });
+IgoListModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, MatIconModule, MatListModule, IgoClickoutModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoListModule, [{
         type: NgModule,
         args: [{
@@ -8021,16 +7917,14 @@ IgoListModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[CommonMod
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoListModule, { declarations: [ListItemDirective, ListComponent], imports: [CommonModule, MatIconModule, MatListModule, IgoClickoutModule], exports: [ListItemDirective, ListComponent] }); })();
 
 function PanelComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelementStart(1, "h3");
+    i0.ɵɵelementStart(0, "div", 2)(1, "h3");
     i0.ɵɵprojection(2, 1);
     i0.ɵɵelementStart(3, "div", 3);
     i0.ɵɵtext(4);
     i0.ɵɵprojection(5, 2);
     i0.ɵɵelementEnd();
     i0.ɵɵprojection(6, 3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
@@ -8066,15 +7960,10 @@ PanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PanelCompone
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.withHeader);
-    } }, directives: [i1$1.NgIf], styles: ["[_nghost-%COMP%]{display:block}.igo-panel-header[_ngcontent-%COMP%]{height:46px;padding:3px;text-align:center}.igo-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin:0;height:40px}.igo-panel-header[_ngcontent-%COMP%]     [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header[_ngcontent-%COMP%]     [panelrightbutton]{float:right}.igo-panel-content[_ngcontent-%COMP%]{overflow:auto}.igo-panel-with-header[_nghost-%COMP%]   .igo-panel-content[_ngcontent-%COMP%]{height:calc(100% - 46px)}[_nghost-%COMP%]:not(.igo-panel-with-header)   .igo-panel-content[_ngcontent-%COMP%]{height:100%}.igo-panel-title[_ngcontent-%COMP%]{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:bold;font-size:1.17em}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:block}.igo-panel-header[_ngcontent-%COMP%]{height:46px;padding:3px;text-align:center}.igo-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin:0;height:40px}.igo-panel-header[_ngcontent-%COMP%]     [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header[_ngcontent-%COMP%]     [panelrightbutton]{float:right}.igo-panel-content[_ngcontent-%COMP%]{overflow:auto}.igo-panel-with-header[_nghost-%COMP%]   .igo-panel-content[_ngcontent-%COMP%]{height:calc(100% - 46px)}[_nghost-%COMP%]:not(.igo-panel-with-header)   .igo-panel-content[_ngcontent-%COMP%]{height:100%}.igo-panel-title[_ngcontent-%COMP%]{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PanelComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-panel',
-                templateUrl: './panel.component.html',
-                styleUrls: ['./panel.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"withHeader\" class=\"igo-panel-header mat-typography\" title=\"\">\r\n  <h3>\r\n    <ng-content select=\"[panelLeftButton]\"></ng-content>\r\n    <div class=\"igo-panel-title\">\r\n      {{ title }}\r\n      <ng-content select=\"[panelHeader]\"></ng-content>\r\n    </div>\r\n    <ng-content select=\"[panelRightButton]\"></ng-content>\r\n  </h3>\r\n</div>\r\n<div class=\"igo-panel-content\" title=\"\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block}.igo-panel-header{height:46px;padding:3px;text-align:center}.igo-panel-header h3{margin:0;height:40px}.igo-panel-header ::ng-deep [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header ::ng-deep [panelrightbutton]{float:right}.igo-panel-content{overflow:auto}:host.igo-panel-with-header .igo-panel-content{height:calc(100% - 46px)}:host:not(.igo-panel-with-header) .igo-panel-content{height:100%}.igo-panel-title{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}\n"] }]
     }], null, { title: [{
             type: Input
         }], withHeader: [{
@@ -8088,7 +7977,7 @@ class IgoPanelModule {
 }
 IgoPanelModule.ɵfac = function IgoPanelModule_Factory(t) { return new (t || IgoPanelModule)(); };
 IgoPanelModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoPanelModule });
-IgoPanelModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[CommonModule]] });
+IgoPanelModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoPanelModule, [{
         type: NgModule,
         args: [{
@@ -8129,7 +8018,7 @@ class SidenavShimDirective {
         this.focusedElement = undefined;
     }
 }
-SidenavShimDirective.ɵfac = function SidenavShimDirective_Factory(t) { return new (t || SidenavShimDirective)(i0.ɵɵdirectiveInject(i1$9.MatSidenav, 2), i0.ɵɵdirectiveInject(i0.Renderer2)); };
+SidenavShimDirective.ɵfac = function SidenavShimDirective_Factory(t) { return new (t || SidenavShimDirective)(i0.ɵɵdirectiveInject(i1$7.MatSidenav, 2), i0.ɵɵdirectiveInject(i0.Renderer2)); };
 SidenavShimDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SidenavShimDirective, selectors: [["", "igoSidenavShim", ""]], hostBindings: function SidenavShimDirective_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("open", function SidenavShimDirective_open_HostBindingHandler($event) { return ctx.onOpen($event); })("close-start", function SidenavShimDirective_close_start_HostBindingHandler($event) { return ctx.onCloseStart($event); })("close", function SidenavShimDirective_close_HostBindingHandler($event) { return ctx.onClose($event); });
     } } });
@@ -8138,7 +8027,7 @@ SidenavShimDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Sidena
         args: [{
                 selector: '[igoSidenavShim]'
             }]
-    }], function () { return [{ type: i1$9.MatSidenav, decorators: [{
+    }], function () { return [{ type: i1$7.MatSidenav, decorators: [{
                 type: Self
             }] }, { type: i0.Renderer2 }]; }, { onOpen: [{
             type: HostListener,
@@ -8161,7 +8050,7 @@ class IgoSidenavModule {
 }
 IgoSidenavModule.ɵfac = function IgoSidenavModule_Factory(t) { return new (t || IgoSidenavModule)(); };
 IgoSidenavModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoSidenavModule });
-IgoSidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoSidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoSidenavModule, [{
         type: NgModule,
         args: [{
@@ -8190,19 +8079,14 @@ SpinnerComponent.ɵfac = function SpinnerComponent_Factory(t) { return new (t ||
 SpinnerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpinnerComponent, selectors: [["igo-spinner"]], inputs: { shown: "shown" }, decls: 4, vars: 5, consts: [[3, "ngClass"], [1, "igo-spinner-background"], ["diameter", "40", "mode", "indeterminate"]], template: function SpinnerComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵpipe(1, "async");
-        i0.ɵɵelement(2, "div", 1);
-        i0.ɵɵelement(3, "mat-progress-spinner", 2);
+        i0.ɵɵelement(2, "div", 1)(3, "mat-progress-spinner", 2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$2, i0.ɵɵpipeBind1(1, 1, ctx.shown$)));
-    } }, directives: [i1$1.NgClass, i2$4.MatProgressSpinner], pipes: [i1$1.AsyncPipe], styles: [".igo-spinner-container[_ngcontent-%COMP%]{display:none;pointer-events:none}.igo-spinner-container.igo-spinner-shown[_ngcontent-%COMP%]{display:block}mat-progress-spinner[_ngcontent-%COMP%]{height:40px;width:40px;border-radius:50%}.igo-spinner-background[_ngcontent-%COMP%]{height:36px;width:36px;border-radius:50%;border:4px solid #ffffff;position:absolute;top:2px;left:2px}"] });
+    } }, dependencies: [i1.NgClass, i2$4.MatProgressSpinner, i1.AsyncPipe], styles: [".igo-spinner-container[_ngcontent-%COMP%]{display:none;pointer-events:none}.igo-spinner-container.igo-spinner-shown[_ngcontent-%COMP%]{display:block}mat-progress-spinner[_ngcontent-%COMP%]{height:40px;width:40px;border-radius:50%}.igo-spinner-background[_ngcontent-%COMP%]{height:36px;width:36px;border-radius:50%;border:4px solid #ffffff;position:absolute;top:2px;left:2px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpinnerComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-spinner',
-                templateUrl: './spinner.component.html',
-                styleUrls: ['./spinner.component.scss']
-            }]
+        args: [{ selector: 'igo-spinner', template: "<div\r\n  [ngClass]=\"{'igo-spinner-container': true, 'igo-spinner-shown': (shown$ | async)}\">\r\n  <div class=\"igo-spinner-background\"></div>\r\n  <mat-progress-spinner diameter=\"40\" mode=\"indeterminate\"></mat-progress-spinner>\r\n</div>\r\n", styles: [".igo-spinner-container{display:none;pointer-events:none}.igo-spinner-container.igo-spinner-shown{display:block}mat-progress-spinner{height:40px;width:40px;border-radius:50%}.igo-spinner-background{height:36px;width:36px;border-radius:50%;border:4px solid #ffffff;position:absolute;top:2px;left:2px}\n"] }]
     }], function () { return []; }, { shown: [{
             type: Input
         }] }); })();
@@ -8238,7 +8122,7 @@ class SpinnerActivityDirective {
         this.counter$$.unsubscribe();
     }
 }
-SpinnerActivityDirective.ɵfac = function SpinnerActivityDirective_Factory(t) { return new (t || SpinnerActivityDirective)(i0.ɵɵdirectiveInject(SpinnerComponent, 2), i0.ɵɵdirectiveInject(i1$2.ActivityService)); };
+SpinnerActivityDirective.ɵfac = function SpinnerActivityDirective_Factory(t) { return new (t || SpinnerActivityDirective)(i0.ɵɵdirectiveInject(SpinnerComponent, 2), i0.ɵɵdirectiveInject(i1$1.ActivityService)); };
 SpinnerActivityDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SpinnerActivityDirective, selectors: [["", "igoSpinnerActivity", ""]] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpinnerActivityDirective, [{
         type: Directive,
@@ -8247,13 +8131,13 @@ SpinnerActivityDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Sp
             }]
     }], function () { return [{ type: SpinnerComponent, decorators: [{
                 type: Self
-            }] }, { type: i1$2.ActivityService }]; }, null); })();
+            }] }, { type: i1$1.ActivityService }]; }, null); })();
 
 class IgoSpinnerModule {
 }
 IgoSpinnerModule.ɵfac = function IgoSpinnerModule_Factory(t) { return new (t || IgoSpinnerModule)(); };
 IgoSpinnerModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoSpinnerModule });
-IgoSpinnerModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[CommonModule, MatProgressSpinnerModule]] });
+IgoSpinnerModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, MatProgressSpinnerModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoSpinnerModule, [{
         type: NgModule,
         args: [{
@@ -8330,23 +8214,19 @@ var TableActionColor;
 
 const _c0$1 = ["filter"];
 function TableComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelementStart(1, "mat-form-field", 13);
+    i0.ɵɵelementStart(0, "div", 12)(1, "mat-form-field", 13);
     i0.ɵɵelement(2, "input", 14, 15);
     i0.ɵɵpipe(4, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(4, 1, "igo.common.table.filter"));
 } }
 function TableComponent_th_6_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 16);
-    i0.ɵɵelementStart(1, "mat-checkbox", 17);
-    i0.ɵɵlistener("change", function TableComponent_th_6_Template_mat_checkbox_change_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return $event ? ctx_r10.masterToggle() : null; });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "th", 16)(1, "mat-checkbox", 17);
+    i0.ɵɵlistener("change", function TableComponent_th_6_Template_mat_checkbox_change_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView($event ? ctx_r10.masterToggle() : null); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
@@ -8354,11 +8234,9 @@ function TableComponent_th_6_Template(rf, ctx) { if (rf & 1) {
 } }
 function TableComponent_td_7_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 18);
-    i0.ɵɵelementStart(1, "mat-checkbox", 19);
-    i0.ɵɵlistener("click", function TableComponent_td_7_Template_mat_checkbox_click_1_listener($event) { return $event.stopPropagation(); })("change", function TableComponent_td_7_Template_mat_checkbox_change_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const row_r12 = restoredCtx.$implicit; const ctx_r14 = i0.ɵɵnextContext(); return $event ? ctx_r14.selection.toggle(row_r12) : null; });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "td", 18)(1, "mat-checkbox", 19);
+    i0.ɵɵlistener("click", function TableComponent_td_7_Template_mat_checkbox_click_1_listener($event) { return $event.stopPropagation(); })("change", function TableComponent_td_7_Template_mat_checkbox_change_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const row_r12 = restoredCtx.$implicit; const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView($event ? ctx_r14.selection.toggle(row_r12) : null); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const row_r12 = ctx.$implicit;
     const ctx_r3 = i0.ɵɵnextContext();
@@ -8446,7 +8324,7 @@ function TableComponent_th_10_Template(rf, ctx) { if (rf & 1) {
 function TableComponent_td_11_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r36 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 31);
-    i0.ɵɵlistener("click", function TableComponent_td_11_button_1_Template_button_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r36); const action_r34 = restoredCtx.$implicit; const row_r32 = i0.ɵɵnextContext().$implicit; const ctx_r35 = i0.ɵɵnextContext(); return ctx_r35.handleClickAction($event, action_r34, row_r32); });
+    i0.ɵɵlistener("click", function TableComponent_td_11_button_1_Template_button_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r36); const action_r34 = restoredCtx.$implicit; const row_r32 = i0.ɵɵnextContext().$implicit; const ctx_r35 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r35.handleClickAction($event, action_r34, row_r32)); });
     i0.ɵɵelement(1, "mat-icon", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -8471,7 +8349,7 @@ function TableComponent_tr_12_Template(rf, ctx) { if (rf & 1) {
 function TableComponent_tr_13_Template(rf, ctx) { if (rf & 1) {
     const _r40 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr", 34);
-    i0.ɵɵlistener("click", function TableComponent_tr_13_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r40); const row_r38 = restoredCtx.$implicit; const ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.selection.toggle(row_r38); });
+    i0.ɵɵlistener("click", function TableComponent_tr_13_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r40); const row_r38 = restoredCtx.$implicit; const ctx_r39 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r39.selection.toggle(row_r38)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const row_r38 = ctx.$implicit;
@@ -8569,8 +8447,7 @@ TableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableCompone
     } }, inputs: { database: "database", model: "model", hasFilterInput: "hasFilterInput" }, outputs: { select: "select" }, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 5, consts: [[1, "table-box"], ["class", "table-header", 4, "ngIf"], [1, "table-container"], ["mat-table", "", "matSort", "", 3, "dataSource"], ["table", ""], ["matColumnDef", "selectionCheckbox"], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], [3, "matColumnDef", 4, "ngFor", "ngForOf"], ["matColumnDef", "action"], ["mat-header-row", "", 4, "matHeaderRowDef"], ["mat-row", "", 3, "ngClass", "click", 4, "matRowDef", "matRowDefColumns"], [1, "table-header"], ["floatPlaceholder", "never"], ["matInput", "", 3, "placeholder"], ["filter", ""], ["mat-header-cell", ""], [3, "checked", "indeterminate", "change"], ["mat-cell", ""], [3, "checked", "click", "change"], [3, "matColumnDef"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["cellHTML", ""], ["mat-header-cell", "", "mat-sort-header", "", 4, "matHeaderCellDef"], ["mat-header-cell", "", "mat-sort-header", ""], ["mat-cell", "", "class", "mat-cell-text", 3, "ngClass", 4, "matCellDef"], ["mat-cell", "", 1, "mat-cell-text", 3, "ngClass"], ["mat-cell", "", "class", "mat-cell-text", 3, "ngClass", "innerHTML", 4, "matCellDef"], ["mat-cell", "", 1, "mat-cell-text", 3, "ngClass", "innerHTML"], ["mat-mini-fab", "", 3, "color", "click", 4, "ngFor", "ngForOf"], ["mat-mini-fab", "", 3, "color", "click"], [3, "svgIcon"], ["mat-header-row", ""], ["mat-row", "", 3, "ngClass", "click"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵtemplate(1, TableComponent_div_1_Template, 5, 3, "div", 1);
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵelementStart(3, "table", 3, 4);
+        i0.ɵɵelementStart(2, "div", 2)(3, "table", 3, 4);
         i0.ɵɵelementContainerStart(5, 5);
         i0.ɵɵtemplate(6, TableComponent_th_6_Template, 2, 2, "th", 6);
         i0.ɵɵtemplate(7, TableComponent_td_7_Template, 2, 1, "td", 7);
@@ -8582,9 +8459,7 @@ TableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableCompone
         i0.ɵɵelementContainerEnd();
         i0.ɵɵtemplate(12, TableComponent_tr_12_Template, 1, 0, "tr", 10);
         i0.ɵɵtemplate(13, TableComponent_tr_13_Template, 1, 2, "tr", 11);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.hasFilterInput);
@@ -8596,14 +8471,10 @@ TableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableCompone
         i0.ɵɵproperty("matHeaderRowDef", ctx.displayedColumns);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("matRowDefColumns", ctx.displayedColumns);
-    } }, directives: [i1$1.NgIf, i4.MatTable, i5.MatSort, i4.MatColumnDef, i4.MatHeaderCellDef, i4.MatCellDef, i1$1.NgForOf, i4.MatHeaderRowDef, i4.MatRowDef, i1.MatFormField, i2$3.MatInput, i4.MatHeaderCell, i7.MatCheckbox, i4.MatCell, i5.MatSortHeader, i1$1.NgClass, i4$1.MatButton, i5$1.MatIcon, i4.MatHeaderRow, i4.MatRow], pipes: [i6$1.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%;height:100%;display:block}.table-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.table-box[_ngcontent-%COMP%]{height:100%;display:flex;flex-direction:column}.table-header[_ngcontent-%COMP%]{min-height:64px;max-width:500px;display:flex;flex:0 1 auto;align-items:baseline;padding:8px 24px 0;font-size:20px;justify-content:space-between}tr[mat-header-row][_ngcontent-%COMP%], tr[mat-row][_ngcontent-%COMP%]{height:60px}.mat-cell-text[_ngcontent-%COMP%]{overflow:hidden;word-wrap:break-word}td[mat-cell][_ngcontent-%COMP%]{padding-right:15px}th.mat-header-cell[_ngcontent-%COMP%]{padding-right:5px}button[_ngcontent-%COMP%]{margin-right:10px}"] });
+    } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i3$2.MatIcon, i2$2.MatButton, i5.MatTable, i5.MatHeaderCellDef, i5.MatHeaderRowDef, i5.MatColumnDef, i5.MatCellDef, i5.MatRowDef, i5.MatHeaderCell, i5.MatCell, i5.MatHeaderRow, i5.MatRow, i4.MatFormField, i5$1.MatInput, i7.MatSort, i7.MatSortHeader, i10.MatCheckbox, i6$2.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%;height:100%;display:block}.table-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.table-box[_ngcontent-%COMP%]{height:100%;display:flex;flex-direction:column}.table-header[_ngcontent-%COMP%]{min-height:64px;max-width:500px;display:flex;flex:0 1 auto;align-items:baseline;padding:8px 24px 0;font-size:20px;justify-content:space-between}tr[mat-header-row][_ngcontent-%COMP%], tr[mat-row][_ngcontent-%COMP%]{height:60px}.mat-cell-text[_ngcontent-%COMP%]{overflow:hidden;word-wrap:break-word}td[mat-cell][_ngcontent-%COMP%]{padding-right:15px}th.mat-header-cell[_ngcontent-%COMP%]{padding-right:5px}button[_ngcontent-%COMP%]{margin-right:10px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-table',
-                templateUrl: './table.component.html',
-                styleUrls: ['./table.component.scss']
-            }]
+        args: [{ selector: 'igo-table', template: "<div class='table-box'>\r\n  <div class='table-header' *ngIf=\"hasFilterInput\">\r\n    <mat-form-field floatPlaceholder='never'>\r\n      <input matInput #filter [placeholder]=\"'igo.common.table.filter' | translate\">\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div class='table-container'>\r\n    <table mat-table #table [dataSource]='dataSource' matSort>\r\n\r\n      <!-- Checkbox Column -->\r\n      <ng-container matColumnDef=\"selectionCheckbox\">\r\n        <th mat-header-cell *matHeaderCellDef>\r\n          <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n                        [checked]=\"selection.hasValue() && isAllSelected()\"\r\n                        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\r\n          </mat-checkbox>\r\n        </th>\r\n        <td mat-cell *matCellDef=\"let row\">\r\n          <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n                        (change)=\"$event ? selection.toggle(row) : null\"\r\n                        [checked]=\"selection.isSelected(row)\">\r\n          </mat-checkbox>\r\n        </td>\r\n      </ng-container>\r\n\r\n      <ng-container [matColumnDef]='column.name' *ngFor='let column of model.columns'>\r\n        <ng-container *ngIf='column.sortable'>\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> {{column.title}} </th>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf='!column.sortable'>\r\n          <th mat-header-cell *matHeaderCellDef> {{column.title}} </th>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"!column.html; else cellHTML\">\r\n          <td mat-cell *matCellDef='let row' class=\"mat-cell-text\"\r\n            [ngClass]=\"model.cellClassFunc ? model.cellClassFunc(row, column) : {}\">\r\n            {{getValue(row, column.name)}}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <ng-template #cellHTML>\r\n          <td mat-cell *matCellDef='let row' class=\"mat-cell-text\"\r\n            [ngClass]=\"model.cellClassFunc ? model.cellClassFunc(row, column) : {}\"\r\n            [innerHTML]=\"getValue(row, column.name)\">\r\n          </td>\r\n        </ng-template>\r\n      </ng-container>\r\n\r\n      <!-- Action Column -->\r\n      <ng-container matColumnDef='action'>\r\n        <th mat-header-cell *matHeaderCellDef></th>\r\n        <td mat-cell *matCellDef='let row'>\r\n          <button *ngFor='let action of model.actions'\r\n          mat-mini-fab\r\n          [color]='getActionColor(action.color)'\r\n          (click)='handleClickAction($event, action, row)'>\r\n            <mat-icon svgIcon=\"{{action.icon}}\"></mat-icon>\r\n          </button>\r\n        </td>\r\n      </ng-container>\r\n\r\n      <tr mat-header-row *matHeaderRowDef='displayedColumns;'></tr>\r\n      <tr mat-row\r\n        *matRowDef='let row; columns: displayedColumns;'\r\n        [ngClass]=\"model.rowClassFunc ? model.rowClassFunc(row) : {}\"\r\n        (click)=\"selection.toggle(row)\">\r\n      </tr>\r\n\r\n    </table>\r\n  </div>\r\n\r\n</div>\r\n", styles: [":host{width:100%;height:100%;display:block}.table-container{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.table-box{height:100%;display:flex;flex-direction:column}.table-header{min-height:64px;max-width:500px;display:flex;flex:0 1 auto;align-items:baseline;padding:8px 24px 0;font-size:20px;justify-content:space-between}tr[mat-header-row],tr[mat-row]{height:60px}.mat-cell-text{overflow:hidden;word-wrap:break-word}td[mat-cell]{padding-right:15px}th.mat-header-cell{padding-right:5px}button{margin-right:10px}\n"] }]
     }], null, { database: [{
             type: Input
         }], model: [{
@@ -8630,19 +8501,17 @@ class IgoTableModule {
 }
 IgoTableModule.ɵfac = function IgoTableModule_Factory(t) { return new (t || IgoTableModule)(); };
 IgoTableModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoTableModule });
-IgoTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            FormsModule,
-            CdkTableModule,
-            MatIconModule,
-            MatButtonModule,
-            MatTableModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatSortModule,
-            MatCheckboxModule,
-            IgoLanguageModule
-        ]] });
+IgoTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        FormsModule,
+        CdkTableModule,
+        MatIconModule,
+        MatButtonModule,
+        MatTableModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatSortModule,
+        MatCheckboxModule,
+        IgoLanguageModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoTableModule, [{
         type: NgModule,
         args: [{
@@ -8711,7 +8580,7 @@ const _c0 = function (a0, a1) { return { "igo-tool-container-with-toolbar": a0,
 function ToolboxComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵlistener("@toolSlideInOut.start", function ToolboxComponent_div_2_Template_div_animation_toolSlideInOut_start_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.onAnimationStart(); })("@toolSlideInOut.done", function ToolboxComponent_div_2_Template_div_animation_toolSlideInOut_done_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.onAnimationComplete(); });
+    i0.ɵɵlistener("@toolSlideInOut.start", function ToolboxComponent_div_2_Template_div_animation_toolSlideInOut_start_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onAnimationStart()); })("@toolSlideInOut.done", function ToolboxComponent_div_2_Template_div_animation_toolSlideInOut_done_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onAnimationComplete()); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵelement(2, "igo-dynamic-outlet", 4);
     i0.ɵɵelementEnd();
@@ -8925,16 +8794,10 @@ ToolboxComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToolboxCom
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.toolbar$).length > 0);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(3, 4, ctx.activeTool$));
-    } }, directives: [i1$1.NgIf, ActionbarComponent, i1$1.NgClass, DynamicOutletComponent], pipes: [i1$1.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;position:relative;overflow:hidden;width:100%;height:100%}.igo-tool-container[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0}.igo-tool-container-with-animation[_ngcontent-%COMP%]{transform:translate(100%)}.igo-tool-container-with-toolbar[_ngcontent-%COMP%]{left:50px}igo-actionbar[_ngcontent-%COMP%]{height:100%}igo-actionbar.with-title[_ngcontent-%COMP%]{width:100%;overflow:auto}igo-actionbar[_ngcontent-%COMP%]:not(.with-title){width:48px;overflow:hidden;-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){igo-actionbar[_ngcontent-%COMP%]:not(.with-title){overflow:auto}}igo-dynamic-outlet[_ngcontent-%COMP%]{overflow:auto}"], data: { animation: [toolSlideInOut()] }, changeDetection: 0 });
+    } }, dependencies: [i1.NgClass, i1.NgIf, ActionbarComponent, DynamicOutletComponent, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;position:relative;overflow:hidden;width:100%;height:100%}.igo-tool-container[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0}.igo-tool-container-with-animation[_ngcontent-%COMP%]{transform:translate3d(100%,0,0)}.igo-tool-container-with-toolbar[_ngcontent-%COMP%]{left:50px}igo-actionbar[_ngcontent-%COMP%]{height:100%}igo-actionbar.with-title[_ngcontent-%COMP%]{width:100%;overflow:auto}igo-actionbar[_ngcontent-%COMP%]:not(.with-title){width:48px;overflow:hidden;-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){igo-actionbar[_ngcontent-%COMP%]:not(.with-title){overflow:auto}}igo-dynamic-outlet[_ngcontent-%COMP%]{overflow:auto}"], data: { animation: [toolSlideInOut()] }, changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToolboxComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-toolbox',
-                templateUrl: 'toolbox.component.html',
-                styleUrls: ['toolbox.component.scss'],
-                animations: [toolSlideInOut()],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-toolbox', animations: [toolSlideInOut()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-actionbar\r\n  *ngIf=\"(toolbar$ | async).length > 0\"\r\n  [store]=\"actionStore\"\r\n  [withIcon]=\"true\"\r\n  [withTitle]=\"toolbarWithTitle$ | async\"\r\n  [withTooltip]=\"(toolbarWithTitle$ | async) === false\"\r\n  [scrollActive]=\"toolbarWithTitle$ | async\"\r\n  [horizontal]=\"false\">\r\n</igo-actionbar>\r\n\r\n<div\r\n  *ngIf=\"activeTool$ | async as tool\"\r\n  class=\"igo-tool-container\"\r\n  [ngClass]=\"{'igo-tool-container-with-toolbar': !actionStore.empty, 'igo-tool-container-with-animation': animate}\"\r\n  [@toolSlideInOut]=\"animation$ | async\"\r\n  (@toolSlideInOut.start)=\"onAnimationStart()\"\r\n  (@toolSlideInOut.done)=\"onAnimationComplete()\">\r\n\r\n  <igo-dynamic-outlet\r\n    [component]=\"tool.component\"\r\n    [inputs]=\"getToolInputs(tool)\">\r\n  </igo-dynamic-outlet>\r\n\r\n</div>\r\n", styles: [":host{display:block;position:relative;overflow:hidden;width:100%;height:100%}.igo-tool-container{position:absolute;top:0;bottom:0;left:0;right:0}.igo-tool-container-with-animation{transform:translate3d(100%,0,0)}.igo-tool-container-with-toolbar{left:50px}igo-actionbar{height:100%}igo-actionbar.with-title{width:100%;overflow:auto}igo-actionbar:not(.with-title){width:48px;overflow:hidden;-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){igo-actionbar:not(.with-title){overflow:auto}}igo-dynamic-outlet{overflow:auto}\n"] }]
     }], null, { toolbox: [{
             type: Input
         }], animate: [{
@@ -8956,11 +8819,9 @@ class IgoToolboxModule {
 }
 IgoToolboxModule.ɵfac = function IgoToolboxModule_Factory(t) { return new (t || IgoToolboxModule)(); };
 IgoToolboxModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoToolboxModule });
-IgoToolboxModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            IgoActionModule,
-            IgoDynamicComponentModule
-        ]] });
+IgoToolboxModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        IgoActionModule,
+        IgoDynamicComponentModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoToolboxModule, [{
         type: NgModule,
         args: [{
@@ -8993,9 +8854,7 @@ class IgoToolModule {
 }
 IgoToolModule.ɵfac = function IgoToolModule_Factory(t) { return new (t || IgoToolModule)(); };
 IgoToolModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoToolModule });
-IgoToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule
-        ], IgoToolboxModule] });
+IgoToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, IgoToolboxModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoToolModule, [{
         type: NgModule,
         args: [{
@@ -9106,15 +8965,10 @@ WidgetOutletComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Widge
         i0.ɵɵtemplate(0, WidgetOutletComponent_igo_dynamic_outlet_0_Template, 1, 3, "igo-dynamic-outlet", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.widget);
-    } }, directives: [i1$1.NgIf, DynamicOutletComponent], styles: ["igo-dynamic-outlet[_ngcontent-%COMP%]{height:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, DynamicOutletComponent], styles: ["igo-dynamic-outlet[_ngcontent-%COMP%]{height:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WidgetOutletComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-widget-outlet',
-                templateUrl: './widget-outlet.component.html',
-                styleUrls: ['./widget-outlet.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-widget-outlet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-dynamic-outlet\r\n  *ngIf=\"widget\"\r\n  [component]=\"widget\"\r\n  [inputs]=\"inputs\"\r\n  [subscribers]=\"getEffectiveSubscribers()\">\r\n</igo-dynamic-outlet>\r\n", styles: ["igo-dynamic-outlet{height:100%}\n"] }]
     }], function () { return []; }, { widget: [{
             type: Input
         }], inputs: [{
@@ -9134,10 +8988,8 @@ class IgoWidgetOutletModule {
 }
 IgoWidgetOutletModule.ɵfac = function IgoWidgetOutletModule_Factory(t) { return new (t || IgoWidgetOutletModule)(); };
 IgoWidgetOutletModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoWidgetOutletModule });
-IgoWidgetOutletModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            IgoDynamicComponentModule
-        ]] });
+IgoWidgetOutletModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        IgoDynamicComponentModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoWidgetOutletModule, [{
         type: NgModule,
         args: [{
@@ -9179,10 +9031,8 @@ IgoWidgetModule.ɵfac = function IgoWidgetModule_Factory(t) { return new (t || I
 IgoWidgetModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoWidgetModule });
 IgoWidgetModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         WidgetService
-    ], imports: [[
-            CommonModule,
-            IgoWidgetOutletModule
-        ], IgoWidgetOutletModule] });
+    ], imports: [CommonModule,
+        IgoWidgetOutletModule, IgoWidgetOutletModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoWidgetModule, [{
         type: NgModule,
         args: [{
@@ -9237,15 +9087,10 @@ WorkspaceSelectorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("store", ctx.store)("multi", false)("titleAccessor", ctx.getWorkspaceTitle)("disabled", ctx.disabled);
-    } }, directives: [EntitySelectorComponent], styles: ["igo-entity-selector[_ngcontent-%COMP%]     mat-form-field .mat-form-field-infix{padding:0}igo-entity-selector[_ngcontent-%COMP%]     mat-form-field .mat-form-field-wrapper{padding-bottom:1.75em}"], changeDetection: 0 });
+    } }, dependencies: [EntitySelectorComponent], styles: ["igo-entity-selector[_ngcontent-%COMP%]     mat-form-field .mat-form-field-infix{padding:0}igo-entity-selector[_ngcontent-%COMP%]     mat-form-field .mat-form-field-wrapper{padding-bottom:1.75em}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceSelectorComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-workspace-selector',
-                templateUrl: './workspace-selector.component.html',
-                styleUrls: ['./workspace-selector.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-workspace-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-entity-selector\r\n  [store]=\"store\"\r\n  [multi]=\"false\"\r\n  [titleAccessor]=\"getWorkspaceTitle\"\r\n  [disabled]=\"disabled\"\r\n  (selectedChange)=\"onSelectedChange($event)\">\r\n</igo-entity-selector>\r\n", styles: ["igo-entity-selector ::ng-deep mat-form-field .mat-form-field-infix{padding:0}igo-entity-selector ::ng-deep mat-form-field .mat-form-field-wrapper{padding-bottom:1.75em}\n"] }]
     }], null, { store: [{
             type: Input
         }], disabled: [{
@@ -9261,10 +9106,8 @@ class IgoWorkspaceSelectorModule {
 }
 IgoWorkspaceSelectorModule.ɵfac = function IgoWorkspaceSelectorModule_Factory(t) { return new (t || IgoWorkspaceSelectorModule)(); };
 IgoWorkspaceSelectorModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoWorkspaceSelectorModule });
-IgoWorkspaceSelectorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            IgoEntitySelectorModule
-        ]] });
+IgoWorkspaceSelectorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        IgoEntitySelectorModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoWorkspaceSelectorModule, [{
         type: NgModule,
         args: [{
@@ -9287,7 +9130,7 @@ function WorkspaceWidgetOutletComponent_ng_container_0_Template(rf, ctx) { if (r
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "igo-widget-outlet", 1);
-    i0.ɵɵlistener("cancel", function WorkspaceWidgetOutletComponent_ng_container_0_Template_igo_widget_outlet_cancel_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const widget_r1 = restoredCtx.ngIf; const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.onWidgetCancel(widget_r1); })("complete", function WorkspaceWidgetOutletComponent_ng_container_0_Template_igo_widget_outlet_complete_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const widget_r1 = restoredCtx.ngIf; const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.onWidgetComplete(widget_r1); });
+    i0.ɵɵlistener("cancel", function WorkspaceWidgetOutletComponent_ng_container_0_Template_igo_widget_outlet_cancel_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const widget_r1 = restoredCtx.ngIf; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onWidgetCancel(widget_r1)); })("complete", function WorkspaceWidgetOutletComponent_ng_container_0_Template_igo_widget_outlet_complete_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const widget_r1 = restoredCtx.ngIf; const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onWidgetComplete(widget_r1)); });
     i0.ɵɵpipe(2, "async");
     i0.ɵɵpipe(3, "async");
     i0.ɵɵelementEnd();
@@ -9357,15 +9200,10 @@ WorkspaceWidgetOutletComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ ty
         i0.ɵɵpipe(1, "async");
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 1, ctx.widget$));
-    } }, directives: [i1$1.NgIf, WidgetOutletComponent], pipes: [i1$1.AsyncPipe], styles: ["igo-widget-outlet[_ngcontent-%COMP%]{height:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, WidgetOutletComponent, i1.AsyncPipe], styles: ["igo-widget-outlet[_ngcontent-%COMP%]{height:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceWidgetOutletComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-workspace-widget-outlet',
-                templateUrl: './workspace-widget-outlet.component.html',
-                styleUrls: ['./workspace-widget-outlet.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-workspace-widget-outlet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"widget$ | async as widget\">\r\n  <igo-widget-outlet\r\n    [widget]=\"widget\"\r\n    [inputs]=\"widgetInputs$ | async\"\r\n    [subscribers]=\"widgetSubscribers$ | async\"\r\n    (cancel)=\"onWidgetCancel(widget)\"\r\n    (complete)=\"onWidgetComplete(widget)\">\r\n  </igo-widget-outlet>\r\n</ng-container>\r\n", styles: ["igo-widget-outlet{height:100%}\n"] }]
     }], function () { return []; }, { workspace: [{
             type: Input
         }], deactivateWidget: [{
@@ -9379,10 +9217,8 @@ class IgoWorkspaceWidgetOutletModule {
 }
 IgoWorkspaceWidgetOutletModule.ɵfac = function IgoWorkspaceWidgetOutletModule_Factory(t) { return new (t || IgoWorkspaceWidgetOutletModule)(); };
 IgoWorkspaceWidgetOutletModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoWorkspaceWidgetOutletModule });
-IgoWorkspaceWidgetOutletModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            IgoWidgetOutletModule
-        ]] });
+IgoWorkspaceWidgetOutletModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        IgoWidgetOutletModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoWorkspaceWidgetOutletModule, [{
         type: NgModule,
         args: [{
@@ -9405,9 +9241,7 @@ class IgoWorkspaceModule {
 }
 IgoWorkspaceModule.ɵfac = function IgoWorkspaceModule_Factory(t) { return new (t || IgoWorkspaceModule)(); };
 IgoWorkspaceModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoWorkspaceModule });
-IgoWorkspaceModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule
-        ], IgoWorkspaceSelectorModule,
+IgoWorkspaceModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, IgoWorkspaceSelectorModule,
         IgoWorkspaceWidgetOutletModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoWorkspaceModule, [{
         type: NgModule,
@@ -9625,5 +9459,5 @@ class Workspace {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionStore, ActionbarComponent, ActionbarMode, BackdropComponent, ClickoutDirective, ClonePipe, CollapseDirective, CollapsibleComponent, ConfirmDialogComponent, ConfirmDialogService, ContextMenuDirective, CustomHtmlComponent, DragAndDropDirective, DynamicComponent, DynamicComponentService, DynamicOutletComponent, EntityOperationType, EntitySelectorComponent, EntityStateManager, EntityStore, EntityStoreFilterCustomFuncStrategy, EntityStoreFilterSelectionStrategy, EntityStoreStrategy, EntityStoreWatcher, EntityTableColumnRenderer, EntityTableComponent, EntityTablePaginatorComponent, EntityTableScrollBehavior, EntityTableSelectionState, EntityTransaction, EntityView, FlexibleComponent, FormComponent, FormFieldComponent, FormFieldSelectComponent, FormFieldService, FormFieldTextComponent, FormFieldTextareaComponent, FormGroupComponent, FormService, HomeButtonComponent, IgoActionModule, IgoActionbarModule, IgoBackdropModule, IgoBadgeIconDirective, IgoClickoutModule, IgoCloneModule, IgoCollapsibleModule, IgoConfirmDialogModule, IgoContextMenuModule, IgoCustomHtmlModule, IgoDrapDropModule, IgoDynamicComponentModule, IgoDynamicOutletModule, IgoEntityModule, IgoEntitySelectorModule, IgoEntityTableModule, IgoEntityTablePaginatorModule, IgoFlexibleModule, IgoFormFieldComponent, IgoFormFieldModule, IgoFormFormModule, IgoFormGroupModule, IgoFormModule, IgoHomeButtonModule, IgoImageModule, IgoInteractiveTourModule, IgoJsonDialogModule, IgoKeyValueModule, IgoListModule, IgoMatBadgeIconModule, IgoPanelModule, IgoSidenavModule, IgoSpinnerModule, IgoStopPropagationModule, IgoTableModule, IgoToolModule, IgoToolboxModule, IgoWidgetModule, IgoWidgetOutletModule, IgoWorkspaceModule, IgoWorkspaceSelectorModule, IgoWorkspaceWidgetOutletModule, InteractiveTourComponent, InteractiveTourLoader, InteractiveTourService, JsonDialogComponent, JsonDialogService, KeyValuePipe, ListComponent, ListItemDirective, PanelComponent, SanitizeHtmlPipe, SecureImagePipe, SidenavShimDirective, SpinnerActivityDirective, SpinnerComponent, StopDropPropagationDirective, StopPropagationDirective, TableActionColor, TableComponent, TableDataSource, TableDatabase, ToolComponent, ToolService, Toolbox, ToolboxColor, ToolboxComponent, Widget, WidgetOutletComponent, WidgetService, Workspace, WorkspaceSelectorComponent, WorkspaceStore, WorkspaceWidgetOutletComponent, formControlIsRequired, getAllFormFields, getControlErrorMessage, getDefaultErrorMessages, getEntityIcon, getEntityId, getEntityProperty, getEntityRevision, getEntityTitle, getEntityTitleHtml, getFormFieldByName };
-//# sourceMappingURL=igo2-common.js.map
+export { ActionStore, ActionbarComponent, ActionbarMode, BackdropComponent, ClickoutDirective, ClonePipe, CollapseDirective, CollapsibleComponent, ConfirmDialogComponent, ConfirmDialogService, ContextMenuDirective, CustomHtmlComponent, DOMService, DragAndDropDirective, DynamicComponent, DynamicComponentService, DynamicOutletComponent, EntityOperationType, EntitySelectorComponent, EntityStateManager, EntityStore, EntityStoreFilterCustomFuncStrategy, EntityStoreFilterSelectionStrategy, EntityStoreStrategy, EntityStoreWatcher, EntityTableColumnRenderer, EntityTableComponent, EntityTablePaginatorComponent, EntityTableScrollBehavior, EntityTableSelectionState, EntityTransaction, EntityView, FlexibleComponent, FormComponent, FormFieldComponent, FormFieldSelectComponent, FormFieldService, FormFieldTextComponent, FormFieldTextareaComponent, FormGroupComponent, FormService, HomeButtonComponent, IgoActionModule, IgoActionbarModule, IgoBackdropModule, IgoBadgeIconDirective, IgoClickoutModule, IgoCloneModule, IgoCollapsibleModule, IgoConfirmDialogModule, IgoContextMenuModule, IgoCustomHtmlModule, IgoDOMModule, IgoDrapDropModule, IgoDynamicComponentModule, IgoDynamicOutletModule, IgoEntityModule, IgoEntitySelectorModule, IgoEntityTableModule, IgoEntityTablePaginatorModule, IgoFlexibleModule, IgoFormFieldComponent, IgoFormFieldModule, IgoFormFormModule, IgoFormGroupModule, IgoFormModule, IgoHomeButtonModule, IgoImageModule, IgoInteractiveTourModule, IgoJsonDialogModule, IgoKeyValueModule, IgoListModule, IgoMatBadgeIconModule, IgoPanelModule, IgoSidenavModule, IgoSpinnerModule, IgoStopPropagationModule, IgoTableModule, IgoToolModule, IgoToolboxModule, IgoWidgetModule, IgoWidgetOutletModule, IgoWorkspaceModule, IgoWorkspaceSelectorModule, IgoWorkspaceWidgetOutletModule, InteractiveTourComponent, InteractiveTourLoader, InteractiveTourService, JsonDialogComponent, JsonDialogService, KeyValuePipe, ListComponent, ListItemDirective, PanelComponent, SanitizeHtmlPipe, SecureImagePipe, SidenavShimDirective, SpinnerActivityDirective, SpinnerComponent, StopDropPropagationDirective, StopPropagationDirective, TableActionColor, TableComponent, TableDataSource, TableDatabase, ToolComponent, ToolService, Toolbox, ToolboxColor, ToolboxComponent, Widget, WidgetOutletComponent, WidgetService, Workspace, WorkspaceSelectorComponent, WorkspaceStore, WorkspaceWidgetOutletComponent, formControlIsRequired, getAllFormFields, getControlErrorMessage, getDefaultErrorMessages, getEntityIcon, getEntityId, getEntityProperty, getEntityRevision, getEntityTitle, getEntityTitleHtml, getFormFieldByName };
+//# sourceMappingURL=igo2-common.mjs.map