tnx-shared 5.2.17 → 5.2.18

package/esm2020/components/file-explorer/file-viewer/file-viewer.component.mjs

@@ -22,12 +22,12 @@ import * as i10 from "ngx-device-detector";
 import * as i11 from "../services/file-object.service";
 import * as i12 from "../services/download-link.service";
 import * as i13 from "../services/folder.service";
-import * as i14 from "tn-custom-primeng/sidebar";
-import * as i15 from "ngx-extended-pdf-viewer";
-import * as i16 from "../../tn-dialog/tn-dialog.component";
-import * as i17 from "../file-form/file-form.component";
-import * as i18 from "@angular/common";
-import * as i19 from "tn-custom-primeng/tooltip";
+import * as i14 from "@angular/common";
+import * as i15 from "tn-custom-primeng/tooltip";
+import * as i16 from "tn-custom-primeng/sidebar";
+import * as i17 from "ngx-extended-pdf-viewer";
+import * as i18 from "../../tn-dialog/tn-dialog.component";
+import * as i19 from "../file-form/file-form.component";
 export class FileViewerComponent extends ComponentBase {
     constructor(_environmentService, _elementRef, _authenService, _fileExplorerService, _messageService, _translateService, _notifierService, _confirmService, _tnClientService, _fileVersionService, _customRouterService, _deviceDetectorService, _fileObjectService, _downloadLinkService, _folderService, _injector) {
         super(_injector);
@@ -421,9 +421,9 @@ export class FileViewerComponent extends ComponentBase {
         return null;
     }
 }
-FileViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileViewerComponent, deps: [{ token: i1.EnvironmentService }, { token: i0.ElementRef }, { token: i2.AuthenService }, { token: i3.FileExplorerService }, { token: i4.MessageService }, { token: i5.TranslateService }, { token: i6.NotifierService }, { token: i4.ConfirmationService }, { token: i7.TnClientService }, { token: i8.FileVersionService }, { token: i9.CustomRouterService }, { token: i10.DeviceDetectorService }, { token: i11.FileObjectService }, { token: i12.DownloadLinkService }, { token: i13.FolderService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-FileViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: FileViewerComponent, selector: "file-viewer", inputs: { model: "model", readonly: "readonly", showPrint: "showPrint", showDownload: "showDownload", showDelete: "showDelete" }, outputs: { onClose: "onClose", onRename: "onRename", onDelete: "onDelete" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p-sidebar #sidebar [showCloseIcon]=\"false\" [fullScreen]=\"true\" [appendTo]=\"'body'\"\r\n    [styleClass]=\"getStyleClassByDocumentType(data.fileType)\" [(visible)]=\"show\">\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.PDF\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\" style=\"margin: 0px auto;\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <!-- UD-2450 - TuDN -->\r\n                    <!-- <a *ngIf=\"_deviceDetectorService.isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\"\r\n                        tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-print\"></i></a> -->\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <!-- End UD-2450 - TuDN -->\r\n                    <a *ngIf=\"!_deviceDetectorService.isDesktop() && !readonly\" pTooltip=\"\u0110\u1ED5i t\u00EAn\"\r\n                        tooltipPosition=\"bottom\" (click)=\"renameFile()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\"><i\r\n                            class=\"fas fa-eraser\"></i></a>\r\n                    <a *ngIf=\"showDelete && !readonly\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"far fa-trash-alt\"></i></a>\r\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\"\r\n                        *ngIf=\"!readonly && _deviceDetectorService.isDesktop()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\"> <i class=\"fas fa-ellipsis-v\"></i>\r\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\r\n                            <li *ngIf=\"_deviceDetectorService.isDesktop()\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"editFile()\" class=\"file-row-action\"><i class=\"fas fa-pen-square\"></i>S\u1EEDa\r\n                                    file\r\n                                    tr\u1EF1c\r\n                                    tuy\u1EBFn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\r\n                                    t\u00EAn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"far fa-trash-alt\"></i>X\u00F3a\r\n                                    t\u1EC7p\r\n                                    tin</a>\r\n                            </li>\r\n                        </ul>\r\n                    </a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ngx-extended-pdf-viewer [src]=\"model.fileUrl\" useBrowserLocale=\"true\" height=\"calc(100vh - 50px)\"\r\n            [enablePinchOnMobile]=\"true\" [filenameForDownload]=\"data.fileName\" [language]=\"'vi-VN'\"\r\n            [showBookmarkButton]=\"false\" [showHandToolButton]=\"false\" [showOpenFileButton]=\"false\"\r\n            [showUnverifiedSignatures]=\"true\">\r\n        </ngx-extended-pdf-viewer>\r\n    </ng-container>\r\n\r\n    <ng-container\r\n        *ngIf=\"data.fileType != fileTypes.IMAGE && data.fileType != fileTypes.VIDEO && data.fileType != fileTypes.AUDIO && data.fileType != fileTypes.PDF\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\" tooltipPosition=\"bottom\"\r\n                        placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-print\"></i></a>\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <a *ngIf=\"!readonly && showDelete && isDesktop()\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a *ngIf=\"!readonly && isDesktop()\" pTooltip=\"S\u1EEDa file tr\u1EF1c tuy\u1EBFn\" (click)=\"editFile()\"\r\n                        placeholder=\"Bottom\" class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\">\r\n                        <i class=\"fas fa-pen-square\"></i></a>\r\n\r\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\" *ngIf=\"!isDesktop()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\">\r\n                        <i class=\"fas fa-ellipsis-v\"></i>\r\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"editFile()\" class=\"file-row-action\">\r\n                                    <i class=\"fas fa-pen-square\"></i>S\u1EEDa file tr\u1EF1c tuy\u1EBFn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\r\n                                    t\u00EAn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly && showDelete\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"pi pi-trash\"></i>X\u00F3a\r\n                                    t\u1EC7p tin</a>\r\n                            </li>\r\n                        </ul>\r\n                    </a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\r\n                [class.view-file-text]=\"isFileType(fileTypes.TEXT)\"\r\n                [class.view-file-spreadsheet]=\"isFileType(fileTypes.SPREADSHEET)\"\r\n                [class.view-file-presentation]=\"isFileType(fileTypes.PRESENTATION)\">\r\n                <div id=\"file-viewer\"></div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.IMAGE && model.images.length > 0\">\r\n        <div class=\"image-container\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <img *ngIf=\"model.images && model.images.length\" src=\"{{model.images[0]}}\" alt=\"Ch\u01B0a c\u00F3 \u1EA3nh\">\r\n        </div>\r\n        <!-- <app-image-viewer [showPDFOnlyLabel]=\"false\" [showPDFOnlyOption]=\"false\" [fullscreen]=\"false\"\r\n            [images]=\"model.images\" [primaryColor]=\"'#3192e1'\" [idContainer]=\"'image-view-list'\"\r\n            (mousedown)=\"closeSidebar($event)\" id=\"fileViewerHolder\" [loadOnInit]=\"true\">\r\n        </app-image-viewer>\r\n        <a style=\"color: white;\" (click)=\"closeSidebar(null)\" class=\"mobile-image-viewer-close\">\r\n            <i class=\"far fa-times-circle\"></i></a> -->\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.VIDEO\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" style=\"height: 100%;\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i>\r\n                    </a>\r\n                    <a *ngIf=\"!isReadonly && !isDesktop()\" (click)=\"renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                    <a *ngIf=\"!readonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\r\n                style=\"width: 80%; margin: auto; height: 100%; border-radius: 0px;\">\r\n                <video width=\"100%\" height=\"100%\" style=\"margin-top: 50px;\" autoplay controls src=\"{{model.fileUrl}}\">\r\n                    Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 m\u1EDF video.\r\n                </video>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.AUDIO\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" (mousedown)=\"closeSidebar($event)\" style=\"height: 100%;\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <a *ngIf=\"!isReadonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n            <audio controls autoplay src=\"{{model.fileUrl}}\"\r\n                style=\"margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);\">\r\n                Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 ph\u00E1t audio. </audio>\r\n        </div>\r\n    </ng-container>\r\n\r\n</p-sidebar>\r\n\r\n<tn-dialog *ngIf=\"renameFileForm.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"renameFileForm.header | translate\" [popupSize]=\"renameFileForm.popupSize\" (onHide)=\"onCancelRenameFile()\">\r\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"renameFileForm.formData\"\r\n        (onSaved)=\"onSavedRenameFile()\" (onCancel)=\"onCancelRenameFile()\">\r\n    </file-form>\r\n</tn-dialog>", styles: ["::ng-deep .pdf-container ngx-extended-pdf-viewer #outerContainer{top:51px}.view-file{height:92vh}.dialog-material{display:block;border-radius:4px;box-sizing:border-box;overflow:hidden;outline:0;min-height:inherit;max-height:inherit;width:50vw}.dialog-material{width:100%}.dialog-material.view-file-text{width:85%;margin:0 auto}.dialog-material.view-file-text.mobile{width:100%;margin:0 auto}.header-dialog-material{display:flex;flex-direction:row;justify-content:space-between;padding:5px 15px;box-sizing:border-box;outline:0;height:50px;line-height:50px;background:#3192e1;position:absolute;pointer-events:auto;left:0;right:0;top:0;width:auto}.header-dialog-material .flex-item{line-height:40px}.header-dialog-material .flex-item .cursor-pointer{cursor:pointer;display:inline-block;padding:0 15px}.header-dialog-material .flex-item .cursor-pointer.submenu{position:relative}.header-dialog-material .flex-item .cursor-pointer.submenu ul{display:flex;position:absolute;top:25px;right:0px;align-content:flex-end;flex-direction:column;width:230px;border-radius:2px;padding:5px 0;background:#fff;box-shadow:0 6px 12px #0000002d;z-index:1}.header-dialog-material .flex-item .cursor-pointer.submenu ul li{padding:0}.header-dialog-material .flex-item .cursor-pointer.submenu ul li a{padding:0 0 0 5px;line-height:40px}.header-dialog-material .flex-item .cursor-pointer.submenu ul li a:hover{background:#f5f5f5}.header-dialog-material ul:before{top:-8px;right:8px;left:auto;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #ffffff;content:\" \";position:absolute}.mat-dialog-content{display:block;margin:0;padding:0;max-height:100vh;max-width:50vw;overflow:auto;-webkit-overflow-scrolling:touch}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000;background:rgba(0,0,0,.7)!important}::ng-deep .cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .mat-dialog-container{display:block;padding:0!important}::ng-deep .cdk-overlay-pane{max-height:100%}.button-link:hover{transition:background-color .1s,opacity .1s;background-image:none;background-color:#ffffff40}.file-row-action i{margin-right:5px;width:40px;text-align:center}.file-row-action{line-height:34px;width:100%;display:block;color:#212529}.layout-menu li a{border:none;text-align:left}.layout-menu li a i:first-child{color:#666;font-size:1em}.footer-page{position:absolute;left:50%;margin-right:-50%;transform:translate(-50%);border-radius:3px;bottom:12px;z-index:3;overflow:hidden}.footer-page-label{border-right:1px solid rgba(255,255,255,.2);display:inline-block;font-size:13px;line-height:44px;height:44px;vertical-align:middle;background:#000000}.footer-page-label-page{display:inline-block;margin-left:12px;vertical-align:middle;background:rgba(0,0,0,.75);color:#fff}.footer-page-label-numberpage{display:inline-block;text-align:center;vertical-align:middle;width:48px;color:#fff}.footer-page-label-space{display:inline-block;margin-left:12px;vertical-align:middle;color:#fff}.footer-page-label-totalpage{display:inline-block;text-align:center;vertical-align:middle;width:48px;color:#fff}::ng-deep p-table .ui-table-tbody>tr>td{overflow:unset}::ng-deep .ui-sidebar-left.ui-sidebar-active{padding-top:55px;background:rgba(0,0,0,.4);border:0}::ng-deep .layout-wrapper .layout-menu-container{border-radius:unset}::ng-deep .p-sidebar{padding:0!important;background-color:#000}::ng-deep .image-container{display:flex;justify-content:center;background-color:#000}::ng-deep .image-container .image-container-toolbar{display:flex;justify-content:flex-end}::ng-deep .image-container>img{height:calc(100ch - 50px)!important;max-height:100%!important;margin-top:50px}\n"], components: [{ type: i14.Sidebar, selector: "p-sidebar", inputs: ["position", "blockScroll", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "visible", "fullScreen", "appendTo", "style", "styleClass", "ariaCloseLabel"], outputs: ["onShow", "onHide", "visibleChange"] }, { type: i15.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["enableDragAndDrop", "formData", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "delayFirstView", "logLevel", "enablePinchOnMobile", "minifiedJSLibraries", "printResolution", "useBrowserLocale", "backgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "showUnverifiedSignatures", "sidebarVisible", "showFindButton", "showPagingButtons", "showZoomButtons", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "showBookmarkButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showRotateButton", "handTool", "showHandToolButton", "showScrollingButton", "showSpreadButton", "showPropertiesButton", "showBorders", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "_mobileFriendlyZoom", "src", "base64Src", "height", "showSidebarButton", "page", "mobileFriendlyZoom", "customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "rotation", "startTabindex", "spread"], outputs: ["formDataChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "sidebarVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingFailed", "textLayerRendered", "updateFindMatchesCount", "updateFindState", "zoomChange"] }, { type: i16.TnDialogComponent, selector: "tn-dialog", inputs: ["maskClass", "styleClass", "scrollBarStyleClass", "useDefaultScrollBar", "visible", "disabledButton", "modal", "header", "popupSize", "closeOnEscape", "showFooter", "positionTop", "minY", "hiddenSave", "maximizable"], outputs: ["onSave", "onCancel", "onShow", "onHide"] }, { type: i17.FileFormComponent, selector: "file-form" }], directives: [{ type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i19.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }], pipes: { "translate": i5.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileViewerComponent, decorators: [{
+FileViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileViewerComponent, deps: [{ token: i1.EnvironmentService }, { token: i0.ElementRef }, { token: i2.AuthenService }, { token: i3.FileExplorerService }, { token: i4.MessageService }, { token: i5.TranslateService }, { token: i6.NotifierService }, { token: i4.ConfirmationService }, { token: i7.TnClientService }, { token: i8.FileVersionService }, { token: i9.CustomRouterService }, { token: i10.DeviceDetectorService }, { token: i11.FileObjectService }, { token: i12.DownloadLinkService }, { token: i13.FolderService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+FileViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FileViewerComponent, selector: "file-viewer", inputs: { model: "model", readonly: "readonly", showPrint: "showPrint", showDownload: "showDownload", showDelete: "showDelete" }, outputs: { onClose: "onClose", onRename: "onRename", onDelete: "onDelete" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p-sidebar #sidebar [showCloseIcon]=\"false\" [fullScreen]=\"true\" [appendTo]=\"'body'\"\r\n    [styleClass]=\"getStyleClassByDocumentType(data.fileType)\" [(visible)]=\"show\">\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.PDF\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\" style=\"margin: 0px auto;\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <!-- UD-2450 - TuDN -->\r\n                    <!-- <a *ngIf=\"_deviceDetectorService.isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\"\r\n                        tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-print\"></i></a> -->\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <!-- End UD-2450 - TuDN -->\r\n                    <a *ngIf=\"!_deviceDetectorService.isDesktop() && !readonly\" pTooltip=\"\u0110\u1ED5i t\u00EAn\"\r\n                        tooltipPosition=\"bottom\" (click)=\"renameFile()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\"><i\r\n                            class=\"fas fa-eraser\"></i></a>\r\n                    <a *ngIf=\"showDelete && !readonly\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"far fa-trash-alt\"></i></a>\r\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\"\r\n                        *ngIf=\"!readonly && _deviceDetectorService.isDesktop()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\"> <i class=\"fas fa-ellipsis-v\"></i>\r\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\r\n                            <li *ngIf=\"_deviceDetectorService.isDesktop()\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"editFile()\" class=\"file-row-action\"><i class=\"fas fa-pen-square\"></i>S\u1EEDa\r\n                                    file\r\n                                    tr\u1EF1c\r\n                                    tuy\u1EBFn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\r\n                                    t\u00EAn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"far fa-trash-alt\"></i>X\u00F3a\r\n                                    t\u1EC7p\r\n                                    tin</a>\r\n                            </li>\r\n                        </ul>\r\n                    </a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ngx-extended-pdf-viewer [src]=\"model.fileUrl\" useBrowserLocale=\"true\" height=\"calc(100vh - 50px)\"\r\n            [enablePinchOnMobile]=\"true\" [filenameForDownload]=\"data.fileName\" [language]=\"'vi-VN'\"\r\n            [showBookmarkButton]=\"false\" [showHandToolButton]=\"false\" [showOpenFileButton]=\"false\"\r\n            [showUnverifiedSignatures]=\"true\">\r\n        </ngx-extended-pdf-viewer>\r\n    </ng-container>\r\n\r\n    <ng-container\r\n        *ngIf=\"data.fileType != fileTypes.IMAGE && data.fileType != fileTypes.VIDEO && data.fileType != fileTypes.AUDIO && data.fileType != fileTypes.PDF\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\" tooltipPosition=\"bottom\"\r\n                        placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-print\"></i></a>\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <a *ngIf=\"!readonly && showDelete && isDesktop()\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a *ngIf=\"!readonly && isDesktop()\" pTooltip=\"S\u1EEDa file tr\u1EF1c tuy\u1EBFn\" (click)=\"editFile()\"\r\n                        placeholder=\"Bottom\" class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\">\r\n                        <i class=\"fas fa-pen-square\"></i></a>\r\n\r\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\" *ngIf=\"!isDesktop()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\">\r\n                        <i class=\"fas fa-ellipsis-v\"></i>\r\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"editFile()\" class=\"file-row-action\">\r\n                                    <i class=\"fas fa-pen-square\"></i>S\u1EEDa file tr\u1EF1c tuy\u1EBFn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\r\n                                    t\u00EAn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly && showDelete\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"pi pi-trash\"></i>X\u00F3a\r\n                                    t\u1EC7p tin</a>\r\n                            </li>\r\n                        </ul>\r\n                    </a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\r\n                [class.view-file-text]=\"isFileType(fileTypes.TEXT)\"\r\n                [class.view-file-spreadsheet]=\"isFileType(fileTypes.SPREADSHEET)\"\r\n                [class.view-file-presentation]=\"isFileType(fileTypes.PRESENTATION)\">\r\n                <div id=\"file-viewer\"></div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.IMAGE && model.images.length > 0\">\r\n        <div class=\"image-container\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <img *ngIf=\"model.images && model.images.length\" src=\"{{model.images[0]}}\" alt=\"Ch\u01B0a c\u00F3 \u1EA3nh\">\r\n        </div>\r\n        <!-- <app-image-viewer [showPDFOnlyLabel]=\"false\" [showPDFOnlyOption]=\"false\" [fullscreen]=\"false\"\r\n            [images]=\"model.images\" [primaryColor]=\"'#3192e1'\" [idContainer]=\"'image-view-list'\"\r\n            (mousedown)=\"closeSidebar($event)\" id=\"fileViewerHolder\" [loadOnInit]=\"true\">\r\n        </app-image-viewer>\r\n        <a style=\"color: white;\" (click)=\"closeSidebar(null)\" class=\"mobile-image-viewer-close\">\r\n            <i class=\"far fa-times-circle\"></i></a> -->\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.VIDEO\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" style=\"height: 100%;\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i>\r\n                    </a>\r\n                    <a *ngIf=\"!isReadonly && !isDesktop()\" (click)=\"renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                    <a *ngIf=\"!readonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\r\n                style=\"width: 80%; margin: auto; height: 100%; border-radius: 0px;\">\r\n                <video width=\"100%\" height=\"100%\" style=\"margin-top: 50px;\" autoplay controls src=\"{{model.fileUrl}}\">\r\n                    Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 m\u1EDF video.\r\n                </video>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.AUDIO\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" (mousedown)=\"closeSidebar($event)\" style=\"height: 100%;\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <a *ngIf=\"!isReadonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n            <audio controls autoplay src=\"{{model.fileUrl}}\"\r\n                style=\"margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);\">\r\n                Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 ph\u00E1t audio. </audio>\r\n        </div>\r\n    </ng-container>\r\n\r\n</p-sidebar>\r\n\r\n<tn-dialog *ngIf=\"renameFileForm.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"renameFileForm.header | translate\" [popupSize]=\"renameFileForm.popupSize\" (onHide)=\"onCancelRenameFile()\">\r\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"renameFileForm.formData\"\r\n        (onSaved)=\"onSavedRenameFile()\" (onCancel)=\"onCancelRenameFile()\">\r\n    </file-form>\r\n</tn-dialog>", styles: ["::ng-deep .pdf-container ngx-extended-pdf-viewer #outerContainer{top:51px}.view-file{height:92vh}.dialog-material{display:block;border-radius:4px;box-sizing:border-box;overflow:hidden;outline:0;min-height:inherit;max-height:inherit;width:50vw}.dialog-material{width:100%}.dialog-material.view-file-text{width:85%;margin:0 auto}.dialog-material.view-file-text.mobile{width:100%;margin:0 auto}.header-dialog-material{display:flex;flex-direction:row;justify-content:space-between;padding:5px 15px;box-sizing:border-box;outline:0;height:50px;line-height:50px;background:#3192e1;position:absolute;pointer-events:auto;left:0;right:0;top:0;width:auto}.header-dialog-material .flex-item{line-height:40px}.header-dialog-material .flex-item .cursor-pointer{cursor:pointer;display:inline-block;padding:0 15px}.header-dialog-material .flex-item .cursor-pointer.submenu{position:relative}.header-dialog-material .flex-item .cursor-pointer.submenu ul{display:flex;position:absolute;top:25px;right:0px;align-content:flex-end;flex-direction:column;width:230px;border-radius:2px;padding:5px 0;background:#fff;box-shadow:0 6px 12px #0000002d;z-index:1}.header-dialog-material .flex-item .cursor-pointer.submenu ul li{padding:0}.header-dialog-material .flex-item .cursor-pointer.submenu ul li a{padding:0 0 0 5px;line-height:40px}.header-dialog-material .flex-item .cursor-pointer.submenu ul li a:hover{background:#f5f5f5}.header-dialog-material ul:before{top:-8px;right:8px;left:auto;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #ffffff;content:\" \";position:absolute}.mat-dialog-content{display:block;margin:0;padding:0;max-height:100vh;max-width:50vw;overflow:auto;-webkit-overflow-scrolling:touch}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000;background:rgba(0,0,0,.7)!important}::ng-deep .cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .mat-dialog-container{display:block;padding:0!important}::ng-deep .cdk-overlay-pane{max-height:100%}.button-link:hover{transition:background-color .1s,opacity .1s;background-image:none;background-color:#ffffff40}.file-row-action i{margin-right:5px;width:40px;text-align:center}.file-row-action{line-height:34px;width:100%;display:block;color:#212529}.layout-menu li a{border:none;text-align:left}.layout-menu li a i:first-child{color:#666;font-size:1em}.footer-page{position:absolute;left:50%;margin-right:-50%;transform:translate(-50%);border-radius:3px;bottom:12px;z-index:3;overflow:hidden}.footer-page-label{border-right:1px solid rgba(255,255,255,.2);display:inline-block;font-size:13px;line-height:44px;height:44px;vertical-align:middle;background:#000000}.footer-page-label-page{display:inline-block;margin-left:12px;vertical-align:middle;background:rgba(0,0,0,.75);color:#fff}.footer-page-label-numberpage{display:inline-block;text-align:center;vertical-align:middle;width:48px;color:#fff}.footer-page-label-space{display:inline-block;margin-left:12px;vertical-align:middle;color:#fff}.footer-page-label-totalpage{display:inline-block;text-align:center;vertical-align:middle;width:48px;color:#fff}::ng-deep p-table .ui-table-tbody>tr>td{overflow:unset}::ng-deep .ui-sidebar-left.ui-sidebar-active{padding-top:55px;background:rgba(0,0,0,.4);border:0}::ng-deep .layout-wrapper .layout-menu-container{border-radius:unset}::ng-deep .p-sidebar{padding:0!important;background-color:#000}::ng-deep .image-container{display:flex;justify-content:center;background-color:#000}::ng-deep .image-container .image-container-toolbar{display:flex;justify-content:flex-end}::ng-deep .image-container>img{height:calc(100ch - 50px)!important;max-height:100%!important;margin-top:50px}\n"], dependencies: [{ kind: "directive", type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i15.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "component", type: i16.Sidebar, selector: "p-sidebar", inputs: ["position", "blockScroll", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "visible", "fullScreen", "appendTo", "style", "styleClass", "ariaCloseLabel"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i17.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["enableDragAndDrop", "formData", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "delayFirstView", "logLevel", "enablePinchOnMobile", "minifiedJSLibraries", "printResolution", "useBrowserLocale", "backgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "showUnverifiedSignatures", "sidebarVisible", "showFindButton", "showPagingButtons", "showZoomButtons", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "showBookmarkButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showRotateButton", "handTool", "showHandToolButton", "showScrollingButton", "showSpreadButton", "showPropertiesButton", "showBorders", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "_mobileFriendlyZoom", "src", "base64Src", "height", "showSidebarButton", "page", "mobileFriendlyZoom", "customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "rotation", "startTabindex", "spread"], outputs: ["formDataChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "sidebarVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingFailed", "textLayerRendered", "updateFindMatchesCount", "updateFindState", "zoomChange"] }, { kind: "component", type: i18.TnDialogComponent, selector: "tn-dialog", inputs: ["maskClass", "styleClass", "scrollBarStyleClass", "useDefaultScrollBar", "visible", "disabledButton", "modal", "header", "popupSize", "closeOnEscape", "showFooter", "positionTop", "minY", "hiddenSave", "maximizable"], outputs: ["onSave", "onCancel", "onShow", "onHide"] }, { kind: "component", type: i19.FileFormComponent, selector: "file-form" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-viewer', providers: [ComponentContextService], template: "<p-sidebar #sidebar [showCloseIcon]=\"false\" [fullScreen]=\"true\" [appendTo]=\"'body'\"\r\n    [styleClass]=\"getStyleClassByDocumentType(data.fileType)\" [(visible)]=\"show\">\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.PDF\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\" style=\"margin: 0px auto;\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <!-- UD-2450 - TuDN -->\r\n                    <!-- <a *ngIf=\"_deviceDetectorService.isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\"\r\n                        tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-print\"></i></a> -->\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <!-- End UD-2450 - TuDN -->\r\n                    <a *ngIf=\"!_deviceDetectorService.isDesktop() && !readonly\" pTooltip=\"\u0110\u1ED5i t\u00EAn\"\r\n                        tooltipPosition=\"bottom\" (click)=\"renameFile()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\"><i\r\n                            class=\"fas fa-eraser\"></i></a>\r\n                    <a *ngIf=\"showDelete && !readonly\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"far fa-trash-alt\"></i></a>\r\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\"\r\n                        *ngIf=\"!readonly && _deviceDetectorService.isDesktop()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\"> <i class=\"fas fa-ellipsis-v\"></i>\r\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\r\n                            <li *ngIf=\"_deviceDetectorService.isDesktop()\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"editFile()\" class=\"file-row-action\"><i class=\"fas fa-pen-square\"></i>S\u1EEDa\r\n                                    file\r\n                                    tr\u1EF1c\r\n                                    tuy\u1EBFn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\r\n                                    t\u00EAn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"far fa-trash-alt\"></i>X\u00F3a\r\n                                    t\u1EC7p\r\n                                    tin</a>\r\n                            </li>\r\n                        </ul>\r\n                    </a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ngx-extended-pdf-viewer [src]=\"model.fileUrl\" useBrowserLocale=\"true\" height=\"calc(100vh - 50px)\"\r\n            [enablePinchOnMobile]=\"true\" [filenameForDownload]=\"data.fileName\" [language]=\"'vi-VN'\"\r\n            [showBookmarkButton]=\"false\" [showHandToolButton]=\"false\" [showOpenFileButton]=\"false\"\r\n            [showUnverifiedSignatures]=\"true\">\r\n        </ngx-extended-pdf-viewer>\r\n    </ng-container>\r\n\r\n    <ng-container\r\n        *ngIf=\"data.fileType != fileTypes.IMAGE && data.fileType != fileTypes.VIDEO && data.fileType != fileTypes.AUDIO && data.fileType != fileTypes.PDF\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop() && showPrint\" pTooltip=\"In t\u00E0i li\u1EC7u\" tooltipPosition=\"bottom\"\r\n                        placeholder=\"Bottom\" style=\"color: white;\" (click)=\"print()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-print\"></i></a>\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <a *ngIf=\"!readonly && showDelete && isDesktop()\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a *ngIf=\"!readonly && isDesktop()\" pTooltip=\"S\u1EEDa file tr\u1EF1c tuy\u1EBFn\" (click)=\"editFile()\"\r\n                        placeholder=\"Bottom\" class=\"cursor-pointer button-link btn btn-secondary\" style=\"color: white;\">\r\n                        <i class=\"fas fa-pen-square\"></i></a>\r\n\r\n                    <a (click)=\"onTopbarItemClick($event)\" role=\"menuitem\" style=\"color: white;\" *ngIf=\"!isDesktop()\"\r\n                        class=\"cursor-pointer button-link btn btn-secondary submenu\">\r\n                        <i class=\"fas fa-ellipsis-v\"></i>\r\n                        <ul class=\"layout-menu fadeInDown\" *ngIf=\"model.activeTopbarItem\">\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"editFile()\" class=\"file-row-action\">\r\n                                    <i class=\"fas fa-pen-square\"></i>S\u1EEDa file tr\u1EF1c tuy\u1EBFn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"renameFile()\" class=\"file-row-action\"><i class=\"fas fa-eraser\"></i>\u0110\u1ED5i\r\n                                    t\u00EAn</a>\r\n                            </li>\r\n                            <li *ngIf=\"!isReadonly && showDelete\" role=\"menuitem\" class=\"cursor-pointer\">\r\n                                <a (click)=\"deleteFile()\" class=\"file-row-action\"><i class=\"pi pi-trash\"></i>X\u00F3a\r\n                                    t\u1EC7p tin</a>\r\n                            </li>\r\n                        </ul>\r\n                    </a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\r\n                [class.view-file-text]=\"isFileType(fileTypes.TEXT)\"\r\n                [class.view-file-spreadsheet]=\"isFileType(fileTypes.SPREADSHEET)\"\r\n                [class.view-file-presentation]=\"isFileType(fileTypes.PRESENTATION)\">\r\n                <div id=\"file-viewer\"></div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.IMAGE && model.images.length > 0\">\r\n        <div class=\"image-container\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <img *ngIf=\"model.images && model.images.length\" src=\"{{model.images[0]}}\" alt=\"Ch\u01B0a c\u00F3 \u1EA3nh\">\r\n        </div>\r\n        <!-- <app-image-viewer [showPDFOnlyLabel]=\"false\" [showPDFOnlyOption]=\"false\" [fullscreen]=\"false\"\r\n            [images]=\"model.images\" [primaryColor]=\"'#3192e1'\" [idContainer]=\"'image-view-list'\"\r\n            (mousedown)=\"closeSidebar($event)\" id=\"fileViewerHolder\" [loadOnInit]=\"true\">\r\n        </app-image-viewer>\r\n        <a style=\"color: white;\" (click)=\"closeSidebar(null)\" class=\"mobile-image-viewer-close\">\r\n            <i class=\"far fa-times-circle\"></i></a> -->\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.VIDEO\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" style=\"height: 100%;\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i>\r\n                    </a>\r\n                    <a *ngIf=\"!isReadonly && !isDesktop()\" (click)=\"renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                    <a *ngIf=\"!readonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"dialog-material\" [class.view-file]=\"true\" [class.mobile]=\"!isDesktop()\"\r\n                style=\"width: 80%; margin: auto; height: 100%; border-radius: 0px;\">\r\n                <video width=\"100%\" height=\"100%\" style=\"margin-top: 50px;\" autoplay controls src=\"{{model.fileUrl}}\">\r\n                    Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 m\u1EDF video.\r\n                </video>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"data.fileType == fileTypes.AUDIO\">\r\n        <div id=\"fileViewerHolder\" class=\"file-viewer-holder\" (mousedown)=\"closeSidebar($event)\" style=\"height: 100%;\">\r\n            <div #headerdialogmaterial class=\"header-dialog-material\">\r\n                <div class=\"flex-item\">\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"isDesktop()\" (click)=\"!isReadonly && renameFile()\" style=\"color: white;\"\r\n                        class=\"btn btn-secondary\">\r\n                        <i class=\"fas fa-file-alt\"></i><span class=\"cursor-pointer\">\r\n                            {{ data.name }}\r\n                        </span>\r\n                    </a>\r\n                </div>\r\n                <div class=\"flex-item\">\r\n                    <a *ngIf=\"showDownload\" pTooltip=\"T\u1EA3i xu\u1ED1ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\"\r\n                        style=\"color: white;\" (click)=\"download()\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-download\"></i></a>\r\n                    <a *ngIf=\"!isReadonly && showDelete\" pTooltip=\"X\u00F3a t\u1EC7p tin\" tooltipPosition=\"bottom\"\r\n                        (click)=\"deleteFile()\" class=\"cursor-pointer button-link btn btn-secondary\"\r\n                        style=\"color: white;\"><i class=\"pi pi-trash\"></i></a>\r\n                    <a pTooltip=\"\u0110\u00F3ng\" tooltipPosition=\"bottom\" placeholder=\"Bottom\" style=\"color: white;\"\r\n                        (click)=\"closeSidebar(null)\" class=\"cursor-pointer button-link btn btn-secondary\">\r\n                        <i class=\"fas fa-times\"></i></a>\r\n                </div>\r\n            </div>\r\n            <audio controls autoplay src=\"{{model.fileUrl}}\"\r\n                style=\"margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);\">\r\n                Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 ph\u00E1t audio. </audio>\r\n        </div>\r\n    </ng-container>\r\n\r\n</p-sidebar>\r\n\r\n<tn-dialog *ngIf=\"renameFileForm.show\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"renameFileForm.header | translate\" [popupSize]=\"renameFileForm.popupSize\" (onHide)=\"onCancelRenameFile()\">\r\n    <file-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"renameFileForm.formData\"\r\n        (onSaved)=\"onSavedRenameFile()\" (onCancel)=\"onCancelRenameFile()\">\r\n    </file-form>\r\n</tn-dialog>", styles: ["::ng-deep .pdf-container ngx-extended-pdf-viewer #outerContainer{top:51px}.view-file{height:92vh}.dialog-material{display:block;border-radius:4px;box-sizing:border-box;overflow:hidden;outline:0;min-height:inherit;max-height:inherit;width:50vw}.dialog-material{width:100%}.dialog-material.view-file-text{width:85%;margin:0 auto}.dialog-material.view-file-text.mobile{width:100%;margin:0 auto}.header-dialog-material{display:flex;flex-direction:row;justify-content:space-between;padding:5px 15px;box-sizing:border-box;outline:0;height:50px;line-height:50px;background:#3192e1;position:absolute;pointer-events:auto;left:0;right:0;top:0;width:auto}.header-dialog-material .flex-item{line-height:40px}.header-dialog-material .flex-item .cursor-pointer{cursor:pointer;display:inline-block;padding:0 15px}.header-dialog-material .flex-item .cursor-pointer.submenu{position:relative}.header-dialog-material .flex-item .cursor-pointer.submenu ul{display:flex;position:absolute;top:25px;right:0px;align-content:flex-end;flex-direction:column;width:230px;border-radius:2px;padding:5px 0;background:#fff;box-shadow:0 6px 12px #0000002d;z-index:1}.header-dialog-material .flex-item .cursor-pointer.submenu ul li{padding:0}.header-dialog-material .flex-item .cursor-pointer.submenu ul li a{padding:0 0 0 5px;line-height:40px}.header-dialog-material .flex-item .cursor-pointer.submenu ul li a:hover{background:#f5f5f5}.header-dialog-material ul:before{top:-8px;right:8px;left:auto;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #ffffff;content:\" \";position:absolute}.mat-dialog-content{display:block;margin:0;padding:0;max-height:100vh;max-width:50vw;overflow:auto;-webkit-overflow-scrolling:touch}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000;background:rgba(0,0,0,.7)!important}::ng-deep .cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .mat-dialog-container{display:block;padding:0!important}::ng-deep .cdk-overlay-pane{max-height:100%}.button-link:hover{transition:background-color .1s,opacity .1s;background-image:none;background-color:#ffffff40}.file-row-action i{margin-right:5px;width:40px;text-align:center}.file-row-action{line-height:34px;width:100%;display:block;color:#212529}.layout-menu li a{border:none;text-align:left}.layout-menu li a i:first-child{color:#666;font-size:1em}.footer-page{position:absolute;left:50%;margin-right:-50%;transform:translate(-50%);border-radius:3px;bottom:12px;z-index:3;overflow:hidden}.footer-page-label{border-right:1px solid rgba(255,255,255,.2);display:inline-block;font-size:13px;line-height:44px;height:44px;vertical-align:middle;background:#000000}.footer-page-label-page{display:inline-block;margin-left:12px;vertical-align:middle;background:rgba(0,0,0,.75);color:#fff}.footer-page-label-numberpage{display:inline-block;text-align:center;vertical-align:middle;width:48px;color:#fff}.footer-page-label-space{display:inline-block;margin-left:12px;vertical-align:middle;color:#fff}.footer-page-label-totalpage{display:inline-block;text-align:center;vertical-align:middle;width:48px;color:#fff}::ng-deep p-table .ui-table-tbody>tr>td{overflow:unset}::ng-deep .ui-sidebar-left.ui-sidebar-active{padding-top:55px;background:rgba(0,0,0,.4);border:0}::ng-deep .layout-wrapper .layout-menu-container{border-radius:unset}::ng-deep .p-sidebar{padding:0!important;background-color:#000}::ng-deep .image-container{display:flex;justify-content:center;background-color:#000}::ng-deep .image-container .image-container-toolbar{display:flex;justify-content:flex-end}::ng-deep .image-container>img{height:calc(100ch - 50px)!important;max-height:100%!important;margin-top:50px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.EnvironmentService }, { type: i0.ElementRef }, { type: i2.AuthenService }, { type: i3.FileExplorerService }, { type: i4.MessageService }, { type: i5.TranslateService }, { type: i6.NotifierService }, { type: i4.ConfirmationService }, { type: i7.TnClientService }, { type: i8.FileVersionService }, { type: i9.CustomRouterService }, { type: i10.DeviceDetectorService }, { type: i11.FileObjectService }, { type: i12.DownloadLinkService }, { type: i13.FolderService }, { type: i0.Injector }]; }, propDecorators: { model: [{

package/esm2020/components/file-explorer/folder-form/folder-form.component.mjs

@@ -4,9 +4,9 @@ import { DataFormBase } from '../../../classes/base/data-form-base';
 import { TextControlSchema } from '../../../classes/form-schema';
 import * as i0 from "@angular/core";
 import * as i1 from "../services/folder.service";
-import * as i2 from "../../crud/crud-form/crud-form.component";
-import * as i3 from "@angular/common";
-import * as i4 from "tn-custom-primeng/button";
+import * as i2 from "@angular/common";
+import * as i3 from "tn-custom-primeng/button";
+import * as i4 from "../../crud/crud-form/crud-form.component";
 import * as i5 from "@ngx-translate/core";
 export class FolderFormComponent extends DataFormBase {
     constructor(_injector, _folderService) {
@@ -27,10 +27,10 @@ export class FolderFormComponent extends DataFormBase {
         ];
     }
 }
-FolderFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FolderFormComponent, deps: [{ token: i0.Injector }, { token: i1.FolderService }], target: i0.ɵɵFactoryTarget.Component });
-FolderFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: FolderFormComponent, selector: "folder-form", providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\"\r\n        [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i2.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i5.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FolderFormComponent, decorators: [{
+FolderFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FolderFormComponent, deps: [{ token: i0.Injector }, { token: i1.FolderService }], target: i0.ɵɵFactoryTarget.Component });
+FolderFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FolderFormComponent, selector: "folder-form", providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\"\r\n        [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "component", type: i4.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FolderFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'folder-form', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\"\r\n        [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n", styles: [""] }]
+            args: [{ selector: 'folder-form', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\"\r\n        [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.FolderService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9sZGVyLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvY29tcG9uZW50cy9maWxlLWV4cGxvcmVyL2ZvbGRlci1mb3JtL2ZvbGRlci1mb3JtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2NvbXBvbmVudHMvZmlsZS1leHBsb3Jlci9mb2xkZXItZm9ybS9mb2xkZXItZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN6RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDcEUsT0FBTyxFQUFrQixpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7Ozs7O0FBU2pGLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxZQUFZO0lBRWpELFlBQ2MsU0FBbUIsRUFDckIsY0FBNkI7UUFFckMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBSFAsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUNyQixtQkFBYyxHQUFkLGNBQWMsQ0FBZTtRQUdyQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQ25ELENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFxQjtZQUNwQyxJQUFJLGlCQUFpQixDQUFDO2dCQUNsQixLQUFLLEVBQUUsTUFBTTtnQkFDYixLQUFLLEVBQUUsYUFBYTtnQkFDcEIsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsT0FBTyxFQUFFLEVBQUU7YUFDZCxDQUFDO1NBQ0wsQ0FBQztJQUNOLENBQUM7O2dIQXBCUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixzQ0FGakIsQ0FBQyx1QkFBdUIsQ0FBQyxpRENWeEMsK3BCQVNBOzJGREdhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxhQUFhLGFBR1osQ0FBQyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRDb250ZXh0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1jb250ZXh0L2NvbXBvbmVudC1jb250ZXh0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBEYXRhRm9ybUJhc2UgfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Jhc2UvZGF0YS1mb3JtLWJhc2UnO1xyXG5pbXBvcnQgeyBGb3JtU2NoZW1hQmFzZSwgVGV4dENvbnRyb2xTY2hlbWEgfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Zvcm0tc2NoZW1hJztcclxuaW1wb3J0IHsgRm9sZGVyU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2ZvbGRlci5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdmb2xkZXItZm9ybScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZm9sZGVyLWZvcm0uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZm9sZGVyLWZvcm0uY29tcG9uZW50LnNjc3MnXSxcclxuICAgIHByb3ZpZGVyczogW0NvbXBvbmVudENvbnRleHRTZXJ2aWNlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEZvbGRlckZvcm1Db21wb25lbnQgZXh0ZW5kcyBEYXRhRm9ybUJhc2UgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByb3RlY3RlZCBfaW5qZWN0b3I6IEluamVjdG9yLFxyXG4gICAgICAgIHByaXZhdGUgX2ZvbGRlclNlcnZpY2U6IEZvbGRlclNlcnZpY2VcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKF9pbmplY3Rvcik7XHJcbiAgICAgICAgdGhpcy5zZXR0aW5nLmJhc2VTZXJ2aWNlID0gdGhpcy5fZm9sZGVyU2VydmljZTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgICAgIHRoaXMuc2V0dGluZy5zY2hlbWEgPSA8Rm9ybVNjaGVtYUJhc2VbXT5bXHJcbiAgICAgICAgICAgIG5ldyBUZXh0Q29udHJvbFNjaGVtYSh7XHJcbiAgICAgICAgICAgICAgICBmaWVsZDogJ25hbWUnLFxyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdUw6puIHRoxrAgbeG7pWMnLFxyXG4gICAgICAgICAgICAgICAgcmVxdWlyZWQ6IHRydWUsXHJcbiAgICAgICAgICAgICAgICBtZFdpZHRoOiAxMlxyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbn1cclxuIiwiPGNydWQtZm9ybSAjY3J1ZEZvcm0gWyhkYXRhKV09XCJtb2RlbC5kYXRhXCIgW3NldHRpbmddPVwic2V0dGluZ1wiIFtjb250ZXh0XT1cImNvbnRleHRcIiBbZGlzYWJsZUNhY2hpbmddPVwidHJ1ZVwiXHJcbiAgICAob25Gb3JtUmVhZHkpPVwiX2hhbmRsZUZvcm1SZWFkeSgkZXZlbnQpXCI+XHJcbjwvY3J1ZC1mb3JtPlxyXG48bmctdGVtcGxhdGUgI2J1dHRvblRlbXBsYXRlPlxyXG4gICAgPGJ1dHRvbiAqbmdJZj1cIiFtb2RlbC5kYXRhLl9fZGlzYWJsZUVkaXQgJiYgIV9faXNGb3JtVmlld1wiIHR5cGU9XCJidXR0b25cIiBwQnV0dG9uIGljb249XCJwaSBwaS1zYXZlXCIgY2xhc3M9XCJwLWJ1dHRvbi10ZXh0XCJcclxuICAgICAgICBbbGFiZWxdPVwiJ0ZPUk0uU0FWRScgfCB0cmFuc2xhdGVcIiAoY2xpY2spPVwiX2hhbmRsZVNhdmUoJGV2ZW50KVwiPjwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgcEJ1dHRvbiBpY29uPVwicGkgcGktcmVwbGF5XCIgY2xhc3M9XCJwLWJ1dHRvbi10ZXh0IHAtYnV0dG9uLXNlY29uZGFyeVwiXHJcbiAgICAgICAgW2xhYmVsXT1cIidGT1JNLkNBTkNFTCcgfCB0cmFuc2xhdGVcIiBwcmV2ZW50VGFiIChjbGljayk9XCJfaGFuZGxlQ2FuY2VsKCRldmVudClcIj48L2J1dHRvbj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19

package/esm2020/components/file-explorer/ky-so-sim-danh-sach-chu-ky/ky-so-sim-danh-sach-chu-ky.component.mjs

@@ -6,8 +6,8 @@ import { ColumnSchemaBase } from '../../../classes/form-schema-with-service';
 import { Operator } from '../../../classes/base/enums';
 import * as i0 from "@angular/core";
 import * as i1 from "../services/ky-so-sim-chu-ky-user.service";
-import * as i2 from "../../crud/crud-list/crud-list.component";
-import * as i3 from "tn-custom-primeng/button";
+import * as i2 from "tn-custom-primeng/button";
+import * as i3 from "../../crud/crud-list/crud-list.component";
 export class KySoSimDanhSachChuKyComponent extends DataListBase {
     constructor(_injection, _kySoSimChuKyUserService) {
         super(_injection);
@@ -89,11 +89,11 @@ export class KySoSimDanhSachChuKyComponent extends DataListBase {
         this.formData.show = false;
     }
 }
-KySoSimDanhSachChuKyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KySoSimDanhSachChuKyComponent, deps: [{ token: i0.Injector }, { token: i1.KySoSimChuKyUserService }], target: i0.ɵɵFactoryTarget.Component });
-KySoSimDanhSachChuKyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KySoSimDanhSachChuKyComponent, selector: "app-ky-so-sim-danh-sach-chu-ky", inputs: { formData: "formData" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-list [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [widthFunctionColumn]=\"'160px'\"\r\n    [hiddenAdd]=\"true\" [hiddenDelete]=\"true\" (onRowSelect)=\"onRowSelected($event)\" (onCopyLink)=\"_copyLink($event)\"\r\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\">\r\n    <ng-template #name let-rowData=\"rowData\">\r\n        <div style=\"text-align:center;cursor: pointer;\">\r\n            {{rowData.name}} ({{rowData.width}} px x {{rowData.height}} px)\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #anh let-rowData=\"rowData\">\r\n        <div style=\"text-align:center;cursor: pointer\"><img [src]=\"rowData.fileBase64Content\" [width]=\"100\" />\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <div style=\"text-align:center\">\r\n            <button pButton class=\"ui-button-info link-or-action\" type=\"button\" icon=\"fas fa-check\" label=\"Ch\u1ECDn ch\u1EEF k\u00FD\"\r\n                (click)=\"btnChonChuKy(rowData)\"></button>\r\n        </div>\r\n    </ng-template>\r\n</crud-list>", styles: [""], components: [{ type: i2.CrudListComponent, selector: "crud-list", inputs: ["model", "setting", "fileName", "lazy", "widthCheckbox", "widthOrderColumn", "widthFunctionColumn", "classRowGroup", "showScrollBar", "pTableScrollable", "pTableScrollHeight", "responsive", "configScrollBar", "showScrollHorizontal", "showRadio", "hiddenAdd", "hiddenDelete", "hiddenEdit", "hiddenCopyLink", "hiddenView", "disableKeypressControl", "cancelBubble", "escape", "selectionMode", "config", "enableReorderRow", "templates", "templatesFromParent", "childrenFromParent", "menuButtons", "fieldOrder", "style", "tableClass", "dataSource", "filter_default"], outputs: ["onRowSelect", "onReordered", "onCheckAll", "onReload", "onReloaded", "onReady", "onContentInit", "onAdd", "onEdit", "onCopyLink", "onCopyLinkMultiple", "onView", "onDelete", "onDeleteMultiple", "onInvalidWorkflow", "onAfterTrinhKy", "onStartedWorkflow", "onProcessedWorkflow", "onRollbackedWorkflow", "onChangedStatusWorkflow"] }], directives: [{ type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KySoSimDanhSachChuKyComponent, decorators: [{
+KySoSimDanhSachChuKyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: KySoSimDanhSachChuKyComponent, deps: [{ token: i0.Injector }, { token: i1.KySoSimChuKyUserService }], target: i0.ɵɵFactoryTarget.Component });
+KySoSimDanhSachChuKyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: KySoSimDanhSachChuKyComponent, selector: "app-ky-so-sim-danh-sach-chu-ky", inputs: { formData: "formData" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-list [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [widthFunctionColumn]=\"'160px'\"\r\n    [hiddenAdd]=\"true\" [hiddenDelete]=\"true\" (onRowSelect)=\"onRowSelected($event)\" (onCopyLink)=\"_copyLink($event)\"\r\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\">\r\n    <ng-template #name let-rowData=\"rowData\">\r\n        <div style=\"text-align:center;cursor: pointer;\">\r\n            {{rowData.name}} ({{rowData.width}} px x {{rowData.height}} px)\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #anh let-rowData=\"rowData\">\r\n        <div style=\"text-align:center;cursor: pointer\"><img [src]=\"rowData.fileBase64Content\" [width]=\"100\" />\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <div style=\"text-align:center\">\r\n            <button pButton class=\"ui-button-info link-or-action\" type=\"button\" icon=\"fas fa-check\" label=\"Ch\u1ECDn ch\u1EEF k\u00FD\"\r\n                (click)=\"btnChonChuKy(rowData)\"></button>\r\n        </div>\r\n    </ng-template>\r\n</crud-list>", styles: [""], dependencies: [{ kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "component", type: i3.CrudListComponent, selector: "crud-list", inputs: ["model", "setting", "fileName", "lazy", "widthCheckbox", "widthOrderColumn", "widthFunctionColumn", "classRowGroup", "showScrollBar", "pTableScrollable", "pTableScrollHeight", "responsive", "configScrollBar", "showScrollHorizontal", "showRadio", "hiddenAdd", "hiddenDelete", "hiddenEdit", "hiddenCopyLink", "hiddenView", "disableKeypressControl", "cancelBubble", "escape", "selectionMode", "config", "enableReorderRow", "templates", "templatesFromParent", "childrenFromParent", "menuButtons", "fieldOrder", "style", "tableClass", "dataSource", "filter_default"], outputs: ["onRowSelect", "onReordered", "onCheckAll", "onReload", "onReloaded", "onReady", "onContentInit", "onAdd", "onEdit", "onCopyLink", "onCopyLinkMultiple", "onView", "onDelete", "onDeleteMultiple", "onInvalidWorkflow", "onAfterTrinhKy", "onStartedWorkflow", "onProcessedWorkflow", "onRollbackedWorkflow", "onChangedStatusWorkflow"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: KySoSimDanhSachChuKyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-ky-so-sim-danh-sach-chu-ky', providers: [ComponentContextService], template: "<crud-list [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [widthFunctionColumn]=\"'160px'\"\r\n    [hiddenAdd]=\"true\" [hiddenDelete]=\"true\" (onRowSelect)=\"onRowSelected($event)\" (onCopyLink)=\"_copyLink($event)\"\r\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\">\r\n    <ng-template #name let-rowData=\"rowData\">\r\n        <div style=\"text-align:center;cursor: pointer;\">\r\n            {{rowData.name}} ({{rowData.width}} px x {{rowData.height}} px)\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #anh let-rowData=\"rowData\">\r\n        <div style=\"text-align:center;cursor: pointer\"><img [src]=\"rowData.fileBase64Content\" [width]=\"100\" />\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <div style=\"text-align:center\">\r\n            <button pButton class=\"ui-button-info link-or-action\" type=\"button\" icon=\"fas fa-check\" label=\"Ch\u1ECDn ch\u1EEF k\u00FD\"\r\n                (click)=\"btnChonChuKy(rowData)\"></button>\r\n        </div>\r\n    </ng-template>\r\n</crud-list>", styles: [""] }]
+            args: [{ selector: 'app-ky-so-sim-danh-sach-chu-ky', providers: [ComponentContextService], template: "<crud-list [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [widthFunctionColumn]=\"'160px'\"\r\n    [hiddenAdd]=\"true\" [hiddenDelete]=\"true\" (onRowSelect)=\"onRowSelected($event)\" (onCopyLink)=\"_copyLink($event)\"\r\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\">\r\n    <ng-template #name let-rowData=\"rowData\">\r\n        <div style=\"text-align:center;cursor: pointer;\">\r\n            {{rowData.name}} ({{rowData.width}} px x {{rowData.height}} px)\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #anh let-rowData=\"rowData\">\r\n        <div style=\"text-align:center;cursor: pointer\"><img [src]=\"rowData.fileBase64Content\" [width]=\"100\" />\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <div style=\"text-align:center\">\r\n            <button pButton class=\"ui-button-info link-or-action\" type=\"button\" icon=\"fas fa-check\" label=\"Ch\u1ECDn ch\u1EEF k\u00FD\"\r\n                (click)=\"btnChonChuKy(rowData)\"></button>\r\n        </div>\r\n    </ng-template>\r\n</crud-list>" }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.KySoSimChuKyUserService }]; }, propDecorators: { formData: [{
                 type: Input
             }] } });

package/esm2020/components/file-explorer/services/danhmuc-dungchung.service.mjs

@@ -34,9 +34,9 @@ export class DanhMucDungChungService extends BaseService {
         return result;
     }
 }
-DanhMucDungChungService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DanhMucDungChungService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-DanhMucDungChungService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DanhMucDungChungService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DanhMucDungChungService, decorators: [{
+DanhMucDungChungService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DanhMucDungChungService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+DanhMucDungChungService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DanhMucDungChungService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DanhMucDungChungService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/download-link.service.mjs

@@ -124,9 +124,9 @@ export class DownloadLinkService extends BaseService {
         return promise;
     }
 }
-DownloadLinkService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DownloadLinkService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }, { token: i3.CrudService }, { token: i4.NotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
-DownloadLinkService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DownloadLinkService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DownloadLinkService, decorators: [{
+DownloadLinkService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DownloadLinkService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }, { token: i3.CrudService }, { token: i4.NotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
+DownloadLinkService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DownloadLinkService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DownloadLinkService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/file-data.service.mjs

@@ -99,9 +99,9 @@ export class FileDataService {
         return `${serviceCode}/${entity}/${entityKey}`;
     }
 }
-FileDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileDataService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-FileDataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileDataService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileDataService, decorators: [{
+FileDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileDataService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+FileDataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileDataService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileDataService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/file-explorer-new.service.mjs

@@ -300,9 +300,9 @@ export class FileExplorerNewService extends BaseService {
             .toPromise();
     }
 }
-FileExplorerNewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileExplorerNewService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-FileExplorerNewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileExplorerNewService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileExplorerNewService, decorators: [{
+FileExplorerNewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileExplorerNewService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+FileExplorerNewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileExplorerNewService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileExplorerNewService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/file-explorer.service.mjs

@@ -419,9 +419,9 @@ export class FileExplorerService {
         return this._http.post(svUrl, serviceFileObjectDTO).pipe(catchError((err) => this.handleError(err))).toPromise();
     }
 }
-FileExplorerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileExplorerService, deps: [{ token: i1.HttpClient }, { token: i2.AuthenService }, { token: i3.CommonService }, { token: i4.EnvironmentService }, { token: i5.NotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
-FileExplorerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileExplorerService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileExplorerService, decorators: [{
+FileExplorerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileExplorerService, deps: [{ token: i1.HttpClient }, { token: i2.AuthenService }, { token: i3.CommonService }, { token: i4.EnvironmentService }, { token: i5.NotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
+FileExplorerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileExplorerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileExplorerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/file-object.service.mjs

@@ -136,9 +136,9 @@ export class FileObjectService extends BaseService {
         return `${this.serviceCode}/CreateScannedFile/${correlationId}`;
     }
 }
-FileObjectService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileObjectService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-FileObjectService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileObjectService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileObjectService, decorators: [{
+FileObjectService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileObjectService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+FileObjectService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileObjectService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileObjectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/file-version.service.mjs

@@ -65,9 +65,9 @@ export class FileVersionService extends BaseService {
         return Promise.reject(error);
     }
 }
-FileVersionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileVersionService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.AuthenService }, { token: i3.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-FileVersionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileVersionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileVersionService, decorators: [{
+FileVersionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileVersionService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.AuthenService }, { token: i3.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+FileVersionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileVersionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileVersionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/folder.service.mjs

@@ -45,9 +45,9 @@ export class FolderService extends BaseService {
         return this.defaultPost(svUrl, models);
     }
 }
-FolderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FolderService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-FolderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FolderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FolderService, decorators: [{
+FolderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FolderService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+FolderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FolderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FolderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/ky-so-sim-chu-ky-user.service.mjs

@@ -14,9 +14,9 @@ export class KySoSimChuKyUserService extends BaseService {
         this.apiGetData = 'getPaged';
     }
 }
-KySoSimChuKyUserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KySoSimChuKyUserService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-KySoSimChuKyUserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KySoSimChuKyUserService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KySoSimChuKyUserService, decorators: [{
+KySoSimChuKyUserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: KySoSimChuKyUserService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+KySoSimChuKyUserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: KySoSimChuKyUserService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: KySoSimChuKyUserService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/ky-so-sim-signPDF.service.mjs

@@ -17,9 +17,9 @@ export class KySoSimSignPDFService extends BaseService {
         return this._http.post(apiUrl, data).toPromise();
     }
 }
-KySoSimSignPDFService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KySoSimSignPDFService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-KySoSimSignPDFService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KySoSimSignPDFService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KySoSimSignPDFService, decorators: [{
+KySoSimSignPDFService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: KySoSimSignPDFService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+KySoSimSignPDFService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: KySoSimSignPDFService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: KySoSimSignPDFService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/services/my-drive.service.mjs

@@ -275,9 +275,9 @@ export class MyDriveService extends BaseService {
         return Promise.reject(error);
     }
 }
-MyDriveService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: MyDriveService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.AuthenService }, { token: i3.CommonService }, { token: i4.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-MyDriveService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: MyDriveService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: MyDriveService, decorators: [{
+MyDriveService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MyDriveService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.AuthenService }, { token: i3.CommonService }, { token: i4.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+MyDriveService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MyDriveService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MyDriveService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/file-explorer/signature-detail/signature-detail.component.mjs

@@ -54,9 +54,9 @@ export class SignatureDetailComponent extends ComponentBase {
         this.model.dataSource = nodes;
     }
 }
-SignatureDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: SignatureDetailComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SignatureDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: SignatureDetailComponent, selector: "signature-detail", providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<div class=\"tree-signature\">\r\n    <p-tree [value]=\"model.dataSource\" [filter]=\"true\" [emptyMessage]=\"'Kh\u00F4ng c\u00F3 ch\u1EEF k\u00FD'\" styleClass=\"signature-tree\">\r\n    </p-tree>\r\n</div>", styles: [":host::ng-deep .signature-tree{width:100%;border:none}:host::ng-deep .signature-tree .ui-treenode-icon{padding-right:10px;color:#888}:host::ng-deep .signature-tree span.fas.fa-signature+span{font-weight:700}:host::ng-deep .signature-tree span.ui-treenode-icon.fas.fa-signature{color:#212529!important;padding-left:5px}:host::ng-deep .signature-tree span.ui-tree-toggler{color:#212529!important}\n"], components: [{ type: i1.Tree, selector: "p-tree", inputs: ["layout", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loadingIcon", "emptyMessage", "filterBy", "filterMode", "indentation", "trackBy", "selection", "value", "selectionMode", "style", "styleClass", "contextMenu", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "loading", "ariaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterPlaceholder", "filterLocale", "scrollHeight", "virtualScroll", "virtualNodeHeight", "minBufferPx", "maxBufferPx"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onFilter"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: SignatureDetailComponent, decorators: [{
+SignatureDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SignatureDetailComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+SignatureDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SignatureDetailComponent, selector: "signature-detail", providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<div class=\"tree-signature\">\r\n    <p-tree [value]=\"model.dataSource\" [filter]=\"true\" [emptyMessage]=\"'Kh\u00F4ng c\u00F3 ch\u1EEF k\u00FD'\" styleClass=\"signature-tree\">\r\n    </p-tree>\r\n</div>", styles: [":host::ng-deep .signature-tree{width:100%;border:none}:host::ng-deep .signature-tree .ui-treenode-icon{padding-right:10px;color:#888}:host::ng-deep .signature-tree span.fas.fa-signature+span{font-weight:700}:host::ng-deep .signature-tree span.ui-treenode-icon.fas.fa-signature{color:#212529!important;padding-left:5px}:host::ng-deep .signature-tree span.ui-tree-toggler{color:#212529!important}\n"], dependencies: [{ kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["layout", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loadingIcon", "emptyMessage", "filterBy", "filterMode", "indentation", "trackBy", "selection", "value", "selectionMode", "style", "styleClass", "contextMenu", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "loading", "ariaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterPlaceholder", "filterLocale", "scrollHeight", "virtualScroll", "virtualNodeHeight", "minBufferPx", "maxBufferPx"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onFilter"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SignatureDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'signature-detail', providers: [ComponentContextService], template: "<div class=\"tree-signature\">\r\n    <p-tree [value]=\"model.dataSource\" [filter]=\"true\" [emptyMessage]=\"'Kh\u00F4ng c\u00F3 ch\u1EEF k\u00FD'\" styleClass=\"signature-tree\">\r\n    </p-tree>\r\n</div>", styles: [":host::ng-deep .signature-tree{width:100%;border:none}:host::ng-deep .signature-tree .ui-treenode-icon{padding-right:10px;color:#888}:host::ng-deep .signature-tree span.fas.fa-signature+span{font-weight:700}:host::ng-deep .signature-tree span.ui-treenode-icon.fas.fa-signature{color:#212529!important;padding-left:5px}:host::ng-deep .signature-tree span.ui-tree-toggler{color:#212529!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });