@taiga-ui/addon-table 3.5.0 → 3.6.0

package/bundles/taiga-ui-addon-table-components-table.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@angular/common'), require('@taiga-ui/core'), require('rxjs/operators'), require('@taiga-ui/addon-table/utils'), require('@ng-web-apis/intersection-observer'), require('@taiga-ui/kit'), require('rxjs'), require('@tinkoff/ng-polymorpheus'), require('@angular/forms')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/addon-table/components/table', ['exports', '@angular/core', '@taiga-ui/cdk', '@angular/common', '@taiga-ui/core', 'rxjs/operators', '@taiga-ui/addon-table/utils', '@ng-web-apis/intersection-observer', '@taiga-ui/kit', 'rxjs', '@tinkoff/ng-polymorpheus', '@angular/forms'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"]["addon-table"] = global["taiga-ui"]["addon-table"] || {}, global["taiga-ui"]["addon-table"].components = global["taiga-ui"]["addon-table"].components || {}, global["taiga-ui"]["addon-table"].components.table = {}), global.ng.core, global.i4, global.ng.common, global.i1, global.rxjs.operators, global["taiga-ui"]["addon-table"].utils, global.intersectionObserver, global.kit, global.rxjs, global.i3, global.ng.forms));
-})(this, (function (exports, i0, i4, i2, i1, operators, utils, intersectionObserver, kit, i1$1, i3, forms) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('rxjs/operators'), require('@ng-web-apis/intersection-observer'), require('@taiga-ui/core'), require('@taiga-ui/kit'), require('rxjs'), require('@angular/common'), require('@taiga-ui/addon-table/utils'), require('@tinkoff/ng-polymorpheus'), require('@angular/forms')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/addon-table/components/table', ['exports', '@angular/core', '@taiga-ui/cdk', 'rxjs/operators', '@ng-web-apis/intersection-observer', '@taiga-ui/core', '@taiga-ui/kit', 'rxjs', '@angular/common', '@taiga-ui/addon-table/utils', '@tinkoff/ng-polymorpheus', '@angular/forms'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"]["addon-table"] = global["taiga-ui"]["addon-table"] || {}, global["taiga-ui"]["addon-table"].components = global["taiga-ui"]["addon-table"].components || {}, global["taiga-ui"]["addon-table"].components.table = {}), global.ng.core, global.i4, global.rxjs.operators, global.intersectionObserver, global.i1, global.kit, global.rxjs, global.ng.common, global["taiga-ui"]["addon-table"].utils, global.i3, global.ng.forms));
+})(this, (function (exports, i0, i4, operators, intersectionObserver, i1, kit, i1$1, i2, utils, i3, forms) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -24,9 +24,9 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
 
     /******************************************************************************
@@ -382,95 +382,6 @@
                     type: i0.Input
                 }] } });
 
-    var TuiHeadDirective = /** @class */ (function () {
-        function TuiHeadDirective(template) {
-            this.template = template;
-        }
-        return TuiHeadDirective;
-    }());
-    TuiHeadDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiHeadDirective, deps: [{ token: i0.TemplateRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiHeadDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiHeadDirective, selector: "[tuiHead]", inputs: { tuiHead: "tuiHead" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiHeadDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: "[tuiHead]",
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.TemplateRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.TemplateRef]
-                        }] }];
-        }, propDecorators: { tuiHead: [{
-                    type: i0.Input
-                }] } });
-
-    var TuiResizedDirective = /** @class */ (function () {
-        function TuiResizedDirective(documentRef, elementRef, parentRef) {
-            var _this = this;
-            this.documentRef = documentRef;
-            this.elementRef = elementRef;
-            this.parentRef = parentRef;
-            this.tuiResized = i4.tuiTypedFromEvent(this.elementRef.nativeElement, "mousedown").pipe(i4.tuiPreventDefault(), operators.switchMap(function () {
-                var _a = _this.parentRef.nativeElement.getBoundingClientRect(), width = _a.width, right = _a.right;
-                return i4.tuiTypedFromEvent(_this.documentRef, "mousemove").pipe(operators.distinctUntilChanged(), operators.map(function (_a) {
-                    var clientX = _a.clientX;
-                    return width + clientX - right;
-                }), operators.takeUntil(i4.tuiTypedFromEvent(_this.documentRef, "mouseup")));
-            }));
-        }
-        return TuiResizedDirective;
-    }());
-    TuiResizedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiResizedDirective, deps: [{ token: i2.DOCUMENT }, { token: i0.ElementRef }, { token: i1.TUI_ELEMENT_REF }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiResizedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiResizedDirective, selector: "[tuiResized]", outputs: { tuiResized: "tuiResized" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiResizedDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: "[tuiResized]",
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: Document, decorators: [{
-                            type: i0.Inject,
-                            args: [i2.DOCUMENT]
-                        }] }, { type: i0__namespace.ElementRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.ElementRef]
-                        }] }, { type: i0__namespace.ElementRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.TUI_ELEMENT_REF]
-                        }] }];
-        }, propDecorators: { tuiResized: [{
-                    type: i0.Output
-                }] } });
-
-    var TuiRowDirective = /** @class */ (function () {
-        function TuiRowDirective(template) {
-            this.template = template;
-            this.tuiRowOf = [];
-        }
-        TuiRowDirective.ngTemplateContextGuard = function (_dir, _ctx) {
-            return true;
-        };
-        return TuiRowDirective;
-    }());
-    TuiRowDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiRowDirective, deps: [{ token: i0.TemplateRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiRowDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiRowDirective, selector: "ng-template[tuiRow]", inputs: { tuiRowOf: "tuiRowOf" }, ngImport: i0__namespace });
-    __decorate([
-        i4.tuiDefaultProp()
-    ], TuiRowDirective.prototype, "tuiRowOf", void 0);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiRowDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: "ng-template[tuiRow]",
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.TemplateRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.TemplateRef]
-                        }] }];
-        }, propDecorators: { tuiRowOf: [{
-                    type: i0.Input
-                }] } });
-
     var TUI_STUCK = new i0.InjectionToken("[TUI_STUCK]: Stream of sticky stuck events");
     var TUI_STUCK_PROVIDER = {
         provide: TUI_STUCK,
@@ -609,6 +520,127 @@
                     type: i0.Input
                 }] } });
 
