tnx-shared 5.2.22 → 5.2.23

package/esm2020/components/entity-permission/entity-permission.component.mjs

@@ -74,7 +74,7 @@ export class EntityPermissionComponent extends ComponentBase {
     }
 }
 EntityPermissionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPermissionComponent, deps: [{ token: i0.Injector }, { token: i1.EntityPermissionService }], target: i0.ɵɵFactoryTarget.Component });
-EntityPermissionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPermissionComponent, selector: "entity-permission", inputs: { parentSetting: "parentSetting", searchInfo: "searchInfo", formSchema: "formSchema" }, outputs: { onCancel: "onCancel" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "queryBuilder", first: true, predicate: QueryBuilderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tn-dialog #dialog [disabledButton]=\"model.submitting\" [closeOnEscape]=\"true\"\r\n    [header]=\"'Ph\u00E2n quy\u1EC1n d\u1EEF li\u1EC7u' | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleCancel($event)\"\r\n    [styleClass]=\"'tn-form-dialog'\">\r\n    <div style=\"padding: 0.5em 0.5em 0 0.5em\">\r\n        <div class=\"p-grid p-col-12\">\r\n            <div class=\"p-md-12\">\r\n                <p-checkbox [binary]=\"true\" label=\"L\u1ECDc theo ng\u01B0\u1EDDi t\u1EA1o\" [(ngModel)]=\"modelData.filterByUserCreated\">\r\n                </p-checkbox>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <query-builder *ngIf=\"ready\" [searchSchema]=\"schema\" [filters]=\"filters\"\r\n        [style]=\"{minHeight: '300px', height: 'auto', parentClass: 'box-advance-search-inline'}\"\r\n        [styleClass]=\"'entity-permission'\" [hiddenButtons]=\"true\">\r\n    </query-builder>\r\n    <ng-template #footer>\r\n        <button *ngIf=\"!parentSetting.hiddenSaveSetting\" type=\"button\" pButton class=\"p-button-text\" icon=\"pi pi-save\"\r\n            [label]=\"'L\u01B0u' | translate\" (click)=\"saveQuery()\"></button>\r\n        <button type=\"button\" pButton class=\"p-button-text p-button-secondary\" icon=\"pi pi-replay\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"handleCancel($event)\"></button>\r\n    </ng-template>\r\n</tn-dialog>", styles: ["ul{margin:0;padding:0;list-style:none}ul li{border-bottom:1px solid #eaeaea}ul li:last-child{border-bottom:none}ul li:nth-child(even) .content .title{background:#e9f3fb}ul li .content .title{position:relative;padding:.5em}ul li .content .title .content-title{width:calc(100% - 57px - 1em);display:flex}ul li .content .title .content-title>div:first-child{flex:0 0 auto}ul li .content .title .content-title>div:nth-child(2){flex-grow:1;margin-left:.5em;color:#ff7200;font-weight:500;line-height:1.3em;max-height:3.9em;overflow:hidden;text-overflow:ellipsis;display:flex;line-clamp:3;box-orient:vertical}ul li .content .title .icon{cursor:pointer;position:absolute;padding:3px 5px;background-color:#5bc0de;border:1px solid #46b8da;color:#fff;border-radius:2px;top:50%;transform:translateY(-50%);right:calc(.4em + 1px)}ul li .content .title .icon:nth-child(2){right:calc(.8em + 27px)}ul li .content .title .icon:last-child{background-color:#d9534f;border:1px solid #d43f3a}ul li .content .title.active{background-color:#fe8c2b;color:#fff}ul li .content .title.active .content-title>div:nth-child(2){color:#fff}ul li .content .crud-content{padding:.5em}ul li .content .crud-buttons{text-align:right;padding:0 1em}.add-new{padding:.5em}@media (max-width: 640px){ul li .content .title .content-title{width:100%;align-items:unset;flex-direction:column}ul li .content .title .content-title>div:nth-child(2){margin-left:0;line-height:1.3em;margin-top:.2em}ul li .content .title .icon{top:.5em;display:flex;padding:1px 3px;transform:none}}::ng-deep .entity-permission query-builder-rule .tn__rule-operator{width:225px;flex:0 0 225px}::ng-deep .entity-permission query-builder-rule .tn__rule-field,::ng-deep .entity-permission query-builder-rule .tn__rule-value{width:calc(50% - 120px);flex:0 0 calc(50% - 120px)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i6.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: i7.QueryBuilderComponent, selector: "query-builder", inputs: ["searchSchema", "filters", "style", "styleClass", "useScrollBar", "hiddenButtons"], outputs: ["onSearch", "onSave", "onDeleteSave"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+EntityPermissionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPermissionComponent, selector: "entity-permission", inputs: { parentSetting: "parentSetting", searchInfo: "searchInfo", formSchema: "formSchema" }, outputs: { onCancel: "onCancel" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "queryBuilder", first: true, predicate: QueryBuilderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tn-dialog #dialog [disabledButton]=\"model.submitting\" [closeOnEscape]=\"true\"\r\n    [header]=\"'Ph\u00E2n quy\u1EC1n d\u1EEF li\u1EC7u' | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleCancel($event)\"\r\n    [styleClass]=\"'tn-form-dialog'\">\r\n    <div style=\"padding: 0.5em 0.5em 0 0.5em\">\r\n        <div class=\"p-grid p-col-12\">\r\n            <div class=\"p-md-12\">\r\n                <p-checkbox [binary]=\"true\" label=\"L\u1ECDc theo ng\u01B0\u1EDDi t\u1EA1o\" [(ngModel)]=\"modelData.filterByUserCreated\">\r\n                </p-checkbox>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <query-builder *ngIf=\"ready\" [searchSchema]=\"schema\" [filters]=\"filters\"\r\n        [style]=\"{minHeight: '300px', height: 'auto', parentClass: 'box-advance-search-inline'}\"\r\n        [styleClass]=\"'entity-permission'\" [hiddenButtons]=\"true\">\r\n    </query-builder>\r\n    <ng-template #footer>\r\n        <button *ngIf=\"!parentSetting.hiddenSaveSetting\" type=\"button\" pButton class=\"p-button-text\" icon=\"pi pi-save\"\r\n            [label]=\"'L\u01B0u' | translate\" (click)=\"saveQuery()\"></button>\r\n        <button type=\"button\" pButton class=\"p-button-text p-button-secondary\" icon=\"pi pi-replay\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"handleCancel($event)\"></button>\r\n    </ng-template>\r\n</tn-dialog>", styles: ["ul{margin:0;padding:0;list-style:none}ul li{border-bottom:1px solid #eaeaea}ul li:last-child{border-bottom:none}ul li:nth-child(even) .content .title{background:#e9f3fb}ul li .content .title{position:relative;padding:.5em}ul li .content .title .content-title{width:calc(100% - 57px - 1em);display:flex}ul li .content .title .content-title>div:first-child{flex:0 0 auto}ul li .content .title .content-title>div:nth-child(2){flex-grow:1;margin-left:.5em;color:#ff7200;font-weight:500;line-height:1.3em;max-height:3.9em;overflow:hidden;text-overflow:ellipsis;display:flex;line-clamp:3;box-orient:vertical}ul li .content .title .icon{cursor:pointer;position:absolute;padding:3px 5px;background-color:#5bc0de;border:1px solid #46b8da;color:#fff;border-radius:2px;top:50%;transform:translateY(-50%);right:calc(.4em + 1px)}ul li .content .title .icon:nth-child(2){right:calc(.8em + 27px)}ul li .content .title .icon:last-child{background-color:#d9534f;border:1px solid #d43f3a}ul li .content .title.active{background-color:#fe8c2b;color:#fff}ul li .content .title.active .content-title>div:nth-child(2){color:#fff}ul li .content .crud-content{padding:.5em}ul li .content .crud-buttons{text-align:right;padding:0 1em}.add-new{padding:.5em}@media (max-width: 640px){ul li .content .title .content-title{width:100%;align-items:unset;flex-direction:column}ul li .content .title .content-title>div:nth-child(2){margin-left:0;line-height:1.3em;margin-top:.2em}ul li .content .title .icon{top:.5em;display:flex;padding:1px 3px;transform:none}}::ng-deep .entity-permission query-builder-rule .tn__rule-operator{width:225px;flex:0 0 225px}::ng-deep .entity-permission query-builder-rule .tn__rule-field,::ng-deep .entity-permission query-builder-rule .tn__rule-value{width:calc(50% - 120px);flex:0 0 calc(50% - 120px)}\n"], dependencies: [{ 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox", inputs: ["checkboxIcon", "disabled", "value", "name", "binary", "label", "ariaLabelledBy", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "readonly", "required"], outputs: ["onChange"] }, { kind: "component", type: i6.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: i7.QueryBuilderComponent, selector: "query-builder", inputs: ["searchSchema", "filters", "style", "styleClass", "useScrollBar", "hiddenButtons"], outputs: ["onSearch", "onSave", "onDeleteSave"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPermissionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-permission', providers: [ComponentContextService], template: "<tn-dialog #dialog [disabledButton]=\"model.submitting\" [closeOnEscape]=\"true\"\r\n    [header]=\"'Ph\u00E2n quy\u1EC1n d\u1EEF li\u1EC7u' | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleCancel($event)\"\r\n    [styleClass]=\"'tn-form-dialog'\">\r\n    <div style=\"padding: 0.5em 0.5em 0 0.5em\">\r\n        <div class=\"p-grid p-col-12\">\r\n            <div class=\"p-md-12\">\r\n                <p-checkbox [binary]=\"true\" label=\"L\u1ECDc theo ng\u01B0\u1EDDi t\u1EA1o\" [(ngModel)]=\"modelData.filterByUserCreated\">\r\n                </p-checkbox>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <query-builder *ngIf=\"ready\" [searchSchema]=\"schema\" [filters]=\"filters\"\r\n        [style]=\"{minHeight: '300px', height: 'auto', parentClass: 'box-advance-search-inline'}\"\r\n        [styleClass]=\"'entity-permission'\" [hiddenButtons]=\"true\">\r\n    </query-builder>\r\n    <ng-template #footer>\r\n        <button *ngIf=\"!parentSetting.hiddenSaveSetting\" type=\"button\" pButton class=\"p-button-text\" icon=\"pi pi-save\"\r\n            [label]=\"'L\u01B0u' | translate\" (click)=\"saveQuery()\"></button>\r\n        <button type=\"button\" pButton class=\"p-button-text p-button-secondary\" icon=\"pi pi-replay\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"handleCancel($event)\"></button>\r\n    </ng-template>\r\n</tn-dialog>", styles: ["ul{margin:0;padding:0;list-style:none}ul li{border-bottom:1px solid #eaeaea}ul li:last-child{border-bottom:none}ul li:nth-child(even) .content .title{background:#e9f3fb}ul li .content .title{position:relative;padding:.5em}ul li .content .title .content-title{width:calc(100% - 57px - 1em);display:flex}ul li .content .title .content-title>div:first-child{flex:0 0 auto}ul li .content .title .content-title>div:nth-child(2){flex-grow:1;margin-left:.5em;color:#ff7200;font-weight:500;line-height:1.3em;max-height:3.9em;overflow:hidden;text-overflow:ellipsis;display:flex;line-clamp:3;box-orient:vertical}ul li .content .title .icon{cursor:pointer;position:absolute;padding:3px 5px;background-color:#5bc0de;border:1px solid #46b8da;color:#fff;border-radius:2px;top:50%;transform:translateY(-50%);right:calc(.4em + 1px)}ul li .content .title .icon:nth-child(2){right:calc(.8em + 27px)}ul li .content .title .icon:last-child{background-color:#d9534f;border:1px solid #d43f3a}ul li .content .title.active{background-color:#fe8c2b;color:#fff}ul li .content .title.active .content-title>div:nth-child(2){color:#fff}ul li .content .crud-content{padding:.5em}ul li .content .crud-buttons{text-align:right;padding:0 1em}.add-new{padding:.5em}@media (max-width: 640px){ul li .content .title .content-title{width:100%;align-items:unset;flex-direction:column}ul li .content .title .content-title>div:nth-child(2){margin-left:0;line-height:1.3em;margin-top:.2em}ul li .content .title .icon{top:.5em;display:flex;padding:1px 3px;transform:none}}::ng-deep .entity-permission query-builder-rule .tn__rule-operator{width:225px;flex:0 0 225px}::ng-deep .entity-permission query-builder-rule .tn__rule-field,::ng-deep .entity-permission query-builder-rule .tn__rule-value{width:calc(50% - 120px);flex:0 0 calc(50% - 120px)}\n"] }]

package/esm2020/components/entity-picker/entity-picker-dialog/components/entity-picker-data/entity-picker-data.component.mjs

@@ -121,7 +121,7 @@ export class EntityPickerDataComponent extends DataListBase {
     }
 }
 EntityPickerDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerDataComponent, deps: [{ token: i0.Injector }, { token: i1.TranslateService }, { token: i2.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
-EntityPickerDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerDataComponent, selector: "app-entity-picker-data", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", selectedValue: "selectedValue", isSingleSelection: "isSingleSelection", filters: "filters", currentNode: "currentNode" }, outputs: { onContentInit: "onContentInit", onRowSelect: "onRowSelect", onPick: "onPick", onPickAll: "onPickAll", onPickSelected: "onPickSelected" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\r\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.CrudListComponent, selector: "crud-list" }] });
+EntityPickerDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerDataComponent, selector: "app-entity-picker-data", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", selectedValue: "selectedValue", isSingleSelection: "isSingleSelection", filters: "filters", currentNode: "currentNode" }, outputs: { onContentInit: "onContentInit", onRowSelect: "onRowSelect", onPick: "onPick", onPickAll: "onPickAll", onPickSelected: "onPickSelected" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\r\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "component", type: i6.CrudListComponent, selector: "crud-list" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-entity-picker-data', providers: [ComponentContextService], template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\r\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}\n"] }]

