@smartbit4all/ng-client 4.2.78 → 4.2.80

package/esm2022/lib/smart-map/api/model/geoMapTextType.mjs

@@ -14,4 +14,4 @@ export var GeoMapTextType;
     GeoMapTextType["TEXT"] = "TEXT";
     GeoMapTextType["HTML"] = "HTML";
 })(GeoMapTextType || (GeoMapTextType = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvTWFwVGV4dFR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1tYXAvYXBpL21vZGVsL2dlb01hcFRleHRUeXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7O0dBVUc7QUFHSCxNQUFNLENBQU4sSUFBWSxjQUdYO0FBSEQsV0FBWSxjQUFjO0lBQ3RCLCtCQUFhLENBQUE7SUFDYiwrQkFBYSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VvTWFwIGFwaVxuICogVGhlIGdlb21hcCBhcGkgaXMgcmVzcG9zaWJsZSBmb3IgdGhlIGdlb21hcCBjb21wb25lbnRzIHRoYXQgc2hvd3MgYSBsaXN0IG9mIGl0ZW0uIFxuICpcbiAqIFRoZSB2ZXJzaW9uIG9mIHRoZSBPcGVuQVBJIGRvY3VtZW50OiAxLjAuMFxuICogQ29udGFjdDogaW5mb0BpdDRhbGwuaHVcbiAqXG4gKiBOT1RFOiBUaGlzIGNsYXNzIGlzIGF1dG8gZ2VuZXJhdGVkIGJ5IE9wZW5BUEkgR2VuZXJhdG9yIChodHRwczovL29wZW5hcGktZ2VuZXJhdG9yLnRlY2gpLlxuICogaHR0cHM6Ly9vcGVuYXBpLWdlbmVyYXRvci50ZWNoXG4gKiBEbyBub3QgZWRpdCB0aGUgY2xhc3MgbWFudWFsbHkuXG4gKi9cblxuXG5leHBvcnQgZW51bSBHZW9NYXBUZXh0VHlwZSB7XG4gICAgVEVYVCA9ICdURVhUJyxcbiAgICBIVE1MID0gJ0hUTUwnXG59XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvTWFwVGV4dFR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1tYXAvYXBpL21vZGVsL2dlb01hcFRleHRUeXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7O0dBVUc7QUFHSCxNQUFNLENBQU4sSUFBWSxjQUdYO0FBSEQsV0FBWSxjQUFjO0lBQ3RCLCtCQUFhLENBQUE7SUFDYiwrQkFBYSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBHZW9NYXAgYXBpXHJcbiAqIFRoZSBnZW9tYXAgYXBpIGlzIHJlc3Bvc2libGUgZm9yIHRoZSBnZW9tYXAgY29tcG9uZW50cyB0aGF0IHNob3dzIGEgbGlzdCBvZiBpdGVtLiBcclxuICpcclxuICogVGhlIHZlcnNpb24gb2YgdGhlIE9wZW5BUEkgZG9jdW1lbnQ6IDEuMC4wXHJcbiAqIENvbnRhY3Q6IGluZm9AaXQ0YWxsLmh1XHJcbiAqXHJcbiAqIE5PVEU6IFRoaXMgY2xhc3MgaXMgYXV0byBnZW5lcmF0ZWQgYnkgT3BlbkFQSSBHZW5lcmF0b3IgKGh0dHBzOi8vb3BlbmFwaS1nZW5lcmF0b3IudGVjaCkuXHJcbiAqIGh0dHBzOi8vb3BlbmFwaS1nZW5lcmF0b3IudGVjaFxyXG4gKiBEbyBub3QgZWRpdCB0aGUgY2xhc3MgbWFudWFsbHkuXHJcbiAqL1xyXG5cclxuXHJcbmV4cG9ydCBlbnVtIEdlb01hcFRleHRUeXBlIHtcclxuICAgIFRFWFQgPSAnVEVYVCcsXHJcbiAgICBIVE1MID0gJ0hUTUwnXHJcbn1cclxuXHJcbiJdfQ==

package/esm2022/lib/smart-map/api/model/geoMapViewState.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvTWFwVmlld1N0YXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc21hcnQtbmctY2xpZW50L3NyYy9saWIvc21hcnQtbWFwL2FwaS9tb2RlbC9nZW9NYXBWaWV3U3RhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VvTWFwIGFwaVxuICogVGhlIGdlb21hcCBhcGkgaXMgcmVzcG9zaWJsZSBmb3IgdGhlIGdlb21hcCBjb21wb25lbnRzIHRoYXQgc2hvd3MgYSBsaXN0IG9mIGl0ZW0uIFxuICpcbiAqIFRoZSB2ZXJzaW9uIG9mIHRoZSBPcGVuQVBJIGRvY3VtZW50OiAxLjAuMFxuICogQ29udGFjdDogaW5mb0BpdDRhbGwuaHVcbiAqXG4gKiBOT1RFOiBUaGlzIGNsYXNzIGlzIGF1dG8gZ2VuZXJhdGVkIGJ5IE9wZW5BUEkgR2VuZXJhdG9yIChodHRwczovL29wZW5hcGktZ2VuZXJhdG9yLnRlY2gpLlxuICogaHR0cHM6Ly9vcGVuYXBpLWdlbmVyYXRvci50ZWNoXG4gKiBEbyBub3QgZWRpdCB0aGUgY2xhc3MgbWFudWFsbHkuXG4gKi9cbmltcG9ydCB7IEdlb01hcExheWVyRGVzY3JpcHRvciB9IGZyb20gJy4vZ2VvTWFwTGF5ZXJEZXNjcmlwdG9yJztcbmltcG9ydCB7IEdlb01hcE9wZXJhdGlvbk1vZGUgfSBmcm9tICcuL2dlb01hcE9wZXJhdGlvbk1vZGUnO1xuaW1wb3J0IHsgR2VvTWFwRWRpdGluZ1Nlc3Npb24gfSBmcm9tICcuL2dlb01hcEVkaXRpbmdTZXNzaW9uJztcblxuXG4vKipcbiAqIFdoYXQgdG8gc2hvdyBhbmQgaG93Li4uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgR2VvTWFwVmlld1N0YXRlIHsgXG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgbGF5ZXJEZXNjcmlwdG9yczogQXJyYXk8R2VvTWFwTGF5ZXJEZXNjcmlwdG9yPjtcbiAgICB2aXNpYmxlTGF5ZXJzOiBBcnJheTxzdHJpbmc+O1xuICAgIGZpdFRvSW5pdGlhbEl0ZW1zOiBib29sZWFuO1xuICAgIGNlbnRlck9uSXRlbUNsaWNrOiBib29sZWFuO1xuICAgIG9wZXJhdGlvbk1vZGU/OiBHZW9NYXBPcGVyYXRpb25Nb2RlO1xuICAgIHNlbGVjdGVkSXRlbXM6IEFycmF5PHN0cmluZz47XG4gICAgZWRpdGluZ1Nlc3Npb24/OiBHZW9NYXBFZGl0aW5nU2Vzc2lvbjtcbn1cblxuXG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvTWFwVmlld1N0YXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc21hcnQtbmctY2xpZW50L3NyYy9saWIvc21hcnQtbWFwL2FwaS9tb2RlbC9nZW9NYXBWaWV3U3RhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBHZW9NYXAgYXBpXHJcbiAqIFRoZSBnZW9tYXAgYXBpIGlzIHJlc3Bvc2libGUgZm9yIHRoZSBnZW9tYXAgY29tcG9uZW50cyB0aGF0IHNob3dzIGEgbGlzdCBvZiBpdGVtLiBcclxuICpcclxuICogVGhlIHZlcnNpb24gb2YgdGhlIE9wZW5BUEkgZG9jdW1lbnQ6IDEuMC4wXHJcbiAqIENvbnRhY3Q6IGluZm9AaXQ0YWxsLmh1XHJcbiAqXHJcbiAqIE5PVEU6IFRoaXMgY2xhc3MgaXMgYXV0byBnZW5lcmF0ZWQgYnkgT3BlbkFQSSBHZW5lcmF0b3IgKGh0dHBzOi8vb3BlbmFwaS1nZW5lcmF0b3IudGVjaCkuXHJcbiAqIGh0dHBzOi8vb3BlbmFwaS1nZW5lcmF0b3IudGVjaFxyXG4gKiBEbyBub3QgZWRpdCB0aGUgY2xhc3MgbWFudWFsbHkuXHJcbiAqL1xyXG5pbXBvcnQgeyBHZW9NYXBMYXllckRlc2NyaXB0b3IgfSBmcm9tICcuL2dlb01hcExheWVyRGVzY3JpcHRvcic7XHJcbmltcG9ydCB7IEdlb01hcE9wZXJhdGlvbk1vZGUgfSBmcm9tICcuL2dlb01hcE9wZXJhdGlvbk1vZGUnO1xyXG5pbXBvcnQgeyBHZW9NYXBFZGl0aW5nU2Vzc2lvbiB9IGZyb20gJy4vZ2VvTWFwRWRpdGluZ1Nlc3Npb24nO1xyXG5cclxuXHJcbi8qKlxyXG4gKiBXaGF0IHRvIHNob3cgYW5kIGhvdy4uLlxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBHZW9NYXBWaWV3U3RhdGUgeyBcclxuICAgIGxhYmVsPzogc3RyaW5nO1xyXG4gICAgbGF5ZXJEZXNjcmlwdG9yczogQXJyYXk8R2VvTWFwTGF5ZXJEZXNjcmlwdG9yPjtcclxuICAgIHZpc2libGVMYXllcnM6IEFycmF5PHN0cmluZz47XHJcbiAgICBmaXRUb0luaXRpYWxJdGVtczogYm9vbGVhbjtcclxuICAgIGNlbnRlck9uSXRlbUNsaWNrOiBib29sZWFuO1xyXG4gICAgb3BlcmF0aW9uTW9kZT86IEdlb01hcE9wZXJhdGlvbk1vZGU7XHJcbiAgICBzZWxlY3RlZEl0ZW1zOiBBcnJheTxzdHJpbmc+O1xyXG4gICAgZWRpdGluZ1Nlc3Npb24/OiBHZW9NYXBFZGl0aW5nU2Vzc2lvbjtcclxufVxyXG5cclxuXHJcblxyXG4iXX0=

package/esm2022/lib/smart-map/api/model/geoMapViewport.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvTWFwVmlld3BvcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1tYXAvYXBpL21vZGVsL2dlb01hcFZpZXdwb3J0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlb01hcCBhcGlcbiAqIFRoZSBnZW9tYXAgYXBpIGlzIHJlc3Bvc2libGUgZm9yIHRoZSBnZW9tYXAgY29tcG9uZW50cyB0aGF0IHNob3dzIGEgbGlzdCBvZiBpdGVtLiBcbiAqXG4gKiBUaGUgdmVyc2lvbiBvZiB0aGUgT3BlbkFQSSBkb2N1bWVudDogMS4wLjBcbiAqIENvbnRhY3Q6IGluZm9AaXQ0YWxsLmh1XG4gKlxuICogTk9URTogVGhpcyBjbGFzcyBpcyBhdXRvIGdlbmVyYXRlZCBieSBPcGVuQVBJIEdlbmVyYXRvciAoaHR0cHM6Ly9vcGVuYXBpLWdlbmVyYXRvci50ZWNoKS5cbiAqIGh0dHBzOi8vb3BlbmFwaS1nZW5lcmF0b3IudGVjaFxuICogRG8gbm90IGVkaXQgdGhlIGNsYXNzIG1hbnVhbGx5LlxuICovXG5pbXBvcnQgeyBHUFNQb3NpdGlvbiB9IGZyb20gJy4vZ1BTUG9zaXRpb24nO1xuXG5cbi8qKlxuICogVGhlIHZpZXdwb3J0Li4uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgR2VvTWFwVmlld3BvcnQgeyBcbiAgICBjZW50ZXI/OiBHUFNQb3NpdGlvbjtcbiAgICB6b29tTGV2ZWw/OiBudW1iZXI7XG4gICAgYm91bmRzOiBBcnJheTxHUFNQb3NpdGlvbj47XG59XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvTWFwVmlld3BvcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1tYXAvYXBpL21vZGVsL2dlb01hcFZpZXdwb3J0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICogR2VvTWFwIGFwaVxyXG4gKiBUaGUgZ2VvbWFwIGFwaSBpcyByZXNwb3NpYmxlIGZvciB0aGUgZ2VvbWFwIGNvbXBvbmVudHMgdGhhdCBzaG93cyBhIGxpc3Qgb2YgaXRlbS4gXHJcbiAqXHJcbiAqIFRoZSB2ZXJzaW9uIG9mIHRoZSBPcGVuQVBJIGRvY3VtZW50OiAxLjAuMFxyXG4gKiBDb250YWN0OiBpbmZvQGl0NGFsbC5odVxyXG4gKlxyXG4gKiBOT1RFOiBUaGlzIGNsYXNzIGlzIGF1dG8gZ2VuZXJhdGVkIGJ5IE9wZW5BUEkgR2VuZXJhdG9yIChodHRwczovL29wZW5hcGktZ2VuZXJhdG9yLnRlY2gpLlxyXG4gKiBodHRwczovL29wZW5hcGktZ2VuZXJhdG9yLnRlY2hcclxuICogRG8gbm90IGVkaXQgdGhlIGNsYXNzIG1hbnVhbGx5LlxyXG4gKi9cclxuaW1wb3J0IHsgR1BTUG9zaXRpb24gfSBmcm9tICcuL2dQU1Bvc2l0aW9uJztcclxuXHJcblxyXG4vKipcclxuICogVGhlIHZpZXdwb3J0Li4uXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIEdlb01hcFZpZXdwb3J0IHsgXHJcbiAgICBjZW50ZXI/OiBHUFNQb3NpdGlvbjtcclxuICAgIHpvb21MZXZlbD86IG51bWJlcjtcclxuICAgIGJvdW5kczogQXJyYXk8R1BTUG9zaXRpb24+O1xyXG59XHJcblxyXG4iXX0=

package/esm2022/lib/smart-map/api/model/models.mjs

@@ -18,4 +18,4 @@ export * from './geoMapServerModel';
 export * from './geoMapTextType';
 export * from './geoMapViewState';
 export * from './geoMapViewport';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc21hcnQtbmctY2xpZW50L3NyYy9saWIvc21hcnQtbWFwL2FwaS9tb2RlbC9tb2RlbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2dQU1Bvc2l0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vZ1BTUm91dGUnO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBDaGFuZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBEYXRhTG9hZGluZ01vZGUnO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBEYXRhU291cmNlRGVzY3JpcHRvcic7XG5leHBvcnQgKiBmcm9tICcuL2dlb01hcERhdGFTb3VyY2VUeXBlJztcbmV4cG9ydCAqIGZyb20gJy4vZ2VvTWFwRWRpdGluZ1Nlc3Npb24nO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBJbnRlcmFjdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2dlb01hcEl0ZW0nO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBJdGVtS2luZCc7XG5leHBvcnQgKiBmcm9tICcuL2dlb01hcExheWVyJztcbmV4cG9ydCAqIGZyb20gJy4vZ2VvTWFwTGF5ZXJDaGFuZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBMYXllckRlc2NyaXB0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBNb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2dlb01hcE9wZXJhdGlvbk1vZGUnO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBTZWxlY3Rpb25Nb2RlJztcbmV4cG9ydCAqIGZyb20gJy4vZ2VvTWFwU2VydmVyTW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBUZXh0VHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL2dlb01hcFZpZXdTdGF0ZSc7XG5leHBvcnQgKiBmcm9tICcuL2dlb01hcFZpZXdwb3J0JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc21hcnQtbmctY2xpZW50L3NyYy9saWIvc21hcnQtbWFwL2FwaS9tb2RlbC9tb2RlbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2dQU1Bvc2l0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9nUFNSb3V0ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZ2VvTWFwQ2hhbmdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBEYXRhTG9hZGluZ01vZGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2dlb01hcERhdGFTb3VyY2VEZXNjcmlwdG9yJztcclxuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBEYXRhU291cmNlVHlwZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZ2VvTWFwRWRpdGluZ1Nlc3Npb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2dlb01hcEludGVyYWN0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBJdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBJdGVtS2luZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZ2VvTWFwTGF5ZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2dlb01hcExheWVyQ2hhbmdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBMYXllckRlc2NyaXB0b3InO1xyXG5leHBvcnQgKiBmcm9tICcuL2dlb01hcE1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBPcGVyYXRpb25Nb2RlJztcclxuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBTZWxlY3Rpb25Nb2RlJztcclxuZXhwb3J0ICogZnJvbSAnLi9nZW9NYXBTZXJ2ZXJNb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZ2VvTWFwVGV4dFR5cGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2dlb01hcFZpZXdTdGF0ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZ2VvTWFwVmlld3BvcnQnO1xyXG4iXX0=

package/esm2022/lib/smart-map/api/param.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1tYXAvYXBpL3BhcmFtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFN0YW5kYXJkIHBhcmFtZXRlciBzdHlsZXMgZGVmaW5lZCBieSBPcGVuQVBJIHNwZWNcbiAqL1xuZXhwb3J0IHR5cGUgU3RhbmRhcmRQYXJhbVN0eWxlID1cbiAgfCAnbWF0cml4J1xuICB8ICdsYWJlbCdcbiAgfCAnZm9ybSdcbiAgfCAnc2ltcGxlJ1xuICB8ICdzcGFjZURlbGltaXRlZCdcbiAgfCAncGlwZURlbGltaXRlZCdcbiAgfCAnZGVlcE9iamVjdCdcbiAgO1xuXG4vKipcbiAqIFRoZSBPcGVuQVBJIHN0YW5kYXJkIHtAbGluayBTdGFuZGFyZFBhcmFtU3R5bGV9cyBtYXkgYmUgZXh0ZW5kZWQgYnkgY3VzdG9tIHN0eWxlcyBieSB0aGUgdXNlci5cbiAqL1xuZXhwb3J0IHR5cGUgUGFyYW1TdHlsZSA9IFN0YW5kYXJkUGFyYW1TdHlsZSB8IHN0cmluZztcblxuLyoqXG4gKiBTdGFuZGFyZCBwYXJhbWV0ZXIgbG9jYXRpb25zIGRlZmluZWQgYnkgT3BlbkFQSSBzcGVjXG4gKi9cbmV4cG9ydCB0eXBlIFBhcmFtTG9jYXRpb24gPSAncXVlcnknIHwgJ2hlYWRlcicgfCAncGF0aCcgfCAnY29va2llJztcblxuLyoqXG4gKiBTdGFuZGFyZCB0eXBlcyBhcyBkZWZpbmVkIGluIDxhIGhyZWY9XCJodHRwczovL3N3YWdnZXIuaW8vc3BlY2lmaWNhdGlvbi8jZGF0YS10eXBlc1wiPk9wZW5BUEkgU3BlY2lmaWNhdGlvbjogRGF0YSBUeXBlczwvYT5cbiAqL1xuZXhwb3J0IHR5cGUgU3RhbmRhcmREYXRhVHlwZSA9XG4gIHwgXCJpbnRlZ2VyXCJcbiAgfCBcIm51bWJlclwiXG4gIHwgXCJib29sZWFuXCJcbiAgfCBcInN0cmluZ1wiXG4gIHwgXCJvYmplY3RcIlxuICB8IFwiYXJyYXlcIlxuICA7XG5cbi8qKlxuICogU3RhbmRhcmQge0BsaW5rIERhdGFUeXBlfXMgcGx1cyB5b3VyIG93biB0eXBlcy9jbGFzc2VzLlxuICovXG5leHBvcnQgdHlwZSBEYXRhVHlwZSA9IFN0YW5kYXJkRGF0YVR5cGUgfCBzdHJpbmc7XG5cbi8qKlxuICogU3RhbmRhcmQgZm9ybWF0cyBhcyBkZWZpbmVkIGluIDxhIGhyZWY9XCJodHRwczovL3N3YWdnZXIuaW8vc3BlY2lmaWNhdGlvbi8jZGF0YS10eXBlc1wiPk9wZW5BUEkgU3BlY2lmaWNhdGlvbjogRGF0YSBUeXBlczwvYT5cbiAqL1xuZXhwb3J0IHR5cGUgU3RhbmRhcmREYXRhRm9ybWF0ID1cbiAgfCBcImludDMyXCJcbiAgfCBcImludDY0XCJcbiAgfCBcImZsb2F0XCJcbiAgfCBcImRvdWJsZVwiXG4gIHwgXCJieXRlXCJcbiAgfCBcImJpbmFyeVwiXG4gIHwgXCJkYXRlXCJcbiAgfCBcImRhdGUtdGltZVwiXG4gIHwgXCJwYXNzd29yZFwiXG4gIDtcblxuZXhwb3J0IHR5cGUgRGF0YUZvcm1hdCA9IFN0YW5kYXJkRGF0YUZvcm1hdCB8IHN0cmluZztcblxuLyoqXG4gKiBUaGUgcGFyYW1ldGVyIHRvIGVuY29kZS5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBQYXJhbSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU6IHVua25vd247XG4gIGluOiBQYXJhbUxvY2F0aW9uO1xuICBzdHlsZTogUGFyYW1TdHlsZSxcbiAgZXhwbG9kZTogYm9vbGVhbjtcbiAgZGF0YVR5cGU6IERhdGFUeXBlO1xuICBkYXRhRm9ybWF0OiBEYXRhRm9ybWF0IHwgdW5kZWZpbmVkO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1tYXAvYXBpL3BhcmFtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICogU3RhbmRhcmQgcGFyYW1ldGVyIHN0eWxlcyBkZWZpbmVkIGJ5IE9wZW5BUEkgc3BlY1xyXG4gKi9cclxuZXhwb3J0IHR5cGUgU3RhbmRhcmRQYXJhbVN0eWxlID1cclxuICB8ICdtYXRyaXgnXHJcbiAgfCAnbGFiZWwnXHJcbiAgfCAnZm9ybSdcclxuICB8ICdzaW1wbGUnXHJcbiAgfCAnc3BhY2VEZWxpbWl0ZWQnXHJcbiAgfCAncGlwZURlbGltaXRlZCdcclxuICB8ICdkZWVwT2JqZWN0J1xyXG4gIDtcclxuXHJcbi8qKlxyXG4gKiBUaGUgT3BlbkFQSSBzdGFuZGFyZCB7QGxpbmsgU3RhbmRhcmRQYXJhbVN0eWxlfXMgbWF5IGJlIGV4dGVuZGVkIGJ5IGN1c3RvbSBzdHlsZXMgYnkgdGhlIHVzZXIuXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBQYXJhbVN0eWxlID0gU3RhbmRhcmRQYXJhbVN0eWxlIHwgc3RyaW5nO1xyXG5cclxuLyoqXHJcbiAqIFN0YW5kYXJkIHBhcmFtZXRlciBsb2NhdGlvbnMgZGVmaW5lZCBieSBPcGVuQVBJIHNwZWNcclxuICovXHJcbmV4cG9ydCB0eXBlIFBhcmFtTG9jYXRpb24gPSAncXVlcnknIHwgJ2hlYWRlcicgfCAncGF0aCcgfCAnY29va2llJztcclxuXHJcbi8qKlxyXG4gKiBTdGFuZGFyZCB0eXBlcyBhcyBkZWZpbmVkIGluIDxhIGhyZWY9XCJodHRwczovL3N3YWdnZXIuaW8vc3BlY2lmaWNhdGlvbi8jZGF0YS10eXBlc1wiPk9wZW5BUEkgU3BlY2lmaWNhdGlvbjogRGF0YSBUeXBlczwvYT5cclxuICovXHJcbmV4cG9ydCB0eXBlIFN0YW5kYXJkRGF0YVR5cGUgPVxyXG4gIHwgXCJpbnRlZ2VyXCJcclxuICB8IFwibnVtYmVyXCJcclxuICB8IFwiYm9vbGVhblwiXHJcbiAgfCBcInN0cmluZ1wiXHJcbiAgfCBcIm9iamVjdFwiXHJcbiAgfCBcImFycmF5XCJcclxuICA7XHJcblxyXG4vKipcclxuICogU3RhbmRhcmQge0BsaW5rIERhdGFUeXBlfXMgcGx1cyB5b3VyIG93biB0eXBlcy9jbGFzc2VzLlxyXG4gKi9cclxuZXhwb3J0IHR5cGUgRGF0YVR5cGUgPSBTdGFuZGFyZERhdGFUeXBlIHwgc3RyaW5nO1xyXG5cclxuLyoqXHJcbiAqIFN0YW5kYXJkIGZvcm1hdHMgYXMgZGVmaW5lZCBpbiA8YSBocmVmPVwiaHR0cHM6Ly9zd2FnZ2VyLmlvL3NwZWNpZmljYXRpb24vI2RhdGEtdHlwZXNcIj5PcGVuQVBJIFNwZWNpZmljYXRpb246IERhdGEgVHlwZXM8L2E+XHJcbiAqL1xyXG5leHBvcnQgdHlwZSBTdGFuZGFyZERhdGFGb3JtYXQgPVxyXG4gIHwgXCJpbnQzMlwiXHJcbiAgfCBcImludDY0XCJcclxuICB8IFwiZmxvYXRcIlxyXG4gIHwgXCJkb3VibGVcIlxyXG4gIHwgXCJieXRlXCJcclxuICB8IFwiYmluYXJ5XCJcclxuICB8IFwiZGF0ZVwiXHJcbiAgfCBcImRhdGUtdGltZVwiXHJcbiAgfCBcInBhc3N3b3JkXCJcclxuICA7XHJcblxyXG5leHBvcnQgdHlwZSBEYXRhRm9ybWF0ID0gU3RhbmRhcmREYXRhRm9ybWF0IHwgc3RyaW5nO1xyXG5cclxuLyoqXHJcbiAqIFRoZSBwYXJhbWV0ZXIgdG8gZW5jb2RlLlxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBQYXJhbSB7XHJcbiAgbmFtZTogc3RyaW5nO1xyXG4gIHZhbHVlOiB1bmtub3duO1xyXG4gIGluOiBQYXJhbUxvY2F0aW9uO1xyXG4gIHN0eWxlOiBQYXJhbVN0eWxlLFxyXG4gIGV4cGxvZGU6IGJvb2xlYW47XHJcbiAgZGF0YVR5cGU6IERhdGFUeXBlO1xyXG4gIGRhdGFGb3JtYXQ6IERhdGFGb3JtYXQgfCB1bmRlZmluZWQ7XHJcbn1cclxuIl19

package/esm2022/lib/smart-map/api/variables.mjs

@@ -6,4 +6,4 @@ export const COLLECTION_FORMATS = {
     'ssv': ' ',
     'pipes': '|'
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFyaWFibGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc21hcnQtbmctY2xpZW50L3NyYy9saWIvc21hcnQtbWFwL2FwaS92YXJpYWJsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvQyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsSUFBSSxjQUFjLENBQVMsVUFBVSxDQUFDLENBQUM7QUFDaEUsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUc7SUFDOUIsS0FBSyxFQUFFLEdBQUc7SUFDVixLQUFLLEVBQUUsS0FBSztJQUNaLEtBQUssRUFBRSxHQUFHO0lBQ1YsT0FBTyxFQUFFLEdBQUc7Q0FDZixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNvbnN0IEJBU0VfUEFUSCA9IG5ldyBJbmplY3Rpb25Ub2tlbjxzdHJpbmc+KCdiYXNlUGF0aCcpO1xuZXhwb3J0IGNvbnN0IENPTExFQ1RJT05fRk9STUFUUyA9IHtcbiAgICAnY3N2JzogJywnLFxuICAgICd0c3YnOiAnICAgJyxcbiAgICAnc3N2JzogJyAnLFxuICAgICdwaXBlcyc6ICd8J1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFyaWFibGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc21hcnQtbmctY2xpZW50L3NyYy9saWIvc21hcnQtbWFwL2FwaS92YXJpYWJsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvQyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsSUFBSSxjQUFjLENBQVMsVUFBVSxDQUFDLENBQUM7QUFDaEUsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUc7SUFDOUIsS0FBSyxFQUFFLEdBQUc7SUFDVixLQUFLLEVBQUUsS0FBSztJQUNaLEtBQUssRUFBRSxHQUFHO0lBQ1YsT0FBTyxFQUFFLEdBQUc7Q0FDZixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmV4cG9ydCBjb25zdCBCQVNFX1BBVEggPSBuZXcgSW5qZWN0aW9uVG9rZW48c3RyaW5nPignYmFzZVBhdGgnKTtcclxuZXhwb3J0IGNvbnN0IENPTExFQ1RJT05fRk9STUFUUyA9IHtcclxuICAgICdjc3YnOiAnLCcsXHJcbiAgICAndHN2JzogJyAgICcsXHJcbiAgICAnc3N2JzogJyAnLFxyXG4gICAgJ3BpcGVzJzogJ3wnXHJcbn1cclxuIl19

package/fesm2022/smartbit4all-ng-client.mjs

@@ -12937,6 +12937,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 args: ['headerComponent', { read: ViewContainerRef }]
             }] } });
 
