tnx-shared 5.2.17 → 5.2.18

package/esm2020/components/access-denied-component/access-denied.component.mjs

@@ -7,8 +7,8 @@ import * as i1 from "../../services/user.service";
 import * as i2 from "@angular/router";
 import * as i3 from "../../services/environment.service";
 import * as i4 from "../../services/authen.service";
-import * as i5 from "./access-denied-v1/access-denied-v1.component";
-import * as i6 from "@angular/common";
+import * as i5 from "@angular/common";
+import * as i6 from "./access-denied-v1/access-denied-v1.component";
 export class AccessDeniedComponent extends ComponentBase {
     constructor(injector, _userService, _router, _environmentService, _authenService) {
         super(injector);
@@ -39,10 +39,10 @@ export class AccessDeniedComponent extends ComponentBase {
         this._router.navigateByUrl('/');
     }
 }
-AccessDeniedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AccessDeniedComponent, deps: [{ token: i0.Injector }, { token: i1.UserService }, { token: i2.Router }, { token: i3.EnvironmentService }, { token: i4.AuthenService }], target: i0.ɵɵFactoryTarget.Component });
-AccessDeniedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: AccessDeniedComponent, selector: "app-access-denied", providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"layoutAccessDenied\">\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <access-denied-v1></access-denied-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"accessDeniedDefault\">\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #accessDeniedDefault>\r\n    <div class=\"modules\">\r\n        <div class=\"welcome-user\">\r\n            <img src=\"/assets/layout/images/male.png\" alt=\"Avatar\" />\r\n            <h1>B\u1EA1n kh\u00F4ng c\u00F3 quy\u1EC1n truy c\u1EADp v\u00E0o trang n\u00E0y.</h1>\r\n            <h1>H\u00E3y li\u00EAn h\u1EC7 qu\u1EA3n tr\u1ECB h\u1EC7 th\u1ED1ng \u0111\u1EC3 \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3!</h1>\r\n\r\n            <div style=\"margin-top: 2rem;\">\r\n                <a *ngIf=\"currentUser\" (click)=\"goToHome()\">\r\n                    <i class=\"fas fa-user\"></i>\r\n                    Trang ch\u1EE7\r\n                </a>\r\n                <span>&nbsp;</span>\r\n                <a *ngIf=\"currentUser\" style=\"background: #f7e08b;\" (click)=\"logout()\">\r\n                    <i class=\"fas fa-sign-out-alt\"></i>\r\n                    \u0110\u0103ng xu\u1EA5t\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".modules{background-color:#fff;font-family:monospace;background:url(/assets/images/splash-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;flex-direction:column}.welcome-user{text-align:center;margin-bottom:80px}.welcome-user a{background:#c2f3c3;padding:6px;border-radius:3px;cursor:pointer}.welcome-user a i{margin-right:6px}.welcome-user img{border-radius:50%;border:2px dashed #0090a280;height:250px;width:250px;object-fit:contain}.welcome-user h2{color:#0090a2}.welcome-user h1{color:#666;max-width:75vw;font-size:2rem}\n"], components: [{ type: i5.AccessDeniedV1Component, selector: "access-denied-v1" }], directives: [{ type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AccessDeniedComponent, decorators: [{
+AccessDeniedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AccessDeniedComponent, deps: [{ token: i0.Injector }, { token: i1.UserService }, { token: i2.Router }, { token: i3.EnvironmentService }, { token: i4.AuthenService }], target: i0.ɵɵFactoryTarget.Component });
+AccessDeniedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: AccessDeniedComponent, selector: "app-access-denied", providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"layoutAccessDenied\">\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <access-denied-v1></access-denied-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"accessDeniedDefault\">\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #accessDeniedDefault>\r\n    <div class=\"modules\">\r\n        <div class=\"welcome-user\">\r\n            <img src=\"/assets/layout/images/male.png\" alt=\"Avatar\" />\r\n            <h1>B\u1EA1n kh\u00F4ng c\u00F3 quy\u1EC1n truy c\u1EADp v\u00E0o trang n\u00E0y.</h1>\r\n            <h1>H\u00E3y li\u00EAn h\u1EC7 qu\u1EA3n tr\u1ECB h\u1EC7 th\u1ED1ng \u0111\u1EC3 \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3!</h1>\r\n\r\n            <div style=\"margin-top: 2rem;\">\r\n                <a *ngIf=\"currentUser\" (click)=\"goToHome()\">\r\n                    <i class=\"fas fa-user\"></i>\r\n                    Trang ch\u1EE7\r\n                </a>\r\n                <span>&nbsp;</span>\r\n                <a *ngIf=\"currentUser\" style=\"background: #f7e08b;\" (click)=\"logout()\">\r\n                    <i class=\"fas fa-sign-out-alt\"></i>\r\n                    \u0110\u0103ng xu\u1EA5t\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".modules{background-color:#fff;font-family:monospace;background:url(/assets/images/splash-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;flex-direction:column}.welcome-user{text-align:center;margin-bottom:80px}.welcome-user a{background:#c2f3c3;padding:6px;border-radius:3px;cursor:pointer}.welcome-user a i{margin-right:6px}.welcome-user img{border-radius:50%;border:2px dashed rgba(0,144,162,.5019607843);height:250px;width:250px;object-fit:contain}.welcome-user h2{color:#0090a2}.welcome-user h1{color:#666;max-width:75vw;font-size:2rem}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i6.AccessDeniedV1Component, selector: "access-denied-v1" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AccessDeniedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-access-denied', providers: [ComponentContextService], template: "<ng-container [ngSwitch]=\"layoutAccessDenied\">\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <access-denied-v1></access-denied-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"accessDeniedDefault\">\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #accessDeniedDefault>\r\n    <div class=\"modules\">\r\n        <div class=\"welcome-user\">\r\n            <img src=\"/assets/layout/images/male.png\" alt=\"Avatar\" />\r\n            <h1>B\u1EA1n kh\u00F4ng c\u00F3 quy\u1EC1n truy c\u1EADp v\u00E0o trang n\u00E0y.</h1>\r\n            <h1>H\u00E3y li\u00EAn h\u1EC7 qu\u1EA3n tr\u1ECB h\u1EC7 th\u1ED1ng \u0111\u1EC3 \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3!</h1>\r\n\r\n            <div style=\"margin-top: 2rem;\">\r\n                <a *ngIf=\"currentUser\" (click)=\"goToHome()\">\r\n                    <i class=\"fas fa-user\"></i>\r\n                    Trang ch\u1EE7\r\n                </a>\r\n                <span>&nbsp;</span>\r\n                <a *ngIf=\"currentUser\" style=\"background: #f7e08b;\" (click)=\"logout()\">\r\n                    <i class=\"fas fa-sign-out-alt\"></i>\r\n                    \u0110\u0103ng xu\u1EA5t\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".modules{background-color:#fff;font-family:monospace;background:url(/assets/images/splash-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;flex-direction:column}.welcome-user{text-align:center;margin-bottom:80px}.welcome-user a{background:#c2f3c3;padding:6px;border-radius:3px;cursor:pointer}.welcome-user a i{margin-right:6px}.welcome-user img{border-radius:50%;border:2px dashed #0090a280;height:250px;width:250px;object-fit:contain}.welcome-user h2{color:#0090a2}.welcome-user h1{color:#666;max-width:75vw;font-size:2rem}\n"] }]
+            args: [{ selector: 'app-access-denied', providers: [ComponentContextService], template: "<ng-container [ngSwitch]=\"layoutAccessDenied\">\r\n    <ng-container *ngSwitchCase=\"EnumTypeSplash.NEW_V1\">\r\n        <access-denied-v1></access-denied-v1>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-container [ngTemplateOutlet]=\"accessDeniedDefault\">\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #accessDeniedDefault>\r\n    <div class=\"modules\">\r\n        <div class=\"welcome-user\">\r\n            <img src=\"/assets/layout/images/male.png\" alt=\"Avatar\" />\r\n            <h1>B\u1EA1n kh\u00F4ng c\u00F3 quy\u1EC1n truy c\u1EADp v\u00E0o trang n\u00E0y.</h1>\r\n            <h1>H\u00E3y li\u00EAn h\u1EC7 qu\u1EA3n tr\u1ECB h\u1EC7 th\u1ED1ng \u0111\u1EC3 \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3!</h1>\r\n\r\n            <div style=\"margin-top: 2rem;\">\r\n                <a *ngIf=\"currentUser\" (click)=\"goToHome()\">\r\n                    <i class=\"fas fa-user\"></i>\r\n                    Trang ch\u1EE7\r\n                </a>\r\n                <span>&nbsp;</span>\r\n                <a *ngIf=\"currentUser\" style=\"background: #f7e08b;\" (click)=\"logout()\">\r\n                    <i class=\"fas fa-sign-out-alt\"></i>\r\n                    \u0110\u0103ng xu\u1EA5t\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".modules{background-color:#fff;font-family:monospace;background:url(/assets/images/splash-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;flex-direction:column}.welcome-user{text-align:center;margin-bottom:80px}.welcome-user a{background:#c2f3c3;padding:6px;border-radius:3px;cursor:pointer}.welcome-user a i{margin-right:6px}.welcome-user img{border-radius:50%;border:2px dashed rgba(0,144,162,.5019607843);height:250px;width:250px;object-fit:contain}.welcome-user h2{color:#0090a2}.welcome-user h1{color:#666;max-width:75vw;font-size:2rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.UserService }, { type: i2.Router }, { type: i3.EnvironmentService }, { type: i4.AuthenService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjZXNzLWRlbmllZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL2FjY2Vzcy1kZW5pZWQtY29tcG9uZW50L2FjY2Vzcy1kZW5pZWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvY29tcG9uZW50cy9hY2Nlc3MtZGVuaWVkLWNvbXBvbmVudC9hY2Nlc3MtZGVuaWVkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQStCLE1BQU0sZUFBZSxDQUFDO0FBR3ZFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUlsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7Ozs7O0FBUWxFLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxhQUFhO0lBTXBELFlBQ0ksUUFBa0IsRUFDVixZQUF5QixFQUN6QixPQUFlLEVBQ2YsbUJBQXVDLEVBQ3ZDLGNBQTZCO1FBR3JDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQU5SLGlCQUFZLEdBQVosWUFBWSxDQUFhO1FBQ3pCLFlBQU8sR0FBUCxPQUFPLENBQVE7UUFDZix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQW9CO1FBQ3ZDLG1CQUFjLEdBQWQsY0FBYyxDQUFlO1FBUnpDLG1CQUFjLEdBQUcsY0FBYyxDQUFDO1FBQ2hDLHVCQUFrQixHQUFXLGNBQWMsQ0FBQyxPQUFPLENBQUM7SUFXcEQsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdEQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ2hFLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDZixJQUFJLENBQUMsa0JBQWtCLEdBQUcsY0FBYyxDQUFDLE9BQU8sQ0FBQztTQUNwRDthQUNJO1lBQ0QsSUFBSSxDQUFDLGtCQUFrQixHQUFHLFlBQVksQ0FBQztTQUMxQztJQUNMLENBQUM7SUFFRCxNQUFNO1FBQ0YsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUU7WUFDckMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsR0FBRyxDQUFDLENBQUM7U0FDM0M7UUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7a0hBckNRLHFCQUFxQjtzR0FBckIscUJBQXFCLDRDQUZuQixDQUFDLHVCQUF1QixDQUFDLGlEQ2R4Qyw4MUNBK0JjOzJGRGZELHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxtQkFBbUIsYUFHbEIsQ0FBQyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5pbXBvcnQgeyBDb21wb25lbnRDb250ZXh0U2VydmljZSB9IGZyb20gJy4uLy4uL2FwcC1jb250ZXh0L2NvbXBvbmVudC1jb250ZXh0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9iYXNlL2NvbXBvbmVudC1iYXNlJztcclxuaW1wb3J0IHsgQXV0aGVuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2F1dGhlbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRW52aXJvbm1lbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZW52aXJvbm1lbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IFVzZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdXNlci5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRW51bVR5cGVTcGxhc2ggfSBmcm9tICcuLi9zcGxhc2gtY29tcG9uZW50L21vZGVscy9lbnVtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLWFjY2Vzcy1kZW5pZWQnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FjY2Vzcy1kZW5pZWQuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYWNjZXNzLWRlbmllZC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgcHJvdmlkZXJzOiBbQ29tcG9uZW50Q29udGV4dFNlcnZpY2VdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY2Nlc3NEZW5pZWRDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICAgIGN1cnJlbnRVc2VyOiBhbnk7XHJcbiAgICBFbnVtVHlwZVNwbGFzaCA9IEVudW1UeXBlU3BsYXNoO1xyXG4gICAgbGF5b3V0QWNjZXNzRGVuaWVkOiBzdHJpbmcgPSBFbnVtVHlwZVNwbGFzaC5ERUZBVUxUO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvcixcclxuICAgICAgICBwcml2YXRlIF91c2VyU2VydmljZTogVXNlclNlcnZpY2UsXHJcbiAgICAgICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIsXHJcbiAgICAgICAgcHJpdmF0ZSBfZW52aXJvbm1lbnRTZXJ2aWNlOiBFbnZpcm9ubWVudFNlcnZpY2UsXHJcbiAgICAgICAgcHJpdmF0ZSBfYXV0aGVuU2VydmljZTogQXV0aGVuU2VydmljZVxyXG5cclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICB0aGlzLmN1cnJlbnRVc2VyID0gdGhpcy5fdXNlclNlcnZpY2UuZ2V0Q3VycmVudFVzZXIoKTtcclxuICAgICAgICBjb25zdCBzcGxhc2hTY3JlZW4gPSB0aGlzLl9lbnZpcm9ubWVudFNlcnZpY2UuZ2V0U3BsYXNoU2NyZWVuKCk7XHJcbiAgICAgICAgaWYgKCFzcGxhc2hTY3JlZW4pIHtcclxuICAgICAgICAgICAgdGhpcy5sYXlvdXRBY2Nlc3NEZW5pZWQgPSBFbnVtVHlwZVNwbGFzaC5ERUZBVUxUO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5sYXlvdXRBY2Nlc3NEZW5pZWQgPSBzcGxhc2hTY3JlZW47XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGxvZ291dCgpIHtcclxuICAgICAgICBpZiAoIWxvY2FsU3RvcmFnZS5nZXRJdGVtKCdjdXJyZW50VXJsJykpIHtcclxuICAgICAgICAgICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oJ2N1cnJlbnRVcmwnLCAnLycpO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLl9hdXRoZW5TZXJ2aWNlLmxvZ291dCgpO1xyXG4gICAgfVxyXG5cclxuICAgIGdvVG9Ib21lKCkge1xyXG4gICAgICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZUJ5VXJsKCcvJyk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImxheW91dEFjY2Vzc0RlbmllZFwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiRW51bVR5cGVTcGxhc2guTkVXX1YxXCI+XHJcbiAgICAgICAgPGFjY2Vzcy1kZW5pZWQtdjE+PC9hY2Nlc3MtZGVuaWVkLXYxPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWNjZXNzRGVuaWVkRGVmYXVsdFwiPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLXRlbXBsYXRlICNhY2Nlc3NEZW5pZWREZWZhdWx0PlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZHVsZXNcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwid2VsY29tZS11c2VyXCI+XHJcbiAgICAgICAgICAgIDxpbWcgc3JjPVwiL2Fzc2V0cy9sYXlvdXQvaW1hZ2VzL21hbGUucG5nXCIgYWx0PVwiQXZhdGFyXCIgLz5cclxuICAgICAgICAgICAgPGgxPkLhuqFuIGtow7RuZyBjw7MgcXV54buBbiB0cnV5IGPhuq1wIHbDoG8gdHJhbmcgbsOgeS48L2gxPlxyXG4gICAgICAgICAgICA8aDE+SMOjeSBsacOqbiBo4buHIHF14bqjbiB0cuG7iyBo4buHIHRo4buRbmcgxJHhu4MgxJHGsOG7o2MgaOG7lyB0cuG7oyE8L2gxPlxyXG5cclxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cIm1hcmdpbi10b3A6IDJyZW07XCI+XHJcbiAgICAgICAgICAgICAgICA8YSAqbmdJZj1cImN1cnJlbnRVc2VyXCIgKGNsaWNrKT1cImdvVG9Ib21lKClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS11c2VyXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgIFRyYW5nIGNo4bunXHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj4mbmJzcDs8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8YSAqbmdJZj1cImN1cnJlbnRVc2VyXCIgc3R5bGU9XCJiYWNrZ3JvdW5kOiAjZjdlMDhiO1wiIChjbGljayk9XCJsb2dvdXQoKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLXNpZ24tb3V0LWFsdFwiPjwvaT5cclxuICAgICAgICAgICAgICAgICAgICDEkMSDbmcgeHXhuqV0XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+Il19

package/esm2020/components/add-news/add-news.component.mjs

@@ -10,11 +10,11 @@ import { ArticleConstants } from '../../models/news-contant';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/article.service";
 import * as i2 from "../../services/newscategory.service";
-import * as i3 from "../crud/crud-list/crud-list.component";
+import * as i3 from "tn-custom-primeng/button";
 import * as i4 from "tn-custom-primeng/dropdown";
-import * as i5 from "tn-custom-primeng/button";
+import * as i5 from "tn-custom-primeng/tooltip";
 import * as i6 from "@angular/forms";
-import * as i7 from "tn-custom-primeng/tooltip";
+import * as i7 from "../crud/crud-list/crud-list.component";
 import * as i8 from "@ngx-translate/core";
 export class AddNewsComponent extends DataListBase {
     constructor(_injector, _articleService, _newsCategoryService) {
@@ -177,9 +177,9 @@ export class AddNewsComponent extends DataListBase {
         this.showChange.emit(result);
     }
 }
-AddNewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AddNewsComponent, deps: [{ token: i0.Injector }, { token: i1.ArticleService }, { token: i2.NewsCategoryService }], target: i0.ɵɵFactoryTarget.Component });
-AddNewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: AddNewsComponent, selector: "add-news", inputs: { isShow: "isShow", languageCode: "languageCode" }, outputs: { showChange: "showChange" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ContextMenu, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"custom-list\">\r\n    <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n        (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\"\r\n        (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\"\r\n        (onReloaded)=\"_unmarkLoading()\" [hiddenAdd]=\"true\" [hiddenDelete]=\"true\">\r\n        <ng-template #toolbar>\r\n            <div class=\"ui-g p-grid\">\r\n                <div class=\" p-g-12 p-md-3\">\r\n                    <button (click)=\"addMultiple($event)\" pButton type=\"button\"\r\n                        label=\"Th\u00EAm ({{model.selectedItems.length}})\" icon=\"pi pi-plus\" iconPos=\"left\"\r\n                        class=\"p-button-rounded p-button-text p-button-info\"></button>\r\n                </div>\r\n                <div class=\" p-g-12 p-md-3 p-offset-6\">\r\n                    <p-dropdown [placeholder]=\"'Ch\u1ECDn lo\u1EA1i tin'\" [options]=\"optionArr\" [(ngModel)]=\"articleType\"\r\n                        (onChange)=\"onSelect($event)\">\r\n                    </p-dropdown>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n            <button (click)=\"addRow(rowData)\" icon=\"pi pi-plus\" pTooltip=\"{{'Th\u00EAm' | translate}}\" tooltipPosition=\"top\"\r\n                pButton type=\"button\" label=\"Th\u00EAm\"\r\n                class=\"p-button-rounded p-button-text p-button-primary link-or-action\"></button>\r\n        </ng-template>\r\n    </crud-list>\r\n</div>\r\n", styles: ["::ng-deep .custom-list .custom-card{min-height:calc(100vh - 328px)}::ng-deep .custom-list .p-dropdown.p-component{width:100%}\n"], components: [{ 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"] }, { type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "autoDisplayFirst", "emptyFilterMessage", "maxItemDisplay", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "autofocusSelectedItem", "delayFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass", "modifyOptionsWhenFilter"], outputs: ["onChange", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }], directives: [{ type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }], pipes: { "translate": i8.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AddNewsComponent, decorators: [{
+AddNewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AddNewsComponent, deps: [{ token: i0.Injector }, { token: i1.ArticleService }, { token: i2.NewsCategoryService }], target: i0.ɵɵFactoryTarget.Component });
+AddNewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: AddNewsComponent, selector: "add-news", inputs: { isShow: "isShow", languageCode: "languageCode" }, outputs: { showChange: "showChange" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ContextMenu, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"custom-list\">\r\n    <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n        (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\"\r\n        (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\"\r\n        (onReloaded)=\"_unmarkLoading()\" [hiddenAdd]=\"true\" [hiddenDelete]=\"true\">\r\n        <ng-template #toolbar>\r\n            <div class=\"ui-g p-grid\">\r\n                <div class=\" p-g-12 p-md-3\">\r\n                    <button (click)=\"addMultiple($event)\" pButton type=\"button\"\r\n                        label=\"Th\u00EAm ({{model.selectedItems.length}})\" icon=\"pi pi-plus\" iconPos=\"left\"\r\n                        class=\"p-button-rounded p-button-text p-button-info\"></button>\r\n                </div>\r\n                <div class=\" p-g-12 p-md-3 p-offset-6\">\r\n                    <p-dropdown [placeholder]=\"'Ch\u1ECDn lo\u1EA1i tin'\" [options]=\"optionArr\" [(ngModel)]=\"articleType\"\r\n                        (onChange)=\"onSelect($event)\">\r\n                    </p-dropdown>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n            <button (click)=\"addRow(rowData)\" icon=\"pi pi-plus\" pTooltip=\"{{'Th\u00EAm' | translate}}\" tooltipPosition=\"top\"\r\n                pButton type=\"button\" label=\"Th\u00EAm\"\r\n                class=\"p-button-rounded p-button-text p-button-primary link-or-action\"></button>\r\n        </ng-template>\r\n    </crud-list>\r\n</div>\r\n", styles: ["::ng-deep .custom-list .custom-card{min-height:calc(100vh - 328px)}::ng-deep .custom-list .p-dropdown.p-component{width:100%}\n"], dependencies: [{ kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "autoDisplayFirst", "emptyFilterMessage", "maxItemDisplay", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "autofocusSelectedItem", "delayFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass", "modifyOptionsWhenFilter"], outputs: ["onChange", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.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"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AddNewsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'add-news', providers: [ComponentContextService], template: "<div class=\"custom-list\">\r\n    <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n        (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\"\r\n        (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\"\r\n        (onReloaded)=\"_unmarkLoading()\" [hiddenAdd]=\"true\" [hiddenDelete]=\"true\">\r\n        <ng-template #toolbar>\r\n            <div class=\"ui-g p-grid\">\r\n                <div class=\" p-g-12 p-md-3\">\r\n                    <button (click)=\"addMultiple($event)\" pButton type=\"button\"\r\n                        label=\"Th\u00EAm ({{model.selectedItems.length}})\" icon=\"pi pi-plus\" iconPos=\"left\"\r\n                        class=\"p-button-rounded p-button-text p-button-info\"></button>\r\n                </div>\r\n                <div class=\" p-g-12 p-md-3 p-offset-6\">\r\n                    <p-dropdown [placeholder]=\"'Ch\u1ECDn lo\u1EA1i tin'\" [options]=\"optionArr\" [(ngModel)]=\"articleType\"\r\n                        (onChange)=\"onSelect($event)\">\r\n                    </p-dropdown>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <ng-template #function let-rowData=\"rowData\" let-crudList=\"crudList\">\r\n            <button (click)=\"addRow(rowData)\" icon=\"pi pi-plus\" pTooltip=\"{{'Th\u00EAm' | translate}}\" tooltipPosition=\"top\"\r\n                pButton type=\"button\" label=\"Th\u00EAm\"\r\n                class=\"p-button-rounded p-button-text p-button-primary link-or-action\"></button>\r\n        </ng-template>\r\n    </crud-list>\r\n</div>\r\n", styles: ["::ng-deep .custom-list .custom-card{min-height:calc(100vh - 328px)}::ng-deep .custom-list .p-dropdown.p-component{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.ArticleService }, { type: i2.NewsCategoryService }]; }, propDecorators: { contextMenu: [{

package/esm2020/components/address/address.component.mjs

@@ -11,8 +11,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./services/address.service";
 import * as i2 from "../../services/environment.service";
 import * as i3 from "ngx-device-detector";
-import * as i4 from "../crud/crud-form/crud-form.component";
-import * as i5 from "@angular/common";
+import * as i4 from "@angular/common";
+import * as i5 from "../crud/crud-form/crud-form.component";
 export class AddressComponent extends DataFormBase {
     constructor(_injector, _addressService, _environmentService, _deviceDetectorService) {
         super(_injector);
@@ -231,9 +231,9 @@ export class AddressComponent extends DataFormBase {
         this.modelString = str;
     }
 }
-AddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AddressComponent, deps: [{ token: i0.Injector }, { token: i1.AddressService }, { token: i2.EnvironmentService }, { token: i3.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
-AddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: AddressComponent, selector: "address-picker", inputs: { control: "control", disabled: "disabled", viewMode: "viewMode", data: "data", showSubLabel: "showSubLabel" }, outputs: { onSelect: "onSelect", dataChange: "dataChange", onReady: "onReady" }, viewQueries: [{ propertyName: "crudForm", first: true, predicate: CrudFormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!viewMode\">\r\n    <div\r\n        [ngStyle]=\"control.showInBox?{border: '1px solid #ced4da', 'borderRadius': '5px' }: { margin: '-0.5rem -1rem -1rem -1rem' }\">\r\n        <crud-form #crudForm [(data)]=\"_modelData\" [setting]=\"setting\" [context]=\"context\" [autoFocus]=\"false\"\r\n            (onFormReady)=\"_handleFormReady($event)\" (onChange)=\"handleValueChange($event)\"\r\n            (onControlReady)=\"handleReady($event)\">\r\n        </crud-form>\r\n    </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"viewMode\">\r\n    {{modelString}}\r\n</ng-container>", styles: [".control-padding-fix{padding-left:0}@media (max-width: 640px){::ng-deep address-picker>div{min-width:100%}}\n"], components: [{ 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"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AddressComponent, decorators: [{
+AddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AddressComponent, deps: [{ token: i0.Injector }, { token: i1.AddressService }, { token: i2.EnvironmentService }, { token: i3.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
+AddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: AddressComponent, selector: "address-picker", inputs: { control: "control", disabled: "disabled", viewMode: "viewMode", data: "data", showSubLabel: "showSubLabel" }, outputs: { onSelect: "onSelect", dataChange: "dataChange", onReady: "onReady" }, viewQueries: [{ propertyName: "crudForm", first: true, predicate: CrudFormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!viewMode\">\r\n    <div\r\n        [ngStyle]=\"control.showInBox?{border: '1px solid #ced4da', 'borderRadius': '5px' }: { margin: '-0.5rem -1rem -1rem -1rem' }\">\r\n        <crud-form #crudForm [(data)]=\"_modelData\" [setting]=\"setting\" [context]=\"context\" [autoFocus]=\"false\"\r\n            (onFormReady)=\"_handleFormReady($event)\" (onChange)=\"handleValueChange($event)\"\r\n            (onControlReady)=\"handleReady($event)\">\r\n        </crud-form>\r\n    </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"viewMode\">\r\n    {{modelString}}\r\n</ng-container>", styles: [".control-padding-fix{padding-left:0}@media (max-width: 640px){::ng-deep address-picker>div{min-width:100%}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AddressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'address-picker', template: "<ng-container *ngIf=\"!viewMode\">\r\n    <div\r\n        [ngStyle]=\"control.showInBox?{border: '1px solid #ced4da', 'borderRadius': '5px' }: { margin: '-0.5rem -1rem -1rem -1rem' }\">\r\n        <crud-form #crudForm [(data)]=\"_modelData\" [setting]=\"setting\" [context]=\"context\" [autoFocus]=\"false\"\r\n            (onFormReady)=\"_handleFormReady($event)\" (onChange)=\"handleValueChange($event)\"\r\n            (onControlReady)=\"handleReady($event)\">\r\n        </crud-form>\r\n    </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"viewMode\">\r\n    {{modelString}}\r\n</ng-container>", styles: [".control-padding-fix{padding-left:0}@media (max-width: 640px){::ng-deep address-picker>div{min-width:100%}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.AddressService }, { type: i2.EnvironmentService }, { type: i3.DeviceDetectorService }]; }, propDecorators: { crudForm: [{

package/esm2020/components/address/services/address.service.mjs

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

package/esm2020/components/after-view-checked/after-view-checked.component.mjs

@@ -32,11 +32,11 @@ export class AfterViewCheckedComponent extends ComponentBase {
         this.unloading.next(true);
     }
 }
-AfterViewCheckedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AfterViewCheckedComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AfterViewCheckedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: AfterViewCheckedComponent, selector: "after-view-checked", inputs: { renderKey: "renderKey" }, outputs: { loaded: "loaded", loading: "loading", unloading: "unloading", reRender: "reRender" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AfterViewCheckedComponent, decorators: [{
+AfterViewCheckedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AfterViewCheckedComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AfterViewCheckedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: AfterViewCheckedComponent, selector: "after-view-checked", inputs: { renderKey: "renderKey" }, outputs: { loaded: "loaded", loading: "loading", unloading: "unloading", reRender: "reRender" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AfterViewCheckedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'after-view-checked', template: ``, providers: [ComponentContextService], styles: [""] }]
+            args: [{ selector: 'after-view-checked', template: ``, providers: [ComponentContextService] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { renderKey: [{
                 type: Input
             }], loaded: [{

package/esm2020/components/autocomplete-datasource/autocomplete-datasource.component.mjs

@@ -3,8 +3,8 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { AutoCompleteControlSchema } from '../../classes/form-schema-with-service';
 import * as i0 from "@angular/core";
 import * as i1 from "ngx-device-detector";
-import * as i2 from "tn-custom-primeng/autocomplete";
-import * as i3 from "@angular/forms";
+import * as i2 from "@angular/forms";
+import * as i3 from "tn-custom-primeng/autocomplete";
 export class AutocompleteDatasourceComponent {
     constructor(_deviceDetectorService) {
         this._deviceDetectorService = _deviceDetectorService;
@@ -91,15 +91,15 @@ export class AutocompleteDatasourceComponent {
         this.control.disabled = isDisabled;
     }
 }
-AutocompleteDatasourceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AutocompleteDatasourceComponent, deps: [{ token: i1.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
-AutocompleteDatasourceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: AutocompleteDatasourceComponent, selector: "app-autocomplete-datasource", inputs: { suggestions: "suggestions", control: "control" }, outputs: { onValueChanged: "onValueChanged" }, providers: [
+AutocompleteDatasourceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AutocompleteDatasourceComponent, deps: [{ token: i1.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
+AutocompleteDatasourceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: AutocompleteDatasourceComponent, selector: "app-autocomplete-datasource", inputs: { suggestions: "suggestions", control: "control" }, outputs: { onValueChanged: "onValueChanged" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => AutocompleteDatasourceComponent),
             multi: true
         }
-    ], ngImport: i0, template: "<p-autoComplete [styleClass]=\"'tn-autocomplete'\" [disabled]=\"control.disabled\" [size]=\"300\" [dropdown]=\"true\"\r\n  [suggestions]=\"lstDataSuggest\" [placeholder]=\"control.placeholder\" [showTransitionOptions]=\"showTransitionOptions\"\r\n  [hideTransitionOptions]=\"hideTransitionOptions\" [multiple]=\"control.multiple\" [minLength]=\"control.minLengthFilter\"\r\n  [appendTo]=\"control.appendTo\" [(ngModel)]=\"selectedValue\" (onSelect)=\"handleSelect($event)\"\r\n  (onUnselect)=\"handleUnSelect($event)\" (onBlur)=\"handleBlur($event)\" (onFocus)=\"handleFocus($event)\"\r\n  (onDropdownClick)=\"handleACDropdownClick($event)\" (completeMethod)=\"filterData($event)\"\r\n  (onKeyUp)=\"handleKeyUp($event)\">\r\n</p-autoComplete>", styles: [""], components: [{ type: i2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "field", "dropdown", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AutocompleteDatasourceComponent, decorators: [{
+    ], ngImport: i0, template: "<p-autoComplete [styleClass]=\"'tn-autocomplete'\" [disabled]=\"control.disabled\" [size]=\"300\" [dropdown]=\"true\"\r\n  [suggestions]=\"lstDataSuggest\" [placeholder]=\"control.placeholder\" [showTransitionOptions]=\"showTransitionOptions\"\r\n  [hideTransitionOptions]=\"hideTransitionOptions\" [multiple]=\"control.multiple\" [minLength]=\"control.minLengthFilter\"\r\n  [appendTo]=\"control.appendTo\" [(ngModel)]=\"selectedValue\" (onSelect)=\"handleSelect($event)\"\r\n  (onUnselect)=\"handleUnSelect($event)\" (onBlur)=\"handleBlur($event)\" (onFocus)=\"handleFocus($event)\"\r\n  (onDropdownClick)=\"handleACDropdownClick($event)\" (completeMethod)=\"filterData($event)\"\r\n  (onKeyUp)=\"handleKeyUp($event)\">\r\n</p-autoComplete>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "field", "dropdown", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AutocompleteDatasourceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-autocomplete-datasource', providers: [
                         {
@@ -107,7 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
                             useExisting: forwardRef(() => AutocompleteDatasourceComponent),
                             multi: true
                         }
-                    ], template: "<p-autoComplete [styleClass]=\"'tn-autocomplete'\" [disabled]=\"control.disabled\" [size]=\"300\" [dropdown]=\"true\"\r\n  [suggestions]=\"lstDataSuggest\" [placeholder]=\"control.placeholder\" [showTransitionOptions]=\"showTransitionOptions\"\r\n  [hideTransitionOptions]=\"hideTransitionOptions\" [multiple]=\"control.multiple\" [minLength]=\"control.minLengthFilter\"\r\n  [appendTo]=\"control.appendTo\" [(ngModel)]=\"selectedValue\" (onSelect)=\"handleSelect($event)\"\r\n  (onUnselect)=\"handleUnSelect($event)\" (onBlur)=\"handleBlur($event)\" (onFocus)=\"handleFocus($event)\"\r\n  (onDropdownClick)=\"handleACDropdownClick($event)\" (completeMethod)=\"filterData($event)\"\r\n  (onKeyUp)=\"handleKeyUp($event)\">\r\n</p-autoComplete>", styles: [""] }]
+                    ], template: "<p-autoComplete [styleClass]=\"'tn-autocomplete'\" [disabled]=\"control.disabled\" [size]=\"300\" [dropdown]=\"true\"\r\n  [suggestions]=\"lstDataSuggest\" [placeholder]=\"control.placeholder\" [showTransitionOptions]=\"showTransitionOptions\"\r\n  [hideTransitionOptions]=\"hideTransitionOptions\" [multiple]=\"control.multiple\" [minLength]=\"control.minLengthFilter\"\r\n  [appendTo]=\"control.appendTo\" [(ngModel)]=\"selectedValue\" (onSelect)=\"handleSelect($event)\"\r\n  (onUnselect)=\"handleUnSelect($event)\" (onBlur)=\"handleBlur($event)\" (onFocus)=\"handleFocus($event)\"\r\n  (onDropdownClick)=\"handleACDropdownClick($event)\" (completeMethod)=\"filterData($event)\"\r\n  (onKeyUp)=\"handleKeyUp($event)\">\r\n</p-autoComplete>" }]
         }], ctorParameters: function () { return [{ type: i1.DeviceDetectorService }]; }, propDecorators: { suggestions: [{
                 type: Input
             }], control: [{

package/esm2020/components/autocomplete-picker/autocomplete-picker.component.mjs

@@ -13,13 +13,13 @@ import { DropdownOptions } from '../dropdown/models/models';
 import { AdvanceDataEntityPicker } from '../entity-picker/model/advance-data';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
-import * as i2 from "tn-custom-primeng/autocomplete";
-import * as i3 from "../tn-dialog/tn-dialog.component";
-import * as i4 from "../entity-picker/entity-picker-box/entity-picker-box.component";
-import * as i5 from "@angular/common";
-import * as i6 from "tn-custom-primeng/tooltip";
-import * as i7 from "@angular/forms";
-import * as i8 from "tn-custom-primeng/button";
+import * as i2 from "@angular/common";
+import * as i3 from "tn-custom-primeng/button";
+import * as i4 from "tn-custom-primeng/tooltip";
+import * as i5 from "@angular/forms";
+import * as i6 from "tn-custom-primeng/autocomplete";
+import * as i7 from "../entity-picker/entity-picker-box/entity-picker-box.component";
+import * as i8 from "../tn-dialog/tn-dialog.component";
 export class AutoCompletePickerComponent extends ComponentBase {
     constructor(injector, _translateService) {
         super(injector);
@@ -504,8 +504,8 @@ export class AutoCompletePickerComponent extends ComponentBase {
         }
     }
 }
-AutoCompletePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AutoCompletePickerComponent, deps: [{ token: i0.Injector }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-AutoCompletePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: AutoCompletePickerComponent, selector: "autocomplete-picker", inputs: { control: "control", disabled: "disabled", popupSize: "popupSize", readOnlyValues: "readOnlyValues" }, outputs: { onSelect: "onSelect", onUnSelect: "onUnSelect", onChanged: "onChanged", onFocus: "onFocus", onBlur: "onBlur", onReady: "onReady" }, providers: [
+AutoCompletePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AutoCompletePickerComponent, deps: [{ token: i0.Injector }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+AutoCompletePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: AutoCompletePickerComponent, selector: "autocomplete-picker", inputs: { control: "control", disabled: "disabled", popupSize: "popupSize", readOnlyValues: "readOnlyValues" }, outputs: { onSelect: "onSelect", onUnSelect: "onUnSelect", onChanged: "onChanged", onFocus: "onFocus", onBlur: "onBlur", onReady: "onReady" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => AutoCompletePickerComponent),
@@ -513,8 +513,8 @@ AutoCompletePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
         },
         ComponentContextService,
         EntityMetadataService
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"p-inputgroup autocomplete-picker\" *ngIf=\"control\" [class.has-value]=\"hasValue\"\r\n    [class.multiple]=\"control.multiple\" [class.disabled]=\"control.disabled\">\r\n    <div style=\"width: calc(100% - 28px)\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\">\r\n        <p-autoComplete emptyMessage=\"Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 n\u00E0o\" [ngClass]=\"'custom-autocomplete'\" [disabled]=\"disabled\"\r\n            [placeholder]=\"control.placeholder\" [appendTo]=\"control.appendTo\" [suggestions]=\"results\" field=\"label\"\r\n            [styleClass]=\"control.validators && control.required ? 'rq' : ''\" [multiple]=\"control.multiple\"\r\n            [minLength]=\"2\" [(ngModel)]=\"selectedValueObject\" (onFocus)=\"handleFocus($event)\"\r\n            (onBlur)=\"handleBlur($event)\" (completeMethod)=\"search($event)\" (onKeyUp)=\"handleKeyUp($event)\"\r\n            (onSelect)=\"handleSelect($event)\" (onUnselect)=\"handleUnSelect($event)\">\r\n        </p-autoComplete>\r\n    </div>\r\n    <span *ngIf=\"!control.multiple && !disabled && hasValue\" class=\"icon-clear\" (click)=\"clearValue()\"><i\r\n            class=\"fas fa-times\"></i></span>\r\n    <button class=\"custom-autocomplete-button\" [disabled]=\"disabled\" tabindex=\"-1\" (click)=\"showPickForm()\" pButton\r\n        [pTooltip]=\"control.title\" icon=\"fas fa-external-link-alt\" type=\"button\"></button>\r\n</div>\r\n<tn-dialog #dialog *ngIf=\"showFormPicker\" styleClass=\"entity-picker-box-dialog no-padding\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\r\n    <entity-picker-box #entityPickerBox [control]=\"control\" [parentSetting]=\"setting\" [advanceData]=\"advanceData\"\r\n        [readOnlyValues]=\"readOnlyValues\" [selectedValue]=\"selectedValue\"\r\n        (onContentLeftInit)=\"handleContentLeftInit($event)\" (onContentRightInit)=\"handleContentRightInit($event)\"\r\n        (onChanged)=\"handleChangeEntity($event)\" (onSelect)=\"handleSelectEntity($event)\"\r\n        (onUnSelect)=\"handleUnSelectEntity($event)\" (onDone)=\"handleHide($event)\"\r\n        (onRowSelect)=\"handleRowSelect($event)\">\r\n    </entity-picker-box>\r\n    <ng-template #footer>\r\n        <button type=\" button\" pButton class=\"p-button-text\" (click)=\"onClickSubmitButton($event, entityPickerBox)\"\r\n            [label]=\"'Ho\u00E0n th\u00E0nh' | translate\" icon=\"pi pi-check\"></button>\r\n    </ng-template>\r\n</tn-dialog>", styles: [".autocomplete-picker{position:relative}.autocomplete-picker .icon-clear{position:absolute;right:36px;top:50%;transform:translateY(-50%);font-size:11px;color:#555;padding:3px;cursor:pointer}::ng-deep .autocomplete-picker.has-value:not(.multiple):not(.disabled) p-autocomplete .p-inputtext{padding-right:34px}::ng-deep .autocomplete-picker .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:.143rem 0}::ng-deep .autocomplete-picker .p-autocomplete .p-autocomplete-multiple-container,::ng-deep .autocomplete-picker .p-autocomplete .p-autocomplete-input{border-radius:4px 0 0 4px}@media (max-width: 640px){::ng-deep autocomplete-picker .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0 0 3px}::ng-deep autocomplete-picker .p-autocomplete-input-token>input{height:21.5px!important}}\n"], components: [{ type: i2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "field", "dropdown", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: i3.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: i4.EntityPickerBoxComponent, selector: "entity-picker-box", inputs: ["parentSetting", "advanceData", "control", "width", "height", "readOnlyValues", "selectedValue"], outputs: ["onContentLeftInit", "onContentRightInit", "onRowSelect", "onChanged", "onSelect", "onUnSelect", "onDone"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i8.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AutoCompletePickerComponent, decorators: [{
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"p-inputgroup autocomplete-picker\" *ngIf=\"control\" [class.has-value]=\"hasValue\"\r\n    [class.multiple]=\"control.multiple\" [class.disabled]=\"control.disabled\">\r\n    <div style=\"width: calc(100% - 28px)\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\">\r\n        <p-autoComplete emptyMessage=\"Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 n\u00E0o\" [ngClass]=\"'custom-autocomplete'\" [disabled]=\"disabled\"\r\n            [placeholder]=\"control.placeholder\" [appendTo]=\"control.appendTo\" [suggestions]=\"results\" field=\"label\"\r\n            [styleClass]=\"control.validators && control.required ? 'rq' : ''\" [multiple]=\"control.multiple\"\r\n            [minLength]=\"2\" [(ngModel)]=\"selectedValueObject\" (onFocus)=\"handleFocus($event)\"\r\n            (onBlur)=\"handleBlur($event)\" (completeMethod)=\"search($event)\" (onKeyUp)=\"handleKeyUp($event)\"\r\n            (onSelect)=\"handleSelect($event)\" (onUnselect)=\"handleUnSelect($event)\">\r\n        </p-autoComplete>\r\n    </div>\r\n    <span *ngIf=\"!control.multiple && !disabled && hasValue\" class=\"icon-clear\" (click)=\"clearValue()\"><i\r\n            class=\"fas fa-times\"></i></span>\r\n    <button class=\"custom-autocomplete-button\" [disabled]=\"disabled\" tabindex=\"-1\" (click)=\"showPickForm()\" pButton\r\n        [pTooltip]=\"control.title\" icon=\"fas fa-external-link-alt\" type=\"button\"></button>\r\n</div>\r\n<tn-dialog #dialog *ngIf=\"showFormPicker\" styleClass=\"entity-picker-box-dialog no-padding\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\r\n    <entity-picker-box #entityPickerBox [control]=\"control\" [parentSetting]=\"setting\" [advanceData]=\"advanceData\"\r\n        [readOnlyValues]=\"readOnlyValues\" [selectedValue]=\"selectedValue\"\r\n        (onContentLeftInit)=\"handleContentLeftInit($event)\" (onContentRightInit)=\"handleContentRightInit($event)\"\r\n        (onChanged)=\"handleChangeEntity($event)\" (onSelect)=\"handleSelectEntity($event)\"\r\n        (onUnSelect)=\"handleUnSelectEntity($event)\" (onDone)=\"handleHide($event)\"\r\n        (onRowSelect)=\"handleRowSelect($event)\">\r\n    </entity-picker-box>\r\n    <ng-template #footer>\r\n        <button type=\" button\" pButton class=\"p-button-text\" (click)=\"onClickSubmitButton($event, entityPickerBox)\"\r\n            [label]=\"'Ho\u00E0n th\u00E0nh' | translate\" icon=\"pi pi-check\"></button>\r\n    </ng-template>\r\n</tn-dialog>", styles: [".autocomplete-picker{position:relative}.autocomplete-picker .icon-clear{position:absolute;right:36px;top:50%;transform:translateY(-50%);font-size:11px;color:#555;padding:3px;cursor:pointer}::ng-deep .autocomplete-picker.has-value:not(.multiple):not(.disabled) p-autocomplete .p-inputtext{padding-right:34px}::ng-deep .autocomplete-picker .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:.143rem 0}::ng-deep .autocomplete-picker .p-autocomplete .p-autocomplete-multiple-container,::ng-deep .autocomplete-picker .p-autocomplete .p-autocomplete-input{border-radius:4px 0 0 4px}@media (max-width: 640px){::ng-deep autocomplete-picker .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0 0 3px}::ng-deep autocomplete-picker .p-autocomplete-input-token>input{height:21.5px!important}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "field", "dropdown", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { kind: "component", type: i7.EntityPickerBoxComponent, selector: "entity-picker-box", inputs: ["parentSetting", "advanceData", "control", "width", "height", "readOnlyValues", "selectedValue"], outputs: ["onContentLeftInit", "onContentRightInit", "onRowSelect", "onChanged", "onSelect", "onUnSelect", "onDone"] }, { kind: "component", type: i8.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: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AutoCompletePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'autocomplete-picker', providers: [
                         {

package/esm2020/components/avatar-uploader/avatar-uploader.component.mjs

@@ -7,8 +7,8 @@ import * as i1 from "../file-explorer/services/file-explorer.service";
 import * as i2 from "../../services/environment.service";
 import * as i3 from "../../services/notifier.service";
 import * as i4 from "../file-explorer/services/file-object.service";
-import * as i5 from "tn-custom-primeng/fileupload";
-import * as i6 from "@angular/common";
+import * as i5 from "@angular/common";
+import * as i6 from "tn-custom-primeng/fileupload";
 export class AvatarUploaderComponent {
     constructor(_fileExplorerService, _environmentService, _notifierService, _fileObjectService) {
         this._fileExplorerService = _fileExplorerService;
@@ -197,15 +197,15 @@ export class AvatarUploaderComponent {
         }
     }
 }
-AvatarUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AvatarUploaderComponent, deps: [{ token: i1.FileExplorerService }, { token: i2.EnvironmentService }, { token: i3.NotifierService }, { token: i4.FileObjectService }], target: i0.ɵɵFactoryTarget.Component });
-AvatarUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: AvatarUploaderComponent, selector: "app-avatar-uploader", inputs: { chooseLabel: "chooseLabel", defaultNoImageUrl: "defaultNoImageUrl", customDefaultImageUrl: "customDefaultImageUrl", gender: "gender", forCurrentUser: "forCurrentUser", disabled: "disabled", entityKey: "entityKey" }, outputs: { onUploaded: "onUploaded", onRemoved: "onRemoved" }, providers: [
+AvatarUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AvatarUploaderComponent, deps: [{ token: i1.FileExplorerService }, { token: i2.EnvironmentService }, { token: i3.NotifierService }, { token: i4.FileObjectService }], target: i0.ɵɵFactoryTarget.Component });
+AvatarUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: AvatarUploaderComponent, selector: "app-avatar-uploader", inputs: { chooseLabel: "chooseLabel", defaultNoImageUrl: "defaultNoImageUrl", customDefaultImageUrl: "customDefaultImageUrl", gender: "gender", forCurrentUser: "forCurrentUser", disabled: "disabled", entityKey: "entityKey" }, outputs: { onUploaded: "onUploaded", onRemoved: "onRemoved" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => AvatarUploaderComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "fileControl", first: true, predicate: FileUpload, descendants: true }], ngImport: i0, template: "<!-- Todo: code lom, refactory lai sau -->\r\n<div *ngIf=\"!fileIdUploaded\">\r\n    <div class=\"tn-thumbnail\">\r\n        <img src=\"{{defaultNoImageUrl}}\" width=\"100%\" height=\"100%\" />\r\n\r\n        <div class=\"tn-btn-thumbnail text-center\" *ngIf=\"!disabled && !showNoti\" (click)=\"onSelectThumbnailClick()\">\r\n            <span class=\"text-center\"><i class=\"fas fa-cloud-upload-alt\"\r\n                    style=\"margin-right: 5px\"></i>{{chooseLabel}}</span>\r\n        </div>\r\n\r\n        <div *ngIf=\"showNoti\" class=\"tn-btn-thumbnail noti-container\">\r\n            <i class=\"loader-icon pi pi-spin pi-spinner\"></i>\r\n            {{notification}}\r\n        </div>\r\n\r\n    </div>\r\n    <div *ngIf=\"!disabled\" style=\"display:none;\">\r\n        <p-fileUpload #fileControl (onBeforeUpload)=\"onBeforeUpload($event)\" [multiple]=\"false\" accept=\"image/*\"\r\n            [chooseLabel]=\"chooseLabel\" (onUpload)=\"onUploadEvent($event)\" mode=\"basic\" name=\"file\" [url]=\"apiUploadUrl\"\r\n            maxFileSize=\"10000000\" auto=\"true\"></p-fileUpload>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"fileIdUploaded != null\">\r\n    <div class=\"tn-thumbnail\">\r\n        <img (error)=\"onError($event)\" [src]=\"getImageUrl()\" width=\"100%\" height=\"100%\" />\r\n        <div *ngIf=\"!disabled && !showNoti\" class=\"tn-btn-thumbnail text-center\" (click)=\"deleteAvatar()\">\r\n            <a class=\"text-center text-danger\">\r\n                <i class=\"pi pi-trash btn-delete\"></i>\r\n                X\u00F3a</a>\r\n        </div>\r\n        <div *ngIf=\"showNoti\" class=\"tn-btn-thumbnail noti-container\">\r\n            <i class=\"loader-icon pi pi-spin pi-spinner\"></i>\r\n            {{notification}}\r\n        </div>\r\n    </div>\r\n</div>", styles: [".tn-thumbnail{width:100%;height:100%;position:relative;border:1px solid #eee}.tn-btn-thumbnail{display:inline-block;position:absolute;bottom:0;height:30px;width:100%;opacity:.5;background:#000;left:0;cursor:pointer;border:1px solid #eee}.tn-btn-thumbnail span{line-height:30px;color:#fff}.tn-btn-thumbnail .btn-delete{margin-right:5px}.text-center{text-align:center;vertical-align:middle;vertical-align:-webkit-baseline-middle}.text-danger{color:red}.noti-container{display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:400;color:#fff}.noti-container .loader-icon{margin-right:5px;font-size:13px}\n"], components: [{ type: i5.FileUpload, selector: "p-fileUpload", inputs: ["method", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "previewWidth", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "files", "name", "url", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "style", "styleClass", "chooseLabel", "uploadLabel", "cancelLabel", "headers", "customUpload", "fileLimit"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: AvatarUploaderComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "fileControl", first: true, predicate: FileUpload, descendants: true }], ngImport: i0, template: "<!-- Todo: code lom, refactory lai sau -->\r\n<div *ngIf=\"!fileIdUploaded\">\r\n    <div class=\"tn-thumbnail\">\r\n        <img src=\"{{defaultNoImageUrl}}\" width=\"100%\" height=\"100%\" />\r\n\r\n        <div class=\"tn-btn-thumbnail text-center\" *ngIf=\"!disabled && !showNoti\" (click)=\"onSelectThumbnailClick()\">\r\n            <span class=\"text-center\"><i class=\"fas fa-cloud-upload-alt\"\r\n                    style=\"margin-right: 5px\"></i>{{chooseLabel}}</span>\r\n        </div>\r\n\r\n        <div *ngIf=\"showNoti\" class=\"tn-btn-thumbnail noti-container\">\r\n            <i class=\"loader-icon pi pi-spin pi-spinner\"></i>\r\n            {{notification}}\r\n        </div>\r\n\r\n    </div>\r\n    <div *ngIf=\"!disabled\" style=\"display:none;\">\r\n        <p-fileUpload #fileControl (onBeforeUpload)=\"onBeforeUpload($event)\" [multiple]=\"false\" accept=\"image/*\"\r\n            [chooseLabel]=\"chooseLabel\" (onUpload)=\"onUploadEvent($event)\" mode=\"basic\" name=\"file\" [url]=\"apiUploadUrl\"\r\n            maxFileSize=\"10000000\" auto=\"true\"></p-fileUpload>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"fileIdUploaded != null\">\r\n    <div class=\"tn-thumbnail\">\r\n        <img (error)=\"onError($event)\" [src]=\"getImageUrl()\" width=\"100%\" height=\"100%\" />\r\n        <div *ngIf=\"!disabled && !showNoti\" class=\"tn-btn-thumbnail text-center\" (click)=\"deleteAvatar()\">\r\n            <a class=\"text-center text-danger\">\r\n                <i class=\"pi pi-trash btn-delete\"></i>\r\n                X\u00F3a</a>\r\n        </div>\r\n        <div *ngIf=\"showNoti\" class=\"tn-btn-thumbnail noti-container\">\r\n            <i class=\"loader-icon pi pi-spin pi-spinner\"></i>\r\n            {{notification}}\r\n        </div>\r\n    </div>\r\n</div>", styles: [".tn-thumbnail{width:100%;height:100%;position:relative;border:1px solid #eee}.tn-btn-thumbnail{display:inline-block;position:absolute;bottom:0;height:30px;width:100%;opacity:.5;background:#000;left:0;cursor:pointer;border:1px solid #eee}.tn-btn-thumbnail span{line-height:30px;color:#fff}.tn-btn-thumbnail .btn-delete{margin-right:5px}.text-center{text-align:center;vertical-align:middle;vertical-align:-webkit-baseline-middle}.text-danger{color:red}.noti-container{display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:400;color:#fff}.noti-container .loader-icon{margin-right:5px;font-size:13px}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.FileUpload, selector: "p-fileUpload", inputs: ["method", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "previewWidth", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "files", "name", "url", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "style", "styleClass", "chooseLabel", "uploadLabel", "cancelLabel", "headers", "customUpload", "fileLimit"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AvatarUploaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-avatar-uploader', providers: [
                         {