package/esm2020/components/entity-picker/entity-picker-dialog/components/entity-picker-selected/entity-picker-selected.component.mjs

@@ -141,7 +141,7 @@ export class EntityPickerSelectedComponent extends DataListBase {
     }
 }
 EntityPickerSelectedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerSelectedComponent, deps: [{ token: i1.TranslateService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-EntityPickerSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerSelectedComponent, selector: "app-entity-picker-selected", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", readOnlyValues: "readOnlyValues", selectedValue: "selectedValue" }, outputs: { onContentInit: "onContentInit", onUnPick: "onUnPick", onUnPickAll: "onUnPickAll", onUnPickSelected: "onUnPickSelected" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\r\n            style=\"visibility: hidden\"></button>\r\n        <button *ngIf=\"itemCanDeletes.length\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF t\u1EA5t c\u1EA3 ({{itemCanDeletes.length}})\" icon=\"pi pi-angle-double-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickAll()\"></button>\r\n        <button *ngIf=\"selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"!rowData.hiddenDelete\" pButton type=\"button\"\r\n            class=\"link-or-action p-button-danger p-button-text p-button-rounded\" icon=\"pi pi-times\"\r\n            pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" (click)=\"unPickEntity(rowData)\"></button>\r\n    </ng-template>\r\n\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-selected .custom-card{padding:.5em .5em 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i5.CrudListComponent, selector: "crud-list" }] });
+EntityPickerSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerSelectedComponent, selector: "app-entity-picker-selected", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", readOnlyValues: "readOnlyValues", selectedValue: "selectedValue" }, outputs: { onContentInit: "onContentInit", onUnPick: "onUnPick", onUnPickAll: "onUnPickAll", onUnPickSelected: "onUnPickSelected" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\r\n            style=\"visibility: hidden\"></button>\r\n        <button *ngIf=\"itemCanDeletes.length\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF t\u1EA5t c\u1EA3 ({{itemCanDeletes.length}})\" icon=\"pi pi-angle-double-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickAll()\"></button>\r\n        <button *ngIf=\"selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"!rowData.hiddenDelete\" pButton type=\"button\"\r\n            class=\"link-or-action p-button-danger p-button-text p-button-rounded\" icon=\"pi pi-times\"\r\n            pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" (click)=\"unPickEntity(rowData)\"></button>\r\n    </ng-template>\r\n\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-selected .custom-card{padding:.5em .5em 0!important}\n"], dependencies: [{ 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: "component", type: i5.CrudListComponent, selector: "crud-list" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerSelectedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-entity-picker-selected', providers: [ComponentContextService], template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\r\n            style=\"visibility: hidden\"></button>\r\n        <button *ngIf=\"itemCanDeletes.length\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF t\u1EA5t c\u1EA3 ({{itemCanDeletes.length}})\" icon=\"pi pi-angle-double-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickAll()\"></button>\r\n        <button *ngIf=\"selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"!rowData.hiddenDelete\" pButton type=\"button\"\r\n            class=\"link-or-action p-button-danger p-button-text p-button-rounded\" icon=\"pi pi-times\"\r\n            pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" (click)=\"unPickEntity(rowData)\"></button>\r\n    </ng-template>\r\n\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-selected .custom-card{padding:.5em .5em 0!important}\n"] }]

package/esm2020/components/entity-picker/entity-picker-dialog/components/entity-picker-tree-data/entity-picker-tree-data.component.mjs

@@ -123,7 +123,7 @@ export class EntityPickerTreeDataComponent extends TreeListBase {
     }
 }
 EntityPickerTreeDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerTreeDataComponent, deps: [{ token: i0.Injector }, { token: i1.TranslateService }, { token: i2.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
-EntityPickerTreeDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerTreeDataComponent, selector: "app-entity-picker-tree-data", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", tableParentData: "tableParentData", selectedValue: "selectedValue", isSingleSelection: "isSingleSelection", filters: "filters", currentNode: "currentNode" }, outputs: { onContentInit: "onContentInit", onRowSelect: "onRowSelect", onPick: "onPick", onPickAll: "onPickAll", onPickSelected: "onPickSelected" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<!-- <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\r\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list> -->\r\n\r\n<tn-tree-table [model]=\"model\" [setting]=\"setting\" [allDataSource]=\"model.allDataSource\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (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 #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</tn-tree-table>", styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.TreeTableComponent, selector: "tn-tree-table" }] });
+EntityPickerTreeDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerTreeDataComponent, selector: "app-entity-picker-tree-data", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", tableParentData: "tableParentData", selectedValue: "selectedValue", isSingleSelection: "isSingleSelection", filters: "filters", currentNode: "currentNode" }, outputs: { onContentInit: "onContentInit", onRowSelect: "onRowSelect", onPick: "onPick", onPickAll: "onPickAll", onPickSelected: "onPickSelected" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<!-- <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\r\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list> -->\r\n\r\n<tn-tree-table [model]=\"model\" [setting]=\"setting\" [allDataSource]=\"model.allDataSource\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (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 #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</tn-tree-table>", styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "component", type: i6.TreeTableComponent, selector: "tn-tree-table" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerTreeDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-entity-picker-tree-data', providers: [ComponentContextService], template: "<!-- <crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\r\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list> -->\r\n\r\n<tn-tree-table [model]=\"model\" [setting]=\"setting\" [allDataSource]=\"model.allDataSource\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (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 #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\r\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\r\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\r\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\r\n            (click)=\"pickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</tn-tree-table>", styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}\n"] }]

