@taiga-ui/addon-table 2.57.0 → 2.59.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 +2 -2
- package/bundles/taiga-ui-addon-table-components-reorder.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-reorder.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-table-components-reorder.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-resizable-column.umd.js +2 -2
- package/bundles/taiga-ui-addon-table-components-resizable-column.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-resizable-column.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-table-components-resizable-column.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-table.umd.js +2 -2
- package/bundles/taiga-ui-addon-table-components-table.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-table-components-table.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-table-components-table.umd.min.js.map +1 -1
- package/components/reorder/taiga-ui-addon-table-components-reorder.metadata.json +1 -1
- package/components/resizable-column/taiga-ui-addon-table-components-resizable-column.metadata.json +1 -1
- package/components/table/taiga-ui-addon-table-components-table.metadata.json +1 -1
- package/esm2015/components/reorder/reorder.component.js +3 -3
- package/esm2015/components/resizable-column/resizable-column.component.js +3 -3
- package/esm2015/components/table/tbody/tbody.component.js +3 -3
- package/esm5/components/reorder/reorder.component.js +3 -3
- package/esm5/components/resizable-column/resizable-column.component.js +3 -3
- package/esm5/components/table/tbody/tbody.component.js +3 -3
- package/fesm2015/taiga-ui-addon-table-components-reorder.js +2 -2
- package/fesm2015/taiga-ui-addon-table-components-reorder.js.map +1 -1
- package/fesm2015/taiga-ui-addon-table-components-resizable-column.js +2 -2
- package/fesm2015/taiga-ui-addon-table-components-resizable-column.js.map +1 -1
- package/fesm2015/taiga-ui-addon-table-components-table.js +2 -2
- package/fesm2015/taiga-ui-addon-table-components-table.js.map +1 -1
- package/fesm5/taiga-ui-addon-table-components-reorder.js +2 -2
- package/fesm5/taiga-ui-addon-table-components-reorder.js.map +1 -1
- package/fesm5/taiga-ui-addon-table-components-resizable-column.js +2 -2
- package/fesm5/taiga-ui-addon-table-components-resizable-column.js.map +1 -1
- package/fesm5/taiga-ui-addon-table-components-table.js +2 -2
- package/fesm5/taiga-ui-addon-table-components-table.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TuiCellDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[tuiCell]"}]}],"members":{"tuiCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":8,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":12,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":12,"character":60,"context":{"typeName":"Record"},"module":"./directives/cell.directive"}]}]}]}},"TuiHeadDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[tuiHead]"}]}],"members":{"tuiHead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":10,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":60,"context":{"typeName":"Record"},"module":"./directives/head.directive"}]}]}]}},"TuiResizedDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[tuiResized]"}]}],"members":{"tuiResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":26,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ELEMENT_REF","line":29,"character":16}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":26,"character":56,"context":{"typeName":"Document"},"module":"./directives/resized.directive"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":47,"context":{"typeName":"HTMLTableHeaderCellElement"},"module":"./directives/resized.directive"}]},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":47,"context":{"typeName":"HTMLTableHeaderCellElement"},"module":"./directives/resized.directive"}]}]}]}},"TuiRowDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"ng-template[tuiRow]"}]}],"members":{"tuiRowOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":9,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":12,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"TuiRowContext","module":"@taiga-ui/addon-table/interfaces","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":12,"character":82,"context":{"typeName":"T"},"module":"./directives/row.directive"}]}]}]}]},"statics":{"ngTemplateContextGuard":{"__symbolic":"function","parameters":["_dir","_ctx"],"value":true}}},"TuiSortByDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"table[tuiTable][tuiSortBy]"}]}],"members":{"sortables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiSortableDirective"},{"descendants":true}]}]}],"tuiSortBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":23,"character":5}}]}],"tuiSortByChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableDirective"}]}],"getKey":[{"__symbolic":"method"}]}},"TuiSortableDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"th[tuiTh][tuiSortable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiSortByDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiThComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiSortByDirective"},{"__symbolic":"reference","name":"TuiTableDirective"},{"__symbolic":"reference","name":"TuiThComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}]}},"TuiTableDirective":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiController","line":27,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1},"arguments":[{"selector":"table[tuiTable]","providers":{"__symbolic":"reference","name":"TUI_TABLE_PROVIDERS"},"host":{"($.data-mode.attr)":"mode$","($.class._stuck)":"stuck$","style":"border-collapse: separate","$quoted$":["($.data-mode.attr)","($.class._stuck)"]}}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":29,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":34,"character":5}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"directionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":5}}]}],"sorterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverService","line":48,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_MODE","line":50,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_STUCK"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":71}]}],"sorter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":58,"character":5}}]}],"updateSorter":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"TuiTheadDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"thead[tuiThead]","providers":[{"__symbolic":"reference","name":"TUI_STUCK_PROVIDER"},{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverService","line":13,"character":8},{"provide":{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_ROOT_MARGIN","line":15,"character":21},"useValue":"0px 10000px 10000px 10000px"}],"host":{"($.class._stuck)":"stuck$","$quoted$":["($.class._stuck)"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":17},"arguments":[{"__symbolic":"reference","name":"TUI_STUCK"}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]}]}]}},"TuiTableSortPipe":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiTableSort","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableDirective"}]}],"transform":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":19,"character":5}]}]}},"stuckFactory":{"__symbolic":"function"},"TUI_STUCK":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":17,"character":29},"arguments":["Stream of sticky stuck events"]},"TUI_STUCK_PROVIDER":{"provide":{"__symbolic":"reference","name":"TUI_STUCK"},"deps":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":11},{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverService","line":21,"character":23}],"useFactory":{"__symbolic":"reference","name":"stuckFactory"}},"TUI_TABLE_PROVIDER":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":11,"character":4},{"__symbolic":"reference","name":"TuiTableSortPipe"},{"provide":{"__symbolic":"reference","name":"TuiTableDirective"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":15,"character":20}},{"__symbolic":"reference","name":"TuiTableDirective"}],{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":52},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":15,"character":71}],"useFactory":{"__symbolic":"reference","name":"watchedControllerFactory","module":"@taiga-ui/core"}}],"TABLE_THRESHOLD":[0,1],"TABLE_LABEL":{"labelOutside":true},"inputCountOptionsFactory":{"__symbolic":"function","parameters":["options"],"value":{"hideButtons":true}},"TUI_TABLE_PROVIDERS":[{"provide":{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_ROOT_MARGIN","line":32,"character":17},"useValue":"10000px 10000px 10000px 0px"},{"provide":{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_THRESHOLD","line":36,"character":17},"useValue":{"__symbolic":"reference","name":"TABLE_THRESHOLD"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_APPEARANCE","line":40,"character":17},"useValue":"table"},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_LABEL_OUTSIDE","line":45,"character":17},"useValue":{"__symbolic":"reference","name":"TABLE_LABEL"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/kit","name":"TUI_INPUT_COUNT_OPTIONS","line":49,"character":17},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":50,"character":20}},{"__symbolic":"reference","module":"@taiga-ui/kit","name":"TUI_INPUT_COUNT_OPTIONS","line":50,"character":32}]],"useFactory":{"__symbolic":"reference","name":"inputCountOptionsFactory"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_SIZE","line":54,"character":17},"useExisting":{"__symbolic":"reference","name":"TuiTableDirective"}},{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverService","line":57,"character":4},{"__symbolic":"reference","module":"@taiga-ui/core","name":"MODE_PROVIDER","line":58,"character":4},{"__symbolic":"reference","name":"TUI_STUCK_PROVIDER"}],"TuiTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":14},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":22,"character":28},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":22,"character":48},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":22,"character":69}],"declarations":[{"__symbolic":"reference","name":"TuiTableDirective"},{"__symbolic":"reference","name":"TuiTbodyComponent"},{"__symbolic":"reference","name":"TuiThGroupComponent"},{"__symbolic":"reference","name":"TuiThComponent"},{"__symbolic":"reference","name":"TuiTdComponent"},{"__symbolic":"reference","name":"TuiTrComponent"},{"__symbolic":"reference","name":"TuiCellDirective"},{"__symbolic":"reference","name":"TuiHeadDirective"},{"__symbolic":"reference","name":"TuiRowDirective"},{"__symbolic":"reference","name":"TuiSortByDirective"},{"__symbolic":"reference","name":"TuiSortableDirective"},{"__symbolic":"reference","name":"TuiTheadDirective"},{"__symbolic":"reference","name":"TuiResizedDirective"},{"__symbolic":"reference","name":"TuiTableSortPipe"}],"exports":[{"__symbolic":"reference","name":"TuiTableDirective"},{"__symbolic":"reference","name":"TuiTbodyComponent"},{"__symbolic":"reference","name":"TuiThGroupComponent"},{"__symbolic":"reference","name":"TuiThComponent"},{"__symbolic":"reference","name":"TuiTdComponent"},{"__symbolic":"reference","name":"TuiTrComponent"},{"__symbolic":"reference","name":"TuiCellDirective"},{"__symbolic":"reference","name":"TuiHeadDirective"},{"__symbolic":"reference","name":"TuiRowDirective"},{"__symbolic":"reference","name":"TuiSortByDirective"},{"__symbolic":"reference","name":"TuiSortableDirective"},{"__symbolic":"reference","name":"TuiTheadDirective"},{"__symbolic":"reference","name":"TuiTableSortPipe"}]}]}],"members":{}},"TuiTbodyComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"tbody[tuiTbody]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":21},"member":"OnPush"},"providers":{"__symbolic":"reference","name":"TUI_TABLE_PROVIDER"},"template":"<ng-content></ng-content>\n<tr *ngIf=\"heading\">\n <th\n class=\"heading\"\n [colSpan]=\"table.columns.length\"\n >\n <button\n type=\"button\"\n class=\"expand\"\n (click)=\"onClick()\"\n >\n <span\n polymorpheus-outlet\n class=\"name\"\n [content]=\"heading\"\n ></span>\n <tui-svg\n src=\"tuiIconChevronDownLarge\"\n class=\"chevron\"\n [class.chevron_rotated]=\"open\"\n ></tui-svg>\n </button>\n </th>\n</tr>\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}.expand{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.expand:focus-visible .name{background:var(--tui-selection)}.expand:after,.expand:before{content:'';position:-webkit-sticky;position:sticky;height:100%;border-left:1px solid;border-color:inherit}.expand:before{left:0}.expand:after{right:0}.heading{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}:host-context(table[data-size='l']) .heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.name{position:-webkit-sticky;position:sticky;left:.75rem;display:inline-block}:host-context(table[data-size='l']) .name{left:1rem}.chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.chevron_rotated{transform:rotate(180deg)}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":30,"character":5}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":34,"character":5}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"openChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":5}}]}],"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":44,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiRowDirective"}]}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":47,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiTrComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableSortPipe"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableSortPipe"},{"__symbolic":"reference","name":"TuiTableDirective"}]}],"onClick":[{"__symbolic":"method"}]}},"TuiTdComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"th[tuiTd], td[tuiTd]","template":"\n <ng-content></ng-content>\n ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":21},"member":"OnPush"},"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}"]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":5},"arguments":["class._editable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":18,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":18,"character":18}]}]}]}},"TuiThComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"th[tuiTh]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ELEMENT_REF","line":25,"character":21},"useExisting":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":25}}],"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","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}"]}]}],"members":{"sorter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":32,"character":5}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"sticky":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":5},"arguments":["class._sticky"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":5},"arguments":["style.width.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiHeadDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiHeadDirective"},{"__symbolic":"reference","name":"TuiTableDirective"}]}],"onResized":[{"__symbolic":"method"}]}},"TuiThGroupComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"tr[tuiThGroup]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"TUI_TABLE_PROVIDER"}],"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"}]}],"members":{"th":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiThComponent"}]}]}],"heads":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":27,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiHeadDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]}},"TuiTrComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"tr[tuiTr]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"TUI_TABLE_PROVIDER"}],"template":"<ng-container *ngIf=\"cells$ | async as items\">\n <ng-container\n *ngFor=\"let key of table.columns\"\n [ngTemplateOutlet]=\"items[key.toString()]?.template || plain\"\n >\n <ng-template #plain>\n <td\n *ngIf=\"item$ | async as item\"\n tuiTd\n >\n {{ item[key.toString()] }}\n </td>\n </ng-template>\n </ng-container>\n</ng-container>\n"}]}],"members":{"cells":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiCellDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTbodyComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableDirective"},{"__symbolic":"reference","name":"TuiTbodyComponent"}]}]}}},"origins":{"TuiCellDirective":"./directives/cell.directive","TuiHeadDirective":"./directives/head.directive","TuiResizedDirective":"./directives/resized.directive","TuiRowDirective":"./directives/row.directive","TuiSortByDirective":"./directives/sort-by.directive","TuiSortableDirective":"./directives/sortable.directive","TuiTableDirective":"./directives/table.directive","TuiTheadDirective":"./directives/thead.directive","TuiTableSortPipe":"./pipes/table-sort.pipe","stuckFactory":"./providers/stuck.provider","TUI_STUCK":"./providers/stuck.provider","TUI_STUCK_PROVIDER":"./providers/stuck.provider","TABLE_FACTORY":"@taiga-ui/core","TUI_TABLE_PROVIDER":"./providers/table.provider","TABLE_THRESHOLD":"./providers/table.providers","TABLE_LABEL":"./providers/table.providers","inputCountOptionsFactory":"./providers/table.providers","TUI_TABLE_PROVIDERS":"./providers/table.providers","TuiTableModule":"./table.module","TuiTbodyComponent":"./tbody/tbody.component","TuiTdComponent":"./td/td.component","TuiThComponent":"./th/th.component","TuiThGroupComponent":"./th-group/th-group.component","TuiTrComponent":"./tr/tr.component"},"importAs":"@taiga-ui/addon-table/components/table"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiCellDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[tuiCell]"}]}],"members":{"tuiCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":8,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":12,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":12,"character":60,"context":{"typeName":"Record"},"module":"./directives/cell.directive"}]}]}]}},"TuiHeadDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[tuiHead]"}]}],"members":{"tuiHead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":10,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":60,"context":{"typeName":"Record"},"module":"./directives/head.directive"}]}]}]}},"TuiResizedDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[tuiResized]"}]}],"members":{"tuiResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":26,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ELEMENT_REF","line":29,"character":16}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":26,"character":56,"context":{"typeName":"Document"},"module":"./directives/resized.directive"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":47,"context":{"typeName":"HTMLTableHeaderCellElement"},"module":"./directives/resized.directive"}]},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":47,"context":{"typeName":"HTMLTableHeaderCellElement"},"module":"./directives/resized.directive"}]}]}]}},"TuiRowDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"ng-template[tuiRow]"}]}],"members":{"tuiRowOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":9,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":12,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"TuiRowContext","module":"@taiga-ui/addon-table/interfaces","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":12,"character":82,"context":{"typeName":"T"},"module":"./directives/row.directive"}]}]}]}]},"statics":{"ngTemplateContextGuard":{"__symbolic":"function","parameters":["_dir","_ctx"],"value":true}}},"TuiSortByDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"table[tuiTable][tuiSortBy]"}]}],"members":{"sortables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiSortableDirective"},{"descendants":true}]}]}],"tuiSortBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":23,"character":5}}]}],"tuiSortByChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableDirective"}]}],"getKey":[{"__symbolic":"method"}]}},"TuiSortableDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"th[tuiTh][tuiSortable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiSortByDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiThComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiSortByDirective"},{"__symbolic":"reference","name":"TuiTableDirective"},{"__symbolic":"reference","name":"TuiThComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}]}},"TuiTableDirective":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiController","line":27,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1},"arguments":[{"selector":"table[tuiTable]","providers":{"__symbolic":"reference","name":"TUI_TABLE_PROVIDERS"},"host":{"($.data-mode.attr)":"mode$","($.class._stuck)":"stuck$","style":"border-collapse: separate","$quoted$":["($.data-mode.attr)","($.class._stuck)"]}}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":29,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":34,"character":5}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"directionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":5}}]}],"sorterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverService","line":48,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_MODE","line":50,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_STUCK"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":71}]}],"sorter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":58,"character":5}}]}],"updateSorter":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"TuiTheadDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"thead[tuiThead]","providers":[{"__symbolic":"reference","name":"TUI_STUCK_PROVIDER"},{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverService","line":13,"character":8},{"provide":{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_ROOT_MARGIN","line":15,"character":21},"useValue":"0px 10000px 10000px 10000px"}],"host":{"($.class._stuck)":"stuck$","$quoted$":["($.class._stuck)"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":17},"arguments":[{"__symbolic":"reference","name":"TUI_STUCK"}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]}]}]}},"TuiTableSortPipe":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiTableSort","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableDirective"}]}],"transform":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":19,"character":5}]}]}},"stuckFactory":{"__symbolic":"function"},"TUI_STUCK":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":17,"character":29},"arguments":["Stream of sticky stuck events"]},"TUI_STUCK_PROVIDER":{"provide":{"__symbolic":"reference","name":"TUI_STUCK"},"deps":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":11},{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverService","line":21,"character":23}],"useFactory":{"__symbolic":"reference","name":"stuckFactory"}},"TUI_TABLE_PROVIDER":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":11,"character":4},{"__symbolic":"reference","name":"TuiTableSortPipe"},{"provide":{"__symbolic":"reference","name":"TuiTableDirective"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":15,"character":20}},{"__symbolic":"reference","name":"TuiTableDirective"}],{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":52},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":15,"character":71}],"useFactory":{"__symbolic":"reference","name":"watchedControllerFactory","module":"@taiga-ui/core"}}],"TABLE_THRESHOLD":[0,1],"TABLE_LABEL":{"labelOutside":true},"inputCountOptionsFactory":{"__symbolic":"function","parameters":["options"],"value":{"hideButtons":true}},"TUI_TABLE_PROVIDERS":[{"provide":{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_ROOT_MARGIN","line":32,"character":17},"useValue":"10000px 10000px 10000px 0px"},{"provide":{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_THRESHOLD","line":36,"character":17},"useValue":{"__symbolic":"reference","name":"TABLE_THRESHOLD"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_APPEARANCE","line":40,"character":17},"useValue":"table"},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_LABEL_OUTSIDE","line":45,"character":17},"useValue":{"__symbolic":"reference","name":"TABLE_LABEL"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/kit","name":"TUI_INPUT_COUNT_OPTIONS","line":49,"character":17},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":50,"character":20}},{"__symbolic":"reference","module":"@taiga-ui/kit","name":"TUI_INPUT_COUNT_OPTIONS","line":50,"character":32}]],"useFactory":{"__symbolic":"reference","name":"inputCountOptionsFactory"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_SIZE","line":54,"character":17},"useExisting":{"__symbolic":"reference","name":"TuiTableDirective"}},{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverService","line":57,"character":4},{"__symbolic":"reference","module":"@taiga-ui/core","name":"MODE_PROVIDER","line":58,"character":4},{"__symbolic":"reference","name":"TUI_STUCK_PROVIDER"}],"TuiTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":14},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":22,"character":28},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":22,"character":48},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":22,"character":69}],"declarations":[{"__symbolic":"reference","name":"TuiTableDirective"},{"__symbolic":"reference","name":"TuiTbodyComponent"},{"__symbolic":"reference","name":"TuiThGroupComponent"},{"__symbolic":"reference","name":"TuiThComponent"},{"__symbolic":"reference","name":"TuiTdComponent"},{"__symbolic":"reference","name":"TuiTrComponent"},{"__symbolic":"reference","name":"TuiCellDirective"},{"__symbolic":"reference","name":"TuiHeadDirective"},{"__symbolic":"reference","name":"TuiRowDirective"},{"__symbolic":"reference","name":"TuiSortByDirective"},{"__symbolic":"reference","name":"TuiSortableDirective"},{"__symbolic":"reference","name":"TuiTheadDirective"},{"__symbolic":"reference","name":"TuiResizedDirective"},{"__symbolic":"reference","name":"TuiTableSortPipe"}],"exports":[{"__symbolic":"reference","name":"TuiTableDirective"},{"__symbolic":"reference","name":"TuiTbodyComponent"},{"__symbolic":"reference","name":"TuiThGroupComponent"},{"__symbolic":"reference","name":"TuiThComponent"},{"__symbolic":"reference","name":"TuiTdComponent"},{"__symbolic":"reference","name":"TuiTrComponent"},{"__symbolic":"reference","name":"TuiCellDirective"},{"__symbolic":"reference","name":"TuiHeadDirective"},{"__symbolic":"reference","name":"TuiRowDirective"},{"__symbolic":"reference","name":"TuiSortByDirective"},{"__symbolic":"reference","name":"TuiSortableDirective"},{"__symbolic":"reference","name":"TuiTheadDirective"},{"__symbolic":"reference","name":"TuiTableSortPipe"}]}]}],"members":{}},"TuiTbodyComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"tbody[tuiTbody]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":21},"member":"OnPush"},"providers":{"__symbolic":"reference","name":"TUI_TABLE_PROVIDER"},"template":"<ng-content></ng-content>\n<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\n polymorpheus-outlet\n class=\"t-name\"\n [content]=\"heading\"\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 && 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:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.t-expand:focus-visible .t-name{background:var(--tui-selection)}.t-expand:after,.t-expand:before{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{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}: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,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.t-chevron_rotated{transform:rotate(180deg)}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":30,"character":5}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":34,"character":5}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"openChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":5}}]}],"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":44,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiRowDirective"}]}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":47,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiTrComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableSortPipe"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableSortPipe"},{"__symbolic":"reference","name":"TuiTableDirective"}]}],"onClick":[{"__symbolic":"method"}]}},"TuiTdComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"th[tuiTd], td[tuiTd]","template":"\n <ng-content></ng-content>\n ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":21},"member":"OnPush"},"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}"]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":5},"arguments":["class._editable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":18,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":18,"character":18}]}]}]}},"TuiThComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"th[tuiTh]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ELEMENT_REF","line":25,"character":21},"useExisting":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":25}}],"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","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}"]}]}],"members":{"sorter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":32,"character":5}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"sticky":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":5},"arguments":["class._sticky"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":5},"arguments":["style.width.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiHeadDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiHeadDirective"},{"__symbolic":"reference","name":"TuiTableDirective"}]}],"onResized":[{"__symbolic":"method"}]}},"TuiThGroupComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"tr[tuiThGroup]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"TUI_TABLE_PROVIDER"}],"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"}]}],"members":{"th":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiThComponent"}]}]}],"heads":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":27,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiHeadDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableDirective"}]}]}},"TuiTrComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"tr[tuiTr]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"TUI_TABLE_PROVIDER"}],"template":"<ng-container *ngIf=\"cells$ | async as items\">\n <ng-container\n *ngFor=\"let key of table.columns\"\n [ngTemplateOutlet]=\"items[key.toString()]?.template || plain\"\n >\n <ng-template #plain>\n <td\n *ngIf=\"item$ | async as item\"\n tuiTd\n >\n {{ item[key.toString()] }}\n </td>\n </ng-template>\n </ng-container>\n</ng-container>\n"}]}],"members":{"cells":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiCellDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTableDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTbodyComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTableDirective"},{"__symbolic":"reference","name":"TuiTbodyComponent"}]}]}}},"origins":{"TuiCellDirective":"./directives/cell.directive","TuiHeadDirective":"./directives/head.directive","TuiResizedDirective":"./directives/resized.directive","TuiRowDirective":"./directives/row.directive","TuiSortByDirective":"./directives/sort-by.directive","TuiSortableDirective":"./directives/sortable.directive","TuiTableDirective":"./directives/table.directive","TuiTheadDirective":"./directives/thead.directive","TuiTableSortPipe":"./pipes/table-sort.pipe","stuckFactory":"./providers/stuck.provider","TUI_STUCK":"./providers/stuck.provider","TUI_STUCK_PROVIDER":"./providers/stuck.provider","TABLE_FACTORY":"@taiga-ui/core","TUI_TABLE_PROVIDER":"./providers/table.provider","TABLE_THRESHOLD":"./providers/table.providers","TABLE_LABEL":"./providers/table.providers","inputCountOptionsFactory":"./providers/table.providers","TUI_TABLE_PROVIDERS":"./providers/table.providers","TuiTableModule":"./table.module","TuiTbodyComponent":"./tbody/tbody.component","TuiTdComponent":"./td/td.component","TuiThComponent":"./th/th.component","TuiThGroupComponent":"./th-group/th-group.component","TuiTrComponent":"./tr/tr.component"},"importAs":"@taiga-ui/addon-table/components/table"}
|
|
@@ -61,10 +61,10 @@ __decorate([
|
|
|
61
61
|
TuiReorderComponent = __decorate([
|
|
62
62
|
Component({
|
|
63
63
|
selector: `tui-reorder`,
|
|
64
|
-
template: "<div\n cdkDropList\n class=\"wrapper\"\n (cdkDropListDropped)=\"drop($event)\"\n>\n <div\n *ngFor=\"let item of items\"\n tabindex=\"-1\"\n cdkDrag\n class=\"item\"\n >\n <tui-svg\n src=\"tuiIconDrag\"\n class=\"icon\"\n ></tui-svg>\n {{ item }}\n <button\n type=\"button\"\n tuiIconButton\n appearance=\"icon\"\n size=\"xs\"\n tuiPreventDefault=\"mousedown\"\n class=\"button\"\n [class.button_hidden]=\"!isEnabled(item)\"\n [title]=\"showHideText$ | async\"\n [icon]=\"getIcon(item)\"\n (click)=\"toggle(item)\"\n ></button>\n </div>\n</div>\n",
|
|
65
|
-
styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.item:hover{background:var(--tui-base-02)}.item:hover .button{opacity:1}.icon{margin-right:.5rem;color:var(--tui-base-05)}.button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder) .button{display:none}"]
|
|
64
|
+
template: "<div\n cdkDropList\n class=\"t-wrapper\"\n (cdkDropListDropped)=\"drop($event)\"\n>\n <div\n *ngFor=\"let item of items\"\n tabindex=\"-1\"\n cdkDrag\n class=\"t-item\"\n >\n <tui-svg\n src=\"tuiIconDrag\"\n class=\"t-icon\"\n ></tui-svg>\n {{ item }}\n <button\n type=\"button\"\n tuiIconButton\n appearance=\"icon\"\n size=\"xs\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-button\"\n [class.t-button_hidden]=\"!isEnabled(item)\"\n [title]=\"showHideText$ | async\"\n [icon]=\"getIcon(item)\"\n (click)=\"toggle(item)\"\n ></button>\n </div>\n</div>\n",
|
|
65
|
+
styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.t-item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.t-item:hover{background:var(--tui-base-02)}.t-item:hover .t-button{opacity:1}.t-icon{margin-right:.5rem;color:var(--tui-base-05)}.t-button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.t-button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder) .t-button{display:none}"]
|
|
66
66
|
}),
|
|
67
67
|
__param(0, Inject(TUI_TABLE_SHOW_HIDE_MESSAGE))
|
|
68
68
|
], TuiReorderComponent);
|
|
69
69
|
export { TuiReorderComponent };
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVvcmRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tdGFibGUvY29tcG9uZW50cy9yZW9yZGVyLyIsInNvdXJjZXMiOlsicmVvcmRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBYyxlQUFlLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLEVBQ0gsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLDJCQUEyQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDekUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBRWhDLGtCQUFrQjtBQU1sQixJQUFhLG1CQUFtQixHQUFoQyxNQUFhLG1CQUFtQjtJQWU1QixZQUNrRCxhQUFpQztRQUFqQyxrQkFBYSxHQUFiLGFBQWEsQ0FBb0I7UUFibkYsVUFBSyxHQUFpQixFQUFFLENBQUM7UUFJekIsWUFBTyxHQUFpQixFQUFFLENBQUM7UUFHbEIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUcvQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO0lBSXZELENBQUM7SUFHSixJQUFJLEtBQVUsQ0FBQztJQUVmLFNBQVMsQ0FBQyxJQUFPO1FBQ2IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQU87UUFDWCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQztJQUN4RSxDQUFDO0lBRUQsTUFBTSxDQUFDLE9BQVU7UUFDYixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQztZQUNuQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEtBQUssT0FBTyxDQUFDO1lBQy9DLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUVuQyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFJLENBQUMsS0FBcUI7UUFDdEIsTUFBTSxLQUFLLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUU5QixlQUFlLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2hFLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxRSxDQUFDO0lBRU8sYUFBYSxDQUFDLE9BQXFCO1FBQ3ZDLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7Q0FDSixDQUFBOztZQW5Db0UsVUFBVSx1QkFBdEUsTUFBTSxTQUFDLDJCQUEyQjs7QUFidkM7SUFGQyxLQUFLLEVBQUU7SUFDUCxjQUFjLEVBQUU7a0RBQ1E7QUFJekI7SUFGQyxLQUFLLEVBQUU7SUFDUCxjQUFjLEVBQUU7b0RBQ1U7QUFHM0I7SUFEQyxNQUFNLEVBQUU7d0RBQytDO0FBR3hEO0lBREMsTUFBTSxFQUFFOzBEQUNpRDtBQU8xRDtJQURDLFlBQVksQ0FBQyxlQUFlLENBQUM7K0NBQ2Y7QUFwQk4sbUJBQW1CO0lBTC9CLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSxhQUFhO1FBQ3ZCLDR3QkFBc0M7O0tBRXpDLENBQUM7SUFpQk8sV0FBQSxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQTtHQWhCL0IsbUJBQW1CLENBbUQvQjtTQW5EWSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0Nka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXl9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VFVJX1RBQkxFX1NIT1dfSElERV9NRVNTQUdFfSBmcm9tICdAdGFpZ2EtdWkvYWRkb24tdGFibGUvdG9rZW5zJztcbmltcG9ydCB7dHVpRGVmYXVsdFByb3B9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcblxuLy8gQGJhZCBUT0RPOiBhMTF5XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogYHR1aS1yZW9yZGVyYCxcbiAgICB0ZW1wbGF0ZVVybDogYC4vcmVvcmRlci50ZW1wbGF0ZS5odG1sYCxcbiAgICBzdHlsZVVybHM6IFtgLi9yZW9yZGVyLnN0eWxlLmxlc3NgXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUmVvcmRlckNvbXBvbmVudDxUPiB7XG4gICAgQElucHV0KClcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIGl0ZW1zOiByZWFkb25seSBUW10gPSBbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBlbmFibGVkOiByZWFkb25seSBUW10gPSBbXTtcblxuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IGl0ZW1zQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxyZWFkb25seSBUW10+KCk7XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBlbmFibGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxyZWFkb25seSBUW10+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfVEFCTEVfU0hPV19ISURFX01FU1NBR0UpIHJlYWRvbmx5IHNob3dIaWRlVGV4dCQ6IE9ic2VydmFibGU8c3RyaW5nPixcbiAgICApIHt9XG5cbiAgICBASG9zdExpc3RlbmVyKGBmb2N1c291dC5zdG9wYClcbiAgICBub29wKCk6IHZvaWQge31cblxuICAgIGlzRW5hYmxlZChpdGVtOiBUKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmVuYWJsZWQuaW5jbHVkZXMoaXRlbSk7XG4gICAgfVxuXG4gICAgZ2V0SWNvbihpdGVtOiBUKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaXNFbmFibGVkKGl0ZW0pID8gYHR1aUljb25FeWVPcGVuYCA6IGB0dWlJY29uRXllQ2xvc2VkYDtcbiAgICB9XG5cbiAgICB0b2dnbGUodG9nZ2xlZDogVCk6IHZvaWQge1xuICAgICAgICBjb25zdCBlbmFibGVkID0gdGhpcy5pc0VuYWJsZWQodG9nZ2xlZClcbiAgICAgICAgICAgID8gdGhpcy5lbmFibGVkLmZpbHRlcihpdGVtID0+IGl0ZW0gIT09IHRvZ2dsZWQpXG4gICAgICAgICAgICA6IHRoaXMuZW5hYmxlZC5jb25jYXQodG9nZ2xlZCk7XG5cbiAgICAgICAgdGhpcy51cGRhdGVFbmFibGVkKGVuYWJsZWQpO1xuICAgIH1cblxuICAgIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPFQ+KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGl0ZW1zID0gWy4uLnRoaXMuaXRlbXNdO1xuXG4gICAgICAgIG1vdmVJdGVtSW5BcnJheShpdGVtcywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgICAgICAgdGhpcy5pdGVtcyA9IGl0ZW1zO1xuICAgICAgICB0aGlzLml0ZW1zQ2hhbmdlLmVtaXQoaXRlbXMpO1xuICAgICAgICB0aGlzLnVwZGF0ZUVuYWJsZWQoaXRlbXMuZmlsdGVyKGl0ZW0gPT4gdGhpcy5lbmFibGVkLmluY2x1ZGVzKGl0ZW0pKSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVFbmFibGVkKGVuYWJsZWQ6IHJlYWRvbmx5IFRbXSk6IHZvaWQge1xuICAgICAgICB0aGlzLmVuYWJsZWQgPSBlbmFibGVkO1xuICAgICAgICB0aGlzLmVuYWJsZWRDaGFuZ2UuZW1pdChlbmFibGVkKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -16,15 +16,15 @@ __decorate([
|
|
|
16
16
|
TuiResizableColumnComponent = __decorate([
|
|
17
17
|
Component({
|
|
18
18
|
selector: `th[tuiResizableColumn]`,
|
|
19
|
-
template: "<ng-content></ng-content>\n<div\n class=\"bar\"\n (tuiResizableColumn)=\"onResize($event)\"\n></div>\n",
|
|
19
|
+
template: "<ng-content></ng-content>\n<div\n class=\"t-bar\"\n (tuiResizableColumn)=\"onResize($event)\"\n></div>\n",
|
|
20
20
|
providers: [
|
|
21
21
|
{
|
|
22
22
|
provide: TUI_ELEMENT_REF,
|
|
23
23
|
useExisting: ElementRef,
|
|
24
24
|
},
|
|
25
25
|
],
|
|
26
|
-
styles: [":host{position:relative}:host:last-child .bar{display:none}.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}.bar:active,.bar:hover{opacity:1}"]
|
|
26
|
+
styles: [":host{position:relative}:host:last-child .t-bar{display:none}.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}"]
|
|
27
27
|
})
|
|
28
28
|
], TuiResizableColumnComponent);
|
|
29
29
|
export { TuiResizableColumnComponent };
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tdGFibGUvY29tcG9uZW50cy9yZXNpemFibGUtY29sdW1uLyIsInNvdXJjZXMiOlsicmVzaXphYmxlLWNvbHVtbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFL0Msa0ZBQWtGO0FBWWxGLElBQWEsMkJBQTJCLEdBQXhDLE1BQWEsMkJBQTJCO0lBQXhDO1FBRUksVUFBSyxHQUFrQixJQUFJLENBQUM7SUFLaEMsQ0FBQztJQUhHLFFBQVEsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7Q0FDSixDQUFBO0FBTEc7SUFEQyxXQUFXLENBQUMsZ0JBQWdCLENBQUM7MERBQ0Y7QUFGbkIsMkJBQTJCO0lBWHZDLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSx3QkFBd0I7UUFDbEMsMEhBQStDO1FBRS9DLFNBQVMsRUFBRTtZQUNQO2dCQUNJLE9BQU8sRUFBRSxlQUFlO2dCQUN4QixXQUFXLEVBQUUsVUFBVTthQUMxQjtTQUNKOztLQUNKLENBQUM7R0FDVywyQkFBMkIsQ0FPdkM7U0FQWSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmd9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUVUlfRUxFTUVOVF9SRUZ9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuLyoqIEBkZXByZWNhdGVkIHVzZSBgPHRoIHR1aVRoIFtyZXNpemFibGVdPVwidHJ1ZVwiPmAgZnJvbSB7QGxpbmsgVHVpVGFibGVNb2R1bGV9ICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogYHRoW3R1aVJlc2l6YWJsZUNvbHVtbl1gLFxuICAgIHRlbXBsYXRlVXJsOiBgLi9yZXNpemFibGUtY29sdW1uLnRlbXBsYXRlLmh0bWxgLFxuICAgIHN0eWxlVXJsczogW2AuL3Jlc2l6YWJsZS1jb2x1bW4uc3R5bGUubGVzc2BdLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBUVUlfRUxFTUVOVF9SRUYsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogRWxlbWVudFJlZixcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlSZXNpemFibGVDb2x1bW5Db21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZyhgc3R5bGUud2lkdGgucHhgKVxuICAgIHdpZHRoOiBudW1iZXIgfCBudWxsID0gbnVsbDtcblxuICAgIG9uUmVzaXplKHdpZHRoOiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy53aWR0aCA9IHdpZHRoO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -53,13 +53,13 @@ __decorate([
|
|
|
53
53
|
TuiTbodyComponent = __decorate([
|
|
54
54
|
Component({
|
|
55
55
|
selector: `tbody[tuiTbody]`,
|
|
56
|
-
template: "<ng-content></ng-content>\n<tr *ngIf=\"heading\">\n <th\n class=\"heading\"\n [colSpan]=\"table.columns.length\"\n >\n <button\n type=\"button\"\n class=\"expand\"\n (click)=\"onClick()\"\n >\n <span\n polymorpheus-outlet\n class=\"name\"\n [content]=\"heading\"\n ></span>\n <tui-svg\n src=\"tuiIconChevronDownLarge\"\n class=\"chevron\"\n [class.chevron_rotated]=\"open\"\n ></tui-svg>\n </button>\n </th>\n</tr>\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",
|
|
56
|
+
template: "<ng-content></ng-content>\n<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\n polymorpheus-outlet\n class=\"t-name\"\n [content]=\"heading\"\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 && 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",
|
|
57
57
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
58
58
|
providers: TUI_TABLE_PROVIDER,
|
|
59
|
-
styles: [":host{border-color:var(--tui-base-04)}:host tr{border-color:inherit}.expand{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.expand:focus-visible .name{background:var(--tui-selection)}.expand:after,.expand:before{content:'';position:-webkit-sticky;position:sticky;height:100%;border-left:1px solid;border-color:inherit}.expand:before{left:0}.expand:after{right:0}.heading{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}:host-context(table[data-size='l']) .heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.name{position:-webkit-sticky;position:sticky;left:.75rem;display:inline-block}:host-context(table[data-size='l']) .name{left:1rem}.chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.chevron_rotated{transform:rotate(180deg)}"]
|
|
59
|
+
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:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.t-expand:focus-visible .t-name{background:var(--tui-selection)}.t-expand:after,.t-expand:before{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{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}: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,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.t-chevron_rotated{transform:rotate(180deg)}"]
|
|
60
60
|
}),
|
|
61
61
|
__param(0, Inject(TuiTableSortPipe)),
|
|
62
62
|
__param(1, Inject(forwardRef(() => TuiTableDirective)))
|
|
63
63
|
], TuiTbodyComponent);
|
|
64
64
|
export { TuiTbodyComponent };
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGJvZHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLXRhYmxlL2NvbXBvbmVudHMvdGFibGUvIiwic291cmNlcyI6WyJ0Ym9keS90Ym9keS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsWUFBWSxFQUNaLFVBQVUsRUFDVixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sR0FFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsV0FBVyxFQUFFLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUcxRCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDNUQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDL0QsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLG9CQUFvQixDQUFDO0FBU2xELElBQWEsaUJBQWlCLEdBQTlCLE1BQWEsaUJBQWlCO0lBc0IxQixZQUMrQyxJQUF5QixFQUUzRCxLQUEyQjtRQUZPLFNBQUksR0FBSixJQUFJLENBQXFCO1FBRTNELFVBQUssR0FBTCxLQUFLLENBQXNCO1FBdEJ4QyxTQUFJLEdBQWlCLEVBQUUsQ0FBQztRQUl4QixZQUFPLEdBQXdCLEVBQUUsQ0FBQztRQUlsQyxTQUFJLEdBQUcsSUFBSSxDQUFDO1FBR0gsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFNekMsU0FBSSxHQUFpQyxXQUFXLENBQUM7UUFZakQsY0FBUyxHQUFHLENBQ2pCLFNBQVksRUFDWixLQUFhLEVBQ2dCLEVBQUUsQ0FBQyxDQUFDLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7SUFUdEQsQ0FBQztJQUVKLElBQUksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFPRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7Q0FDSixDQUFBOztZQWxCd0QsZ0JBQWdCLHVCQUFoRSxNQUFNLFNBQUMsZ0JBQWdCO1lBRVIsaUJBQWlCLHVCQURoQyxNQUFNLFNBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDOztBQXJCL0M7SUFGQyxLQUFLLEVBQUU7SUFDUCxjQUFjLEVBQUU7K0NBQ087QUFJeEI7SUFGQyxLQUFLLEVBQUU7SUFDUCxjQUFjLEVBQUU7a0RBQ2lCO0FBSWxDO0lBRkMsS0FBSyxFQUFFO0lBQ1AsY0FBYyxFQUFFOytDQUNMO0FBR1o7SUFEQyxNQUFNLEVBQUU7cURBQ3lDO0FBR2xEO0lBREMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQzs4Q0FDZDtBQUdsQztJQURDLGVBQWUsQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDLENBQUM7K0NBQ1E7QUFwQmpELGlCQUFpQjtJQVA3QixTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsaUJBQWlCO1FBQzNCLHk1QkFBb0M7UUFFcEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07UUFDL0MsU0FBUyxFQUFFLGtCQUFrQjs7S0FDaEMsQ0FBQztJQXdCTyxXQUFBLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO0lBQ3hCLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUE7R0F4QnZDLGlCQUFpQixDQXlDN0I7U0F6Q1ksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgZm9yd2FyZFJlZixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0VNUFRZX1FVRVJZLCB0dWlEZWZhdWx0UHJvcH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1BvbHltb3JwaGV1c0NvbnRlbnR9IGZyb20gJ0B0aW5rb2ZmL25nLXBvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpUm93RGlyZWN0aXZlfSBmcm9tICcuLi9kaXJlY3RpdmVzL3Jvdy5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlUYWJsZURpcmVjdGl2ZX0gZnJvbSAnLi4vZGlyZWN0aXZlcy90YWJsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlUYWJsZVNvcnRQaXBlfSBmcm9tICcuLi9waXBlcy90YWJsZS1zb3J0LnBpcGUnO1xuaW1wb3J0IHtUVUlfVEFCTEVfUFJPVklERVJ9IGZyb20gJy4uL3Byb3ZpZGVycy90YWJsZS5wcm92aWRlcic7XG5pbXBvcnQge1R1aVRyQ29tcG9uZW50fSBmcm9tICcuLi90ci90ci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogYHRib2R5W3R1aVRib2R5XWAsXG4gICAgdGVtcGxhdGVVcmw6IGAuL3Rib2R5LnRlbXBsYXRlLmh0bWxgLFxuICAgIHN0eWxlVXJsczogW2AuL3Rib2R5LnN0eWxlLmxlc3NgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFRVSV9UQUJMRV9QUk9WSURFUixcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGJvZHlDb21wb25lbnQ8VD4ge1xuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBkYXRhOiByZWFkb25seSBUW10gPSBbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBoZWFkaW5nOiBQb2x5bW9ycGhldXNDb250ZW50ID0gYGA7XG5cbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgb3BlbiA9IHRydWU7XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgQENvbnRlbnRDaGlsZChmb3J3YXJkUmVmKCgpID0+IFR1aVJvd0RpcmVjdGl2ZSkpXG4gICAgcmVhZG9ubHkgcm93PzogVHVpUm93RGlyZWN0aXZlPFQ+O1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IFR1aVRyQ29tcG9uZW50KSlcbiAgICByZWFkb25seSByb3dzOiBRdWVyeUxpc3Q8VHVpVHJDb21wb25lbnQ8VD4+ID0gRU1QVFlfUVVFUlk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUdWlUYWJsZVNvcnRQaXBlKSBwcml2YXRlIHJlYWRvbmx5IHBpcGU6IFR1aVRhYmxlU29ydFBpcGU8VD4sXG4gICAgICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBUdWlUYWJsZURpcmVjdGl2ZSkpXG4gICAgICAgIHJlYWRvbmx5IHRhYmxlOiBUdWlUYWJsZURpcmVjdGl2ZTxUPixcbiAgICApIHt9XG5cbiAgICBnZXQgc29ydGVkKCk6IHJlYWRvbmx5IFRbXSB7XG4gICAgICAgIHJldHVybiB0aGlzLnBpcGUudHJhbnNmb3JtKHRoaXMuZGF0YSk7XG4gICAgfVxuXG4gICAgcmVhZG9ubHkgdG9Db250ZXh0ID0gKFxuICAgICAgICAkaW1wbGljaXQ6IFQsXG4gICAgICAgIGluZGV4OiBudW1iZXIsXG4gICAgKTogeyRpbXBsaWNpdDogVDsgaW5kZXg6IG51bWJlcn0gPT4gKHskaW1wbGljaXQsIGluZGV4fSk7XG5cbiAgICBvbkNsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICAgICAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdCh0aGlzLm9wZW4pO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -61,12 +61,12 @@ var TuiReorderComponent = /** @class */ (function () {
|
|
|
61
61
|
TuiReorderComponent = __decorate([
|
|
62
62
|
Component({
|
|
63
63
|
selector: "tui-reorder",
|
|
64
|
-
template: "<div\n cdkDropList\n class=\"wrapper\"\n (cdkDropListDropped)=\"drop($event)\"\n>\n <div\n *ngFor=\"let item of items\"\n tabindex=\"-1\"\n cdkDrag\n class=\"item\"\n >\n <tui-svg\n src=\"tuiIconDrag\"\n class=\"icon\"\n ></tui-svg>\n {{ item }}\n <button\n type=\"button\"\n tuiIconButton\n appearance=\"icon\"\n size=\"xs\"\n tuiPreventDefault=\"mousedown\"\n class=\"button\"\n [class.button_hidden]=\"!isEnabled(item)\"\n [title]=\"showHideText$ | async\"\n [icon]=\"getIcon(item)\"\n (click)=\"toggle(item)\"\n ></button>\n </div>\n</div>\n",
|
|
65
|
-
styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.item:hover{background:var(--tui-base-02)}.item:hover .button{opacity:1}.icon{margin-right:.5rem;color:var(--tui-base-05)}.button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder) .button{display:none}"]
|
|
64
|
+
template: "<div\n cdkDropList\n class=\"t-wrapper\"\n (cdkDropListDropped)=\"drop($event)\"\n>\n <div\n *ngFor=\"let item of items\"\n tabindex=\"-1\"\n cdkDrag\n class=\"t-item\"\n >\n <tui-svg\n src=\"tuiIconDrag\"\n class=\"t-icon\"\n ></tui-svg>\n {{ item }}\n <button\n type=\"button\"\n tuiIconButton\n appearance=\"icon\"\n size=\"xs\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-button\"\n [class.t-button_hidden]=\"!isEnabled(item)\"\n [title]=\"showHideText$ | async\"\n [icon]=\"getIcon(item)\"\n (click)=\"toggle(item)\"\n ></button>\n </div>\n</div>\n",
|
|
65
|
+
styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.t-item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.t-item:hover{background:var(--tui-base-02)}.t-item:hover .t-button{opacity:1}.t-icon{margin-right:.5rem;color:var(--tui-base-05)}.t-button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.t-button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder) .t-button{display:none}"]
|
|
66
66
|
}),
|
|
67
67
|
__param(0, Inject(TUI_TABLE_SHOW_HIDE_MESSAGE))
|
|
68
68
|
], TuiReorderComponent);
|
|
69
69
|
return TuiReorderComponent;
|
|
70
70
|
}());
|
|
71
71
|
export { TuiReorderComponent };
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVvcmRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tdGFibGUvY29tcG9uZW50cy9yZW9yZGVyLyIsInNvdXJjZXMiOlsicmVvcmRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBYyxlQUFlLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLEVBQ0gsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLDJCQUEyQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDekUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBRWhDLGtCQUFrQjtBQU1sQjtJQWVJLDZCQUNrRCxhQUFpQztRQUFqQyxrQkFBYSxHQUFiLGFBQWEsQ0FBb0I7UUFibkYsVUFBSyxHQUFpQixFQUFFLENBQUM7UUFJekIsWUFBTyxHQUFpQixFQUFFLENBQUM7UUFHbEIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUcvQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO0lBSXZELENBQUM7SUFHSixrQ0FBSSxHQUFKLGNBQWMsQ0FBQztJQUVmLHVDQUFTLEdBQVQsVUFBVSxJQUFPO1FBQ2IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQscUNBQU8sR0FBUCxVQUFRLElBQU87UUFDWCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQztJQUN4RSxDQUFDO0lBRUQsb0NBQU0sR0FBTixVQUFPLE9BQVU7UUFDYixJQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQztZQUNuQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBQSxJQUFJLElBQUksT0FBQSxJQUFJLEtBQUssT0FBTyxFQUFoQixDQUFnQixDQUFDO1lBQy9DLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUVuQyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxrQ0FBSSxHQUFKLFVBQUssS0FBcUI7UUFBMUIsaUJBT0M7UUFORyxJQUFNLEtBQUssWUFBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFOUIsZUFBZSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNoRSxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBQSxJQUFJLElBQUksT0FBQSxLQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBM0IsQ0FBMkIsQ0FBQyxDQUFDLENBQUM7SUFDMUUsQ0FBQztJQUVPLDJDQUFhLEdBQXJCLFVBQXNCLE9BQXFCO1FBQ3ZDLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O2dCQWxDZ0UsVUFBVSx1QkFBdEUsTUFBTSxTQUFDLDJCQUEyQjs7SUFidkM7UUFGQyxLQUFLLEVBQUU7UUFDUCxjQUFjLEVBQUU7c0RBQ1E7SUFJekI7UUFGQyxLQUFLLEVBQUU7UUFDUCxjQUFjLEVBQUU7d0RBQ1U7SUFHM0I7UUFEQyxNQUFNLEVBQUU7NERBQytDO0lBR3hEO1FBREMsTUFBTSxFQUFFOzhEQUNpRDtJQU8xRDtRQURDLFlBQVksQ0FBQyxlQUFlLENBQUM7bURBQ2Y7SUFwQk4sbUJBQW1CO1FBTC9CLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxhQUFhO1lBQ3ZCLDR3QkFBc0M7O1NBRXpDLENBQUM7UUFpQk8sV0FBQSxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQTtPQWhCL0IsbUJBQW1CLENBbUQvQjtJQUFELDBCQUFDO0NBQUEsQUFuREQsSUFtREM7U0FuRFksbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDZGtEcmFnRHJvcCwgbW92ZUl0ZW1JbkFycmF5fSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9UQUJMRV9TSE9XX0hJREVfTUVTU0FHRX0gZnJvbSAnQHRhaWdhLXVpL2FkZG9uLXRhYmxlL3Rva2Vucyc7XG5pbXBvcnQge3R1aURlZmF1bHRQcm9wfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5cbi8vIEBiYWQgVE9ETzogYTExeVxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IGB0dWktcmVvcmRlcmAsXG4gICAgdGVtcGxhdGVVcmw6IGAuL3Jlb3JkZXIudGVtcGxhdGUuaHRtbGAsXG4gICAgc3R5bGVVcmxzOiBbYC4vcmVvcmRlci5zdHlsZS5sZXNzYF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVJlb3JkZXJDb21wb25lbnQ8VD4ge1xuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBpdGVtczogcmVhZG9ubHkgVFtdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgZW5hYmxlZDogcmVhZG9ubHkgVFtdID0gW107XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBpdGVtc0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8cmVhZG9ubHkgVFtdPigpO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcmVhZG9ubHkgZW5hYmxlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8cmVhZG9ubHkgVFtdPigpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX1RBQkxFX1NIT1dfSElERV9NRVNTQUdFKSByZWFkb25seSBzaG93SGlkZVRleHQkOiBPYnNlcnZhYmxlPHN0cmluZz4sXG4gICAgKSB7fVxuXG4gICAgQEhvc3RMaXN0ZW5lcihgZm9jdXNvdXQuc3RvcGApXG4gICAgbm9vcCgpOiB2b2lkIHt9XG5cbiAgICBpc0VuYWJsZWQoaXRlbTogVCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5lbmFibGVkLmluY2x1ZGVzKGl0ZW0pO1xuICAgIH1cblxuICAgIGdldEljb24oaXRlbTogVCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmlzRW5hYmxlZChpdGVtKSA/IGB0dWlJY29uRXllT3BlbmAgOiBgdHVpSWNvbkV5ZUNsb3NlZGA7XG4gICAgfVxuXG4gICAgdG9nZ2xlKHRvZ2dsZWQ6IFQpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgZW5hYmxlZCA9IHRoaXMuaXNFbmFibGVkKHRvZ2dsZWQpXG4gICAgICAgICAgICA/IHRoaXMuZW5hYmxlZC5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSB0b2dnbGVkKVxuICAgICAgICAgICAgOiB0aGlzLmVuYWJsZWQuY29uY2F0KHRvZ2dsZWQpO1xuXG4gICAgICAgIHRoaXMudXBkYXRlRW5hYmxlZChlbmFibGVkKTtcbiAgICB9XG5cbiAgICBkcm9wKGV2ZW50OiBDZGtEcmFnRHJvcDxUPik6IHZvaWQge1xuICAgICAgICBjb25zdCBpdGVtcyA9IFsuLi50aGlzLml0ZW1zXTtcblxuICAgICAgICBtb3ZlSXRlbUluQXJyYXkoaXRlbXMsIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XG4gICAgICAgIHRoaXMuaXRlbXMgPSBpdGVtcztcbiAgICAgICAgdGhpcy5pdGVtc0NoYW5nZS5lbWl0KGl0ZW1zKTtcbiAgICAgICAgdGhpcy51cGRhdGVFbmFibGVkKGl0ZW1zLmZpbHRlcihpdGVtID0+IHRoaXMuZW5hYmxlZC5pbmNsdWRlcyhpdGVtKSkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlRW5hYmxlZChlbmFibGVkOiByZWFkb25seSBUW10pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lbmFibGVkID0gZW5hYmxlZDtcbiAgICAgICAgdGhpcy5lbmFibGVkQ2hhbmdlLmVtaXQoZW5hYmxlZCk7XG4gICAgfVxufVxuIl19
|
|
@@ -15,17 +15,17 @@ var TuiResizableColumnComponent = /** @class */ (function () {
|
|
|
15
15
|
TuiResizableColumnComponent = __decorate([
|
|
16
16
|
Component({
|
|
17
17
|
selector: "th[tuiResizableColumn]",
|
|
18
|
-
template: "<ng-content></ng-content>\n<div\n class=\"bar\"\n (tuiResizableColumn)=\"onResize($event)\"\n></div>\n",
|
|
18
|
+
template: "<ng-content></ng-content>\n<div\n class=\"t-bar\"\n (tuiResizableColumn)=\"onResize($event)\"\n></div>\n",
|
|
19
19
|
providers: [
|
|
20
20
|
{
|
|
21
21
|
provide: TUI_ELEMENT_REF,
|
|
22
22
|
useExisting: ElementRef,
|
|
23
23
|
},
|
|
24
24
|
],
|
|
25
|
-
styles: [":host{position:relative}:host:last-child .bar{display:none}.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}.bar:active,.bar:hover{opacity:1}"]
|
|
25
|
+
styles: [":host{position:relative}:host:last-child .t-bar{display:none}.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}"]
|
|
26
26
|
})
|
|
27
27
|
], TuiResizableColumnComponent);
|
|
28
28
|
return TuiResizableColumnComponent;
|
|
29
29
|
}());
|
|
30
30
|
export { TuiResizableColumnComponent };
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tdGFibGUvY29tcG9uZW50cy9yZXNpemFibGUtY29sdW1uLyIsInNvdXJjZXMiOlsicmVzaXphYmxlLWNvbHVtbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFL0Msa0ZBQWtGO0FBWWxGO0lBQUE7UUFFSSxVQUFLLEdBQWtCLElBQUksQ0FBQztJQUtoQyxDQUFDO0lBSEcsOENBQVEsR0FBUixVQUFTLEtBQWE7UUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUpEO1FBREMsV0FBVyxDQUFDLGdCQUFnQixDQUFDOzhEQUNGO0lBRm5CLDJCQUEyQjtRQVh2QyxTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsd0JBQXdCO1lBQ2xDLDBIQUErQztZQUUvQyxTQUFTLEVBQUU7Z0JBQ1A7b0JBQ0ksT0FBTyxFQUFFLGVBQWU7b0JBQ3hCLFdBQVcsRUFBRSxVQUFVO2lCQUMxQjthQUNKOztTQUNKLENBQUM7T0FDVywyQkFBMkIsQ0FPdkM7SUFBRCxrQ0FBQztDQUFBLEFBUEQsSUFPQztTQVBZLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZ30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9FTEVNRU5UX1JFRn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG4vKiogQGRlcHJlY2F0ZWQgdXNlIGA8dGggdHVpVGggW3Jlc2l6YWJsZV09XCJ0cnVlXCI+YCBmcm9tIHtAbGluayBUdWlUYWJsZU1vZHVsZX0gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBgdGhbdHVpUmVzaXphYmxlQ29sdW1uXWAsXG4gICAgdGVtcGxhdGVVcmw6IGAuL3Jlc2l6YWJsZS1jb2x1bW4udGVtcGxhdGUuaHRtbGAsXG4gICAgc3R5bGVVcmxzOiBbYC4vcmVzaXphYmxlLWNvbHVtbi5zdHlsZS5sZXNzYF0sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFRVSV9FTEVNRU5UX1JFRixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBFbGVtZW50UmVmLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVJlc2l6YWJsZUNvbHVtbkNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKGBzdHlsZS53aWR0aC5weGApXG4gICAgd2lkdGg6IG51bWJlciB8IG51bGwgPSBudWxsO1xuXG4gICAgb25SZXNpemUod2lkdGg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLndpZHRoID0gd2lkdGg7XG4gICAgfVxufVxuIl19
|
|
@@ -56,10 +56,10 @@ var TuiTbodyComponent = /** @class */ (function () {
|
|
|
56
56
|
TuiTbodyComponent = __decorate([
|
|
57
57
|
Component({
|
|
58
58
|
selector: "tbody[tuiTbody]",
|
|
59
|
-
template: "<ng-content></ng-content>\n<tr *ngIf=\"heading\">\n <th\n class=\"heading\"\n [colSpan]=\"table.columns.length\"\n >\n <button\n type=\"button\"\n class=\"expand\"\n (click)=\"onClick()\"\n >\n <span\n polymorpheus-outlet\n class=\"name\"\n [content]=\"heading\"\n ></span>\n <tui-svg\n src=\"tuiIconChevronDownLarge\"\n class=\"chevron\"\n [class.chevron_rotated]=\"open\"\n ></tui-svg>\n </button>\n </th>\n</tr>\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",
|
|
59
|
+
template: "<ng-content></ng-content>\n<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\n polymorpheus-outlet\n class=\"t-name\"\n [content]=\"heading\"\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 && 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",
|
|
60
60
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
61
61
|
providers: TUI_TABLE_PROVIDER,
|
|
62
|
-
styles: [":host{border-color:var(--tui-base-04)}:host tr{border-color:inherit}.expand{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.expand:focus-visible .name{background:var(--tui-selection)}.expand:after,.expand:before{content:'';position:-webkit-sticky;position:sticky;height:100%;border-left:1px solid;border-color:inherit}.expand:before{left:0}.expand:after{right:0}.heading{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}:host-context(table[data-size='l']) .heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.name{position:-webkit-sticky;position:sticky;left:.75rem;display:inline-block}:host-context(table[data-size='l']) .name{left:1rem}.chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.chevron_rotated{transform:rotate(180deg)}"]
|
|
62
|
+
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:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.t-expand:focus-visible .t-name{background:var(--tui-selection)}.t-expand:after,.t-expand:before{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{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}: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,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.t-chevron_rotated{transform:rotate(180deg)}"]
|
|
63
63
|
}),
|
|
64
64
|
__param(0, Inject(TuiTableSortPipe)),
|
|
65
65
|
__param(1, Inject(forwardRef(function () { return TuiTableDirective; })))
|
|
@@ -67,4 +67,4 @@ var TuiTbodyComponent = /** @class */ (function () {
|
|
|
67
67
|
return TuiTbodyComponent;
|
|
68
68
|
}());
|
|
69
69
|
export { TuiTbodyComponent };
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGJvZHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLXRhYmxlL2NvbXBvbmVudHMvdGFibGUvIiwic291cmNlcyI6WyJ0Ym9keS90Ym9keS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsWUFBWSxFQUNaLFVBQVUsRUFDVixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sR0FFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsV0FBVyxFQUFFLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUcxRCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDNUQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDL0QsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLG9CQUFvQixDQUFDO0FBU2xEO0lBc0JJLDJCQUMrQyxJQUF5QixFQUUzRCxLQUEyQjtRQUZPLFNBQUksR0FBSixJQUFJLENBQXFCO1FBRTNELFVBQUssR0FBTCxLQUFLLENBQXNCO1FBdEJ4QyxTQUFJLEdBQWlCLEVBQUUsQ0FBQztRQUl4QixZQUFPLEdBQXdCLEVBQUUsQ0FBQztRQUlsQyxTQUFJLEdBQUcsSUFBSSxDQUFDO1FBR0gsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFNekMsU0FBSSxHQUFpQyxXQUFXLENBQUM7UUFZakQsY0FBUyxHQUFHLFVBQ2pCLFNBQVksRUFDWixLQUFhLElBQ21CLE9BQUEsQ0FBQyxFQUFDLFNBQVMsV0FBQSxFQUFFLEtBQUssT0FBQSxFQUFDLENBQUMsRUFBcEIsQ0FBb0IsQ0FBQztJQVR0RCxDQUFDO0lBRUosc0JBQUkscUNBQU07YUFBVjtZQUNJLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFDLENBQUM7OztPQUFBO0lBT0QsbUNBQU8sR0FBUDtRQUNJLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDOztnQkFqQm9ELGdCQUFnQix1QkFBaEUsTUFBTSxTQUFDLGdCQUFnQjtnQkFFUixpQkFBaUIsdUJBRGhDLE1BQU0sU0FBQyxVQUFVLENBQUMsY0FBTSxPQUFBLGlCQUFpQixFQUFqQixDQUFpQixDQUFDOztJQXJCL0M7UUFGQyxLQUFLLEVBQUU7UUFDUCxjQUFjLEVBQUU7bURBQ087SUFJeEI7UUFGQyxLQUFLLEVBQUU7UUFDUCxjQUFjLEVBQUU7c0RBQ2lCO0lBSWxDO1FBRkMsS0FBSyxFQUFFO1FBQ1AsY0FBYyxFQUFFO21EQUNMO0lBR1o7UUFEQyxNQUFNLEVBQUU7eURBQ3lDO0lBR2xEO1FBREMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxjQUFNLE9BQUEsZUFBZSxFQUFmLENBQWUsQ0FBQyxDQUFDO2tEQUNkO0lBR2xDO1FBREMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxjQUFNLE9BQUEsY0FBYyxFQUFkLENBQWMsQ0FBQyxDQUFDO21EQUNRO0lBcEJqRCxpQkFBaUI7UUFQN0IsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLGlCQUFpQjtZQUMzQix5NUJBQW9DO1lBRXBDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO1lBQy9DLFNBQVMsRUFBRSxrQkFBa0I7O1NBQ2hDLENBQUM7UUF3Qk8sV0FBQSxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQTtRQUN4QixXQUFBLE1BQU0sQ0FBQyxVQUFVLENBQUMsY0FBTSxPQUFBLGlCQUFpQixFQUFqQixDQUFpQixDQUFDLENBQUMsQ0FBQTtPQXhCdkMsaUJBQWlCLENBeUM3QjtJQUFELHdCQUFDO0NBQUEsQUF6Q0QsSUF5Q0M7U0F6Q1ksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgZm9yd2FyZFJlZixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0VNUFRZX1FVRVJZLCB0dWlEZWZhdWx0UHJvcH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1BvbHltb3JwaGV1c0NvbnRlbnR9IGZyb20gJ0B0aW5rb2ZmL25nLXBvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpUm93RGlyZWN0aXZlfSBmcm9tICcuLi9kaXJlY3RpdmVzL3Jvdy5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlUYWJsZURpcmVjdGl2ZX0gZnJvbSAnLi4vZGlyZWN0aXZlcy90YWJsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlUYWJsZVNvcnRQaXBlfSBmcm9tICcuLi9waXBlcy90YWJsZS1zb3J0LnBpcGUnO1xuaW1wb3J0IHtUVUlfVEFCTEVfUFJPVklERVJ9IGZyb20gJy4uL3Byb3ZpZGVycy90YWJsZS5wcm92aWRlcic7XG5pbXBvcnQge1R1aVRyQ29tcG9uZW50fSBmcm9tICcuLi90ci90ci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogYHRib2R5W3R1aVRib2R5XWAsXG4gICAgdGVtcGxhdGVVcmw6IGAuL3Rib2R5LnRlbXBsYXRlLmh0bWxgLFxuICAgIHN0eWxlVXJsczogW2AuL3Rib2R5LnN0eWxlLmxlc3NgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFRVSV9UQUJMRV9QUk9WSURFUixcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGJvZHlDb21wb25lbnQ8VD4ge1xuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBkYXRhOiByZWFkb25seSBUW10gPSBbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBoZWFkaW5nOiBQb2x5bW9ycGhldXNDb250ZW50ID0gYGA7XG5cbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgb3BlbiA9IHRydWU7XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgQENvbnRlbnRDaGlsZChmb3J3YXJkUmVmKCgpID0+IFR1aVJvd0RpcmVjdGl2ZSkpXG4gICAgcmVhZG9ubHkgcm93PzogVHVpUm93RGlyZWN0aXZlPFQ+O1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IFR1aVRyQ29tcG9uZW50KSlcbiAgICByZWFkb25seSByb3dzOiBRdWVyeUxpc3Q8VHVpVHJDb21wb25lbnQ8VD4+ID0gRU1QVFlfUVVFUlk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUdWlUYWJsZVNvcnRQaXBlKSBwcml2YXRlIHJlYWRvbmx5IHBpcGU6IFR1aVRhYmxlU29ydFBpcGU8VD4sXG4gICAgICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBUdWlUYWJsZURpcmVjdGl2ZSkpXG4gICAgICAgIHJlYWRvbmx5IHRhYmxlOiBUdWlUYWJsZURpcmVjdGl2ZTxUPixcbiAgICApIHt9XG5cbiAgICBnZXQgc29ydGVkKCk6IHJlYWRvbmx5IFRbXSB7XG4gICAgICAgIHJldHVybiB0aGlzLnBpcGUudHJhbnNmb3JtKHRoaXMuZGF0YSk7XG4gICAgfVxuXG4gICAgcmVhZG9ubHkgdG9Db250ZXh0ID0gKFxuICAgICAgICAkaW1wbGljaXQ6IFQsXG4gICAgICAgIGluZGV4OiBudW1iZXIsXG4gICAgKTogeyRpbXBsaWNpdDogVDsgaW5kZXg6IG51bWJlcn0gPT4gKHskaW1wbGljaXQsIGluZGV4fSk7XG5cbiAgICBvbkNsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICAgICAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdCh0aGlzLm9wZW4pO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -64,8 +64,8 @@ __decorate([
|
|
|
64
64
|
TuiReorderComponent = __decorate([
|
|
65
65
|
Component({
|
|
66
66
|
selector: `tui-reorder`,
|
|
67
|
-
template: "<div\n cdkDropList\n class=\"wrapper\"\n (cdkDropListDropped)=\"drop($event)\"\n>\n <div\n *ngFor=\"let item of items\"\n tabindex=\"-1\"\n cdkDrag\n class=\"item\"\n >\n <tui-svg\n src=\"tuiIconDrag\"\n class=\"icon\"\n ></tui-svg>\n {{ item }}\n <button\n type=\"button\"\n tuiIconButton\n appearance=\"icon\"\n size=\"xs\"\n tuiPreventDefault=\"mousedown\"\n class=\"button\"\n [class.button_hidden]=\"!isEnabled(item)\"\n [title]=\"showHideText$ | async\"\n [icon]=\"getIcon(item)\"\n (click)=\"toggle(item)\"\n ></button>\n </div>\n</div>\n",
|
|
68
|
-
styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.item:hover{background:var(--tui-base-02)}.item:hover .button{opacity:1}.icon{margin-right:.5rem;color:var(--tui-base-05)}.button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder) .button{display:none}"]
|
|
67
|
+
template: "<div\n cdkDropList\n class=\"t-wrapper\"\n (cdkDropListDropped)=\"drop($event)\"\n>\n <div\n *ngFor=\"let item of items\"\n tabindex=\"-1\"\n cdkDrag\n class=\"t-item\"\n >\n <tui-svg\n src=\"tuiIconDrag\"\n class=\"t-icon\"\n ></tui-svg>\n {{ item }}\n <button\n type=\"button\"\n tuiIconButton\n appearance=\"icon\"\n size=\"xs\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-button\"\n [class.t-button_hidden]=\"!isEnabled(item)\"\n [title]=\"showHideText$ | async\"\n [icon]=\"getIcon(item)\"\n (click)=\"toggle(item)\"\n ></button>\n </div>\n</div>\n",
|
|
68
|
+
styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.t-item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.t-item:hover{background:var(--tui-base-02)}.t-item:hover .t-button{opacity:1}.t-icon{margin-right:.5rem;color:var(--tui-base-05)}.t-button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.t-button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder) .t-button{display:none}"]
|
|
69
69
|
}),
|
|
70
70
|
__param(0, Inject(TUI_TABLE_SHOW_HIDE_MESSAGE))
|
|
71
71
|
], TuiReorderComponent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-table-components-reorder.js","sources":["ng://@taiga-ui/addon-table/components/reorder/reorder.component.ts","ng://@taiga-ui/addon-table/components/reorder/reorder.module.ts","ng://@taiga-ui/addon-table/components/reorder/taiga-ui-addon-table-components-reorder.ts"],"sourcesContent":["import {CdkDragDrop, moveItemInArray} from '@angular/cdk/drag-drop';\nimport {\n Component,\n EventEmitter,\n HostListener,\n Inject,\n Input,\n Output,\n} from '@angular/core';\nimport {TUI_TABLE_SHOW_HIDE_MESSAGE} from '@taiga-ui/addon-table/tokens';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n// @bad TODO: a11y\n@Component({\n selector: `tui-reorder`,\n templateUrl: `./reorder.template.html`,\n styleUrls: [`./reorder.style.less`],\n})\nexport class TuiReorderComponent<T> {\n @Input()\n @tuiDefaultProp()\n items: readonly T[] = [];\n\n @Input()\n @tuiDefaultProp()\n enabled: readonly T[] = [];\n\n @Output()\n readonly itemsChange = new EventEmitter<readonly T[]>();\n\n @Output()\n readonly enabledChange = new EventEmitter<readonly T[]>();\n\n constructor(\n @Inject(TUI_TABLE_SHOW_HIDE_MESSAGE) readonly showHideText$: Observable<string>,\n ) {}\n\n @HostListener(`focusout.stop`)\n noop(): void {}\n\n isEnabled(item: T): boolean {\n return this.enabled.includes(item);\n }\n\n getIcon(item: T): string {\n return this.isEnabled(item) ? `tuiIconEyeOpen` : `tuiIconEyeClosed`;\n }\n\n toggle(toggled: T): void {\n const enabled = this.isEnabled(toggled)\n ? this.enabled.filter(item => item !== toggled)\n : this.enabled.concat(toggled);\n\n this.updateEnabled(enabled);\n }\n\n drop(event: CdkDragDrop<T>): void {\n const items = [...this.items];\n\n moveItemInArray(items, event.previousIndex, event.currentIndex);\n this.items = items;\n this.itemsChange.emit(items);\n this.updateEnabled(items.filter(item => this.enabled.includes(item)));\n }\n\n private updateEnabled(enabled: readonly T[]): void {\n this.enabled = enabled;\n this.enabledChange.emit(enabled);\n }\n}\n","import {DragDropModule} from '@angular/cdk/drag-drop';\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {TuiButtonModule, TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiReorderComponent} from './reorder.component';\n\n@NgModule({\n imports: [\n CommonModule,\n DragDropModule,\n TuiSvgModule,\n TuiButtonModule,\n TuiPreventDefaultModule,\n ],\n declarations: [TuiReorderComponent],\n exports: [TuiReorderComponent],\n})\nexport class TuiReorderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAaA;IAMa,mBAAmB,GAAhC,MAAa,mBAAmB;IAe5B,YACkD,aAAiC;QAAjC,kBAAa,GAAb,aAAa,CAAoB;QAbnF,UAAK,GAAiB,EAAE,CAAC;QAIzB,YAAO,GAAiB,EAAE,CAAC;QAGlB,gBAAW,GAAG,IAAI,YAAY,EAAgB,CAAC;QAG/C,kBAAa,GAAG,IAAI,YAAY,EAAgB,CAAC;KAItD;IAGJ,IAAI,MAAW;IAEf,SAAS,CAAC,IAAO;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACtC;IAED,OAAO,CAAC,IAAO;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;KACvE;IAED,MAAM,CAAC,OAAU;QACb,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;cACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,KAAK,OAAO,CAAC;cAC7C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,IAAI,CAAC,KAAqB;QACtB,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9B,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;QAChE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACzE;IAEO,aAAa,CAAC,OAAqB;QACvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACpC;EACJ;;YAnCoE,UAAU,uBAAtE,MAAM,SAAC,2BAA2B;;AAbvC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACQ;AAIzB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACU;AAG3B;IADC,MAAM,EAAE;wDAC+C;AAGxD;IADC,MAAM,EAAE;0DACiD;AAO1D;IADC,YAAY,CAAC,eAAe,CAAC;+CACf;AApBN,mBAAmB;IAL/B,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-table-components-reorder.js","sources":["ng://@taiga-ui/addon-table/components/reorder/reorder.component.ts","ng://@taiga-ui/addon-table/components/reorder/reorder.module.ts","ng://@taiga-ui/addon-table/components/reorder/taiga-ui-addon-table-components-reorder.ts"],"sourcesContent":["import {CdkDragDrop, moveItemInArray} from '@angular/cdk/drag-drop';\nimport {\n Component,\n EventEmitter,\n HostListener,\n Inject,\n Input,\n Output,\n} from '@angular/core';\nimport {TUI_TABLE_SHOW_HIDE_MESSAGE} from '@taiga-ui/addon-table/tokens';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n// @bad TODO: a11y\n@Component({\n selector: `tui-reorder`,\n templateUrl: `./reorder.template.html`,\n styleUrls: [`./reorder.style.less`],\n})\nexport class TuiReorderComponent<T> {\n @Input()\n @tuiDefaultProp()\n items: readonly T[] = [];\n\n @Input()\n @tuiDefaultProp()\n enabled: readonly T[] = [];\n\n @Output()\n readonly itemsChange = new EventEmitter<readonly T[]>();\n\n @Output()\n readonly enabledChange = new EventEmitter<readonly T[]>();\n\n constructor(\n @Inject(TUI_TABLE_SHOW_HIDE_MESSAGE) readonly showHideText$: Observable<string>,\n ) {}\n\n @HostListener(`focusout.stop`)\n noop(): void {}\n\n isEnabled(item: T): boolean {\n return this.enabled.includes(item);\n }\n\n getIcon(item: T): string {\n return this.isEnabled(item) ? `tuiIconEyeOpen` : `tuiIconEyeClosed`;\n }\n\n toggle(toggled: T): void {\n const enabled = this.isEnabled(toggled)\n ? this.enabled.filter(item => item !== toggled)\n : this.enabled.concat(toggled);\n\n this.updateEnabled(enabled);\n }\n\n drop(event: CdkDragDrop<T>): void {\n const items = [...this.items];\n\n moveItemInArray(items, event.previousIndex, event.currentIndex);\n this.items = items;\n this.itemsChange.emit(items);\n this.updateEnabled(items.filter(item => this.enabled.includes(item)));\n }\n\n private updateEnabled(enabled: readonly T[]): void {\n this.enabled = enabled;\n this.enabledChange.emit(enabled);\n }\n}\n","import {DragDropModule} from '@angular/cdk/drag-drop';\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {TuiButtonModule, TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiReorderComponent} from './reorder.component';\n\n@NgModule({\n imports: [\n CommonModule,\n DragDropModule,\n TuiSvgModule,\n TuiButtonModule,\n TuiPreventDefaultModule,\n ],\n declarations: [TuiReorderComponent],\n exports: [TuiReorderComponent],\n})\nexport class TuiReorderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAaA;IAMa,mBAAmB,GAAhC,MAAa,mBAAmB;IAe5B,YACkD,aAAiC;QAAjC,kBAAa,GAAb,aAAa,CAAoB;QAbnF,UAAK,GAAiB,EAAE,CAAC;QAIzB,YAAO,GAAiB,EAAE,CAAC;QAGlB,gBAAW,GAAG,IAAI,YAAY,EAAgB,CAAC;QAG/C,kBAAa,GAAG,IAAI,YAAY,EAAgB,CAAC;KAItD;IAGJ,IAAI,MAAW;IAEf,SAAS,CAAC,IAAO;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACtC;IAED,OAAO,CAAC,IAAO;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;KACvE;IAED,MAAM,CAAC,OAAU;QACb,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;cACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,KAAK,OAAO,CAAC;cAC7C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,IAAI,CAAC,KAAqB;QACtB,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9B,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;QAChE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACzE;IAEO,aAAa,CAAC,OAAqB;QACvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACpC;EACJ;;YAnCoE,UAAU,uBAAtE,MAAM,SAAC,2BAA2B;;AAbvC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACQ;AAIzB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACU;AAG3B;IADC,MAAM,EAAE;wDAC+C;AAGxD;IADC,MAAM,EAAE;0DACiD;AAO1D;IADC,YAAY,CAAC,eAAe,CAAC;+CACf;AApBN,mBAAmB;IAL/B,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,4wBAAsC;;KAEzC,CAAC;IAiBO,WAAA,MAAM,CAAC,2BAA2B,CAAC,CAAA;GAhB/B,mBAAmB,CAmD/B;;ICnDY,gBAAgB,GAA7B,MAAa,gBAAgB;EAAG;AAAnB,gBAAgB;IAX5B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,cAAc;YACd,YAAY;YACZ,eAAe;YACf,uBAAuB;SAC1B;QACD,YAAY,EAAE,CAAC,mBAAmB,CAAC;QACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;KACjC,CAAC;GACW,gBAAgB,CAAG;;ACnBhC;;;;;;"}
|