tnx-shared 5.1.451 → 5.1.452

package/bundles/tnx-shared.umd.js

@@ -902,6 +902,7 @@
             this.checkPermisionTrinhKy = false;
             this.useWorkflowButton = false;
             this.showEditLink = true;
+            this.mdWidthCommonSearch = 3;
             this.useCommonSearch = false;
             this.useCommonFullTextSearch = true;
             this.hiddenHeader = false;
@@ -48349,6 +48350,7 @@
         }
         CommonSearchFormComponent.prototype.ngOnInit = function () {
             var _this = this;
+            this.mdWidth = this.parentSetting.mdWidthCommonSearch;
             this.setting.baseService = this.parentSetting.baseService;
             this.isCustomGenerateSearch = this.parentSetting.commonSchemas.length > 0;
             if (this.isCustomGenerateSearch) {
@@ -48369,17 +48371,6 @@
             this.isDisableOpenFull = this.setting.schema.length <= 4 && !this._commonService.isMobile();
             _super.prototype.ngOnInit.call(this);
         };
-        CommonSearchFormComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            var width = this.commonSearch['nativeElement'].offsetWidth;
-            if (width <= 768) {
-                this.mdWidth = 6;
-            }
-            else if (width <= 1366) {
-                this.mdWidth = 4;
-            }
-            this.setting.schema.forEach(function (element) { return element.mdWidth = _this.mdWidth; });
-        };
         CommonSearchFormComponent.prototype.genFormSchema = function (columns) {
             var _this = this;
             var result = [];
@@ -48459,14 +48450,15 @@
                 showLabel: false,
                 mdWidth: this.mdWidth
             });
+            var index = Number(12 / this.mdWidth) - 1;
             if (this._commonService.isMobile()) {
                 columns.splice(0, 0, searchBox);
             }
-            else if (columns.length < 3) {
+            else if (columns.length < index) {
                 columns.push(searchBox);
             }
             else {
-                columns.splice(3, 0, searchBox);
+                columns.splice(index, 0, searchBox);
             }
             return columns;
         };
@@ -48569,7 +48561,6 @@
         { type: CommonService }
     ]; };
     CommonSearchFormComponent.propDecorators = {
-        commonSearch: [{ type: i0.ViewChild, args: ['commonSearch',] }],
         templateFilter: [{ type: i0.Input }],
         onClickSearch: [{ type: i0.Output }]
     };
@@ -49278,7 +49269,7 @@
                             multi: true
                         }
                     ],
-                    styles: [".tn-datetime-picker-range{display:flex}.tn-datetime-picker-range>span{flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .tn-datetime-picker-range p-calendar{flex:0 0 calc(50% - 8px)}"]
+                    styles: [".tn-datetime-picker-range{display:flex;justify-content:space-between}.tn-datetime-picker-range>span{flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .tn-datetime-picker-range p-calendar{flex:0 0 calc(50% - 8px)}"]
                 },] }
     ];
     DatetimePickerRangeComponent.ctorParameters = function () { return []; };