@igo2/common 16.0.0-rc.0 → 16.0.0-rc.1

package/esm2022/lib/workspace/workspace-widget-outlet/workspace-widget-outlet.component.mjs

@@ -85,10 +85,10 @@ export class WorkspaceWidgetOutletComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceWidgetOutletComponent, [{
         type: Component,
-        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  >\r\n  </igo-widget-outlet>\r\n</ng-container>\r\n", styles: ["igo-widget-outlet{height:100%}\n"] }]
+        args: [{ selector: 'igo-workspace-widget-outlet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"widget$ | async as widget\">\n  <igo-widget-outlet\n    [widget]=\"widget\"\n    [inputs]=\"widgetInputs$ | async\"\n    [subscribers]=\"widgetSubscribers$ | async\"\n    (cancel)=\"onWidgetCancel(widget)\"\n    (complete)=\"onWidgetComplete(widget)\"\n  >\n  </igo-widget-outlet>\n</ng-container>\n", styles: ["igo-widget-outlet{height:100%}\n"] }]
     }], function () { return []; }, { workspace: [{
             type: Input
         }], deactivateWidget: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXdpZGdldC1vdXRsZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvd29ya3NwYWNlL3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0L3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvbGliL3dvcmtzcGFjZS93b3Jrc3BhY2Utd2lkZ2V0LW91dGxldC93b3Jrc3BhY2Utd2lkZ2V0LW91dGxldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixFQUN4QixNQUFNLGVBQWUsQ0FBQztBQUt2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7OztJQ1hoRCw2QkFBZ0Q7SUFDOUMsNENBTUM7SUFGQyx5UEFBVSxlQUFBLGdDQUFzQixDQUFBLElBQUMsZ1BBQ3JCLGVBQUEsa0NBQXdCLENBQUEsSUFESDs7O0lBR25DLGlCQUFvQjtJQUN0QiwwQkFBZTs7OztJQVBYLGVBQWlCO0lBQWpCLGtDQUFpQixzREFBQSxnRUFBQTs7QURXckI7Ozs7R0FJRztBQU9ILE1BQU0sT0FBTyw4QkFBOEI7SUFDekM7O09BRUc7SUFDTSxTQUFTLENBQVk7SUFFOUI7OztPQUdHO0lBQ08sZ0JBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV4RDs7O09BR0c7SUFDSCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDO0lBQ2hDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDO0lBQ3RDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUFJLGtCQUFrQjtRQUdwQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsa0JBQWtCLENBQUM7SUFDM0MsQ0FBQztJQUVELGdCQUFlLENBQUM7SUFFaEI7Ozs7O09BS0c7SUFDSCxjQUFjLENBQUMsTUFBYztRQUMzQixJQUFJLENBQUMsU0FBUyxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDbEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSCxnQkFBZ0IsQ0FBQyxNQUFjO1FBQzdCLElBQUksQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUNsQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7d0ZBNURVLDhCQUE4Qjs2REFBOUIsOEJBQThCO1lDeEIzQyxpR0FTZTs7O1lBVEEsd0RBQXNCOzs7dUZEd0J4Qiw4QkFBOEI7Y0FOMUMsU0FBUzsyQkFDRSw2QkFBNkIsbUJBR3RCLHVCQUF1QixDQUFDLE1BQU07c0NBTXRDLFNBQVM7a0JBQWpCLEtBQUs7WUFNSSxnQkFBZ0I7a0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuXHJcbmltcG9ydCB7IFdpZGdldCB9IGZyb20gJy4uLy4uL3dpZGdldCc7XHJcbmltcG9ydCB7IFdvcmtzcGFjZSB9IGZyb20gJy4uL3NoYXJlZC93b3Jrc3BhY2UnO1xyXG5cclxuLyoqXHJcbiAqIFRoaXMgY29tcG9uZW50IGR5bmFtaWNhbGx5IHJlbmRlciBhbiBXb3Jrc3BhY2UncyBhY3RpdmUgd2lkZ2V0LlxyXG4gKiBJdCBhbHNvIGRlYWN0aXZhdGUgdGhhdCB3aWRnZXQgd2hlbmV2ZXIgdGhlIHdpZGdldCdzIGNvbXBvbmVudFxyXG4gKiBlbWl0IHRoZSAnY2FuY2VsJyBvciAnY29tcGxldGUnIGV2ZW50LlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpZ28td29ya3NwYWNlLXdpZGdldC1vdXRsZXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93b3Jrc3BhY2Utd2lkZ2V0LW91dGxldC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vd29ya3NwYWNlLXdpZGdldC1vdXRsZXQuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgV29ya3NwYWNlV2lkZ2V0T3V0bGV0Q29tcG9uZW50IHtcclxuICAvKipcclxuICAgKiBXb3Jrc3BhY2VcclxuICAgKi9cclxuICBASW5wdXQoKSB3b3Jrc3BhY2U6IFdvcmtzcGFjZTtcclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgZW1pdHRlZCB3aGVuIGEgd2lkZ2V0IGlzIGRlYWN0aXZhdGUgd2hpY2ggaGFwcGVuc1xyXG4gICAqIHdoZW4gdGhlIHdpZGdldCdzIGNvbXBvbmVudCBlbWl0cyB0aGUgJ2NhbmNlbCcgb3IgJ2NvbXBsZXRlJyBldmVudC5cclxuICAgKi9cclxuICBAT3V0cHV0KCkgZGVhY3RpdmF0ZVdpZGdldCA9IG5ldyBFdmVudEVtaXR0ZXI8V2lkZ2V0PigpO1xyXG5cclxuICAvKipcclxuICAgKiBPYnNlcnZhYmxlIG9mIHRoZSB3b3Jrc3BhY2UncyBhY3RpdmUgd2lkZ2V0XHJcbiAgICogQGludGVybmFsXHJcbiAgICovXHJcbiAgZ2V0IHdpZGdldCQoKTogQmVoYXZpb3JTdWJqZWN0PFdpZGdldD4ge1xyXG4gICAgcmV0dXJuIHRoaXMud29ya3NwYWNlLndpZGdldCQ7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBPYnNlcnZhYmxlIG9mIHRoZSB3b3Jrc3BhY2UncyB3aWRnZXQgaW5wdXRzXHJcbiAgICogQGludGVybmFsXHJcbiAgICovXHJcbiAgZ2V0IHdpZGdldElucHV0cyQoKTogQmVoYXZpb3JTdWJqZWN0PHsgW2tleTogc3RyaW5nXTogYW55IH0+IHtcclxuICAgIHJldHVybiB0aGlzLndvcmtzcGFjZS53aWRnZXRJbnB1dHMkO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogT2JzZXJ2YWJsZSBvZiB0aGUgd29ya3NwYWNlJ3Mgd2lkZ2V0IGlucHV0c1xyXG4gICAqIEBpbnRlcm5hbFxyXG4gICAqL1xyXG4gIGdldCB3aWRnZXRTdWJzY3JpYmVycyQoKTogQmVoYXZpb3JTdWJqZWN0PHtcclxuICAgIFtrZXk6IHN0cmluZ106IChldmVudDogYW55KSA9PiB2b2lkO1xyXG4gIH0+IHtcclxuICAgIHJldHVybiB0aGlzLndvcmtzcGFjZS53aWRnZXRTdWJzY3JpYmVycyQ7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIC8qKlxyXG4gICAqIFdoZW4gYSB3aWRnZXQncyBjb21wb25lbnQgZW1pdCB0aGUgJ2NhbmNlbCcgZXZlbnQsXHJcbiAgICogZGVhY3RpdmF0ZSB0aGF0IHdpZGdldCBhbmQgZW1pdCB0aGUgJ2RlYWN0aXZhdGVXaWRnZXQnIGV2ZW50LlxyXG4gICAqIEBwYXJhbSB3aWRnZXQgV2lkZ2V0XHJcbiAgICogQGludGVybmFsXHJcbiAgICovXHJcbiAgb25XaWRnZXRDYW5jZWwod2lkZ2V0OiBXaWRnZXQpIHtcclxuICAgIHRoaXMud29ya3NwYWNlLmRlYWN0aXZhdGVXaWRnZXQoKTtcclxuICAgIHRoaXMuZGVhY3RpdmF0ZVdpZGdldC5lbWl0KHdpZGdldCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBXaGVuIGEgd2lkZ2V0J3MgY29tcG9uZW50IGVtaXQgdGhlICdjYW5jZWwnIGV2ZW50LFxyXG4gICAqIGRlYWN0aXZhdGUgdGhhdCB3aWRnZXQgYW5kIGVtaXQgdGhlICdkZWFjdGl2YXRlV2lkZ2V0JyBldmVudC5cclxuICAgKiBAcGFyYW0gd2lkZ2V0IFdpZGdldFxyXG4gICAqIEBpbnRlcm5hbFxyXG4gICAqL1xyXG4gIG9uV2lkZ2V0Q29tcGxldGUod2lkZ2V0OiBXaWRnZXQpIHtcclxuICAgIHRoaXMud29ya3NwYWNlLmRlYWN0aXZhdGVXaWRnZXQoKTtcclxuICAgIHRoaXMuZGVhY3RpdmF0ZVdpZGdldC5lbWl0KHdpZGdldCk7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXQkIHwgYXN5bmMgYXMgd2lkZ2V0XCI+XHJcbiAgPGlnby13aWRnZXQtb3V0bGV0XHJcbiAgICBbd2lkZ2V0XT1cIndpZGdldFwiXHJcbiAgICBbaW5wdXRzXT1cIndpZGdldElucHV0cyQgfCBhc3luY1wiXHJcbiAgICBbc3Vic2NyaWJlcnNdPVwid2lkZ2V0U3Vic2NyaWJlcnMkIHwgYXN5bmNcIlxyXG4gICAgKGNhbmNlbCk9XCJvbldpZGdldENhbmNlbCh3aWRnZXQpXCJcclxuICAgIChjb21wbGV0ZSk9XCJvbldpZGdldENvbXBsZXRlKHdpZGdldClcIlxyXG4gID5cclxuICA8L2lnby13aWRnZXQtb3V0bGV0PlxyXG48L25nLWNvbnRhaW5lcj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXdpZGdldC1vdXRsZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvd29ya3NwYWNlL3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0L3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvbGliL3dvcmtzcGFjZS93b3Jrc3BhY2Utd2lkZ2V0LW91dGxldC93b3Jrc3BhY2Utd2lkZ2V0LW91dGxldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixFQUN4QixNQUFNLGVBQWUsQ0FBQztBQUt2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7OztJQ1hoRCw2QkFBZ0Q7SUFDOUMsNENBTUM7SUFGQyx5UEFBVSxlQUFBLGdDQUFzQixDQUFBLElBQUMsZ1BBQ3JCLGVBQUEsa0NBQXdCLENBQUEsSUFESDs7O0lBR25DLGlCQUFvQjtJQUN0QiwwQkFBZTs7OztJQVBYLGVBQWlCO0lBQWpCLGtDQUFpQixzREFBQSxnRUFBQTs7QURXckI7Ozs7R0FJRztBQU9ILE1BQU0sT0FBTyw4QkFBOEI7SUFDekM7O09BRUc7SUFDTSxTQUFTLENBQVk7SUFFOUI7OztPQUdHO0lBQ08sZ0JBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV4RDs7O09BR0c7SUFDSCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDO0lBQ2hDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDO0lBQ3RDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUFJLGtCQUFrQjtRQUdwQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsa0JBQWtCLENBQUM7SUFDM0MsQ0FBQztJQUVELGdCQUFlLENBQUM7SUFFaEI7Ozs7O09BS0c7SUFDSCxjQUFjLENBQUMsTUFBYztRQUMzQixJQUFJLENBQUMsU0FBUyxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDbEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSCxnQkFBZ0IsQ0FBQyxNQUFjO1FBQzdCLElBQUksQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUNsQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7d0ZBNURVLDhCQUE4Qjs2REFBOUIsOEJBQThCO1lDeEIzQyxpR0FTZTs7O1lBVEEsd0RBQXNCOzs7dUZEd0J4Qiw4QkFBOEI7Y0FOMUMsU0FBUzsyQkFDRSw2QkFBNkIsbUJBR3RCLHVCQUF1QixDQUFDLE1BQU07c0NBTXRDLFNBQVM7a0JBQWpCLEtBQUs7WUFNSSxnQkFBZ0I7a0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3lcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBXaWRnZXQgfSBmcm9tICcuLi8uLi93aWRnZXQnO1xuaW1wb3J0IHsgV29ya3NwYWNlIH0gZnJvbSAnLi4vc2hhcmVkL3dvcmtzcGFjZSc7XG5cbi8qKlxuICogVGhpcyBjb21wb25lbnQgZHluYW1pY2FsbHkgcmVuZGVyIGFuIFdvcmtzcGFjZSdzIGFjdGl2ZSB3aWRnZXQuXG4gKiBJdCBhbHNvIGRlYWN0aXZhdGUgdGhhdCB3aWRnZXQgd2hlbmV2ZXIgdGhlIHdpZGdldCdzIGNvbXBvbmVudFxuICogZW1pdCB0aGUgJ2NhbmNlbCcgb3IgJ2NvbXBsZXRlJyBldmVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWdvLXdvcmtzcGFjZS13aWRnZXQtb3V0bGV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vd29ya3NwYWNlLXdpZGdldC1vdXRsZXQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgV29ya3NwYWNlV2lkZ2V0T3V0bGV0Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFdvcmtzcGFjZVxuICAgKi9cbiAgQElucHV0KCkgd29ya3NwYWNlOiBXb3Jrc3BhY2U7XG5cbiAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiBhIHdpZGdldCBpcyBkZWFjdGl2YXRlIHdoaWNoIGhhcHBlbnNcbiAgICogd2hlbiB0aGUgd2lkZ2V0J3MgY29tcG9uZW50IGVtaXRzIHRoZSAnY2FuY2VsJyBvciAnY29tcGxldGUnIGV2ZW50LlxuICAgKi9cbiAgQE91dHB1dCgpIGRlYWN0aXZhdGVXaWRnZXQgPSBuZXcgRXZlbnRFbWl0dGVyPFdpZGdldD4oKTtcblxuICAvKipcbiAgICogT2JzZXJ2YWJsZSBvZiB0aGUgd29ya3NwYWNlJ3MgYWN0aXZlIHdpZGdldFxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIGdldCB3aWRnZXQkKCk6IEJlaGF2aW9yU3ViamVjdDxXaWRnZXQ+IHtcbiAgICByZXR1cm4gdGhpcy53b3Jrc3BhY2Uud2lkZ2V0JDtcbiAgfVxuXG4gIC8qKlxuICAgKiBPYnNlcnZhYmxlIG9mIHRoZSB3b3Jrc3BhY2UncyB3aWRnZXQgaW5wdXRzXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgZ2V0IHdpZGdldElucHV0cyQoKTogQmVoYXZpb3JTdWJqZWN0PHsgW2tleTogc3RyaW5nXTogYW55IH0+IHtcbiAgICByZXR1cm4gdGhpcy53b3Jrc3BhY2Uud2lkZ2V0SW5wdXRzJDtcbiAgfVxuXG4gIC8qKlxuICAgKiBPYnNlcnZhYmxlIG9mIHRoZSB3b3Jrc3BhY2UncyB3aWRnZXQgaW5wdXRzXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgZ2V0IHdpZGdldFN1YnNjcmliZXJzJCgpOiBCZWhhdmlvclN1YmplY3Q8e1xuICAgIFtrZXk6IHN0cmluZ106IChldmVudDogYW55KSA9PiB2b2lkO1xuICB9PiB7XG4gICAgcmV0dXJuIHRoaXMud29ya3NwYWNlLndpZGdldFN1YnNjcmliZXJzJDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgICogV2hlbiBhIHdpZGdldCdzIGNvbXBvbmVudCBlbWl0IHRoZSAnY2FuY2VsJyBldmVudCxcbiAgICogZGVhY3RpdmF0ZSB0aGF0IHdpZGdldCBhbmQgZW1pdCB0aGUgJ2RlYWN0aXZhdGVXaWRnZXQnIGV2ZW50LlxuICAgKiBAcGFyYW0gd2lkZ2V0IFdpZGdldFxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIG9uV2lkZ2V0Q2FuY2VsKHdpZGdldDogV2lkZ2V0KSB7XG4gICAgdGhpcy53b3Jrc3BhY2UuZGVhY3RpdmF0ZVdpZGdldCgpO1xuICAgIHRoaXMuZGVhY3RpdmF0ZVdpZGdldC5lbWl0KHdpZGdldCk7XG4gIH1cblxuICAvKipcbiAgICogV2hlbiBhIHdpZGdldCdzIGNvbXBvbmVudCBlbWl0IHRoZSAnY2FuY2VsJyBldmVudCxcbiAgICogZGVhY3RpdmF0ZSB0aGF0IHdpZGdldCBhbmQgZW1pdCB0aGUgJ2RlYWN0aXZhdGVXaWRnZXQnIGV2ZW50LlxuICAgKiBAcGFyYW0gd2lkZ2V0IFdpZGdldFxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIG9uV2lkZ2V0Q29tcGxldGUod2lkZ2V0OiBXaWRnZXQpIHtcbiAgICB0aGlzLndvcmtzcGFjZS5kZWFjdGl2YXRlV2lkZ2V0KCk7XG4gICAgdGhpcy5kZWFjdGl2YXRlV2lkZ2V0LmVtaXQod2lkZ2V0KTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldCQgfCBhc3luYyBhcyB3aWRnZXRcIj5cbiAgPGlnby13aWRnZXQtb3V0bGV0XG4gICAgW3dpZGdldF09XCJ3aWRnZXRcIlxuICAgIFtpbnB1dHNdPVwid2lkZ2V0SW5wdXRzJCB8IGFzeW5jXCJcbiAgICBbc3Vic2NyaWJlcnNdPVwid2lkZ2V0U3Vic2NyaWJlcnMkIHwgYXN5bmNcIlxuICAgIChjYW5jZWwpPVwib25XaWRnZXRDYW5jZWwod2lkZ2V0KVwiXG4gICAgKGNvbXBsZXRlKT1cIm9uV2lkZ2V0Q29tcGxldGUod2lkZ2V0KVwiXG4gID5cbiAgPC9pZ28td2lkZ2V0LW91dGxldD5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2022/lib/workspace/workspace-widget-outlet/workspace-widget-outlet.module.mjs

@@ -20,4 +20,4 @@ export class IgoWorkspaceWidgetOutletModule {
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoWorkspaceWidgetOutletModule, { declarations: [WorkspaceWidgetOutletComponent], imports: [CommonModule, IgoWidgetOutletModule], exports: [WorkspaceWidgetOutletComponent] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXdpZGdldC1vdXRsZXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvd29ya3NwYWNlL3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0L3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUV4RixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFFckY7O0dBRUc7QUFNSCxNQUFNLE9BQU8sOEJBQThCO3dGQUE5Qiw4QkFBOEI7NERBQTlCLDhCQUE4QjtnRUFKL0IsWUFBWSxFQUFFLHFCQUFxQjs7dUZBSWxDLDhCQUE4QjtjQUwxQyxRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHFCQUFxQixDQUFDO2dCQUM5QyxPQUFPLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztnQkFDekMsWUFBWSxFQUFFLENBQUMsOEJBQThCLENBQUM7YUFDL0M7O3dGQUNZLDhCQUE4QixtQkFGMUIsOEJBQThCLGFBRm5DLFlBQVksRUFBRSxxQkFBcUIsYUFDbkMsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbmltcG9ydCB7IElnb1dpZGdldE91dGxldE1vZHVsZSB9IGZyb20gJy4uLy4uL3dpZGdldC93aWRnZXQtb3V0bGV0L3dpZGdldC1vdXRsZXQubW9kdWxlJztcclxuXHJcbmltcG9ydCB7IFdvcmtzcGFjZVdpZGdldE91dGxldENvbXBvbmVudCB9IGZyb20gJy4vd29ya3NwYWNlLXdpZGdldC1vdXRsZXQuY29tcG9uZW50JztcclxuXHJcbi8qKlxyXG4gKiBAaWdub3JlXHJcbiAqL1xyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElnb1dpZGdldE91dGxldE1vZHVsZV0sXHJcbiAgZXhwb3J0czogW1dvcmtzcGFjZVdpZGdldE91dGxldENvbXBvbmVudF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbV29ya3NwYWNlV2lkZ2V0T3V0bGV0Q29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSWdvV29ya3NwYWNlV2lkZ2V0T3V0bGV0TW9kdWxlIHt9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXdpZGdldC1vdXRsZXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvd29ya3NwYWNlL3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0L3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUV4RixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFFckY7O0dBRUc7QUFNSCxNQUFNLE9BQU8sOEJBQThCO3dGQUE5Qiw4QkFBOEI7NERBQTlCLDhCQUE4QjtnRUFKL0IsWUFBWSxFQUFFLHFCQUFxQjs7dUZBSWxDLDhCQUE4QjtjQUwxQyxRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHFCQUFxQixDQUFDO2dCQUM5QyxPQUFPLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztnQkFDekMsWUFBWSxFQUFFLENBQUMsOEJBQThCLENBQUM7YUFDL0M7O3dGQUNZLDhCQUE4QixtQkFGMUIsOEJBQThCLGFBRm5DLFlBQVksRUFBRSxxQkFBcUIsYUFDbkMsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IElnb1dpZGdldE91dGxldE1vZHVsZSB9IGZyb20gJy4uLy4uL3dpZGdldC93aWRnZXQtb3V0bGV0L3dpZGdldC1vdXRsZXQubW9kdWxlJztcblxuaW1wb3J0IHsgV29ya3NwYWNlV2lkZ2V0T3V0bGV0Q29tcG9uZW50IH0gZnJvbSAnLi93b3Jrc3BhY2Utd2lkZ2V0LW91dGxldC5jb21wb25lbnQnO1xuXG4vKipcbiAqIEBpZ25vcmVcbiAqL1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWdvV2lkZ2V0T3V0bGV0TW9kdWxlXSxcbiAgZXhwb3J0czogW1dvcmtzcGFjZVdpZGdldE91dGxldENvbXBvbmVudF0sXG4gIGRlY2xhcmF0aW9uczogW1dvcmtzcGFjZVdpZGdldE91dGxldENvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgSWdvV29ya3NwYWNlV2lkZ2V0T3V0bGV0TW9kdWxlIHt9XG4iXX0=

package/esm2022/lib/workspace/workspace.module.mjs

@@ -17,4 +17,4 @@ export class IgoWorkspaceModule {
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoWorkspaceModule, { imports: [CommonModule], exports: [IgoWorkspaceSelectorModule, IgoWorkspaceWidgetOutletModule] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvbGliL3dvcmtzcGFjZS93b3Jrc3BhY2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOztBQU8xRyxNQUFNLE9BQU8sa0JBQWtCOzRFQUFsQixrQkFBa0I7NERBQWxCLGtCQUFrQjtnRUFKbkIsWUFBWSxFQUNaLDBCQUEwQixFQUFFLDhCQUE4Qjs7dUZBR3pELGtCQUFrQjtjQUw5QixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2dCQUN2QixPQUFPLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSw4QkFBOEIsQ0FBQztnQkFDckUsWUFBWSxFQUFFLEVBQUU7YUFDakI7O3dGQUNZLGtCQUFrQixjQUpuQixZQUFZLGFBQ1osMEJBQTBCLEVBQUUsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbmltcG9ydCB7IElnb1dvcmtzcGFjZVNlbGVjdG9yTW9kdWxlIH0gZnJvbSAnLi93b3Jrc3BhY2Utc2VsZWN0b3Ivd29ya3NwYWNlLXNlbGVjdG9yLm1vZHVsZSc7XHJcbmltcG9ydCB7IElnb1dvcmtzcGFjZVdpZGdldE91dGxldE1vZHVsZSB9IGZyb20gJy4vd29ya3NwYWNlLXdpZGdldC1vdXRsZXQvd29ya3NwYWNlLXdpZGdldC1vdXRsZXQubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0lnb1dvcmtzcGFjZVNlbGVjdG9yTW9kdWxlLCBJZ29Xb3Jrc3BhY2VXaWRnZXRPdXRsZXRNb2R1bGVdLFxyXG4gIGRlY2xhcmF0aW9uczogW11cclxufSlcclxuZXhwb3J0IGNsYXNzIElnb1dvcmtzcGFjZU1vZHVsZSB7fVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvbGliL3dvcmtzcGFjZS93b3Jrc3BhY2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOztBQU8xRyxNQUFNLE9BQU8sa0JBQWtCOzRFQUFsQixrQkFBa0I7NERBQWxCLGtCQUFrQjtnRUFKbkIsWUFBWSxFQUNaLDBCQUEwQixFQUFFLDhCQUE4Qjs7dUZBR3pELGtCQUFrQjtjQUw5QixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2dCQUN2QixPQUFPLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSw4QkFBOEIsQ0FBQztnQkFDckUsWUFBWSxFQUFFLEVBQUU7YUFDakI7O3dGQUNZLGtCQUFrQixjQUpuQixZQUFZLGFBQ1osMEJBQTBCLEVBQUUsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IElnb1dvcmtzcGFjZVNlbGVjdG9yTW9kdWxlIH0gZnJvbSAnLi93b3Jrc3BhY2Utc2VsZWN0b3Ivd29ya3NwYWNlLXNlbGVjdG9yLm1vZHVsZSc7XG5pbXBvcnQgeyBJZ29Xb3Jrc3BhY2VXaWRnZXRPdXRsZXRNb2R1bGUgfSBmcm9tICcuL3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0L3dvcmtzcGFjZS13aWRnZXQtb3V0bGV0Lm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbSWdvV29ya3NwYWNlU2VsZWN0b3JNb2R1bGUsIElnb1dvcmtzcGFjZVdpZGdldE91dGxldE1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW11cbn0pXG5leHBvcnQgY2xhc3MgSWdvV29ya3NwYWNlTW9kdWxlIHt9XG4iXX0=

package/fesm2022/igo2-common.mjs

@@ -56,6 +56,7 @@ import * as i1$6 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
 import { TemplatePortal } from '@angular/cdk/portal';
 import * as i3$3 from 'angular-shepherd';
+import { offset } from '@floating-ui/dom';
 import * as i1$7 from '@angular/material/sidenav';
 import * as i2$4 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@@ -1882,7 +1883,7 @@ class EntitySelectorComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntitySelectorComponent, [{
         type: Component,
-        args: [{ selector: 'igo-entity-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field class=\"igo-entity-selector\" subscriptSizing=\"dynamic\">\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  >\r\n    <mat-option\r\n      *ngIf=\"emptyText !== undefined && multi === false\"\r\n      [value]=\"emptyValue\"\r\n      >{{ emptyText }}</mat-option\r\n    >\r\n    <mat-option *ngIf=\"multi === true\" [value]=\"multiSelectValue\">{{\r\n      multiText$ | async\r\n    }}</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"] }]
+        args: [{ selector: 'igo-entity-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field class=\"igo-entity-selector\" subscriptSizing=\"dynamic\">\n  <mat-select\n    [disabled]=\"disabled\"\n    [value]=\"selected$ | async\"\n    [multiple]=\"multi\"\n    [placeholder]=\"placeholder\"\n    (selectionChange)=\"onSelectionChange($event)\"\n  >\n    <mat-option\n      *ngIf=\"emptyText !== undefined && multi === false\"\n      [value]=\"emptyValue\"\n      >{{ emptyText }}</mat-option\n    >\n    <mat-option *ngIf=\"multi === true\" [value]=\"multiSelectValue\">{{\n      multiText$ | async\n    }}</mat-option>\n    <ng-template ngFor let-record [ngForOf]=\"store.stateView.all$() | async\">\n      <mat-option [value]=\"record.entity\">\n        {{ titleAccessor(record.entity) }}\n      </mat-option>\n    </ng-template>\n  </mat-select>\n</mat-form-field>\n", styles: ["mat-form-field{width:100%}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { store: [{
             type: Input
         }], titleAccessor: [{
@@ -2065,7 +2066,7 @@ class EntityTablePaginatorComponent {
 }
 (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>\r\n</mat-paginator>\r\n", styles: [":host ::ng-deep .mat-mdc-paginator-container{min-height:unset}\n"] }]
+        args: [{ selector: 'igo-entity-table-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-paginator\n  [disabled]=\"disabled\"\n  [hidePageSize]=\"hidePageSize\"\n  [length]=\"length\"\n  [pageIndex]=\"pageIndex\"\n  [pageSize]=\"pageSize\"\n  [pageSizeOptions]=\"pageSizeOptions\"\n  [showFirstLastButtons]=\"showFirstLastButtons\"\n  (page)=\"emitPaginator()\"\n>\n</mat-paginator>\n", styles: [":host ::ng-deep .mat-mdc-paginator-container{min-height:unset}\n"] }]
     }], function () { return [{ type: i1$1.LanguageService }, { type: i1$1.MediaService }]; }, { entitySortChange$: [{
             type: Input
         }], store: [{
@@ -3710,7 +3711,7 @@ class EntityTableComponent {
         type: Component,
         args: [{ selector: 'igo-entity-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                     { provide: MatFormFieldControl, useExisting: EntityTableComponent }
-                ], template: "<div class=\"table-container\" [ngStyle]=\"{ height: tableHeight }\">\r\n  <table\r\n    id=\"currentWorkspaceTable\"\r\n    mat-table\r\n    matSort\r\n    [ngClass]=\"getTableClass()\"\r\n    [dataSource]=\"dataSource\"\r\n    [trackBy]=\"getTrackByFunction()\"\r\n    (matSortChange)=\"onSort($event)\"\r\n  >\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\r\n              (change)=\"onToggleRows($event.checked)\"\r\n              [checked]=\"selectionState === entityTableSelectionState.All\"\r\n              [indeterminate]=\"\r\n                selectionState === entityTableSelectionState.Some\r\n              \"\r\n            >\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\r\n          (mousedown)=\"$event.shiftKey ? $event.preventDefault() : null\"\r\n          (click)=\"\r\n            $event.shiftKey\r\n              ? onShiftToggleRow(!rowIsSelected(record), record, $event)\r\n              : $event.stopPropagation()\r\n          \"\r\n          (change)=\"onToggleRow($event.checked, record)\"\r\n          [checked]=\"rowIsSelected(record)\"\r\n        >\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container\r\n      [matColumnDef]=\"column.name\"\r\n      *ngFor=\"let column of template.columns\"\r\n    >\r\n      <ng-container *ngIf=\"columnIsSortable(column)\">\r\n        <th\r\n          mat-header-cell\r\n          *matHeaderCellDef\r\n          mat-sort-header\r\n          [matTooltip]=\"column.tooltip ? column.tooltip : undefined\"\r\n          class=\"mat-body-1\"\r\n        >\r\n          {{ column.title }}\r\n        </th>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!columnIsSortable(column)\">\r\n        <th\r\n          mat-header-cell\r\n          *matHeaderCellDef\r\n          [matTooltip]=\"column.tooltip ? column.tooltip : undefined\"\r\n          class=\"mat-body-1\"\r\n        >\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\r\n          *ngIf=\"columnRenderer === entityTableColumnRenderer.Default\"\r\n        >\r\n          <ng-container *matCellDef=\"let record\">\r\n            <td\r\n              mat-cell\r\n              class=\"mat-cell-text\"\r\n              *ngIf=\"!isUrl(getValue(record, column)); else isAnUrlDefault\"\r\n              [ngClass]=\"getCellClass(record, column)\"\r\n            >\r\n              {{ getValue(record, column) }}\r\n            </td>\r\n            <ng-template #isAnUrlDefault>\r\n              <td\r\n                mat-cell\r\n                class=\"mat-cell-text\"\r\n                [ngClass]=\"getCellClass(record, column)\"\r\n              >\r\n                <a\r\n                  href=\"{{ getValue(record, column) }}\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener noreferrer\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                >\r\n                  <img\r\n                    igoImageError\r\n                    *ngIf=\"isImg(getValue(record, column)); else notImg\"\r\n                    src=\"{{ getValue(record, column) | secureImage | async }}\"\r\n                    width=\"50\"\r\n                    heigth=\"auto\"\r\n                  />\r\n                  <ng-template #notImg\r\n                    ><span\r\n                      >{{ 'igo.common.entity-table.targetHtmlUrl' | translate }}\r\n                    </span></ng-template\r\n                  >\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\r\n              mat-cell\r\n              class=\"mat-cell-text\"\r\n              *ngIf=\"!isUrl(getValue(record, column)); else isAnUrlHTML\"\r\n              [ngClass]=\"getCellClass(record, column)\"\r\n              [innerHTML]=\"getValue(record, column)\"\r\n            ></td>\r\n            <ng-template #isAnUrlHTML>\r\n              <td\r\n                mat-cell\r\n                class=\"mat-cell-text\"\r\n                [ngClass]=\"getCellClass(record, column)\"\r\n              >\r\n                <a\r\n                  href=\"{{ getValue(record, column) }}\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener noreferrer\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                >\r\n                  <img\r\n                    igoImageError\r\n                    *ngIf=\"isImg(getValue(record, column)); else notImg\"\r\n                    src=\"{{ getValue(record, column) | secureImage | async }}\"\r\n                    width=\"50\"\r\n                    heigth=\"auto\"\r\n                  />\r\n                  <ng-template #notImg\r\n                    ><span\r\n                      >{{ 'igo.geo.targetHtmlUrl' | translate }}\r\n                    </span></ng-template\r\n                  >\r\n                </a>\r\n              </td>\r\n            </ng-template>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container\r\n          *ngIf=\"columnRenderer === entityTableColumnRenderer.UnsanitizedHTML\"\r\n        >\r\n          <ng-container *matCellDef=\"let record\">\r\n            <td\r\n              mat-cell\r\n              class=\"mat-cell-text edition\"\r\n              [formGroup]=\"formGroup\"\r\n              *ngIf=\"isEdition(record); else isUnsanitizedHTML\"\r\n              [ngClass]=\"getCellClass(record, column)\"\r\n            >\r\n              <div class=\"date-picker\" *ngIf=\"column.type === 'date'\">\r\n                <mat-datepicker-toggle\r\n                  matSuffix\r\n                  [for]=\"picker\"\r\n                ></mat-datepicker-toggle>\r\n                <input\r\n                  matInput\r\n                  [matDatepicker]=\"picker\"\r\n                  [formControlName]=\"column.name\"\r\n                  value=\"{{ getValue(record, column) }}\"\r\n                  (dateChange)=\"onDateChange(column.name, record, $event)\"\r\n                />\r\n                <mat-datepicker #picker></mat-datepicker>\r\n              </div>\r\n              <input\r\n                matInput\r\n                type=\"time\"\r\n                *ngIf=\"column.type === 'time'\"\r\n                [formControlName]=\"column.name\"\r\n                step=\"900\"\r\n                (focus)=\"column.onFocus($event)\"\r\n                (keypress)=\"column.onChange($event)\"\r\n                (blur)=\"column.onBlur($event)\"\r\n              />\r\n              <input\r\n                matInput\r\n                type=\"number\"\r\n                class=\"class_number_edition\"\r\n                *ngIf=\"column.type === 'number'\"\r\n                [formControlName]=\"column.name\"\r\n                step=\"{{ column.step }}\"\r\n                value=\"{{ getValue(record, column) }}\"\r\n                (input)=\"onValueChange(column.name, record, $event)\"\r\n                readonly=\"{{ getValidationAttributeValue(column, 'readonly') }}\"\r\n                required=\"{{\r\n                  getValidationAttributeValue(column, 'mandatory')\r\n                }}\"\r\n                min=\"{{ getValidationAttributeValue(column, 'minValue') }}\"\r\n                max=\"{{ getValidationAttributeValue(column, 'maxValue') }}\"\r\n              />\r\n              <input\r\n                matInput\r\n                type=\"text\"\r\n                *ngIf=\"!column.type || column.type === 'string'\"\r\n                [formControlName]=\"column.name\"\r\n                value=\"{{ getValue(record, column) }}\"\r\n                (input)=\"onValueChange(column.name, record, $event)\"\r\n                readonly=\"{{ getValidationAttributeValue(column, 'readonly') }}\"\r\n                required=\"{{\r\n                  getValidationAttributeValue(column, 'mandatory')\r\n                }}\"\r\n              />\r\n              <mat-checkbox\r\n                *ngIf=\"column.type === 'boolean'\"\r\n                [formControlName]=\"column.name\"\r\n                [checked]=\"getValue(record, column)\"\r\n                (change)=\"onBooleanValueChange(column.name, record, $event)\"\r\n              ></mat-checkbox>\r\n              <mat-select\r\n                *ngIf=\"column.type === 'list'\"\r\n                required=\"{{\r\n                  getValidationAttributeValue(column, 'mandatory')\r\n                }}\"\r\n                [formControlName]=\"column.name\"\r\n                [multiple]=\"column.multiple\"\r\n                (selectionChange)=\"\r\n                  onSelectValueChange(column.name, record, $event)\r\n                \"\r\n                [value]=\"getValue(record, column)\"\r\n              >\r\n                <mat-option\r\n                  *ngFor=\"let option of column.domainValues\"\r\n                  [value]=\"option.id\"\r\n                  [disabled]=\"option.disabled\"\r\n                >\r\n                  {{ option.value }}\r\n                </mat-option>\r\n              </mat-select>\r\n              <input\r\n                matInput\r\n                type=\"text\"\r\n                [formControlName]=\"column.name\"\r\n                *ngIf=\"column.type === 'autocomplete'\"\r\n                [matAutocomplete]=\"auto\"\r\n                required=\"{{\r\n                  getValidationAttributeValue(column, 'mandatory')\r\n                }}\"\r\n                value=\"{{ getValue(record, column) }}\"\r\n                readonly=\"{{ getValidationAttributeValue(column, 'readonly') }}\"\r\n              />\r\n              <mat-autocomplete\r\n                #auto=\"matAutocomplete\"\r\n                (optionSelected)=\"\r\n                  onAutocompleteValueChange(column, record, $event)\r\n                \"\r\n                panelWidth=\"430px\"\r\n              >\r\n                <mat-option\r\n                  *ngFor=\"let option of filteredOptions[column.name] | async\"\r\n                  [value]=\"option.id\"\r\n                >\r\n                  {{ option.value }}\r\n                </mat-option>\r\n              </mat-autocomplete>\r\n            </td>\r\n            <ng-template #isUnsanitizedHTML>\r\n              <td\r\n                mat-cell\r\n                class=\"mat-cell-text\"\r\n                *ngIf=\"\r\n                  !isUrl(getValue(record, column));\r\n                  else isAnUrlUnsanitizedHTML\r\n                \"\r\n                [ngClass]=\"getCellClass(record, column)\"\r\n                [innerHTML]=\"getValue(record, column) | sanitizeHtml\"\r\n              ></td>\r\n              <ng-template #isAnUrlUnsanitizedHTML>\r\n                <td\r\n                  mat-cell\r\n                  class=\"mat-cell-text\"\r\n                  [ngClass]=\"getCellClass(record, column)\"\r\n                >\r\n                  <a\r\n                    href=\"{{ getValue(record, column) }}\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    (click)=\"$event.stopPropagation()\"\r\n                  >\r\n                    <img\r\n                      igoImageError\r\n                      *ngIf=\"isImg(getValue(record, column)); else notImg\"\r\n                      src=\"{{ getValue(record, column) | secureImage | async }}\"\r\n                      width=\"50\"\r\n                      heigth=\"auto\"\r\n                    />\r\n                    <ng-template #notImg\r\n                      ><span\r\n                        >{{ 'igo.geo.targetHtmlUrl' | translate }}\r\n                      </span></ng-template\r\n                    >\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\r\n            mat-cell\r\n            *matCellDef=\"let record\"\r\n            class=\"mat-cell-text\"\r\n            [ngClass]=\"getCellClass(record, column)\"\r\n          >\r\n            <mat-icon\r\n              *ngIf=\"column.onClick\"\r\n              svgIcon=\"{{ getValue(record, column) || column.icon }}\"\r\n              (click)=\"column.onClick($event)\"\r\n            ></mat-icon>\r\n            <mat-icon\r\n              *ngIf=\"!column.onClick\"\r\n              svgIcon=\"{{ getValue(record, column) || column.icon }}\"\r\n            ></mat-icon>\r\n          </td>\r\n        </ng-container>\r\n        <ng-container\r\n          *ngIf=\"columnRenderer === entityTableColumnRenderer.ButtonGroup\"\r\n        >\r\n          <ng-container *matCellDef=\"let record\">\r\n            <td\r\n              mat-cell\r\n              class=\"mat-cell-text\"\r\n              [ngClass]=\"getCellClass(record, column)\"\r\n            >\r\n              <span *ngFor=\"let button of getValue(record, column)\">\r\n                <ng-container\r\n                  *ngIf=\"\r\n                    isEdition(record) === button.editMode ||\r\n                    button.editMode === undefined\r\n                  \"\r\n                >\r\n                  <button\r\n                    *ngIf=\"button.style === 'mat-icon-button'\"\r\n                    igoStopPropagation\r\n                    mat-icon-button\r\n                    [color]=\"button.color\"\r\n                    (mousedown)=\"onButtonClick(button.click, record)\"\r\n                    [disabled]=\"button.disabled\"\r\n                  >\r\n                    <mat-icon svgIcon=\"{{ button.icon }}\"></mat-icon>\r\n                  </button>\r\n                  <button\r\n                    *ngIf=\"button.style !== 'mat-icon-button'\"\r\n                    igoStopPropagation\r\n                    mat-mini-fab\r\n                    [color]=\"button.color\"\r\n                    (mousedown)=\"onButtonClick(button.click, record)\"\r\n                    [disabled]=\"button.disabled\"\r\n                  >\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\r\n      mat-header-row\r\n      *matHeaderRowDef=\"headers; sticky: fixedHeader\"\r\n      [ngClass]=\"getHeaderClass()\"\r\n    ></tr>\r\n    <tr\r\n      mat-row\r\n      igoEntityTableRow\r\n      *matRowDef=\"let record; columns: headers\"\r\n      [scrollBehavior]=\"scrollBehavior\"\r\n      [ngClass]=\"getRowClass(record)\"\r\n      [selection]=\"selection\"\r\n      [selected]=\"rowIsSelected(record)\"\r\n      (select)=\"onRowSelect(record)\"\r\n      (click)=\"onRowClick(record)\"\r\n    ></tr>\r\n  </table>\r\n  <igo-entity-table-paginator\r\n    *ngIf=\"withPaginator\"\r\n    [store]=\"store\"\r\n    [paginatorOptions]=\"paginatorOptions\"\r\n    [entitySortChange$]=\"entitySortChange$\"\r\n    (paginatorChange)=\"paginatorChange($event)\"\r\n  >\r\n  </igo-entity-table-paginator>\r\n</div>\r\n", styles: [":host{width:100%;height:100%;display:block}:host.table-compact tr.mat-mdc-header-row,:host.table-compact ::ng-deep mat-checkbox .mat-ripple{height:36px}:host.table-compact tr.mat-mdc-row,:host.table-compact ::ng-deep mat-checkbox .mat-ripple{height:28px}:host .table-container{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}:host .mat-cell-text{overflow:hidden;word-wrap:break-word}:host 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}:host table button{margin:7px}:host .class_hidden{visibility:hidden}:host .class_display_none{display:none}:host .class_boolean,:host .class_icon,:host .class_number{text-align:center;padding-right:35px!important}:host .class_string,:host .class_text,:host .class_number_edition{text-align:left}:host td.edition{background:rgba(166,166,166,.2)}:host input{border-bottom:1px solid darkgrey}\n"] }]
+                ], template: "<div class=\"table-container\" [ngStyle]=\"{ height: tableHeight }\">\n  <table\n    id=\"currentWorkspaceTable\"\n    mat-table\n    matSort\n    [ngClass]=\"getTableClass()\"\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"getTrackByFunction()\"\n    (matSortChange)=\"onSort($event)\"\n  >\n    <ng-container matColumnDef=\"selectionCheckbox\" class=\"mat-cell-checkbox\">\n      <th mat-header-cell *matHeaderCellDef>\n        <ng-container *ngIf=\"selectMany\">\n          <ng-container *ngIf=\"selectionState$ | async as selectionState\">\n            <mat-checkbox\n              (change)=\"onToggleRows($event.checked)\"\n              [checked]=\"selectionState === entityTableSelectionState.All\"\n              [indeterminate]=\"\n                selectionState === entityTableSelectionState.Some\n              \"\n            >\n            </mat-checkbox>\n          </ng-container>\n        </ng-container>\n      </th>\n      <td mat-cell *matCellDef=\"let record\">\n        <mat-checkbox\n          (mousedown)=\"$event.shiftKey ? $event.preventDefault() : null\"\n          (click)=\"\n            $event.shiftKey\n              ? onShiftToggleRow(!rowIsSelected(record), record, $event)\n              : $event.stopPropagation()\n          \"\n          (change)=\"onToggleRow($event.checked, record)\"\n          [checked]=\"rowIsSelected(record)\"\n        >\n        </mat-checkbox>\n      </td>\n    </ng-container>\n\n    <ng-container\n      [matColumnDef]=\"column.name\"\n      *ngFor=\"let column of template.columns\"\n    >\n      <ng-container *ngIf=\"columnIsSortable(column)\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          [matTooltip]=\"column.tooltip ? column.tooltip : undefined\"\n          class=\"mat-body-1\"\n        >\n          {{ column.title }}\n        </th>\n      </ng-container>\n\n      <ng-container *ngIf=\"!columnIsSortable(column)\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          [matTooltip]=\"column.tooltip ? column.tooltip : undefined\"\n          class=\"mat-body-1\"\n        >\n          {{ column.title }}\n        </th>\n      </ng-container>\n\n      <ng-container *ngIf=\"getColumnRenderer(column) as columnRenderer\">\n        <ng-container\n          *ngIf=\"columnRenderer === entityTableColumnRenderer.Default\"\n        >\n          <ng-container *matCellDef=\"let record\">\n            <td\n              mat-cell\n              class=\"mat-cell-text\"\n              *ngIf=\"!isUrl(getValue(record, column)); else isAnUrlDefault\"\n              [ngClass]=\"getCellClass(record, column)\"\n            >\n              {{ getValue(record, column) }}\n            </td>\n            <ng-template #isAnUrlDefault>\n              <td\n                mat-cell\n                class=\"mat-cell-text\"\n                [ngClass]=\"getCellClass(record, column)\"\n              >\n                <a\n                  href=\"{{ getValue(record, column) }}\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  (click)=\"$event.stopPropagation()\"\n                >\n                  <img\n                    igoImageError\n                    *ngIf=\"isImg(getValue(record, column)); else notImg\"\n                    src=\"{{ getValue(record, column) | secureImage | async }}\"\n                    width=\"50\"\n                    heigth=\"auto\"\n                  />\n                  <ng-template #notImg\n                    ><span\n                      >{{ 'igo.common.entity-table.targetHtmlUrl' | translate }}\n                    </span></ng-template\n                  >\n                </a>\n              </td>\n            </ng-template>\n          </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"columnRenderer === entityTableColumnRenderer.HTML\">\n          <ng-container *matCellDef=\"let record\">\n            <td\n              mat-cell\n              class=\"mat-cell-text\"\n              *ngIf=\"!isUrl(getValue(record, column)); else isAnUrlHTML\"\n              [ngClass]=\"getCellClass(record, column)\"\n              [innerHTML]=\"getValue(record, column)\"\n            ></td>\n            <ng-template #isAnUrlHTML>\n              <td\n                mat-cell\n                class=\"mat-cell-text\"\n                [ngClass]=\"getCellClass(record, column)\"\n              >\n                <a\n                  href=\"{{ getValue(record, column) }}\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  (click)=\"$event.stopPropagation()\"\n                >\n                  <img\n                    igoImageError\n                    *ngIf=\"isImg(getValue(record, column)); else notImg\"\n                    src=\"{{ getValue(record, column) | secureImage | async }}\"\n                    width=\"50\"\n                    heigth=\"auto\"\n                  />\n                  <ng-template #notImg\n                    ><span\n                      >{{ 'igo.geo.targetHtmlUrl' | translate }}\n                    </span></ng-template\n                  >\n                </a>\n              </td>\n            </ng-template>\n          </ng-container>\n        </ng-container>\n        <ng-container\n          *ngIf=\"columnRenderer === entityTableColumnRenderer.UnsanitizedHTML\"\n        >\n          <ng-container *matCellDef=\"let record\">\n            <td\n              mat-cell\n              class=\"mat-cell-text edition\"\n              [formGroup]=\"formGroup\"\n              *ngIf=\"isEdition(record); else isUnsanitizedHTML\"\n              [ngClass]=\"getCellClass(record, column)\"\n            >\n              <div class=\"date-picker\" *ngIf=\"column.type === 'date'\">\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"picker\"\n                ></mat-datepicker-toggle>\n                <input\n                  matInput\n                  [matDatepicker]=\"picker\"\n                  [formControlName]=\"column.name\"\n                  value=\"{{ getValue(record, column) }}\"\n                  (dateChange)=\"onDateChange(column.name, record, $event)\"\n                />\n                <mat-datepicker #picker></mat-datepicker>\n              </div>\n              <input\n                matInput\n                type=\"time\"\n                *ngIf=\"column.type === 'time'\"\n                [formControlName]=\"column.name\"\n                step=\"900\"\n                (focus)=\"column.onFocus($event)\"\n                (keypress)=\"column.onChange($event)\"\n                (blur)=\"column.onBlur($event)\"\n              />\n              <input\n                matInput\n                type=\"number\"\n                class=\"class_number_edition\"\n                *ngIf=\"column.type === 'number'\"\n                [formControlName]=\"column.name\"\n                step=\"{{ column.step }}\"\n                value=\"{{ getValue(record, column) }}\"\n                (input)=\"onValueChange(column.name, record, $event)\"\n                readonly=\"{{ getValidationAttributeValue(column, 'readonly') }}\"\n                required=\"{{\n                  getValidationAttributeValue(column, 'mandatory')\n                }}\"\n                min=\"{{ getValidationAttributeValue(column, 'minValue') }}\"\n                max=\"{{ getValidationAttributeValue(column, 'maxValue') }}\"\n              />\n              <input\n                matInput\n                type=\"text\"\n                *ngIf=\"!column.type || column.type === 'string'\"\n                [formControlName]=\"column.name\"\n                value=\"{{ getValue(record, column) }}\"\n                (input)=\"onValueChange(column.name, record, $event)\"\n                readonly=\"{{ getValidationAttributeValue(column, 'readonly') }}\"\n                required=\"{{\n                  getValidationAttributeValue(column, 'mandatory')\n                }}\"\n              />\n              <mat-checkbox\n                *ngIf=\"column.type === 'boolean'\"\n                [formControlName]=\"column.name\"\n                [checked]=\"getValue(record, column)\"\n                (change)=\"onBooleanValueChange(column.name, record, $event)\"\n              ></mat-checkbox>\n              <mat-select\n                *ngIf=\"column.type === 'list'\"\n                required=\"{{\n                  getValidationAttributeValue(column, 'mandatory')\n                }}\"\n                [formControlName]=\"column.name\"\n                [multiple]=\"column.multiple\"\n                (selectionChange)=\"\n                  onSelectValueChange(column.name, record, $event)\n                \"\n                [value]=\"getValue(record, column)\"\n              >\n                <mat-option\n                  *ngFor=\"let option of column.domainValues\"\n                  [value]=\"option.id\"\n                  [disabled]=\"option.disabled\"\n                >\n                  {{ option.value }}\n                </mat-option>\n              </mat-select>\n              <input\n                matInput\n                type=\"text\"\n                [formControlName]=\"column.name\"\n                *ngIf=\"column.type === 'autocomplete'\"\n                [matAutocomplete]=\"auto\"\n                required=\"{{\n                  getValidationAttributeValue(column, 'mandatory')\n                }}\"\n                value=\"{{ getValue(record, column) }}\"\n                readonly=\"{{ getValidationAttributeValue(column, 'readonly') }}\"\n              />\n              <mat-autocomplete\n                #auto=\"matAutocomplete\"\n                (optionSelected)=\"\n                  onAutocompleteValueChange(column, record, $event)\n                \"\n                panelWidth=\"430px\"\n              >\n                <mat-option\n                  *ngFor=\"let option of filteredOptions[column.name] | async\"\n                  [value]=\"option.id\"\n                >\n                  {{ option.value }}\n                </mat-option>\n              </mat-autocomplete>\n            </td>\n            <ng-template #isUnsanitizedHTML>\n              <td\n                mat-cell\n                class=\"mat-cell-text\"\n                *ngIf=\"\n                  !isUrl(getValue(record, column));\n                  else isAnUrlUnsanitizedHTML\n                \"\n                [ngClass]=\"getCellClass(record, column)\"\n                [innerHTML]=\"getValue(record, column) | sanitizeHtml\"\n              ></td>\n              <ng-template #isAnUrlUnsanitizedHTML>\n                <td\n                  mat-cell\n                  class=\"mat-cell-text\"\n                  [ngClass]=\"getCellClass(record, column)\"\n                >\n                  <a\n                    href=\"{{ getValue(record, column) }}\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    (click)=\"$event.stopPropagation()\"\n                  >\n                    <img\n                      igoImageError\n                      *ngIf=\"isImg(getValue(record, column)); else notImg\"\n                      src=\"{{ getValue(record, column) | secureImage | async }}\"\n                      width=\"50\"\n                      heigth=\"auto\"\n                    />\n                    <ng-template #notImg\n                      ><span\n                        >{{ 'igo.geo.targetHtmlUrl' | translate }}\n                      </span></ng-template\n                    >\n                  </a>\n                </td>\n              </ng-template>\n            </ng-template>\n          </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"columnRenderer === entityTableColumnRenderer.Icon\">\n          <td\n            mat-cell\n            *matCellDef=\"let record\"\n            class=\"mat-cell-text\"\n            [ngClass]=\"getCellClass(record, column)\"\n          >\n            <mat-icon\n              *ngIf=\"column.onClick\"\n              svgIcon=\"{{ getValue(record, column) || column.icon }}\"\n              (click)=\"column.onClick($event)\"\n            ></mat-icon>\n            <mat-icon\n              *ngIf=\"!column.onClick\"\n              svgIcon=\"{{ getValue(record, column) || column.icon }}\"\n            ></mat-icon>\n          </td>\n        </ng-container>\n        <ng-container\n          *ngIf=\"columnRenderer === entityTableColumnRenderer.ButtonGroup\"\n        >\n          <ng-container *matCellDef=\"let record\">\n            <td\n              mat-cell\n              class=\"mat-cell-text\"\n              [ngClass]=\"getCellClass(record, column)\"\n            >\n              <span *ngFor=\"let button of getValue(record, column)\">\n                <ng-container\n                  *ngIf=\"\n                    isEdition(record) === button.editMode ||\n                    button.editMode === undefined\n                  \"\n                >\n                  <button\n                    *ngIf=\"button.style === 'mat-icon-button'\"\n                    igoStopPropagation\n                    mat-icon-button\n                    [color]=\"button.color\"\n                    (mousedown)=\"onButtonClick(button.click, record)\"\n                    [disabled]=\"button.disabled\"\n                  >\n                    <mat-icon svgIcon=\"{{ button.icon }}\"></mat-icon>\n                  </button>\n                  <button\n                    *ngIf=\"button.style !== 'mat-icon-button'\"\n                    igoStopPropagation\n                    mat-mini-fab\n                    [color]=\"button.color\"\n                    (mousedown)=\"onButtonClick(button.click, record)\"\n                    [disabled]=\"button.disabled\"\n                  >\n                    <mat-icon svgIcon=\"{{ button.icon }}\"></mat-icon>\n                  </button>\n                </ng-container>\n              </span>\n            </td>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n\n    <tr\n      mat-header-row\n      *matHeaderRowDef=\"headers; sticky: fixedHeader\"\n      [ngClass]=\"getHeaderClass()\"\n    ></tr>\n    <tr\n      mat-row\n      igoEntityTableRow\n      *matRowDef=\"let record; columns: headers\"\n      [scrollBehavior]=\"scrollBehavior\"\n      [ngClass]=\"getRowClass(record)\"\n      [selection]=\"selection\"\n      [selected]=\"rowIsSelected(record)\"\n      (select)=\"onRowSelect(record)\"\n      (click)=\"onRowClick(record)\"\n    ></tr>\n  </table>\n  <igo-entity-table-paginator\n    *ngIf=\"withPaginator\"\n    [store]=\"store\"\n    [paginatorOptions]=\"paginatorOptions\"\n    [entitySortChange$]=\"entitySortChange$\"\n    (paginatorChange)=\"paginatorChange($event)\"\n  >\n  </igo-entity-table-paginator>\n</div>\n", styles: [":host{width:100%;height:100%;display:block}:host.table-compact tr.mat-mdc-header-row,:host.table-compact ::ng-deep mat-checkbox .mat-ripple{height:36px}:host.table-compact tr.mat-mdc-row,:host.table-compact ::ng-deep mat-checkbox .mat-ripple{height:28px}:host .table-container{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}:host .mat-cell-text{overflow:hidden;word-wrap:break-word}:host 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}:host table button{margin:7px}:host .class_hidden{visibility:hidden}:host .class_display_none{display:none}:host .class_boolean,:host .class_icon,:host .class_number{text-align:center;padding-right:35px!important}:host .class_string,:host .class_text,:host .class_number_edition{text-align:left}:host td.edition{background:rgba(166,166,166,.2)}:host 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
             }, {
@@ -4342,7 +4343,7 @@ class ActionbarComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionbarComponent, [{
         type: Component,
-        args: [{ selector: 'igo-actionbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list *ngIf=\"mode === actionbarMode.Dock\" matListItemIcon>\r\n  <div\r\n    *ngIf=\"heightCondition && positionConditionTop && isDesktop\"\r\n    id=\"topChevron\"\r\n  >\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    >\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  >\r\n  </igo-actionbar-item>\r\n\r\n  <ng-template\r\n    #buttonContent\r\n    *ngIf=\"!collapsed\"\r\n    ngFor\r\n    let-action\r\n    [ngForOf]=\"store.view.all$() | async\"\r\n  >\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    >\r\n    </igo-actionbar-item>\r\n  </ng-template>\r\n\r\n  <div\r\n    *ngIf=\"heightCondition && positionConditionLow && isDesktop\"\r\n    id=\"lowChevron\"\r\n  >\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    >\r\n      <mat-icon svgIcon=\"chevron-down\"></mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-list>\r\n\r\n<div *ngIf=\"mode === actionbarMode.Overlay\">\r\n  <button\r\n    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  >\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        >\r\n        </igo-actionbar-item>\r\n      </ng-template>\r\n    </mat-list>\r\n  </mat-menu>\r\n</div>\r\n<mat-card\r\n  *ngIf=\"mode === actionbarMode.Context\"\r\n  class=\"context-menu-card mat-elevation-z4\"\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      >\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}:host.horizontal{max-width:100%;overflow:unset}:host.horizontal mat-list{width:auto;white-space:nowrap}:host.horizontal igo-actionbar-item{display:inline-block}:host mat-list{padding-top:0}:host .buttonOverlay{margin:0}:host .context-menu-card{padding:8px 3px;margin:10px}:host #topChevron{position:sticky;top:0;background-color:#fff;z-index:3}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){:host #topChevron{position:fixed;top:unset}}@supports (-ms-accelerator: true){:host #topChevron{position:fixed;top:unset}}:host #lowChevron{position:fixed;position:sticky;bottom:0;background-color:#fff;z-index:3}:host .igo-actionbar-overlay{min-width:inherit!important;padding-top:0;padding-bottom:0}:host .igo-actionbar-overlay .mat-mdc-list{padding-top:0}:host .igo-actionbar-overlay .mat-mdc-menu-content:not(:empty){padding-top:0;padding-bottom:0}:host ::ng-deep .mdc-list-item__primary-text{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}\n"] }]
+        args: [{ selector: 'igo-actionbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list *ngIf=\"mode === actionbarMode.Dock\" matListItemIcon>\n  <div\n    *ngIf=\"heightCondition && positionConditionTop && isDesktop\"\n    id=\"topChevron\"\n  >\n    <button\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.common.actionbar.scrollUp' | translate\"\n      (click)=\"scrollUp()\"\n    >\n      <mat-icon svgIcon=\"chevron-up\"></mat-icon>\n    </button>\n  </div>\n\n  <igo-actionbar-item\n    *ngIf=\"withToggleButton\"\n    color=\"accent\"\n    [withTitle]=\"false\"\n    [withIcon]=\"true\"\n    [color]=\"color\"\n    [disabled]=\"store.view.empty\"\n    [action]=\"toggleCollapseAction\"\n    (trigger)=\"onTriggerAction(toggleCollapseAction)\"\n  >\n  </igo-actionbar-item>\n\n  <ng-template\n    #buttonContent\n    *ngIf=\"!collapsed\"\n    ngFor\n    let-action\n    [ngForOf]=\"store.view.all$() | async\"\n  >\n    <igo-actionbar-item\n      color=\"accent\"\n      [withTitle]=\"withTitle\"\n      [withIcon]=\"withIcon\"\n      [withTooltip]=\"withTooltip\"\n      [color]=\"color\"\n      [disabled]=\"store.state.get(action).disabled\"\n      [action]=\"action\"\n      (trigger)=\"onTriggerAction(action)\"\n    >\n    </igo-actionbar-item>\n  </ng-template>\n\n  <div\n    *ngIf=\"heightCondition && positionConditionLow && isDesktop\"\n    id=\"lowChevron\"\n  >\n    <button\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.common.actionbar.scrollDown' | translate\"\n      (click)=\"scrollDown()\"\n    >\n      <mat-icon svgIcon=\"chevron-down\"></mat-icon>\n    </button>\n  </div>\n</mat-list>\n\n<div *ngIf=\"mode === actionbarMode.Overlay\">\n  <button\n    class=\"buttonOverlay\"\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.common.actionbar.icon' | translate\"\n    [matMenuTriggerFor]=\"actionbarMenu\"\n    [disabled]=\"store.view.empty\"\n    [color]=\"iconColor\"\n  >\n    <mat-icon [svgIcon]=\"icon\"></mat-icon>\n  </button>\n\n  <mat-menu\n    #actionbarMenu=\"matMenu\"\n    class=\"igo-compact-menu igo-no-min-width-menu\"\n    overlapTrigger=\"true\"\n    [xPosition]=\"xPosition\"\n    [yPosition]=\"yPosition\"\n    [class]=\"overlayClass\"\n  >\n    <mat-list>\n      <ng-template ngFor let-action [ngForOf]=\"store.view.all$() | async\">\n        <igo-actionbar-item\n          color=\"accent\"\n          [withTitle]=\"withTitle\"\n          [withIcon]=\"withIcon\"\n          [color]=\"color\"\n          [action]=\"action\"\n          (trigger)=\"onTriggerAction(action)\"\n        >\n        </igo-actionbar-item>\n      </ng-template>\n    </mat-list>\n  </mat-menu>\n</div>\n<mat-card\n  *ngIf=\"mode === actionbarMode.Context\"\n  class=\"context-menu-card mat-elevation-z4\"\n>\n  <mat-list>\n    <ng-template ngFor let-action [ngForOf]=\"store.view.all$() | async\">\n      <igo-actionbar-item\n        color=\"accent\"\n        [withTitle]=\"withTitle\"\n        [withIcon]=\"withIcon\"\n        [color]=\"color\"\n        [action]=\"action\"\n        (trigger)=\"onTriggerAction(action)\"\n      >\n      </igo-actionbar-item>\n      <br />\n    </ng-template>\n  </mat-list>\n</mat-card>\n", styles: [":host{display:block;height:100%;overflow:auto;position:relative}:host.horizontal{max-width:100%;overflow:unset}:host.horizontal mat-list{width:auto;white-space:nowrap}:host.horizontal igo-actionbar-item{display:inline-block}:host mat-list{padding-top:0}:host .buttonOverlay{margin:0}:host .context-menu-card{padding:8px 3px;margin:10px}:host #topChevron{position:sticky;top:0;background-color:#fff;z-index:3}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){:host #topChevron{position:fixed;top:unset}}@supports (-ms-accelerator: true){:host #topChevron{position:fixed;top:unset}}:host #lowChevron{position:fixed;position:sticky;bottom:0;background-color:#fff;z-index:3}:host .igo-actionbar-overlay{min-width:inherit!important;padding-top:0;padding-bottom:0}:host .igo-actionbar-overlay .mat-mdc-list{padding-top:0}:host .igo-actionbar-overlay .mat-mdc-menu-content:not(:empty){padding-top:0;padding-bottom:0}:host ::ng-deep .mdc-list-item__primary-text{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}\n"] }]
     }], function () { return [{ type: i1$5.Overlay }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.MediaService }]; }, { store: [{
             type: Input
         }], mode: [{
@@ -4464,7 +4465,7 @@ class BackdropComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackdropComponent, [{
         type: Component,
-        args: [{ selector: 'igo-backdrop', template: "<div [ngClass]=\"{ 'igo-backdrop-shown': shown }\"></div>\r\n", styles: [":host>div{position:absolute;inset:0;background-color:#64646480;z-index:2;display:none}:host>div.igo-backdrop-shown{display:block}\n"] }]
+        args: [{ selector: 'igo-backdrop', template: "<div [ngClass]=\"{ 'igo-backdrop-shown': shown }\"></div>\n", styles: [":host>div{position:absolute;inset:0;background-color:#64646480;z-index:2;display:none}:host>div.igo-backdrop-shown{display:block}\n"] }]
     }], function () { return []; }, { shown: [{
             type: Input
         }] }); })();
@@ -4848,7 +4849,7 @@ class CollapsibleComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollapsibleComponent, [{
         type: Component,
-        args: [{ selector: 'igo-collapsible', template: "<mat-list-item>\r\n  <mat-icon\r\n    svgIcon=\"chevron-up\"\r\n    class=\"igo-chevron\"\r\n    matListItemIcon\r\n    igoCollapse\r\n    [target]=\"content\"\r\n    [collapsed]=\"collapsed\"\r\n    (toggle)=\"collapsed = $event\"\r\n  >\r\n  </mat-icon>\r\n  <span matListItemTitle>{{ title }}</span>\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-mdc-list .mat-mdc-list-item.mat-mdc-list-item-avatar{height:auto;width:auto;padding:0}mat-list-item{overflow:hidden}\n"] }]
+        args: [{ selector: 'igo-collapsible', template: "<mat-list-item>\n  <mat-icon\n    svgIcon=\"chevron-up\"\n    class=\"igo-chevron\"\n    matListItemIcon\n    igoCollapse\n    [target]=\"content\"\n    [collapsed]=\"collapsed\"\n    (toggle)=\"collapsed = $event\"\n  >\n  </mat-icon>\n  <span matListItemTitle>{{ title }}</span>\n</mat-list-item>\n\n<div #content>\n  <ng-content></ng-content>\n</div>\n", styles: [":host ::ng-deep .mat-mdc-list .mat-mdc-list-item.mat-mdc-list-item-avatar{height:auto;width:auto;padding:0}mat-list-item{overflow:hidden}\n"] }]
     }], null, { title: [{
             type: Input
         }], collapsed: [{
@@ -4916,7 +4917,7 @@ class ConfirmDialogComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
         type: Component,
-        args: [{ selector: 'igo-confirm-dialog', template: "<h2 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.common.confirmDialog.title' | translate }}\r\n</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)\">\r\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\r\n  </button>\r\n  <button mat-button (click)=\"dialogRef.close(false)\">\r\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\r\n  </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"] }]
+        args: [{ selector: 'igo-confirm-dialog', template: "<h2 mat-dialog-title class=\"mat-typography\">\n  {{ 'igo.common.confirmDialog.title' | translate }}\n</h2>\n<div mat-dialog-content class=\"mat-typography\">{{ confirmMessage }}</div>\n<div mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"dialogRef.close(true)\">\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\n  </button>\n  <button mat-button (click)=\"dialogRef.close(false)\">\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\n  </button>\n</div>\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 {
@@ -5864,7 +5865,7 @@ class FlexibleComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlexibleComponent, [{
         type: Component,
-        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    <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}:host .igo-flexible-main{flex:0 0 auto;overflow:hidden}:host .igo-flexible-main.column{transition:height .25s ease-in}:host .igo-flexible-main.row{transition:width .25s ease-in}:host .igo-flexible-fill>div{position:absolute;inset:0}:host .igo-container{height:100%;overflow:hidden;position:relative}:host ::ng-deep .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}:host ::ng-deep .igo-content{height:100%;width:100%;overflow:auto}:host ::ng-deep igo-panel{height:100%}\n"] }]
+        args: [{ selector: 'igo-flexible', template: "<div #flexibleMain class=\"igo-flexible-main {{ state }} {{ direction }}\">\n  <div class=\"igo-container\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<div class=\"igo-flexible-fill\">\n  <div>\n    <div class=\"igo-container\">\n      <ng-content select=\"[igoFlexibleFill]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;height:100%;width:100%}:host.column{flex-direction:column}:host.row{flex-direction:row}:host .igo-flexible-main{flex:0 0 auto;overflow:hidden}:host .igo-flexible-main.column{transition:height .25s ease-in}:host .igo-flexible-main.row{transition:width .25s ease-in}:host .igo-flexible-fill>div{position:absolute;inset:0}:host .igo-container{height:100%;overflow:hidden;position:relative}:host ::ng-deep .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}:host ::ng-deep .igo-content{height:100%;width:100%;overflow:auto}:host ::ng-deep igo-panel{height:100%}\n"] }]
     }], function () { return [{ type: i0.ElementRef }, { type: i1$1.MediaService }]; }, { main: [{
             type: ViewChild,
             args: ['flexibleMain', { static: true }]
@@ -6052,7 +6053,7 @@ class FormComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormComponent, [{
         type: Component,
-        args: [{ selector: 'igo-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\r\n  [autocomplete]=\"autocomplete\"\r\n  [formGroup]=\"form.control\"\r\n  (ngSubmit)=\"onSubmit()\"\r\n>\r\n  <div\r\n    class=\"igo-form-body\"\r\n    [ngClass]=\"{ 'igo-form-body-with-buttons': hasButtons }\"\r\n  >\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"] }]
+        args: [{ selector: 'igo-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n  [autocomplete]=\"autocomplete\"\n  [formGroup]=\"form.control\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div\n    class=\"igo-form-body\"\n    [ngClass]=\"{ 'igo-form-body-with-buttons': hasButtons }\"\n  >\n    <div class=\"igo-form-content\">\n      <ng-content></ng-content>\n    </div>\n    <div #buttons class=\"igo-form-buttons\">\n      <ng-content select=\"[formButtons]\"></ng-content>\n    </div>\n  </div>\n</form>\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: [{
@@ -6261,7 +6262,7 @@ class FormFieldComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldComponent, [{
         type: Component,
-        args: [{ selector: 'igo-form-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"field !== undefined\">\r\n  <igo-dynamic-outlet\r\n    [component]=\"getFieldComponent()\"\r\n    [inputs]=\"getFieldInputs()\"\r\n    [subscribers]=\"getFieldSubscribers()\"\r\n  >\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"] }]
+        args: [{ selector: 'igo-form-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"field !== undefined\">\n  <igo-dynamic-outlet\n    [component]=\"getFieldComponent()\"\n    [inputs]=\"getFieldInputs()\"\n    [subscribers]=\"getFieldSubscribers()\"\n  >\n  </igo-dynamic-outlet>\n</ng-container>\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
         }] }); })();
@@ -6380,7 +6381,7 @@ FormFieldSelectComponent = __decorate([
 ], FormFieldSelectComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldSelectComponent, [{
         type: Component,
-        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  >\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]=\"\r\n      (disabled$ | async) === true\r\n        ? 'checkbox-blank-outline'\r\n        : 'checkbox-marked-outline'\r\n    \"\r\n    (click)=\"onDisableSwitchClick()\"\r\n    matPrefix\r\n  >\r\n  </mat-icon>\r\n  <mat-error *ngIf=\"formControl.errors\">{{\r\n    getErrorMessage() | translate\r\n  }}</mat-error>\r\n</mat-form-field>\r\n" }]
+        args: [{ selector: 'igo-form-field-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field>\n  <mat-select\n    [required]=\"required\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"formControl\"\n  >\n    <mat-option *ngFor=\"let choice of choices$ | async\" [value]=\"choice.value\">\n      {{ choice.title }}\n    </mat-option>\n  </mat-select>\n  <mat-icon\n    *ngIf=\"disableSwitch === true\"\n    class=\"igo-form-disable-switch\"\n    [svgIcon]=\"\n      (disabled$ | async) === true\n        ? 'checkbox-blank-outline'\n        : 'checkbox-marked-outline'\n    \"\n    (click)=\"onDisableSwitchClick()\"\n    matPrefix\n  >\n  </mat-icon>\n  <mat-error *ngIf=\"formControl.errors\">{{\n    getErrorMessage() | translate\n  }}</mat-error>\n</mat-form-field>\n" }]
     }], null, { choices: [{
             type: Input
         }], formControl: [{
@@ -6483,7 +6484,7 @@ FormFieldTextComponent = __decorate([
 ], FormFieldTextComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldTextComponent, [{
         type: Component,
-        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  />\r\n  <mat-icon\r\n    *ngIf=\"disableSwitch === true\"\r\n    class=\"igo-form-disable-switch\"\r\n    [svgIcon]=\"\r\n      (disabled$ | async) === true\r\n        ? 'checkbox-blank-outline'\r\n        : 'checkbox-marked-outline'\r\n    \"\r\n    (click)=\"onDisableSwitchClick()\"\r\n    matPrefix\r\n  >\r\n  </mat-icon>\r\n  <mat-error *ngIf=\"formControl.errors\">{{\r\n    getErrorMessage() | translate\r\n  }}</mat-error>\r\n</mat-form-field>\r\n" }]
+        args: [{ selector: 'igo-form-field-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field>\n  <input\n    matInput\n    [required]=\"required\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"formControl\"\n  />\n  <mat-icon\n    *ngIf=\"disableSwitch === true\"\n    class=\"igo-form-disable-switch\"\n    [svgIcon]=\"\n      (disabled$ | async) === true\n        ? 'checkbox-blank-outline'\n        : 'checkbox-marked-outline'\n    \"\n    (click)=\"onDisableSwitchClick()\"\n    matPrefix\n  >\n  </mat-icon>\n  <mat-error *ngIf=\"formControl.errors\">{{\n    getErrorMessage() | translate\n  }}</mat-error>\n</mat-form-field>\n" }]
     }], null, { formControl: [{
             type: Input
         }], placeholder: [{
@@ -6585,7 +6586,7 @@ FormFieldTextareaComponent = __decorate([
 ], FormFieldTextareaComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldTextareaComponent, [{
         type: Component,
-        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  >\r\n  </textarea>\r\n  <mat-icon\r\n    *ngIf=\"disableSwitch === true\"\r\n    class=\"igo-form-disable-switch\"\r\n    [svgIcon]=\"\r\n      (disabled$ | async) === true\r\n        ? 'checkbox-blank-outline'\r\n        : 'checkbox-marked-outline'\r\n    \"\r\n    (click)=\"onDisableSwitchClick()\"\r\n    matPrefix\r\n  >\r\n  </mat-icon>\r\n  <mat-error *ngIf=\"formControl.errors\">{{\r\n    getErrorMessage() | translate\r\n  }}</mat-error>\r\n</mat-form-field>\r\n" }]
+        args: [{ selector: 'igo-form-field-textarea', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field>\n  <textarea\n    matInput\n    [required]=\"required\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"formControl\"\n  >\n  </textarea>\n  <mat-icon\n    *ngIf=\"disableSwitch === true\"\n    class=\"igo-form-disable-switch\"\n    [svgIcon]=\"\n      (disabled$ | async) === true\n        ? 'checkbox-blank-outline'\n        : 'checkbox-marked-outline'\n    \"\n    (click)=\"onDisableSwitchClick()\"\n    matPrefix\n  >\n  </mat-icon>\n  <mat-error *ngIf=\"formControl.errors\">{{\n    getErrorMessage() | translate\n  }}</mat-error>\n</mat-form-field>\n" }]
     }], null, { formControl: [{
             type: Input
         }], placeholder: [{
@@ -6757,7 +6758,7 @@ class FormGroupComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormGroupComponent, [{
         type: Component,
-        args: [{ selector: 'igo-form-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"group && group.fields.length > 0\" 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  >\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\">{{\r\n  getErrorMessage() | translate\r\n}}</mat-error>\r\n", styles: [":host{width:100%;height:100%;display:block;overflow:auto;padding:10px 5px;box-sizing:border-box}:host .igo-form-field-colspan-2{width:100%}:host .igo-form-field-colspan-1{width:50%}\n"] }]
+        args: [{ selector: 'igo-form-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"group && group.fields.length > 0\" class=\"igo-form-group-fields\">\n  <div\n    *ngFor=\"let field of group.fields\"\n    class=\"igo-form-field-wrapper\"\n    [ngClass]=\"getFieldNgClass(field)\"\n  >\n    <igo-form-field [field]=\"field\"></igo-form-field>\n  </div>\n</div>\n\n<div class=\"igo-form-group-extra-content\">\n  <ng-content></ng-content>\n</div>\n\n<mat-error *ngIf=\"formControl.errors\">{{\n  getErrorMessage() | translate\n}}</mat-error>\n", styles: [":host{width:100%;height:100%;display:block;overflow:auto;padding:10px 5px;box-sizing:border-box}:host .igo-form-field-colspan-2{width:100%}:host .igo-form-field-colspan-1{width:50%}\n"] }]
     }], function () { return []; }, { group: [{
             type: Input
         }], errors: [{
@@ -6831,7 +6832,7 @@ class HomeButtonComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomeButtonComponent, [{
         type: Component,
-        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>\r\n  <mat-icon svgIcon=\"home\"></mat-icon>\r\n</button>\r\n", styles: ["#homeButton{border-radius:0}\n"] }]
+        args: [{ selector: 'igo-home-button', template: "<button\n  id=\"homeButton\"\n  mat-icon-button\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [matTooltip]=\"'igo.context.sidenav.mainMenu' | translate\"\n  (click)=\"onUnselectButtonClick()\"\n>\n  <mat-icon svgIcon=\"home\"></mat-icon>\n</button>\n", styles: ["#homeButton{border-radius:0}\n"] }]
     }], function () { return []; }, { unselectButton: [{
             type: Output
         }] }); })();
@@ -7323,10 +7324,10 @@ class InteractiveTourService {
             shepherdSteps.push({
                 attachTo: {
                     element: step.element,
-                    on: step.position || stepConfig.position
+                    on: (step.position || stepConfig.position) // PopperPlacement
                 },
-                popperOptions: {
-                    modifiers: [{ name: 'offset', options: { offset: [0, 15] } }]
+                floatingUIOptions: {
+                    middleware: [offset({ mainAxis: 15 })]
                 },
                 beforeShowPromise: () => {
                     return Promise.all([
@@ -7937,7 +7938,7 @@ class JsonDialogComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JsonDialogComponent, [{
         type: Component,
-        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\r\n    *ngTemplateOutlet=\"loopObject; context: { obj: data }\"\r\n  ></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\r\n        *ngIf=\"ignoreKeys.indexOf(getKey(baseKey, property.key)) === -1\"\r\n      >\r\n        <ng-container *ngIf=\"isObject(property.value); else notObject\">\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              loopObject;\r\n              context: {\r\n                obj: property.value,\r\n                baseKey: getKey(baseKey, property.key)\r\n              }\r\n            \"\r\n          ></ng-container>\r\n        </ng-container>\r\n\r\n        <ng-template #notObject>\r\n          <p>\r\n            <span\r\n              ><b>{{ getKey(baseKey, property.key) }}</b> : </span\r\n            ><span class=\"propertyValue\" [innerHtml]=\"property.value\"></span>\r\n          </p>\r\n        </ng-template>\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\" (click)=\"dialogRef.close(false)\">\r\n    OK\r\n  </button>\r\n</div>\r\n" }]
+        args: [{ selector: 'igo-json-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">{{ title }}</h1>\n\n<div mat-dialog-content class=\"mat-typography\">\n  <ng-container\n    *ngTemplateOutlet=\"loopObject; context: { obj: data }\"\n  ></ng-container>\n\n  <ng-template #loopObject let-obj=\"obj\" let-baseKey=\"baseKey\">\n    <ng-container *ngFor=\"let property of obj | keyvalue\">\n      <ng-container\n        *ngIf=\"ignoreKeys.indexOf(getKey(baseKey, property.key)) === -1\"\n      >\n        <ng-container *ngIf=\"isObject(property.value); else notObject\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              loopObject;\n              context: {\n                obj: property.value,\n                baseKey: getKey(baseKey, property.key)\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <ng-template #notObject>\n          <p>\n            <span\n              ><b>{{ getKey(baseKey, property.key) }}</b> : </span\n            ><span class=\"propertyValue\" [innerHtml]=\"property.value\"></span>\n          </p>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n\n<div mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"dialogRef.close(false)\">\n    OK\n  </button>\n</div>\n" }]
     }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
 
 class JsonDialogService {
@@ -8393,7 +8394,7 @@ class ListComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListComponent, [{
         type: Component,
-        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>\r\n  <ng-content></ng-content>\r\n</mat-list>\r\n", styles: [":host{display:block;height:100%;overflow:auto;position:relative}:host mat-list{padding-top:0}:host ::ng-deep .mat-mdc-list .mat-mdc-list-item .mdc-list-item__primary-text>*{white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:18px}:host ::ng-deep .mat-mdc-list .mat-mdc-list-item.mdc-list-item--with-leading-icon{height:48px}:host ::ng-deep .mat-mdc-list ::ng-deep igo-collapsible>.mat-mdc-list-item>.mdc-list-item__primary-text>.mat-mdc-list-item{font-weight:700;opacity:.9}: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"] }]
+        args: [{ selector: 'igo-list', template: "<mat-list\n  igoClickout\n  [ngClass]=\"{ selectable: selection }\"\n  (clickout)=\"disableNavigation()\"\n  (click)=\"enableNavigation()\"\n>\n  <ng-content></ng-content>\n</mat-list>\n", styles: [":host{display:block;height:100%;overflow:auto;position:relative}:host mat-list{padding-top:0}:host ::ng-deep .mat-mdc-list .mat-mdc-list-item .mdc-list-item__primary-text>*{white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:18px}:host ::ng-deep .mat-mdc-list .mat-mdc-list-item.mdc-list-item--with-leading-icon{height:48px}:host ::ng-deep .mat-mdc-list ::ng-deep igo-collapsible>.mat-mdc-list-item>.mdc-list-item__primary-text>.mat-mdc-list-item{font-weight:700;opacity:.9}: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: [{
@@ -8475,7 +8476,7 @@ class PanelComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PanelComponent, [{
         type: Component,
-        args: [{ selector: 'igo-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  *ngIf=\"withHeader\"\r\n  class=\"igo-panel-header\"\r\n  title=\"\"\r\n  [ngClass]=\"{ 'igo-cursor-pointer': cursorPointer === true }\"\r\n>\r\n  <div class=\"panel-left\">\r\n    <ng-content select=\"[panelLeftButton]\"></ng-content>\r\n  </div>\r\n  <h3 class=\"igo-panel-title\">\r\n    {{ title }}\r\n    <ng-content select=\"[panelHeader]\"></ng-content>\r\n  </h3>\r\n  <div class=\"panel-right\">\r\n    <ng-content select=\"[panelRightButton]\"></ng-content>\r\n  </div>\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:flex;flex-direction:column;overflow:hidden}:host igo-interactive-tour{position:absolute;top:0;right:0}:host .igo-panel-header{display:flex;justify-content:space-between;align-items:center;height:48px;text-align:center}:host .igo-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;font-weight:600;flex:1}:host .igo-panel-content{flex:1;overflow:auto}:host .igo-cursor-pointer{cursor:pointer}:host .panel-left,:host .panel-right{display:flex;min-width:40px}:host .panel-right:not(:empty){padding-right:4px}\n"] }]
+        args: [{ selector: 'igo-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"withHeader\"\n  class=\"igo-panel-header\"\n  title=\"\"\n  [ngClass]=\"{ 'igo-cursor-pointer': cursorPointer === true }\"\n>\n  <div class=\"panel-left\">\n    <ng-content select=\"[panelLeftButton]\"></ng-content>\n  </div>\n  <h3 class=\"igo-panel-title\">\n    {{ title }}\n    <ng-content select=\"[panelHeader]\"></ng-content>\n  </h3>\n  <div class=\"panel-right\">\n    <ng-content select=\"[panelRightButton]\"></ng-content>\n  </div>\n</div>\n<div class=\"igo-panel-content\" title=\"\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden}:host igo-interactive-tour{position:absolute;top:0;right:0}:host .igo-panel-header{display:flex;justify-content:space-between;align-items:center;height:48px;text-align:center}:host .igo-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;font-weight:600;flex:1}:host .igo-panel-content{flex:1;overflow:auto}:host .igo-cursor-pointer{cursor:pointer}:host .panel-left,:host .panel-right{display:flex;min-width:40px}:host .panel-right:not(:empty){padding-right:4px}\n"] }]
     }], null, { title: [{
             type: Input
         }], withHeader: [{
@@ -8606,7 +8607,7 @@ class SpinnerComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpinnerComponent, [{
         type: Component,
-        args: [{ selector: 'igo-spinner', template: "<div\r\n  [ngClass]=\"{\r\n    'igo-spinner-container': true,\r\n    'igo-spinner-shown': (shown$ | async)\r\n  }\"\r\n>\r\n  <div class=\"igo-spinner-background\"></div>\r\n  <mat-progress-spinner\r\n    diameter=\"40\"\r\n    mode=\"indeterminate\"\r\n  ></mat-progress-spinner>\r\n</div>\r\n", styles: [":host .igo-spinner-container{display:none;position:relative;pointer-events:none}:host .igo-spinner-container.igo-spinner-shown{display:block}:host mat-progress-spinner{height:40px;width:40px;border-radius:50%}:host .igo-spinner-background{height:36px;width:36px;border-radius:50%;border:4px solid #ffffff;position:absolute;top:2px;left:2px}\n"] }]
+        args: [{ selector: 'igo-spinner', template: "<div\n  [ngClass]=\"{\n    'igo-spinner-container': true,\n    'igo-spinner-shown': (shown$ | async)\n  }\"\n>\n  <div class=\"igo-spinner-background\"></div>\n  <mat-progress-spinner\n    diameter=\"40\"\n    mode=\"indeterminate\"\n  ></mat-progress-spinner>\n</div>\n", styles: [":host .igo-spinner-container{display:none;position:relative;pointer-events:none}:host .igo-spinner-container.igo-spinner-shown{display:block}:host mat-progress-spinner{height:40px;width:40px;border-radius:50%}:host .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
         }] }); })();
@@ -9034,7 +9035,7 @@ class TableComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
         type: Component,
-        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\r\n        matInput\r\n        #filter\r\n        [placeholder]=\"'igo.common.table.filter' | translate\"\r\n      />\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      <!-- Checkbox Column -->\r\n      <ng-container matColumnDef=\"selectionCheckbox\">\r\n        <th mat-header-cell *matHeaderCellDef>\r\n          <mat-checkbox\r\n            (change)=\"$event ? masterToggle() : null\"\r\n            [checked]=\"selection.hasValue() && isAllSelected()\"\r\n            [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n          >\r\n          </mat-checkbox>\r\n        </th>\r\n        <td mat-cell *matCellDef=\"let row\">\r\n          <mat-checkbox\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"$event ? selection.toggle(row) : null\"\r\n            [checked]=\"selection.isSelected(row)\"\r\n          >\r\n          </mat-checkbox>\r\n        </td>\r\n      </ng-container>\r\n\r\n      <ng-container\r\n        [matColumnDef]=\"column.name\"\r\n        *ngFor=\"let column of model.columns\"\r\n      >\r\n        <ng-container *ngIf=\"column.sortable\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>\r\n            {{ column.title }}\r\n          </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\r\n            mat-cell\r\n            *matCellDef=\"let row\"\r\n            class=\"mat-cell-text\"\r\n            [ngClass]=\"\r\n              model.cellClassFunc ? model.cellClassFunc(row, column) : {}\r\n            \"\r\n          >\r\n            {{ getValue(row, column.name) }}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <ng-template #cellHTML>\r\n          <td\r\n            mat-cell\r\n            *matCellDef=\"let row\"\r\n            class=\"mat-cell-text\"\r\n            [ngClass]=\"\r\n              model.cellClassFunc ? model.cellClassFunc(row, column) : {}\r\n            \"\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\r\n            *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          >\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\r\n        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    </table>\r\n  </div>\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-mdc-header-cell{padding-right:5px}button{margin-right:10px}\n"] }]
+        args: [{ selector: 'igo-table', template: "<div class=\"table-box\">\n  <div class=\"table-header\" *ngIf=\"hasFilterInput\">\n    <mat-form-field floatPlaceholder=\"never\">\n      <input\n        matInput\n        #filter\n        [placeholder]=\"'igo.common.table.filter' | translate\"\n      />\n    </mat-form-field>\n  </div>\n\n  <div class=\"table-container\">\n    <table mat-table #table [dataSource]=\"dataSource\" matSort>\n      <!-- Checkbox Column -->\n      <ng-container matColumnDef=\"selectionCheckbox\">\n        <th mat-header-cell *matHeaderCellDef>\n          <mat-checkbox\n            (change)=\"$event ? masterToggle() : null\"\n            [checked]=\"selection.hasValue() && isAllSelected()\"\n            [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n          >\n          </mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-checkbox\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection.isSelected(row)\"\n          >\n          </mat-checkbox>\n        </td>\n      </ng-container>\n\n      <ng-container\n        [matColumnDef]=\"column.name\"\n        *ngFor=\"let column of model.columns\"\n      >\n        <ng-container *ngIf=\"column.sortable\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>\n            {{ column.title }}\n          </th>\n        </ng-container>\n\n        <ng-container *ngIf=\"!column.sortable\">\n          <th mat-header-cell *matHeaderCellDef>{{ column.title }}</th>\n        </ng-container>\n\n        <ng-container *ngIf=\"!column.html; else cellHTML\">\n          <td\n            mat-cell\n            *matCellDef=\"let row\"\n            class=\"mat-cell-text\"\n            [ngClass]=\"\n              model.cellClassFunc ? model.cellClassFunc(row, column) : {}\n            \"\n          >\n            {{ getValue(row, column.name) }}\n          </td>\n        </ng-container>\n\n        <ng-template #cellHTML>\n          <td\n            mat-cell\n            *matCellDef=\"let row\"\n            class=\"mat-cell-text\"\n            [ngClass]=\"\n              model.cellClassFunc ? model.cellClassFunc(row, column) : {}\n            \"\n            [innerHTML]=\"getValue(row, column.name)\"\n          ></td>\n        </ng-template>\n      </ng-container>\n\n      <!-- Action Column -->\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef></th>\n        <td mat-cell *matCellDef=\"let row\">\n          <button\n            *ngFor=\"let action of model.actions\"\n            mat-mini-fab\n            [color]=\"getActionColor(action.color)\"\n            (click)=\"handleClickAction($event, action, row)\"\n          >\n            <mat-icon svgIcon=\"{{ action.icon }}\"></mat-icon>\n          </button>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns\"\n        [ngClass]=\"model.rowClassFunc ? model.rowClassFunc(row) : {}\"\n        (click)=\"selection.toggle(row)\"\n      ></tr>\n    </table>\n  </div>\n</div>\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-mdc-header-cell{padding-right:5px}button{margin-right:10px}\n"] }]
     }], null, { database: [{
             type: Input
         }], model: [{
@@ -9367,7 +9368,7 @@ class ToolboxComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToolboxComponent, [{
         type: Component,
-        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>\r\n</igo-actionbar>\r\n\r\n<div\r\n  *ngIf=\"activeTool$ | async as tool\"\r\n  class=\"igo-tool-container mat-body-1\"\r\n  [ngClass]=\"{\r\n    'igo-tool-container-with-toolbar': !actionStore.empty,\r\n    'igo-tool-container-with-animation': animate\r\n  }\"\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  >\r\n  </igo-dynamic-outlet>\r\n</div>\r\n", styles: [":host{display:block;position:relative;overflow:hidden;width:100%;height:100%}:host ::ng-deep .mdc-list-item--with-leading-avatar .mdc-list-item__start{margin:0}:host .igo-tool-container{position:absolute;inset:0;margin-bottom:0}:host .igo-tool-container-with-animation{transform:translate3d(100%,0,0)}:host .igo-tool-container-with-toolbar{left:50px}:host igo-actionbar{height:100%}:host igo-actionbar.with-title{width:100%;overflow:auto}:host 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){:host igo-actionbar:not(.with-title){overflow:auto}}:host igo-dynamic-outlet{overflow:auto}\n"] }]
+        args: [{ selector: 'igo-toolbox', animations: [toolSlideInOut()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-actionbar\n  *ngIf=\"(toolbar$ | async).length > 0\"\n  [store]=\"actionStore\"\n  [withIcon]=\"true\"\n  [withTitle]=\"toolbarWithTitle$ | async\"\n  [withTooltip]=\"(toolbarWithTitle$ | async) === false\"\n  [scrollActive]=\"toolbarWithTitle$ | async\"\n  [horizontal]=\"false\"\n>\n</igo-actionbar>\n\n<div\n  *ngIf=\"activeTool$ | async as tool\"\n  class=\"igo-tool-container mat-body-1\"\n  [ngClass]=\"{\n    'igo-tool-container-with-toolbar': !actionStore.empty,\n    'igo-tool-container-with-animation': animate\n  }\"\n  [@toolSlideInOut]=\"animation$ | async\"\n  (@toolSlideInOut.start)=\"onAnimationStart()\"\n  (@toolSlideInOut.done)=\"onAnimationComplete()\"\n>\n  <igo-dynamic-outlet\n    [component]=\"tool.component\"\n    [inputs]=\"getToolInputs(tool)\"\n  >\n  </igo-dynamic-outlet>\n</div>\n", styles: [":host{display:block;position:relative;overflow:hidden;width:100%;height:100%}:host ::ng-deep .mdc-list-item--with-leading-avatar .mdc-list-item__start{margin:0}:host .igo-tool-container{position:absolute;inset:0;margin-bottom:0}:host .igo-tool-container-with-animation{transform:translate3d(100%,0,0)}:host .igo-tool-container-with-toolbar{left:50px}:host igo-actionbar{height:100%}:host igo-actionbar.with-title{width:100%;overflow:auto}:host 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){:host igo-actionbar:not(.with-title){overflow:auto}}:host igo-dynamic-outlet{overflow:auto}\n"] }]
     }], null, { toolbox: [{
             type: Input
         }], animate: [{
@@ -9527,7 +9528,7 @@ class WidgetOutletComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WidgetOutletComponent, [{
         type: Component,
-        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>\r\n</igo-dynamic-outlet>\r\n", styles: [":host igo-dynamic-outlet{height:100%}\n"] }]
+        args: [{ selector: 'igo-widget-outlet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-dynamic-outlet\n  *ngIf=\"widget\"\n  [component]=\"widget\"\n  [inputs]=\"inputs\"\n  [subscribers]=\"getEffectiveSubscribers()\"\n>\n</igo-dynamic-outlet>\n", styles: [":host igo-dynamic-outlet{height:100%}\n"] }]
     }], function () { return []; }, { widget: [{
             type: Input
         }], inputs: [{
@@ -9671,7 +9672,7 @@ class WorkspaceSelectorComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceSelectorComponent, [{
         type: Component,
-        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>\r\n</igo-entity-selector>\r\n", styles: ["igo-entity-selector ::ng-deep mat-form-field .mat-mdc-form-field-infix{padding:0}\n"] }]
+        args: [{ selector: 'igo-workspace-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-entity-selector\n  [store]=\"store\"\n  [multi]=\"false\"\n  [titleAccessor]=\"getWorkspaceTitle\"\n  [disabled]=\"disabled\"\n  (selectedChange)=\"onSelectedChange($event)\"\n>\n</igo-entity-selector>\n", styles: ["igo-entity-selector ::ng-deep mat-form-field .mat-mdc-form-field-infix{padding:0}\n"] }]
     }], null, { store: [{
             type: Input
         }], disabled: [{
@@ -9922,7 +9923,7 @@ class WorkspaceWidgetOutletComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceWidgetOutletComponent, [{
         type: Component,
-        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  >\r\n  </igo-widget-outlet>\r\n</ng-container>\r\n", styles: ["igo-widget-outlet{height:100%}\n"] }]
+        args: [{ selector: 'igo-workspace-widget-outlet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"widget$ | async as widget\">\n  <igo-widget-outlet\n    [widget]=\"widget\"\n    [inputs]=\"widgetInputs$ | async\"\n    [subscribers]=\"widgetSubscribers$ | async\"\n    (cancel)=\"onWidgetCancel(widget)\"\n    (complete)=\"onWidgetComplete(widget)\"\n  >\n  </igo-widget-outlet>\n</ng-container>\n", styles: ["igo-widget-outlet{height:100%}\n"] }]
     }], function () { return []; }, { workspace: [{
             type: Input
         }], deactivateWidget: [{