tnx-shared 5.3.301 → 5.3.303

package/bundles/tnx-shared.umd.js

@@ -10756,11 +10756,14 @@
                     return;
             }
         };
+        ComponentBase.prototype.stringifyData = function (obj) {
+            return JSON.stringify(obj, function (k, v) { return v === undefined ? null : v; });
+        };
         ComponentBase.prototype.exportExcelV5 = function (data, templateCode, fileName) {
             var sheet = new ExportItem({
                 type: exports.ExportItemType.ExcelSheet,
                 templateCode: templateCode,
-                data: JSON.stringify(data),
+                data: this.stringifyData(data),
                 name: 'Sheet1'
             });
             var file = new ExportItem({
@@ -38217,7 +38220,7 @@
     ServiceFileUploadComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'service-file-upload',
-                    template: "<div class=\"file-upload\">\n    <div class=\"fl-icon\">\n        <i *ngIf=\"loading\" class=\"pi pi-spin pi-spinner\"></i>\n        <i *ngIf=\"!loading\" class=\"pi pi-file-o\"></i>\n    </div>\n\n    <div class=\"fl-file-name\" (click)=\"openFileViewer()\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div>\n\n    <!-- <div class=\"fl-file-name\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div> -->\n\n    <div class=\"fl-buttons\">\n        <button *ngIf=\"!hasFile && !readonly\" pTooltip=\"Ch\u1ECDn file\" class=\"fl-choose\"\n            class=\"link-or-action p-button-text p-button-rounded fl-choose\" tooltipPosition=\"top\" pButton type=\"button\"\n            icon=\"pi pi-plus\" [disabled]=\"disabled\" (click)=\"onOpenSelect()\"></button>\n\n        <button *ngIf=\"hasFile && !readonly && control.showDeleteFile\"\n            class=\"link-or-action p-button-text p-button-rounded p-button-danger fl-remove\" pTooltip=\"X\u00F3a file\"\n            tooltipPosition=\"top\" pButton type=\"button\" icon=\"pi pi-trash\" [disabled]=\"disabled\"\n            (click)=\"onRemoveFile()\"></button>\n\n        <button [disabled]=\"!menu || !menu.length\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n            (click)=\"showContextMenu($event)\"></button>\n    </div>\n\n    <div style=\"display: none;\">\n        <p-fileUpload #file [accept]=\"accept\" class=\"file-upload\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" name=\"file[]\"\n            [maxFileSize]=\"control.maxFileSize\" pTooltip=\"Ch\u1ECDn t\u1EEB m\u00E1y t\u00EDnh\" toolStipPosition=\"top\" [multiple]=\"false\"\n            [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\n            [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\n            [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\n            [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\n            [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\n            [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\" (onSelect)=\"onSelectFile($event)\">\n        </p-fileUpload>\n    </div>\n\n</div>\n\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"menu\" styleClass=\"fm-contextMenu-panel\">\n</p-contextMenu>\n\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\n<file-viewer #fileViewerNew *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\"\n    [readonly]=\"readonly || control.disabled\" [model]=\"forms.fileViewer.formData\"\n    (onClose)=\"this.forms.fileViewer.show = false;\">\n</file-viewer>",
+                    template: "<div class=\"file-upload\">\n    <div class=\"fl-icon\">\n        <i *ngIf=\"loading\" class=\"pi pi-spin pi-spinner\"></i>\n        <i *ngIf=\"!loading\" class=\"pi pi-file-o\"></i>\n    </div>\n\n    <div class=\"fl-file-name\" (click)=\"openFileViewer()\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span class=\"suffix\" *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div>\n\n    <!-- <div class=\"fl-file-name\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div> -->\n\n    <div class=\"fl-buttons\">\n        <button *ngIf=\"!hasFile && !readonly\" pTooltip=\"Ch\u1ECDn file\" class=\"fl-choose\"\n            class=\"link-or-action p-button-text p-button-rounded fl-choose\" tooltipPosition=\"top\" pButton type=\"button\"\n            icon=\"pi pi-plus\" [disabled]=\"disabled\" (click)=\"onOpenSelect()\"></button>\n\n        <button *ngIf=\"hasFile && !readonly && control.showDeleteFile\"\n            class=\"link-or-action p-button-text p-button-rounded p-button-danger fl-remove\" pTooltip=\"X\u00F3a file\"\n            tooltipPosition=\"top\" pButton type=\"button\" icon=\"pi pi-trash\" [disabled]=\"disabled\"\n            (click)=\"onRemoveFile()\"></button>\n\n        <button [disabled]=\"!menu || !menu.length\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n            (click)=\"showContextMenu($event)\"></button>\n    </div>\n\n    <div style=\"display: none;\">\n        <p-fileUpload #file [accept]=\"accept\" class=\"file-upload\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" name=\"file[]\"\n            [maxFileSize]=\"control.maxFileSize\" pTooltip=\"Ch\u1ECDn t\u1EEB m\u00E1y t\u00EDnh\" toolStipPosition=\"top\" [multiple]=\"false\"\n            [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\n            [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\n            [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\n            [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\n            [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\n            [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\" (onSelect)=\"onSelectFile($event)\">\n        </p-fileUpload>\n    </div>\n\n</div>\n\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"menu\" styleClass=\"fm-contextMenu-panel\">\n</p-contextMenu>\n\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\n<file-viewer #fileViewerNew *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\"\n    [readonly]=\"readonly || control.disabled\" [model]=\"forms.fileViewer.formData\"\n    (onClose)=\"this.forms.fileViewer.show = false;\">\n</file-viewer>",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -38226,7 +38229,7 @@
                         },
                         ComponentContextService
                     ],
-                    styles: ["::ng-deep .file-upload{display:flex;border:1px solid #ced4da;border-radius:4px}::ng-deep .file-upload .fl-icon{flex:0 0 30px;display:flex;font-size:20px;justify-content:center;align-items:center;border-right:1px solid #ced4da}::ng-deep .file-upload .fl-icon>i{font-size:16px!important}::ng-deep .file-upload .fl-file-name{display:flex;align-items:center;flex-grow:1;cursor:pointer;opacity:.8;padding:0 10px;color:#109bf8;overflow:hidden}::ng-deep .file-upload .fl-file-name>div{width:100%;display:flex}::ng-deep .file-upload .fl-file-name>div>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .file-upload .fl-file-name:hover{opacity:1}::ng-deep .file-upload .fl-buttons{flex:0 0 80px;display:flex;border-right:1px solid #ced4da;align-items:center;justify-content:space-evenly;border-left:1px solid #ced4da}"]
+                    styles: ["::ng-deep .file-upload{display:flex;border:1px solid #ced4da;border-radius:4px}::ng-deep .file-upload .fl-icon{flex:0 0 30px;display:flex;font-size:20px;justify-content:center;align-items:center;border-right:1px solid #ced4da}::ng-deep .file-upload .fl-icon>i{font-size:16px!important}::ng-deep .file-upload .fl-file-name{display:flex;align-items:center;flex-grow:1;cursor:pointer;opacity:.8;padding:0 10px;color:#109bf8;overflow:hidden}::ng-deep .file-upload .fl-file-name>div{width:100%;display:flex}::ng-deep .file-upload .fl-file-name>div>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .file-upload .fl-file-name:hover{opacity:1}::ng-deep .file-upload .fl-file-name .suffix{min-width:45px}::ng-deep .file-upload .fl-buttons{flex:0 0 80px;display:flex;border-right:1px solid #ced4da;align-items:center;justify-content:space-evenly;border-left:1px solid #ced4da}"]
                 },] }
     ];
     ServiceFileUploadComponent.ctorParameters = function () { return [