package/esm2020/components/entity-picker/entity-picker-dialog/components/entity-picker-tree-selected/entity-picker-tree-selected.component.mjs

@@ -143,7 +143,7 @@ export class EntityPickerTreeSelectedComponent extends TreeListBase {
     }
 }
 EntityPickerTreeSelectedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerTreeSelectedComponent, deps: [{ token: i1.TranslateService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-EntityPickerTreeSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerTreeSelectedComponent, selector: "app-entity-picker-tree-selected", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", readOnlyValues: "readOnlyValues", selectedValue: "selectedValue" }, outputs: { onContentInit: "onContentInit", onUnPick: "onUnPick", onUnPickAll: "onUnPickAll", onUnPickSelected: "onUnPickSelected" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\r\n            style=\"visibility: hidden\"></button>\r\n        <button *ngIf=\"itemCanDeletes.length\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF t\u1EA5t c\u1EA3 ({{itemCanDeletes.length}})\" icon=\"pi pi-angle-double-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickAll()\"></button>\r\n        <button *ngIf=\"selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"!rowData.hiddenDelete\" pButton type=\"button\"\r\n            class=\"link-or-action p-button-danger p-button-text p-button-rounded\" icon=\"pi pi-times\"\r\n            pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" (click)=\"unPickEntity(rowData)\"></button>\r\n    </ng-template>\r\n\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-selected .custom-card{padding:.5em .5em 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i5.CrudListComponent, selector: "crud-list" }] });
+EntityPickerTreeSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerTreeSelectedComponent, selector: "app-entity-picker-tree-selected", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", readOnlyValues: "readOnlyValues", selectedValue: "selectedValue" }, outputs: { onContentInit: "onContentInit", onUnPick: "onUnPick", onUnPickAll: "onUnPickAll", onUnPickSelected: "onUnPickSelected" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\r\n            style=\"visibility: hidden\"></button>\r\n        <button *ngIf=\"itemCanDeletes.length\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF t\u1EA5t c\u1EA3 ({{itemCanDeletes.length}})\" icon=\"pi pi-angle-double-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickAll()\"></button>\r\n        <button *ngIf=\"selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"!rowData.hiddenDelete\" pButton type=\"button\"\r\n            class=\"link-or-action p-button-danger p-button-text p-button-rounded\" icon=\"pi pi-times\"\r\n            pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" (click)=\"unPickEntity(rowData)\"></button>\r\n    </ng-template>\r\n\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-selected .custom-card{padding:.5em .5em 0!important}\n"], dependencies: [{ 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: "component", type: i5.CrudListComponent, selector: "crud-list" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerTreeSelectedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-entity-picker-tree-selected', providers: [ComponentContextService], template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\r\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n\r\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\r\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\r\n            style=\"visibility: hidden\"></button>\r\n        <button *ngIf=\"itemCanDeletes.length\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF t\u1EA5t c\u1EA3 ({{itemCanDeletes.length}})\" icon=\"pi pi-angle-double-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickAll()\"></button>\r\n        <button *ngIf=\"selectedItems.length > 0\" type=\"button\" pButton pRipple\r\n            label=\"B\u1ECF m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-left\"\r\n            class=\"p-button-text p-button-danger\" (click)=\"unPickSelected(selectedItems)\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"!rowData.hiddenDelete\" pButton type=\"button\"\r\n            class=\"link-or-action p-button-danger p-button-text p-button-rounded\" icon=\"pi pi-times\"\r\n            pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" (click)=\"unPickEntity(rowData)\"></button>\r\n    </ng-template>\r\n\r\n</crud-list>", styles: ["::ng-deep app-entity-picker-selected .custom-card{padding:.5em .5em 0!important}\n"] }]

package/esm2020/components/entity-picker/entity-picker-dialog/entity-picker-dialog.component.mjs

@@ -106,7 +106,7 @@ export class EntityPickerDialogComponent extends ComponentBase {
     }
 }
 EntityPickerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerDialogComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }, { token: i2.TranslateService }, { token: i3.MasterDataService }, { token: i4.DomService }], target: i0.ɵɵFactoryTarget.Component });
-EntityPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerDialogComponent, selector: "entity-picker-dialog", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", width: "width", height: "height", selectedValue: "selectedValue" }, outputs: { onContentLeftInit: "onContentLeftInit", onContentRightInit: "onContentRightInit", onHide: "onHide", onChange: "onChange", onSelect: "onSelect", onUnSelect: "onUnSelect" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "dataComponent", first: true, predicate: EntityPickerDataComponent, descendants: true }, { propertyName: "selectedComponent", first: true, predicate: EntityPickerSelectedComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tn-dialog #dialog styleClass=\"entity-picker-dialog no-padding\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\r\n    <div class=\"p-grid entityPicker\" style=\"margin: 0\">\r\n        <div class=\"p-col-12 p-md-6 picker-top\">\r\n            <div class=\"content-top\">\r\n                <tn-custom-scrollbar #scrollbar>\r\n                    <div class=\"tn-l-content-top-inner\">\r\n                        <app-entity-picker-data *ngIf=\"!control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            [isSingleSelection]=\"!control.multiple\" (onContentInit)=\"onContentLeftInit.emit($event)\"\r\n                            (onPick)=\"handlePick($event)\" (onPickSelected)=\"selectEntity($event)\"\r\n                            (onPickAll)=\"selectEntity($event)\">\r\n                        </app-entity-picker-data>\r\n\r\n                        <app-entity-picker-tree-data *ngIf=\"control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            [isSingleSelection]=\"!control.multiple\" (onContentInit)=\"onContentLeftInit.emit($event)\"\r\n                            (onPick)=\"handlePick($event)\" (onPickSelected)=\"selectEntity($event)\"\r\n                            (onPickAll)=\"selectEntity($event)\">\r\n                        </app-entity-picker-tree-data>\r\n                    </div>\r\n                </tn-custom-scrollbar>\r\n            </div>\r\n            <div *ngIf=\"control.multiple\" class=\"p-col-12 p-md-6\">\r\n                <tn-custom-scrollbar #scrollbar>\r\n                    <div class=\"tn-l-content-bottom-inner\">\r\n                        <app-entity-picker-selected *ngIf=\"!control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-selected>\r\n\r\n                        <app-entity-picker-tree-selected *ngIf=\"control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-tree-selected>\r\n                    </div>\r\n                </tn-custom-scrollbar>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <ng-template #footer>\r\n        <button *ngIf=\"control.multiple\" type=\" button\" pButton class=\"p-button-text\" (click)=\"finish($event)\"\r\n            [label]=\"'Ho\u00E0n th\u00E0nh' | translate\" icon=\"pi pi-check\"></button>\r\n    </ng-template>\r\n</tn-dialog>", styles: [".action-btn{border:1px solid #0a89bf;color:#0a89bf;background-color:#fff;font-size:16px;width:40px;cursor:pointer;text-align:center;margin:4px 2px}.content-all{display:flex;flex-direction:column}.content-top{padding:5px 0;overflow:hidden;flex-grow:1}.content-bottom{border-top:1px solid #ddd;padding:5px 0;overflow:hidden;flex:0 0 50%}.tn-l-button-group{padding-bottom:1em}.tn-l-button-group-picker{text-align:center;position:absolute;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width: 640px){.entityPicker{height:auto}.tn-l-search-button-group{padding-bottom:1em}.tn-l-button-group-picker{position:static;top:auto;left:auto;transform:none;padding-bottom:5px}}::ng-deep .entity-picker-dialog .p-dialog-content{overflow:hidden}::ng-deep .entity-picker-dialog .p-dialog-content .tn-scroll-bar .ps-content{height:100%}::ng-deep .entity-picker-dialog app-entity-picker-data .custom-card,::ng-deep .entity-picker-dialog app-entity-picker-selected .custom-card{padding:.5em!important;box-shadow:none}@media (max-width: 640px){::ng-deep .entity-picker-dialog .p-dialog-content{overflow:auto}::ng-deep .entity-picker-dialog .p-dialog-content .tn-dialog-scrollbar>div{min-height:100%!important}::ng-deep .entity-picker-dialog app-entity-picker-data .custom-card,::ng-deep .entity-picker-dialog app-entity-picker-selected .custom-card{min-height:0!important;padding:0!important}}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i7.EntityPickerDataComponent, selector: "app-entity-picker-data", inputs: ["parentSetting", "advanceData", "control", "selectedValue", "isSingleSelection", "filters", "currentNode"], outputs: ["onContentInit", "onRowSelect", "onPick", "onPickAll", "onPickSelected"] }, { kind: "component", type: i8.EntityPickerSelectedComponent, selector: "app-entity-picker-selected", inputs: ["parentSetting", "advanceData", "control", "readOnlyValues", "selectedValue"], outputs: ["onContentInit", "onUnPick", "onUnPickAll", "onUnPickSelected"] }, { kind: "component", type: i9.EntityPickerTreeDataComponent, selector: "app-entity-picker-tree-data", inputs: ["parentSetting", "advanceData", "control", "tableParentData", "selectedValue", "isSingleSelection", "filters", "currentNode"], outputs: ["onContentInit", "onRowSelect", "onPick", "onPickAll", "onPickSelected"] }, { kind: "component", type: i10.EntityPickerTreeSelectedComponent, selector: "app-entity-picker-tree-selected", inputs: ["parentSetting", "advanceData", "control", "readOnlyValues", "selectedValue"], outputs: ["onContentInit", "onUnPick", "onUnPickAll", "onUnPickSelected"] }, { kind: "component", type: i11.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: i12.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+EntityPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerDialogComponent, selector: "entity-picker-dialog", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", width: "width", height: "height", selectedValue: "selectedValue" }, outputs: { onContentLeftInit: "onContentLeftInit", onContentRightInit: "onContentRightInit", onHide: "onHide", onChange: "onChange", onSelect: "onSelect", onUnSelect: "onUnSelect" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "dataComponent", first: true, predicate: EntityPickerDataComponent, descendants: true }, { propertyName: "selectedComponent", first: true, predicate: EntityPickerSelectedComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tn-dialog #dialog styleClass=\"entity-picker-dialog no-padding\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\r\n    <div class=\"p-grid entityPicker\" style=\"margin: 0\">\r\n        <div class=\"p-col-12 p-md-6 picker-top\">\r\n            <div class=\"content-top\">\r\n                <tn-custom-scrollbar #scrollbar>\r\n                    <div class=\"tn-l-content-top-inner\">\r\n                        <app-entity-picker-data *ngIf=\"!control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            [isSingleSelection]=\"!control.multiple\" (onContentInit)=\"onContentLeftInit.emit($event)\"\r\n                            (onPick)=\"handlePick($event)\" (onPickSelected)=\"selectEntity($event)\"\r\n                            (onPickAll)=\"selectEntity($event)\">\r\n                        </app-entity-picker-data>\r\n\r\n                        <app-entity-picker-tree-data *ngIf=\"control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            [isSingleSelection]=\"!control.multiple\" (onContentInit)=\"onContentLeftInit.emit($event)\"\r\n                            (onPick)=\"handlePick($event)\" (onPickSelected)=\"selectEntity($event)\"\r\n                            (onPickAll)=\"selectEntity($event)\">\r\n                        </app-entity-picker-tree-data>\r\n                    </div>\r\n                </tn-custom-scrollbar>\r\n            </div>\r\n            <div *ngIf=\"control.multiple\" class=\"p-col-12 p-md-6\">\r\n                <tn-custom-scrollbar #scrollbar>\r\n                    <div class=\"tn-l-content-bottom-inner\">\r\n                        <app-entity-picker-selected *ngIf=\"!control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-selected>\r\n\r\n                        <app-entity-picker-tree-selected *ngIf=\"control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-tree-selected>\r\n                    </div>\r\n                </tn-custom-scrollbar>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <ng-template #footer>\r\n        <button *ngIf=\"control.multiple\" type=\" button\" pButton class=\"p-button-text\" (click)=\"finish($event)\"\r\n            [label]=\"'Ho\u00E0n th\u00E0nh' | translate\" icon=\"pi pi-check\"></button>\r\n    </ng-template>\r\n</tn-dialog>", styles: [".action-btn{border:1px solid #0a89bf;color:#0a89bf;background-color:#fff;font-size:16px;width:40px;cursor:pointer;text-align:center;margin:4px 2px}.content-all{display:flex;flex-direction:column}.content-top{padding:5px 0;overflow:hidden;flex-grow:1}.content-bottom{border-top:1px solid #ddd;padding:5px 0;overflow:hidden;flex:0 0 50%}.tn-l-button-group{padding-bottom:1em}.tn-l-button-group-picker{text-align:center;position:absolute;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width: 640px){.entityPicker{height:auto}.tn-l-search-button-group{padding-bottom:1em}.tn-l-button-group-picker{position:static;top:auto;left:auto;transform:none;padding-bottom:5px}}::ng-deep .entity-picker-dialog .p-dialog-content{overflow:hidden}::ng-deep .entity-picker-dialog .p-dialog-content .tn-scroll-bar .ps-content{height:100%}::ng-deep .entity-picker-dialog app-entity-picker-data .custom-card,::ng-deep .entity-picker-dialog app-entity-picker-selected .custom-card{padding:.5em!important;box-shadow:none}@media (max-width: 640px){::ng-deep .entity-picker-dialog .p-dialog-content{overflow:auto}::ng-deep .entity-picker-dialog .p-dialog-content .tn-dialog-scrollbar>div{min-height:100%!important}::ng-deep .entity-picker-dialog app-entity-picker-data .custom-card,::ng-deep .entity-picker-dialog app-entity-picker-selected .custom-card{min-height:0!important;padding:0!important}}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "component", type: i7.EntityPickerDataComponent, selector: "app-entity-picker-data", inputs: ["parentSetting", "advanceData", "control", "selectedValue", "isSingleSelection", "filters", "currentNode"], outputs: ["onContentInit", "onRowSelect", "onPick", "onPickAll", "onPickSelected"] }, { kind: "component", type: i8.EntityPickerSelectedComponent, selector: "app-entity-picker-selected", inputs: ["parentSetting", "advanceData", "control", "readOnlyValues", "selectedValue"], outputs: ["onContentInit", "onUnPick", "onUnPickAll", "onUnPickSelected"] }, { kind: "component", type: i9.EntityPickerTreeDataComponent, selector: "app-entity-picker-tree-data", inputs: ["parentSetting", "advanceData", "control", "tableParentData", "selectedValue", "isSingleSelection", "filters", "currentNode"], outputs: ["onContentInit", "onRowSelect", "onPick", "onPickAll", "onPickSelected"] }, { kind: "component", type: i10.EntityPickerTreeSelectedComponent, selector: "app-entity-picker-tree-selected", inputs: ["parentSetting", "advanceData", "control", "readOnlyValues", "selectedValue"], outputs: ["onContentInit", "onUnPick", "onUnPickAll", "onUnPickSelected"] }, { kind: "component", type: i11.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: i12.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-picker-dialog', providers: [ComponentContextService], template: "<tn-dialog #dialog styleClass=\"entity-picker-dialog no-padding\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\r\n    <div class=\"p-grid entityPicker\" style=\"margin: 0\">\r\n        <div class=\"p-col-12 p-md-6 picker-top\">\r\n            <div class=\"content-top\">\r\n                <tn-custom-scrollbar #scrollbar>\r\n                    <div class=\"tn-l-content-top-inner\">\r\n                        <app-entity-picker-data *ngIf=\"!control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            [isSingleSelection]=\"!control.multiple\" (onContentInit)=\"onContentLeftInit.emit($event)\"\r\n                            (onPick)=\"handlePick($event)\" (onPickSelected)=\"selectEntity($event)\"\r\n                            (onPickAll)=\"selectEntity($event)\">\r\n                        </app-entity-picker-data>\r\n\r\n                        <app-entity-picker-tree-data *ngIf=\"control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            [isSingleSelection]=\"!control.multiple\" (onContentInit)=\"onContentLeftInit.emit($event)\"\r\n                            (onPick)=\"handlePick($event)\" (onPickSelected)=\"selectEntity($event)\"\r\n                            (onPickAll)=\"selectEntity($event)\">\r\n                        </app-entity-picker-tree-data>\r\n                    </div>\r\n                </tn-custom-scrollbar>\r\n            </div>\r\n            <div *ngIf=\"control.multiple\" class=\"p-col-12 p-md-6\">\r\n                <tn-custom-scrollbar #scrollbar>\r\n                    <div class=\"tn-l-content-bottom-inner\">\r\n                        <app-entity-picker-selected *ngIf=\"!control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-selected>\r\n\r\n                        <app-entity-picker-tree-selected *ngIf=\"control.isTree\" [control]=\"control\"\r\n                            [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\" [selectedValue]=\"selectedValue\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-tree-selected>\r\n                    </div>\r\n                </tn-custom-scrollbar>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <ng-template #footer>\r\n        <button *ngIf=\"control.multiple\" type=\" button\" pButton class=\"p-button-text\" (click)=\"finish($event)\"\r\n            [label]=\"'Ho\u00E0n th\u00E0nh' | translate\" icon=\"pi pi-check\"></button>\r\n    </ng-template>\r\n</tn-dialog>", styles: [".action-btn{border:1px solid #0a89bf;color:#0a89bf;background-color:#fff;font-size:16px;width:40px;cursor:pointer;text-align:center;margin:4px 2px}.content-all{display:flex;flex-direction:column}.content-top{padding:5px 0;overflow:hidden;flex-grow:1}.content-bottom{border-top:1px solid #ddd;padding:5px 0;overflow:hidden;flex:0 0 50%}.tn-l-button-group{padding-bottom:1em}.tn-l-button-group-picker{text-align:center;position:absolute;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width: 640px){.entityPicker{height:auto}.tn-l-search-button-group{padding-bottom:1em}.tn-l-button-group-picker{position:static;top:auto;left:auto;transform:none;padding-bottom:5px}}::ng-deep .entity-picker-dialog .p-dialog-content{overflow:hidden}::ng-deep .entity-picker-dialog .p-dialog-content .tn-scroll-bar .ps-content{height:100%}::ng-deep .entity-picker-dialog app-entity-picker-data .custom-card,::ng-deep .entity-picker-dialog app-entity-picker-selected .custom-card{padding:.5em!important;box-shadow:none}@media (max-width: 640px){::ng-deep .entity-picker-dialog .p-dialog-content{overflow:auto}::ng-deep .entity-picker-dialog .p-dialog-content .tn-dialog-scrollbar>div{min-height:100%!important}::ng-deep .entity-picker-dialog app-entity-picker-data .custom-card,::ng-deep .entity-picker-dialog app-entity-picker-selected .custom-card{min-height:0!important;padding:0!important}}\n"] }]

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

@@ -197,7 +197,7 @@ EntityPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         },
         ComponentContextService,
         EntityMetadataService
