@taiga-ui/addon-table 2.41.0 → 2.43.0
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.
- package/bundles/taiga-ui-addon-table-components-table.umd.js +163 -87
- package/bundles/taiga-ui-addon-table-components-table.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-table.umd.min.js +2 -2
- package/bundles/taiga-ui-addon-table-components-table.umd.min.js.map +1 -1
- package/components/table/directives/sort-by.directive.d.ts +9 -0
- package/components/table/directives/sortable.directive.d.ts +13 -0
- package/components/table/directives/table.directive.d.ts +1 -1
- package/components/table/index.d.ts +2 -0
- package/components/table/taiga-ui-addon-table-components-table.metadata.json +1 -1
- package/components/table/tr/tr.component.d.ts +1 -1
- package/esm2015/components/table/directives/sort-by.directive.js +39 -0
- package/esm2015/components/table/directives/sortable.directive.js +37 -0
- package/esm2015/components/table/directives/table.directive.js +2 -2
- package/esm2015/components/table/index.js +3 -1
- package/esm2015/components/table/table.module.js +7 -1
- package/esm2015/components/table/td/td.component.js +3 -3
- package/esm2015/components/table/tr/tr.component.js +1 -1
- package/esm5/components/table/directives/sort-by.directive.js +41 -0
- package/esm5/components/table/directives/sortable.directive.js +42 -0
- package/esm5/components/table/directives/table.directive.js +2 -2
- package/esm5/components/table/index.js +3 -1
- package/esm5/components/table/table.module.js +7 -1
- package/esm5/components/table/td/td.component.js +3 -3
- package/esm5/components/table/tr/tr.component.js +1 -1
- package/fesm2015/taiga-ui-addon-table-components-table.js +141 -74
- package/fesm2015/taiga-ui-addon-table-components-table.js.map +1 -1
- package/fesm5/taiga-ui-addon-table-components-table.js +162 -88
- package/fesm5/taiga-ui-addon-table-components-table.js.map +1 -1
- package/package.json +6 -6
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { __decorate, __param } from "tslib";
|
|
2
|
+
import { Directive, Inject } from '@angular/core';
|
|
3
|
+
import { TuiThComponent } from '../th/th.component';
|
|
4
|
+
import { TuiSortByDirective } from './sort-by.directive';
|
|
5
|
+
import { TuiTableDirective } from './table.directive';
|
|
6
|
+
var TuiSortableDirective = /** @class */ (function () {
|
|
7
|
+
function TuiSortableDirective(sortBy, table, th) {
|
|
8
|
+
this.sortBy = sortBy;
|
|
9
|
+
this.table = table;
|
|
10
|
+
this.th = th;
|
|
11
|
+
this.sorter = function () { return 0; };
|
|
12
|
+
this.th.sorter = this.sorter;
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(TuiSortableDirective.prototype, "key", {
|
|
15
|
+
get: function () {
|
|
16
|
+
return this.th.key;
|
|
17
|
+
},
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true
|
|
20
|
+
});
|
|
21
|
+
TuiSortableDirective.prototype.ngDoCheck = function () {
|
|
22
|
+
if (this.sortBy.tuiSortBy === this.key && this.table.sorter !== this.sorter) {
|
|
23
|
+
this.table.updateSorter(this.sorter);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
TuiSortableDirective.ctorParameters = function () { return [
|
|
27
|
+
{ type: TuiSortByDirective, decorators: [{ type: Inject, args: [TuiSortByDirective,] }] },
|
|
28
|
+
{ type: TuiTableDirective, decorators: [{ type: Inject, args: [TuiTableDirective,] }] },
|
|
29
|
+
{ type: TuiThComponent, decorators: [{ type: Inject, args: [TuiThComponent,] }] }
|
|
30
|
+
]; };
|
|
31
|
+
TuiSortableDirective = __decorate([
|
|
32
|
+
Directive({
|
|
33
|
+
selector: 'th[tuiTh][tuiSortable]',
|
|
34
|
+
}),
|
|
35
|
+
__param(0, Inject(TuiSortByDirective)),
|
|
36
|
+
__param(1, Inject(TuiTableDirective)),
|
|
37
|
+
__param(2, Inject(TuiThComponent))
|
|
38
|
+
], TuiSortableDirective);
|
|
39
|
+
return TuiSortableDirective;
|
|
40
|
+
}());
|
|
41
|
+
export { TuiSortableDirective };
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGFibGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLXRhYmxlL2NvbXBvbmVudHMvdGFibGUvIiwic291cmNlcyI6WyJkaXJlY3RpdmVzL3NvcnRhYmxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBVyxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLG9CQUFvQixDQUFDO0FBQ2xELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG1CQUFtQixDQUFDO0FBS3BEO0lBQ0ksOEJBQ2lELE1BQTZCLEVBQzlCLEtBQTJCLEVBQzlCLEVBQXFCO1FBRmpCLFdBQU0sR0FBTixNQUFNLENBQXVCO1FBQzlCLFVBQUssR0FBTCxLQUFLLENBQXNCO1FBQzlCLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBS3pELFdBQU0sR0FBRyxjQUFNLE9BQUEsQ0FBQyxFQUFELENBQUMsQ0FBQztRQUh0QixJQUFJLENBQUMsRUFBRSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ2pDLENBQUM7SUFJRCxzQkFBSSxxQ0FBRzthQUFQO1lBQ0ksT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQztRQUN2QixDQUFDOzs7T0FBQTtJQUVELHdDQUFTLEdBQVQ7UUFDSSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUN6RSxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDeEM7SUFDTCxDQUFDOztnQkFqQndELGtCQUFrQix1QkFBdEUsTUFBTSxTQUFDLGtCQUFrQjtnQkFDeUIsaUJBQWlCLHVCQUFuRSxNQUFNLFNBQUMsaUJBQWlCO2dCQUNvQixjQUFjLHVCQUExRCxNQUFNLFNBQUMsY0FBYzs7SUFKakIsb0JBQW9CO1FBSGhDLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSx3QkFBd0I7U0FDckMsQ0FBQztRQUdPLFdBQUEsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUE7UUFDMUIsV0FBQSxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtRQUN6QixXQUFBLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQTtPQUpsQixvQkFBb0IsQ0FvQmhDO0lBQUQsMkJBQUM7Q0FBQSxBQXBCRCxJQW9CQztTQXBCWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgRG9DaGVjaywgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlUaENvbXBvbmVudH0gZnJvbSAnLi4vdGgvdGguY29tcG9uZW50JztcbmltcG9ydCB7VHVpU29ydEJ5RGlyZWN0aXZlfSBmcm9tICcuL3NvcnQtYnkuZGlyZWN0aXZlJztcbmltcG9ydCB7VHVpVGFibGVEaXJlY3RpdmV9IGZyb20gJy4vdGFibGUuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICd0aFt0dWlUaF1bdHVpU29ydGFibGVdJyxcbn0pXG5leHBvcnQgY2xhc3MgVHVpU29ydGFibGVEaXJlY3RpdmU8VD4gaW1wbGVtZW50cyBEb0NoZWNrIHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUdWlTb3J0QnlEaXJlY3RpdmUpIHByaXZhdGUgcmVhZG9ubHkgc29ydEJ5OiBUdWlTb3J0QnlEaXJlY3RpdmU8VD4sXG4gICAgICAgIEBJbmplY3QoVHVpVGFibGVEaXJlY3RpdmUpIHByaXZhdGUgcmVhZG9ubHkgdGFibGU6IFR1aVRhYmxlRGlyZWN0aXZlPFQ+LFxuICAgICAgICBASW5qZWN0KFR1aVRoQ29tcG9uZW50KSBwcml2YXRlIHJlYWRvbmx5IHRoOiBUdWlUaENvbXBvbmVudDxUPixcbiAgICApIHtcbiAgICAgICAgdGhpcy50aC5zb3J0ZXIgPSB0aGlzLnNvcnRlcjtcbiAgICB9XG5cbiAgICByZWFkb25seSBzb3J0ZXIgPSAoKSA9PiAwO1xuXG4gICAgZ2V0IGtleSgpOiBrZXlvZiBUIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudGgua2V5O1xuICAgIH1cblxuICAgIG5nRG9DaGVjaygpIHtcbiAgICAgICAgaWYgKHRoaXMuc29ydEJ5LnR1aVNvcnRCeSA9PT0gdGhpcy5rZXkgJiYgdGhpcy50YWJsZS5zb3J0ZXIgIT09IHRoaXMuc29ydGVyKSB7XG4gICAgICAgICAgICB0aGlzLnRhYmxlLnVwZGF0ZVNvcnRlcih0aGlzLnNvcnRlcik7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=
|
|
@@ -28,7 +28,7 @@ var TuiTableDirective = /** @class */ (function (_super) {
|
|
|
28
28
|
this.directionChange.emit(this.direction);
|
|
29
29
|
}
|
|
30
30
|
else {
|
|
31
|
-
this.sorter = sorter;
|
|
31
|
+
this.sorter = sorter || (function () { return 0; });
|
|
32
32
|
this.sorterChange.emit(this.sorter);
|
|
33
33
|
this.direction = 1;
|
|
34
34
|
this.directionChange.emit(1);
|
|
@@ -85,4 +85,4 @@ var TuiTableDirective = /** @class */ (function (_super) {
|
|
|
85
85
|
return TuiTableDirective;
|
|
86
86
|
}(TuiController));
|
|
87
87
|
export { TuiTableDirective };
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLXRhYmxlL2NvbXBvbmVudHMvdGFibGUvIiwic291cmNlcyI6WyJkaXJlY3RpdmVzL3RhYmxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNILGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUUvRSxPQUFPLEVBQUMsYUFBYSxFQUFFLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsUUFBUSxFQUFvQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNFLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFFaEMsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQ3RELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBV2pFO0lBQTBDLHFDQUFhO0lBb0JuRCwyQkFFYSxRQUFpRCxFQUMvQixLQUF1QyxFQUN0QyxNQUEyQixFQUNYLGlCQUFvQztRQUxwRixZQU9JLGlCQUFPLFNBQ1Y7UUFOWSxjQUFRLEdBQVIsUUFBUSxDQUF5QztRQUMvQixXQUFLLEdBQUwsS0FBSyxDQUFrQztRQUN0QyxZQUFNLEdBQU4sTUFBTSxDQUFxQjtRQUNYLHVCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUF0QnBGLGFBQU8sR0FBb0MsRUFBRSxDQUFDO1FBSzlDLFVBQUksR0FBd0IsR0FBRyxDQUFDO1FBSWhDLGVBQVMsR0FBVyxDQUFDLENBQUM7UUFHYixxQkFBZSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHN0Msa0JBQVksR0FBRyxJQUFJLFlBQVksRUFBMkIsQ0FBQztRQWNwRSxZQUFNLEdBQXFCLGNBQU0sT0FBQSxDQUFDLEVBQUQsQ0FBQyxDQUFDOztJQUpuQyxDQUFDO0lBTUQsd0NBQVksR0FBWixVQUFhLE1BQStCO1FBQ3hDLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxNQUFNLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7U0FDN0M7YUFBTTtZQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxJQUFJLENBQUMsY0FBTSxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUMsQ0FBQztZQUNsQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDcEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7WUFDbkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDaEM7UUFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCwyQ0FBZSxHQUFmO1FBQ0ksSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNDLENBQUM7O2dCQTVCc0IsVUFBVSx1QkFENUIsTUFBTSxTQUFDLDJCQUEyQjtnQkFFRCxVQUFVLHVCQUEzQyxNQUFNLFNBQUMsUUFBUTtnQkFDb0IsVUFBVSx1QkFBN0MsTUFBTSxTQUFDLFNBQVM7Z0JBQzhDLGlCQUFpQix1QkFBL0UsTUFBTSxTQUFDLGlCQUFpQjs7SUF0QjdCO1FBRkMsS0FBSyxFQUFFO1FBQ1AsY0FBYyxFQUFFO3NEQUM2QjtJQUs5QztRQUhDLEtBQUssRUFBRTtRQUNQLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQztRQUM3QixjQUFjLEVBQUU7bURBQ2U7SUFJaEM7UUFGQyxLQUFLLEVBQUU7UUFDUCxjQUFjLEVBQUU7d0RBQ0s7SUFHdEI7UUFEQyxNQUFNLEVBQUU7OERBQzZDO0lBR3REO1FBREMsTUFBTSxFQUFFOzJEQUMyRDtJQWNwRTtRQUZDLEtBQUssRUFBRTtRQUNQLGNBQWMsRUFBRTtxREFDa0I7SUFoQzFCLGlCQUFpQjtRQVQ3QixTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsaUJBQWlCO1lBQzNCLFNBQVMsRUFBRSxtQkFBbUI7WUFDOUIsSUFBSSxFQUFFO2dCQUNGLG9CQUFvQixFQUFFLE9BQU87Z0JBQzdCLGtCQUFrQixFQUFFLFFBQVE7Z0JBQzVCLEtBQUssRUFBRSwyQkFBMkI7YUFDckM7U0FDSixDQUFDO1FBc0JPLFdBQUEsTUFBTSxDQUFDLDJCQUEyQixDQUFDLENBQUE7UUFFbkMsV0FBQSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUE7UUFDaEIsV0FBQSxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUE7UUFDakIsV0FBQSxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtPQXpCckIsaUJBQWlCLENBbUQ3QjtJQUFELHdCQUFDO0NBQUEsQUFuREQsQ0FBMEMsYUFBYSxHQW1EdEQ7U0FuRFksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBEaXJlY3RpdmUsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtJbnRlcnNlY3Rpb25PYnNlcnZlclNlcnZpY2V9IGZyb20gJ0BuZy13ZWItYXBpcy9pbnRlcnNlY3Rpb24tb2JzZXJ2ZXInO1xuaW1wb3J0IHtUdWlDb21wYXJhdG9yfSBmcm9tICdAdGFpZ2EtdWkvYWRkb24tdGFibGUvdHlwZXMnO1xuaW1wb3J0IHtUdWlDb250cm9sbGVyLCB0dWlEZWZhdWx0UHJvcH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1RVSV9NT0RFLCBUdWlCcmlnaHRuZXNzLCBUdWlTaXplTCwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7VFVJX1NUVUNLfSBmcm9tICcuLi9wcm92aWRlcnMvc3R1Y2sucHJvdmlkZXInO1xuaW1wb3J0IHtUVUlfVEFCTEVfUFJPVklERVJTfSBmcm9tICcuLi9wcm92aWRlcnMvdGFibGUucHJvdmlkZXJzJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICd0YWJsZVt0dWlUYWJsZV0nLFxuICAgIHByb3ZpZGVyczogVFVJX1RBQkxFX1BST1ZJREVSUyxcbiAgICBob3N0OiB7XG4gICAgICAgICcoJC5kYXRhLW1vZGUuYXR0ciknOiAnbW9kZSQnLFxuICAgICAgICAnKCQuY2xhc3MuX3N0dWNrKSc6ICdzdHVjayQnLFxuICAgICAgICBzdHlsZTogJ2JvcmRlci1jb2xsYXBzZTogc2VwYXJhdGUnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRhYmxlRGlyZWN0aXZlPFQ+IGV4dGVuZHMgVHVpQ29udHJvbGxlciB7XG4gICAgQElucHV0KClcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIGNvbHVtbnM6IFJlYWRvbmx5QXJyYXk8a2V5b2YgVCB8IHN0cmluZz4gPSBbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2l6ZScpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBzaXplOiBUdWlTaXplUyB8IFR1aVNpemVMID0gJ20nO1xuXG4gICAgQElucHV0KClcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIGRpcmVjdGlvbjogLTEgfCAxID0gMTtcblxuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IGRpcmVjdGlvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8LTEgfCAxPigpO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcmVhZG9ubHkgc29ydGVyQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxUdWlDb21wYXJhdG9yPFQ+IHwgbnVsbD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KEludGVyc2VjdGlvbk9ic2VydmVyU2VydmljZSlcbiAgICAgICAgcmVhZG9ubHkgZW50cmllcyQ6IE9ic2VydmFibGU8SW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdPixcbiAgICAgICAgQEluamVjdChUVUlfTU9ERSkgcmVhZG9ubHkgbW9kZSQ6IE9ic2VydmFibGU8VHVpQnJpZ2h0bmVzcyB8IG51bGw+LFxuICAgICAgICBASW5qZWN0KFRVSV9TVFVDSykgcmVhZG9ubHkgc3R1Y2skOiBPYnNlcnZhYmxlPGJvb2xlYW4+LFxuICAgICAgICBASW5qZWN0KENoYW5nZURldGVjdG9yUmVmKSBwcml2YXRlIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICApIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgc29ydGVyOiBUdWlDb21wYXJhdG9yPFQ+ID0gKCkgPT4gMDtcblxuICAgIHVwZGF0ZVNvcnRlcihzb3J0ZXI6IFR1aUNvbXBhcmF0b3I8VD4gfCBudWxsKSB7XG4gICAgICAgIGlmICh0aGlzLnNvcnRlciA9PT0gc29ydGVyKSB7XG4gICAgICAgICAgICB0aGlzLmRpcmVjdGlvbiA9IHRoaXMuZGlyZWN0aW9uID09PSAxID8gLTEgOiAxO1xuICAgICAgICAgICAgdGhpcy5kaXJlY3Rpb25DaGFuZ2UuZW1pdCh0aGlzLmRpcmVjdGlvbik7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnNvcnRlciA9IHNvcnRlciB8fCAoKCkgPT4gMCk7XG4gICAgICAgICAgICB0aGlzLnNvcnRlckNoYW5nZS5lbWl0KHRoaXMuc29ydGVyKTtcbiAgICAgICAgICAgIHRoaXMuZGlyZWN0aW9uID0gMTtcbiAgICAgICAgICAgIHRoaXMuZGlyZWN0aW9uQ2hhbmdlLmVtaXQoMSk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmNoYW5nZSQubmV4dCgpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxufVxuIl19
|
|
@@ -2,6 +2,8 @@ export * from './directives/cell.directive';
|
|
|
2
2
|
export * from './directives/head.directive';
|
|
3
3
|
export * from './directives/resized.directive';
|
|
4
4
|
export * from './directives/row.directive';
|
|
5
|
+
export * from './directives/sort-by.directive';
|
|
6
|
+
export * from './directives/sortable.directive';
|
|
5
7
|
export * from './directives/table.directive';
|
|
6
8
|
export * from './directives/thead.directive';
|
|
7
9
|
export * from './pipes/table-sort.pipe';
|
|
@@ -14,4 +16,4 @@ export * from './td/td.component';
|
|
|
14
16
|
export * from './th/th.component';
|
|
15
17
|
export * from './th-group/th-group.component';
|
|
16
18
|
export * from './tr/tr.component';
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tdGFibGUvY29tcG9uZW50cy90YWJsZS8iLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzL2NlbGwuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy9oZWFkLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvcmVzaXplZC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzL3Jvdy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzL3NvcnQtYnkuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy9zb3J0YWJsZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzL3RhYmxlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvdGhlYWQuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vcGlwZXMvdGFibGUtc29ydC5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vcHJvdmlkZXJzL3N0dWNrLnByb3ZpZGVyJztcbmV4cG9ydCAqIGZyb20gJy4vcHJvdmlkZXJzL3RhYmxlLnByb3ZpZGVyJztcbmV4cG9ydCAqIGZyb20gJy4vcHJvdmlkZXJzL3RhYmxlLnByb3ZpZGVycyc7XG5leHBvcnQgKiBmcm9tICcuL3RhYmxlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3Rib2R5L3Rib2R5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RkL3RkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RoL3RoLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RoLWdyb3VwL3RoLWdyb3VwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RyL3RyLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -8,6 +8,8 @@ import { TuiCellDirective } from './directives/cell.directive';
|
|
|
8
8
|
import { TuiHeadDirective } from './directives/head.directive';
|
|
9
9
|
import { TuiResizedDirective } from './directives/resized.directive';
|
|
10
10
|
import { TuiRowDirective } from './directives/row.directive';
|
|
11
|
+
import { TuiSortByDirective } from './directives/sort-by.directive';
|
|
12
|
+
import { TuiSortableDirective } from './directives/sortable.directive';
|
|
11
13
|
import { TuiTableDirective } from './directives/table.directive';
|
|
12
14
|
import { TuiTheadDirective } from './directives/thead.directive';
|
|
13
15
|
import { TuiTableSortPipe } from './pipes/table-sort.pipe';
|
|
@@ -32,6 +34,8 @@ var TuiTableModule = /** @class */ (function () {
|
|
|
32
34
|
TuiCellDirective,
|
|
33
35
|
TuiHeadDirective,
|
|
34
36
|
TuiRowDirective,
|
|
37
|
+
TuiSortByDirective,
|
|
38
|
+
TuiSortableDirective,
|
|
35
39
|
TuiTheadDirective,
|
|
36
40
|
TuiResizedDirective,
|
|
37
41
|
TuiTableSortPipe,
|
|
@@ -46,6 +50,8 @@ var TuiTableModule = /** @class */ (function () {
|
|
|
46
50
|
TuiCellDirective,
|
|
47
51
|
TuiHeadDirective,
|
|
48
52
|
TuiRowDirective,
|
|
53
|
+
TuiSortByDirective,
|
|
54
|
+
TuiSortableDirective,
|
|
49
55
|
TuiTheadDirective,
|
|
50
56
|
TuiTableSortPipe,
|
|
51
57
|
],
|
|
@@ -54,4 +60,4 @@ var TuiTableModule = /** @class */ (function () {
|
|
|
54
60
|
return TuiTableModule;
|
|
55
61
|
}());
|
|
56
62
|
export { TuiTableModule };
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLXRhYmxlL2NvbXBvbmVudHMvdGFibGUvIiwic291cmNlcyI6WyJ0YWJsZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDNUMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFNUQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDN0QsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDN0QsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ2xFLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQzFELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLG1CQUFtQixDQUFDO0FBb0NqRDtJQUFBO0lBQTZCLENBQUM7SUFBakIsY0FBYztRQWxDMUIsUUFBUSxDQUFDO1lBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGtCQUFrQixFQUFFLG1CQUFtQixFQUFFLFlBQVksQ0FBQztZQUM5RSxZQUFZLEVBQUU7Z0JBQ1YsaUJBQWlCO2dCQUNqQixpQkFBaUI7Z0JBQ2pCLG1CQUFtQjtnQkFDbkIsY0FBYztnQkFDZCxjQUFjO2dCQUNkLGNBQWM7Z0JBQ2QsZ0JBQWdCO2dCQUNoQixnQkFBZ0I7Z0JBQ2hCLGVBQWU7Z0JBQ2Ysa0JBQWtCO2dCQUNsQixvQkFBb0I7Z0JBQ3BCLGlCQUFpQjtnQkFDakIsbUJBQW1CO2dCQUNuQixnQkFBZ0I7YUFDbkI7WUFDRCxPQUFPLEVBQUU7Z0JBQ0wsaUJBQWlCO2dCQUNqQixpQkFBaUI7Z0JBQ2pCLG1CQUFtQjtnQkFDbkIsY0FBYztnQkFDZCxjQUFjO2dCQUNkLGNBQWM7Z0JBQ2QsZ0JBQWdCO2dCQUNoQixnQkFBZ0I7Z0JBQ2hCLGVBQWU7Z0JBQ2Ysa0JBQWtCO2dCQUNsQixvQkFBb0I7Z0JBQ3BCLGlCQUFpQjtnQkFDakIsZ0JBQWdCO2FBQ25CO1NBQ0osQ0FBQztPQUNXLGNBQWMsQ0FBRztJQUFELHFCQUFDO0NBQUEsQUFBOUIsSUFBOEI7U0FBakIsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aU1hcHBlclBpcGVNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTdmdNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7UG9seW1vcnBoZXVzTW9kdWxlfSBmcm9tICdAdGlua29mZi9uZy1wb2x5bW9ycGhldXMnO1xuXG5pbXBvcnQge1R1aUNlbGxEaXJlY3RpdmV9IGZyb20gJy4vZGlyZWN0aXZlcy9jZWxsLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1R1aUhlYWREaXJlY3RpdmV9IGZyb20gJy4vZGlyZWN0aXZlcy9oZWFkLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1R1aVJlc2l6ZWREaXJlY3RpdmV9IGZyb20gJy4vZGlyZWN0aXZlcy9yZXNpemVkLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1R1aVJvd0RpcmVjdGl2ZX0gZnJvbSAnLi9kaXJlY3RpdmVzL3Jvdy5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlTb3J0QnlEaXJlY3RpdmV9IGZyb20gJy4vZGlyZWN0aXZlcy9zb3J0LWJ5LmRpcmVjdGl2ZSc7XG5pbXBvcnQge1R1aVNvcnRhYmxlRGlyZWN0aXZlfSBmcm9tICcuL2RpcmVjdGl2ZXMvc29ydGFibGUuZGlyZWN0aXZlJztcbmltcG9ydCB7VHVpVGFibGVEaXJlY3RpdmV9IGZyb20gJy4vZGlyZWN0aXZlcy90YWJsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlUaGVhZERpcmVjdGl2ZX0gZnJvbSAnLi9kaXJlY3RpdmVzL3RoZWFkLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1R1aVRhYmxlU29ydFBpcGV9IGZyb20gJy4vcGlwZXMvdGFibGUtc29ydC5waXBlJztcbmltcG9ydCB7VHVpVGJvZHlDb21wb25lbnR9IGZyb20gJy4vdGJvZHkvdGJvZHkuY29tcG9uZW50JztcbmltcG9ydCB7VHVpVGRDb21wb25lbnR9IGZyb20gJy4vdGQvdGQuY29tcG9uZW50JztcbmltcG9ydCB7VHVpVGhDb21wb25lbnR9IGZyb20gJy4vdGgvdGguY29tcG9uZW50JztcbmltcG9ydCB7VHVpVGhHcm91cENvbXBvbmVudH0gZnJvbSAnLi90aC1ncm91cC90aC1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlUckNvbXBvbmVudH0gZnJvbSAnLi90ci90ci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFBvbHltb3JwaGV1c01vZHVsZSwgVHVpTWFwcGVyUGlwZU1vZHVsZSwgVHVpU3ZnTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgVHVpVGFibGVEaXJlY3RpdmUsXG4gICAgICAgIFR1aVRib2R5Q29tcG9uZW50LFxuICAgICAgICBUdWlUaEdyb3VwQ29tcG9uZW50LFxuICAgICAgICBUdWlUaENvbXBvbmVudCxcbiAgICAgICAgVHVpVGRDb21wb25lbnQsXG4gICAgICAgIFR1aVRyQ29tcG9uZW50LFxuICAgICAgICBUdWlDZWxsRGlyZWN0aXZlLFxuICAgICAgICBUdWlIZWFkRGlyZWN0aXZlLFxuICAgICAgICBUdWlSb3dEaXJlY3RpdmUsXG4gICAgICAgIFR1aVNvcnRCeURpcmVjdGl2ZSxcbiAgICAgICAgVHVpU29ydGFibGVEaXJlY3RpdmUsXG4gICAgICAgIFR1aVRoZWFkRGlyZWN0aXZlLFxuICAgICAgICBUdWlSZXNpemVkRGlyZWN0aXZlLFxuICAgICAgICBUdWlUYWJsZVNvcnRQaXBlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBUdWlUYWJsZURpcmVjdGl2ZSxcbiAgICAgICAgVHVpVGJvZHlDb21wb25lbnQsXG4gICAgICAgIFR1aVRoR3JvdXBDb21wb25lbnQsXG4gICAgICAgIFR1aVRoQ29tcG9uZW50LFxuICAgICAgICBUdWlUZENvbXBvbmVudCxcbiAgICAgICAgVHVpVHJDb21wb25lbnQsXG4gICAgICAgIFR1aUNlbGxEaXJlY3RpdmUsXG4gICAgICAgIFR1aUhlYWREaXJlY3RpdmUsXG4gICAgICAgIFR1aVJvd0RpcmVjdGl2ZSxcbiAgICAgICAgVHVpU29ydEJ5RGlyZWN0aXZlLFxuICAgICAgICBUdWlTb3J0YWJsZURpcmVjdGl2ZSxcbiAgICAgICAgVHVpVGhlYWREaXJlY3RpdmUsXG4gICAgICAgIFR1aVRhYmxlU29ydFBpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGFibGVNb2R1bGUge31cbiJdfQ==
|
|
@@ -11,12 +11,12 @@ var TuiTdComponent = /** @class */ (function () {
|
|
|
11
11
|
TuiTdComponent = __decorate([
|
|
12
12
|
Component({
|
|
13
13
|
selector: 'th[tuiTd], td[tuiTd]',
|
|
14
|
-
template:
|
|
14
|
+
template: '<ng-content></ng-content>',
|
|
15
15
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16
|
-
styles: [":host{position:relative;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;padding:0 .75rem;background:var(--tui-base-01);border:1px solid var(--tui-base-04);border-top:none}:host:first-child{left:0}:host:not(:first-child){border-left:none}:host._editable:focus-within{z-index:1}:host._editable{padding:0}:host(th){position:-webkit-sticky;position:sticky;z-index:1}:host(th):after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;bottom:0;left:100%;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host(th):focus-within:not(:disabled){z-index:11}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table._stuck){z-index:10}:host-context(table._stuck):last-of-type:after{opacity:1}:host-context(table[data-size='l']){font:var(--tui-font-text-m);height:var(--tui-height-l);padding:
|
|
16
|
+
styles: [":host{position:relative;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;padding:0 .75rem;background:var(--tui-base-01);border:1px solid var(--tui-base-04);border-top:none;box-sizing:border-box;transform:translate3d(0,0,0)}:host:first-child{left:0}:host:not(:first-child){border-left:none}:host._editable:focus-within{z-index:1}:host._editable{padding:0;vertical-align:top}:host(th){position:-webkit-sticky;position:sticky;z-index:1}:host(th):after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;bottom:0;left:100%;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host(th):focus-within:not(:disabled){z-index:11}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table._stuck){z-index:10}:host-context(table._stuck):last-of-type:after{opacity:1}:host-context(table[data-size='l']){font:var(--tui-font-text-m);height:var(--tui-height-l);padding-left:1rem;padding-right:1rem}:host-context(table[data-size='l'])._editable{padding:0}:host(td):focus-within{z-index:1}:host(td):not(:focus-within){z-index:0}"]
|
|
17
17
|
})
|
|
18
18
|
], TuiTdComponent);
|
|
19
19
|
return TuiTdComponent;
|
|
20
20
|
}());
|
|
21
21
|
export { TuiTdComponent };
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLXRhYmxlL2NvbXBvbmVudHMvdGFibGUvIiwic291cmNlcyI6WyJ0ZC90ZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEdBQ2QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBUXpDO0lBQUE7SUFJQSxDQUFDO0lBREc7UUFGQyxXQUFXLENBQUMsaUJBQWlCLENBQUM7UUFDOUIsWUFBWSxDQUFDLFNBQVMsQ0FBQzttREFDRTtJQUhqQixjQUFjO1FBTjFCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxzQkFBc0I7WUFDaEMsUUFBUSxFQUFFLDJCQUEyQjtZQUVyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7U0FDbEQsQ0FBQztPQUNXLGNBQWMsQ0FJMUI7SUFBRCxxQkFBQztDQUFBLEFBSkQsSUFJQztTQUpZLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGQsXG4gICAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0NvbnRyb2x9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0aFt0dWlUZF0sIHRkW3R1aVRkXScsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgICBzdHlsZVVybHM6IFsnLi90ZC5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRkQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9lZGl0YWJsZScpXG4gICAgQENvbnRlbnRDaGlsZChOZ0NvbnRyb2wpXG4gICAgcmVhZG9ubHkgY29udHJvbDogdW5rbm93bjtcbn1cbiJdfQ==
|
|
@@ -42,4 +42,4 @@ var TuiTrComponent = /** @class */ (function () {
|
|
|
42
42
|
return TuiTrComponent;
|
|
43
43
|
}());
|
|
44
44
|
export { TuiTrComponent };
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLXRhYmxlL2NvbXBvbmVudHMvdGFibGUvIiwic291cmNlcyI6WyJ0ci90ci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBQ1YsTUFBTSxHQUVULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUU5QyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQVEzRDtJQXNCSSx3QkFFYSxLQUEyQixFQUVuQixJQUEwQjtRQUovQyxpQkFLSTtRQUhTLFVBQUssR0FBTCxLQUFLLENBQXNCO1FBRW5CLFNBQUksR0FBSixJQUFJLENBQXNCO1FBeEI5QixVQUFLLEdBQWdDLFdBQVcsQ0FBQztRQUV6RCxXQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNyQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQ2YsR0FBRyxDQUFDO1lBQ0EsT0FBQSxLQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FDYixVQUFDLE1BQU0sRUFBRSxJQUFJOztnQkFBSyxPQUFBLHVCQUFLLE1BQU0sZ0JBQUcsSUFBSSxDQUFDLE9BQU8sSUFBRyxJQUFJLE9BQUU7WUFBbkMsQ0FBbUMsRUFDckQsRUFBRSxDQUNMO1FBSEQsQ0FHQyxDQUNKLENBQ0osQ0FBQztRQUVPLFVBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUN4QyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQ2YsR0FBRyxDQUNDO1lBQ0ksT0FBQSxLQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsVUFBQSxHQUFHLElBQUksT0FBQSxHQUFHLEtBQUssS0FBSSxFQUFaLENBQVksQ0FBQyxDQUFDO1FBQXpFLENBQXlFLENBQ2hGLENBQ0osQ0FBQztJQU9DLENBQUM7O2dCQUhnQixpQkFBaUIsdUJBRGhDLE1BQU0sU0FBQyxVQUFVLENBQUMsY0FBTSxPQUFBLGlCQUFpQixFQUFqQixDQUFpQixDQUFDO2dCQUdwQixpQkFBaUIsdUJBRHZDLE1BQU0sU0FBQyxVQUFVLENBQUMsY0FBTSxPQUFBLGlCQUFpQixFQUFqQixDQUFpQixDQUFDOztJQXZCL0M7UUFEQyxlQUFlLENBQUMsVUFBVSxDQUFDLGNBQU0sT0FBQSxnQkFBZ0IsRUFBaEIsQ0FBZ0IsQ0FBQyxDQUFDO2lEQUNjO0lBRnpELGNBQWM7UUFOMUIsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLFdBQVc7WUFDckIsaWRBQWlDO1lBQ2pDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO1lBQy9DLFNBQVMsRUFBRSxDQUFDLGtCQUFrQixDQUFDO1NBQ2xDLENBQUM7UUF3Qk8sV0FBQSxNQUFNLENBQUMsVUFBVSxDQUFDLGNBQU0sT0FBQSxpQkFBaUIsRUFBakIsQ0FBaUIsQ0FBQyxDQUFDLENBQUE7UUFFM0MsV0FBQSxNQUFNLENBQUMsVUFBVSxDQUFDLGNBQU0sT0FBQSxpQkFBaUIsRUFBakIsQ0FBaUIsQ0FBQyxDQUFDLENBQUE7T0F6QnZDLGNBQWMsQ0E0QjFCO0lBQUQscUJBQUM7Q0FBQSxBQTVCRCxJQTRCQztTQTVCWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIGZvcndhcmRSZWYsXG4gICAgSW5qZWN0LFxuICAgIFF1ZXJ5TGlzdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0VNUFRZX1FVRVJZfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7bWFwLCBzdGFydFdpdGh9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtUdWlDZWxsRGlyZWN0aXZlfSBmcm9tICcuLi9kaXJlY3RpdmVzL2NlbGwuZGlyZWN0aXZlJztcbmltcG9ydCB7VHVpVGFibGVEaXJlY3RpdmV9IGZyb20gJy4uL2RpcmVjdGl2ZXMvdGFibGUuZGlyZWN0aXZlJztcbmltcG9ydCB7VFVJX1RBQkxFX1BST1ZJREVSfSBmcm9tICcuLi9wcm92aWRlcnMvdGFibGUucHJvdmlkZXInO1xuaW1wb3J0IHtUdWlUYm9keUNvbXBvbmVudH0gZnJvbSAnLi4vdGJvZHkvdGJvZHkuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0clt0dWlUcl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ci50ZW1wbGF0ZS5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtUVUlfVEFCTEVfUFJPVklERVJdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUckNvbXBvbmVudDxUIGV4dGVuZHMgUmVjb3JkPHN0cmluZywgYW55Pj4ge1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBUdWlDZWxsRGlyZWN0aXZlKSlcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNlbGxzOiBRdWVyeUxpc3Q8VHVpQ2VsbERpcmVjdGl2ZT4gPSBFTVBUWV9RVUVSWTtcblxuICAgIHJlYWRvbmx5IGNlbGxzJCA9IHRoaXMuY2VsbHMuY2hhbmdlcy5waXBlKFxuICAgICAgICBzdGFydFdpdGgobnVsbCksXG4gICAgICAgIG1hcCgoKSA9PlxuICAgICAgICAgICAgdGhpcy5jZWxscy5yZWR1Y2U8UmVjb3JkPGFueSwgVHVpQ2VsbERpcmVjdGl2ZT4+KFxuICAgICAgICAgICAgICAgIChyZWNvcmQsIGl0ZW0pID0+ICh7Li4ucmVjb3JkLCBbaXRlbS50dWlDZWxsXTogaXRlbX0pLFxuICAgICAgICAgICAgICAgIHt9LFxuICAgICAgICAgICAgKSxcbiAgICAgICAgKSxcbiAgICApO1xuXG4gICAgcmVhZG9ubHkgaXRlbSQgPSB0aGlzLmJvZHkucm93cy5jaGFuZ2VzLnBpcGUoXG4gICAgICAgIHN0YXJ0V2l0aChudWxsKSxcbiAgICAgICAgbWFwKFxuICAgICAgICAgICAgKCkgPT5cbiAgICAgICAgICAgICAgICB0aGlzLmJvZHkuc29ydGVkW3RoaXMuYm9keS5yb3dzLnRvQXJyYXkoKS5maW5kSW5kZXgocm93ID0+IHJvdyA9PT0gdGhpcyldLFxuICAgICAgICApLFxuICAgICk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChmb3J3YXJkUmVmKCgpID0+IFR1aVRhYmxlRGlyZWN0aXZlKSlcbiAgICAgICAgcmVhZG9ubHkgdGFibGU6IFR1aVRhYmxlRGlyZWN0aXZlPFQ+LFxuICAgICAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gVHVpVGJvZHlDb21wb25lbnQpKVxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGJvZHk6IFR1aVRib2R5Q29tcG9uZW50PFQ+LFxuICAgICkge31cbn1cbiJdfQ==
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { __decorate, __param } from 'tslib';
|
|
2
|
-
import { TemplateRef, Inject, Input, Directive, ElementRef, Output, InjectionToken, SkipSelf, forwardRef, EventEmitter, ChangeDetectorRef, HostBinding,
|
|
3
|
-
import { tuiDefaultProp, typedFromEvent, preventDefault, TuiController,
|
|
2
|
+
import { TemplateRef, Inject, Input, Directive, ElementRef, Output, InjectionToken, SkipSelf, forwardRef, EventEmitter, ChangeDetectorRef, HostBinding, Optional, Component, ChangeDetectionStrategy, ContentChildren, Pipe, ContentChild, NgModule } from '@angular/core';
|
|
3
|
+
import { tuiDefaultProp, typedFromEvent, preventDefault, TuiController, TuiTableSortKeyException, EMPTY_QUERY, tuiPure, TuiDestroyService, TuiMapperPipeModule } from '@taiga-ui/cdk';
|
|
4
4
|
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
5
5
|
import { TUI_ELEMENT_REF, TUI_TEXTFIELD_APPEARANCE, TUI_TEXTFIELD_LABEL_OUTSIDE, TUI_TEXTFIELD_SIZE, MODE_PROVIDER, TUI_MODE, watchedControllerFactory, TuiSvgModule } from '@taiga-ui/core';
|
|
6
|
-
import { switchMap, distinctUntilChanged, map, takeUntil, startWith } from 'rxjs/operators';
|
|
6
|
+
import { switchMap, distinctUntilChanged, map, takeUntil, filter, startWith } from 'rxjs/operators';
|
|
7
|
+
import { defaultSort } from '@taiga-ui/addon-table/utils';
|
|
7
8
|
import { IntersectionObserverService, INTERSECTION_ROOT_MARGIN, INTERSECTION_THRESHOLD } from '@ng-web-apis/intersection-observer';
|
|
8
9
|
import { Observable } from 'rxjs';
|
|
9
10
|
import { TUI_INPUT_COUNT_OPTIONS } from '@taiga-ui/kit';
|
|
10
11
|
import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
|
|
11
12
|
import { NgControl } from '@angular/forms';
|
|
12
|
-
import { defaultSort } from '@taiga-ui/addon-table/utils';
|
|
13
13
|
|
|
14
14
|
let TuiCellDirective = class TuiCellDirective {
|
|
15
15
|
constructor(template) {
|
|
@@ -173,7 +173,7 @@ let TuiTableDirective = class TuiTableDirective extends TuiController {
|
|
|
173
173
|
this.directionChange.emit(this.direction);
|
|
174
174
|
}
|
|
175
175
|
else {
|
|
176
|
-
this.sorter = sorter;
|
|
176
|
+
this.sorter = sorter || (() => 0);
|
|
177
177
|
this.sorterChange.emit(this.sorter);
|
|
178
178
|
this.direction = 1;
|
|
179
179
|
this.directionChange.emit(1);
|
|
@@ -229,6 +229,135 @@ TuiTableDirective = __decorate([
|
|
|
229
229
|
__param(3, Inject(ChangeDetectorRef))
|
|
230
230
|
], TuiTableDirective);
|
|
231
231
|
|
|
232
|
+
let TuiThComponent = class TuiThComponent {
|
|
233
|
+
constructor(head, table) {
|
|
234
|
+
this.head = head;
|
|
235
|
+
this.table = table;
|
|
236
|
+
this.sorter = this.head
|
|
237
|
+
? (a, b) => defaultSort(a[this.key], b[this.key])
|
|
238
|
+
: null;
|
|
239
|
+
this.resizable = false;
|
|
240
|
+
this.sticky = false;
|
|
241
|
+
this.width = null;
|
|
242
|
+
}
|
|
243
|
+
get key() {
|
|
244
|
+
if (!this.head) {
|
|
245
|
+
throw new TuiTableSortKeyException();
|
|
246
|
+
}
|
|
247
|
+
return this.head.tuiHead;
|
|
248
|
+
}
|
|
249
|
+
get isCurrent() {
|
|
250
|
+
return !!this.sorter && !!this.table && this.sorter === this.table.sorter;
|
|
251
|
+
}
|
|
252
|
+
get icon() {
|
|
253
|
+
return this.isCurrent ? 'tuiIconSortDown' : 'tuiIconSortOff';
|
|
254
|
+
}
|
|
255
|
+
onResized(width) {
|
|
256
|
+
this.width = width;
|
|
257
|
+
}
|
|
258
|
+
};
|
|
259
|
+
TuiThComponent.ctorParameters = () => [
|
|
260
|
+
{ type: TuiHeadDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiHeadDirective,] }] },
|
|
261
|
+
{ type: TuiTableDirective, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef(() => TuiTableDirective),] }] }
|
|
262
|
+
];
|
|
263
|
+
__decorate([
|
|
264
|
+
Input(),
|
|
265
|
+
tuiDefaultProp()
|
|
266
|
+
], TuiThComponent.prototype, "sorter", void 0);
|
|
267
|
+
__decorate([
|
|
268
|
+
Input(),
|
|
269
|
+
tuiDefaultProp()
|
|
270
|
+
], TuiThComponent.prototype, "resizable", void 0);
|
|
271
|
+
__decorate([
|
|
272
|
+
Input(),
|
|
273
|
+
HostBinding('class._sticky'),
|
|
274
|
+
tuiDefaultProp()
|
|
275
|
+
], TuiThComponent.prototype, "sticky", void 0);
|
|
276
|
+
__decorate([
|
|
277
|
+
HostBinding('style.width.px')
|
|
278
|
+
], TuiThComponent.prototype, "width", void 0);
|
|
279
|
+
TuiThComponent = __decorate([
|
|
280
|
+
Component({
|
|
281
|
+
selector: 'th[tuiTh]',
|
|
282
|
+
template: "<button\n *ngIf=\"sorter && table; else content\"\n type=\"button\"\n class=\"t-sort\"\n [class.t-sort_sorted]=\"isCurrent\"\n (click)=\"table.updateSorter(sorter)\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n {{ table.change$ | async }}\n <tui-svg\n class=\"t-sort-icon\"\n [src]=\"icon\"\n [class.t-sort-icon_rotated]=\"isCurrent && table.direction === -1\"\n ></tui-svg>\n</button>\n<ng-template #content><ng-content></ng-content></ng-template>\n<div\n *ngIf=\"resizable\"\n class=\"t-bar\"\n (tuiResized)=\"onResized($event)\"\n></div>\n",
|
|
283
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
284
|
+
providers: [
|
|
285
|
+
{
|
|
286
|
+
provide: TUI_ELEMENT_REF,
|
|
287
|
+
useExisting: ElementRef,
|
|
288
|
+
},
|
|
289
|
+
],
|
|
290
|
+
styles: [":host{transition-property:box-shadow;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;top:0;z-index:20;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;font-weight:700;color:var(--tui-text-02);background:var(--tui-base-01);cursor:default;padding:0 .75rem;box-sizing:border-box;box-shadow:0 .3125rem rgba(237,237,237,0);border:1px solid var(--tui-base-04)}:host:not(:first-child){border-left:none}:host._sticky{position:-webkit-sticky;position:sticky;z-index:30}:host._sticky:first-child{left:0}:host._sticky:after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;left:100%;bottom:0;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host-context(tr:not(:first-child)){border-top:none}:host-context(table[data-size='l']){height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:700;padding:0 1rem}:host-context(thead[tuiThead]){position:-webkit-sticky;position:sticky}:host-context(table._stuck)._sticky:after{opacity:1}:host-context(thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(237,237,237,.7)}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck):first-child{box-shadow:.0625rem .3125rem rgba(60,60,60,.9)}:host-context(table[data-size='l']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-l)}:host-context(table[data-size='m']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-m)}:host-context(table[data-size='s']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-s)}.t-sort{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:inline-flex;flex-direction:inherit;align-items:center;outline:0;font-weight:700;cursor:pointer}.t-sort_sorted{color:var(--tui-text-01)}.t-sort_sorted .t-sort-icon_rotated{transform:scaleY(-1)}.t-sort:focus-visible{background:var(--tui-selection)}.t-sort:hover{color:var(--tui-text-01)}.t-bar{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;bottom:0;right:-1px;width:3px;justify-self:flex-end;border-left:2px solid transparent;background:var(--tui-support-12);background-clip:content-box;cursor:ew-resize;opacity:0}.t-bar:active,.t-bar:hover{opacity:1}"]
|
|
291
|
+
}),
|
|
292
|
+
__param(0, Optional()),
|
|
293
|
+
__param(0, Inject(TuiHeadDirective)),
|
|
294
|
+
__param(1, Optional()),
|
|
295
|
+
__param(1, Inject(forwardRef(() => TuiTableDirective)))
|
|
296
|
+
], TuiThComponent);
|
|
297
|
+
|
|
298
|
+
let TuiSortableDirective = class TuiSortableDirective {
|
|
299
|
+
constructor(sortBy, table, th) {
|
|
300
|
+
this.sortBy = sortBy;
|
|
301
|
+
this.table = table;
|
|
302
|
+
this.th = th;
|
|
303
|
+
this.sorter = () => 0;
|
|
304
|
+
this.th.sorter = this.sorter;
|
|
305
|
+
}
|
|
306
|
+
get key() {
|
|
307
|
+
return this.th.key;
|
|
308
|
+
}
|
|
309
|
+
ngDoCheck() {
|
|
310
|
+
if (this.sortBy.tuiSortBy === this.key && this.table.sorter !== this.sorter) {
|
|
311
|
+
this.table.updateSorter(this.sorter);
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
};
|
|
315
|
+
TuiSortableDirective.ctorParameters = () => [
|
|
316
|
+
{ type: TuiSortByDirective, decorators: [{ type: Inject, args: [TuiSortByDirective,] }] },
|
|
317
|
+
{ type: TuiTableDirective, decorators: [{ type: Inject, args: [TuiTableDirective,] }] },
|
|
318
|
+
{ type: TuiThComponent, decorators: [{ type: Inject, args: [TuiThComponent,] }] }
|
|
319
|
+
];
|
|
320
|
+
TuiSortableDirective = __decorate([
|
|
321
|
+
Directive({
|
|
322
|
+
selector: 'th[tuiTh][tuiSortable]',
|
|
323
|
+
}),
|
|
324
|
+
__param(0, Inject(TuiSortByDirective)),
|
|
325
|
+
__param(1, Inject(TuiTableDirective)),
|
|
326
|
+
__param(2, Inject(TuiThComponent))
|
|
327
|
+
], TuiSortableDirective);
|
|
328
|
+
|
|
329
|
+
let TuiSortByDirective = class TuiSortByDirective {
|
|
330
|
+
constructor(table) {
|
|
331
|
+
this.table = table;
|
|
332
|
+
this.sortables = EMPTY_QUERY;
|
|
333
|
+
this.tuiSortBy = null;
|
|
334
|
+
this.tuiSortByChange = this.table.sorterChange.pipe(filter(() => !!this.sortables.length), map(sorter => this.getKey(sorter)));
|
|
335
|
+
}
|
|
336
|
+
getKey(sorter) {
|
|
337
|
+
var _a, _b;
|
|
338
|
+
return (_b = (_a = this.sortables.find(s => s.sorter === sorter)) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : null;
|
|
339
|
+
}
|
|
340
|
+
};
|
|
341
|
+
TuiSortByDirective.ctorParameters = () => [
|
|
342
|
+
{ type: TuiTableDirective, decorators: [{ type: Inject, args: [TuiTableDirective,] }] }
|
|
343
|
+
];
|
|
344
|
+
__decorate([
|
|
345
|
+
ContentChildren(TuiSortableDirective, { descendants: true })
|
|
346
|
+
], TuiSortByDirective.prototype, "sortables", void 0);
|
|
347
|
+
__decorate([
|
|
348
|
+
Input(),
|
|
349
|
+
tuiDefaultProp()
|
|
350
|
+
], TuiSortByDirective.prototype, "tuiSortBy", void 0);
|
|
351
|
+
__decorate([
|
|
352
|
+
Output()
|
|
353
|
+
], TuiSortByDirective.prototype, "tuiSortByChange", void 0);
|
|
354
|
+
TuiSortByDirective = __decorate([
|
|
355
|
+
Directive({
|
|
356
|
+
selector: 'table[tuiTable][tuiSortBy]',
|
|
357
|
+
}),
|
|
358
|
+
__param(0, Inject(TuiTableDirective))
|
|
359
|
+
], TuiSortByDirective);
|
|
360
|
+
|
|
232
361
|
let TuiTheadDirective = class TuiTheadDirective {
|
|
233
362
|
constructor(stuck$) {
|
|
234
363
|
this.stuck$ = stuck$;
|
|
@@ -384,78 +513,12 @@ __decorate([
|
|
|
384
513
|
TuiTdComponent = __decorate([
|
|
385
514
|
Component({
|
|
386
515
|
selector: 'th[tuiTd], td[tuiTd]',
|
|
387
|
-
template:
|
|
516
|
+
template: '<ng-content></ng-content>',
|
|
388
517
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
389
|
-
styles: [":host{position:relative;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;padding:0 .75rem;background:var(--tui-base-01);border:1px solid var(--tui-base-04);border-top:none}:host:first-child{left:0}:host:not(:first-child){border-left:none}:host._editable:focus-within{z-index:1}:host._editable{padding:0}:host(th){position:-webkit-sticky;position:sticky;z-index:1}:host(th):after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;bottom:0;left:100%;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host(th):focus-within:not(:disabled){z-index:11}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table._stuck){z-index:10}:host-context(table._stuck):last-of-type:after{opacity:1}:host-context(table[data-size='l']){font:var(--tui-font-text-m);height:var(--tui-height-l);padding:
|
|
518
|
+
styles: [":host{position:relative;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;padding:0 .75rem;background:var(--tui-base-01);border:1px solid var(--tui-base-04);border-top:none;box-sizing:border-box;transform:translate3d(0,0,0)}:host:first-child{left:0}:host:not(:first-child){border-left:none}:host._editable:focus-within{z-index:1}:host._editable{padding:0;vertical-align:top}:host(th){position:-webkit-sticky;position:sticky;z-index:1}:host(th):after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;bottom:0;left:100%;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host(th):focus-within:not(:disabled){z-index:11}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table._stuck){z-index:10}:host-context(table._stuck):last-of-type:after{opacity:1}:host-context(table[data-size='l']){font:var(--tui-font-text-m);height:var(--tui-height-l);padding-left:1rem;padding-right:1rem}:host-context(table[data-size='l'])._editable{padding:0}:host(td):focus-within{z-index:1}:host(td):not(:focus-within){z-index:0}"]
|
|
390
519
|
})
|
|
391
520
|
], TuiTdComponent);
|
|
392
521
|
|
|
393
|
-
let TuiThComponent = class TuiThComponent {
|
|
394
|
-
constructor(head, table) {
|
|
395
|
-
this.head = head;
|
|
396
|
-
this.table = table;
|
|
397
|
-
this.sorter = this.head
|
|
398
|
-
? (a, b) => defaultSort(a[this.key], b[this.key])
|
|
399
|
-
: null;
|
|
400
|
-
this.resizable = false;
|
|
401
|
-
this.sticky = false;
|
|
402
|
-
this.width = null;
|
|
403
|
-
}
|
|
404
|
-
get key() {
|
|
405
|
-
if (!this.head) {
|
|
406
|
-
throw new TuiTableSortKeyException();
|
|
407
|
-
}
|
|
408
|
-
return this.head.tuiHead;
|
|
409
|
-
}
|
|
410
|
-
get isCurrent() {
|
|
411
|
-
return !!this.sorter && !!this.table && this.sorter === this.table.sorter;
|
|
412
|
-
}
|
|
413
|
-
get icon() {
|
|
414
|
-
return this.isCurrent ? 'tuiIconSortDown' : 'tuiIconSortOff';
|
|
415
|
-
}
|
|
416
|
-
onResized(width) {
|
|
417
|
-
this.width = width;
|
|
418
|
-
}
|
|
419
|
-
};
|
|
420
|
-
TuiThComponent.ctorParameters = () => [
|
|
421
|
-
{ type: TuiHeadDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiHeadDirective,] }] },
|
|
422
|
-
{ type: TuiTableDirective, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef(() => TuiTableDirective),] }] }
|
|
423
|
-
];
|
|
424
|
-
__decorate([
|
|
425
|
-
Input(),
|
|
426
|
-
tuiDefaultProp()
|
|
427
|
-
], TuiThComponent.prototype, "sorter", void 0);
|
|
428
|
-
__decorate([
|
|
429
|
-
Input(),
|
|
430
|
-
tuiDefaultProp()
|
|
431
|
-
], TuiThComponent.prototype, "resizable", void 0);
|
|
432
|
-
__decorate([
|
|
433
|
-
Input(),
|
|
434
|
-
HostBinding('class._sticky'),
|
|
435
|
-
tuiDefaultProp()
|
|
436
|
-
], TuiThComponent.prototype, "sticky", void 0);
|
|
437
|
-
__decorate([
|
|
438
|
-
HostBinding('style.width.px')
|
|
439
|
-
], TuiThComponent.prototype, "width", void 0);
|
|
440
|
-
TuiThComponent = __decorate([
|
|
441
|
-
Component({
|
|
442
|
-
selector: 'th[tuiTh]',
|
|
443
|
-
template: "<button\n *ngIf=\"sorter && table; else content\"\n type=\"button\"\n class=\"t-sort\"\n [class.t-sort_sorted]=\"isCurrent\"\n (click)=\"table.updateSorter(sorter)\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n {{ table.change$ | async }}\n <tui-svg\n class=\"t-sort-icon\"\n [src]=\"icon\"\n [class.t-sort-icon_rotated]=\"isCurrent && table.direction === -1\"\n ></tui-svg>\n</button>\n<ng-template #content><ng-content></ng-content></ng-template>\n<div\n *ngIf=\"resizable\"\n class=\"t-bar\"\n (tuiResized)=\"onResized($event)\"\n></div>\n",
|
|
444
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
445
|
-
providers: [
|
|
446
|
-
{
|
|
447
|
-
provide: TUI_ELEMENT_REF,
|
|
448
|
-
useExisting: ElementRef,
|
|
449
|
-
},
|
|
450
|
-
],
|
|
451
|
-
styles: [":host{transition-property:box-shadow;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;top:0;z-index:20;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;font-weight:700;color:var(--tui-text-02);background:var(--tui-base-01);cursor:default;padding:0 .75rem;box-sizing:border-box;box-shadow:0 .3125rem rgba(237,237,237,0);border:1px solid var(--tui-base-04)}:host:not(:first-child){border-left:none}:host._sticky{position:-webkit-sticky;position:sticky;z-index:30}:host._sticky:first-child{left:0}:host._sticky:after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;left:100%;bottom:0;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host-context(tr:not(:first-child)){border-top:none}:host-context(table[data-size='l']){height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:700;padding:0 1rem}:host-context(thead[tuiThead]){position:-webkit-sticky;position:sticky}:host-context(table._stuck)._sticky:after{opacity:1}:host-context(thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(237,237,237,.7)}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck):first-child{box-shadow:.0625rem .3125rem rgba(60,60,60,.9)}:host-context(table[data-size='l']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-l)}:host-context(table[data-size='m']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-m)}:host-context(table[data-size='s']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-s)}.t-sort{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:inline-flex;flex-direction:inherit;align-items:center;outline:0;font-weight:700;cursor:pointer}.t-sort_sorted{color:var(--tui-text-01)}.t-sort_sorted .t-sort-icon_rotated{transform:scaleY(-1)}.t-sort:focus-visible{background:var(--tui-selection)}.t-sort:hover{color:var(--tui-text-01)}.t-bar{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;bottom:0;right:-1px;width:3px;justify-self:flex-end;border-left:2px solid transparent;background:var(--tui-support-12);background-clip:content-box;cursor:ew-resize;opacity:0}.t-bar:active,.t-bar:hover{opacity:1}"]
|
|
452
|
-
}),
|
|
453
|
-
__param(0, Optional()),
|
|
454
|
-
__param(0, Inject(TuiHeadDirective)),
|
|
455
|
-
__param(1, Optional()),
|
|
456
|
-
__param(1, Inject(forwardRef(() => TuiTableDirective)))
|
|
457
|
-
], TuiThComponent);
|
|
458
|
-
|
|
459
522
|
let TuiThGroupComponent = class TuiThGroupComponent {
|
|
460
523
|
constructor(table) {
|
|
461
524
|
this.table = table;
|
|
@@ -497,6 +560,8 @@ TuiTableModule = __decorate([
|
|
|
497
560
|
TuiCellDirective,
|
|
498
561
|
TuiHeadDirective,
|
|
499
562
|
TuiRowDirective,
|
|
563
|
+
TuiSortByDirective,
|
|
564
|
+
TuiSortableDirective,
|
|
500
565
|
TuiTheadDirective,
|
|
501
566
|
TuiResizedDirective,
|
|
502
567
|
TuiTableSortPipe,
|
|
@@ -511,6 +576,8 @@ TuiTableModule = __decorate([
|
|
|
511
576
|
TuiCellDirective,
|
|
512
577
|
TuiHeadDirective,
|
|
513
578
|
TuiRowDirective,
|
|
579
|
+
TuiSortByDirective,
|
|
580
|
+
TuiSortableDirective,
|
|
514
581
|
TuiTheadDirective,
|
|
515
582
|
TuiTableSortPipe,
|
|
516
583
|
],
|
|
@@ -521,5 +588,5 @@ TuiTableModule = __decorate([
|
|
|
521
588
|
* Generated bundle index. Do not edit.
|
|
522
589
|
*/
|
|
523
590
|
|
|
524
|
-
export { TABLE_FACTORY, TABLE_LABEL, TABLE_THRESHOLD, TUI_STUCK, TUI_STUCK_PROVIDER, TUI_TABLE_PROVIDER, TUI_TABLE_PROVIDERS, TuiCellDirective, TuiHeadDirective, TuiResizedDirective, TuiRowDirective, TuiTableDirective, TuiTableModule, TuiTableSortPipe, TuiTbodyComponent, TuiTdComponent, TuiThComponent, TuiThGroupComponent, TuiTheadDirective, TuiTrComponent, inputCountOptionsFactory, stuckFactory };
|
|
591
|
+
export { TABLE_FACTORY, TABLE_LABEL, TABLE_THRESHOLD, TUI_STUCK, TUI_STUCK_PROVIDER, TUI_TABLE_PROVIDER, TUI_TABLE_PROVIDERS, TuiCellDirective, TuiHeadDirective, TuiResizedDirective, TuiRowDirective, TuiSortByDirective, TuiSortableDirective, TuiTableDirective, TuiTableModule, TuiTableSortPipe, TuiTbodyComponent, TuiTdComponent, TuiThComponent, TuiThGroupComponent, TuiTheadDirective, TuiTrComponent, inputCountOptionsFactory, stuckFactory };
|
|
525
592
|
//# sourceMappingURL=taiga-ui-addon-table-components-table.js.map
|