+class GenericComponent {
+    constructor(cfService) {
+        this.cfService = cfService;
+    }
+    ngAfterViewInit() {
+        this.vcRef.clear();
+        this.cfService.createComponent(this.vcRef, this.expandedComponent, new Map([['rowData', this.rowData]]));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GenericComponent, deps: [{ token: ComponentFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: GenericComponent, selector: "lib-generic-component", inputs: { rowData: "rowData", expandedComponent: "expandedComponent" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["component"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-template #component></ng-template>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GenericComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-generic-component', template: "<ng-template #component></ng-template>\r\n" }]
+        }], ctorParameters: () => [{ type: ComponentFactoryService }], propDecorators: { vcRef: [{
+                type: ViewChild,
+                args: ['component', { read: ViewContainerRef }]
+            }], rowData: [{
+                type: Input
+            }], expandedComponent: [{
+                type: Input
+            }] } });
+
 class SmartGridComponent {
     constructor(service, cfService, dialog, injector, uiActionDescriptorService, compLib, gridMenuIcon) {
         this.service = service;
@@ -12952,6 +12975,7 @@ class SmartGridComponent {
         this._destroy$ = new Subject();
         this.dev = false;
         this.defaultActionToolbarId = SmartGridToolbarActionsUtil.defaultActionToolbarId;
+        this.expandedRows = {};
         this.selectedRows = [];
         this.pageSizeOptions = this.defaultPageSizeOptions;
         this.selectionChanges = new Subject();
@@ -13299,6 +13323,9 @@ class SmartGridComponent {
         }
         return await this.service.expand(this.smartGrid, rowIndex.toString());
     }
+    async omPrimeNgRowExpand($event) {
+        return await this.service.expand(this.smartGrid, $event.data.id);
+    }
     renderExpandableSections() {
         this.expandableSections = this.smartGrid.gridModel.page.rows.map((item) => {
             return {
@@ -13866,11 +13893,11 @@ class SmartGridComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartGridComponent, deps: [{ token: SmartGridService }, { token: ComponentFactoryService }, { token: i1$3.MatDialog }, { token: i0.Injector }, { token: UiActionDescriptorService }, { token: COMPONENT_LIBRARY }, { token: 'gridMenuIcon' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartGridComponent, selector: "smart-grid", inputs: { smartGrid: "smartGrid", uuid: "uuid", dev: "dev" }, providers: [SmartGridService], viewQueries: [{ propertyName: "vcRefTable", first: true, predicate: ["table"], descendants: true, read: ViewContainerRef }, { propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "_headerToolbar", first: true, predicate: ["headerToolbar"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {\r\n\r\n<div *ngIf=\"smartGrid\" class=\"primeSmartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n  </div>\r\n  <p-table\r\n    *ngIf=\"!smartGrid.layoutDef || smartGrid.layoutDef === layoutDef().TABLE\"\r\n    #pTable\r\n    [value]=\"smartGrid.gridModel.page.rows!\"\r\n    (onSort)=\"gridSort($event)\"\r\n    [customSort]=\"true\"\r\n    [sortMode]=\"'multiple'\"\r\n    [lazy]=\"true\"\r\n    (onLazyLoad)=\"lazyLoad($event)\"\r\n    [reorderableColumns]=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\"\r\n    [columns]=\"columns\"\r\n    (onColReorder)=\"onColOrder($event)\"\r\n    (onRowSelect)=\"onRowSelect($event)\"\r\n    (onRowUnselect)=\"onRowUnselect($event)\"\r\n    [selection]=\"selectedRows\"\r\n    (onHeaderCheckboxToggle)=\"onSelectAllRow($event)\"\r\n    dataKey=\"id\"\r\n  >\r\n    <ng-container>\r\n      <ng-template\r\n        pTemplate=\"caption\"\r\n        *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns || smartGrid.gridModel.title\"\r\n      >\r\n        <div class=\"tableCaption\">\r\n          <div *ngIf=\"smartGrid.gridModel.title\" class=\"captionTitle\">\r\n            {{ smartGrid.gridModel.title }}\r\n          </div>\r\n          <div *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\">\r\n            <p-multiSelect\r\n              display=\"chip\"\r\n              [options]=\"smartGrid.gridModel.view?.descriptor?.columns\"\r\n              optionLabel=\"label\"\r\n              [(ngModel)]=\"columns\"\r\n              selectedItemsLabel=\"{0} columns selected\"\r\n              [style]=\"{ 'min-width': '200px' }\"\r\n              placeholder=\"Choose Columns\"\r\n              (onChange)=\"headerChange($event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-template pTemplate=\"header\">\r\n      <tr>\r\n        @if (smartGrid.gridModel.view?.descriptor?.showEditColumns) {\r\n        <th\r\n          *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        >\r\n          <p-tableHeaderCheckbox />\r\n        </th>\r\n        <th\r\n          *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        ></th>\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\" pReorderableColumn>\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        } @else {\r\n        <th\r\n          *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        >\r\n          <p-tableHeaderCheckbox />\r\n        </th>\r\n        <th\r\n          *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        ></th>\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\">\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        }\r\n\r\n        <th>\r\n          <smart-ui-action-toolbar\r\n            class=\"headerToolbar\"\r\n            #headerToolbar\r\n            [id]=\"'header_not_initialized'\"\r\n          ></smart-ui-action-toolbar>\r\n        </th>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-row>\r\n      <tr [ngClass]=\"getStyle(row)\" (dblclick)=\"onDoubleClick(row)\" *ngIf=\"row && row.data\">\r\n        <td *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\">\r\n          <p-tableCheckbox *ngIf=\"row.selectable != false\" [value]=\"row\" />\r\n        </td>\r\n        <td *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\">\r\n          <p-tableRadioButton [value]=\"row\" />\r\n        </td>\r\n        <td *ngFor=\"let col of smartGrid?.gridModel?.view?.orderedColumnNames\">\r\n          <div *ngIf=\"row.icons[col]\">\r\n            <div class=\"smart-table-icon-container\">\r\n              <div *ngFor=\"let ir of getImageResourceIcons(row, col)\">\r\n                <div\r\n                  pTooltip=\"{{ ir.tooltip?.tooltip }}\"\r\n                  tooltipPosition=\"right\"\r\n                  placeholder=\"Right\"\r\n                  [ngStyle]=\"getImageResourceStyle(ir)\"\r\n                  ><smart-icon [icon]=\"ir.identifier!\" [color]=\"ir.color!\"> </smart-icon\r\n                ></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf=\"showCellToolbar(row, col)\">\r\n            <smart-ui-action-toolbar\r\n              [uiActionModels]=\"getRowColumnAction(row, col)\"\r\n            ></smart-ui-action-toolbar>\r\n          </ng-container>\r\n\r\n          <div *ngIf=\"!row.icons[col]\" [innerHtml]=\"getColValue(col, row)\"> </div>\r\n        </td>\r\n        <td>\r\n          <div class=\"menu-button\">\r\n            @if(showCellToolbar(row, defaultActionToolbarId)){\r\n            <smart-ui-action-toolbar\r\n              [uiActionModels]=\"getRowColumnAction(row, defaultActionToolbarId)\"\r\n            ></smart-ui-action-toolbar>\r\n            }\r\n            <p-button\r\n              [rounded]=\"true\"\r\n              [text]=\"true\"\r\n              *ngIf=\"shouldShowOptionsButton(row)\"\r\n              (onClick)=\"onOptionsClick($event, row)\"\r\n            >\r\n              <smart-icon icon=\"ellipsis-v\"></smart-icon>\r\n            </p-button>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div\r\n    *ngIf=\"smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef\"\r\n    class=\"cards-container\"\r\n    [ngStyle]=\"{\r\n      'grid-template-columns':\r\n        smartGrid.numberOfColumn !== undefined\r\n          ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n          : ''\r\n    }\"\r\n  >\r\n    <app-smart-grid-card\r\n      class=\"smartGrid-card-container\"\r\n      *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n      [item]=\"task\"\r\n      [smartGrid]=\"smartGrid\"\r\n      [onSelect]=\"onSelect.bind(this)\"\r\n    ></app-smart-grid-card>\r\n  </div>\r\n  <p-paginator\r\n    *ngIf=\"smartGrid.paginator\"\r\n    [first]=\"pageIndex!\"\r\n    [totalRecords]=\"length!\"\r\n    [rows]=\"pageSize\"\r\n    [rowsPerPageOptions]=\"pageSizeOptions\"\r\n    (onPageChange)=\"onPrimeChangePage($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n    dropdownAppendTo=\"body\"\r\n  />\r\n  <p-menu #menu [model]=\"menuButtons\" [popup]=\"true\" appendTo=\"body\"> </p-menu>\r\n</div>\r\n}@else {\r\n<div *ngIf=\"smartGrid\" class=\"smartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n    <button\r\n      (click)=\"editColumns()\"\r\n      mat-mini-fab\r\n      color=\"text-primary\"\r\n      *ngIf=\"smartGrid.showEditColumns\"\r\n    >\r\n      <mat-icon aria-hidden=\"false\" aria-label=\"Columns\" class=\"smart-grid-edit-icon\"\r\n        >view_columns</mat-icon\r\n      >\r\n    </button>\r\n  </div>\r\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\r\n  <div class=\"smartGridContent\">\r\n    <div>\r\n      <div *ngIf=\"smartGrid.showResultCount\">\r\n        <div class=\"smartGrid-data-number\">\r\n          {{ smartGrid.gridModel.totalRowCount }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"smart-grid-table-container\">\r\n      <ng-template #table></ng-template>\r\n    </div>\r\n\r\n    <div *ngIf=\"smartGrid.layoutDef === layoutDef().EXPANDABLE\">\r\n      <smart-expandable-section\r\n        #gridExpandableSection\r\n        *ngFor=\"let expandableSection of expandableSections\"\r\n        [data]=\"expandableSection\"\r\n      ></smart-expandable-section>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef\"\r\n      class=\"cards-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <app-smart-grid-card\r\n        class=\"smartGrid-card-container\"\r\n        *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n        [item]=\"task\"\r\n        [smartGrid]=\"smartGrid\"\r\n        [onSelect]=\"onSelect.bind(this)\"\r\n      ></app-smart-grid-card>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().TREE && treeControl\"\r\n      class=\"tree-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node\"\r\n          matTreeNodeToggle\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button mat-icon-button disabled class=\"tree-button\"></button>\r\n          <mat-checkbox\r\n            class=\"checklist-leaf-node\"\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node; when: hasChild\"\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button\r\n            mat-icon-button\r\n            matTreeNodeToggle\r\n            class=\"tree-button\"\r\n            [attr.aria-label]=\"'Toggle ' + node.item\"\r\n          >\r\n            <mat-icon class=\"mat-icon-rtl-mirror\">\r\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n            </mat-icon>\r\n          </button>\r\n          <mat-checkbox\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n      </mat-tree>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    *ngIf=\"smartGrid.paginator && !treeControl\"\r\n    #paginator\r\n    [length]=\"length\"\r\n    [pageIndex]=\"pageIndex\"\r\n    [pageSize]=\"pageSize\"\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    (page)=\"onChangePage($event)\"\r\n  ></mat-paginator>\r\n</div>\r\n}\r\n", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.primeSmartGrid-container{display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.smart-table-icon-container{display:flex;flex-direction:row;justify-content:space-between;white-space:initial}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-card-container{height:auto;border:1px solid black;border-radius:8px}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}.menu-button{display:flex;flex-direction:row;justify-content:flex-end;text-align:-webkit-right;align-items:center}.headerToolbar ::ng-deep .uiActionButtonsContainer{justify-content:flex-end}.tableCaption{display:flex;flex-direction:row;justify-content:space-between}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}.captionTitle{font-size:1.5rem;align-content:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i10$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i10$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i10$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i10$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i10$1.MatTreeNode, selector: "mat-tree-node", inputs: ["disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "scrollOnWrap"] }, { kind: "directive", type: ComparableMultiselectDirective, selector: "p-multiSelect", inputs: ["compareWith"] }, { kind: "component", type: i15.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i15.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i15.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i15.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i15.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i15.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i18$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i19$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i20$1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "directive", type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: ["item", "smartGrid", "onSelect"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartGridComponent, selector: "smart-grid", inputs: { smartGrid: "smartGrid", uuid: "uuid", dev: "dev" }, providers: [SmartGridService], viewQueries: [{ propertyName: "vcRefTable", first: true, predicate: ["table"], descendants: true, read: ViewContainerRef }, { propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "_headerToolbar", first: true, predicate: ["headerToolbar"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {\r\n\r\n<div *ngIf=\"smartGrid\" class=\"primeSmartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n  </div>\r\n  <p-table\r\n    *ngIf=\"!smartGrid.layoutDef || smartGrid.layoutDef === layoutDef().TABLE\"\r\n    #pTable\r\n    [value]=\"smartGrid.gridModel.page.rows!\"\r\n    (onSort)=\"gridSort($event)\"\r\n    [customSort]=\"true\"\r\n    [sortMode]=\"'multiple'\"\r\n    [lazy]=\"true\"\r\n    (onLazyLoad)=\"lazyLoad($event)\"\r\n    [reorderableColumns]=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\"\r\n    [columns]=\"columns\"\r\n    (onColReorder)=\"onColOrder($event)\"\r\n    (onRowSelect)=\"onRowSelect($event)\"\r\n    (onRowUnselect)=\"onRowUnselect($event)\"\r\n    [selection]=\"selectedRows\"\r\n    (onHeaderCheckboxToggle)=\"onSelectAllRow($event)\"\r\n    dataKey=\"id\"\r\n    [expandedRowKeys]=\"expandedRows\"\r\n    (onRowExpand)=\"omPrimeNgRowExpand($event)\"\r\n    [rowExpandMode]=\"'multiple'\"\r\n  >\r\n    <ng-container>\r\n      <ng-template\r\n        pTemplate=\"caption\"\r\n        *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns || smartGrid.gridModel.title\"\r\n      >\r\n        <div class=\"tableCaption\">\r\n          <div *ngIf=\"smartGrid.gridModel.title\" class=\"captionTitle\">\r\n            {{ smartGrid.gridModel.title }}\r\n          </div>\r\n          <div *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\">\r\n            <p-multiSelect\r\n              display=\"chip\"\r\n              [options]=\"smartGrid.gridModel.view?.descriptor?.columns\"\r\n              optionLabel=\"label\"\r\n              [(ngModel)]=\"columns\"\r\n              selectedItemsLabel=\"{0} columns selected\"\r\n              [style]=\"{ 'min-width': '200px' }\"\r\n              placeholder=\"Choose Columns\"\r\n              (onChange)=\"headerChange($event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-template pTemplate=\"header\">\r\n      <tr>\r\n        @if (smartGrid.gridModel.view?.descriptor?.showEditColumns) {\r\n        <th\r\n          *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        >\r\n          <p-tableHeaderCheckbox />\r\n        </th>\r\n        <th\r\n          *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        ></th>\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\" pReorderableColumn>\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        } @else {\r\n        <th\r\n          *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        >\r\n          <p-tableHeaderCheckbox />\r\n        </th>\r\n        <th\r\n          *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        ></th>\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\">\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        }\r\n\r\n        <th>\r\n          <smart-ui-action-toolbar\r\n            class=\"headerToolbar\"\r\n            #headerToolbar\r\n            [id]=\"'header_not_initialized'\"\r\n          ></smart-ui-action-toolbar>\r\n        </th>\r\n        <th *ngIf=\"smartGrid.expandable\"> </th>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\r\n      <tr [ngClass]=\"getStyle(row)\" (dblclick)=\"onDoubleClick(row)\" *ngIf=\"row && row.data\">\r\n        <td *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\">\r\n          <p-tableCheckbox *ngIf=\"row.selectable != false\" [value]=\"row\" />\r\n        </td>\r\n        <td *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\">\r\n          <p-tableRadioButton [value]=\"row\" />\r\n        </td>\r\n        <td *ngFor=\"let col of smartGrid?.gridModel?.view?.orderedColumnNames\">\r\n          <div *ngIf=\"row.icons[col]\">\r\n            <div class=\"smart-table-icon-container\">\r\n              <div *ngFor=\"let ir of getImageResourceIcons(row, col)\">\r\n                <div\r\n                  pTooltip=\"{{ ir.tooltip?.tooltip }}\"\r\n                  tooltipPosition=\"right\"\r\n                  placeholder=\"Right\"\r\n                  [ngStyle]=\"getImageResourceStyle(ir)\"\r\n                  ><smart-icon [icon]=\"ir.identifier!\" [color]=\"ir.color!\"> </smart-icon\r\n                ></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf=\"showCellToolbar(row, col)\">\r\n            <smart-ui-action-toolbar\r\n              [uiActionModels]=\"getRowColumnAction(row, col)\"\r\n            ></smart-ui-action-toolbar>\r\n          </ng-container>\r\n\r\n          <div *ngIf=\"!row.icons[col]\" [innerHtml]=\"getColValue(col, row)\"> </div>\r\n        </td>\r\n        <td>\r\n          <div class=\"menu-button\">\r\n            @if(showCellToolbar(row, defaultActionToolbarId)){\r\n            <smart-ui-action-toolbar\r\n              [uiActionModels]=\"getRowColumnAction(row, defaultActionToolbarId)\"\r\n            ></smart-ui-action-toolbar>\r\n            }\r\n            <p-button\r\n              [rounded]=\"true\"\r\n              [text]=\"true\"\r\n              *ngIf=\"shouldShowOptionsButton(row)\"\r\n              (onClick)=\"onOptionsClick($event, row)\"\r\n            >\r\n              <smart-icon icon=\"ellipsis-v\"></smart-icon>\r\n            </p-button>\r\n          </div>\r\n        </td>\r\n        <td *ngIf=\"smartGrid.expandable\">\r\n          <p-button\r\n            type=\"button\"\r\n            pRipple\r\n            [pRowToggler]=\"row\"\r\n            [text]=\"true\"\r\n            severity=\"secondary\"\r\n            [rounded]=\"true\"\r\n            [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-up'\"\r\n          />\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template *ngIf=\"smartGrid.expandable\" pTemplate=\"rowexpansion\" let-row>\r\n      <lib-generic-component\r\n        [rowData]=\"row\"\r\n        [expandedComponent]=\"this.smartGrid.expandedComponent\"\r\n      ></lib-generic-component>\r\n    </ng-template>\r\n  </p-table>\r\n  <div\r\n    *ngIf=\"smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef\"\r\n    class=\"cards-container\"\r\n    [ngStyle]=\"{\r\n      'grid-template-columns':\r\n        smartGrid.numberOfColumn !== undefined\r\n          ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n          : ''\r\n    }\"\r\n  >\r\n    <app-smart-grid-card\r\n      class=\"smartGrid-card-container\"\r\n      *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n      [item]=\"task\"\r\n      [smartGrid]=\"smartGrid\"\r\n      [onSelect]=\"onSelect.bind(this)\"\r\n    ></app-smart-grid-card>\r\n  </div>\r\n  <p-paginator\r\n    *ngIf=\"smartGrid.paginator\"\r\n    [first]=\"pageIndex!\"\r\n    [totalRecords]=\"length!\"\r\n    [rows]=\"pageSize\"\r\n    [rowsPerPageOptions]=\"pageSizeOptions\"\r\n    (onPageChange)=\"onPrimeChangePage($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n    dropdownAppendTo=\"body\"\r\n  />\r\n  <p-menu #menu [model]=\"menuButtons\" [popup]=\"true\" appendTo=\"body\"> </p-menu>\r\n</div>\r\n}@else {\r\n<div *ngIf=\"smartGrid\" class=\"smartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n    <button\r\n      (click)=\"editColumns()\"\r\n      mat-mini-fab\r\n      color=\"text-primary\"\r\n      *ngIf=\"smartGrid.showEditColumns\"\r\n    >\r\n      <mat-icon aria-hidden=\"false\" aria-label=\"Columns\" class=\"smart-grid-edit-icon\"\r\n        >view_columns</mat-icon\r\n      >\r\n    </button>\r\n  </div>\r\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\r\n  <div class=\"smartGridContent\">\r\n    <div>\r\n      <div *ngIf=\"smartGrid.showResultCount\">\r\n        <div class=\"smartGrid-data-number\">\r\n          {{ smartGrid.gridModel.totalRowCount }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"smart-grid-table-container\">\r\n      <ng-template #table></ng-template>\r\n    </div>\r\n\r\n    <div *ngIf=\"smartGrid.layoutDef === layoutDef().EXPANDABLE\">\r\n      <smart-expandable-section\r\n        #gridExpandableSection\r\n        *ngFor=\"let expandableSection of expandableSections\"\r\n        [data]=\"expandableSection\"\r\n      ></smart-expandable-section>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef\"\r\n      class=\"cards-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <app-smart-grid-card\r\n        class=\"smartGrid-card-container\"\r\n        *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n        [item]=\"task\"\r\n        [smartGrid]=\"smartGrid\"\r\n        [onSelect]=\"onSelect.bind(this)\"\r\n      ></app-smart-grid-card>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().TREE && treeControl\"\r\n      class=\"tree-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node\"\r\n          matTreeNodeToggle\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button mat-icon-button disabled class=\"tree-button\"></button>\r\n          <mat-checkbox\r\n            class=\"checklist-leaf-node\"\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node; when: hasChild\"\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button\r\n            mat-icon-button\r\n            matTreeNodeToggle\r\n            class=\"tree-button\"\r\n            [attr.aria-label]=\"'Toggle ' + node.item\"\r\n          >\r\n            <mat-icon class=\"mat-icon-rtl-mirror\">\r\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n            </mat-icon>\r\n          </button>\r\n          <mat-checkbox\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n      </mat-tree>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    *ngIf=\"smartGrid.paginator && !treeControl\"\r\n    #paginator\r\n    [length]=\"length\"\r\n    [pageIndex]=\"pageIndex\"\r\n    [pageSize]=\"pageSize\"\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    (page)=\"onChangePage($event)\"\r\n  ></mat-paginator>\r\n</div>\r\n}\r\n", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.primeSmartGrid-container{display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.smart-table-icon-container{display:flex;flex-direction:row;justify-content:space-between;white-space:initial}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-card-container{height:auto;border:1px solid black;border-radius:8px}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}.menu-button{display:flex;flex-direction:row;justify-content:flex-end;text-align:-webkit-right;align-items:center}.headerToolbar ::ng-deep .uiActionButtonsContainer{justify-content:flex-end}.tableCaption{display:flex;flex-direction:row;justify-content:space-between}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}.captionTitle{font-size:1.5rem;align-content:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i10$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i10$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i10$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i10$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i10$1.MatTreeNode, selector: "mat-tree-node", inputs: ["disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "scrollOnWrap"] }, { kind: "directive", type: ComparableMultiselectDirective, selector: "p-multiSelect", inputs: ["compareWith"] }, { kind: "component", type: i15.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i15.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i15.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i15.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i15.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i15.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i15.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i18$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i19$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i20$1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "directive", type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: ["item", "smartGrid", "onSelect"] }, { kind: "component", type: GenericComponent, selector: "lib-generic-component", inputs: ["rowData", "expandedComponent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-grid', providers: [SmartGridService], template: "@if(compLib === componentLibrary.PRIMENG) {\r\n\r\n<div *ngIf=\"smartGrid\" class=\"primeSmartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n  </div>\r\n  <p-table\r\n    *ngIf=\"!smartGrid.layoutDef || smartGrid.layoutDef === layoutDef().TABLE\"\r\n    #pTable\r\n    [value]=\"smartGrid.gridModel.page.rows!\"\r\n    (onSort)=\"gridSort($event)\"\r\n    [customSort]=\"true\"\r\n    [sortMode]=\"'multiple'\"\r\n    [lazy]=\"true\"\r\n    (onLazyLoad)=\"lazyLoad($event)\"\r\n    [reorderableColumns]=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\"\r\n    [columns]=\"columns\"\r\n    (onColReorder)=\"onColOrder($event)\"\r\n    (onRowSelect)=\"onRowSelect($event)\"\r\n    (onRowUnselect)=\"onRowUnselect($event)\"\r\n    [selection]=\"selectedRows\"\r\n    (onHeaderCheckboxToggle)=\"onSelectAllRow($event)\"\r\n    dataKey=\"id\"\r\n  >\r\n    <ng-container>\r\n      <ng-template\r\n        pTemplate=\"caption\"\r\n        *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns || smartGrid.gridModel.title\"\r\n      >\r\n        <div class=\"tableCaption\">\r\n          <div *ngIf=\"smartGrid.gridModel.title\" class=\"captionTitle\">\r\n            {{ smartGrid.gridModel.title }}\r\n          </div>\r\n          <div *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\">\r\n            <p-multiSelect\r\n              display=\"chip\"\r\n              [options]=\"smartGrid.gridModel.view?.descriptor?.columns\"\r\n              optionLabel=\"label\"\r\n              [(ngModel)]=\"columns\"\r\n              selectedItemsLabel=\"{0} columns selected\"\r\n              [style]=\"{ 'min-width': '200px' }\"\r\n              placeholder=\"Choose Columns\"\r\n              (onChange)=\"headerChange($event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-template pTemplate=\"header\">\r\n      <tr>\r\n        @if (smartGrid.gridModel.view?.descriptor?.showEditColumns) {\r\n        <th\r\n          *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        >\r\n          <p-tableHeaderCheckbox />\r\n        </th>\r\n        <th\r\n          *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        ></th>\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\" pReorderableColumn>\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        } @else {\r\n        <th\r\n          *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        >\r\n          <p-tableHeaderCheckbox />\r\n        </th>\r\n        <th\r\n          *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        ></th>\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\">\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        }\r\n\r\n        <th>\r\n          <smart-ui-action-toolbar\r\n            class=\"headerToolbar\"\r\n            #headerToolbar\r\n            [id]=\"'header_not_initialized'\"\r\n          ></smart-ui-action-toolbar>\r\n        </th>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-row>\r\n      <tr [ngClass]=\"getStyle(row)\" (dblclick)=\"onDoubleClick(row)\" *ngIf=\"row && row.data\">\r\n        <td *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\">\r\n          <p-tableCheckbox *ngIf=\"row.selectable != false\" [value]=\"row\" />\r\n        </td>\r\n        <td *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\">\r\n          <p-tableRadioButton [value]=\"row\" />\r\n        </td>\r\n        <td *ngFor=\"let col of smartGrid?.gridModel?.view?.orderedColumnNames\">\r\n          <div *ngIf=\"row.icons[col]\">\r\n            <div class=\"smart-table-icon-container\">\r\n              <div *ngFor=\"let ir of getImageResourceIcons(row, col)\">\r\n                <div\r\n                  pTooltip=\"{{ ir.tooltip?.tooltip }}\"\r\n                  tooltipPosition=\"right\"\r\n                  placeholder=\"Right\"\r\n                  [ngStyle]=\"getImageResourceStyle(ir)\"\r\n                  ><smart-icon [icon]=\"ir.identifier!\" [color]=\"ir.color!\"> </smart-icon\r\n                ></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf=\"showCellToolbar(row, col)\">\r\n            <smart-ui-action-toolbar\r\n              [uiActionModels]=\"getRowColumnAction(row, col)\"\r\n            ></smart-ui-action-toolbar>\r\n          </ng-container>\r\n\r\n          <div *ngIf=\"!row.icons[col]\" [innerHtml]=\"getColValue(col, row)\"> </div>\r\n        </td>\r\n        <td>\r\n          <div class=\"menu-button\">\r\n            @if(showCellToolbar(row, defaultActionToolbarId)){\r\n            <smart-ui-action-toolbar\r\n              [uiActionModels]=\"getRowColumnAction(row, defaultActionToolbarId)\"\r\n            ></smart-ui-action-toolbar>\r\n            }\r\n            <p-button\r\n              [rounded]=\"true\"\r\n              [text]=\"true\"\r\n              *ngIf=\"shouldShowOptionsButton(row)\"\r\n              (onClick)=\"onOptionsClick($event, row)\"\r\n            >\r\n              <smart-icon icon=\"ellipsis-v\"></smart-icon>\r\n            </p-button>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div\r\n    *ngIf=\"smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef\"\r\n    class=\"cards-container\"\r\n    [ngStyle]=\"{\r\n      'grid-template-columns':\r\n        smartGrid.numberOfColumn !== undefined\r\n          ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n          : ''\r\n    }\"\r\n  >\r\n    <app-smart-grid-card\r\n      class=\"smartGrid-card-container\"\r\n      *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n      [item]=\"task\"\r\n      [smartGrid]=\"smartGrid\"\r\n      [onSelect]=\"onSelect.bind(this)\"\r\n    ></app-smart-grid-card>\r\n  </div>\r\n  <p-paginator\r\n    *ngIf=\"smartGrid.paginator\"\r\n    [first]=\"pageIndex!\"\r\n    [totalRecords]=\"length!\"\r\n    [rows]=\"pageSize\"\r\n    [rowsPerPageOptions]=\"pageSizeOptions\"\r\n    (onPageChange)=\"onPrimeChangePage($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n    dropdownAppendTo=\"body\"\r\n  />\r\n  <p-menu #menu [model]=\"menuButtons\" [popup]=\"true\" appendTo=\"body\"> </p-menu>\r\n</div>\r\n}@else {\r\n<div *ngIf=\"smartGrid\" class=\"smartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n    <button\r\n      (click)=\"editColumns()\"\r\n      mat-mini-fab\r\n      color=\"text-primary\"\r\n      *ngIf=\"smartGrid.showEditColumns\"\r\n    >\r\n      <mat-icon aria-hidden=\"false\" aria-label=\"Columns\" class=\"smart-grid-edit-icon\"\r\n        >view_columns</mat-icon\r\n      >\r\n    </button>\r\n  </div>\r\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\r\n  <div class=\"smartGridContent\">\r\n    <div>\r\n      <div *ngIf=\"smartGrid.showResultCount\">\r\n        <div class=\"smartGrid-data-number\">\r\n          {{ smartGrid.gridModel.totalRowCount }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"smart-grid-table-container\">\r\n      <ng-template #table></ng-template>\r\n    </div>\r\n\r\n    <div *ngIf=\"smartGrid.layoutDef === layoutDef().EXPANDABLE\">\r\n      <smart-expandable-section\r\n        #gridExpandableSection\r\n        *ngFor=\"let expandableSection of expandableSections\"\r\n        [data]=\"expandableSection\"\r\n      ></smart-expandable-section>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef\"\r\n      class=\"cards-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <app-smart-grid-card\r\n        class=\"smartGrid-card-container\"\r\n        *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n        [item]=\"task\"\r\n        [smartGrid]=\"smartGrid\"\r\n        [onSelect]=\"onSelect.bind(this)\"\r\n      ></app-smart-grid-card>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().TREE && treeControl\"\r\n      class=\"tree-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node\"\r\n          matTreeNodeToggle\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button mat-icon-button disabled class=\"tree-button\"></button>\r\n          <mat-checkbox\r\n            class=\"checklist-leaf-node\"\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node; when: hasChild\"\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button\r\n            mat-icon-button\r\n            matTreeNodeToggle\r\n            class=\"tree-button\"\r\n            [attr.aria-label]=\"'Toggle ' + node.item\"\r\n          >\r\n            <mat-icon class=\"mat-icon-rtl-mirror\">\r\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n            </mat-icon>\r\n          </button>\r\n          <mat-checkbox\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n      </mat-tree>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    *ngIf=\"smartGrid.paginator && !treeControl\"\r\n    #paginator\r\n    [length]=\"length\"\r\n    [pageIndex]=\"pageIndex\"\r\n    [pageSize]=\"pageSize\"\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    (page)=\"onChangePage($event)\"\r\n  ></mat-paginator>\r\n</div>\r\n}\r\n", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.primeSmartGrid-container{display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.smart-table-icon-container{display:flex;flex-direction:row;justify-content:space-between;white-space:initial}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-card-container{height:auto;border:1px solid black;border-radius:8px}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}.menu-button{display:flex;flex-direction:row;justify-content:flex-end;text-align:-webkit-right;align-items:center}.headerToolbar ::ng-deep .uiActionButtonsContainer{justify-content:flex-end}.tableCaption{display:flex;flex-direction:row;justify-content:space-between}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}.captionTitle{font-size:1.5rem;align-content:center}\n"] }]
+            args: [{ selector: 'smart-grid', providers: [SmartGridService], template: "@if(compLib === componentLibrary.PRIMENG) {\r\n\r\n<div *ngIf=\"smartGrid\" class=\"primeSmartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n  </div>\r\n  <p-table\r\n    *ngIf=\"!smartGrid.layoutDef || smartGrid.layoutDef === layoutDef().TABLE\"\r\n    #pTable\r\n    [value]=\"smartGrid.gridModel.page.rows!\"\r\n    (onSort)=\"gridSort($event)\"\r\n    [customSort]=\"true\"\r\n    [sortMode]=\"'multiple'\"\r\n    [lazy]=\"true\"\r\n    (onLazyLoad)=\"lazyLoad($event)\"\r\n    [reorderableColumns]=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\"\r\n    [columns]=\"columns\"\r\n    (onColReorder)=\"onColOrder($event)\"\r\n    (onRowSelect)=\"onRowSelect($event)\"\r\n    (onRowUnselect)=\"onRowUnselect($event)\"\r\n    [selection]=\"selectedRows\"\r\n    (onHeaderCheckboxToggle)=\"onSelectAllRow($event)\"\r\n    dataKey=\"id\"\r\n    [expandedRowKeys]=\"expandedRows\"\r\n    (onRowExpand)=\"omPrimeNgRowExpand($event)\"\r\n    [rowExpandMode]=\"'multiple'\"\r\n  >\r\n    <ng-container>\r\n      <ng-template\r\n        pTemplate=\"caption\"\r\n        *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns || smartGrid.gridModel.title\"\r\n      >\r\n        <div class=\"tableCaption\">\r\n          <div *ngIf=\"smartGrid.gridModel.title\" class=\"captionTitle\">\r\n            {{ smartGrid.gridModel.title }}\r\n          </div>\r\n          <div *ngIf=\"smartGrid.gridModel.view?.descriptor?.showEditColumns\">\r\n            <p-multiSelect\r\n              display=\"chip\"\r\n              [options]=\"smartGrid.gridModel.view?.descriptor?.columns\"\r\n              optionLabel=\"label\"\r\n              [(ngModel)]=\"columns\"\r\n              selectedItemsLabel=\"{0} columns selected\"\r\n              [style]=\"{ 'min-width': '200px' }\"\r\n              placeholder=\"Choose Columns\"\r\n              (onChange)=\"headerChange($event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-template pTemplate=\"header\">\r\n      <tr>\r\n        @if (smartGrid.gridModel.view?.descriptor?.showEditColumns) {\r\n        <th\r\n          *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        >\r\n          <p-tableHeaderCheckbox />\r\n        </th>\r\n        <th\r\n          *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        ></th>\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\" pReorderableColumn>\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        } @else {\r\n        <th\r\n          *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        >\r\n          <p-tableHeaderCheckbox />\r\n        </th>\r\n        <th\r\n          *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\"\r\n          style=\"width: 4rem\"\r\n        ></th>\r\n        <th [pSortableColumn]=\"col.propertyName\" *ngFor=\"let col of columns\">\r\n          <p-sortIcon [field]=\"col.propertyName\" />\r\n          {{ col.label }}\r\n        </th>\r\n        }\r\n\r\n        <th>\r\n          <smart-ui-action-toolbar\r\n            class=\"headerToolbar\"\r\n            #headerToolbar\r\n            [id]=\"'header_not_initialized'\"\r\n          ></smart-ui-action-toolbar>\r\n        </th>\r\n        <th *ngIf=\"smartGrid.expandable\"> </th>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\r\n      <tr [ngClass]=\"getStyle(row)\" (dblclick)=\"onDoubleClick(row)\" *ngIf=\"row && row.data\">\r\n        <td *ngIf=\"isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\">\r\n          <p-tableCheckbox *ngIf=\"row.selectable != false\" [value]=\"row\" />\r\n        </td>\r\n        <td *ngIf=\"!isMultiple && (tableType === 'checkbox' || tableType === 'CheckBox')\">\r\n          <p-tableRadioButton [value]=\"row\" />\r\n        </td>\r\n        <td *ngFor=\"let col of smartGrid?.gridModel?.view?.orderedColumnNames\">\r\n          <div *ngIf=\"row.icons[col]\">\r\n            <div class=\"smart-table-icon-container\">\r\n              <div *ngFor=\"let ir of getImageResourceIcons(row, col)\">\r\n                <div\r\n                  pTooltip=\"{{ ir.tooltip?.tooltip }}\"\r\n                  tooltipPosition=\"right\"\r\n                  placeholder=\"Right\"\r\n                  [ngStyle]=\"getImageResourceStyle(ir)\"\r\n                  ><smart-icon [icon]=\"ir.identifier!\" [color]=\"ir.color!\"> </smart-icon\r\n                ></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf=\"showCellToolbar(row, col)\">\r\n            <smart-ui-action-toolbar\r\n              [uiActionModels]=\"getRowColumnAction(row, col)\"\r\n            ></smart-ui-action-toolbar>\r\n          </ng-container>\r\n\r\n          <div *ngIf=\"!row.icons[col]\" [innerHtml]=\"getColValue(col, row)\"> </div>\r\n        </td>\r\n        <td>\r\n          <div class=\"menu-button\">\r\n            @if(showCellToolbar(row, defaultActionToolbarId)){\r\n            <smart-ui-action-toolbar\r\n              [uiActionModels]=\"getRowColumnAction(row, defaultActionToolbarId)\"\r\n            ></smart-ui-action-toolbar>\r\n            }\r\n            <p-button\r\n              [rounded]=\"true\"\r\n              [text]=\"true\"\r\n              *ngIf=\"shouldShowOptionsButton(row)\"\r\n              (onClick)=\"onOptionsClick($event, row)\"\r\n            >\r\n              <smart-icon icon=\"ellipsis-v\"></smart-icon>\r\n            </p-button>\r\n          </div>\r\n        </td>\r\n        <td *ngIf=\"smartGrid.expandable\">\r\n          <p-button\r\n            type=\"button\"\r\n            pRipple\r\n            [pRowToggler]=\"row\"\r\n            [text]=\"true\"\r\n            severity=\"secondary\"\r\n            [rounded]=\"true\"\r\n            [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-up'\"\r\n          />\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template *ngIf=\"smartGrid.expandable\" pTemplate=\"rowexpansion\" let-row>\r\n      <lib-generic-component\r\n        [rowData]=\"row\"\r\n        [expandedComponent]=\"this.smartGrid.expandedComponent\"\r\n      ></lib-generic-component>\r\n    </ng-template>\r\n  </p-table>\r\n  <div\r\n    *ngIf=\"smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef\"\r\n    class=\"cards-container\"\r\n    [ngStyle]=\"{\r\n      'grid-template-columns':\r\n        smartGrid.numberOfColumn !== undefined\r\n          ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n          : ''\r\n    }\"\r\n  >\r\n    <app-smart-grid-card\r\n      class=\"smartGrid-card-container\"\r\n      *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n      [item]=\"task\"\r\n      [smartGrid]=\"smartGrid\"\r\n      [onSelect]=\"onSelect.bind(this)\"\r\n    ></app-smart-grid-card>\r\n  </div>\r\n  <p-paginator\r\n    *ngIf=\"smartGrid.paginator\"\r\n    [first]=\"pageIndex!\"\r\n    [totalRecords]=\"length!\"\r\n    [rows]=\"pageSize\"\r\n    [rowsPerPageOptions]=\"pageSizeOptions\"\r\n    (onPageChange)=\"onPrimeChangePage($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n    dropdownAppendTo=\"body\"\r\n  />\r\n  <p-menu #menu [model]=\"menuButtons\" [popup]=\"true\" appendTo=\"body\"> </p-menu>\r\n</div>\r\n}@else {\r\n<div *ngIf=\"smartGrid\" class=\"smartGrid-container\">\r\n  <div class=\"smart-grid-toolbar\">\r\n    <smart-ui-action-toolbar #toolbar [id]=\"'grid_not_initialized'\"></smart-ui-action-toolbar>\r\n    <button\r\n      (click)=\"editColumns()\"\r\n      mat-mini-fab\r\n      color=\"text-primary\"\r\n      *ngIf=\"smartGrid.showEditColumns\"\r\n    >\r\n      <mat-icon aria-hidden=\"false\" aria-label=\"Columns\" class=\"smart-grid-edit-icon\"\r\n        >view_columns</mat-icon\r\n      >\r\n    </button>\r\n  </div>\r\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\r\n  <div class=\"smartGridContent\">\r\n    <div>\r\n      <div *ngIf=\"smartGrid.showResultCount\">\r\n        <div class=\"smartGrid-data-number\">\r\n          {{ smartGrid.gridModel.totalRowCount }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"smart-grid-table-container\">\r\n      <ng-template #table></ng-template>\r\n    </div>\r\n\r\n    <div *ngIf=\"smartGrid.layoutDef === layoutDef().EXPANDABLE\">\r\n      <smart-expandable-section\r\n        #gridExpandableSection\r\n        *ngFor=\"let expandableSection of expandableSections\"\r\n        [data]=\"expandableSection\"\r\n      ></smart-expandable-section>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef\"\r\n      class=\"cards-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <app-smart-grid-card\r\n        class=\"smartGrid-card-container\"\r\n        *ngFor=\"let task of smartGrid.gridModel.page.rows\"\r\n        [item]=\"task\"\r\n        [smartGrid]=\"smartGrid\"\r\n        [onSelect]=\"onSelect.bind(this)\"\r\n      ></app-smart-grid-card>\r\n    </div>\r\n    <div\r\n      *ngIf=\"smartGrid.layoutDef === layoutDef().TREE && treeControl\"\r\n      class=\"tree-container\"\r\n      [ngStyle]=\"{\r\n        'grid-template-columns':\r\n          smartGrid.numberOfColumn !== undefined\r\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\r\n            : ''\r\n      }\"\r\n    >\r\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node\"\r\n          matTreeNodeToggle\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button mat-icon-button disabled class=\"tree-button\"></button>\r\n          <mat-checkbox\r\n            class=\"checklist-leaf-node\"\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node; when: hasChild\"\r\n          matTreeNodePadding\r\n          matTreeNodePaddingIndent=\"24\"\r\n        >\r\n          <button\r\n            mat-icon-button\r\n            matTreeNodeToggle\r\n            class=\"tree-button\"\r\n            [attr.aria-label]=\"'Toggle ' + node.item\"\r\n          >\r\n            <mat-icon class=\"mat-icon-rtl-mirror\">\r\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n            </mat-icon>\r\n          </button>\r\n          <mat-checkbox\r\n            [checked]=\"treeChecklistSelection?.isSelected(node)\"\r\n            [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n            (change)=\"treeNodeSelectionToggle(node)\"\r\n            >{{ getTreeItem(node) }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n      </mat-tree>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    *ngIf=\"smartGrid.paginator && !treeControl\"\r\n    #paginator\r\n    [length]=\"length\"\r\n    [pageIndex]=\"pageIndex\"\r\n    [pageSize]=\"pageSize\"\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    (page)=\"onChangePage($event)\"\r\n  ></mat-paginator>\r\n</div>\r\n}\r\n", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.primeSmartGrid-container{display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.smart-table-icon-container{display:flex;flex-direction:row;justify-content:space-between;white-space:initial}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-card-container{height:auto;border:1px solid black;border-radius:8px}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}.menu-button{display:flex;flex-direction:row;justify-content:flex-end;text-align:-webkit-right;align-items:center}.headerToolbar ::ng-deep .uiActionButtonsContainer{justify-content:flex-end}.tableCaption{display:flex;flex-direction:row;justify-content:space-between}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}.captionTitle{font-size:1.5rem;align-content:center}\n"] }]
         }], ctorParameters: () => [{ type: SmartGridService }, { type: ComponentFactoryService }, { type: i1$3.MatDialog }, { type: i0.Injector }, { type: UiActionDescriptorService }, { type: ComponentLibrary, decorators: [{
                     type: Inject,
                     args: [COMPONENT_LIBRARY]
@@ -13959,7 +13986,8 @@ class SmartGridModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: SmartGridModule, declarations: [SmartGridComponent,
             SmartGridCardComponent,
             ExpandableGridComponent,
-            TableLayoutDefinerComponent], imports: [BrowserModule,
+            TableLayoutDefinerComponent,
+            GenericComponent], imports: [BrowserModule,
             SmartIconModule,
             SmarttableModule,
             MatIconModule,
@@ -14004,6 +14032,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         SmartGridCardComponent,
                         ExpandableGridComponent,
                         TableLayoutDefinerComponent,
+                        GenericComponent,
                     ],
                     imports: [
                         BrowserModule,