-    ], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [templates]=\"children\" [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n    [hiddenDelete]=\"readOnly\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\"\r\n    (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\"\r\n    (onReloaded)=\"_unmarkLoading()\" class=\"--no-wrapper-padding\">\r\n    <ng-template #toolbar let-crudList=\"crudList\">\r\n        <button *ngIf=\"!readOnly\" type=\"button\" pButton icon=\"pi pi-external-link\" class=\"p-button-text\"\r\n            [label]=\"control.title\" [disabled]=\"control.disabled\" (click)=\"selectEntity()\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"!readOnly\" type=\"button\" pButton class=\"p-button-warning p-button-text p-button-rounded\"\r\n            icon=\"pi pi-trash\" pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\"\r\n            (click)=\"handleUnPickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>\r\n<tn-dialog #dialog *ngIf=\"showDetailForm\" 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        (onRowSelect)=\"handleEntityPickerBoxRowSelect($event)\" [selectedValue]=\"selectedValue\"\r\n        (onChanged)=\"handleChangeEntity($event)\" (onSelect)=\"handleSelectEntity($event)\"\r\n        (onUnSelect)=\"handleUnSelectEntity($event)\" (onDone)=\"handleHide($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: [".user-selected ::ng-deep ul{text-align:left}:host::ng-deep .ui-g>.ui-g-12{padding:0 0 10px}:host::ng-deep .ui-g>.button-group{padding-left:0}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i8.CrudListComponent, selector: "crud-list" }, { kind: "component", type: i9.EntityPickerBoxComponent, selector: "entity-picker-box", inputs: ["parentSetting", "advanceData", "control", "width", "height", "readOnlyValues", "selectedValue", "currentNode"], outputs: ["onContentLeftInit", "onContentRightInit", "onRowSelect", "onChanged", "onSelect", "onUnSelect", "onDone"] }, { kind: "component", type: i10.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: i4.TranslatePipe, name: "translate" }] });
+    ], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [templates]=\"children\" [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n    [hiddenDelete]=\"readOnly\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\"\r\n    (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\"\r\n    (onReloaded)=\"_unmarkLoading()\" class=\"--no-wrapper-padding\">\r\n    <ng-template #toolbar let-crudList=\"crudList\">\r\n        <button *ngIf=\"!readOnly\" type=\"button\" pButton icon=\"pi pi-external-link\" class=\"p-button-text\"\r\n            [label]=\"control.title\" [disabled]=\"control.disabled\" (click)=\"selectEntity()\"></button>\r\n    </ng-template>\r\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\r\n        <button *ngIf=\"!readOnly\" type=\"button\" pButton class=\"p-button-warning p-button-text p-button-rounded\"\r\n            icon=\"pi pi-trash\" pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\"\r\n            (click)=\"handleUnPickEntity(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>\r\n<tn-dialog #dialog *ngIf=\"showDetailForm\" 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        (onRowSelect)=\"handleEntityPickerBoxRowSelect($event)\" [selectedValue]=\"selectedValue\"\r\n        (onChanged)=\"handleChangeEntity($event)\" (onSelect)=\"handleSelectEntity($event)\"\r\n        (onUnSelect)=\"handleUnSelectEntity($event)\" (onDone)=\"handleHide($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: [".user-selected ::ng-deep ul{text-align:left}:host::ng-deep .ui-g>.ui-g-12{padding:0 0 10px}:host::ng-deep .ui-g>.button-group{padding-left:0}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "component", type: i8.CrudListComponent, selector: "crud-list" }, { kind: "component", type: i9.EntityPickerBoxComponent, selector: "entity-picker-box", inputs: ["parentSetting", "advanceData", "control", "width", "height", "readOnlyValues", "selectedValue", "currentNode"], outputs: ["onContentLeftInit", "onContentRightInit", "onRowSelect", "onChanged", "onSelect", "onUnSelect", "onDone"] }, { kind: "component", type: i10.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: i4.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-picker', providers: [

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

@@ -24,7 +24,7 @@ export class FileExplorerComponent {
     }
 }
 FileExplorerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FileExplorerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FileExplorerComponent, selector: "file-explorer", outputs: { closePopup: "closePopup" }, providers: [ComponentContextService], ngImport: i0, template: "<tn-dialog #dialog [closeOnEscape]=\"false\" [header]=\"'FILE_EXPLORER.POPUP_TITLE' | translate\" [(visible)]=\"isShow\"\r\n    [popupSize]=\"{width: 1024, height: 600}\">\r\n    <tn-custom-scrollbar #scrollbar>\r\n        <p-tabView>\r\n            <p-tabPanel [headerStyleClass]=\"'file-header-tab'\"\r\n                [header]=\"'FILE_EXPLORER.TAB_HEADER_MY_FILE' | translate\">\r\n                <file-manager #pFileManager></file-manager>\r\n            </p-tabPanel>\r\n        </p-tabView>\r\n    </tn-custom-scrollbar>\r\n    <ng-template #footer>\r\n    </ng-template>\r\n</tn-dialog>\r\n", styles: [".file-header-tab a{color:#000!important}.file-ex-icon:hover,.file-ex-name:hover{cursor:pointer}.file-ex-row:hover{background:#e8e8e8}.function-list a{margin:5px}.function-list a:hover{color:#20e5fb}\n"], dependencies: [{ kind: "component", type: i1.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i2.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: i3.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { kind: "component", type: i4.FileManagerComponent, selector: "file-manager", inputs: ["control", "fileDataService", "layout", "hiddenCreateFolder", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageSummary", "invalidFileLimitMessageDetail", "dataType", "rootFolderName", "serviceCode", "entity", "entityKey", "readonly", "inTaiLieu", "inTaiLieuChung", "copyToFolderId", "value", "multipleCheckWhenClickRow"], outputs: ["onInit", "onReady", "entityKeyChange", "closePopup", "valueChange", "onChanged", "onSelected"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+FileExplorerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FileExplorerComponent, selector: "file-explorer", outputs: { closePopup: "closePopup" }, providers: [ComponentContextService], ngImport: i0, template: "<tn-dialog #dialog [closeOnEscape]=\"false\" [header]=\"'FILE_EXPLORER.POPUP_TITLE' | translate\" [(visible)]=\"isShow\"\r\n    [popupSize]=\"{width: 1024, height: 600}\">\r\n    <tn-custom-scrollbar #scrollbar>\r\n        <p-tabView>\r\n            <p-tabPanel [headerStyleClass]=\"'file-header-tab'\"\r\n                [header]=\"'FILE_EXPLORER.TAB_HEADER_MY_FILE' | translate\">\r\n                <file-manager #pFileManager></file-manager>\r\n            </p-tabPanel>\r\n        </p-tabView>\r\n    </tn-custom-scrollbar>\r\n    <ng-template #footer>\r\n    </ng-template>\r\n</tn-dialog>\r\n", styles: [".file-header-tab a{color:#000!important}.file-ex-icon:hover,.file-ex-name:hover{cursor:pointer}.file-ex-row:hover{background:#e8e8e8}.function-list a{margin:5px}.function-list a:hover{color:#20e5fb}\n"], dependencies: [{ kind: "component", type: i1.TabView, selector: "p-tabView", inputs: ["orientation", "activeIndex", "style", "styleClass", "controlClose"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i1.TabPanel, selector: "p-tabPanel", inputs: ["cache", "tooltipPosition", "tooltipPositionStyle", "selected", "disabled", "header", "closable", "headerStyle", "headerStyleClass", "leftIcon", "rightIcon", "tooltip", "tooltipStyleClass"] }, { kind: "component", type: i2.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: i3.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { kind: "component", type: i4.FileManagerComponent, selector: "file-manager", inputs: ["control", "fileDataService", "layout", "hiddenCreateFolder", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageSummary", "invalidFileLimitMessageDetail", "dataType", "rootFolderName", "serviceCode", "entity", "entityKey", "readonly", "inTaiLieu", "inTaiLieuChung", "copyToFolderId", "value", "multipleCheckWhenClickRow"], outputs: ["onInit", "onReady", "entityKeyChange", "closePopup", "valueChange", "onChanged", "onSelected"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileExplorerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-explorer', providers: [ComponentContextService], template: "<tn-dialog #dialog [closeOnEscape]=\"false\" [header]=\"'FILE_EXPLORER.POPUP_TITLE' | translate\" [(visible)]=\"isShow\"\r\n    [popupSize]=\"{width: 1024, height: 600}\">\r\n    <tn-custom-scrollbar #scrollbar>\r\n        <p-tabView>\r\n            <p-tabPanel [headerStyleClass]=\"'file-header-tab'\"\r\n                [header]=\"'FILE_EXPLORER.TAB_HEADER_MY_FILE' | translate\">\r\n                <file-manager #pFileManager></file-manager>\r\n            </p-tabPanel>\r\n        </p-tabView>\r\n    </tn-custom-scrollbar>\r\n    <ng-template #footer>\r\n    </ng-template>\r\n</tn-dialog>\r\n", styles: [".file-header-tab a{color:#000!important}.file-ex-icon:hover,.file-ex-name:hover{cursor:pointer}.file-ex-row:hover{background:#e8e8e8}.function-list a{margin:5px}.function-list a:hover{color:#20e5fb}\n"] }]

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

@@ -41,7 +41,7 @@ export class FileFormComponent extends DataFormBase {
     }
 }
 FileFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileFormComponent, deps: [{ token: i0.Injector }, { token: i1.FileObjectService }], target: i0.ɵɵFactoryTarget.Component });
-FileFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FileFormComponent, selector: "file-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", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i4.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "useGridTemplate", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+FileFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FileFormComponent, selector: "file-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", "useGridTemplate", "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: FileFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-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" }]

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

