@taiga-ui/addon-table 3.14.0 → 3.15.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-reorder.umd.js +7 -7
- package/bundles/taiga-ui-addon-table-components-reorder.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-table-pagination.umd.js +7 -5
- package/bundles/taiga-ui-addon-table-components-table-pagination.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-table.umd.js +40 -40
- package/bundles/taiga-ui-addon-table-components-table.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-directives-table-filters.umd.js +3 -3
- package/bundles/taiga-ui-addon-table-directives-table-filters.umd.js.map +1 -1
- package/components/table-pagination/index.d.ts +1 -0
- package/components/table-pagination/table-pagination-options.d.ts +2 -0
- package/components/table-pagination/table-pagination.d.ts +2 -2
- package/esm2015/components/reorder/reorder.component.js +8 -8
- package/esm2015/components/table/directives/cell.directive.js +3 -3
- package/esm2015/components/table/directives/direction-order.directive.js +4 -4
- package/esm2015/components/table/directives/head.directive.js +2 -2
- package/esm2015/components/table/directives/resized.directive.js +4 -4
- package/esm2015/components/table/directives/row.directive.js +2 -2
- package/esm2015/components/table/directives/sort-by.directive.js +2 -2
- package/esm2015/components/table/directives/sortable.directive.js +2 -2
- package/esm2015/components/table/directives/table.directive.js +7 -7
- package/esm2015/components/table/directives/thead.directive.js +5 -5
- package/esm2015/components/table/tbody/tbody.component.js +5 -5
- package/esm2015/components/table/td/td.component.js +4 -4
- package/esm2015/components/table/th/th.component.js +7 -7
- package/esm2015/components/table/th-group/th-group.component.js +3 -3
- package/esm2015/components/table/tr/tr.component.js +3 -3
- package/esm2015/components/table-pagination/index.js +2 -1
- package/esm2015/components/table-pagination/table-pagination-options.js +3 -1
- package/esm2015/components/table-pagination/table-pagination.component.js +6 -6
- package/esm2015/components/table-pagination/table-pagination.js +1 -1
- package/esm2015/directives/table-filters/generic-filter.directive.js +2 -2
- package/esm2015/directives/table-filters/table-filter.directive.js +2 -2
- package/esm2015/directives/table-filters/table-filters.directive.js +2 -2
- package/fesm2015/taiga-ui-addon-table-components-reorder.js +7 -7
- package/fesm2015/taiga-ui-addon-table-components-reorder.js.map +1 -1
- package/fesm2015/taiga-ui-addon-table-components-table-pagination.js +7 -5
- package/fesm2015/taiga-ui-addon-table-components-table-pagination.js.map +1 -1
- package/fesm2015/taiga-ui-addon-table-components-table.js +39 -39
- package/fesm2015/taiga-ui-addon-table-components-table.js.map +1 -1
- package/fesm2015/taiga-ui-addon-table-directives-table-filters.js +3 -3
- package/fesm2015/taiga-ui-addon-table-directives-table-filters.js.map +1 -1
- package/package.json +6 -6
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
var TuiCellDirective = /** @class */ (function () {
|
|
360
360
|
function TuiCellDirective(template) {
|
|
361
361
|
this.template = template;
|
|
362
|
-
this.tuiCell =
|
|
362
|
+
this.tuiCell = '';
|
|
363
363
|
}
|
|
364
364
|
return TuiCellDirective;
|
|
365
365
|
}());
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiCellDirective, decorators: [{
|
|
372
372
|
type: i0.Directive,
|
|
373
373
|
args: [{
|
|
374
|
-
selector:
|
|
374
|
+
selector: '[tuiCell]',
|
|
375
375
|
}]
|
|
376
376
|
}], ctorParameters: function () {
|
|
377
377
|
return [{ type: i0__namespace.TemplateRef, decorators: [{
|
|
@@ -439,7 +439,7 @@
|
|
|
439
439
|
_this.stuck$ = stuck$;
|
|
440
440
|
_this.changeDetectorRef = changeDetectorRef;
|
|
441
441
|
_this.columns = [];
|
|
442
|
-
_this.size =
|
|
442
|
+
_this.size = 'm';
|
|
443
443
|
_this.direction = 1;
|
|
444
444
|
_this.directionChange = new i0.EventEmitter();
|
|
445
445
|
_this.sorterChange = new i0.EventEmitter();
|
|
@@ -487,12 +487,12 @@
|
|
|
487
487
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTableDirective, decorators: [{
|
|
488
488
|
type: i0.Directive,
|
|
489
489
|
args: [{
|
|
490
|
-
selector:
|
|
490
|
+
selector: 'table[tuiTable]',
|
|
491
491
|
providers: TUI_TABLE_PROVIDERS,
|
|
492
492
|
host: {
|
|
493
|
-
'($.data-mode.attr)':
|
|
494
|
-
'($.class._stuck)':
|
|
495
|
-
style:
|
|
493
|
+
'($.data-mode.attr)': 'mode$',
|
|
494
|
+
'($.class._stuck)': 'stuck$',
|
|
495
|
+
style: 'border-collapse: separate',
|
|
496
496
|
},
|
|
497
497
|
}]
|
|
498
498
|
}], ctorParameters: function () {
|
|
@@ -515,7 +515,7 @@
|
|
|
515
515
|
type: i0.Input
|
|
516
516
|
}, {
|
|
517
517
|
type: i0.HostBinding,
|
|
518
|
-
args: [
|
|
518
|
+
args: ['attr.data-size']
|
|
519
519
|
}], direction: [{
|
|
520
520
|
type: i0.Input
|
|
521
521
|
}], directionChange: [{
|
|
@@ -529,11 +529,11 @@
|
|
|
529
529
|
var TuiDirectionOrderDirective = /** @class */ (function () {
|
|
530
530
|
function TuiDirectionOrderDirective(table) {
|
|
531
531
|
this.table = table;
|
|
532
|
-
this.directionOrderChange = this.table.directionChange.pipe(operators.map(function (dir) { return (dir === 1 ?
|
|
532
|
+
this.directionOrderChange = this.table.directionChange.pipe(operators.map(function (dir) { return (dir === 1 ? 'asc' : 'desc'); }));
|
|
533
533
|
}
|
|
534
534
|
Object.defineProperty(TuiDirectionOrderDirective.prototype, "directionOrder", {
|
|
535
535
|
set: function (order) {
|
|
536
|
-
this.table.direction = order ===
|
|
536
|
+
this.table.direction = order === 'asc' ? 1 : -1;
|
|
537
537
|
},
|
|
538
538
|
enumerable: false,
|
|
539
539
|
configurable: true
|
|
@@ -545,7 +545,7 @@
|
|
|
545
545
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDirectionOrderDirective, decorators: [{
|
|
546
546
|
type: i0.Directive,
|
|
547
547
|
args: [{
|
|
548
|
-
selector:
|
|
548
|
+
selector: 'table[tuiTable][tuiDirectionOrder]',
|
|
549
549
|
}]
|
|
550
550
|
}], ctorParameters: function () {
|
|
551
551
|
return [{ type: TuiTableDirective, decorators: [{
|
|
@@ -569,7 +569,7 @@
|
|
|
569
569
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiHeadDirective, decorators: [{
|
|
570
570
|
type: i0.Directive,
|
|
571
571
|
args: [{
|
|
572
|
-
selector:
|
|
572
|
+
selector: '[tuiHead]',
|
|
573
573
|
}]
|
|
574
574
|
}], ctorParameters: function () {
|
|
575
575
|
return [{ type: i0__namespace.TemplateRef, decorators: [{
|
|
@@ -586,12 +586,12 @@
|
|
|
586
586
|
this.documentRef = documentRef;
|
|
587
587
|
this.elementRef = elementRef;
|
|
588
588
|
this.parentRef = parentRef;
|
|
589
|
-
this.tuiResized = i4.tuiTypedFromEvent(this.elementRef.nativeElement,
|
|
589
|
+
this.tuiResized = i4.tuiTypedFromEvent(this.elementRef.nativeElement, 'mousedown').pipe(i4.tuiPreventDefault(), operators.switchMap(function () {
|
|
590
590
|
var _a = _this.parentRef.nativeElement.getBoundingClientRect(), width = _a.width, right = _a.right;
|
|
591
|
-
return i4.tuiTypedFromEvent(_this.documentRef,
|
|
591
|
+
return i4.tuiTypedFromEvent(_this.documentRef, 'mousemove').pipe(operators.distinctUntilChanged(), operators.map(function (_a) {
|
|
592
592
|
var clientX = _a.clientX;
|
|
593
593
|
return width + clientX - right;
|
|
594
|
-
}), operators.takeUntil(i4.tuiTypedFromEvent(_this.documentRef,
|
|
594
|
+
}), operators.takeUntil(i4.tuiTypedFromEvent(_this.documentRef, 'mouseup')));
|
|
595
595
|
}));
|
|
596
596
|
}
|
|
597
597
|
return TuiResizedDirective;
|
|
@@ -601,7 +601,7 @@
|
|
|
601
601
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiResizedDirective, decorators: [{
|
|
602
602
|
type: i0.Directive,
|
|
603
603
|
args: [{
|
|
604
|
-
selector:
|
|
604
|
+
selector: '[tuiResized]',
|
|
605
605
|
}]
|
|
606
606
|
}], ctorParameters: function () {
|
|
607
607
|
return [{ type: Document, decorators: [{
|
|
@@ -642,7 +642,7 @@
|
|
|
642
642
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiRowDirective, decorators: [{
|
|
643
643
|
type: i0.Directive,
|
|
644
644
|
args: [{
|
|
645
|
-
selector:
|
|
645
|
+
selector: 'ng-template[tuiRow]',
|
|
646
646
|
}]
|
|
647
647
|
}], ctorParameters: function () {
|
|
648
648
|
return [{ type: i0__namespace.TemplateRef, decorators: [{
|
|
@@ -684,7 +684,7 @@
|
|
|
684
684
|
});
|
|
685
685
|
Object.defineProperty(TuiThComponent.prototype, "icon", {
|
|
686
686
|
get: function () {
|
|
687
|
-
return this.isCurrent ?
|
|
687
|
+
return this.isCurrent ? 'tuiIconSortDown' : 'tuiIconSortOff';
|
|
688
688
|
},
|
|
689
689
|
enumerable: false,
|
|
690
690
|
configurable: true
|
|
@@ -713,9 +713,9 @@
|
|
|
713
713
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiThComponent, decorators: [{
|
|
714
714
|
type: i0.Component,
|
|
715
715
|
args: [{
|
|
716
|
-
selector:
|
|
717
|
-
templateUrl:
|
|
718
|
-
styleUrls: [
|
|
716
|
+
selector: 'th[tuiTh]',
|
|
717
|
+
templateUrl: './th.template.html',
|
|
718
|
+
styleUrls: ['./th.style.less'],
|
|
719
719
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
720
720
|
providers: [
|
|
721
721
|
{
|
|
@@ -744,10 +744,10 @@
|
|
|
744
744
|
type: i0.Input
|
|
745
745
|
}, {
|
|
746
746
|
type: i0.HostBinding,
|
|
747
|
-
args: [
|
|
747
|
+
args: ['class._sticky']
|
|
748
748
|
}], width: [{
|
|
749
749
|
type: i0.HostBinding,
|
|
750
|
-
args: [
|
|
750
|
+
args: ['style.width.px']
|
|
751
751
|
}] } });
|
|
752
752
|
|
|
753
753
|
var TuiSortableDirective = /** @class */ (function () {
|
|
@@ -787,7 +787,7 @@
|
|
|
787
787
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiSortableDirective, decorators: [{
|
|
788
788
|
type: i0.Directive,
|
|
789
789
|
args: [{
|
|
790
|
-
selector:
|
|
790
|
+
selector: 'th[tuiTh][tuiSortable]',
|
|
791
791
|
}]
|
|
792
792
|
}], ctorParameters: function () {
|
|
793
793
|
return [{ type: TuiSortByDirective, decorators: [{
|
|
@@ -824,7 +824,7 @@
|
|
|
824
824
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiSortByDirective, decorators: [{
|
|
825
825
|
type: i0.Directive,
|
|
826
826
|
args: [{
|
|
827
|
-
selector:
|
|
827
|
+
selector: 'table[tuiTable][tuiSortBy]',
|
|
828
828
|
}]
|
|
829
829
|
}], ctorParameters: function () {
|
|
830
830
|
return [{ type: TuiTableDirective, decorators: [{
|
|
@@ -852,23 +852,23 @@
|
|
|
852
852
|
intersectionObserver.IntersectionObserverService,
|
|
853
853
|
{
|
|
854
854
|
provide: intersectionObserver.INTERSECTION_ROOT_MARGIN,
|
|
855
|
-
useValue:
|
|
855
|
+
useValue: '0px 10000px 10000px 10000px',
|
|
856
856
|
},
|
|
857
857
|
], ngImport: i0__namespace });
|
|
858
858
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTheadDirective, decorators: [{
|
|
859
859
|
type: i0.Directive,
|
|
860
860
|
args: [{
|
|
861
|
-
selector:
|
|
861
|
+
selector: 'thead[tuiThead]',
|
|
862
862
|
providers: [
|
|
863
863
|
TUI_STUCK_PROVIDER,
|
|
864
864
|
intersectionObserver.IntersectionObserverService,
|
|
865
865
|
{
|
|
866
866
|
provide: intersectionObserver.INTERSECTION_ROOT_MARGIN,
|
|
867
|
-
useValue:
|
|
867
|
+
useValue: '0px 10000px 10000px 10000px',
|
|
868
868
|
},
|
|
869
869
|
],
|
|
870
870
|
host: {
|
|
871
|
-
'($.class._stuck)':
|
|
871
|
+
'($.class._stuck)': 'stuck$',
|
|
872
872
|
},
|
|
873
873
|
}]
|
|
874
874
|
}], ctorParameters: function () {
|
|
@@ -928,14 +928,14 @@
|
|
|
928
928
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTdComponent, decorators: [{
|
|
929
929
|
type: i0.Component,
|
|
930
930
|
args: [{
|
|
931
|
-
selector:
|
|
931
|
+
selector: 'th[tuiTd], td[tuiTd]',
|
|
932
932
|
template: "\n <ng-content></ng-content>\n ",
|
|
933
|
-
styleUrls: [
|
|
933
|
+
styleUrls: ['./td.style.less'],
|
|
934
934
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
935
935
|
}]
|
|
936
936
|
}], propDecorators: { control: [{
|
|
937
937
|
type: i0.HostBinding,
|
|
938
|
-
args: [
|
|
938
|
+
args: ['class._editable']
|
|
939
939
|
}, {
|
|
940
940
|
type: i0.ContentChild,
|
|
941
941
|
args: [forms.NgControl]
|
|
@@ -979,8 +979,8 @@
|
|
|
979
979
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTrComponent, decorators: [{
|
|
980
980
|
type: i0.Component,
|
|
981
981
|
args: [{
|
|
982
|
-
selector:
|
|
983
|
-
templateUrl:
|
|
982
|
+
selector: 'tr[tuiTr]',
|
|
983
|
+
templateUrl: './tr.template.html',
|
|
984
984
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
985
985
|
providers: [TUI_TABLE_PROVIDER],
|
|
986
986
|
}]
|
|
@@ -1002,7 +1002,7 @@
|
|
|
1002
1002
|
this.pipe = pipe;
|
|
1003
1003
|
this.table = table;
|
|
1004
1004
|
this.data = [];
|
|
1005
|
-
this.heading =
|
|
1005
|
+
this.heading = '';
|
|
1006
1006
|
this.open = true;
|
|
1007
1007
|
this.openChange = new i0.EventEmitter();
|
|
1008
1008
|
this.rows = i4.EMPTY_QUERY;
|
|
@@ -1035,9 +1035,9 @@
|
|
|
1035
1035
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTbodyComponent, decorators: [{
|
|
1036
1036
|
type: i0.Component,
|
|
1037
1037
|
args: [{
|
|
1038
|
-
selector:
|
|
1039
|
-
templateUrl:
|
|
1040
|
-
styleUrls: [
|
|
1038
|
+
selector: 'tbody[tuiTbody]',
|
|
1039
|
+
templateUrl: './tbody.template.html',
|
|
1040
|
+
styleUrls: ['./tbody.style.less'],
|
|
1041
1041
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1042
1042
|
providers: TUI_TABLE_PROVIDER,
|
|
1043
1043
|
}]
|
|
@@ -1085,8 +1085,8 @@
|
|
|
1085
1085
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiThGroupComponent, decorators: [{
|
|
1086
1086
|
type: i0.Component,
|
|
1087
1087
|
args: [{
|
|
1088
|
-
selector:
|
|
1089
|
-
templateUrl:
|
|
1088
|
+
selector: 'tr[tuiThGroup]',
|
|
1089
|
+
templateUrl: './th-group.template.html',
|
|
1090
1090
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1091
1091
|
providers: [TUI_TABLE_PROVIDER],
|
|
1092
1092
|
}]
|