@fundamental-ngx/platform 0.43.25 → 0.43.27

package/esm2020/table-helpers/directives/table-initial-state.directive.mjs

@@ -36,7 +36,7 @@ export class TableInitialStateDirective extends TableInitialState {
         const columns = this._table.getTableColumns();
         const page = prevState.page;
         const visibleColumns = this.initialVisibleColumns ||
-            (prevState.columns.length ? prevState.columns : columns.map(({ name }) => name));
+            (prevState.columns.length ? prevState.columns : columns.filter((c) => c.visible).map(({ name }) => name));
         const directiveInitialPage = this.initialPage ?? 1;
         this._table._loadPreviousPages =
             this._table.pageScrolling && this._table.loadPagesBefore && directiveInitialPage > 1;
@@ -104,4 +104,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }], state: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaW5pdGlhbC1zdGF0ZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3NyYy9saWIvdGFibGUtaGVscGVycy9kaXJlY3RpdmVzL3RhYmxlLWluaXRpYWwtc3RhdGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFjekQsTUFBTSxPQUFPLDBCQUEyQixTQUFRLGlCQUFpQjtJQVhqRTs7UUFnQkksNEJBQTRCO1FBRTVCLGtCQUFhLEdBQXFCLEVBQUUsQ0FBQztRQUVyQyw4QkFBOEI7UUFFOUIsb0JBQWUsR0FBdUIsRUFBRSxDQUFDO1FBRXpDLDZCQUE2QjtRQUU3QixtQkFBYyxHQUFzQixFQUFFLENBQUM7UUFFdkMsb0JBQW9CO1FBRXBCLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBaUJoQixjQUFjO1FBQ0csa0JBQWEsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7S0F3RHpEO0lBeEVHOztPQUVHO0lBQ0gsSUFDSSxLQUFLLENBQUMsS0FBaUI7UUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLElBQUksbUJBQW1CLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQVFELGNBQWM7SUFDZCxRQUFRLENBQUMsS0FBWTtRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRUQsY0FBYztJQUNkLGVBQWU7UUFDWCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDdkMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUM5QyxNQUFNLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDO1FBQzVCLE1BQU0sY0FBYyxHQUNoQixJQUFJLENBQUMscUJBQXFCO1lBQzFCLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBRXJGLE1BQU0sb0JBQW9CLEdBQUcsSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLENBQUM7UUFFbkQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxrQkFBa0I7WUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLElBQUksb0JBQW9CLEdBQUcsQ0FBQyxDQUFDO1FBRXpGLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsa0JBQWtCO1lBQzlDLENBQUMsQ0FBQyxDQUFDO1lBQ0gsQ0FBQyxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxXQUFXO2dCQUN6QyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVc7Z0JBQ2xCLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQztRQUUzQixNQUFNLGVBQWUsR0FDakIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDO1lBQ3JFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRTVDLElBQUksQ0FBQyxhQUFhLENBQUM7WUFDZixHQUFHLFNBQVM7WUFDWixPQUFPLEVBQUUsY0FBYztZQUN2QixVQUFVLEVBQUUsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDcEYsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLElBQUksU0FBUyxDQUFDLE1BQU07WUFDOUMsUUFBUSxFQUFFLElBQUksQ0FBQyxlQUFlLElBQUksU0FBUyxDQUFDLFFBQVE7WUFDcEQsT0FBTyxFQUFFLElBQUksQ0FBQyxjQUFjLElBQUksU0FBUyxDQUFDLE9BQU87WUFDakQsY0FBYyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsZUFBZSxJQUFJLFNBQVMsQ0FBQyxjQUFjO1lBQ3ZFLGlCQUFpQixFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsa0JBQWtCLElBQUksU0FBUyxDQUFDLGlCQUFpQjtZQUNoRixJQUFJLEVBQUU7Z0JBQ0YsV0FBVyxFQUFFLFdBQVc7Z0JBQ3hCLFFBQVEsRUFBRSxlQUFlO2FBQzVCO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELCtDQUErQztJQUMvQyxhQUFhO1FBQ1QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlDLENBQUM7SUFFRCwrQ0FBK0M7SUFDL0MsYUFBYSxDQUFDLEtBQWlCO1FBQzNCLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7O3VIQTVGUSwwQkFBMEI7MkdBQTFCLDBCQUEwQixtU0FQeEI7UUFDUDtZQUNJLE9BQU8sRUFBRSx5QkFBeUI7WUFDbEMsV0FBVyxFQUFFLDBCQUEwQjtTQUMxQztLQUNKOzJGQUVRLDBCQUEwQjtrQkFYdEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUU7Y0FDQTtvQkFDVixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsU0FBUyxFQUFFO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSx5QkFBeUI7NEJBQ2xDLFdBQVcsNEJBQTRCO3lCQUMxQztxQkFDSjtpQkFDSjs4QkFJRyxxQkFBcUI7c0JBRHBCLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixLQUFLO2dCQUtOLGVBQWU7c0JBRGQsS0FBSztnQkFLTixjQUFjO3NCQURiLEtBQUs7Z0JBS04sV0FBVztzQkFEVixLQUFLO2dCQU9GLEtBQUs7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgaW5qZWN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgREVGQVVMVF9UQUJMRV9TVEFURSwgRkRQX1RBQkxFX1NUQVRFX0RJUkVDVElWRSB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBDb2xsZWN0aW9uRmlsdGVyLCBDb2xsZWN0aW9uR3JvdXAsIENvbGxlY3Rpb25Tb3J0LCBUYWJsZVN0YXRlIH0gZnJvbSAnLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBUYWJsZUluaXRpYWxTdGF0ZSB9IGZyb20gJy4uL21vZGVscyc7XG5pbXBvcnQgeyBUYWJsZVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy90YWJsZS5zZXJ2aWNlJztcbmltcG9ydCB7IFRhYmxlIH0gZnJvbSAnLi4vdGFibGUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogYFtmZHBUYWJsZUluaXRpYWxTdGF0ZV0sXG4gICAgZmRwLXRhYmxlYCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBGRFBfVEFCTEVfU1RBVEVfRElSRUNUSVZFLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IFRhYmxlSW5pdGlhbFN0YXRlRGlyZWN0aXZlXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlSW5pdGlhbFN0YXRlRGlyZWN0aXZlIGV4dGVuZHMgVGFibGVJbml0aWFsU3RhdGUge1xuICAgIC8qKiBJbml0aWFsIHZpc2libGUgY29sdW1ucy4gQ29uc2lzdCBvZiBhIGxpc3Qgb2YgdW5pcXVlIGNvbHVtbiBuYW1lcyAqL1xuICAgIEBJbnB1dCgpXG4gICAgaW5pdGlhbFZpc2libGVDb2x1bW5zOiBzdHJpbmdbXTtcblxuICAgIC8qKiBJbml0aWFsIHNvcnQgb3B0aW9ucy4gKi9cbiAgICBASW5wdXQoKVxuICAgIGluaXRpYWxTb3J0Qnk6IENvbGxlY3Rpb25Tb3J0W10gPSBbXTtcblxuICAgIC8qKiBJbml0aWFsIGZpbHRlciBvcHRpb25zLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgaW5pdGlhbEZpbHRlckJ5OiBDb2xsZWN0aW9uRmlsdGVyW10gPSBbXTtcblxuICAgIC8qKiBJbml0aWFsIGdyb3VwIG9wdGlvbnMuICovXG4gICAgQElucHV0KClcbiAgICBpbml0aWFsR3JvdXBCeTogQ29sbGVjdGlvbkdyb3VwW10gPSBbXTtcblxuICAgIC8qKiBJbml0aWFsIHBhZ2UuICovXG4gICAgQElucHV0KClcbiAgICBpbml0aWFsUGFnZSA9IDE7XG5cbiAgICAvKipcbiAgICAgKiBJbml0aWFsIHN0YXRlIG9mIHRhYmxlLlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHN0YXRlKHZhbHVlOiBUYWJsZVN0YXRlKSB7XG4gICAgICAgIHRoaXMuc2V0VGFibGVTdGF0ZSh2YWx1ZSB8fCBERUZBVUxUX1RBQkxFX1NUQVRFKTtcbiAgICB9XG5cbiAgICBnZXQgc3RhdGUoKTogVGFibGVTdGF0ZSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldFRhYmxlU3RhdGUoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3RhYmxlOiBUYWJsZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSByZWFkb25seSBfdGFibGVTZXJ2aWNlID0gaW5qZWN0KFRhYmxlU2VydmljZSk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHNldFRhYmxlKHRhYmxlOiBUYWJsZSk6IHZvaWQge1xuICAgICAgICB0aGlzLl90YWJsZSA9IHRhYmxlO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgc2V0SW5pdGlhbFN0YXRlKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBwcmV2U3RhdGUgPSB0aGlzLmdldFRhYmxlU3RhdGUoKTtcbiAgICAgICAgY29uc3QgY29sdW1ucyA9IHRoaXMuX3RhYmxlLmdldFRhYmxlQ29sdW1ucygpO1xuICAgICAgICBjb25zdCBwYWdlID0gcHJldlN0YXRlLnBhZ2U7XG4gICAgICAgIGNvbnN0IHZpc2libGVDb2x1bW5zID1cbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbFZpc2libGVDb2x1bW5zIHx8XG4gICAgICAgICAgICAocHJldlN0YXRlLmNvbHVtbnMubGVuZ3RoID8gcHJldlN0YXRlLmNvbHVtbnMgOiBjb2x1bW5zLm1hcCgoeyBuYW1lIH0pID0+IG5hbWUpKTtcblxuICAgICAgICBjb25zdCBkaXJlY3RpdmVJbml0aWFsUGFnZSA9IHRoaXMuaW5pdGlhbFBhZ2UgPz8gMTtcblxuICAgICAgICB0aGlzLl90YWJsZS5fbG9hZFByZXZpb3VzUGFnZXMgPVxuICAgICAgICAgICAgdGhpcy5fdGFibGUucGFnZVNjcm9sbGluZyAmJiB0aGlzLl90YWJsZS5sb2FkUGFnZXNCZWZvcmUgJiYgZGlyZWN0aXZlSW5pdGlhbFBhZ2UgPiAxO1xuXG4gICAgICAgIGNvbnN0IGluaXRpYWxQYWdlID0gdGhpcy5fdGFibGUuX2xvYWRQcmV2aW91c1BhZ2VzXG4gICAgICAgICAgICA/IDFcbiAgICAgICAgICAgIDogZGlyZWN0aXZlSW5pdGlhbFBhZ2UgPCBwYWdlLmN1cnJlbnRQYWdlXG4gICAgICAgICAgICA/IHBhZ2UuY3VycmVudFBhZ2VcbiAgICAgICAgICAgIDogZGlyZWN0aXZlSW5pdGlhbFBhZ2U7XG5cbiAgICAgICAgY29uc3QgaW5pdGlhbFBhZ2VTaXplID1cbiAgICAgICAgICAgICh0aGlzLl90YWJsZS5fbG9hZFByZXZpb3VzUGFnZXMgPyBkaXJlY3RpdmVJbml0aWFsUGFnZSA6IGluaXRpYWxQYWdlKSAqXG4gICAgICAgICAgICAodGhpcy5fdGFibGUucGFnZVNpemUgfHwgcGFnZS5wYWdlU2l6ZSk7XG5cbiAgICAgICAgdGhpcy5zZXRUYWJsZVN0YXRlKHtcbiAgICAgICAgICAgIC4uLnByZXZTdGF0ZSxcbiAgICAgICAgICAgIGNvbHVtbnM6IHZpc2libGVDb2x1bW5zLFxuICAgICAgICAgICAgY29sdW1uS2V5czogY29sdW1ucy5maWx0ZXIoKGMpID0+IHZpc2libGVDb2x1bW5zLmluY2x1ZGVzKGMubmFtZSkpLm1hcCgoYykgPT4gYy5rZXkpLFxuICAgICAgICAgICAgc29ydEJ5OiB0aGlzLmluaXRpYWxTb3J0QnkgfHwgcHJldlN0YXRlLnNvcnRCeSxcbiAgICAgICAgICAgIGZpbHRlckJ5OiB0aGlzLmluaXRpYWxGaWx0ZXJCeSB8fCBwcmV2U3RhdGUuZmlsdGVyQnksXG4gICAgICAgICAgICBncm91cEJ5OiB0aGlzLmluaXRpYWxHcm91cEJ5IHx8IHByZXZTdGF0ZS5ncm91cEJ5LFxuICAgICAgICAgICAgZnJlZXplVG9Db2x1bW46IHRoaXMuX3RhYmxlLmZyZWV6ZUNvbHVtbnNUbyB8fCBwcmV2U3RhdGUuZnJlZXplVG9Db2x1bW4sXG4gICAgICAgICAgICBmcmVlemVUb0VuZENvbHVtbjogdGhpcy5fdGFibGUuZnJlZXplRW5kQ29sdW1uc1RvIHx8IHByZXZTdGF0ZS5mcmVlemVUb0VuZENvbHVtbixcbiAgICAgICAgICAgIHBhZ2U6IHtcbiAgICAgICAgICAgICAgICBjdXJyZW50UGFnZTogaW5pdGlhbFBhZ2UsXG4gICAgICAgICAgICAgICAgcGFnZVNpemU6IGluaXRpYWxQYWdlU2l6ZVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvKiogR2V0IGN1cnJlbnQgc3RhdGUvc2V0dGluZ3Mgb2YgdGhlIFRhYmxlLiAqL1xuICAgIGdldFRhYmxlU3RhdGUoKTogVGFibGVTdGF0ZSB7XG4gICAgICAgIHJldHVybiB0aGlzLl90YWJsZVNlcnZpY2UuZ2V0VGFibGVTdGF0ZSgpO1xuICAgIH1cblxuICAgIC8qKiBTZXQgY3VycmVudCBzdGF0ZS9zZXR0aW5ncyBvZiB0aGUgVGFibGUuICovXG4gICAgc2V0VGFibGVTdGF0ZShzdGF0ZTogVGFibGVTdGF0ZSk6IHZvaWQge1xuICAgICAgICB0aGlzLl90YWJsZVNlcnZpY2Uuc2V0VGFibGVTdGF0ZShzdGF0ZSk7XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaW5pdGlhbC1zdGF0ZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3NyYy9saWIvdGFibGUtaGVscGVycy9kaXJlY3RpdmVzL3RhYmxlLWluaXRpYWwtc3RhdGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFjekQsTUFBTSxPQUFPLDBCQUEyQixTQUFRLGlCQUFpQjtJQVhqRTs7UUFnQkksNEJBQTRCO1FBRTVCLGtCQUFhLEdBQXFCLEVBQUUsQ0FBQztRQUVyQyw4QkFBOEI7UUFFOUIsb0JBQWUsR0FBdUIsRUFBRSxDQUFDO1FBRXpDLDZCQUE2QjtRQUU3QixtQkFBYyxHQUFzQixFQUFFLENBQUM7UUFFdkMsb0JBQW9CO1FBRXBCLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBaUJoQixjQUFjO1FBQ0csa0JBQWEsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7S0F3RHpEO0lBeEVHOztPQUVHO0lBQ0gsSUFDSSxLQUFLLENBQUMsS0FBaUI7UUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLElBQUksbUJBQW1CLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQVFELGNBQWM7SUFDZCxRQUFRLENBQUMsS0FBWTtRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRUQsY0FBYztJQUNkLGVBQWU7UUFDWCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDdkMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUM5QyxNQUFNLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDO1FBQzVCLE1BQU0sY0FBYyxHQUNoQixJQUFJLENBQUMscUJBQXFCO1lBQzFCLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBRTlHLE1BQU0sb0JBQW9CLEdBQUcsSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLENBQUM7UUFFbkQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxrQkFBa0I7WUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLElBQUksb0JBQW9CLEdBQUcsQ0FBQyxDQUFDO1FBRXpGLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsa0JBQWtCO1lBQzlDLENBQUMsQ0FBQyxDQUFDO1lBQ0gsQ0FBQyxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxXQUFXO2dCQUN6QyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVc7Z0JBQ2xCLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQztRQUUzQixNQUFNLGVBQWUsR0FDakIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDO1lBQ3JFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRTVDLElBQUksQ0FBQyxhQUFhLENBQUM7WUFDZixHQUFHLFNBQVM7WUFDWixPQUFPLEVBQUUsY0FBYztZQUN2QixVQUFVLEVBQUUsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDcEYsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLElBQUksU0FBUyxDQUFDLE1BQU07WUFDOUMsUUFBUSxFQUFFLElBQUksQ0FBQyxlQUFlLElBQUksU0FBUyxDQUFDLFFBQVE7WUFDcEQsT0FBTyxFQUFFLElBQUksQ0FBQyxjQUFjLElBQUksU0FBUyxDQUFDLE9BQU87WUFDakQsY0FBYyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsZUFBZSxJQUFJLFNBQVMsQ0FBQyxjQUFjO1lBQ3ZFLGlCQUFpQixFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsa0JBQWtCLElBQUksU0FBUyxDQUFDLGlCQUFpQjtZQUNoRixJQUFJLEVBQUU7Z0JBQ0YsV0FBVyxFQUFFLFdBQVc7Z0JBQ3hCLFFBQVEsRUFBRSxlQUFlO2FBQzVCO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELCtDQUErQztJQUMvQyxhQUFhO1FBQ1QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlDLENBQUM7SUFFRCwrQ0FBK0M7SUFDL0MsYUFBYSxDQUFDLEtBQWlCO1FBQzNCLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7O3VIQTVGUSwwQkFBMEI7MkdBQTFCLDBCQUEwQixtU0FQeEI7UUFDUDtZQUNJLE9BQU8sRUFBRSx5QkFBeUI7WUFDbEMsV0FBVyxFQUFFLDBCQUEwQjtTQUMxQztLQUNKOzJGQUVRLDBCQUEwQjtrQkFYdEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUU7Y0FDQTtvQkFDVixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsU0FBUyxFQUFFO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSx5QkFBeUI7NEJBQ2xDLFdBQVcsNEJBQTRCO3lCQUMxQztxQkFDSjtpQkFDSjs4QkFJRyxxQkFBcUI7c0JBRHBCLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixLQUFLO2dCQUtOLGVBQWU7c0JBRGQsS0FBSztnQkFLTixjQUFjO3NCQURiLEtBQUs7Z0JBS04sV0FBVztzQkFEVixLQUFLO2dCQU9GLEtBQUs7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgaW5qZWN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgREVGQVVMVF9UQUJMRV9TVEFURSwgRkRQX1RBQkxFX1NUQVRFX0RJUkVDVElWRSB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBDb2xsZWN0aW9uRmlsdGVyLCBDb2xsZWN0aW9uR3JvdXAsIENvbGxlY3Rpb25Tb3J0LCBUYWJsZVN0YXRlIH0gZnJvbSAnLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBUYWJsZUluaXRpYWxTdGF0ZSB9IGZyb20gJy4uL21vZGVscyc7XG5pbXBvcnQgeyBUYWJsZVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy90YWJsZS5zZXJ2aWNlJztcbmltcG9ydCB7IFRhYmxlIH0gZnJvbSAnLi4vdGFibGUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogYFtmZHBUYWJsZUluaXRpYWxTdGF0ZV0sXG4gICAgZmRwLXRhYmxlYCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBGRFBfVEFCTEVfU1RBVEVfRElSRUNUSVZFLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IFRhYmxlSW5pdGlhbFN0YXRlRGlyZWN0aXZlXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlSW5pdGlhbFN0YXRlRGlyZWN0aXZlIGV4dGVuZHMgVGFibGVJbml0aWFsU3RhdGUge1xuICAgIC8qKiBJbml0aWFsIHZpc2libGUgY29sdW1ucy4gQ29uc2lzdCBvZiBhIGxpc3Qgb2YgdW5pcXVlIGNvbHVtbiBuYW1lcyAqL1xuICAgIEBJbnB1dCgpXG4gICAgaW5pdGlhbFZpc2libGVDb2x1bW5zOiBzdHJpbmdbXTtcblxuICAgIC8qKiBJbml0aWFsIHNvcnQgb3B0aW9ucy4gKi9cbiAgICBASW5wdXQoKVxuICAgIGluaXRpYWxTb3J0Qnk6IENvbGxlY3Rpb25Tb3J0W10gPSBbXTtcblxuICAgIC8qKiBJbml0aWFsIGZpbHRlciBvcHRpb25zLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgaW5pdGlhbEZpbHRlckJ5OiBDb2xsZWN0aW9uRmlsdGVyW10gPSBbXTtcblxuICAgIC8qKiBJbml0aWFsIGdyb3VwIG9wdGlvbnMuICovXG4gICAgQElucHV0KClcbiAgICBpbml0aWFsR3JvdXBCeTogQ29sbGVjdGlvbkdyb3VwW10gPSBbXTtcblxuICAgIC8qKiBJbml0aWFsIHBhZ2UuICovXG4gICAgQElucHV0KClcbiAgICBpbml0aWFsUGFnZSA9IDE7XG5cbiAgICAvKipcbiAgICAgKiBJbml0aWFsIHN0YXRlIG9mIHRhYmxlLlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHN0YXRlKHZhbHVlOiBUYWJsZVN0YXRlKSB7XG4gICAgICAgIHRoaXMuc2V0VGFibGVTdGF0ZSh2YWx1ZSB8fCBERUZBVUxUX1RBQkxFX1NUQVRFKTtcbiAgICB9XG5cbiAgICBnZXQgc3RhdGUoKTogVGFibGVTdGF0ZSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldFRhYmxlU3RhdGUoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3RhYmxlOiBUYWJsZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSByZWFkb25seSBfdGFibGVTZXJ2aWNlID0gaW5qZWN0KFRhYmxlU2VydmljZSk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHNldFRhYmxlKHRhYmxlOiBUYWJsZSk6IHZvaWQge1xuICAgICAgICB0aGlzLl90YWJsZSA9IHRhYmxlO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgc2V0SW5pdGlhbFN0YXRlKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBwcmV2U3RhdGUgPSB0aGlzLmdldFRhYmxlU3RhdGUoKTtcbiAgICAgICAgY29uc3QgY29sdW1ucyA9IHRoaXMuX3RhYmxlLmdldFRhYmxlQ29sdW1ucygpO1xuICAgICAgICBjb25zdCBwYWdlID0gcHJldlN0YXRlLnBhZ2U7XG4gICAgICAgIGNvbnN0IHZpc2libGVDb2x1bW5zID1cbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbFZpc2libGVDb2x1bW5zIHx8XG4gICAgICAgICAgICAocHJldlN0YXRlLmNvbHVtbnMubGVuZ3RoID8gcHJldlN0YXRlLmNvbHVtbnMgOiBjb2x1bW5zLmZpbHRlcigoYykgPT4gYy52aXNpYmxlKS5tYXAoKHsgbmFtZSB9KSA9PiBuYW1lKSk7XG5cbiAgICAgICAgY29uc3QgZGlyZWN0aXZlSW5pdGlhbFBhZ2UgPSB0aGlzLmluaXRpYWxQYWdlID8/IDE7XG5cbiAgICAgICAgdGhpcy5fdGFibGUuX2xvYWRQcmV2aW91c1BhZ2VzID1cbiAgICAgICAgICAgIHRoaXMuX3RhYmxlLnBhZ2VTY3JvbGxpbmcgJiYgdGhpcy5fdGFibGUubG9hZFBhZ2VzQmVmb3JlICYmIGRpcmVjdGl2ZUluaXRpYWxQYWdlID4gMTtcblxuICAgICAgICBjb25zdCBpbml0aWFsUGFnZSA9IHRoaXMuX3RhYmxlLl9sb2FkUHJldmlvdXNQYWdlc1xuICAgICAgICAgICAgPyAxXG4gICAgICAgICAgICA6IGRpcmVjdGl2ZUluaXRpYWxQYWdlIDwgcGFnZS5jdXJyZW50UGFnZVxuICAgICAgICAgICAgPyBwYWdlLmN1cnJlbnRQYWdlXG4gICAgICAgICAgICA6IGRpcmVjdGl2ZUluaXRpYWxQYWdlO1xuXG4gICAgICAgIGNvbnN0IGluaXRpYWxQYWdlU2l6ZSA9XG4gICAgICAgICAgICAodGhpcy5fdGFibGUuX2xvYWRQcmV2aW91c1BhZ2VzID8gZGlyZWN0aXZlSW5pdGlhbFBhZ2UgOiBpbml0aWFsUGFnZSkgKlxuICAgICAgICAgICAgKHRoaXMuX3RhYmxlLnBhZ2VTaXplIHx8IHBhZ2UucGFnZVNpemUpO1xuXG4gICAgICAgIHRoaXMuc2V0VGFibGVTdGF0ZSh7XG4gICAgICAgICAgICAuLi5wcmV2U3RhdGUsXG4gICAgICAgICAgICBjb2x1bW5zOiB2aXNpYmxlQ29sdW1ucyxcbiAgICAgICAgICAgIGNvbHVtbktleXM6IGNvbHVtbnMuZmlsdGVyKChjKSA9PiB2aXNpYmxlQ29sdW1ucy5pbmNsdWRlcyhjLm5hbWUpKS5tYXAoKGMpID0+IGMua2V5KSxcbiAgICAgICAgICAgIHNvcnRCeTogdGhpcy5pbml0aWFsU29ydEJ5IHx8IHByZXZTdGF0ZS5zb3J0QnksXG4gICAgICAgICAgICBmaWx0ZXJCeTogdGhpcy5pbml0aWFsRmlsdGVyQnkgfHwgcHJldlN0YXRlLmZpbHRlckJ5LFxuICAgICAgICAgICAgZ3JvdXBCeTogdGhpcy5pbml0aWFsR3JvdXBCeSB8fCBwcmV2U3RhdGUuZ3JvdXBCeSxcbiAgICAgICAgICAgIGZyZWV6ZVRvQ29sdW1uOiB0aGlzLl90YWJsZS5mcmVlemVDb2x1bW5zVG8gfHwgcHJldlN0YXRlLmZyZWV6ZVRvQ29sdW1uLFxuICAgICAgICAgICAgZnJlZXplVG9FbmRDb2x1bW46IHRoaXMuX3RhYmxlLmZyZWV6ZUVuZENvbHVtbnNUbyB8fCBwcmV2U3RhdGUuZnJlZXplVG9FbmRDb2x1bW4sXG4gICAgICAgICAgICBwYWdlOiB7XG4gICAgICAgICAgICAgICAgY3VycmVudFBhZ2U6IGluaXRpYWxQYWdlLFxuICAgICAgICAgICAgICAgIHBhZ2VTaXplOiBpbml0aWFsUGFnZVNpemVcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqIEdldCBjdXJyZW50IHN0YXRlL3NldHRpbmdzIG9mIHRoZSBUYWJsZS4gKi9cbiAgICBnZXRUYWJsZVN0YXRlKCk6IFRhYmxlU3RhdGUge1xuICAgICAgICByZXR1cm4gdGhpcy5fdGFibGVTZXJ2aWNlLmdldFRhYmxlU3RhdGUoKTtcbiAgICB9XG5cbiAgICAvKiogU2V0IGN1cnJlbnQgc3RhdGUvc2V0dGluZ3Mgb2YgdGhlIFRhYmxlLiAqL1xuICAgIHNldFRhYmxlU3RhdGUoc3RhdGU6IFRhYmxlU3RhdGUpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fdGFibGVTZXJ2aWNlLnNldFRhYmxlU3RhdGUoc3RhdGUpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2020/thumbnail/thumbnail-details/thumbnail-details.component.mjs