@@ -263,7 +263,7 @@ export class FileKySoSimComponent extends ComponentBase {
     }
 }
 FileKySoSimComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileKySoSimComponent, deps: [{ token: i0.Injector }, { token: i1.DomService }, { token: i2.FileExplorerService }, { token: i3.UserService }, { token: i4.NotifierService }, { token: i5.KySoSimSignPDFService }, { token: i6.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
-FileKySoSimComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FileKySoSimComponent, selector: "app-file-ky-so-sim", providers: [ComponentContextService], viewQueries: [{ propertyName: "signContainer", first: true, predicate: ["signContainer"], descendants: true }, { propertyName: "extendedPdfViewer", first: true, predicate: ["extendedPdfViewer"], descendants: true }, { propertyName: "imgSignImage", first: true, predicate: ["signImage"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"isLoading\" class=\"div-loading\">\r\n    <div class=\"div-loading-image\">\r\n        <p-progressSpinner [style]=\"{width: '50px', height: '50px'}\" styleClass=\"custom-spinner\" strokeWidth=\"8\"\r\n            fill=\"#EEEEEE\" animationDuration=\".5s\"></p-progressSpinner>\r\n    </div>\r\n</div>\r\n<div style=\"text-align: center;\">\r\n    <!--  -->\r\n    <ngx-extended-pdf-viewer #extendedPdfViewer pageViewMode=\"single\" useBrowserLocale=\"true\"\r\n        height=\"calc(100vh - 100px)\" [src]=\"model.pdfAsDataUri\" [showToolbar]=\"true\" [showSidebarButton]=\"false\"\r\n        [showFindButton]=\"false\" [showPagingButtons]=\"true\" [showZoomButtons]=\"false\"\r\n        [showPresentationModeButton]=\"false\" [showOpenFileButton]=\"false\" [showPrintButton]=\"false\"\r\n        [showDownloadButton]=\"false\" [showBookmarkButton]=\"false\" [showSecondaryToolbarButton]=\"false\"\r\n        [showRotateButton]=\"false\" [showHandToolButton]=\"false\" [showScrollingButton]=\"false\" [showSpreadButton]=\"false\"\r\n        [showPropertiesButton]=\"false\" [enablePinchOnMobile]=\"true\" [showUnverifiedSignatures]=\"true\"\r\n        [filenameForDownload]=\"'file1.pdf'\" [zoom]=\"100\" [language]=\"'vi-VN'\" [handTool]=\"false\"\r\n        [(page)]=\"myState.currentPage\" (currentZoomFactor)=\"onPDFZoom($event)\" (pagesLoaded)=\"pagesLoaded($event)\">\r\n    </ngx-extended-pdf-viewer>\r\n    <div #signContainer id=\"signContainer\" class=\"sign-container\" (window:resize)=\"onResize($event)\">\r\n        <img #signImage *ngIf=\"model.kySimDataChuKy.signImageAsDataUri != null\" id=\"signImage\"\r\n            [src]=\"model.kySimDataChuKy.signImageAsDataUri\" />\r\n        <span *ngIf=\"model.kySimDataChuKy.signImageAsDataUri == null\">\r\n            <i class=\"fas fa-signature\"></i> Ch\u1ECDn v\u1ECB tr\u00ED k\u00FD\r\n        </span>\r\n        <div class=\"resize top-left\"></div>\r\n        <div class=\"resize bottom-right\"></div>\r\n    </div>\r\n</div>\r\n<tn-dialog *ngIf=\"forms.danhSachChuKy.show\" #dialog [styleClass]=\"'address-form'\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"forms.danhSachChuKy.header | translate\" [popupSize]=\"forms.danhSachChuKy.popupSize\" [showFooter]=\"true\"\r\n    (onHide)=\"forms.danhSachChuKy.show=false\">\r\n    <app-ky-so-sim-danh-sach-chu-ky [formData]=\"forms.danhSachChuKy\" [parentModel]=\"model\" [parentContext]=\"context\">\r\n    </app-ky-so-sim-danh-sach-chu-ky>\r\n</tn-dialog>", styles: [".sign-container{display:none;position:absolute;z-index:1;top:10px;left:0;touch-action:none;-webkit-user-select:none;user-select:none;background:rgba(33,150,243,.1490196078);border:2px dashed #2196f3}.sign-container span{font-size:20px;color:#555;padding:10px 20px 10px 10px;display:block;font-style:italic;font-weight:700}.sign-container img{width:100%;height:100%}.resize{display:inline-block;position:absolute;width:16px;height:16px;border-radius:50%;border:1px solid #ffffff;background:#2196f3;box-shadow:1px 1px 3px 1px #00000040}.top-left{top:-8px;left:-8px}.bottom-right{bottom:-8px;right:-8px}.div-loading{width:100%;height:100%;top:0px;left:0px;position:fixed;display:block;z-index:99;background:rgba(0,0,0,.4509803922)}.div-loading-image{position:absolute;top:50%;left:50%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "formData", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "delayFirstView", "logLevel", "enablePinchOnMobile", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "useBrowserLocale", "forceUsingLegacyES5", "backgroundColor", "pdfBackground", "pdfBackgroundColorToReplace", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindCurrentPageOnly", "showFindPageRange", "showFindEntireWord", "showFindEntirePhrase", "showFindIgnoreAccents", "showFindFuzzySearch", "showFindResultsCount", "showFindMessages", "showPagingButtons", "showZoomButtons", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "showBookmarkButton", "theme", "formTheme", "showToolbar", "showSecondaryToolbarButton", "showRotateButton", "handTool", "showHandToolButton", "showScrollingButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "_mobileFriendlyZoom", "wheelAction", "mobileFriendlyZoom"], outputs: ["formDataChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "sidebarVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "updateFindMatchesCount", "updateFindState", "zoomChange"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i10.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: i11.KySoSimDanhSachChuKyComponent, selector: "app-ky-so-sim-danh-sach-chu-ky", inputs: ["formData"] }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }] });
+FileKySoSimComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FileKySoSimComponent, selector: "app-file-ky-so-sim", providers: [ComponentContextService], viewQueries: [{ propertyName: "signContainer", first: true, predicate: ["signContainer"], descendants: true }, { propertyName: "extendedPdfViewer", first: true, predicate: ["extendedPdfViewer"], descendants: true }, { propertyName: "imgSignImage", first: true, predicate: ["signImage"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"isLoading\" class=\"div-loading\">\r\n    <div class=\"div-loading-image\">\r\n        <p-progressSpinner [style]=\"{width: '50px', height: '50px'}\" styleClass=\"custom-spinner\" strokeWidth=\"8\"\r\n            fill=\"#EEEEEE\" animationDuration=\".5s\"></p-progressSpinner>\r\n    </div>\r\n</div>\r\n<div style=\"text-align: center;\">\r\n    <!--  -->\r\n    <ngx-extended-pdf-viewer #extendedPdfViewer pageViewMode=\"single\" useBrowserLocale=\"true\"\r\n        height=\"calc(100vh - 100px)\" [src]=\"model.pdfAsDataUri\" [showToolbar]=\"true\" [showSidebarButton]=\"false\"\r\n        [showFindButton]=\"false\" [showPagingButtons]=\"true\" [showZoomButtons]=\"false\"\r\n        [showPresentationModeButton]=\"false\" [showOpenFileButton]=\"false\" [showPrintButton]=\"false\"\r\n        [showDownloadButton]=\"false\" [showBookmarkButton]=\"false\" [showSecondaryToolbarButton]=\"false\"\r\n        [showRotateButton]=\"false\" [showHandToolButton]=\"false\" [showScrollingButton]=\"false\" [showSpreadButton]=\"false\"\r\n        [showPropertiesButton]=\"false\" [enablePinchOnMobile]=\"true\" [showUnverifiedSignatures]=\"true\"\r\n        [filenameForDownload]=\"'file1.pdf'\" [zoom]=\"100\" [language]=\"'vi-VN'\" [handTool]=\"false\"\r\n        [(page)]=\"myState.currentPage\" (currentZoomFactor)=\"onPDFZoom($event)\" (pagesLoaded)=\"pagesLoaded($event)\">\r\n    </ngx-extended-pdf-viewer>\r\n    <div #signContainer id=\"signContainer\" class=\"sign-container\" (window:resize)=\"onResize($event)\">\r\n        <img #signImage *ngIf=\"model.kySimDataChuKy.signImageAsDataUri != null\" id=\"signImage\"\r\n            [src]=\"model.kySimDataChuKy.signImageAsDataUri\" />\r\n        <span *ngIf=\"model.kySimDataChuKy.signImageAsDataUri == null\">\r\n            <i class=\"fas fa-signature\"></i> Ch\u1ECDn v\u1ECB tr\u00ED k\u00FD\r\n        </span>\r\n        <div class=\"resize top-left\"></div>\r\n        <div class=\"resize bottom-right\"></div>\r\n    </div>\r\n</div>\r\n<tn-dialog *ngIf=\"forms.danhSachChuKy.show\" #dialog [styleClass]=\"'address-form'\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"forms.danhSachChuKy.header | translate\" [popupSize]=\"forms.danhSachChuKy.popupSize\" [showFooter]=\"true\"\r\n    (onHide)=\"forms.danhSachChuKy.show=false\">\r\n    <app-ky-so-sim-danh-sach-chu-ky [formData]=\"forms.danhSachChuKy\" [parentModel]=\"model\" [parentContext]=\"context\">\r\n    </app-ky-so-sim-danh-sach-chu-ky>\r\n</tn-dialog>", styles: [".sign-container{display:none;position:absolute;z-index:1;top:10px;left:0;touch-action:none;-webkit-user-select:none;user-select:none;background:rgba(33,150,243,.1490196078);border:2px dashed #2196f3}.sign-container span{font-size:20px;color:#555;padding:10px 20px 10px 10px;display:block;font-style:italic;font-weight:700}.sign-container img{width:100%;height:100%}.resize{display:inline-block;position:absolute;width:16px;height:16px;border-radius:50%;border:1px solid #ffffff;background:#2196f3;box-shadow:1px 1px 3px 1px #00000040}.top-left{top:-8px;left:-8px}.bottom-right{bottom:-8px;right:-8px}.div-loading{width:100%;height:100%;top:0px;left:0px;position:fixed;display:block;z-index:99;background:rgba(0,0,0,.4509803922)}.div-loading-image{position:absolute;top:50%;left:50%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "formData", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "delayFirstView", "logLevel", "enablePinchOnMobile", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "useBrowserLocale", "forceUsingLegacyES5", "backgroundColor", "pdfBackground", "pdfBackgroundColorToReplace", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindCurrentPageOnly", "showFindPageRange", "showFindEntireWord", "showFindEntirePhrase", "showFindIgnoreAccents", "showFindFuzzySearch", "showFindResultsCount", "showFindMessages", "showPagingButtons", "showZoomButtons", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "showBookmarkButton", "theme", "formTheme", "showToolbar", "showSecondaryToolbarButton", "showRotateButton", "handTool", "showHandToolButton", "showScrollingButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "_mobileFriendlyZoom", "wheelAction", "mobileFriendlyZoom"], outputs: ["formDataChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "sidebarVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "updateFindMatchesCount", "updateFindState", "zoomChange"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["strokeWidth", "fill", "animationDuration", "style", "styleClass"] }, { kind: "component", type: i10.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: i11.KySoSimDanhSachChuKyComponent, selector: "app-ky-so-sim-danh-sach-chu-ky", inputs: ["formData"] }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileKySoSimComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-file-ky-so-sim', providers: [ComponentContextService], template: "<div *ngIf=\"isLoading\" class=\"div-loading\">\r\n    <div class=\"div-loading-image\">\r\n        <p-progressSpinner [style]=\"{width: '50px', height: '50px'}\" styleClass=\"custom-spinner\" strokeWidth=\"8\"\r\n            fill=\"#EEEEEE\" animationDuration=\".5s\"></p-progressSpinner>\r\n    </div>\r\n</div>\r\n<div style=\"text-align: center;\">\r\n    <!--  -->\r\n    <ngx-extended-pdf-viewer #extendedPdfViewer pageViewMode=\"single\" useBrowserLocale=\"true\"\r\n        height=\"calc(100vh - 100px)\" [src]=\"model.pdfAsDataUri\" [showToolbar]=\"true\" [showSidebarButton]=\"false\"\r\n        [showFindButton]=\"false\" [showPagingButtons]=\"true\" [showZoomButtons]=\"false\"\r\n        [showPresentationModeButton]=\"false\" [showOpenFileButton]=\"false\" [showPrintButton]=\"false\"\r\n        [showDownloadButton]=\"false\" [showBookmarkButton]=\"false\" [showSecondaryToolbarButton]=\"false\"\r\n        [showRotateButton]=\"false\" [showHandToolButton]=\"false\" [showScrollingButton]=\"false\" [showSpreadButton]=\"false\"\r\n        [showPropertiesButton]=\"false\" [enablePinchOnMobile]=\"true\" [showUnverifiedSignatures]=\"true\"\r\n        [filenameForDownload]=\"'file1.pdf'\" [zoom]=\"100\" [language]=\"'vi-VN'\" [handTool]=\"false\"\r\n        [(page)]=\"myState.currentPage\" (currentZoomFactor)=\"onPDFZoom($event)\" (pagesLoaded)=\"pagesLoaded($event)\">\r\n    </ngx-extended-pdf-viewer>\r\n    <div #signContainer id=\"signContainer\" class=\"sign-container\" (window:resize)=\"onResize($event)\">\r\n        <img #signImage *ngIf=\"model.kySimDataChuKy.signImageAsDataUri != null\" id=\"signImage\"\r\n            [src]=\"model.kySimDataChuKy.signImageAsDataUri\" />\r\n        <span *ngIf=\"model.kySimDataChuKy.signImageAsDataUri == null\">\r\n            <i class=\"fas fa-signature\"></i> Ch\u1ECDn v\u1ECB tr\u00ED k\u00FD\r\n        </span>\r\n        <div class=\"resize top-left\"></div>\r\n        <div class=\"resize bottom-right\"></div>\r\n    </div>\r\n</div>\r\n<tn-dialog *ngIf=\"forms.danhSachChuKy.show\" #dialog [styleClass]=\"'address-form'\" [useDefaultScrollBar]=\"true\"\r\n    [header]=\"forms.danhSachChuKy.header | translate\" [popupSize]=\"forms.danhSachChuKy.popupSize\" [showFooter]=\"true\"\r\n    (onHide)=\"forms.danhSachChuKy.show=false\">\r\n    <app-ky-so-sim-danh-sach-chu-ky [formData]=\"forms.danhSachChuKy\" [parentModel]=\"model\" [parentContext]=\"context\">\r\n    </app-ky-so-sim-danh-sach-chu-ky>\r\n</tn-dialog>", styles: [".sign-container{display:none;position:absolute;z-index:1;top:10px;left:0;touch-action:none;-webkit-user-select:none;user-select:none;background:rgba(33,150,243,.1490196078);border:2px dashed #2196f3}.sign-container span{font-size:20px;color:#555;padding:10px 20px 10px 10px;display:block;font-style:italic;font-weight:700}.sign-container img{width:100%;height:100%}.resize{display:inline-block;position:absolute;width:16px;height:16px;border-radius:50%;border:1px solid #ffffff;background:#2196f3;box-shadow:1px 1px 3px 1px #00000040}.top-left{top:-8px;left:-8px}.bottom-right{bottom:-8px;right:-8px}.div-loading{width:100%;height:100%;top:0px;left:0px;position:fixed;display:block;z-index:99;background:rgba(0,0,0,.4509803922)}.div-loading-image{position:absolute;top:50%;left:50%;z-index:100}\n"] }]