npm - @tots/table - Versions diffs - 15.0.56 → 15.0.57 - Mend

@tots/table 15.0.56 → 15.0.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/esm2020/lib/columns/user-column/user-column.component.mjs +21 -3
package/esm2020/lib/components/tots-table/tots-table.component.mjs +3 -3
package/fesm2015/tots-table.mjs +24 -4
package/fesm2015/tots-table.mjs.map +1 -1
package/fesm2020/tots-table.mjs +22 -4
package/fesm2020/tots-table.mjs.map +1 -1
package/lib/columns/user-column/user-column.component.d.ts +3 -0
package/package.json +1 -1

package/esm2020/lib/columns/user-column/user-column.component.mjs CHANGED Viewed

@@ -5,6 +5,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/material/icon";
 export class UserColumnComponent extends TotsBaseColumnComponent {
+    onClick() {
+        if (!this.isClickable()) {
+            return;
+        }
+        this.onAction.next({ key: this.getClickEvent(), item: this.item });
+    }
     getFirstname() {
         if (this.column.extra?.field_firstname_key) {
             return TotsTableHelper.getItemValueByKey(this.item, this.column.extra.field_firstname_key);
@@ -38,11 +44,23 @@ export class UserColumnComponent extends TotsBaseColumnComponent {
         }
         return false;
     }
+    isClickable() {
+        if (this.column.extra?.is_clickable) {
+            return true;
+        }
+        return false;
+    }
+    getClickEvent() {
+        if (this.column.extra?.click_event) {
+            return this.column.extra.click_event;
+        }
+        return 'click-column';
+    }
 }
 UserColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: UserColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UserColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: UserColumnComponent, selector: "tots-user-column", usesInheritance: true, ngImport: i0, template: "<div class=\"user-avatar-component\">\n    <div class=\"avatar\" *ngIf=\"getPhoto() != ''\">\n        <img mat-card-avatar [src]=\"getPhoto()\" alt=\"{{ getFullname() }}\" class=\"cover-image\" onerror=\"this.src='/assets/img/user-avatar-empty.svg';\">\n    </div>\n    <div class=\"texts\">\n        <div class=\"user\"> {{ getFullname() }} </div>\n        <div class=\"body-2\" *ngIf=\"getSubtitle() != ''\"> {{ getSubtitle() }} </div>\n    </div>\n    <div class=\"check\" *ngIf=\"column.extra?.field_is_online && isOnline()\"><mat-icon>check</mat-icon></div>\n</div>", styles: [".user-avatar-component{display:flex;align-items:center;position:relative}.user-avatar-component .avatar{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:40px;overflow:hidden;margin-right:16px}.user-avatar-component .avatar img{width:40px;min-width:40px;height:40px;min-height:40px}.user-avatar-component .texts .user{font-size:1.1em}.user-avatar-component .texts .body-2{color:#636363;font-size:.9em}.user-avatar-component .check{position:absolute;border:2px solid white;border-radius:200px;top:0;left:0;color:#24b524;background-color:#d7ffa3;width:1em;height:1em;display:flex;align-items:center;justify-content:center}.user-avatar-component .check mat-icon{line-height:1em;font-size:1em;width:1em;height:1em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+UserColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: UserColumnComponent, selector: "tots-user-column", usesInheritance: true, ngImport: i0, template: "<div class=\"user-avatar-component\" [ngClass]=\"{'box-clickable': isClickable()}\" (click)=\"onClick(); $event.stopPropagation();\">\n    <div class=\"avatar\" *ngIf=\"getPhoto() != ''\">\n        <img mat-card-avatar [src]=\"getPhoto()\" alt=\"{{ getFullname() }}\" class=\"cover-image\" onerror=\"this.src='/assets/img/user-avatar-empty.svg';\">\n    </div>\n    <div class=\"texts\">\n        <div class=\"user\"> {{ getFullname() }} </div>\n        <div class=\"body-2\" *ngIf=\"getSubtitle() != ''\"> {{ getSubtitle() }} </div>\n    </div>\n    <div class=\"check\" *ngIf=\"column.extra?.field_is_online && isOnline()\"><mat-icon>check</mat-icon></div>\n</div>\n", styles: [".user-avatar-component{display:flex;align-items:center;position:relative}.user-avatar-component .avatar{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:40px;overflow:hidden;margin-right:16px}.user-avatar-component .avatar img{width:40px;min-width:40px;height:40px;min-height:40px}.user-avatar-component .texts .user{font-size:1.1em}.user-avatar-component .texts .body-2{color:#636363;font-size:.9em}.user-avatar-component .check{position:absolute;border:2px solid white;border-radius:200px;top:0;left:0;color:#24b524;background-color:#d7ffa3;width:1em;height:1em;display:flex;align-items:center;justify-content:center}.user-avatar-component .check mat-icon{line-height:1em;font-size:1em;width:1em;height:1em}.box-clickable{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: UserColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tots-user-column', template: "<div class=\"user-avatar-component\">\n    <div class=\"avatar\" *ngIf=\"getPhoto() != ''\">\n        <img mat-card-avatar [src]=\"getPhoto()\" alt=\"{{ getFullname() }}\" class=\"cover-image\" onerror=\"this.src='/assets/img/user-avatar-empty.svg';\">\n    </div>\n    <div class=\"texts\">\n        <div class=\"user\"> {{ getFullname() }} </div>\n        <div class=\"body-2\" *ngIf=\"getSubtitle() != ''\"> {{ getSubtitle() }} </div>\n    </div>\n    <div class=\"check\" *ngIf=\"column.extra?.field_is_online && isOnline()\"><mat-icon>check</mat-icon></div>\n</div>", styles: [".user-avatar-component{display:flex;align-items:center;position:relative}.user-avatar-component .avatar{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:40px;overflow:hidden;margin-right:16px}.user-avatar-component .avatar img{width:40px;min-width:40px;height:40px;min-height:40px}.user-avatar-component .texts .user{font-size:1.1em}.user-avatar-component .texts .body-2{color:#636363;font-size:.9em}.user-avatar-component .check{position:absolute;border:2px solid white;border-radius:200px;top:0;left:0;color:#24b524;background-color:#d7ffa3;width:1em;height:1em;display:flex;align-items:center;justify-content:center}.user-avatar-component .check mat-icon{line-height:1em;font-size:1em;width:1em;height:1em}\n"] }]
+            args: [{ selector: 'tots-user-column', template: "<div class=\"user-avatar-component\" [ngClass]=\"{'box-clickable': isClickable()}\" (click)=\"onClick(); $event.stopPropagation();\">\n    <div class=\"avatar\" *ngIf=\"getPhoto() != ''\">\n        <img mat-card-avatar [src]=\"getPhoto()\" alt=\"{{ getFullname() }}\" class=\"cover-image\" onerror=\"this.src='/assets/img/user-avatar-empty.svg';\">\n    </div>\n    <div class=\"texts\">\n        <div class=\"user\"> {{ getFullname() }} </div>\n        <div class=\"body-2\" *ngIf=\"getSubtitle() != ''\"> {{ getSubtitle() }} </div>\n    </div>\n    <div class=\"check\" *ngIf=\"column.extra?.field_is_online && isOnline()\"><mat-icon>check</mat-icon></div>\n</div>\n", styles: [".user-avatar-component{display:flex;align-items:center;position:relative}.user-avatar-component .avatar{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:40px;overflow:hidden;margin-right:16px}.user-avatar-component .avatar img{width:40px;min-width:40px;height:40px;min-height:40px}.user-avatar-component .texts .user{font-size:1.1em}.user-avatar-component .texts .body-2{color:#636363;font-size:.9em}.user-avatar-component .check{position:absolute;border:2px solid white;border-radius:200px;top:0;left:0;color:#24b524;background-color:#d7ffa3;width:1em;height:1em;display:flex;align-items:center;justify-content:center}.user-avatar-component .check mat-icon{line-height:1em;font-size:1em;width:1em;height:1em}.box-clickable{cursor:pointer}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdG90cy90YWJsZS9zcmMvbGliL2NvbHVtbnMvdXNlci1jb2x1bW4vdXNlci1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdG90cy90YWJsZS9zcmMvbGliL2NvbHVtbnMvdXNlci1jb2x1bW4vdXNlci1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7QUFPeEUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHVCQUF1QjtJQUU5RCxZQUFZO1FBQ1YsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxtQkFBbUIsRUFBQztZQUN4QyxPQUFPLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLG1CQUFtQixDQUFDLENBQUM7U0FDNUY7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxrQkFBa0IsRUFBQztZQUN2QyxPQUFPLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7U0FDM0Y7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsWUFBWSxFQUFFLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN4RCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZUFBZSxFQUFDO1lBQ3BDLE9BQU8sZUFBZSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDeEY7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxrQkFBa0IsRUFBQztZQUN2QyxPQUFPLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7U0FDM0Y7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxnQkFBZ0IsRUFBQztZQUNyQyxPQUFPLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7U0FDekY7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O2dIQTVDVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwrRUNUaEMsNGpCQVNNOzJGREFPLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvdHNUYWJsZUhlbHBlciB9IGZyb20gJy4uLy4uL2hlbHBlcnMvdG90cy10YWJsZS1oZWxwZXInO1xuaW1wb3J0IHsgVG90c0Jhc2VDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuLi90b3RzLWJhc2UtY29sdW1uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RvdHMtdXNlci1jb2x1bW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91c2VyLWNvbHVtbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJDb2x1bW5Db21wb25lbnQgZXh0ZW5kcyBUb3RzQmFzZUNvbHVtbkNvbXBvbmVudCB7XG5cbiAgZ2V0Rmlyc3RuYW1lKCkge1xuICAgIGlmKHRoaXMuY29sdW1uLmV4dHJhPy5maWVsZF9maXJzdG5hbWVfa2V5KXtcbiAgICAgIHJldHVybiBUb3RzVGFibGVIZWxwZXIuZ2V0SXRlbVZhbHVlQnlLZXkodGhpcy5pdGVtLCB0aGlzLmNvbHVtbi5leHRyYS5maWVsZF9maXJzdG5hbWVfa2V5KTtcbiAgICB9XG5cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBnZXRMYXN0bmFtZSgpIHtcbiAgICBpZih0aGlzLmNvbHVtbi5leHRyYT8uZmllbGRfbGFzdG5hbWVfa2V5KXtcbiAgICAgIHJldHVybiBUb3RzVGFibGVIZWxwZXIuZ2V0SXRlbVZhbHVlQnlLZXkodGhpcy5pdGVtLCB0aGlzLmNvbHVtbi5leHRyYS5maWVsZF9sYXN0bmFtZV9rZXkpO1xuICAgIH1cblxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIGdldEZ1bGxuYW1lKCkge1xuICAgIHJldHVybiB0aGlzLmdldEZpcnN0bmFtZSgpICsgJyAnICsgdGhpcy5nZXRMYXN0bmFtZSgpO1xuICB9XG5cbiAgZ2V0UGhvdG8oKSB7XG4gICAgaWYodGhpcy5jb2x1bW4uZXh0cmE/LmZpZWxkX3Bob3RvX2tleSl7XG4gICAgICByZXR1cm4gVG90c1RhYmxlSGVscGVyLmdldEl0ZW1WYWx1ZUJ5S2V5KHRoaXMuaXRlbSwgdGhpcy5jb2x1bW4uZXh0cmEuZmllbGRfcGhvdG9fa2V5KTtcbiAgICB9XG5cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBnZXRTdWJ0aXRsZSgpIHtcbiAgICBpZih0aGlzLmNvbHVtbi5leHRyYT8uZmllbGRfc3VidGl0bGVfa2V5KXtcbiAgICAgIHJldHVybiBUb3RzVGFibGVIZWxwZXIuZ2V0SXRlbVZhbHVlQnlLZXkodGhpcy5pdGVtLCB0aGlzLmNvbHVtbi5leHRyYS5maWVsZF9zdWJ0aXRsZV9rZXkpO1xuICAgIH1cblxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIGlzT25saW5lKCkge1xuICAgIGlmKHRoaXMuY29sdW1uLmV4dHJhPy5maWVsZF9vbmxpbmVfa2V5KXtcbiAgICAgIHJldHVybiBUb3RzVGFibGVIZWxwZXIuZ2V0SXRlbVZhbHVlQnlLZXkodGhpcy5pdGVtLCB0aGlzLmNvbHVtbi5leHRyYS5maWVsZF9vbmxpbmVfa2V5KTtcbiAgICB9XG5cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ1c2VyLWF2YXRhci1jb21wb25lbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyXCIgKm5nSWY9XCJnZXRQaG90bygpICE9ICcnXCI+XG4gICAgICAgIDxpbWcgbWF0LWNhcmQtYXZhdGFyIFtzcmNdPVwiZ2V0UGhvdG8oKVwiIGFsdD1cInt7IGdldEZ1bGxuYW1lKCkgfX1cIiBjbGFzcz1cImNvdmVyLWltYWdlXCIgb25lcnJvcj1cInRoaXMuc3JjPScvYXNzZXRzL2ltZy91c2VyLWF2YXRhci1lbXB0eS5zdmcnO1wiPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0c1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidXNlclwiPiB7eyBnZXRGdWxsbmFtZSgpIH19IDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9keS0yXCIgKm5nSWY9XCJnZXRTdWJ0aXRsZSgpICE9ICcnXCI+IHt7IGdldFN1YnRpdGxlKCkgfX0gPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNoZWNrXCIgKm5nSWY9XCJjb2x1bW4uZXh0cmE/LmZpZWxkX2lzX29ubGluZSAmJiBpc09ubGluZSgpXCI+PG1hdC1pY29uPmNoZWNrPC9tYXQtaWNvbj48L2Rpdj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdG90cy90YWJsZS9zcmMvbGliL2NvbHVtbnMvdXNlci1jb2x1bW4vdXNlci1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdG90cy90YWJsZS9zcmMvbGliL2NvbHVtbnMvdXNlci1jb2x1bW4vdXNlci1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7QUFPeEUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHVCQUF1QjtJQUU5RCxPQUFPO1FBQ0wsSUFBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBQztZQUNyQixPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxtQkFBbUIsRUFBQztZQUN4QyxPQUFPLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLG1CQUFtQixDQUFDLENBQUM7U0FDNUY7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxrQkFBa0IsRUFBQztZQUN2QyxPQUFPLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7U0FDM0Y7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsWUFBWSxFQUFFLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN4RCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZUFBZSxFQUFDO1lBQ3BDLE9BQU8sZUFBZSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDeEY7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxrQkFBa0IsRUFBQztZQUN2QyxPQUFPLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7U0FDM0Y7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxnQkFBZ0IsRUFBQztZQUNyQyxPQUFPLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7U0FDekY7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxZQUFZLEVBQUM7WUFDakMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBQztZQUNoQyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQztTQUN0QztRQUVELE9BQU8sY0FBYyxDQUFDO0lBQ3hCLENBQUM7O2dIQXBFVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwrRUNUaEMsOHBCQVVBOzJGRERhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvdHNUYWJsZUhlbHBlciB9IGZyb20gJy4uLy4uL2hlbHBlcnMvdG90cy10YWJsZS1oZWxwZXInO1xuaW1wb3J0IHsgVG90c0Jhc2VDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuLi90b3RzLWJhc2UtY29sdW1uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RvdHMtdXNlci1jb2x1bW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91c2VyLWNvbHVtbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJDb2x1bW5Db21wb25lbnQgZXh0ZW5kcyBUb3RzQmFzZUNvbHVtbkNvbXBvbmVudCB7XG5cbiAgb25DbGljaygpIHtcbiAgICBpZighdGhpcy5pc0NsaWNrYWJsZSgpKXtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLm9uQWN0aW9uLm5leHQoeyBrZXk6IHRoaXMuZ2V0Q2xpY2tFdmVudCgpLCBpdGVtOiB0aGlzLml0ZW0gfSk7XG4gIH1cblxuICBnZXRGaXJzdG5hbWUoKSB7XG4gICAgaWYodGhpcy5jb2x1bW4uZXh0cmE/LmZpZWxkX2ZpcnN0bmFtZV9rZXkpe1xuICAgICAgcmV0dXJuIFRvdHNUYWJsZUhlbHBlci5nZXRJdGVtVmFsdWVCeUtleSh0aGlzLml0ZW0sIHRoaXMuY29sdW1uLmV4dHJhLmZpZWxkX2ZpcnN0bmFtZV9rZXkpO1xuICAgIH1cblxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIGdldExhc3RuYW1lKCkge1xuICAgIGlmKHRoaXMuY29sdW1uLmV4dHJhPy5maWVsZF9sYXN0bmFtZV9rZXkpe1xuICAgICAgcmV0dXJuIFRvdHNUYWJsZUhlbHBlci5nZXRJdGVtVmFsdWVCeUtleSh0aGlzLml0ZW0sIHRoaXMuY29sdW1uLmV4dHJhLmZpZWxkX2xhc3RuYW1lX2tleSk7XG4gICAgfVxuXG4gICAgcmV0dXJuICcnO1xuICB9XG5cbiAgZ2V0RnVsbG5hbWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuZ2V0Rmlyc3RuYW1lKCkgKyAnICcgKyB0aGlzLmdldExhc3RuYW1lKCk7XG4gIH1cblxuICBnZXRQaG90bygpIHtcbiAgICBpZih0aGlzLmNvbHVtbi5leHRyYT8uZmllbGRfcGhvdG9fa2V5KXtcbiAgICAgIHJldHVybiBUb3RzVGFibGVIZWxwZXIuZ2V0SXRlbVZhbHVlQnlLZXkodGhpcy5pdGVtLCB0aGlzLmNvbHVtbi5leHRyYS5maWVsZF9waG90b19rZXkpO1xuICAgIH1cblxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIGdldFN1YnRpdGxlKCkge1xuICAgIGlmKHRoaXMuY29sdW1uLmV4dHJhPy5maWVsZF9zdWJ0aXRsZV9rZXkpe1xuICAgICAgcmV0dXJuIFRvdHNUYWJsZUhlbHBlci5nZXRJdGVtVmFsdWVCeUtleSh0aGlzLml0ZW0sIHRoaXMuY29sdW1uLmV4dHJhLmZpZWxkX3N1YnRpdGxlX2tleSk7XG4gICAgfVxuXG4gICAgcmV0dXJuICcnO1xuICB9XG5cbiAgaXNPbmxpbmUoKSB7XG4gICAgaWYodGhpcy5jb2x1bW4uZXh0cmE/LmZpZWxkX29ubGluZV9rZXkpe1xuICAgICAgcmV0dXJuIFRvdHNUYWJsZUhlbHBlci5nZXRJdGVtVmFsdWVCeUtleSh0aGlzLml0ZW0sIHRoaXMuY29sdW1uLmV4dHJhLmZpZWxkX29ubGluZV9rZXkpO1xuICAgIH1cblxuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG4gIGlzQ2xpY2thYmxlKCkge1xuICAgIGlmKHRoaXMuY29sdW1uLmV4dHJhPy5pc19jbGlja2FibGUpe1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgZ2V0Q2xpY2tFdmVudCgpIHtcbiAgICBpZih0aGlzLmNvbHVtbi5leHRyYT8uY2xpY2tfZXZlbnQpe1xuICAgICAgcmV0dXJuIHRoaXMuY29sdW1uLmV4dHJhLmNsaWNrX2V2ZW50O1xuICAgIH1cblxuICAgIHJldHVybiAnY2xpY2stY29sdW1uJztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInVzZXItYXZhdGFyLWNvbXBvbmVudFwiIFtuZ0NsYXNzXT1cInsnYm94LWNsaWNrYWJsZSc6IGlzQ2xpY2thYmxlKCl9XCIgKGNsaWNrKT1cIm9uQ2xpY2soKTsgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1wiPlxuICAgIDxkaXYgY2xhc3M9XCJhdmF0YXJcIiAqbmdJZj1cImdldFBob3RvKCkgIT0gJydcIj5cbiAgICAgICAgPGltZyBtYXQtY2FyZC1hdmF0YXIgW3NyY109XCJnZXRQaG90bygpXCIgYWx0PVwie3sgZ2V0RnVsbG5hbWUoKSB9fVwiIGNsYXNzPVwiY292ZXItaW1hZ2VcIiBvbmVycm9yPVwidGhpcy5zcmM9Jy9hc3NldHMvaW1nL3VzZXItYXZhdGFyLWVtcHR5LnN2Zyc7XCI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInRleHRzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyXCI+IHt7IGdldEZ1bGxuYW1lKCkgfX0gPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJib2R5LTJcIiAqbmdJZj1cImdldFN1YnRpdGxlKCkgIT0gJydcIj4ge3sgZ2V0U3VidGl0bGUoKSB9fSA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY2hlY2tcIiAqbmdJZj1cImNvbHVtbi5leHRyYT8uZmllbGRfaXNfb25saW5lICYmIGlzT25saW5lKClcIj48bWF0LWljb24+Y2hlY2s8L21hdC1pY29uPjwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/tots-table/tots-table.component.mjs CHANGED Viewed

@@ -80,10 +80,10 @@ export class TotsTableComponent {
     }
 }
 TotsTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsTableComponent, deps: [{ token: TOTS_TABLE_DEFAULT_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TotsTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: TotsTableComponent, selector: "tots-table", inputs: { config: "config", pageIndex: "pageIndex", pageSize: "pageSize", hasPagination: "hasPagination", messageNotFound: "messageNotFound" }, outputs: { onAction: "onAction" }, ngImport: i0, template: "<div class=\"tots-table-container {{config.classes}}\">\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"upperPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"upperProgressBar\">\n        <div class=\"tots-table-bar-loading upper\">\n            <mat-progress-bar *ngIf=\"isLoading && !firstLoad\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <table mat-table [dataSource]=\"dataItems != undefined ? dataItems!.data : []\">\n\n        <ng-container *ngFor=\"let column of config.columns\" [matColumnDef]=\"column.key\" [stickyEnd]=\"column.extra?.stickyEnd ?? false\">\n            <!-- TH-->\n            <th mat-header-cell *matHeaderCellDef [ngClass]=\"{'tots-tr-has-order': column.hasOrder}\" (click)=\"onClickOrder(column)\">\n                {{ column.title }}\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'asc'}\">arrow_drop_up</mat-icon>\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'desc'}\">arrow_drop_down</mat-icon>\n            </th>\n            <!-- TD -->\n            <td mat-cell *matCellDef=\"let item; let index = index;\" [ngStyle]=\"{'width': column.extra?.width ? column.extra.width : 'auto'}\"><tots-base-print-column [column]=\"column\" [item]=\"item\" [index]=\"index\" [onAction]=\"privateActions\"></tots-base-print-column></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayColumns;\" (click)=\"onClickRow(row)\" [class]=\"row.classCustom\" [ngClass]=\"{'tots-cell-selected': row.isSelected}\"></tr>\n\n        <!-- Row shown when there is no matching data. -->\n        <ng-container *ngIf=\"!isLoading\">\n            <tr class=\"tots-table-not-data\" *matNoDataRow><td class=\"mat-cell\" [colSpan]=\"config.columns.length\">{{ messageNotFound }}</td></tr>\n        </ng-container>\n    </table>\n\n    <!-- #region First loading animation -->\n    <div *ngIf=\"isLoading && firstLoad\" class=\"tots-table-loading\">\n        <tots-loading-animation-renderer></tots-loading-animation-renderer>\n    </div>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"lowerProgressBar\">\n        <div class=\"tots-table-bar-loading lower\">\n            <mat-progress-bar *ngIf=\"isLoading && !firstLoad\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"lowerPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n</div>\n", styles: [".tots-table-container .mat-mdc-header-cell{position:relative}.tots-table-container .mat-mdc-header-cell mat-icon{display:none}.tots-table-container .tots-tr-has-order{cursor:pointer}.tots-table-container .tots-tr-has-order:hover mat-icon{opacity:.5}.tots-table-container .tots-tr-has-order mat-icon{display:inline;opacity:.3;position:absolute}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(1){top:12px}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(2){top:20px}.tots-table-container .tots-tr-has-order .sort_active{opacity:1!important}.tots-table-container .tots-table-loading{display:flex;justify-content:center;text-align:center}.tots-table-container .tots-table-bar-loading{height:4px}.tots-table-container .tots-table-not-data{font-size:large;text-align:center}.tots-table-container .tots-table-not-data td{padding:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6.BasePrintColumnComponent, selector: "tots-base-print-column", inputs: ["column", "item", "onAction", "index"] }, { kind: "component", type: i7.LoadingAnimationRendererComponent, selector: "tots-loading-animation-renderer" }] });
+TotsTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: TotsTableComponent, selector: "tots-table", inputs: { config: "config", pageIndex: "pageIndex", pageSize: "pageSize", hasPagination: "hasPagination", messageNotFound: "messageNotFound" }, outputs: { onAction: "onAction" }, ngImport: i0, template: "<div class=\"tots-table-container {{config.classes}}\">\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"upperPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"upperProgressBar && !firstLoad\">\n        <div class=\"tots-table-bar-loading upper\">\n            <mat-progress-bar *ngIf=\"isLoading\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <table mat-table [dataSource]=\"dataItems != undefined ? dataItems!.data : []\">\n\n        <ng-container *ngFor=\"let column of config.columns\" [matColumnDef]=\"column.key\" [stickyEnd]=\"column.extra?.stickyEnd ?? false\">\n            <!-- TH-->\n            <th mat-header-cell *matHeaderCellDef [ngClass]=\"{'tots-tr-has-order': column.hasOrder}\" (click)=\"onClickOrder(column)\">\n                {{ column.title }}\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'asc'}\">arrow_drop_up</mat-icon>\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'desc'}\">arrow_drop_down</mat-icon>\n            </th>\n            <!-- TD -->\n            <td mat-cell *matCellDef=\"let item; let index = index;\" [ngStyle]=\"{'width': column.extra?.width ? column.extra.width : 'auto'}\"><tots-base-print-column [column]=\"column\" [item]=\"item\" [index]=\"index\" [onAction]=\"privateActions\"></tots-base-print-column></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayColumns;\" (click)=\"onClickRow(row)\" [class]=\"row.classCustom\" [ngClass]=\"{'tots-cell-selected': row.isSelected}\"></tr>\n\n        <!-- Row shown when there is no matching data. -->\n        <ng-container *ngIf=\"!isLoading\">\n            <tr class=\"tots-table-not-data\" *matNoDataRow><td class=\"mat-cell\" [colSpan]=\"config.columns.length\">{{ messageNotFound }}</td></tr>\n        </ng-container>\n    </table>\n\n    <!-- #region First loading animation -->\n    <div *ngIf=\"isLoading && firstLoad\" class=\"tots-table-loading\">\n        <tots-loading-animation-renderer></tots-loading-animation-renderer>\n    </div>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"lowerProgressBar && !firstLoad\">\n        <div class=\"tots-table-bar-loading lower\">\n            <mat-progress-bar *ngIf=\"isLoading\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"lowerPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n</div>\n", styles: [".tots-table-container .mat-mdc-header-cell{position:relative}.tots-table-container .mat-mdc-header-cell mat-icon{display:none}.tots-table-container .tots-tr-has-order{cursor:pointer}.tots-table-container .tots-tr-has-order:hover mat-icon{opacity:.5}.tots-table-container .tots-tr-has-order mat-icon{display:inline;opacity:.3;position:absolute}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(1){top:12px}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(2){top:20px}.tots-table-container .tots-tr-has-order .sort_active{opacity:1!important}.tots-table-container .tots-table-loading{display:flex;justify-content:center;text-align:center}.tots-table-container .tots-table-bar-loading{height:4px}.tots-table-container .tots-table-not-data{font-size:large;text-align:center}.tots-table-container .tots-table-not-data td{padding:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6.BasePrintColumnComponent, selector: "tots-base-print-column", inputs: ["column", "item", "onAction", "index"] }, { kind: "component", type: i7.LoadingAnimationRendererComponent, selector: "tots-loading-animation-renderer" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tots-table', template: "<div class=\"tots-table-container {{config.classes}}\">\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"upperPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"upperProgressBar\">\n        <div class=\"tots-table-bar-loading upper\">\n            <mat-progress-bar *ngIf=\"isLoading && !firstLoad\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <table mat-table [dataSource]=\"dataItems != undefined ? dataItems!.data : []\">\n\n        <ng-container *ngFor=\"let column of config.columns\" [matColumnDef]=\"column.key\" [stickyEnd]=\"column.extra?.stickyEnd ?? false\">\n            <!-- TH-->\n            <th mat-header-cell *matHeaderCellDef [ngClass]=\"{'tots-tr-has-order': column.hasOrder}\" (click)=\"onClickOrder(column)\">\n                {{ column.title }}\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'asc'}\">arrow_drop_up</mat-icon>\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'desc'}\">arrow_drop_down</mat-icon>\n            </th>\n            <!-- TD -->\n            <td mat-cell *matCellDef=\"let item; let index = index;\" [ngStyle]=\"{'width': column.extra?.width ? column.extra.width : 'auto'}\"><tots-base-print-column [column]=\"column\" [item]=\"item\" [index]=\"index\" [onAction]=\"privateActions\"></tots-base-print-column></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayColumns;\" (click)=\"onClickRow(row)\" [class]=\"row.classCustom\" [ngClass]=\"{'tots-cell-selected': row.isSelected}\"></tr>\n\n        <!-- Row shown when there is no matching data. -->\n        <ng-container *ngIf=\"!isLoading\">\n            <tr class=\"tots-table-not-data\" *matNoDataRow><td class=\"mat-cell\" [colSpan]=\"config.columns.length\">{{ messageNotFound }}</td></tr>\n        </ng-container>\n    </table>\n\n    <!-- #region First loading animation -->\n    <div *ngIf=\"isLoading && firstLoad\" class=\"tots-table-loading\">\n        <tots-loading-animation-renderer></tots-loading-animation-renderer>\n    </div>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"lowerProgressBar\">\n        <div class=\"tots-table-bar-loading lower\">\n            <mat-progress-bar *ngIf=\"isLoading && !firstLoad\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"lowerPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n</div>\n", styles: [".tots-table-container .mat-mdc-header-cell{position:relative}.tots-table-container .mat-mdc-header-cell mat-icon{display:none}.tots-table-container .tots-tr-has-order{cursor:pointer}.tots-table-container .tots-tr-has-order:hover mat-icon{opacity:.5}.tots-table-container .tots-tr-has-order mat-icon{display:inline;opacity:.3;position:absolute}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(1){top:12px}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(2){top:20px}.tots-table-container .tots-tr-has-order .sort_active{opacity:1!important}.tots-table-container .tots-table-loading{display:flex;justify-content:center;text-align:center}.tots-table-container .tots-table-bar-loading{height:4px}.tots-table-container .tots-table-not-data{font-size:large;text-align:center}.tots-table-container .tots-table-not-data td{padding:24px}\n"] }]
+            args: [{ selector: 'tots-table', template: "<div class=\"tots-table-container {{config.classes}}\">\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"upperPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"upperProgressBar && !firstLoad\">\n        <div class=\"tots-table-bar-loading upper\">\n            <mat-progress-bar *ngIf=\"isLoading\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <table mat-table [dataSource]=\"dataItems != undefined ? dataItems!.data : []\">\n\n        <ng-container *ngFor=\"let column of config.columns\" [matColumnDef]=\"column.key\" [stickyEnd]=\"column.extra?.stickyEnd ?? false\">\n            <!-- TH-->\n            <th mat-header-cell *matHeaderCellDef [ngClass]=\"{'tots-tr-has-order': column.hasOrder}\" (click)=\"onClickOrder(column)\">\n                {{ column.title }}\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'asc'}\">arrow_drop_up</mat-icon>\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'desc'}\">arrow_drop_down</mat-icon>\n            </th>\n            <!-- TD -->\n            <td mat-cell *matCellDef=\"let item; let index = index;\" [ngStyle]=\"{'width': column.extra?.width ? column.extra.width : 'auto'}\"><tots-base-print-column [column]=\"column\" [item]=\"item\" [index]=\"index\" [onAction]=\"privateActions\"></tots-base-print-column></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayColumns;\" (click)=\"onClickRow(row)\" [class]=\"row.classCustom\" [ngClass]=\"{'tots-cell-selected': row.isSelected}\"></tr>\n\n        <!-- Row shown when there is no matching data. -->\n        <ng-container *ngIf=\"!isLoading\">\n            <tr class=\"tots-table-not-data\" *matNoDataRow><td class=\"mat-cell\" [colSpan]=\"config.columns.length\">{{ messageNotFound }}</td></tr>\n        </ng-container>\n    </table>\n\n    <!-- #region First loading animation -->\n    <div *ngIf=\"isLoading && firstLoad\" class=\"tots-table-loading\">\n        <tots-loading-animation-renderer></tots-loading-animation-renderer>\n    </div>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"lowerProgressBar && !firstLoad\">\n        <div class=\"tots-table-bar-loading lower\">\n            <mat-progress-bar *ngIf=\"isLoading\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"lowerPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n</div>\n", styles: [".tots-table-container .mat-mdc-header-cell{position:relative}.tots-table-container .mat-mdc-header-cell mat-icon{display:none}.tots-table-container .tots-tr-has-order{cursor:pointer}.tots-table-container .tots-tr-has-order:hover mat-icon{opacity:.5}.tots-table-container .tots-tr-has-order mat-icon{display:inline;opacity:.3;position:absolute}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(1){top:12px}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(2){top:20px}.tots-table-container .tots-tr-has-order .sort_active{opacity:1!important}.tots-table-container .tots-table-loading{display:flex;justify-content:center;text-align:center}.tots-table-container .tots-table-bar-loading{height:4px}.tots-table-container .tots-table-not-data{font-size:large;text-align:center}.tots-table-container .tots-table-not-data td{padding:24px}\n"] }]
         }], ctorParameters: function () { return [{ type: i8.TotsTableDefaultConfig, decorators: [{
                     type: Inject,
                     args: [TOTS_TABLE_DEFAULT_CONFIG]
@@ -100,4 +100,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
             }], onAction: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG90cy10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90b3RzL3RhYmxlL3NyYy9saWIvY29tcG9uZW50cy90b3RzLXRhYmxlL3RvdHMtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdG90cy90YWJsZS9zcmMvbGliL2NvbXBvbmVudHMvdG90cy10YWJsZS90b3RzLXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxRyxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUdwQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLHlCQUF5QixFQUEwQixNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7Ozs7O0FBUTdHLE1BQU0sT0FBTyxrQkFBa0I7SUF1QjdCLFlBQzZDLHNCQUErQyxFQUNoRixjQUFpQztRQURBLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBeUI7UUFDaEYsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBdkJwQyxXQUFNLEdBQUcsSUFBSSxlQUFlLEVBQUUsQ0FBQztRQUMvQixjQUFTLEdBQVcsQ0FBQyxDQUFDO1FBQ3RCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsa0JBQWEsR0FBWSxJQUFJLENBQUM7UUFHN0IsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBQ3pELG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQW1CLENBQUM7UUFHaEQsbUJBQWMsR0FBa0IsRUFBRSxDQUFDO1FBRW5DLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsY0FBUyxHQUFHLElBQUksQ0FBQztRQVlmLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsc0RBQXNELENBQUM7UUFDMUssSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ3JILElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGNBQWMsSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNuSSxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxjQUFjLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDbEksSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxnQkFBZ0IsSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ3pJLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsZ0JBQWdCLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUMxSSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFrQjtRQUM3QixJQUFHLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBQztZQUFFLE9BQU87U0FBRTtRQUMvQixJQUFJLFdBQVcsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQy9CLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDLENBQUM7UUFDdEQsTUFBTSxDQUFDLEtBQUssR0FBRyxXQUFXLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNyRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFTO1FBQ2xCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWdCO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDLENBQUM7YUFDN0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDO2FBQzlFLFNBQVMsQ0FBQyxHQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUVuQixJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxPQUFPLElBQUksU0FBUyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzdHLENBQUM7SUFFRCxZQUFZO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxPQUEwQztRQUN6RCxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQztJQUMzQixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdEMsQ0FBQzs7K0dBMUZVLGtCQUFrQixrQkF3Qm5CLHlCQUF5QjttR0F4QnhCLGtCQUFrQixxT0NmL0IsdXBHQTBEQTsyRkQzQ2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVk7OzBCQTRCbkIsTUFBTTsyQkFBQyx5QkFBeUI7NEVBdEIxQixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcbmltcG9ydCB7IFRvdHNMaXN0UmVzcG9uc2UgfSBmcm9tICdAdG90cy9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgVG90c0FjdGlvblRhYmxlIH0gZnJvbSAnLi4vLi4vZW50aXRpZXMvdG90cy1hY3Rpb24tdGFibGUnO1xuaW1wb3J0IHsgVG90c0NvbHVtbiB9IGZyb20gJy4uLy4uL2VudGl0aWVzL3RvdHMtY29sdW1uJztcbmltcG9ydCB7IFRvdHNUYWJsZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VudGl0aWVzL3RvdHMtdGFibGUtY29uZmlnJztcbmltcG9ydCB7IFRPVFNfVEFCTEVfREVGQVVMVF9DT05GSUcsIFRvdHNUYWJsZURlZmF1bHRDb25maWcgfSBmcm9tICcuLi8uLi9lbnRpdGllcy90b3RzLXRhYmxlLWRlZmF1bHQtY29uZmlnJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0b3RzLXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvdHMtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b3RzLXRhYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVG90c1RhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBjb25maWcgPSBuZXcgVG90c1RhYmxlQ29uZmlnKCk7XG4gIEBJbnB1dCgpIHBhZ2VJbmRleDogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgcGFnZVNpemU6IG51bWJlciA9IDUwO1xuICBASW5wdXQoKSBoYXNQYWdpbmF0aW9uOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgbWVzc2FnZU5vdEZvdW5kISA6IHN0cmluZztcblxuICBAT3V0cHV0KCkgb25BY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPFRvdHNBY3Rpb25UYWJsZT4oKTtcbiAgcHJpdmF0ZUFjdGlvbnMgPSBuZXcgU3ViamVjdDxUb3RzQWN0aW9uVGFibGU+KCk7XG5cbiAgZGF0YUl0ZW1zPzogVG90c0xpc3RSZXNwb25zZTxhbnk+O1xuICBkaXNwbGF5Q29sdW1uczogQXJyYXk8U3RyaW5nPiA9IFtdO1xuXG4gIGlzTG9hZGluZyA9IHRydWU7XG4gIGZpcnN0TG9hZCA9IHRydWU7XG4gIG1hdENvbG9yIDogVGhlbWVQYWxldHRlO1xuXG4gIHVwcGVyUGFnaW5hdG9yIDogYm9vbGVhbjtcbiAgbG93ZXJQYWdpbmF0b3IgOiBib29sZWFuO1xuICB1cHBlclByb2dyZXNzQmFyIDogYm9vbGVhbjtcbiAgbG93ZXJQcm9ncmVzc0JhciA6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChUT1RTX1RBQkxFX0RFRkFVTFRfQ09ORklHKSBwcml2YXRlIHRvdHNUYWJsZURlZmF1bHRDb25maWcgOiBUb3RzVGFibGVEZWZhdWx0Q29uZmlnLFxuICAgIHByb3RlY3RlZCBjaGFuZ2VEZWN0ZXRvcjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7XG4gICAgdGhpcy5tZXNzYWdlTm90Rm91bmQgPSB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcubWVzc2FnZU5vdEZvdW5kID8gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLm1lc3NhZ2VOb3RGb3VuZCA6IFwiTm8gcmVzdWx0cyBmb3VuZCwgcGxlYXNlIHRyeSB3aXRoIG90aGVyIHNlYXJjaCB0ZXJtc1wiO1xuICAgIHRoaXMubWF0Q29sb3IgPSB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcubWF0Q29sb3IgIT0gdW5kZWZpbmVkID8gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLm1hdENvbG9yIDogXCJwcmltYXJ5XCI7XG4gICAgdGhpcy51cHBlclBhZ2luYXRvciA9IHRoaXMudG90c1RhYmxlRGVmYXVsdENvbmZpZy51cHBlclBhZ2luYXRvciAhPSB1bmRlZmluZWQgPyB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcudXBwZXJQYWdpbmF0b3IgOiBmYWxzZTtcbiAgICB0aGlzLmxvd2VyUGFnaW5hdG9yID0gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLmxvd2VyUGFnaW5hdG9yICE9IHVuZGVmaW5lZCA/IHRoaXMudG90c1RhYmxlRGVmYXVsdENvbmZpZy5sb3dlclBhZ2luYXRvciA6IHRydWU7XG4gICAgdGhpcy51cHBlclByb2dyZXNzQmFyID0gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLnVwcGVyUHJvZ3Jlc3NCYXIgIT0gdW5kZWZpbmVkID8gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLnVwcGVyUHJvZ3Jlc3NCYXIgOiBmYWxzZTtcbiAgICB0aGlzLmxvd2VyUHJvZ3Jlc3NCYXIgPSB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcubG93ZXJQcm9ncmVzc0JhciAhPSB1bmRlZmluZWQgPyB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcubG93ZXJQcm9ncmVzc0JhciA6IHRydWU7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxvYWRDb25maWcoKTtcbiAgICB0aGlzLmxvYWRJdGVtcygpO1xuICB9XG5cbiAgb25DbGlja09yZGVyKGNvbHVtbjogVG90c0NvbHVtbikge1xuICAgIGlmKCFjb2x1bW4uaGFzT3JkZXIpeyByZXR1cm47IH1cbiAgICBsZXQgb3JkZXJDb2x1bW4gPSBjb2x1bW4ub3JkZXI7XG4gICAgdGhpcy5jb25maWcuY29sdW1ucy5mb3JFYWNoKGMgPT4gYy5vcmRlciA9IHVuZGVmaW5lZCk7XG4gICAgY29sdW1uLm9yZGVyID0gb3JkZXJDb2x1bW4gPT0gJ2FzYycgPyAnZGVzYycgOiAnYXNjJztcbiAgICB0aGlzLm9uQWN0aW9uLmVtaXQoeyBrZXk6ICdjbGljay1vcmRlcicsIGl0ZW06IGNvbHVtbiB9KTtcbiAgfVxuXG4gIG9uQ2xpY2tSb3coaXRlbTogYW55KSB7XG4gICAgdGhpcy5vbkFjdGlvbi5lbWl0KHsga2V5OiAnY2xpY2stcm93JywgaXRlbTogaXRlbSB9KTtcbiAgfVxuXG4gIG9uUGFnZUNoYW5nZShldmVudDogUGFnZUV2ZW50KSB7XG4gICAgdGhpcy5vbkFjdGlvbi5lbWl0KHsga2V5OiAncGFnZS1jaGFuZ2UnLCBpdGVtOiBldmVudCB9KTtcbiAgfVxuXG4gIGxvYWRJdGVtcygpIHtcbiAgICB0aGlzLmlzTG9hZGluZyA9IHRydWU7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLm9icz8ucGlwZSh0YXAocmVzID0+IHRoaXMuZGF0YUl0ZW1zID0gcmVzKSlcbiAgICAucGlwZSh0YXAocmVzID0+IHRoaXMub25BY3Rpb24uZW1pdCh7IGtleTogJ2xvYWRlZC1pdGVtcycsIGl0ZW06IHVuZGVmaW5lZCB9KSkpXG4gICAgLnN1YnNjcmliZSgoKT0+IHRoaXMuc3RvcExvYWRpbmcoKSk7XG4gIH1cblxuICBwcml2YXRlIHN0b3BMb2FkaW5nKCkge1xuICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgdGhpcy5maXJzdExvYWQgPSBmYWxzZTtcbiAgfVxuXG4gIGxvYWRDb25maWcoKSB7XG4gICAgdGhpcy5sb2FkQ29sdW1ucygpO1xuXG4gICAgdGhpcy5wcml2YXRlQWN0aW9ucy5zdWJzY3JpYmUoYWN0aW9uID0+IHtcbiAgICAgIHRoaXMub25BY3Rpb24uZW1pdChhY3Rpb24pO1xuICAgIH0pO1xuICB9XG5cbiAgbG9hZENvbHVtbnMoKSB7XG4gICAgdGhpcy5kaXNwbGF5Q29sdW1ucyA9IHRoaXMuY29uZmlnLmNvbHVtbnMuZmlsdGVyKGMgPT4gYy5pc19zaG93IHx8IGMuaXNfc2hvdyA9PSB1bmRlZmluZWQpLm1hcChjID0+IGMua2V5KTtcbiAgfVxuXG4gIGdldERhdGFJdGVtcygpOiBUb3RzTGlzdFJlc3BvbnNlPGFueT4gfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmRhdGFJdGVtcztcbiAgfVxuXG4gIHJlZnJlc2hEYXRhSXRlbXMobmV3RGF0YTogVG90c0xpc3RSZXNwb25zZTxhbnk+IHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5kYXRhSXRlbXMgPSBuZXdEYXRhO1xuICB9XG5cbiAgZGV0ZWN0Q2hhbmdlcygpIHtcbiAgICB0aGlzLmNoYW5nZURlY3RldG9yLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRvdHMtdGFibGUtY29udGFpbmVyIHt7Y29uZmlnLmNsYXNzZXN9fVwiPlxuXG4gICAgPCEtLSAjcmVnaW9uIExvd2VyIHBhZ2luYXRvciAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXBwZXJQYWdpbmF0b3IgJiYgZGF0YUl0ZW1zICYmIGRhdGFJdGVtcy5kYXRhLmxlbmd0aCA+IDAgJiYgaGFzUGFnaW5hdGlvblwiPlxuICAgICAgICA8bWF0LXBhZ2luYXRvciBbcGFnZUluZGV4XT1cInBhZ2VJbmRleC0xXCIgW2xlbmd0aF09XCJkYXRhSXRlbXMhLnRvdGFsXCIgW3BhZ2VTaXplXT1cInBhZ2VTaXplXCIgKHBhZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIj48L21hdC1wYWdpbmF0b3I+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuXG4gICAgPCEtLSAjcmVnaW9uIExvd2VyIHByb2dyZXNzIGJhciAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXBwZXJQcm9ncmVzc0JhclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidG90cy10YWJsZS1iYXItbG9hZGluZyB1cHBlclwiPlxuICAgICAgICAgICAgPG1hdC1wcm9ncmVzcy1iYXIgKm5nSWY9XCJpc0xvYWRpbmcgJiYgIWZpcnN0TG9hZFwiIFttb2RlXT1cIidpbmRldGVybWluYXRlJ1wiIFtjb2xvcl09XCJtYXRDb2xvclwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuXG4gICAgPHRhYmxlIG1hdC10YWJsZSBbZGF0YVNvdXJjZV09XCJkYXRhSXRlbXMgIT0gdW5kZWZpbmVkID8gZGF0YUl0ZW1zIS5kYXRhIDogW11cIj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29uZmlnLmNvbHVtbnNcIiBbbWF0Q29sdW1uRGVmXT1cImNvbHVtbi5rZXlcIiBbc3RpY2t5RW5kXT1cImNvbHVtbi5leHRyYT8uc3RpY2t5RW5kID8/IGZhbHNlXCI+XG4gICAgICAgICAgICA8IS0tIFRILS0+XG4gICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmIFtuZ0NsYXNzXT1cInsndG90cy10ci1oYXMtb3JkZXInOiBjb2x1bW4uaGFzT3JkZXJ9XCIgKGNsaWNrKT1cIm9uQ2xpY2tPcmRlcihjb2x1bW4pXCI+XG4gICAgICAgICAgICAgICAge3sgY29sdW1uLnRpdGxlIH19XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIFtuZ0NsYXNzXT1cInsnc29ydF9hY3RpdmUnOiBjb2x1bW4ub3JkZXIgPT0gJ2FzYyd9XCI+YXJyb3dfZHJvcF91cDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIFtuZ0NsYXNzXT1cInsnc29ydF9hY3RpdmUnOiBjb2x1bW4ub3JkZXIgPT0gJ2Rlc2MnfVwiPmFycm93X2Ryb3BfZG93bjwvbWF0LWljb24+XG4gICAgICAgICAgICA8L3RoPlxuICAgICAgICAgICAgPCEtLSBURCAtLT5cbiAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtOyBsZXQgaW5kZXggPSBpbmRleDtcIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzogY29sdW1uLmV4dHJhPy53aWR0aCA/IGNvbHVtbi5leHRyYS53aWR0aCA6ICdhdXRvJ31cIj48dG90cy1iYXNlLXByaW50LWNvbHVtbiBbY29sdW1uXT1cImNvbHVtblwiIFtpdGVtXT1cIml0ZW1cIiBbaW5kZXhdPVwiaW5kZXhcIiBbb25BY3Rpb25dPVwicHJpdmF0ZUFjdGlvbnNcIj48L3RvdHMtYmFzZS1wcmludC1jb2x1bW4+PC90ZD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJkaXNwbGF5Q29sdW1uc1wiPjwvdHI+XG4gICAgICAgIDx0ciBtYXQtcm93ICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBkaXNwbGF5Q29sdW1ucztcIiAoY2xpY2spPVwib25DbGlja1Jvdyhyb3cpXCIgW2NsYXNzXT1cInJvdy5jbGFzc0N1c3RvbVwiIFtuZ0NsYXNzXT1cInsndG90cy1jZWxsLXNlbGVjdGVkJzogcm93LmlzU2VsZWN0ZWR9XCI+PC90cj5cblxuICAgICAgICA8IS0tIFJvdyBzaG93biB3aGVuIHRoZXJlIGlzIG5vIG1hdGNoaW5nIGRhdGEuIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzTG9hZGluZ1wiPlxuICAgICAgICAgICAgPHRyIGNsYXNzPVwidG90cy10YWJsZS1ub3QtZGF0YVwiICptYXROb0RhdGFSb3c+PHRkIGNsYXNzPVwibWF0LWNlbGxcIiBbY29sU3Bhbl09XCJjb25maWcuY29sdW1ucy5sZW5ndGhcIj57eyBtZXNzYWdlTm90Rm91bmQgfX08L3RkPjwvdHI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvdGFibGU+XG5cbiAgICA8IS0tICNyZWdpb24gRmlyc3QgbG9hZGluZyBhbmltYXRpb24gLS0+XG4gICAgPGRpdiAqbmdJZj1cImlzTG9hZGluZyAmJiBmaXJzdExvYWRcIiBjbGFzcz1cInRvdHMtdGFibGUtbG9hZGluZ1wiPlxuICAgICAgICA8dG90cy1sb2FkaW5nLWFuaW1hdGlvbi1yZW5kZXJlcj48L3RvdHMtbG9hZGluZy1hbmltYXRpb24tcmVuZGVyZXI+XG4gICAgPC9kaXY+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuXG4gICAgPCEtLSAjcmVnaW9uIExvd2VyIHByb2dyZXNzIGJhciAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibG93ZXJQcm9ncmVzc0JhclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidG90cy10YWJsZS1iYXItbG9hZGluZyBsb3dlclwiPlxuICAgICAgICAgICAgPG1hdC1wcm9ncmVzcy1iYXIgKm5nSWY9XCJpc0xvYWRpbmcgJiYgIWZpcnN0TG9hZFwiIFttb2RlXT1cIidpbmRldGVybWluYXRlJ1wiIFtjb2xvcl09XCJtYXRDb2xvclwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuXG4gICAgPCEtLSAjcmVnaW9uIExvd2VyIHBhZ2luYXRvciAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibG93ZXJQYWdpbmF0b3IgJiYgZGF0YUl0ZW1zICYmIGRhdGFJdGVtcy5kYXRhLmxlbmd0aCA+IDAgJiYgaGFzUGFnaW5hdGlvblwiPlxuICAgICAgICA8bWF0LXBhZ2luYXRvciBbcGFnZUluZGV4XT1cInBhZ2VJbmRleC0xXCIgW2xlbmd0aF09XCJkYXRhSXRlbXMhLnRvdGFsXCIgW3BhZ2VTaXplXT1cInBhZ2VTaXplXCIgKHBhZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIj48L21hdC1wYWdpbmF0b3I+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG90cy10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90b3RzL3RhYmxlL3NyYy9saWIvY29tcG9uZW50cy90b3RzLXRhYmxlL3RvdHMtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdG90cy90YWJsZS9zcmMvbGliL2NvbXBvbmVudHMvdG90cy10YWJsZS90b3RzLXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxRyxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUdwQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLHlCQUF5QixFQUEwQixNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7Ozs7O0FBUTdHLE1BQU0sT0FBTyxrQkFBa0I7SUF1QjdCLFlBQzZDLHNCQUErQyxFQUNoRixjQUFpQztRQURBLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBeUI7UUFDaEYsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBdkJwQyxXQUFNLEdBQUcsSUFBSSxlQUFlLEVBQUUsQ0FBQztRQUMvQixjQUFTLEdBQVcsQ0FBQyxDQUFDO1FBQ3RCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsa0JBQWEsR0FBWSxJQUFJLENBQUM7UUFHN0IsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBQ3pELG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQW1CLENBQUM7UUFHaEQsbUJBQWMsR0FBa0IsRUFBRSxDQUFDO1FBRW5DLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsY0FBUyxHQUFHLElB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O3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcbmltcG9ydCB7IFRvdHNMaXN0UmVzcG9uc2UgfSBmcm9tICdAdG90cy9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgVG90c0FjdGlvblRhYmxlIH0gZnJvbSAnLi4vLi4vZW50aXRpZXMvdG90cy1hY3Rpb24tdGFibGUnO1xuaW1wb3J0IHsgVG90c0NvbHVtbiB9IGZyb20gJy4uLy4uL2VudGl0aWVzL3RvdHMtY29sdW1uJztcbmltcG9ydCB7IFRvdHNUYWJsZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VudGl0aWVzL3RvdHMtdGFibGUtY29uZmlnJztcbmltcG9ydCB7IFRPVFNfVEFCTEVfREVGQVVMVF9DT05GSUcsIFRvdHNUYWJsZURlZmF1bHRDb25maWcgfSBmcm9tICcuLi8uLi9lbnRpdGllcy90b3RzLXRhYmxlLWRlZmF1bHQtY29uZmlnJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0b3RzLXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvdHMtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b3RzLXRhYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVG90c1RhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBjb25maWcgPSBuZXcgVG90c1RhYmxlQ29uZmlnKCk7XG4gIEBJbnB1dCgpIHBhZ2VJbmRleDogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgcGFnZVNpemU6IG51bWJlciA9IDUwO1xuICBASW5wdXQoKSBoYXNQYWdpbmF0aW9uOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgbWVzc2FnZU5vdEZvdW5kISA6IHN0cmluZztcblxuICBAT3V0cHV0KCkgb25BY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPFRvdHNBY3Rpb25UYWJsZT4oKTtcbiAgcHJpdmF0ZUFjdGlvbnMgPSBuZXcgU3ViamVjdDxUb3RzQWN0aW9uVGFibGU+KCk7XG5cbiAgZGF0YUl0ZW1zPzogVG90c0xpc3RSZXNwb25zZTxhbnk+O1xuICBkaXNwbGF5Q29sdW1uczogQXJyYXk8U3RyaW5nPiA9IFtdO1xuXG4gIGlzTG9hZGluZyA9IHRydWU7XG4gIGZpcnN0TG9hZCA9IHRydWU7XG4gIG1hdENvbG9yIDogVGhlbWVQYWxldHRlO1xuXG4gIHVwcGVyUGFnaW5hdG9yIDogYm9vbGVhbjtcbiAgbG93ZXJQYWdpbmF0b3IgOiBib29sZWFuO1xuICB1cHBlclByb2dyZXNzQmFyIDogYm9vbGVhbjtcbiAgbG93ZXJQcm9ncmVzc0JhciA6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChUT1RTX1RBQkxFX0RFRkFVTFRfQ09ORklHKSBwcml2YXRlIHRvdHNUYWJsZURlZmF1bHRDb25maWcgOiBUb3RzVGFibGVEZWZhdWx0Q29uZmlnLFxuICAgIHByb3RlY3RlZCBjaGFuZ2VEZWN0ZXRvcjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7XG4gICAgdGhpcy5tZXNzYWdlTm90Rm91bmQgPSB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcubWVzc2FnZU5vdEZvdW5kID8gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLm1lc3NhZ2VOb3RGb3VuZCA6IFwiTm8gcmVzdWx0cyBmb3VuZCwgcGxlYXNlIHRyeSB3aXRoIG90aGVyIHNlYXJjaCB0ZXJtc1wiO1xuICAgIHRoaXMubWF0Q29sb3IgPSB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcubWF0Q29sb3IgIT0gdW5kZWZpbmVkID8gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLm1hdENvbG9yIDogXCJwcmltYXJ5XCI7XG4gICAgdGhpcy51cHBlclBhZ2luYXRvciA9IHRoaXMudG90c1RhYmxlRGVmYXVsdENvbmZpZy51cHBlclBhZ2luYXRvciAhPSB1bmRlZmluZWQgPyB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcudXBwZXJQYWdpbmF0b3IgOiBmYWxzZTtcbiAgICB0aGlzLmxvd2VyUGFnaW5hdG9yID0gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLmxvd2VyUGFnaW5hdG9yICE9IHVuZGVmaW5lZCA/IHRoaXMudG90c1RhYmxlRGVmYXVsdENvbmZpZy5sb3dlclBhZ2luYXRvciA6IHRydWU7XG4gICAgdGhpcy51cHBlclByb2dyZXNzQmFyID0gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLnVwcGVyUHJvZ3Jlc3NCYXIgIT0gdW5kZWZpbmVkID8gdGhpcy50b3RzVGFibGVEZWZhdWx0Q29uZmlnLnVwcGVyUHJvZ3Jlc3NCYXIgOiBmYWxzZTtcbiAgICB0aGlzLmxvd2VyUHJvZ3Jlc3NCYXIgPSB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcubG93ZXJQcm9ncmVzc0JhciAhPSB1bmRlZmluZWQgPyB0aGlzLnRvdHNUYWJsZURlZmF1bHRDb25maWcubG93ZXJQcm9ncmVzc0JhciA6IHRydWU7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxvYWRDb25maWcoKTtcbiAgICB0aGlzLmxvYWRJdGVtcygpO1xuICB9XG5cbiAgb25DbGlja09yZGVyKGNvbHVtbjogVG90c0NvbHVtbikge1xuICAgIGlmKCFjb2x1bW4uaGFzT3JkZXIpeyByZXR1cm47IH1cbiAgICBsZXQgb3JkZXJDb2x1bW4gPSBjb2x1bW4ub3JkZXI7XG4gICAgdGhpcy5jb25maWcuY29sdW1ucy5mb3JFYWNoKGMgPT4gYy5vcmRlciA9IHVuZGVmaW5lZCk7XG4gICAgY29sdW1uLm9yZGVyID0gb3JkZXJDb2x1bW4gPT0gJ2FzYycgPyAnZGVzYycgOiAnYXNjJztcbiAgICB0aGlzLm9uQWN0aW9uLmVtaXQoeyBrZXk6ICdjbGljay1vcmRlcicsIGl0ZW06IGNvbHVtbiB9KTtcbiAgfVxuXG4gIG9uQ2xpY2tSb3coaXRlbTogYW55KSB7XG4gICAgdGhpcy5vbkFjdGlvbi5lbWl0KHsga2V5OiAnY2xpY2stcm93JywgaXRlbTogaXRlbSB9KTtcbiAgfVxuXG4gIG9uUGFnZUNoYW5nZShldmVudDogUGFnZUV2ZW50KSB7XG4gICAgdGhpcy5vbkFjdGlvbi5lbWl0KHsga2V5OiAncGFnZS1jaGFuZ2UnLCBpdGVtOiBldmVudCB9KTtcbiAgfVxuXG4gIGxvYWRJdGVtcygpIHtcbiAgICB0aGlzLmlzTG9hZGluZyA9IHRydWU7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLm9icz8ucGlwZSh0YXAocmVzID0+IHRoaXMuZGF0YUl0ZW1zID0gcmVzKSlcbiAgICAucGlwZSh0YXAocmVzID0+IHRoaXMub25BY3Rpb24uZW1pdCh7IGtleTogJ2xvYWRlZC1pdGVtcycsIGl0ZW06IHVuZGVmaW5lZCB9KSkpXG4gICAgLnN1YnNjcmliZSgoKT0+IHRoaXMuc3RvcExvYWRpbmcoKSk7XG4gIH1cblxuICBwcml2YXRlIHN0b3BMb2FkaW5nKCkge1xuICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgdGhpcy5maXJzdExvYWQgPSBmYWxzZTtcbiAgfVxuXG4gIGxvYWRDb25maWcoKSB7XG4gICAgdGhpcy5sb2FkQ29sdW1ucygpO1xuXG4gICAgdGhpcy5wcml2YXRlQWN0aW9ucy5zdWJzY3JpYmUoYWN0aW9uID0+IHtcbiAgICAgIHRoaXMub25BY3Rpb24uZW1pdChhY3Rpb24pO1xuICAgIH0pO1xuICB9XG5cbiAgbG9hZENvbHVtbnMoKSB7XG4gICAgdGhpcy5kaXNwbGF5Q29sdW1ucyA9IHRoaXMuY29uZmlnLmNvbHVtbnMuZmlsdGVyKGMgPT4gYy5pc19zaG93IHx8IGMuaXNfc2hvdyA9PSB1bmRlZmluZWQpLm1hcChjID0+IGMua2V5KTtcbiAgfVxuXG4gIGdldERhdGFJdGVtcygpOiBUb3RzTGlzdFJlc3BvbnNlPGFueT4gfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmRhdGFJdGVtcztcbiAgfVxuXG4gIHJlZnJlc2hEYXRhSXRlbXMobmV3RGF0YTogVG90c0xpc3RSZXNwb25zZTxhbnk+IHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5kYXRhSXRlbXMgPSBuZXdEYXRhO1xuICB9XG5cbiAgZGV0ZWN0Q2hhbmdlcygpIHtcbiAgICB0aGlzLmNoYW5nZURlY3RldG9yLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRvdHMtdGFibGUtY29udGFpbmVyIHt7Y29uZmlnLmNsYXNzZXN9fVwiPlxuXG4gICAgPCEtLSAjcmVnaW9uIExvd2VyIHBhZ2luYXRvciAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXBwZXJQYWdpbmF0b3IgJiYgZGF0YUl0ZW1zICYmIGRhdGFJdGVtcy5kYXRhLmxlbmd0aCA+IDAgJiYgaGFzUGFnaW5hdGlvblwiPlxuICAgICAgICA8bWF0LXBhZ2luYXRvciBbcGFnZUluZGV4XT1cInBhZ2VJbmRleC0xXCIgW2xlbmd0aF09XCJkYXRhSXRlbXMhLnRvdGFsXCIgW3BhZ2VTaXplXT1cInBhZ2VTaXplXCIgKHBhZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIj48L21hdC1wYWdpbmF0b3I+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuXG4gICAgPCEtLSAjcmVnaW9uIExvd2VyIHByb2dyZXNzIGJhciAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXBwZXJQcm9ncmVzc0JhciAmJiAhZmlyc3RMb2FkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b3RzLXRhYmxlLWJhci1sb2FkaW5nIHVwcGVyXCI+XG4gICAgICAgICAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdJZj1cImlzTG9hZGluZ1wiIFttb2RlXT1cIidpbmRldGVybWluYXRlJ1wiIFtjb2xvcl09XCJtYXRDb2xvclwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuXG4gICAgPHRhYmxlIG1hdC10YWJsZSBbZGF0YVNvdXJjZV09XCJkYXRhSXRlbXMgIT0gdW5kZWZpbmVkID8gZGF0YUl0ZW1zIS5kYXRhIDogW11cIj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29uZmlnLmNvbHVtbnNcIiBbbWF0Q29sdW1uRGVmXT1cImNvbHVtbi5rZXlcIiBbc3RpY2t5RW5kXT1cImNvbHVtbi5leHRyYT8uc3RpY2t5RW5kID8/IGZhbHNlXCI+XG4gICAgICAgICAgICA8IS0tIFRILS0+XG4gICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmIFtuZ0NsYXNzXT1cInsndG90cy10ci1oYXMtb3JkZXInOiBjb2x1bW4uaGFzT3JkZXJ9XCIgKGNsaWNrKT1cIm9uQ2xpY2tPcmRlcihjb2x1bW4pXCI+XG4gICAgICAgICAgICAgICAge3sgY29sdW1uLnRpdGxlIH19XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIFtuZ0NsYXNzXT1cInsnc29ydF9hY3RpdmUnOiBjb2x1bW4ub3JkZXIgPT0gJ2FzYyd9XCI+YXJyb3dfZHJvcF91cDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIFtuZ0NsYXNzXT1cInsnc29ydF9hY3RpdmUnOiBjb2x1bW4ub3JkZXIgPT0gJ2Rlc2MnfVwiPmFycm93X2Ryb3BfZG93bjwvbWF0LWljb24+XG4gICAgICAgICAgICA8L3RoPlxuICAgICAgICAgICAgPCEtLSBURCAtLT5cbiAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtOyBsZXQgaW5kZXggPSBpbmRleDtcIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzogY29sdW1uLmV4dHJhPy53aWR0aCA/IGNvbHVtbi5leHRyYS53aWR0aCA6ICdhdXRvJ31cIj48dG90cy1iYXNlLXByaW50LWNvbHVtbiBbY29sdW1uXT1cImNvbHVtblwiIFtpdGVtXT1cIml0ZW1cIiBbaW5kZXhdPVwiaW5kZXhcIiBbb25BY3Rpb25dPVwicHJpdmF0ZUFjdGlvbnNcIj48L3RvdHMtYmFzZS1wcmludC1jb2x1bW4+PC90ZD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJkaXNwbGF5Q29sdW1uc1wiPjwvdHI+XG4gICAgICAgIDx0ciBtYXQtcm93ICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBkaXNwbGF5Q29sdW1ucztcIiAoY2xpY2spPVwib25DbGlja1Jvdyhyb3cpXCIgW2NsYXNzXT1cInJvdy5jbGFzc0N1c3RvbVwiIFtuZ0NsYXNzXT1cInsndG90cy1jZWxsLXNlbGVjdGVkJzogcm93LmlzU2VsZWN0ZWR9XCI+PC90cj5cblxuICAgICAgICA8IS0tIFJvdyBzaG93biB3aGVuIHRoZXJlIGlzIG5vIG1hdGNoaW5nIGRhdGEuIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzTG9hZGluZ1wiPlxuICAgICAgICAgICAgPHRyIGNsYXNzPVwidG90cy10YWJsZS1ub3QtZGF0YVwiICptYXROb0RhdGFSb3c+PHRkIGNsYXNzPVwibWF0LWNlbGxcIiBbY29sU3Bhbl09XCJjb25maWcuY29sdW1ucy5sZW5ndGhcIj57eyBtZXNzYWdlTm90Rm91bmQgfX08L3RkPjwvdHI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvdGFibGU+XG5cbiAgICA8IS0tICNyZWdpb24gRmlyc3QgbG9hZGluZyBhbmltYXRpb24gLS0+XG4gICAgPGRpdiAqbmdJZj1cImlzTG9hZGluZyAmJiBmaXJzdExvYWRcIiBjbGFzcz1cInRvdHMtdGFibGUtbG9hZGluZ1wiPlxuICAgICAgICA8dG90cy1sb2FkaW5nLWFuaW1hdGlvbi1yZW5kZXJlcj48L3RvdHMtbG9hZGluZy1hbmltYXRpb24tcmVuZGVyZXI+XG4gICAgPC9kaXY+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuXG4gICAgPCEtLSAjcmVnaW9uIExvd2VyIHByb2dyZXNzIGJhciAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibG93ZXJQcm9ncmVzc0JhciAmJiAhZmlyc3RMb2FkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b3RzLXRhYmxlLWJhci1sb2FkaW5nIGxvd2VyXCI+XG4gICAgICAgICAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdJZj1cImlzTG9hZGluZ1wiIFttb2RlXT1cIidpbmRldGVybWluYXRlJ1wiIFtjb2xvcl09XCJtYXRDb2xvclwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuXG4gICAgPCEtLSAjcmVnaW9uIExvd2VyIHBhZ2luYXRvciAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibG93ZXJQYWdpbmF0b3IgJiYgZGF0YUl0ZW1zICYmIGRhdGFJdGVtcy5kYXRhLmxlbmd0aCA+IDAgJiYgaGFzUGFnaW5hdGlvblwiPlxuICAgICAgICA8bWF0LXBhZ2luYXRvciBbcGFnZUluZGV4XT1cInBhZ2VJbmRleC0xXCIgW2xlbmd0aF09XCJkYXRhSXRlbXMhLnRvdGFsXCIgW3BhZ2VTaXplXT1cInBhZ2VTaXplXCIgKHBhZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIj48L21hdC1wYWdpbmF0b3I+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSAjZW5kcmVnaW9uIC0tPlxuPC9kaXY+XG4iXX0=

package/fesm2015/tots-table.mjs CHANGED Viewed

@@ -229,6 +229,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
         }] });
 class UserColumnComponent extends TotsBaseColumnComponent {
+    onClick() {
+        if (!this.isClickable()) {
+            return;
+        }
+        this.onAction.next({ key: this.getClickEvent(), item: this.item });
+    }
     getFirstname() {
         var _a;
         if ((_a = this.column.extra) === null || _a === void 0 ? void 0 : _a.field_firstname_key) {
@@ -267,12 +273,26 @@ class UserColumnComponent extends TotsBaseColumnComponent {
         }
         return false;
     }
+    isClickable() {
+        var _a;
+        if ((_a = this.column.extra) === null || _a === void 0 ? void 0 : _a.is_clickable) {
+            return true;
+        }
+        return false;
+    }
+    getClickEvent() {
+        var _a;
+        if ((_a = this.column.extra) === null || _a === void 0 ? void 0 : _a.click_event) {
+            return this.column.extra.click_event;
+        }
+        return 'click-column';
+    }
 }
 UserColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: UserColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UserColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: UserColumnComponent, selector: "tots-user-column", usesInheritance: true, ngImport: i0, template: "<div class=\"user-avatar-component\">\n    <div class=\"avatar\" *ngIf=\"getPhoto() != ''\">\n        <img mat-card-avatar [src]=\"getPhoto()\" alt=\"{{ getFullname() }}\" class=\"cover-image\" onerror=\"this.src='/assets/img/user-avatar-empty.svg';\">\n    </div>\n    <div class=\"texts\">\n        <div class=\"user\"> {{ getFullname() }} </div>\n        <div class=\"body-2\" *ngIf=\"getSubtitle() != ''\"> {{ getSubtitle() }} </div>\n    </div>\n    <div class=\"check\" *ngIf=\"column.extra?.field_is_online && isOnline()\"><mat-icon>check</mat-icon></div>\n</div>", styles: [".user-avatar-component{display:flex;align-items:center;position:relative}.user-avatar-component .avatar{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:40px;overflow:hidden;margin-right:16px}.user-avatar-component .avatar img{width:40px;min-width:40px;height:40px;min-height:40px}.user-avatar-component .texts .user{font-size:1.1em}.user-avatar-component .texts .body-2{color:#636363;font-size:.9em}.user-avatar-component .check{position:absolute;border:2px solid white;border-radius:200px;top:0;left:0;color:#24b524;background-color:#d7ffa3;width:1em;height:1em;display:flex;align-items:center;justify-content:center}.user-avatar-component .check mat-icon{line-height:1em;font-size:1em;width:1em;height:1em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+UserColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: UserColumnComponent, selector: "tots-user-column", usesInheritance: true, ngImport: i0, template: "<div class=\"user-avatar-component\" [ngClass]=\"{'box-clickable': isClickable()}\" (click)=\"onClick(); $event.stopPropagation();\">\n    <div class=\"avatar\" *ngIf=\"getPhoto() != ''\">\n        <img mat-card-avatar [src]=\"getPhoto()\" alt=\"{{ getFullname() }}\" class=\"cover-image\" onerror=\"this.src='/assets/img/user-avatar-empty.svg';\">\n    </div>\n    <div class=\"texts\">\n        <div class=\"user\"> {{ getFullname() }} </div>\n        <div class=\"body-2\" *ngIf=\"getSubtitle() != ''\"> {{ getSubtitle() }} </div>\n    </div>\n    <div class=\"check\" *ngIf=\"column.extra?.field_is_online && isOnline()\"><mat-icon>check</mat-icon></div>\n</div>\n", styles: [".user-avatar-component{display:flex;align-items:center;position:relative}.user-avatar-component .avatar{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:40px;overflow:hidden;margin-right:16px}.user-avatar-component .avatar img{width:40px;min-width:40px;height:40px;min-height:40px}.user-avatar-component .texts .user{font-size:1.1em}.user-avatar-component .texts .body-2{color:#636363;font-size:.9em}.user-avatar-component .check{position:absolute;border:2px solid white;border-radius:200px;top:0;left:0;color:#24b524;background-color:#d7ffa3;width:1em;height:1em;display:flex;align-items:center;justify-content:center}.user-avatar-component .check mat-icon{line-height:1em;font-size:1em;width:1em;height:1em}.box-clickable{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: UserColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tots-user-column', template: "<div class=\"user-avatar-component\">\n    <div class=\"avatar\" *ngIf=\"getPhoto() != ''\">\n        <img mat-card-avatar [src]=\"getPhoto()\" alt=\"{{ getFullname() }}\" class=\"cover-image\" onerror=\"this.src='/assets/img/user-avatar-empty.svg';\">\n    </div>\n    <div class=\"texts\">\n        <div class=\"user\"> {{ getFullname() }} </div>\n        <div class=\"body-2\" *ngIf=\"getSubtitle() != ''\"> {{ getSubtitle() }} </div>\n    </div>\n    <div class=\"check\" *ngIf=\"column.extra?.field_is_online && isOnline()\"><mat-icon>check</mat-icon></div>\n</div>", styles: [".user-avatar-component{display:flex;align-items:center;position:relative}.user-avatar-component .avatar{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:40px;overflow:hidden;margin-right:16px}.user-avatar-component .avatar img{width:40px;min-width:40px;height:40px;min-height:40px}.user-avatar-component .texts .user{font-size:1.1em}.user-avatar-component .texts .body-2{color:#636363;font-size:.9em}.user-avatar-component .check{position:absolute;border:2px solid white;border-radius:200px;top:0;left:0;color:#24b524;background-color:#d7ffa3;width:1em;height:1em;display:flex;align-items:center;justify-content:center}.user-avatar-component .check mat-icon{line-height:1em;font-size:1em;width:1em;height:1em}\n"] }]
+            args: [{ selector: 'tots-user-column', template: "<div class=\"user-avatar-component\" [ngClass]=\"{'box-clickable': isClickable()}\" (click)=\"onClick(); $event.stopPropagation();\">\n    <div class=\"avatar\" *ngIf=\"getPhoto() != ''\">\n        <img mat-card-avatar [src]=\"getPhoto()\" alt=\"{{ getFullname() }}\" class=\"cover-image\" onerror=\"this.src='/assets/img/user-avatar-empty.svg';\">\n    </div>\n    <div class=\"texts\">\n        <div class=\"user\"> {{ getFullname() }} </div>\n        <div class=\"body-2\" *ngIf=\"getSubtitle() != ''\"> {{ getSubtitle() }} </div>\n    </div>\n    <div class=\"check\" *ngIf=\"column.extra?.field_is_online && isOnline()\"><mat-icon>check</mat-icon></div>\n</div>\n", styles: [".user-avatar-component{display:flex;align-items:center;position:relative}.user-avatar-component .avatar{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:40px;overflow:hidden;margin-right:16px}.user-avatar-component .avatar img{width:40px;min-width:40px;height:40px;min-height:40px}.user-avatar-component .texts .user{font-size:1.1em}.user-avatar-component .texts .body-2{color:#636363;font-size:.9em}.user-avatar-component .check{position:absolute;border:2px solid white;border-radius:200px;top:0;left:0;color:#24b524;background-color:#d7ffa3;width:1em;height:1em;display:flex;align-items:center;justify-content:center}.user-avatar-component .check mat-icon{line-height:1em;font-size:1em;width:1em;height:1em}.box-clickable{cursor:pointer}\n"] }]
         }] });
 class CurrencyColumnComponent extends TotsBaseColumnComponent {
@@ -522,10 +542,10 @@ class TotsTableComponent {
     }
 }
 TotsTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsTableComponent, deps: [{ token: TOTS_TABLE_DEFAULT_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TotsTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: TotsTableComponent, selector: "tots-table", inputs: { config: "config", pageIndex: "pageIndex", pageSize: "pageSize", hasPagination: "hasPagination", messageNotFound: "messageNotFound" }, outputs: { onAction: "onAction" }, ngImport: i0, template: "<div class=\"tots-table-container {{config.classes}}\">\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"upperPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"upperProgressBar\">\n        <div class=\"tots-table-bar-loading upper\">\n            <mat-progress-bar *ngIf=\"isLoading && !firstLoad\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <table mat-table [dataSource]=\"dataItems != undefined ? dataItems!.data : []\">\n\n        <ng-container *ngFor=\"let column of config.columns\" [matColumnDef]=\"column.key\" [stickyEnd]=\"column.extra?.stickyEnd ?? false\">\n            <!-- TH-->\n            <th mat-header-cell *matHeaderCellDef [ngClass]=\"{'tots-tr-has-order': column.hasOrder}\" (click)=\"onClickOrder(column)\">\n                {{ column.title }}\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'asc'}\">arrow_drop_up</mat-icon>\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'desc'}\">arrow_drop_down</mat-icon>\n            </th>\n            <!-- TD -->\n            <td mat-cell *matCellDef=\"let item; let index = index;\" [ngStyle]=\"{'width': column.extra?.width ? column.extra.width : 'auto'}\"><tots-base-print-column [column]=\"column\" [item]=\"item\" [index]=\"index\" [onAction]=\"privateActions\"></tots-base-print-column></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayColumns;\" (click)=\"onClickRow(row)\" [class]=\"row.classCustom\" [ngClass]=\"{'tots-cell-selected': row.isSelected}\"></tr>\n\n        <!-- Row shown when there is no matching data. -->\n        <ng-container *ngIf=\"!isLoading\">\n            <tr class=\"tots-table-not-data\" *matNoDataRow><td class=\"mat-cell\" [colSpan]=\"config.columns.length\">{{ messageNotFound }}</td></tr>\n        </ng-container>\n    </table>\n\n    <!-- #region First loading animation -->\n    <div *ngIf=\"isLoading && firstLoad\" class=\"tots-table-loading\">\n        <tots-loading-animation-renderer></tots-loading-animation-renderer>\n    </div>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"lowerProgressBar\">\n        <div class=\"tots-table-bar-loading lower\">\n            <mat-progress-bar *ngIf=\"isLoading && !firstLoad\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"lowerPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n</div>\n", styles: [".tots-table-container .mat-mdc-header-cell{position:relative}.tots-table-container .mat-mdc-header-cell mat-icon{display:none}.tots-table-container .tots-tr-has-order{cursor:pointer}.tots-table-container .tots-tr-has-order:hover mat-icon{opacity:.5}.tots-table-container .tots-tr-has-order mat-icon{display:inline;opacity:.3;position:absolute}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(1){top:12px}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(2){top:20px}.tots-table-container .tots-tr-has-order .sort_active{opacity:1!important}.tots-table-container .tots-table-loading{display:flex;justify-content:center;text-align:center}.tots-table-container .tots-table-bar-loading{height:4px}.tots-table-container .tots-table-not-data{font-size:large;text-align:center}.tots-table-container .tots-table-not-data td{padding:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3$1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i4$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: BasePrintColumnComponent, selector: "tots-base-print-column", inputs: ["column", "item", "onAction", "index"] }, { kind: "component", type: LoadingAnimationRendererComponent, selector: "tots-loading-animation-renderer" }] });
+TotsTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: TotsTableComponent, selector: "tots-table", inputs: { config: "config", pageIndex: "pageIndex", pageSize: "pageSize", hasPagination: "hasPagination", messageNotFound: "messageNotFound" }, outputs: { onAction: "onAction" }, ngImport: i0, template: "<div class=\"tots-table-container {{config.classes}}\">\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"upperPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"upperProgressBar && !firstLoad\">\n        <div class=\"tots-table-bar-loading upper\">\n            <mat-progress-bar *ngIf=\"isLoading\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <table mat-table [dataSource]=\"dataItems != undefined ? dataItems!.data : []\">\n\n        <ng-container *ngFor=\"let column of config.columns\" [matColumnDef]=\"column.key\" [stickyEnd]=\"column.extra?.stickyEnd ?? false\">\n            <!-- TH-->\n            <th mat-header-cell *matHeaderCellDef [ngClass]=\"{'tots-tr-has-order': column.hasOrder}\" (click)=\"onClickOrder(column)\">\n                {{ column.title }}\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'asc'}\">arrow_drop_up</mat-icon>\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'desc'}\">arrow_drop_down</mat-icon>\n            </th>\n            <!-- TD -->\n            <td mat-cell *matCellDef=\"let item; let index = index;\" [ngStyle]=\"{'width': column.extra?.width ? column.extra.width : 'auto'}\"><tots-base-print-column [column]=\"column\" [item]=\"item\" [index]=\"index\" [onAction]=\"privateActions\"></tots-base-print-column></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayColumns;\" (click)=\"onClickRow(row)\" [class]=\"row.classCustom\" [ngClass]=\"{'tots-cell-selected': row.isSelected}\"></tr>\n\n        <!-- Row shown when there is no matching data. -->\n        <ng-container *ngIf=\"!isLoading\">\n            <tr class=\"tots-table-not-data\" *matNoDataRow><td class=\"mat-cell\" [colSpan]=\"config.columns.length\">{{ messageNotFound }}</td></tr>\n        </ng-container>\n    </table>\n\n    <!-- #region First loading animation -->\n    <div *ngIf=\"isLoading && firstLoad\" class=\"tots-table-loading\">\n        <tots-loading-animation-renderer></tots-loading-animation-renderer>\n    </div>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"lowerProgressBar && !firstLoad\">\n        <div class=\"tots-table-bar-loading lower\">\n            <mat-progress-bar *ngIf=\"isLoading\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"lowerPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n</div>\n", styles: [".tots-table-container .mat-mdc-header-cell{position:relative}.tots-table-container .mat-mdc-header-cell mat-icon{display:none}.tots-table-container .tots-tr-has-order{cursor:pointer}.tots-table-container .tots-tr-has-order:hover mat-icon{opacity:.5}.tots-table-container .tots-tr-has-order mat-icon{display:inline;opacity:.3;position:absolute}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(1){top:12px}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(2){top:20px}.tots-table-container .tots-tr-has-order .sort_active{opacity:1!important}.tots-table-container .tots-table-loading{display:flex;justify-content:center;text-align:center}.tots-table-container .tots-table-bar-loading{height:4px}.tots-table-container .tots-table-not-data{font-size:large;text-align:center}.tots-table-container .tots-table-not-data td{padding:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3$1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i4$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: BasePrintColumnComponent, selector: "tots-base-print-column", inputs: ["column", "item", "onAction", "index"] }, { kind: "component", type: LoadingAnimationRendererComponent, selector: "tots-loading-animation-renderer" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tots-table', template: "<div class=\"tots-table-container {{config.classes}}\">\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"upperPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"upperProgressBar\">\n        <div class=\"tots-table-bar-loading upper\">\n            <mat-progress-bar *ngIf=\"isLoading && !firstLoad\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <table mat-table [dataSource]=\"dataItems != undefined ? dataItems!.data : []\">\n\n        <ng-container *ngFor=\"let column of config.columns\" [matColumnDef]=\"column.key\" [stickyEnd]=\"column.extra?.stickyEnd ?? false\">\n            <!-- TH-->\n            <th mat-header-cell *matHeaderCellDef [ngClass]=\"{'tots-tr-has-order': column.hasOrder}\" (click)=\"onClickOrder(column)\">\n                {{ column.title }}\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'asc'}\">arrow_drop_up</mat-icon>\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'desc'}\">arrow_drop_down</mat-icon>\n            </th>\n            <!-- TD -->\n            <td mat-cell *matCellDef=\"let item; let index = index;\" [ngStyle]=\"{'width': column.extra?.width ? column.extra.width : 'auto'}\"><tots-base-print-column [column]=\"column\" [item]=\"item\" [index]=\"index\" [onAction]=\"privateActions\"></tots-base-print-column></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayColumns;\" (click)=\"onClickRow(row)\" [class]=\"row.classCustom\" [ngClass]=\"{'tots-cell-selected': row.isSelected}\"></tr>\n\n        <!-- Row shown when there is no matching data. -->\n        <ng-container *ngIf=\"!isLoading\">\n            <tr class=\"tots-table-not-data\" *matNoDataRow><td class=\"mat-cell\" [colSpan]=\"config.columns.length\">{{ messageNotFound }}</td></tr>\n        </ng-container>\n    </table>\n\n    <!-- #region First loading animation -->\n    <div *ngIf=\"isLoading && firstLoad\" class=\"tots-table-loading\">\n        <tots-loading-animation-renderer></tots-loading-animation-renderer>\n    </div>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"lowerProgressBar\">\n        <div class=\"tots-table-bar-loading lower\">\n            <mat-progress-bar *ngIf=\"isLoading && !firstLoad\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"lowerPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n</div>\n", styles: [".tots-table-container .mat-mdc-header-cell{position:relative}.tots-table-container .mat-mdc-header-cell mat-icon{display:none}.tots-table-container .tots-tr-has-order{cursor:pointer}.tots-table-container .tots-tr-has-order:hover mat-icon{opacity:.5}.tots-table-container .tots-tr-has-order mat-icon{display:inline;opacity:.3;position:absolute}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(1){top:12px}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(2){top:20px}.tots-table-container .tots-tr-has-order .sort_active{opacity:1!important}.tots-table-container .tots-table-loading{display:flex;justify-content:center;text-align:center}.tots-table-container .tots-table-bar-loading{height:4px}.tots-table-container .tots-table-not-data{font-size:large;text-align:center}.tots-table-container .tots-table-not-data td{padding:24px}\n"] }]
+            args: [{ selector: 'tots-table', template: "<div class=\"tots-table-container {{config.classes}}\">\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"upperPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"upperProgressBar && !firstLoad\">\n        <div class=\"tots-table-bar-loading upper\">\n            <mat-progress-bar *ngIf=\"isLoading\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <table mat-table [dataSource]=\"dataItems != undefined ? dataItems!.data : []\">\n\n        <ng-container *ngFor=\"let column of config.columns\" [matColumnDef]=\"column.key\" [stickyEnd]=\"column.extra?.stickyEnd ?? false\">\n            <!-- TH-->\n            <th mat-header-cell *matHeaderCellDef [ngClass]=\"{'tots-tr-has-order': column.hasOrder}\" (click)=\"onClickOrder(column)\">\n                {{ column.title }}\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'asc'}\">arrow_drop_up</mat-icon>\n                <mat-icon [ngClass]=\"{'sort_active': column.order == 'desc'}\">arrow_drop_down</mat-icon>\n            </th>\n            <!-- TD -->\n            <td mat-cell *matCellDef=\"let item; let index = index;\" [ngStyle]=\"{'width': column.extra?.width ? column.extra.width : 'auto'}\"><tots-base-print-column [column]=\"column\" [item]=\"item\" [index]=\"index\" [onAction]=\"privateActions\"></tots-base-print-column></td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayColumns;\" (click)=\"onClickRow(row)\" [class]=\"row.classCustom\" [ngClass]=\"{'tots-cell-selected': row.isSelected}\"></tr>\n\n        <!-- Row shown when there is no matching data. -->\n        <ng-container *ngIf=\"!isLoading\">\n            <tr class=\"tots-table-not-data\" *matNoDataRow><td class=\"mat-cell\" [colSpan]=\"config.columns.length\">{{ messageNotFound }}</td></tr>\n        </ng-container>\n    </table>\n\n    <!-- #region First loading animation -->\n    <div *ngIf=\"isLoading && firstLoad\" class=\"tots-table-loading\">\n        <tots-loading-animation-renderer></tots-loading-animation-renderer>\n    </div>\n    <!-- #endregion -->\n\n    <!-- #region Lower progress bar -->\n    <ng-container *ngIf=\"lowerProgressBar && !firstLoad\">\n        <div class=\"tots-table-bar-loading lower\">\n            <mat-progress-bar *ngIf=\"isLoading\" [mode]=\"'indeterminate'\" [color]=\"matColor\"></mat-progress-bar>\n        </div>\n    </ng-container>\n    <!-- #endregion -->\n\n    <!-- #region Lower paginator -->\n    <ng-container *ngIf=\"lowerPaginator && dataItems && dataItems.data.length > 0 && hasPagination\">\n        <mat-paginator [pageIndex]=\"pageIndex-1\" [length]=\"dataItems!.total\" [pageSize]=\"pageSize\" (page)=\"onPageChange($event)\"></mat-paginator>\n    </ng-container>\n    <!-- #endregion -->\n</div>\n", styles: [".tots-table-container .mat-mdc-header-cell{position:relative}.tots-table-container .mat-mdc-header-cell mat-icon{display:none}.tots-table-container .tots-tr-has-order{cursor:pointer}.tots-table-container .tots-tr-has-order:hover mat-icon{opacity:.5}.tots-table-container .tots-tr-has-order mat-icon{display:inline;opacity:.3;position:absolute}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(1){top:12px}.tots-table-container .tots-tr-has-order mat-icon:nth-of-type(2){top:20px}.tots-table-container .tots-tr-has-order .sort_active{opacity:1!important}.tots-table-container .tots-table-loading{display:flex;justify-content:center;text-align:center}.tots-table-container .tots-table-bar-loading{height:4px}.tots-table-container .tots-table-not-data{font-size:large;text-align:center}.tots-table-container .tots-table-not-data td{padding:24px}\n"] }]
         }], ctorParameters: function () {
         return [{ type: TotsTableDefaultConfig, decorators: [{
                         type: Inject,