@taiga-ui/addon-table 3.18.0 → 3.19.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 +11 -20
- package/bundles/taiga-ui-addon-table-components-reorder.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-table-pagination.umd.js +11 -20
- package/bundles/taiga-ui-addon-table-components-table-pagination.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-table.umd.js +59 -64
- package/bundles/taiga-ui-addon-table-components-table.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-directives-table-filters.umd.js +20 -29
- package/bundles/taiga-ui-addon-table-directives-table-filters.umd.js.map +1 -1
- package/esm2015/components/reorder/reorder.component.js +3 -3
- package/esm2015/components/reorder/reorder.module.js +4 -4
- package/esm2015/components/table/directives/cell.directive.js +3 -3
- package/esm2015/components/table/directives/direction-order.directive.js +3 -3
- package/esm2015/components/table/directives/head.directive.js +3 -3
- package/esm2015/components/table/directives/resized.directive.js +3 -3
- package/esm2015/components/table/directives/row.directive.js +3 -3
- package/esm2015/components/table/directives/sort-by.directive.js +3 -3
- package/esm2015/components/table/directives/sortable.directive.js +3 -3
- package/esm2015/components/table/directives/table.directive.js +3 -3
- package/esm2015/components/table/directives/thead.directive.js +3 -3
- package/esm2015/components/table/pipes/table-sort.pipe.js +3 -3
- package/esm2015/components/table/providers/table.providers.js +8 -4
- package/esm2015/components/table/table.module.js +4 -4
- package/esm2015/components/table/tbody/tbody.component.js +3 -3
- package/esm2015/components/table/td/td.component.js +3 -3
- package/esm2015/components/table/th/th.component.js +3 -3
- 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/table-pagination.component.js +3 -3
- package/esm2015/components/table-pagination/table-pagination.module.js +4 -4
- package/esm2015/directives/table-filters/generic-filter.directive.js +3 -3
- package/esm2015/directives/table-filters/table-filter.directive.js +3 -3
- package/esm2015/directives/table-filters/table-filters.directive.js +3 -3
- package/esm2015/directives/table-filters/table-filters.module.js +4 -4
- package/esm2015/directives/table-filters/table-filters.pipe.js +3 -3
- package/fesm2015/taiga-ui-addon-table-components-reorder.js +7 -7
- package/fesm2015/taiga-ui-addon-table-components-table-pagination.js +7 -7
- package/fesm2015/taiga-ui-addon-table-components-table.js +56 -52
- package/fesm2015/taiga-ui-addon-table-components-table.js.map +1 -1
- package/fesm2015/taiga-ui-addon-table-directives-table-filters.js +16 -16
- package/package.json +5 -5
|
@@ -6,7 +6,7 @@ import { tuiDefaultProp, AbstractTuiController, tuiTypedFromEvent, tuiPreventDef
|
|
|
6
6
|
import { map, switchMap, distinctUntilChanged, takeUntil, filter, startWith } from 'rxjs/operators';
|
|
7
7
|
import { IntersectionObserverService, INTERSECTION_ROOT_MARGIN, INTERSECTION_THRESHOLD } from '@ng-web-apis/intersection-observer';
|
|
8
8
|
import * as i1$1 from '@taiga-ui/core';
|
|
9
|
-
import {
|
|
9
|
+
import { TUI_TEXTFIELD_APPEARANCE_DIRECTIVE, TuiTextfieldAppearanceDirective, TUI_TEXTFIELD_LABEL_OUTSIDE, TUI_TEXTFIELD_SIZE, MODE_PROVIDER, TUI_MODE, TUI_ELEMENT_REF, tuiWatchedControllerFactory, TuiSvgModule } from '@taiga-ui/core';
|
|
10
10
|
import { TUI_INPUT_COUNT_OPTIONS } from '@taiga-ui/kit';
|
|
11
11
|
import * as i1 from 'rxjs';
|
|
12
12
|
import { ReplaySubject } from 'rxjs';
|
|
@@ -23,12 +23,12 @@ class TuiCellDirective {
|
|
|
23
23
|
this.tuiCell = '';
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
TuiCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
27
|
-
TuiCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
26
|
+
TuiCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellDirective, deps: [{ token: TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
+
TuiCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellDirective, selector: "[tuiCell]", inputs: { tuiCell: "tuiCell" }, ngImport: i0 });
|
|
28
28
|
__decorate([
|
|
29
29
|
tuiDefaultProp()
|
|
30
30
|
], TuiCellDirective.prototype, "tuiCell", void 0);
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellDirective, decorators: [{
|
|
32
32
|
type: Directive,
|
|
33
33
|
args: [{
|
|
34
34
|
selector: '[tuiCell]',
|
|
@@ -61,8 +61,12 @@ const TUI_TABLE_PROVIDERS = [
|
|
|
61
61
|
useValue: [0, 1],
|
|
62
62
|
},
|
|
63
63
|
{
|
|
64
|
-
provide:
|
|
65
|
-
|
|
64
|
+
provide: TUI_TEXTFIELD_APPEARANCE_DIRECTIVE,
|
|
65
|
+
useFactory: () => {
|
|
66
|
+
const directive = new TuiTextfieldAppearanceDirective();
|
|
67
|
+
directive.appearance = "table" /* Table */;
|
|
68
|
+
return directive;
|
|
69
|
+
},
|
|
66
70
|
},
|
|
67
71
|
{
|
|
68
72
|
provide: TUI_TEXTFIELD_LABEL_OUTSIDE,
|
|
@@ -121,8 +125,8 @@ class TuiTableDirective extends AbstractTuiController {
|
|
|
121
125
|
this.change$.next();
|
|
122
126
|
}
|
|
123
127
|
}
|
|
124
|
-
TuiTableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
125
|
-
TuiTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
128
|
+
TuiTableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableDirective, deps: [{ token: IntersectionObserverService }, { token: TUI_MODE }, { token: TUI_STUCK }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
129
|
+
TuiTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTableDirective, selector: "table[tuiTable]", inputs: { columns: "columns", size: "size", direction: "direction", sorter: "sorter" }, outputs: { directionChange: "directionChange", sorterChange: "sorterChange" }, host: { listeners: { "$.data-mode.attr": "mode$", "$.class._stuck": "stuck$" }, properties: { "attr.data-size": "this.size" }, styleAttribute: "border-collapse: separate" }, providers: TUI_TABLE_PROVIDERS, usesInheritance: true, ngImport: i0 });
|
|
126
130
|
__decorate([
|
|
127
131
|
tuiDefaultProp()
|
|
128
132
|
], TuiTableDirective.prototype, "columns", void 0);
|
|
@@ -135,7 +139,7 @@ __decorate([
|
|
|
135
139
|
__decorate([
|
|
136
140
|
tuiDefaultProp()
|
|
137
141
|
], TuiTableDirective.prototype, "sorter", void 0);
|
|
138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableDirective, decorators: [{
|
|
139
143
|
type: Directive,
|
|
140
144
|
args: [{
|
|
141
145
|
selector: 'table[tuiTable]',
|
|
@@ -184,9 +188,9 @@ class TuiDirectionOrderDirective {
|
|
|
184
188
|
this.table.direction = order === 'asc' ? 1 : -1;
|
|
185
189
|
}
|
|
186
190
|
}
|
|
187
|
-
TuiDirectionOrderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
188
|
-
TuiDirectionOrderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
191
|
+
TuiDirectionOrderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDirectionOrderDirective, deps: [{ token: TuiTableDirective }], target: i0.ɵɵFactoryTarget.Directive });
|
|
192
|
+
TuiDirectionOrderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDirectionOrderDirective, selector: "table[tuiTable][tuiDirectionOrder]", inputs: { directionOrder: "directionOrder" }, outputs: { directionOrderChange: "directionOrderChange" }, ngImport: i0 });
|
|
193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDirectionOrderDirective, decorators: [{
|
|
190
194
|
type: Directive,
|
|
191
195
|
args: [{
|
|
192
196
|
selector: 'table[tuiTable][tuiDirectionOrder]',
|
|
@@ -205,9 +209,9 @@ class TuiHeadDirective {
|
|
|
205
209
|
this.template = template;
|
|
206
210
|
}
|
|
207
211
|
}
|
|
208
|
-
TuiHeadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
209
|
-
TuiHeadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
212
|
+
TuiHeadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeadDirective, deps: [{ token: TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
213
|
+
TuiHeadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeadDirective, selector: "[tuiHead]", inputs: { tuiHead: "tuiHead" }, ngImport: i0 });
|
|
214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeadDirective, decorators: [{
|
|
211
215
|
type: Directive,
|
|
212
216
|
args: [{
|
|
213
217
|
selector: '[tuiHead]',
|
|
@@ -230,9 +234,9 @@ class TuiResizedDirective {
|
|
|
230
234
|
}));
|
|
231
235
|
}
|
|
232
236
|
}
|
|
233
|
-
TuiResizedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
234
|
-
TuiResizedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
235
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
237
|
+
TuiResizedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiResizedDirective, deps: [{ token: DOCUMENT }, { token: ElementRef }, { token: TUI_ELEMENT_REF }], target: i0.ɵɵFactoryTarget.Directive });
|
|
238
|
+
TuiResizedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiResizedDirective, selector: "[tuiResized]", outputs: { tuiResized: "tuiResized" }, ngImport: i0 });
|
|
239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiResizedDirective, decorators: [{
|
|
236
240
|
type: Directive,
|
|
237
241
|
args: [{
|
|
238
242
|
selector: '[tuiResized]',
|
|
@@ -265,12 +269,12 @@ class TuiRowDirective {
|
|
|
265
269
|
return true;
|
|
266
270
|
}
|
|
267
271
|
}
|
|
268
|
-
TuiRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
269
|
-
TuiRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
272
|
+
TuiRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiRowDirective, deps: [{ token: TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
273
|
+
TuiRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiRowDirective, selector: "ng-template[tuiRow]", inputs: { tuiRowOf: "tuiRowOf" }, ngImport: i0 });
|
|
270
274
|
__decorate([
|
|
271
275
|
tuiDefaultProp()
|
|
272
276
|
], TuiRowDirective.prototype, "tuiRowOf", void 0);
|
|
273
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
277
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiRowDirective, decorators: [{
|
|
274
278
|
type: Directive,
|
|
275
279
|
args: [{
|
|
276
280
|
selector: 'ng-template[tuiRow]',
|
|
@@ -315,8 +319,8 @@ class TuiThComponent {
|
|
|
315
319
|
this.width = width;
|
|
316
320
|
}
|
|
317
321
|
}
|
|
318
|
-
TuiThComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
319
|
-
TuiThComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
322
|
+
TuiThComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThComponent, deps: [{ token: TuiHeadDirective, optional: true }, { token: forwardRef(() => TuiTableDirective), optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
323
|
+
TuiThComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThComponent, selector: "th[tuiTh]", inputs: { sorter: "sorter", resizable: "resizable", sticky: "sticky" }, host: { properties: { "class._sticky": "this.sticky", "style.width.px": "this.width" } }, providers: [
|
|
320
324
|
{
|
|
321
325
|
provide: TUI_ELEMENT_REF,
|
|
322
326
|
useExisting: ElementRef,
|
|
@@ -331,7 +335,7 @@ __decorate([
|
|
|
331
335
|
__decorate([
|
|
332
336
|
tuiDefaultProp()
|
|
333
337
|
], TuiThComponent.prototype, "sticky", void 0);
|
|
334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThComponent, decorators: [{
|
|
335
339
|
type: Component,
|
|
336
340
|
args: [{
|
|
337
341
|
selector: 'th[tuiTh]',
|
|
@@ -392,9 +396,9 @@ class TuiSortableDirective {
|
|
|
392
396
|
return this.sortBy.tuiSortBy === this.key;
|
|
393
397
|
}
|
|
394
398
|
}
|
|
395
|
-
TuiSortableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
396
|
-
TuiSortableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
399
|
+
TuiSortableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSortableDirective, deps: [{ token: forwardRef(() => TuiSortByDirective) }, { token: TuiTableDirective }, { token: TuiThComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
400
|
+
TuiSortableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSortableDirective, selector: "th[tuiTh][tuiSortable]", ngImport: i0 });
|
|
401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSortableDirective, decorators: [{
|
|
398
402
|
type: Directive,
|
|
399
403
|
args: [{
|
|
400
404
|
selector: 'th[tuiTh][tuiSortable]',
|
|
@@ -422,12 +426,12 @@ class TuiSortByDirective {
|
|
|
422
426
|
return ((_a = this.sortables.find(s => s.sorter === sorter)) === null || _a === void 0 ? void 0 : _a.key) || null;
|
|
423
427
|
}
|
|
424
428
|
}
|
|
425
|
-
TuiSortByDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
426
|
-
TuiSortByDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
429
|
+
TuiSortByDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSortByDirective, deps: [{ token: TuiTableDirective }], target: i0.ɵɵFactoryTarget.Directive });
|
|
430
|
+
TuiSortByDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSortByDirective, selector: "table[tuiTable][tuiSortBy]", inputs: { tuiSortBy: "tuiSortBy" }, outputs: { tuiSortByChange: "tuiSortByChange" }, queries: [{ propertyName: "sortables", predicate: TuiSortableDirective, descendants: true }], ngImport: i0 });
|
|
427
431
|
__decorate([
|
|
428
432
|
tuiDefaultProp()
|
|
429
433
|
], TuiSortByDirective.prototype, "tuiSortBy", void 0);
|
|
430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSortByDirective, decorators: [{
|
|
431
435
|
type: Directive,
|
|
432
436
|
args: [{
|
|
433
437
|
selector: 'table[tuiTable][tuiSortBy]',
|
|
@@ -449,8 +453,8 @@ class TuiTheadDirective {
|
|
|
449
453
|
this.stuck$ = stuck$;
|
|
450
454
|
}
|
|
451
455
|
}
|
|
452
|
-
TuiTheadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
453
|
-
TuiTheadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
456
|
+
TuiTheadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTheadDirective, deps: [{ token: TUI_STUCK }], target: i0.ɵɵFactoryTarget.Directive });
|
|
457
|
+
TuiTheadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTheadDirective, selector: "thead[tuiThead]", host: { listeners: { "$.class._stuck": "stuck$" } }, providers: [
|
|
454
458
|
TUI_STUCK_PROVIDER,
|
|
455
459
|
IntersectionObserverService,
|
|
456
460
|
{
|
|
@@ -458,7 +462,7 @@ TuiTheadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", vers
|
|
|
458
462
|
useValue: '0px 10000px 10000px 10000px',
|
|
459
463
|
},
|
|
460
464
|
], ngImport: i0 });
|
|
461
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTheadDirective, decorators: [{
|
|
462
466
|
type: Directive,
|
|
463
467
|
args: [{
|
|
464
468
|
selector: 'thead[tuiThead]',
|
|
@@ -490,12 +494,12 @@ class TuiTableSortPipe {
|
|
|
490
494
|
return [...data].sort((a, b) => direction * sorter(a, b));
|
|
491
495
|
}
|
|
492
496
|
}
|
|
493
|
-
TuiTableSortPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
494
|
-
TuiTableSortPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.
|
|
497
|
+
TuiTableSortPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableSortPipe, deps: [{ token: TuiTableDirective }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
498
|
+
TuiTableSortPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableSortPipe, name: "tuiTableSort", pure: false });
|
|
495
499
|
__decorate([
|
|
496
500
|
tuiPure
|
|
497
501
|
], TuiTableSortPipe.prototype, "sort", null);
|
|
498
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableSortPipe, decorators: [{
|
|
499
503
|
type: Pipe,
|
|
500
504
|
args: [{
|
|
501
505
|
name: `tuiTableSort`,
|
|
@@ -518,11 +522,11 @@ const TUI_TABLE_PROVIDER = [
|
|
|
518
522
|
|
|
519
523
|
class TuiTdComponent {
|
|
520
524
|
}
|
|
521
|
-
TuiTdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
522
|
-
TuiTdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
525
|
+
TuiTdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
526
|
+
TuiTdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTdComponent, selector: "th[tuiTd], td[tuiTd]", host: { properties: { "class._editable": "this.control" } }, queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], ngImport: i0, template: `
|
|
523
527
|
<ng-content></ng-content>
|
|
524
528
|
`, isInline: true, 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:translate(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, .3s);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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
525
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTdComponent, decorators: [{
|
|
526
530
|
type: Component,
|
|
527
531
|
args: [{
|
|
528
532
|
selector: 'th[tuiTd], td[tuiTd]',
|
|
@@ -560,9 +564,9 @@ class TuiTrComponent {
|
|
|
560
564
|
});
|
|
561
565
|
}
|
|
562
566
|
}
|
|
563
|
-
TuiTrComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
564
|
-
TuiTrComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
565
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
567
|
+
TuiTrComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTrComponent, deps: [{ token: forwardRef(() => TuiTableDirective) }, { token: forwardRef(() => TuiTbodyComponent) }], target: i0.ɵɵFactoryTarget.Component });
|
|
568
|
+
TuiTrComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTrComponent, selector: "tr[tuiTr]", providers: [TUI_TABLE_PROVIDER], queries: [{ propertyName: "cells", predicate: i0.forwardRef(function () { return TuiCellDirective; }) }], ngImport: i0, template: "<ng-container *ngIf=\"cells$ | async as items\">\n <ng-container\n *ngFor=\"let key of table.columns\"\n [ngTemplateOutlet]=\"items[key]?.template || plain\"\n >\n <ng-template #plain>\n <td\n *ngIf=\"item$ | async as item\"\n tuiTd\n >\n {{ item[key] }}\n </td>\n </ng-template>\n </ng-container>\n</ng-container>\n", components: [{ type: TuiTdComponent, selector: "th[tuiTd], td[tuiTd]" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
569
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTrComponent, decorators: [{
|
|
566
570
|
type: Component,
|
|
567
571
|
args: [{
|
|
568
572
|
selector: 'tr[tuiTr]',
|
|
@@ -600,8 +604,8 @@ class TuiTbodyComponent {
|
|
|
600
604
|
this.openChange.emit(this.open);
|
|
601
605
|
}
|
|
602
606
|
}
|
|
603
|
-
TuiTbodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
604
|
-
TuiTbodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
607
|
+
TuiTbodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTbodyComponent, deps: [{ token: TuiTableSortPipe }, { token: forwardRef(() => TuiTableDirective) }], target: i0.ɵɵFactoryTarget.Component });
|
|
608
|
+
TuiTbodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTbodyComponent, selector: "tbody[tuiTbody]", inputs: { data: "data", heading: "heading", open: "open" }, outputs: { openChange: "openChange" }, providers: TUI_TABLE_PROVIDER, queries: [{ propertyName: "row", first: true, predicate: i0.forwardRef(function () { return TuiRowDirective; }), descendants: true }, { propertyName: "rows", predicate: i0.forwardRef(function () { return TuiTrComponent; }) }], ngImport: i0, template: "<tr *ngIf=\"heading\">\n <th\n class=\"t-heading\"\n [colSpan]=\"table.columns.length\"\n >\n <button\n type=\"button\"\n class=\"t-expand\"\n (click)=\"onClick()\"\n >\n <span class=\"t-name\">\n <ng-container *polymorpheusOutlet=\"heading as text\">\n {{ text }}\n </ng-container>\n </span>\n <tui-svg\n src=\"tuiIconChevronDownLarge\"\n class=\"t-chevron\"\n [class.t-chevron_rotated]=\"open\"\n ></tui-svg>\n </button>\n </th>\n</tr>\n<ng-container *ngIf=\"open\">\n <ng-content></ng-content>\n</ng-container>\n<ng-container *ngIf=\"open && row\">\n <ng-container\n *ngFor=\"let item of sorted; let index = index\"\n [ngTemplateOutlet]=\"row.template\"\n [ngTemplateOutletContext]=\"item | tuiMapper : toContext : index\"\n ></ng-container>\n</ng-container>\n", styles: [":host{border-color:var(--tui-base-04)}:host tr{border-color:inherit}.t-expand{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:none;font-weight:bold;cursor:pointer;border-color:inherit}.t-expand:focus-visible .t-name{background:var(--tui-selection)}.t-expand:before,.t-expand:after{content:\"\";position:-webkit-sticky;position:sticky;height:100%;border-left:1px solid;border-color:inherit}.t-expand:before{left:0}.t-expand:after{right:0}.t-heading{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:var(--tui-height-m);font:var(--tui-font-text-s);padding:0;background:var(--tui-base-02);border-bottom:1px solid var(--tui-base-04);border-color:inherit}.t-heading:hover{background:var(--tui-base-03)}:host-context(table[data-size=\"l\"]) .t-heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.t-name{position:-webkit-sticky;position:sticky;left:.75rem;display:inline-block}:host-context(table[data-size=\"l\"]) .t-name{left:1rem}.t-chevron{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.t-chevron_rotated{transform:rotate(180deg)}\n"], components: [{ type: i1$1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "tuiMapper": i4.TuiMapperPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
605
609
|
__decorate([
|
|
606
610
|
tuiDefaultProp()
|
|
607
611
|
], TuiTbodyComponent.prototype, "data", void 0);
|
|
@@ -611,7 +615,7 @@ __decorate([
|
|
|
611
615
|
__decorate([
|
|
612
616
|
tuiDefaultProp()
|
|
613
617
|
], TuiTbodyComponent.prototype, "open", void 0);
|
|
614
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
618
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTbodyComponent, decorators: [{
|
|
615
619
|
type: Component,
|
|
616
620
|
args: [{
|
|
617
621
|
selector: 'tbody[tuiTbody]',
|
|
@@ -652,9 +656,9 @@ class TuiThGroupComponent {
|
|
|
652
656
|
this.heads$ = this.heads.changes.pipe(startWith(null), map(() => this.heads.reduce((record, item) => (Object.assign(Object.assign({}, record), { [item.tuiHead]: item })), {})));
|
|
653
657
|
}
|
|
654
658
|
}
|
|
655
|
-
TuiThGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
656
|
-
TuiThGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
659
|
+
TuiThGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThGroupComponent, deps: [{ token: forwardRef(() => TuiTableDirective) }], target: i0.ɵɵFactoryTarget.Component });
|
|
660
|
+
TuiThGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThGroupComponent, selector: "tr[tuiThGroup]", providers: [TUI_TABLE_PROVIDER], queries: [{ propertyName: "th", first: true, predicate: i0.forwardRef(function () { return TuiThComponent; }), descendants: true }, { propertyName: "heads", predicate: i0.forwardRef(function () { return TuiHeadDirective; }) }], ngImport: i0, template: "<ng-content></ng-content>\n<ng-container *ngIf=\"heads$ | async as headings\">\n <ng-container\n *ngFor=\"let key of table.columns\"\n [ngTemplateOutlet]=\"headings[key.toString()]?.template || plain\"\n >\n <ng-template #plain>\n <th\n *ngIf=\"!th && !heads.length\"\n tuiTh\n >\n {{ key.toString() }}\n </th>\n </ng-template>\n </ng-container>\n</ng-container>\n", components: [{ type: TuiThComponent, selector: "th[tuiTh]", inputs: ["sorter", "resizable", "sticky"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThGroupComponent, decorators: [{
|
|
658
662
|
type: Component,
|
|
659
663
|
args: [{
|
|
660
664
|
selector: 'tr[tuiThGroup]',
|
|
@@ -675,8 +679,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
675
679
|
|
|
676
680
|
class TuiTableModule {
|
|
677
681
|
}
|
|
678
|
-
TuiTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
679
|
-
TuiTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
682
|
+
TuiTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
683
|
+
TuiTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableModule, declarations: [TuiTableDirective,
|
|
680
684
|
TuiTbodyComponent,
|
|
681
685
|
TuiThGroupComponent,
|
|
682
686
|
TuiThComponent,
|
|
@@ -704,8 +708,8 @@ TuiTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
704
708
|
TuiTheadDirective,
|
|
705
709
|
TuiTableSortPipe,
|
|
706
710
|
TuiDirectionOrderDirective] });
|
|
707
|
-
TuiTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
708
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
711
|
+
TuiTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableModule, imports: [[CommonModule, PolymorpheusModule, TuiMapperPipeModule, TuiSvgModule]] });
|
|
712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTableModule, decorators: [{
|
|
709
713
|
type: NgModule,
|
|
710
714
|
args: [{
|
|
711
715
|
imports: [CommonModule, PolymorpheusModule, TuiMapperPipeModule, TuiSvgModule],
|