+    var TuiDirectionOrderDirective = /** @class */ (function () {
+        function TuiDirectionOrderDirective(table) {
+            this.table = table;
+            this.directionOrderChange = this.table.directionChange.pipe(operators.map(function (dir) { return (dir === 1 ? "asc" : "desc"); }));
+        }
+        Object.defineProperty(TuiDirectionOrderDirective.prototype, "directionOrder", {
+            set: function (order) {
+                this.table.direction = order === "asc" ? 1 : -1;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return TuiDirectionOrderDirective;
+    }());
+    TuiDirectionOrderDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDirectionOrderDirective, deps: [{ token: TuiTableDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiDirectionOrderDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiDirectionOrderDirective, selector: "table[tuiTable][tuiDirectionOrder]", inputs: { directionOrder: "directionOrder" }, outputs: { directionOrderChange: "directionOrderChange" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDirectionOrderDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: "table[tuiTable][tuiDirectionOrder]",
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: TuiTableDirective, decorators: [{
+                            type: i0.Inject,
+                            args: [TuiTableDirective]
+                        }] }];
+        }, propDecorators: { directionOrder: [{
+                    type: i0.Input
+                }], directionOrderChange: [{
+                    type: i0.Output
+                }] } });
+
+    var TuiHeadDirective = /** @class */ (function () {
+        function TuiHeadDirective(template) {
+            this.template = template;
+        }
+        return TuiHeadDirective;
+    }());
+    TuiHeadDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiHeadDirective, deps: [{ token: i0.TemplateRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiHeadDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiHeadDirective, selector: "[tuiHead]", inputs: { tuiHead: "tuiHead" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiHeadDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: "[tuiHead]",
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.TemplateRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.TemplateRef]
+                        }] }];
+        }, propDecorators: { tuiHead: [{
+                    type: i0.Input
+                }] } });
+
+    var TuiResizedDirective = /** @class */ (function () {
+        function TuiResizedDirective(documentRef, elementRef, parentRef) {
+            var _this = this;
+            this.documentRef = documentRef;
+            this.elementRef = elementRef;
+            this.parentRef = parentRef;
+            this.tuiResized = i4.tuiTypedFromEvent(this.elementRef.nativeElement, "mousedown").pipe(i4.tuiPreventDefault(), operators.switchMap(function () {
+                var _a = _this.parentRef.nativeElement.getBoundingClientRect(), width = _a.width, right = _a.right;
+                return i4.tuiTypedFromEvent(_this.documentRef, "mousemove").pipe(operators.distinctUntilChanged(), operators.map(function (_a) {
+                    var clientX = _a.clientX;
+                    return width + clientX - right;
+                }), operators.takeUntil(i4.tuiTypedFromEvent(_this.documentRef, "mouseup")));
+            }));
+        }
+        return TuiResizedDirective;
+    }());
+    TuiResizedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiResizedDirective, deps: [{ token: i2.DOCUMENT }, { token: i0.ElementRef }, { token: i1.TUI_ELEMENT_REF }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiResizedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiResizedDirective, selector: "[tuiResized]", outputs: { tuiResized: "tuiResized" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiResizedDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: "[tuiResized]",
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: Document, decorators: [{
+                            type: i0.Inject,
+                            args: [i2.DOCUMENT]
+                        }] }, { type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.ElementRef]
+                        }] }, { type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i1.TUI_ELEMENT_REF]
+                        }] }];
+        }, propDecorators: { tuiResized: [{
+                    type: i0.Output
+                }] } });
+
+    var TuiRowDirective = /** @class */ (function () {
+        function TuiRowDirective(template) {
+            this.template = template;
+            this.tuiRowOf = [];
+        }
+        TuiRowDirective.ngTemplateContextGuard = function (_dir, _ctx) {
+            return true;
+        };
+        return TuiRowDirective;
+    }());
+    TuiRowDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiRowDirective, deps: [{ token: i0.TemplateRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiRowDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiRowDirective, selector: "ng-template[tuiRow]", inputs: { tuiRowOf: "tuiRowOf" }, ngImport: i0__namespace });
+    __decorate([
+        i4.tuiDefaultProp()
+    ], TuiRowDirective.prototype, "tuiRowOf", void 0);
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiRowDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: "ng-template[tuiRow]",
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.TemplateRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.TemplateRef]
+                        }] }];
+        }, propDecorators: { tuiRowOf: [{
+                    type: i0.Input
+                }] } });
+
     var TuiThComponent = /** @class */ (function () {
         function TuiThComponent(head, table) {
             var _this = this;
@@ -1059,7 +1091,8 @@
             TuiSortableDirective,
             TuiTheadDirective,
             TuiResizedDirective,
-            TuiTableSortPipe], imports: [i2.CommonModule, i3.PolymorpheusModule, i4.TuiMapperPipeModule, i1.TuiSvgModule], exports: [TuiTableDirective,
+            TuiTableSortPipe,
+            TuiDirectionOrderDirective], imports: [i2.CommonModule, i3.PolymorpheusModule, i4.TuiMapperPipeModule, i1.TuiSvgModule], exports: [TuiTableDirective,
             TuiTbodyComponent,
             TuiThGroupComponent,
             TuiThComponent,
@@ -1071,7 +1104,8 @@
             TuiSortByDirective,
             TuiSortableDirective,
             TuiTheadDirective,
-            TuiTableSortPipe] });
+            TuiTableSortPipe,
+            TuiDirectionOrderDirective] });
     TuiTableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTableModule, imports: [[i2.CommonModule, i3.PolymorpheusModule, i4.TuiMapperPipeModule, i1.TuiSvgModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTableModule, decorators: [{
                 type: i0.NgModule,
@@ -1092,6 +1126,7 @@
                             TuiTheadDirective,
                             TuiResizedDirective,
                             TuiTableSortPipe,
+                            TuiDirectionOrderDirective,
                         ],
                         exports: [
                             TuiTableDirective,
@@ -1107,6 +1142,7 @@
                             TuiSortableDirective,
                             TuiTheadDirective,
                             TuiTableSortPipe,
+                            TuiDirectionOrderDirective,
                         ],
                     }]
             }] });
@@ -1120,6 +1156,7 @@
     exports.TUI_TABLE_PROVIDER = TUI_TABLE_PROVIDER;
     exports.TUI_TABLE_PROVIDERS = TUI_TABLE_PROVIDERS;
     exports.TuiCellDirective = TuiCellDirective;
+    exports.TuiDirectionOrderDirective = TuiDirectionOrderDirective;
     exports.TuiHeadDirective = TuiHeadDirective;
     exports.TuiResizedDirective = TuiResizedDirective;
     exports.TuiRowDirective = TuiRowDirective;