@@ -134,7 +134,7 @@ export class ThumbnailDetailsComponent {
     }
 }
 ThumbnailDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThumbnailDetailsComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ThumbnailDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ThumbnailDetailsComponent, selector: "fdp-thumbnail-details", host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($event)" } }, viewQueries: [{ propertyName: "thumbnailImage", first: true, predicate: i0.forwardRef(function () { return ThumbnailImageComponent; }), descendants: true }], ngImport: i0, template: "<fd-dialog [attr.dir]=\"_data.rtl ? 'rtl' : 'ltr'\">\n    <fd-dialog-header>\n        <h5 [attr.id]=\"_data.thumbnailId\" [headerSize]=\"5\" fd-title>{{ _data.selectedMedia.title }}</h5>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <button\n            class=\"fd-button fdp-thumbnail-button--left\"\n            [title]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? next() : previous()\"\n            [disabled]=\"leftButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"previous\"\n        >\n            <i class=\"sap-icon--slim-arrow-left\"></i>\n        </button>\n        <div class=\"fdp-media-container\">\n            <img\n                *ngIf=\"_data.selectedMedia.mediaType === 'image'\"\n                class=\"fdp-dialog-media-thumbnail-img\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.thumbnailUrl\"\n                alt=\"first image\"\n            />\n\n            <video\n                *ngIf=\"_data.selectedMedia.mediaType === 'video'\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.mediaUrl\"\n                controls\n            >\n                {{ _data.selectedMedia.alt }}\n                <track\n                    [src]=\"_data.selectedMedia.captionFile\"\n                    kind=\"captions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n                <track\n                    [src]=\"_data.selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n            </video>\n        </div>\n        <button\n            class=\"fd-button fdp-thumbnail-button--right\"\n            [title]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? previous() : next()\"\n            [disabled]=\"rightButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"next\"\n        >\n            <i class=\"sap-icon--slim-arrow-right\"></i>\n        </button>\n        <fdp-thumbnail-image\n            [mediaList]=\"_data.mediaList\"\n            [isHorizontal]=\"true\"\n            [maxImages]=\"_data.mediaList.length\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        ></fdp-thumbnail-image>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n                fdType=\"transparent\"\n                (click)=\"closeDialog()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [":host ::ng-deep fd-dialog :after{width:84rem;height:45.5rem}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left{position:absolute;top:50%;left:2rem;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right{right:2rem;position:absolute;top:50%;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container{position:relative;height:33.125rem;display:flex;width:84rem;max-width:100%;justify-content:center}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container:focus,:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container img{max-width:33.125rem;max-height:33.125rem;max-width:100%;height:auto;position:absolute;padding:.688rem;bottom:0}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container video{max-width:33.125rem;max-height:33.125rem;width:33.125rem;height:33.125rem;position:absolute;padding:.688rem;bottom:0;left:0}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container{text-align:center}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container fd-avatar{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--selected,:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected{width:inherit!important;height:inherit!important;border:.015rem solid;border-radius:.25rem;border-color:#085caf;border-color:var(--sapButton_Emphasized_Hover_BorderColor, #085caf)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.ThumbnailImageComponent, selector: "fdp-thumbnail-image", inputs: ["mediaList", "isHorizontal", "maxImages", "roleDescription", "thumbnailId"], outputs: ["thumbnailClicked", "openDetailsDialog"] }, { kind: "pipe", type: i6.FdTranslatePipe, name: "fdTranslate" }] });
+ThumbnailDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ThumbnailDetailsComponent, selector: "fdp-thumbnail-details", host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($event)" } }, viewQueries: [{ propertyName: "thumbnailImage", first: true, predicate: i0.forwardRef(function () { return ThumbnailImageComponent; }), descendants: true }], ngImport: i0, template: "<fd-dialog [attr.dir]=\"_data.rtl ? 'rtl' : 'ltr'\">\n    <fd-dialog-header>\n        <h5 [attr.id]=\"_data.thumbnailId\" [headerSize]=\"5\" fd-title>{{ _data.selectedMedia.title }}</h5>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <button\n            class=\"fd-button fdp-thumbnail-button--left\"\n            [title]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? next() : previous()\"\n            [disabled]=\"leftButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"previous\"\n        >\n            <i class=\"sap-icon--slim-arrow-left\"></i>\n        </button>\n        <div class=\"fdp-media-container\">\n            <img\n                *ngIf=\"_data.selectedMedia.mediaType === 'image'\"\n                class=\"fdp-dialog-media-thumbnail-img\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.thumbnailUrl\"\n                alt=\"first image\"\n            />\n\n            <video\n                *ngIf=\"_data.selectedMedia.mediaType === 'video'\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.mediaUrl\"\n                controls\n            >\n                {{ _data.selectedMedia.alt }}\n                <track\n                    [src]=\"_data.selectedMedia.captionFile\"\n                    kind=\"captions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n                <track\n                    [src]=\"_data.selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n            </video>\n        </div>\n        <button\n            class=\"fd-button fdp-thumbnail-button--right\"\n            [title]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? previous() : next()\"\n            [disabled]=\"rightButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"next\"\n        >\n            <i class=\"sap-icon--slim-arrow-right\"></i>\n        </button>\n        <fdp-thumbnail-image\n            [mediaList]=\"_data.mediaList\"\n            [isHorizontal]=\"true\"\n            [maxImages]=\"_data.mediaList.length\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        ></fdp-thumbnail-image>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n                fdType=\"transparent\"\n                (click)=\"closeDialog()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [":host ::ng-deep fd-dialog :after{width:84rem;height:45.5rem}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left{position:absolute;top:50%;left:2rem;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right{right:2rem;position:absolute;top:50%;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container{position:relative;height:33.125rem;display:flex;width:84rem;max-width:100%;justify-content:center}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container:focus,:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container img{max-width:33.125rem;max-height:33.125rem;max-width:100%;height:auto;position:absolute;padding:.688rem;bottom:0}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container video{max-width:33.125rem;max-height:33.125rem;width:33.125rem;height:33.125rem;position:absolute;padding:.688rem;bottom:0;left:0}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container{text-align:center}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container fd-avatar{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--selected,:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected{width:inherit!important;height:inherit!important;border:.015rem solid;border-radius:.25rem;border-color:#085caf;border-color:var(--sapButton_Emphasized_Hover_BorderColor, #085caf)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.ThumbnailImageComponent, selector: "fdp-thumbnail-image", inputs: ["mediaList", "isHorizontal", "maxImages", "roleDescription", "thumbnailId"], outputs: ["thumbnailClicked", "openDetailsDialog"] }, { kind: "pipe", type: i6.FdTranslatePipe, name: "fdTranslate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThumbnailDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-thumbnail-details', template: "<fd-dialog [attr.dir]=\"_data.rtl ? 'rtl' : 'ltr'\">\n    <fd-dialog-header>\n        <h5 [attr.id]=\"_data.thumbnailId\" [headerSize]=\"5\" fd-title>{{ _data.selectedMedia.title }}</h5>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <button\n            class=\"fd-button fdp-thumbnail-button--left\"\n            [title]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? next() : previous()\"\n            [disabled]=\"leftButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"previous\"\n        >\n            <i class=\"sap-icon--slim-arrow-left\"></i>\n        </button>\n        <div class=\"fdp-media-container\">\n            <img\n                *ngIf=\"_data.selectedMedia.mediaType === 'image'\"\n                class=\"fdp-dialog-media-thumbnail-img\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.thumbnailUrl\"\n                alt=\"first image\"\n            />\n\n            <video\n                *ngIf=\"_data.selectedMedia.mediaType === 'video'\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.mediaUrl\"\n                controls\n            >\n                {{ _data.selectedMedia.alt }}\n                <track\n                    [src]=\"_data.selectedMedia.captionFile\"\n                    kind=\"captions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n                <track\n                    [src]=\"_data.selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n            </video>\n        </div>\n        <button\n            class=\"fd-button fdp-thumbnail-button--right\"\n            [title]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? previous() : next()\"\n            [disabled]=\"rightButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"next\"\n        >\n            <i class=\"sap-icon--slim-arrow-right\"></i>\n        </button>\n        <fdp-thumbnail-image\n            [mediaList]=\"_data.mediaList\"\n            [isHorizontal]=\"true\"\n            [maxImages]=\"_data.mediaList.length\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        ></fdp-thumbnail-image>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n                fdType=\"transparent\"\n                (click)=\"closeDialog()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [":host ::ng-deep fd-dialog :after{width:84rem;height:45.5rem}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left{position:absolute;top:50%;left:2rem;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right{right:2rem;position:absolute;top:50%;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container{position:relative;height:33.125rem;display:flex;width:84rem;max-width:100%;justify-content:center}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container:focus,:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container img{max-width:33.125rem;max-height:33.125rem;max-width:100%;height:auto;position:absolute;padding:.688rem;bottom:0}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container video{max-width:33.125rem;max-height:33.125rem;width:33.125rem;height:33.125rem;position:absolute;padding:.688rem;bottom:0;left:0}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container{text-align:center}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container fd-avatar{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--selected,:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected{width:inherit!important;height:inherit!important;border:.015rem solid;border-radius:.25rem;border-color:#085caf;border-color:var(--sapButton_Emphasized_Hover_BorderColor, #085caf)}\n"] }]

package/esm2020/upload-collection/dialogs/move-to/move-to.component.mjs

@@ -114,7 +114,7 @@ export class MoveToComponent {
     }
 }
 MoveToComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MoveToComponent, deps: [{ token: i1.DialogRef }, { token: i1.DialogService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MoveToComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MoveToComponent, selector: "ng-component", ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h1 class=\"fd-title--bold\" *ngIf=\"!_currentFolder\" fd-title>\n                        {{ 'platformUploadCollection.moveToTitle' | fdTranslate }}\n                    </h1>\n                    <ng-container *ngIf=\"_currentFolder\">\n                        <button\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"navigation-left-arrow\"\n                            (click)=\"_goToParentFolder()\"\n                        ></button>\n                        <h1 fd-title>\n                            <span>{{ 'platformUploadCollection.moveToTitleFolder' | fdTranslate }}</span>\n                            {{ _currentFolder.name }}\n                        </h1>\n                    </ng-container>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'platformUploadCollection.moveToNewFolderBtnLabel' | fdTranslate\"\n                        (click)=\"_newFolder()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body class=\"fd-dialog__body--no-horizontal-padding\">\n        <ul fd-list>\n            <li *ngIf=\"!_currentFolder\" fd-list-item class=\"fd-list__item--title-background\">\n                <span fd-list-title>{{ 'platformUploadCollection.moveToAllFilesSubHeaderLabel' | fdTranslate }}</span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let folder of _foldersList\"\n                [selected]=\"selectedFolder?.documentId === folder.documentId\"\n            >\n                <a fd-list-link (click)=\"_hasFolders(folder.files) ? _openFolder(folder) : _selectFolder(folder)\">\n                    <fd-icon class=\"fdp-upload-collection__fd-icon\" glyph=\"folder-blank\"></fd-icon>\n                    <span fd-list-title>{{ folder.name }}</span>\n                    <i *ngIf=\"_hasFolders(folder.files)\" fd-list-icon glyph=\"slim-arrow-right\"></i>\n                </a>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            type=\"submit\"\n            [disabled]=\"\n                !(\n                    (selectedFolder && originalFolder?.documentId !== selectedFolder.documentId) ||\n                    (!selectedFolder && originalFolder?.documentId !== _currentFolder?.documentId)\n                )\n            \"\n            (click)=\"_confirm()\"\n        >\n            {{ 'platformUploadCollection.moveToConfirmBtn' | fdTranslate }}\n        </fd-button-bar>\n        <fd-button-bar (click)=\"_close()\">\n            {{ 'platformUploadCollection.moveToCloseBtn' | fdTranslate }}\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-list__item--title-background{background-color:var(--sapList_HeaderBackground)}.fd-dialog__body--no-horizontal-padding{padding-left:0!important;padding-right:0!important}.fd-title--bold{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText", "ariaRole"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "pipe", type: i9.FdTranslatePipe, name: "fdTranslate" }] });
+MoveToComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MoveToComponent, selector: "ng-component", ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h1 class=\"fd-title--bold\" *ngIf=\"!_currentFolder\" fd-title>\n                        {{ 'platformUploadCollection.moveToTitle' | fdTranslate }}\n                    </h1>\n                    <ng-container *ngIf=\"_currentFolder\">\n                        <button\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"navigation-left-arrow\"\n                            (click)=\"_goToParentFolder()\"\n                        ></button>\n                        <h1 fd-title>\n                            <span>{{ 'platformUploadCollection.moveToTitleFolder' | fdTranslate }}</span>\n                            {{ _currentFolder.name }}\n                        </h1>\n                    </ng-container>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'platformUploadCollection.moveToNewFolderBtnLabel' | fdTranslate\"\n                        (click)=\"_newFolder()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body class=\"fd-dialog__body--no-horizontal-padding\">\n        <ul fd-list>\n            <li *ngIf=\"!_currentFolder\" fd-list-item class=\"fd-list__item--title-background\">\n                <span fd-list-title>{{ 'platformUploadCollection.moveToAllFilesSubHeaderLabel' | fdTranslate }}</span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let folder of _foldersList\"\n                [selected]=\"selectedFolder?.documentId === folder.documentId\"\n            >\n                <a fd-list-link (click)=\"_hasFolders(folder.files) ? _openFolder(folder) : _selectFolder(folder)\">\n                    <fd-icon class=\"fdp-upload-collection__fd-icon\" glyph=\"folder-blank\"></fd-icon>\n                    <span fd-list-title>{{ folder.name }}</span>\n                    <i *ngIf=\"_hasFolders(folder.files)\" fd-list-icon glyph=\"slim-arrow-right\"></i>\n                </a>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            type=\"submit\"\n            [disabled]=\"\n                !(\n                    (selectedFolder && originalFolder?.documentId !== selectedFolder.documentId) ||\n                    (!selectedFolder && originalFolder?.documentId !== _currentFolder?.documentId)\n                )\n            \"\n            (click)=\"_confirm()\"\n        >\n            {{ 'platformUploadCollection.moveToConfirmBtn' | fdTranslate }}\n        </fd-button-bar>\n        <fd-button-bar (click)=\"_close()\">\n            {{ 'platformUploadCollection.moveToCloseBtn' | fdTranslate }}\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-list__item--title-background{background-color:var(--sapList_HeaderBackground)}.fd-dialog__body--no-horizontal-padding{padding-left:0!important;padding-right:0!important}.fd-title--bold{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText", "ariaRole"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "pipe", type: i9.FdTranslatePipe, name: "fdTranslate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MoveToComponent, decorators: [{
             type: Component,
             args: [{ template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h1 class=\"fd-title--bold\" *ngIf=\"!_currentFolder\" fd-title>\n                        {{ 'platformUploadCollection.moveToTitle' | fdTranslate }}\n                    </h1>\n                    <ng-container *ngIf=\"_currentFolder\">\n                        <button\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"navigation-left-arrow\"\n                            (click)=\"_goToParentFolder()\"\n                        ></button>\n                        <h1 fd-title>\n                            <span>{{ 'platformUploadCollection.moveToTitleFolder' | fdTranslate }}</span>\n                            {{ _currentFolder.name }}\n                        </h1>\n                    </ng-container>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'platformUploadCollection.moveToNewFolderBtnLabel' | fdTranslate\"\n                        (click)=\"_newFolder()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body class=\"fd-dialog__body--no-horizontal-padding\">\n        <ul fd-list>\n            <li *ngIf=\"!_currentFolder\" fd-list-item class=\"fd-list__item--title-background\">\n                <span fd-list-title>{{ 'platformUploadCollection.moveToAllFilesSubHeaderLabel' | fdTranslate }}</span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let folder of _foldersList\"\n                [selected]=\"selectedFolder?.documentId === folder.documentId\"\n            >\n                <a fd-list-link (click)=\"_hasFolders(folder.files) ? _openFolder(folder) : _selectFolder(folder)\">\n                    <fd-icon class=\"fdp-upload-collection__fd-icon\" glyph=\"folder-blank\"></fd-icon>\n                    <span fd-list-title>{{ folder.name }}</span>\n                    <i *ngIf=\"_hasFolders(folder.files)\" fd-list-icon glyph=\"slim-arrow-right\"></i>\n                </a>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            type=\"submit\"\n            [disabled]=\"\n                !(\n                    (selectedFolder && originalFolder?.documentId !== selectedFolder.documentId) ||\n                    (!selectedFolder && originalFolder?.documentId !== _currentFolder?.documentId)\n                )\n            \"\n            (click)=\"_confirm()\"\n        >\n            {{ 'platformUploadCollection.moveToConfirmBtn' | fdTranslate }}\n        </fd-button-bar>\n        <fd-button-bar (click)=\"_close()\">\n            {{ 'platformUploadCollection.moveToCloseBtn' | fdTranslate }}\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-list__item--title-background{background-color:var(--sapList_HeaderBackground)}.fd-dialog__body--no-horizontal-padding{padding-left:0!important;padding-right:0!important}.fd-title--bold{font-weight:700}\n"] }]

package/esm2020/upload-collection/dialogs/new-folder/new-folder.component.mjs

@@ -40,7 +40,7 @@ export class NewFolderComponent {
     }
 }
 NewFolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NewFolderComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-NewFolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NewFolderComponent, selector: "ng-component", viewQueries: [{ propertyName: "formControl", first: true, predicate: FormControlComponent, descendants: true }], ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 class=\"fd-title--bold\" fd-dialog-title id=\"fdp-upload-collection-new-folder-title\" fd-title>\n            {{ 'platformUploadCollection.newFolderTitle' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <div fd-form-item>\n            <label fd-form-label for=\"fdp-upload-collection-new-folder-input\">\n                {{\n                    (_currentFolder\n                        ? 'platformUploadCollection.newFolderAtFolderInputLabel'\n                        : 'platformUploadCollection.newFolderAtRootInputLabel'\n                    ) | fdTranslate : { folderName: _currentFolder?.name || '' }\n                }}:\n            </label>\n            <input\n                #formControl\n                fd-form-control\n                fdkInitialFocus\n                id=\"fdp-upload-collection-new-folder-input\"\n                type=\"text\"\n                [(ngModel)]=\"_newFolderName\"\n                [placeholder]=\"'platformUploadCollection.newFolderInputPlaceholder' | fdTranslate\"\n            />\n            <span\n                *ngIf=\"_newFolderName.length > _maxFilenameLength\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.title]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.aria-label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n            ></span>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformUploadCollection.newFolderDialogCreateBtnLabel' | fdTranslate\"\n            [disabled]=\"_newFolderName.length > _maxFilenameLength\"\n            (click)=\"dialogRef.close(_newFolderName)\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformUploadCollection.newFolderDialogCancelBtnLabel' | fdTranslate\"\n            (click)=\"dialogRef.dismiss()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-title--bold{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i3.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i3.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i3.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i1.DialogTitleDirective, selector: "[fd-dialog-title]", inputs: ["id"] }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i8.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "pipe", type: i9.FdTranslatePipe, name: "fdTranslate" }] });
+NewFolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NewFolderComponent, selector: "ng-component", viewQueries: [{ propertyName: "formControl", first: true, predicate: FormControlComponent, descendants: true }], ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 class=\"fd-title--bold\" fd-dialog-title id=\"fdp-upload-collection-new-folder-title\" fd-title>\n            {{ 'platformUploadCollection.newFolderTitle' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <div fd-form-item>\n            <label fd-form-label for=\"fdp-upload-collection-new-folder-input\">\n                {{\n                    (_currentFolder\n                        ? 'platformUploadCollection.newFolderAtFolderInputLabel'\n                        : 'platformUploadCollection.newFolderAtRootInputLabel'\n                    ) | fdTranslate : { folderName: _currentFolder?.name || '' }\n                }}:\n            </label>\n            <input\n                #formControl\n                fd-form-control\n                fdkInitialFocus\n                id=\"fdp-upload-collection-new-folder-input\"\n                type=\"text\"\n                [(ngModel)]=\"_newFolderName\"\n                [placeholder]=\"'platformUploadCollection.newFolderInputPlaceholder' | fdTranslate\"\n            />\n            <span\n                *ngIf=\"_newFolderName.length > _maxFilenameLength\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.title]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.aria-label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n            ></span>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformUploadCollection.newFolderDialogCreateBtnLabel' | fdTranslate\"\n            [disabled]=\"_newFolderName.length > _maxFilenameLength\"\n            (click)=\"dialogRef.close(_newFolderName)\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformUploadCollection.newFolderDialogCancelBtnLabel' | fdTranslate\"\n            (click)=\"dialogRef.dismiss()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-title--bold{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i3.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i3.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i3.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i1.DialogTitleDirective, selector: "[fd-dialog-title]", inputs: ["id"] }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i8.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "pipe", type: i9.FdTranslatePipe, name: "fdTranslate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NewFolderComponent, decorators: [{
             type: Component,
             args: [{ template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 class=\"fd-title--bold\" fd-dialog-title id=\"fdp-upload-collection-new-folder-title\" fd-title>\n            {{ 'platformUploadCollection.newFolderTitle' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <div fd-form-item>\n            <label fd-form-label for=\"fdp-upload-collection-new-folder-input\">\n                {{\n                    (_currentFolder\n                        ? 'platformUploadCollection.newFolderAtFolderInputLabel'\n                        : 'platformUploadCollection.newFolderAtRootInputLabel'\n                    ) | fdTranslate : { folderName: _currentFolder?.name || '' }\n                }}:\n            </label>\n            <input\n                #formControl\n                fd-form-control\n                fdkInitialFocus\n                id=\"fdp-upload-collection-new-folder-input\"\n                type=\"text\"\n                [(ngModel)]=\"_newFolderName\"\n                [placeholder]=\"'platformUploadCollection.newFolderInputPlaceholder' | fdTranslate\"\n            />\n            <span\n                *ngIf=\"_newFolderName.length > _maxFilenameLength\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.title]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.aria-label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n            ></span>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformUploadCollection.newFolderDialogCreateBtnLabel' | fdTranslate\"\n            [disabled]=\"_newFolderName.length > _maxFilenameLength\"\n            (click)=\"dialogRef.close(_newFolderName)\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformUploadCollection.newFolderDialogCancelBtnLabel' | fdTranslate\"\n            (click)=\"dialogRef.dismiss()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-title--bold{font-weight:700}\n"] }]

package/esm2020/value-help-dialog/components/define-tab/define-tab.component.mjs

@@ -132,7 +132,7 @@ export class DefineTabComponent extends VhdBaseTab {
     }
 }
 DefineTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DefineTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DefineTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DefineTabComponent, selector: "fdp-define-tab", inputs: { titleId: "titleId", selectedId: "selectedId", conditions: "conditions", included: "included", excluded: "excluded", strategyLabels: "strategyLabels" }, outputs: { includeChange: "includeChange", excludeChange: "excludeChange", conditionChange: "conditionChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<h5 [id]=\"titleId\" role=\"heading\" aria-level=\"5\" fd-title class=\"define-condition-title\">\n    {{ 'platformVHD.defineConditionTitle' | fdTranslate }}\n</h5>\n<ng-container *ngFor=\"let item of _conditions; trackBy: _trackByKeyAndType; index as i\">\n    <fd-layout-grid class=\"condition-row\" [noGap]=\"true\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"5\">\n                <label id=\"CONDITIONPANEL_OPERATOR_LABEL\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    CONDITIONPANEL_OPERATOR_LABEL\n                </label>\n                <label [id]=\"selectedId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    {{\n                        'platformVHD.defineConditionSelectedValueHiddenA11yLabel'\n                            | fdTranslate : { value: item.strategy }\n                    }}</label\n                >\n                <fd-select\n                    class=\"vhd-condition-filters\"\n                    fdLayoutGridCol\n                    colGrow\n                    [class.fd-select-custom-class]=\"false\"\n                    #sttr\n                    [controlTemplate]=\"customSelectTemplate\"\n                    [name]=\"uid + '-' + type + '-strategy-' + item.id\"\n                    [(ngModel)]=\"item.strategy\"\n                    (valueChange)=\"_filterChanged()\"\n                    role=\"combobox\"\n                    aria-roledescription=\"select\"\n                    aria-haspopup=\"listbox\"\n                    [ariaLabelledBy]=\"titleId + ' ' + 'CONDITIONPANEL_OPERATOR_LABEL' + ' ' + selectedId\"\n                >\n                    <ng-container *ngIf=\"_includeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderInclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _includeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.include, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"_excludeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderExclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _excludeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.exclude, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                </fd-select>\n            </div>\n            <div\n                fdLayoutGridCol\n                colGrow\n                *ngIf=\"\n                    item.strategy !== _strategyIncludeValues.empty && item.strategy !== _strategyExcludeValues.not_empty\n                \"\n            >\n                <div fdLayoutGridRow>\n                    <ng-container *ngIf=\"item.strategy === _strategyIncludeValues.between; else valueIncludeTemplate\">\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionFromPlaceholder' | fdTranslate\"\n                                    placeholder=\"from\"\n                                    required\n                                    [state]=\"fromModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-from-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #fromModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionToPlaceholder' | fdTranslate\"\n                                    required\n                                    [state]=\"toModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-to-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #toModel=\"ngModel\"\n                                    [(ngModel)]=\"item.valueTo\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-container>\n                    <ng-template #valueIncludeTemplate>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group>\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionValuePlaceholder' | fdTranslate\"\n                                    [state]=\"valueModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-value-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, !!valueModel.valid)\"\n                                    #valueModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container *ngIf=\"valueModel.invalid\">\n                                    <ng-container\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-container>\n                                </ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n            <div class=\"action-col\" fdLayoutGridCol colGrow>\n                <button\n                    fd-button\n                    [ariaLabel]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    [title]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    (click)=\"removeCondition(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-container>\n\n<fd-layout-grid class=\"condition-row new-condition-row\" [noGap]=\"true\">\n    <div fdLayoutGridRow>\n        <div fdLayoutGridCol colGrow>&nbsp;</div>\n        <div fdLayoutGridCol class=\"action-col\">\n            <button\n                fd-button\n                [attr.aria-label]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                [label]=\"'platformVHD.defineConditionAddConditionButtonLabel' | fdTranslate\"\n                [title]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                (click)=\"addEmptyCondition()\"\n            ></button>\n        </div>\n    </div>\n</fd-layout-grid>\n\n<ng-template #conditionStrategyOption let-type=\"type\" let-strategy=\"strategy\">\n    <ng-container [ngSwitch]=\"strategy.key\">\n        <ng-container *ngSwitchCase=\"'contains'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelContains' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'between'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelBetween' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'startsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelStartsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'endsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEndsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEmpty' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEmpty' | fdTranslate }}\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #countError let-count>\n    <fd-form-message type=\"error\" *ngIf=\"count && count > 7\">\n        {{ 'platformVHD.defineConditionMaxCountError' | fdTranslate : { count: 7 } }}\n    </fd-form-message>\n</ng-template>\n\n<ng-template #customSelectTemplate let-textValue>\n    {{ textValue }}\n</ng-template>\n", styles: [".fdp-value-help-dialog .fd-row{min-width:100%!important;margin:0!important}.fdp-value-help-dialog .condition-row>.fd-col{padding:0 .5rem .5rem 0}.fdp-value-help-dialog .condition-row>.fd-col:last-child{padding-right:0}.fdp-value-help-dialog .condition-row .fd-input{margin:0}.fdp-value-help-dialog fdp-define-tab{height:100%;overflow:auto}.fdp-value-help-dialog fdp-define-tab .define-condition-title{padding:.625rem 0 0}.fdp-value-help-dialog fdp-define-tab .fd-container--no-gap{margin:0!important}.fdp-value-help-dialog .vhd-condition-filters fd-popover{width:100%}.fdp-value-help-dialog .condition-row{align-items:center}.fdp-value-help-dialog .condition-row .main-col{min-width:auto;flex:1 1 auto}.fdp-value-help-dialog .condition-row .action-col{min-width:auto;flex:0 0 auto}.fdp-value-help-dialog .condition-row .fd-input{margin-top:0}.fdp-value-help-dialog .condition-row.new-condition-row{padding-top:.5rem}.fdp-value-help-dialog .condition-row.new-condition-row .fd-button{margin-right:2.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i5.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i5.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: i6.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i6.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i6.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: i7.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i8.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i8.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: i9.ConditionCountMessageDirective, selector: "[fdp-condition-count-message]", inputs: ["maxCharacters"] }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+DefineTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DefineTabComponent, selector: "fdp-define-tab", inputs: { titleId: "titleId", selectedId: "selectedId", conditions: "conditions", included: "included", excluded: "excluded", strategyLabels: "strategyLabels" }, outputs: { includeChange: "includeChange", excludeChange: "excludeChange", conditionChange: "conditionChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<h5 [id]=\"titleId\" role=\"heading\" aria-level=\"5\" fd-title class=\"define-condition-title\">\n    {{ 'platformVHD.defineConditionTitle' | fdTranslate }}\n</h5>\n<ng-container *ngFor=\"let item of _conditions; trackBy: _trackByKeyAndType; index as i\">\n    <fd-layout-grid class=\"condition-row\" [noGap]=\"true\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"5\">\n                <label id=\"CONDITIONPANEL_OPERATOR_LABEL\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    CONDITIONPANEL_OPERATOR_LABEL\n                </label>\n                <label [id]=\"selectedId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    {{\n                        'platformVHD.defineConditionSelectedValueHiddenA11yLabel'\n                            | fdTranslate : { value: item.strategy }\n                    }}</label\n                >\n                <fd-select\n                    class=\"vhd-condition-filters\"\n                    fdLayoutGridCol\n                    colGrow\n                    [class.fd-select-custom-class]=\"false\"\n                    #sttr\n                    [controlTemplate]=\"customSelectTemplate\"\n                    [name]=\"uid + '-' + type + '-strategy-' + item.id\"\n                    [(ngModel)]=\"item.strategy\"\n                    (valueChange)=\"_filterChanged()\"\n                    role=\"combobox\"\n                    aria-roledescription=\"select\"\n                    aria-haspopup=\"listbox\"\n                    [ariaLabelledBy]=\"titleId + ' ' + 'CONDITIONPANEL_OPERATOR_LABEL' + ' ' + selectedId\"\n                >\n                    <ng-container *ngIf=\"_includeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderInclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _includeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.include, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"_excludeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderExclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _excludeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.exclude, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                </fd-select>\n            </div>\n            <div\n                fdLayoutGridCol\n                colGrow\n                *ngIf=\"\n                    item.strategy !== _strategyIncludeValues.empty && item.strategy !== _strategyExcludeValues.not_empty\n                \"\n            >\n                <div fdLayoutGridRow>\n                    <ng-container *ngIf=\"item.strategy === _strategyIncludeValues.between; else valueIncludeTemplate\">\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionFromPlaceholder' | fdTranslate\"\n                                    placeholder=\"from\"\n                                    required\n                                    [state]=\"fromModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-from-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #fromModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionToPlaceholder' | fdTranslate\"\n                                    required\n                                    [state]=\"toModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-to-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #toModel=\"ngModel\"\n                                    [(ngModel)]=\"item.valueTo\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-container>\n                    <ng-template #valueIncludeTemplate>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group>\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionValuePlaceholder' | fdTranslate\"\n                                    [state]=\"valueModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-value-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, !!valueModel.valid)\"\n                                    #valueModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container *ngIf=\"valueModel.invalid\">\n                                    <ng-container\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-container>\n                                </ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n            <div class=\"action-col\" fdLayoutGridCol colGrow>\n                <button\n                    fd-button\n                    [ariaLabel]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    [title]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    (click)=\"removeCondition(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-container>\n\n<fd-layout-grid class=\"condition-row new-condition-row\" [noGap]=\"true\">\n    <div fdLayoutGridRow>\n        <div fdLayoutGridCol colGrow>&nbsp;</div>\n        <div fdLayoutGridCol class=\"action-col\">\n            <button\n                fd-button\n                [attr.aria-label]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                [label]=\"'platformVHD.defineConditionAddConditionButtonLabel' | fdTranslate\"\n                [title]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                (click)=\"addEmptyCondition()\"\n            ></button>\n        </div>\n    </div>\n</fd-layout-grid>\n\n<ng-template #conditionStrategyOption let-type=\"type\" let-strategy=\"strategy\">\n    <ng-container [ngSwitch]=\"strategy.key\">\n        <ng-container *ngSwitchCase=\"'contains'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelContains' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'between'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelBetween' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'startsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelStartsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'endsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEndsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEmpty' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEmpty' | fdTranslate }}\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #countError let-count>\n    <fd-form-message type=\"error\" *ngIf=\"count && count > 7\">\n        {{ 'platformVHD.defineConditionMaxCountError' | fdTranslate : { count: 7 } }}\n    </fd-form-message>\n</ng-template>\n\n<ng-template #customSelectTemplate let-textValue>\n    {{ textValue }}\n</ng-template>\n", styles: [".fdp-value-help-dialog .fd-row{min-width:100%!important;margin:0!important}.fdp-value-help-dialog .condition-row>.fd-col{padding:0 .5rem .5rem 0}.fdp-value-help-dialog .condition-row>.fd-col:last-child{padding-right:0}.fdp-value-help-dialog .condition-row .fd-input{margin:0}.fdp-value-help-dialog fdp-define-tab{height:100%;overflow:auto}.fdp-value-help-dialog fdp-define-tab .define-condition-title{padding:.625rem 0 0}.fdp-value-help-dialog fdp-define-tab .fd-container--no-gap{margin:0!important}.fdp-value-help-dialog .vhd-condition-filters fd-popover{width:100%}.fdp-value-help-dialog .condition-row{align-items:center}.fdp-value-help-dialog .condition-row .main-col{min-width:auto;flex:1 1 auto}.fdp-value-help-dialog .condition-row .action-col{min-width:auto;flex:0 0 auto}.fdp-value-help-dialog .condition-row .fd-input{margin-top:0}.fdp-value-help-dialog .condition-row.new-condition-row{padding-top:.5rem}.fdp-value-help-dialog .condition-row.new-condition-row .fd-button{margin-right:2.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i5.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i5.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: i6.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i6.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i6.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: i7.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i8.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i8.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: i9.ConditionCountMessageDirective, selector: "[fdp-condition-count-message]", inputs: ["maxCharacters"] }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DefineTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-define-tab', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<h5 [id]=\"titleId\" role=\"heading\" aria-level=\"5\" fd-title class=\"define-condition-title\">\n    {{ 'platformVHD.defineConditionTitle' | fdTranslate }}\n</h5>\n<ng-container *ngFor=\"let item of _conditions; trackBy: _trackByKeyAndType; index as i\">\n    <fd-layout-grid class=\"condition-row\" [noGap]=\"true\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"5\">\n                <label id=\"CONDITIONPANEL_OPERATOR_LABEL\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    CONDITIONPANEL_OPERATOR_LABEL\n                </label>\n                <label [id]=\"selectedId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    {{\n                        'platformVHD.defineConditionSelectedValueHiddenA11yLabel'\n                            | fdTranslate : { value: item.strategy }\n                    }}</label\n                >\n                <fd-select\n                    class=\"vhd-condition-filters\"\n                    fdLayoutGridCol\n                    colGrow\n                    [class.fd-select-custom-class]=\"false\"\n                    #sttr\n                    [controlTemplate]=\"customSelectTemplate\"\n                    [name]=\"uid + '-' + type + '-strategy-' + item.id\"\n                    [(ngModel)]=\"item.strategy\"\n                    (valueChange)=\"_filterChanged()\"\n                    role=\"combobox\"\n                    aria-roledescription=\"select\"\n                    aria-haspopup=\"listbox\"\n                    [ariaLabelledBy]=\"titleId + ' ' + 'CONDITIONPANEL_OPERATOR_LABEL' + ' ' + selectedId\"\n                >\n                    <ng-container *ngIf=\"_includeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderInclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _includeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.include, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"_excludeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderExclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _excludeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.exclude, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                </fd-select>\n            </div>\n            <div\n                fdLayoutGridCol\n                colGrow\n                *ngIf=\"\n                    item.strategy !== _strategyIncludeValues.empty && item.strategy !== _strategyExcludeValues.not_empty\n                \"\n            >\n                <div fdLayoutGridRow>\n                    <ng-container *ngIf=\"item.strategy === _strategyIncludeValues.between; else valueIncludeTemplate\">\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionFromPlaceholder' | fdTranslate\"\n                                    placeholder=\"from\"\n                                    required\n                                    [state]=\"fromModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-from-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #fromModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionToPlaceholder' | fdTranslate\"\n                                    required\n                                    [state]=\"toModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-to-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #toModel=\"ngModel\"\n                                    [(ngModel)]=\"item.valueTo\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-container>\n                    <ng-template #valueIncludeTemplate>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group>\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionValuePlaceholder' | fdTranslate\"\n                                    [state]=\"valueModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-value-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, !!valueModel.valid)\"\n                                    #valueModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container *ngIf=\"valueModel.invalid\">\n                                    <ng-container\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-container>\n                                </ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n            <div class=\"action-col\" fdLayoutGridCol colGrow>\n                <button\n                    fd-button\n                    [ariaLabel]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    [title]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    (click)=\"removeCondition(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-container>\n\n<fd-layout-grid class=\"condition-row new-condition-row\" [noGap]=\"true\">\n    <div fdLayoutGridRow>\n        <div fdLayoutGridCol colGrow>&nbsp;</div>\n        <div fdLayoutGridCol class=\"action-col\">\n            <button\n                fd-button\n                [attr.aria-label]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                [label]=\"'platformVHD.defineConditionAddConditionButtonLabel' | fdTranslate\"\n                [title]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                (click)=\"addEmptyCondition()\"\n            ></button>\n        </div>\n    </div>\n</fd-layout-grid>\n\n<ng-template #conditionStrategyOption let-type=\"type\" let-strategy=\"strategy\">\n    <ng-container [ngSwitch]=\"strategy.key\">\n        <ng-container *ngSwitchCase=\"'contains'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelContains' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'between'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelBetween' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'startsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelStartsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'endsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEndsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEmpty' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEmpty' | fdTranslate }}\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #countError let-count>\n    <fd-form-message type=\"error\" *ngIf=\"count && count > 7\">\n        {{ 'platformVHD.defineConditionMaxCountError' | fdTranslate : { count: 7 } }}\n    </fd-form-message>\n</ng-template>\n\n<ng-template #customSelectTemplate let-textValue>\n    {{ textValue }}\n</ng-template>\n", styles: [".fdp-value-help-dialog .fd-row{min-width:100%!important;margin:0!important}.fdp-value-help-dialog .condition-row>.fd-col{padding:0 .5rem .5rem 0}.fdp-value-help-dialog .condition-row>.fd-col:last-child{padding-right:0}.fdp-value-help-dialog .condition-row .fd-input{margin:0}.fdp-value-help-dialog fdp-define-tab{height:100%;overflow:auto}.fdp-value-help-dialog fdp-define-tab .define-condition-title{padding:.625rem 0 0}.fdp-value-help-dialog fdp-define-tab .fd-container--no-gap{margin:0!important}.fdp-value-help-dialog .vhd-condition-filters fd-popover{width:100%}.fdp-value-help-dialog .condition-row{align-items:center}.fdp-value-help-dialog .condition-row .main-col{min-width:auto;flex:1 1 auto}.fdp-value-help-dialog .condition-row .action-col{min-width:auto;flex:0 0 auto}.fdp-value-help-dialog .condition-row .fd-input{margin-top:0}.fdp-value-help-dialog .condition-row.new-condition-row{padding-top:.5rem}.fdp-value-help-dialog .condition-row.new-condition-row .fd-button{margin-right:2.5rem}\n"] }]

package/esm2020/value-help-dialog/components/select-tab/select-tab.component.mjs

@@ -251,7 +251,7 @@ export class SelectTabComponent extends VhdBaseTab {
     }
 }
 SelectTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SelectTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SelectTabComponent, selector: "fdp-select-tab", inputs: { selectTabTitleId: "selectTabTitleId", selectTabCountId: "selectTabCountId", selected: "selected", loading: "loading", filters: "filters", selection: "selection", emptyTableMessage: "emptyTableMessage", uniqueKey: "uniqueKey", pageSize: "pageSize", defaultMobileHeaders: "defaultMobileHeaders", displayedData: "displayedData", allowSelectAll: "allowSelectAll" }, outputs: { select: "select" }, providers: [DestroyedService], viewQueries: [{ propertyName: "infiniteScrollTable", first: true, predicate: InfiniteScrollDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"table-header\">\n    <h5 fd-title role=\"heading\" aria-level=\"5\">\n        {{ 'platformVHD.selectTabDisplayCountLabel' | fdTranslate : { count: displayedData.length } }}\n    </h5>\n</div>\n<div\n    class=\"fdp-value-help-dialog__table-holder table-content\"\n    fd-scrollbar\n    fdInfiniteScroll\n    (onScrollAction)=\"_showMoreElements()\"\n    [scrollPercent]=\"80\"\n    role=\"table\"\n>\n    <table\n        fd-table\n        [popIn]=\"mobile\"\n        [noBorderX]=\"mobile\"\n        [noBorderY]=\"false\"\n        [attr.aria-colcount]=\"_tableFilters.main.length\"\n        [attr.aria-rowcount]=\"displayedData.length\"\n        role=\"grid\"\n        aria-multiselectable=\"true\"\n        [attr.aria-labelledby]=\"selectTabTitleId + ' ' + selectTabCountId\"\n    >\n        <label [id]=\"selectTabCountId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n            {{\n                'platformVHD.selectTabCountHiddenA11yLabel'\n                    | fdTranslate : { rowCount: displayedData.length, colCount: _tableFilters.main.length }\n            }}\n        </label>\n        <label [id]=\"selectTabTitleId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n            {{ 'platformVHD.selectTabDisplayCountLabel' | fdTranslate : { count: displayedData.length } }}\n        </label>\n        <thead fd-table-header>\n            <tr fd-table-row *ngIf=\"displayedData.length && _tableFilters\">\n                <th fd-table-cell [fitContent]=\"mobile\">\n                    <fd-checkbox\n                        *ngIf=\"isMultiSelection && allowSelectAll\"\n                        [name]=\"uid + '-row-all'\"\n                        [tristate]=\"true\"\n                        [tristateSelectable]=\"false\"\n                        [ngModel]=\"_selectedAll\"\n                        (ngModelChange)=\"_toggleAllRows()\"\n                    ></fd-checkbox>\n                </th>\n                <th\n                    fd-table-cell\n                    *ngFor=\"let filter of _tableFilters.main; trackBy: _trackByFilterFn; let colindex = index\"\n                    [attr.aria-colindex]=\"colindex\"\n                >\n                    {{ filter.label }}\n                </th>\n            </tr>\n        </thead>\n        <tbody fd-table-body>\n            <ng-container\n                *ngFor=\"\n                    let row of displayedData | slice : _shownFrom : _shownCount;\n                    trackBy: _trackByTableRowFn;\n                    index as i\n                \"\n            >\n                <tr\n                    fd-table-row\n                    [hoverable]=\"!mobile\"\n                    [main]=\"mobile\"\n                    [attr.aria-selected]=\"_selectedMap[row[uniqueKey]]\"\n                    [activable]=\"!isMultiSelection\"\n                    (click)=\"!isMultiSelection && _toggleSelectRow(row)\"\n                >\n                    <td fd-table-cell [fitContent]=\"mobile\">\n                        <fd-checkbox\n                            *ngIf=\"isMultiSelection\"\n                            [name]=\"uid + '-row-' + i\"\n                            [ngModel]=\"_selectedMap[row[uniqueKey]]\"\n                            (change)=\"_toggleSelectRow(row)\"\n                        ></fd-checkbox>\n                    </td>\n                    <td\n                        fd-table-cell\n                        *ngFor=\"let filter of _tableFilters.main; let rowIndex = index\"\n                        [attr.aria-rowindex]=\"rowIndex\"\n                    >\n                        <ng-container *ngIf=\"_columnDefMap.get(filter.key) as columnDef; else defaultColumnRenderer\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"columnDef.templateRef\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: row,\n                                    key: filter.key,\n                                    value: row[filter.key] || ''\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n                        <ng-template #defaultColumnRenderer>\n                            {{ row[filter.key] || '' }}\n                        </ng-template>\n                    </td>\n                </tr>\n\n                <tr\n                    fd-table-row\n                    *ngIf=\"mobile && _tableFilters.secondary.length\"\n                    [secondary]=\"true\"\n                    [attr.aria-selected]=\"_selectedMap[row[uniqueKey]]\"\n                >\n                    <td fd-table-cell></td>\n                    <td colspan=\"100%\" fd-table-cell [fitContent]=\"true\">\n                        <p fd-table-text *ngFor=\"let filter of _tableFilters.secondary\">\n                            <label>{{ filter.label }}:</label>\n                            {{ row[filter.key] || '' }}\n                        </p>\n                    </td>\n                </tr>\n            </ng-container>\n            <tr\n                fd-table-row\n                *ngIf=\"displayedData.length && mobile && _shownCount && _shownCount !== displayedData.length\"\n            >\n                <td colspan=\"100%\">\n                    <div fd-bar barDesign=\"header-with-subheader\">\n                        <div fd-bar-middle>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"'platformVHD.selectTabMoreBtnLabel' | fdTranslate\"\n                                    (click)=\"_showMoreElements()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </td>\n            </tr>\n            <ng-container *ngIf=\"loading && !displayedData.length\">\n                <tr fd-table-row *fdkRepeat=\"3\">\n                    <td fd-table-cell *fdkRepeat=\"3\">\n                        <fd-skeleton style=\"margin: auto 0\" type=\"text\" textLines=\"1\" width=\"60%\"></fd-skeleton>\n                    </td>\n                </tr>\n            </ng-container>\n            <tr fd-table-row *ngIf=\"!loading && !displayedData.length\">\n                <td fd-table-cell colspan=\"100%\">\n                    <div class=\"fdp-value-help-dialog__empty-message\">\n                        {{ emptyTableMessage || ('platformVHD.searchTableEmptyMessage' | fdTranslate) }}\n                    </div>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [".fdp-value-help-dialog__advanced-filters .fd-col{padding-top:0}.fdp-value-help-dialog__content-holder fdp-select-tab{display:flex;flex-direction:column;overflow:hidden;height:100%}.fdp-value-help-dialog__content-holder .table-header{flex:0 0 auto}.fdp-value-help-dialog__content-holder .table-content{flex:1 1 auto;overflow:auto;min-height:5rem}.fdp-value-help-dialog__table-holder{padding-top:0;padding-bottom:0}.fdp-value-help-dialog__empty-message{padding:1rem 2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i7.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i7.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i7.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i7.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i7.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i7.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: i8.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "directive", type: i9.InfiniteScrollDirective, selector: "[fdInfiniteScroll]", inputs: ["scrollPercent", "scrollOffset"], outputs: ["onScrollAction"] }, { kind: "directive", type: i10.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible", "overrideTabindex"] }, { kind: "component", type: i11.SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "directive", type: i12.RepeatDirective, selector: "[fdkRepeat], [fdRepeat]", inputs: ["fdkRepeat", "fdRepeat"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i13.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+SelectTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SelectTabComponent, selector: "fdp-select-tab", inputs: { selectTabTitleId: "selectTabTitleId", selectTabCountId: "selectTabCountId", selected: "selected", loading: "loading", filters: "filters", selection: "selection", emptyTableMessage: "emptyTableMessage", uniqueKey: "uniqueKey", pageSize: "pageSize", defaultMobileHeaders: "defaultMobileHeaders", displayedData: "displayedData", allowSelectAll: "allowSelectAll" }, outputs: { select: "select" }, providers: [DestroyedService], viewQueries: [{ propertyName: "infiniteScrollTable", first: true, predicate: InfiniteScrollDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"table-header\">\n    <h5 fd-title role=\"heading\" aria-level=\"5\">\n        {{ 'platformVHD.selectTabDisplayCountLabel' | fdTranslate : { count: displayedData.length } }}\n    </h5>\n</div>\n<div\n    class=\"fdp-value-help-dialog__table-holder table-content\"\n    fd-scrollbar\n    fdInfiniteScroll\n    (onScrollAction)=\"_showMoreElements()\"\n    [scrollPercent]=\"80\"\n    role=\"table\"\n>\n    <table\n        fd-table\n        [popIn]=\"mobile\"\n        [noBorderX]=\"mobile\"\n        [noBorderY]=\"false\"\n        [attr.aria-colcount]=\"_tableFilters.main.length\"\n        [attr.aria-rowcount]=\"displayedData.length\"\n        role=\"grid\"\n        aria-multiselectable=\"true\"\n        [attr.aria-labelledby]=\"selectTabTitleId + ' ' + selectTabCountId\"\n    >\n        <label [id]=\"selectTabCountId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n            {{\n                'platformVHD.selectTabCountHiddenA11yLabel'\n                    | fdTranslate : { rowCount: displayedData.length, colCount: _tableFilters.main.length }\n            }}\n        </label>\n        <label [id]=\"selectTabTitleId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n            {{ 'platformVHD.selectTabDisplayCountLabel' | fdTranslate : { count: displayedData.length } }}\n        </label>\n        <thead fd-table-header>\n            <tr fd-table-row *ngIf=\"displayedData.length && _tableFilters\">\n                <th fd-table-cell [fitContent]=\"mobile\">\n                    <fd-checkbox\n                        *ngIf=\"isMultiSelection && allowSelectAll\"\n                        [name]=\"uid + '-row-all'\"\n                        [tristate]=\"true\"\n                        [tristateSelectable]=\"false\"\n                        [ngModel]=\"_selectedAll\"\n                        (ngModelChange)=\"_toggleAllRows()\"\n                    ></fd-checkbox>\n                </th>\n                <th\n                    fd-table-cell\n                    *ngFor=\"let filter of _tableFilters.main; trackBy: _trackByFilterFn; let colindex = index\"\n                    [attr.aria-colindex]=\"colindex\"\n                >\n                    {{ filter.label }}\n                </th>\n            </tr>\n        </thead>\n        <tbody fd-table-body>\n            <ng-container\n                *ngFor=\"\n                    let row of displayedData | slice : _shownFrom : _shownCount;\n                    trackBy: _trackByTableRowFn;\n                    index as i\n                \"\n            >\n                <tr\n                    fd-table-row\n                    [hoverable]=\"!mobile\"\n                    [main]=\"mobile\"\n                    [attr.aria-selected]=\"_selectedMap[row[uniqueKey]]\"\n                    [activable]=\"!isMultiSelection\"\n                    (click)=\"!isMultiSelection && _toggleSelectRow(row)\"\n                >\n                    <td fd-table-cell [fitContent]=\"mobile\">\n                        <fd-checkbox\n                            *ngIf=\"isMultiSelection\"\n                            [name]=\"uid + '-row-' + i\"\n                            [ngModel]=\"_selectedMap[row[uniqueKey]]\"\n                            (change)=\"_toggleSelectRow(row)\"\n                        ></fd-checkbox>\n                    </td>\n                    <td\n                        fd-table-cell\n                        *ngFor=\"let filter of _tableFilters.main; let rowIndex = index\"\n                        [attr.aria-rowindex]=\"rowIndex\"\n                    >\n                        <ng-container *ngIf=\"_columnDefMap.get(filter.key) as columnDef; else defaultColumnRenderer\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"columnDef.templateRef\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: row,\n                                    key: filter.key,\n                                    value: row[filter.key] || ''\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n                        <ng-template #defaultColumnRenderer>\n                            {{ row[filter.key] || '' }}\n                        </ng-template>\n                    </td>\n                </tr>\n\n                <tr\n                    fd-table-row\n                    *ngIf=\"mobile && _tableFilters.secondary.length\"\n                    [secondary]=\"true\"\n                    [attr.aria-selected]=\"_selectedMap[row[uniqueKey]]\"\n                >\n                    <td fd-table-cell></td>\n                    <td colspan=\"100%\" fd-table-cell [fitContent]=\"true\">\n                        <p fd-table-text *ngFor=\"let filter of _tableFilters.secondary\">\n                            <label>{{ filter.label }}:</label>\n                            {{ row[filter.key] || '' }}\n                        </p>\n                    </td>\n                </tr>\n            </ng-container>\n            <tr\n                fd-table-row\n                *ngIf=\"displayedData.length && mobile && _shownCount && _shownCount !== displayedData.length\"\n            >\n                <td colspan=\"100%\">\n                    <div fd-bar barDesign=\"header-with-subheader\">\n                        <div fd-bar-middle>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"'platformVHD.selectTabMoreBtnLabel' | fdTranslate\"\n                                    (click)=\"_showMoreElements()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </td>\n            </tr>\n            <ng-container *ngIf=\"loading && !displayedData.length\">\n                <tr fd-table-row *fdkRepeat=\"3\">\n                    <td fd-table-cell *fdkRepeat=\"3\">\n                        <fd-skeleton style=\"margin: auto 0\" type=\"text\" textLines=\"1\" width=\"60%\"></fd-skeleton>\n                    </td>\n                </tr>\n            </ng-container>\n            <tr fd-table-row *ngIf=\"!loading && !displayedData.length\">\n                <td fd-table-cell colspan=\"100%\">\n                    <div class=\"fdp-value-help-dialog__empty-message\">\n                        {{ emptyTableMessage || ('platformVHD.searchTableEmptyMessage' | fdTranslate) }}\n                    </div>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [".fdp-value-help-dialog__advanced-filters .fd-col{padding-top:0}.fdp-value-help-dialog__content-holder fdp-select-tab{display:flex;flex-direction:column;overflow:hidden;height:100%}.fdp-value-help-dialog__content-holder .table-header{flex:0 0 auto}.fdp-value-help-dialog__content-holder .table-content{flex:1 1 auto;overflow:auto;min-height:5rem}.fdp-value-help-dialog__table-holder{padding-top:0;padding-bottom:0}.fdp-value-help-dialog__empty-message{padding:1rem 2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i7.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i7.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i7.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i7.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i7.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i7.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: i8.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "directive", type: i9.InfiniteScrollDirective, selector: "[fdInfiniteScroll]", inputs: ["scrollPercent", "scrollOffset"], outputs: ["onScrollAction"] }, { kind: "directive", type: i10.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible", "overrideTabindex"] }, { kind: "component", type: i11.SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "directive", type: i12.RepeatDirective, selector: "[fdkRepeat], [fdRepeat]", inputs: ["fdkRepeat", "fdRepeat"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i13.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-select-tab', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DestroyedService], template: "<div class=\"table-header\">\n    <h5 fd-title role=\"heading\" aria-level=\"5\">\n        {{ 'platformVHD.selectTabDisplayCountLabel' | fdTranslate : { count: displayedData.length } }}\n    </h5>\n</div>\n<div\n    class=\"fdp-value-help-dialog__table-holder table-content\"\n    fd-scrollbar\n    fdInfiniteScroll\n    (onScrollAction)=\"_showMoreElements()\"\n    [scrollPercent]=\"80\"\n    role=\"table\"\n>\n    <table\n        fd-table\n        [popIn]=\"mobile\"\n        [noBorderX]=\"mobile\"\n        [noBorderY]=\"false\"\n        [attr.aria-colcount]=\"_tableFilters.main.length\"\n        [attr.aria-rowcount]=\"displayedData.length\"\n        role=\"grid\"\n        aria-multiselectable=\"true\"\n        [attr.aria-labelledby]=\"selectTabTitleId + ' ' + selectTabCountId\"\n    >\n        <label [id]=\"selectTabCountId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n            {{\n                'platformVHD.selectTabCountHiddenA11yLabel'\n                    | fdTranslate : { rowCount: displayedData.length, colCount: _tableFilters.main.length }\n            }}\n        </label>\n        <label [id]=\"selectTabTitleId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n            {{ 'platformVHD.selectTabDisplayCountLabel' | fdTranslate : { count: displayedData.length } }}\n        </label>\n        <thead fd-table-header>\n            <tr fd-table-row *ngIf=\"displayedData.length && _tableFilters\">\n                <th fd-table-cell [fitContent]=\"mobile\">\n                    <fd-checkbox\n                        *ngIf=\"isMultiSelection && allowSelectAll\"\n                        [name]=\"uid + '-row-all'\"\n                        [tristate]=\"true\"\n                        [tristateSelectable]=\"false\"\n                        [ngModel]=\"_selectedAll\"\n                        (ngModelChange)=\"_toggleAllRows()\"\n                    ></fd-checkbox>\n                </th>\n                <th\n                    fd-table-cell\n                    *ngFor=\"let filter of _tableFilters.main; trackBy: _trackByFilterFn; let colindex = index\"\n                    [attr.aria-colindex]=\"colindex\"\n                >\n                    {{ filter.label }}\n                </th>\n            </tr>\n        </thead>\n        <tbody fd-table-body>\n            <ng-container\n                *ngFor=\"\n                    let row of displayedData | slice : _shownFrom : _shownCount;\n                    trackBy: _trackByTableRowFn;\n                    index as i\n                \"\n            >\n                <tr\n                    fd-table-row\n                    [hoverable]=\"!mobile\"\n                    [main]=\"mobile\"\n                    [attr.aria-selected]=\"_selectedMap[row[uniqueKey]]\"\n                    [activable]=\"!isMultiSelection\"\n                    (click)=\"!isMultiSelection && _toggleSelectRow(row)\"\n                >\n                    <td fd-table-cell [fitContent]=\"mobile\">\n                        <fd-checkbox\n                            *ngIf=\"isMultiSelection\"\n                            [name]=\"uid + '-row-' + i\"\n                            [ngModel]=\"_selectedMap[row[uniqueKey]]\"\n                            (change)=\"_toggleSelectRow(row)\"\n                        ></fd-checkbox>\n                    </td>\n                    <td\n                        fd-table-cell\n                        *ngFor=\"let filter of _tableFilters.main; let rowIndex = index\"\n                        [attr.aria-rowindex]=\"rowIndex\"\n                    >\n                        <ng-container *ngIf=\"_columnDefMap.get(filter.key) as columnDef; else defaultColumnRenderer\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"columnDef.templateRef\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: row,\n                                    key: filter.key,\n                                    value: row[filter.key] || ''\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n                        <ng-template #defaultColumnRenderer>\n                            {{ row[filter.key] || '' }}\n                        </ng-template>\n                    </td>\n                </tr>\n\n                <tr\n                    fd-table-row\n                    *ngIf=\"mobile && _tableFilters.secondary.length\"\n                    [secondary]=\"true\"\n                    [attr.aria-selected]=\"_selectedMap[row[uniqueKey]]\"\n                >\n                    <td fd-table-cell></td>\n                    <td colspan=\"100%\" fd-table-cell [fitContent]=\"true\">\n                        <p fd-table-text *ngFor=\"let filter of _tableFilters.secondary\">\n                            <label>{{ filter.label }}:</label>\n                            {{ row[filter.key] || '' }}\n                        </p>\n                    </td>\n                </tr>\n            </ng-container>\n            <tr\n                fd-table-row\n                *ngIf=\"displayedData.length && mobile && _shownCount && _shownCount !== displayedData.length\"\n            >\n                <td colspan=\"100%\">\n                    <div fd-bar barDesign=\"header-with-subheader\">\n                        <div fd-bar-middle>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"'platformVHD.selectTabMoreBtnLabel' | fdTranslate\"\n                                    (click)=\"_showMoreElements()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </td>\n            </tr>\n            <ng-container *ngIf=\"loading && !displayedData.length\">\n                <tr fd-table-row *fdkRepeat=\"3\">\n                    <td fd-table-cell *fdkRepeat=\"3\">\n                        <fd-skeleton style=\"margin: auto 0\" type=\"text\" textLines=\"1\" width=\"60%\"></fd-skeleton>\n                    </td>\n                </tr>\n            </ng-container>\n            <tr fd-table-row *ngIf=\"!loading && !displayedData.length\">\n                <td fd-table-cell colspan=\"100%\">\n                    <div class=\"fdp-value-help-dialog__empty-message\">\n                        {{ emptyTableMessage || ('platformVHD.searchTableEmptyMessage' | fdTranslate) }}\n                    </div>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>\n", styles: [".fdp-value-help-dialog__advanced-filters .fd-col{padding-top:0}.fdp-value-help-dialog__content-holder fdp-select-tab{display:flex;flex-direction:column;overflow:hidden;height:100%}.fdp-value-help-dialog__content-holder .table-header{flex:0 0 auto}.fdp-value-help-dialog__content-holder .table-content{flex:1 1 auto;overflow:auto;min-height:5rem}.fdp-value-help-dialog__table-holder{padding-top:0;padding-bottom:0}.fdp-value-help-dialog__empty-message{padding:1rem 2rem}\n"] }]