@tetacom/ng-components 1.0.43 → 1.0.44

package/fesm2020/tetacom-ng-components.mjs

@@ -6910,13 +6910,13 @@ class TableColumn extends FilterItem {
         /**
          * Ширина
          */
-        this.width = 150;
+        this.width = 80;
         /**
          * Коэффициент растяжения ячейки
          */
-        this.flex = 0;
-        this.width = options?.width ?? 150;
-        this.flex = options?.flex ?? 0;
+        this.flex = 1;
+        this.width = options?.width ?? 80;
+        this.flex = options?.flex ?? 1;
         this.headCellClass = options?.headCellClass ?? [];
         this.cellClass = options?.cellClass ?? [];
         this.locked = options?.locked ?? false;
@@ -10823,6 +10823,7 @@ class ResizePanelComponent {
         this._elementRef = _elementRef;
         this._renderer = _renderer;
         this._document = _document;
+        this.size = 8;
         this.resizePanelClass = true;
         this._direction = 'horizontal';
         this._grabPosition = 'left';
@@ -10955,14 +10956,16 @@ class ResizePanelComponent {
     }
 }
 ResizePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ResizePanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-ResizePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ResizePanelComponent, selector: "teta-resize-panel", inputs: { direction: "direction", grabPosition: "grabPosition", name: "name", minSize: "minSize", maxSize: "maxSize" }, host: { properties: { "class.resize-panel": "this.resizePanelClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div #grab class=\"resize-grab\"\n     (resizeStart)=\"resizeStart($event)\"\n     (resizeProcess)=\"resizeProcess($event)\"\n     (resizeEnd)=\"resizeEnd($event)\"\n     [tetaResizeDrag]=\"direction\"\n     [ngClass]=\"getClassName()\">\n\n  <teta-icon [name]=\"icon\"></teta-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ResizePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ResizePanelComponent, selector: "teta-resize-panel", inputs: { size: "size", direction: "direction", grabPosition: "grabPosition", name: "name", minSize: "minSize", maxSize: "maxSize" }, host: { properties: { "class.resize-panel": "this.resizePanelClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div #grab class=\"resize-grab\"\n     [style.width.px]=\"direction === 'vertical' ? size : ''\"\n     [style.height.px]=\"direction === 'horizontal' ? size : ''\"\n     (resizeStart)=\"resizeStart($event)\"\n     (resizeProcess)=\"resizeProcess($event)\"\n     (resizeEnd)=\"resizeEnd($event)\"\n     [tetaResizeDrag]=\"direction\"\n     [ngClass]=\"getClassName()\">\n  <teta-icon [name]=\"icon\"></teta-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ResizePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-resize-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<div #grab class=\"resize-grab\"\n     (resizeStart)=\"resizeStart($event)\"\n     (resizeProcess)=\"resizeProcess($event)\"\n     (resizeEnd)=\"resizeEnd($event)\"\n     [tetaResizeDrag]=\"direction\"\n     [ngClass]=\"getClassName()\">\n\n  <teta-icon [name]=\"icon\"></teta-icon>\n</div>\n" }]
+            args: [{ selector: 'teta-resize-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<div #grab class=\"resize-grab\"\n     [style.width.px]=\"direction === 'vertical' ? size : ''\"\n     [style.height.px]=\"direction === 'horizontal' ? size : ''\"\n     (resizeStart)=\"resizeStart($event)\"\n     (resizeProcess)=\"resizeProcess($event)\"\n     (resizeEnd)=\"resizeEnd($event)\"\n     [tetaResizeDrag]=\"direction\"\n     [ngClass]=\"getClassName()\">\n  <teta-icon [name]=\"icon\"></teta-icon>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }]; }, propDecorators: { direction: [{
+                }] }]; }, propDecorators: { size: [{
+                type: Input
+            }], direction: [{
                 type: Input
             }], grabPosition: [{
                 type: Input
@@ -11328,7 +11331,7 @@ class DragDirective {
     }
     ngOnInit() {
         this.instance = new DragInstance({
-            container: this._container.instance,
+            container: this._container?.instance,
             data: this.data
         });
         this._dragService.dropTarget.pipe(takeWhile(() => this._alive))