tnx-shared 5.2.17 → 5.2.18

package/esm2020/components/dropdown/dropdown.component.mjs

@@ -14,15 +14,15 @@ import { DropdownControlSchema } from './models/models';
 import * as i0 from "@angular/core";
 import * as i1 from "ngx-device-detector";
 import * as i2 from "../../services/crud.service";
-import * as i3 from "tn-custom-primeng/dropdown";
-import * as i4 from "tn-custom-primeng/multiselect";
-import * as i5 from "../tn-dialog/tn-dialog.component";
-import * as i6 from "./quick-add-form/quick-add-form.component";
-import * as i7 from "tn-custom-primeng/tooltip";
-import * as i8 from "@angular/common";
+import * as i3 from "tn-custom-primeng/api";
+import * as i4 from "@angular/common";
+import * as i5 from "tn-custom-primeng/button";
+import * as i6 from "tn-custom-primeng/dropdown";
+import * as i7 from "tn-custom-primeng/multiselect";
+import * as i8 from "tn-custom-primeng/tooltip";
 import * as i9 from "@angular/forms";
-import * as i10 from "tn-custom-primeng/api";
-import * as i11 from "tn-custom-primeng/button";
+import * as i10 from "../tn-dialog/tn-dialog.component";
+import * as i11 from "./quick-add-form/quick-add-form.component";
 import * as i12 from "@ngx-translate/core";
 export class DropdownComponent extends ComponentBase {
     constructor(_deviceDetectorService, injector, _crudService) {
@@ -814,9 +814,9 @@ export class DropdownComponent extends ComponentBase {
         this._getData();
     }
 }
-DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.DeviceDetectorService }, { token: i0.Injector }, { token: i2.CrudService }], target: i0.ɵɵFactoryTarget.Component });
-DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: DropdownComponent, selector: "dropdown", inputs: { showClear: "showClear", disableDisplayFieldServerSearch: "disableDisplayFieldServerSearch", filter: "filter", control: "control", defaultLabel: "defaultLabel", appendTo: "appendTo", dataSource: "dataSource", value: "value", itemSelectedStyleClass: "itemSelectedStyleClass" }, outputs: { onChanged: "onChanged", onCollapse: "onCollapse", onExpand: "onExpand", onDropdownClick: "onDropdownClick", onShow: "onShow", onShowSmartEvent: "onShowSmartEvent", onHide: "onHide", onHideSmartEvent: "onHideSmartEvent", onFocus: "onFocus", onBlur: "onBlur", onReady: "onReady", onDataSourceLoaded: "onDataSourceLoaded", valueChange: "valueChange", adjustValue: "adjustValue" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true }, { propertyName: "input", first: true, predicate: ["inputMask"], descendants: true }, { propertyName: "dropdown", first: true, predicate: Dropdown, descendants: true }, { propertyName: "multiSelect", first: true, predicate: MultiSelect, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\">\r\n    <p-dropdown *ngIf=\"!control.multiple\" [options]=\"dataSourceInternal\" [placeholder]=\"control.placeholder\"\r\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\r\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\r\n        [disabled]=\"control.disabled ? true : null\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\r\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\r\n        [virtualScroll]=\"control.virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\r\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\r\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\r\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\r\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\r\n        </ng-template>\r\n    </p-dropdown>\r\n    <p-multiSelect *ngIf=\"control.multiple\" [options]=\"dataSourceInternal\" [filter]=\"control.filter\"\r\n        [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\" [panelStyleClass]=\"getPanelClass()\"\r\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\r\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"control.disabled ? true : null\"\r\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\" [virtualScroll]=\"control.virtualScroll\"\r\n        [maxItemDisplay]=\"control.maxItemDisplay\" [selectedItemsLabel]=\"control.selectedItemsLabel\"\r\n        [maxSelectedLabels]=\"control.maxSelectedLabels\" [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\"\r\n        [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onPanelShow)=\"onPanelShowHandler($event)\"\r\n        (onPanelHide)=\"onHideHandler($event)\">\r\n        <ng-template pTemplate=\"selectedItems\" let-value>\r\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\r\n            <ng-container *ngIf=\"value && value.length > 0\">\r\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\r\n                    {{selectedItem[control.displayField]}}<span class=\"remove-item\"\r\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\r\n                </span>\r\n            </ng-container>\r\n        </ng-template>\r\n    </p-multiSelect>\r\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\r\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\r\n    <button *ngIf=\"control.quickAdd && control.cols\" type=\"button\" pButton icon=\"pi pi-plus\"\r\n        class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\" tooltipPosition=\"top\"\r\n        (click)=\"showFormQuickAdd()\"></button>\r\n</div>\r\n<tn-dialog *ngIf=\"showQuickAddForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00EAm m\u1EDBi ' + control.label | translate\" [popupSize]=\"control.popupSize\"\r\n    (onHide)=\"showQuickAddForm = false\">\r\n    <quick-add-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\" [control]=\"control\"\r\n        [baseService]=\"control.baseService\" (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\r\n    </quick-add-form>\r\n</tn-dialog>", styles: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.input-mask{position:absolute;z-index:1;width:100%;padding-left:12px;box-sizing:border-box;border:1px solid transparent;outline:none;background:transparent;border-radius:3px}.input-mask.hide{display:none}.input-mask:focus{box-shadow:0 0 0 .2rem #a6d5fa;border-color:#2196f3}.custom-select-item{display:inline-flex;align-items:center;background:#d2eefb;border-radius:3px;padding:3px 5px;margin:0 0 0 3px;border:1px solid #a9d8ff}.custom-select-item>span{font-size:12px;color:#555;margin-left:3px}.custom-select-item>span i{font-size:10px}.custom-select-item.min{padding:1px 5px;margin-left:2px}.custom-select-item:first-child{margin-left:0}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{padding:.2em;height:22px;width:calc(100% - 2px);box-sizing:border-box;text-indent:1.5em;left:1px;top:1px}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}\n"], components: [{ type: i3.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "autoDisplayFirst", "emptyFilterMessage", "maxItemDisplay", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "autofocusSelectedItem", "delayFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass", "modifyOptionsWhenFilter"], outputs: ["onChange", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { type: i4.MultiSelect, selector: "p-multiSelect", inputs: ["filter", "displaySelectedLabel", "maxSelectedLabels", "maxItemDisplay", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "resetFilterOnHide", "dropdownIcon", "showHeader", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "display", "delayFilter", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue", "disabled", "overlayVisible", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "filterPlaceHolder", "filterLocale", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "selectionLimit", "optionLabel", "optionValue", "optionDisabled", "filterBy", "virtualScroll", "itemSize", "ariaFilterLabel", "tooltipStyleClass", "modifyOptionsWhenFilter"], outputs: ["onChange", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }, { type: i5.TnDialogComponent, selector: "tn-dialog", inputs: ["maskClass", "styleClass", "scrollBarStyleClass", "useDefaultScrollBar", "visible", "disabledButton", "modal", "header", "popupSize", "closeOnEscape", "showFooter", "positionTop", "minY", "hiddenSave", "maximizable"], outputs: ["onSave", "onCancel", "onShow", "onHide"] }, { type: i6.QuickAddFormComponent, selector: "quick-add-form", inputs: ["control", "baseService"] }], directives: [{ type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i10.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i11.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i12.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DropdownComponent, decorators: [{
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.DeviceDetectorService }, { token: i0.Injector }, { token: i2.CrudService }], target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: DropdownComponent, selector: "dropdown", inputs: { showClear: "showClear", disableDisplayFieldServerSearch: "disableDisplayFieldServerSearch", filter: "filter", control: "control", defaultLabel: "defaultLabel", appendTo: "appendTo", dataSource: "dataSource", value: "value", itemSelectedStyleClass: "itemSelectedStyleClass" }, outputs: { onChanged: "onChanged", onCollapse: "onCollapse", onExpand: "onExpand", onDropdownClick: "onDropdownClick", onShow: "onShow", onShowSmartEvent: "onShowSmartEvent", onHide: "onHide", onHideSmartEvent: "onHideSmartEvent", onFocus: "onFocus", onBlur: "onBlur", onReady: "onReady", onDataSourceLoaded: "onDataSourceLoaded", valueChange: "valueChange", adjustValue: "adjustValue" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true }, { propertyName: "input", first: true, predicate: ["inputMask"], descendants: true }, { propertyName: "dropdown", first: true, predicate: Dropdown, descendants: true }, { propertyName: "multiSelect", first: true, predicate: MultiSelect, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\">\r\n    <p-dropdown *ngIf=\"!control.multiple\" [options]=\"dataSourceInternal\" [placeholder]=\"control.placeholder\"\r\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\r\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\r\n        [disabled]=\"control.disabled ? true : null\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\r\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\r\n        [virtualScroll]=\"control.virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\r\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\r\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\r\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\r\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\r\n        </ng-template>\r\n    </p-dropdown>\r\n    <p-multiSelect *ngIf=\"control.multiple\" [options]=\"dataSourceInternal\" [filter]=\"control.filter\"\r\n        [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\" [panelStyleClass]=\"getPanelClass()\"\r\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\r\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"control.disabled ? true : null\"\r\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\" [virtualScroll]=\"control.virtualScroll\"\r\n        [maxItemDisplay]=\"control.maxItemDisplay\" [selectedItemsLabel]=\"control.selectedItemsLabel\"\r\n        [maxSelectedLabels]=\"control.maxSelectedLabels\" [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\"\r\n        [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onPanelShow)=\"onPanelShowHandler($event)\"\r\n        (onPanelHide)=\"onHideHandler($event)\">\r\n        <ng-template pTemplate=\"selectedItems\" let-value>\r\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\r\n            <ng-container *ngIf=\"value && value.length > 0\">\r\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\r\n                    {{selectedItem[control.displayField]}}<span class=\"remove-item\"\r\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\r\n                </span>\r\n            </ng-container>\r\n        </ng-template>\r\n    </p-multiSelect>\r\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\r\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\r\n    <button *ngIf=\"control.quickAdd && control.cols\" type=\"button\" pButton icon=\"pi pi-plus\"\r\n        class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\" tooltipPosition=\"top\"\r\n        (click)=\"showFormQuickAdd()\"></button>\r\n</div>\r\n<tn-dialog *ngIf=\"showQuickAddForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00EAm m\u1EDBi ' + control.label | translate\" [popupSize]=\"control.popupSize\"\r\n    (onHide)=\"showQuickAddForm = false\">\r\n    <quick-add-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\" [control]=\"control\"\r\n        [baseService]=\"control.baseService\" (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\r\n    </quick-add-form>\r\n</tn-dialog>", styles: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.input-mask{position:absolute;z-index:1;width:100%;padding-left:12px;box-sizing:border-box;border:1px solid transparent;outline:none;background:transparent;border-radius:3px}.input-mask.hide{display:none}.input-mask:focus{box-shadow:0 0 0 .2rem #a6d5fa;border-color:#2196f3}.custom-select-item{display:inline-flex;align-items:center;background:#d2eefb;border-radius:3px;padding:3px 5px;margin:0 0 0 3px;border:1px solid #a9d8ff}.custom-select-item>span{font-size:12px;color:#555;margin-left:3px}.custom-select-item>span i{font-size:10px}.custom-select-item.min{padding:1px 5px;margin-left:2px}.custom-select-item:first-child{margin-left:0}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{padding:.2em;height:22px;width:calc(100% - 2px);box-sizing:border-box;text-indent:1.5em;left:1px;top:1px}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}\n"], dependencies: [{ kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "component", type: i6.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "autoDisplayFirst", "emptyFilterMessage", "maxItemDisplay", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "autofocusSelectedItem", "delayFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass", "modifyOptionsWhenFilter"], outputs: ["onChange", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["filter", "displaySelectedLabel", "maxSelectedLabels", "maxItemDisplay", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "resetFilterOnHide", "dropdownIcon", "showHeader", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "display", "delayFilter", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue", "disabled", "overlayVisible", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "filterPlaceHolder", "filterLocale", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "selectionLimit", "optionLabel", "optionValue", "optionDisabled", "filterBy", "virtualScroll", "itemSize", "ariaFilterLabel", "tooltipStyleClass", "modifyOptionsWhenFilter"], outputs: ["onChange", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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.QuickAddFormComponent, selector: "quick-add-form", inputs: ["control", "baseService"] }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dropdown', providers: [ComponentContextService], template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\">\r\n    <p-dropdown *ngIf=\"!control.multiple\" [options]=\"dataSourceInternal\" [placeholder]=\"control.placeholder\"\r\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\r\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\r\n        [disabled]=\"control.disabled ? true : null\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\r\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\r\n        [virtualScroll]=\"control.virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\r\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\r\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\r\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\r\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\r\n        </ng-template>\r\n    </p-dropdown>\r\n    <p-multiSelect *ngIf=\"control.multiple\" [options]=\"dataSourceInternal\" [filter]=\"control.filter\"\r\n        [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\" [panelStyleClass]=\"getPanelClass()\"\r\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\r\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"control.disabled ? true : null\"\r\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\" [virtualScroll]=\"control.virtualScroll\"\r\n        [maxItemDisplay]=\"control.maxItemDisplay\" [selectedItemsLabel]=\"control.selectedItemsLabel\"\r\n        [maxSelectedLabels]=\"control.maxSelectedLabels\" [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\"\r\n        [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onPanelShow)=\"onPanelShowHandler($event)\"\r\n        (onPanelHide)=\"onHideHandler($event)\">\r\n        <ng-template pTemplate=\"selectedItems\" let-value>\r\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\r\n            <ng-container *ngIf=\"value && value.length > 0\">\r\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\r\n                    {{selectedItem[control.displayField]}}<span class=\"remove-item\"\r\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\r\n                </span>\r\n            </ng-container>\r\n        </ng-template>\r\n    </p-multiSelect>\r\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\r\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\r\n    <button *ngIf=\"control.quickAdd && control.cols\" type=\"button\" pButton icon=\"pi pi-plus\"\r\n        class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\" tooltipPosition=\"top\"\r\n        (click)=\"showFormQuickAdd()\"></button>\r\n</div>\r\n<tn-dialog *ngIf=\"showQuickAddForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00EAm m\u1EDBi ' + control.label | translate\" [popupSize]=\"control.popupSize\"\r\n    (onHide)=\"showQuickAddForm = false\">\r\n    <quick-add-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\" [control]=\"control\"\r\n        [baseService]=\"control.baseService\" (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\r\n    </quick-add-form>\r\n</tn-dialog>", styles: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.input-mask{position:absolute;z-index:1;width:100%;padding-left:12px;box-sizing:border-box;border:1px solid transparent;outline:none;background:transparent;border-radius:3px}.input-mask.hide{display:none}.input-mask:focus{box-shadow:0 0 0 .2rem #a6d5fa;border-color:#2196f3}.custom-select-item{display:inline-flex;align-items:center;background:#d2eefb;border-radius:3px;padding:3px 5px;margin:0 0 0 3px;border:1px solid #a9d8ff}.custom-select-item>span{font-size:12px;color:#555;margin-left:3px}.custom-select-item>span i{font-size:10px}.custom-select-item.min{padding:1px 5px;margin-left:2px}.custom-select-item:first-child{margin-left:0}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{padding:.2em;height:22px;width:calc(100% - 2px);box-sizing:border-box;text-indent:1.5em;left:1px;top:1px}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DeviceDetectorService }, { type: i0.Injector }, { type: i2.CrudService }]; }, propDecorators: { el: [{

package/esm2020/components/dropdown/quick-add-form/quick-add-form.component.mjs

@@ -2,9 +2,9 @@ import { Component, Input } from '@angular/core';
 import { ComponentContextService } from '../../../app-context/component-context.service';
 import { DataFormBase } from '../../../classes/base/data-form-base';
 import * as i0 from "@angular/core";
-import * as i1 from "../../crud/crud-form/crud-form.component";
-import * as i2 from "@angular/common";
-import * as i3 from "tn-custom-primeng/button";
+import * as i1 from "@angular/common";
+import * as i2 from "tn-custom-primeng/button";
+import * as i3 from "../../crud/crud-form/crud-form.component";
 import * as i4 from "@ngx-translate/core";
 export class QuickAddFormComponent extends DataFormBase {
     constructor(_injector) {
@@ -25,9 +25,9 @@ export class QuickAddFormComponent extends DataFormBase {
         // trước khi lưu
     }
 }
-QuickAddFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: QuickAddFormComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-QuickAddFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: QuickAddFormComponent, selector: "quick-add-form", inputs: { control: "control", baseService: "baseService" }, 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: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.input-mask{position:absolute;z-index:1;width:100%;padding-left:12px;box-sizing:border-box;border:1px solid transparent;outline:none;background:transparent;border-radius:3px}.input-mask.hide{display:none}.input-mask:focus{box-shadow:0 0 0 .2rem #a6d5fa;border-color:#2196f3}.custom-select-item{display:inline-flex;align-items:center;background:#d2eefb;padding:1px 5px 2px;border-radius:3px;margin:3px 3px 0 0;border:1px solid #a9d8ff}.custom-select-item>span{font-size:12px;color:#555;margin-left:3px}.custom-select-item>span i{font-size:10px}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{padding:.2em;height:22px;width:calc(100% - 2px);box-sizing:border-box;text-indent:1.5em;left:1px;top:1px}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}\n"], components: [{ type: i1.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i4.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: QuickAddFormComponent, decorators: [{
+QuickAddFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: QuickAddFormComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+QuickAddFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: QuickAddFormComponent, selector: "quick-add-form", inputs: { control: "control", baseService: "baseService" }, 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: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.input-mask{position:absolute;z-index:1;width:100%;padding-left:12px;box-sizing:border-box;border:1px solid transparent;outline:none;background:transparent;border-radius:3px}.input-mask.hide{display:none}.input-mask:focus{box-shadow:0 0 0 .2rem #a6d5fa;border-color:#2196f3}.custom-select-item{display:inline-flex;align-items:center;background:#d2eefb;padding:1px 5px 2px;border-radius:3px;margin:3px 3px 0 0;border:1px solid #a9d8ff}.custom-select-item>span{font-size:12px;color:#555;margin-left:3px}.custom-select-item>span i{font-size:10px}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{padding:.2em;height:22px;width:calc(100% - 2px);box-sizing:border-box;text-indent:1.5em;left:1px;top:1px}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "component", type: i3.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: QuickAddFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'quick-add-form', providers: [ComponentContextService], template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\"\r\n        [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n", styles: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.input-mask{position:absolute;z-index:1;width:100%;padding-left:12px;box-sizing:border-box;border:1px solid transparent;outline:none;background:transparent;border-radius:3px}.input-mask.hide{display:none}.input-mask:focus{box-shadow:0 0 0 .2rem #a6d5fa;border-color:#2196f3}.custom-select-item{display:inline-flex;align-items:center;background:#d2eefb;padding:1px 5px 2px;border-radius:3px;margin:3px 3px 0 0;border:1px solid #a9d8ff}.custom-select-item>span{font-size:12px;color:#555;margin-left:3px}.custom-select-item>span i{font-size:10px}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{padding:.2em;height:22px;width:calc(100% - 2px);box-sizing:border-box;text-indent:1.5em;left:1px;top:1px}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { control: [{

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

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

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

@@ -7,12 +7,12 @@ import { UserPickerControlSchema } from '../user-picker/models/user-picker-setti
 import { UserCurrentControlSchema } from './models/schema';
 import * as i0 from "@angular/core";
 import * as i1 from "./services.cs/entity-permission.service";
-import * as i2 from "../tn-dialog/tn-dialog.component";
-import * as i3 from "tn-custom-primeng/checkbox";
-import * as i4 from "../query-builders/query-builder/query-builder.component";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/common";
-import * as i7 from "tn-custom-primeng/button";
+import * as i2 from "@angular/common";
+import * as i3 from "tn-custom-primeng/button";
+import * as i4 from "@angular/forms";
+import * as i5 from "tn-custom-primeng/checkbox";
+import * as i6 from "../tn-dialog/tn-dialog.component";
+import * as i7 from "../query-builders/query-builder/query-builder.component";
 import * as i8 from "@ngx-translate/core";
 export class EntityPermissionComponent extends ComponentBase {
     constructor(injector, _entityPermissionService) {
@@ -74,9 +74,9 @@ export class EntityPermissionComponent extends ComponentBase {
         this.onCancel.emit(evt);
     }
 }
-EntityPermissionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPermissionComponent, deps: [{ token: i0.Injector }, { token: i1.EntityPermissionService }], target: i0.ɵɵFactoryTarget.Component });
-EntityPermissionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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"], components: [{ 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"] }, { type: i3.Checkbox, selector: "p-checkbox", inputs: ["checkboxIcon", "disabled", "value", "name", "binary", "label", "ariaLabelledBy", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "readonly", "required"], outputs: ["onChange"] }, { type: i4.QueryBuilderComponent, selector: "query-builder", inputs: ["searchSchema", "filters", "style", "styleClass", "useScrollBar", "hiddenButtons"], outputs: ["onSearch", "onSave", "onDeleteSave"] }], directives: [{ type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i8.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPermissionComponent, decorators: [{
+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", "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"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.EntityPermissionService }]; }, propDecorators: { queryBuilder: [{

package/esm2020/components/entity-permission/services.cs/entity-permission.service.mjs

@@ -34,9 +34,9 @@ export class EntityPermissionService extends BaseService {
         return this.defaultPost(`${this.getEndpointByService(service)}/EntityPermission/RemovePermission/${service.entityName}`, {});
     }
 }
-EntityPermissionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPermissionService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-EntityPermissionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPermissionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPermissionService, decorators: [{
+EntityPermissionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPermissionService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+EntityPermissionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPermissionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPermissionService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i0.Injector }, { type: i2.EnvironmentService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50aXR5LXBlcm1pc3Npb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2NvbXBvbmVudHMvZW50aXR5LXBlcm1pc3Npb24vc2VydmljZXMuY3MvZW50aXR5LXBlcm1pc3Npb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUU3RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFHckUsTUFBTSxPQUFPLHVCQUF3QixTQUFRLFdBQVc7SUFLcEQsWUFDSSxJQUFnQixFQUNoQixRQUFrQixFQUNsQixtQkFBdUM7UUFFdkMsS0FBSyxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFUOUIsZ0JBQVcsR0FBRyxTQUFTLENBQUM7UUFDaEIsb0JBQWUsR0FFbkIsRUFBRSxDQUFDO1FBT0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxtQkFBbUIsQ0FBQyxpQ0FBaUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEYsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLG1CQUFtQixDQUFDO0lBQzFELENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxPQUFvQjtRQUNyQyxPQUFPLE9BQU8sQ0FBQyxRQUFRLENBQUM7SUFDNUIsQ0FBQztJQUVELGVBQWUsQ0FBQyxVQUFrQixFQUFFLE9BQW9CO1FBQ3BELElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLEdBQUcsT0FBTyxDQUFDO0lBQy9DLENBQUM7SUFFRCxhQUFhLENBQUMsU0FBaUI7UUFDM0IsTUFBTSxPQUFPLEdBQWdCLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDN0QsSUFBSSxPQUFPLElBQUksU0FBUyxFQUFFO1lBQ3RCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsNkRBQTZELENBQUMsQ0FBQztTQUNwSDtRQUNELE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsbUNBQW1DLE9BQU8sQ0FBQyxVQUFVLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUM5SCxDQUFDO0lBRUQsY0FBYyxDQUFDLFNBQWlCLEVBQUUsSUFBUztRQUN2QyxNQUFNLE9BQU8sR0FBZ0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3RCxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLG9DQUFvQyxPQUFPLENBQUMsVUFBVSxFQUFFLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDakksQ0FBQztJQUVELGdCQUFnQixDQUFDLFNBQWlCO1FBQzlCLE1BQU0sT0FBTyxHQUFnQixJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzdELE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsc0NBQXNDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNqSSxDQUFDOztvSEF2Q1EsdUJBQXVCO3dIQUF2Qix1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFEbkMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IEluamVjdGFibGUsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJhc2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYmFzZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRW52aXJvbm1lbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZW52aXJvbm1lbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IE5vdGlmaWVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL25vdGlmaWVyLnNlcnZpY2UnO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgRW50aXR5UGVybWlzc2lvblNlcnZpY2UgZXh0ZW5kcyBCYXNlU2VydmljZSB7XHJcbiAgICBzZXJ2aWNlQ29kZSA9ICd1c2VyT3JnJztcclxuICAgIHByaXZhdGUgc2VydmljZU1hbmFnZXJzOiB7XHJcbiAgICAgICAgW2tleTogc3RyaW5nXTogQmFzZVNlcnZpY2VcclxuICAgIH0gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIGh0dHA6IEh0dHBDbGllbnQsXHJcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yLFxyXG4gICAgICAgIF9lbnZpcm9ubWVudFNlcnZpY2U6IEVudmlyb25tZW50U2VydmljZVxyXG4gICAgKSB7XHJcbiAgICAgICAgc3VwZXIoaHR0cCwgaW5qZWN0b3IsICcnKTtcclxuICAgICAgICB0aGlzLmVuZFBvaW50ID0gX2Vudmlyb25tZW50U2VydmljZS5nZXRIdHRwU2VydmljZUVuZHBvaW50V2l0aFZlcnNpb24odGhpcy5zZXJ2aWNlQ29kZSk7XHJcbiAgICAgICAgdGhpcy5zZXJ2aWNlVXJpID0gYCR7dGhpcy5lbmRQb2ludH0vRW50aXR5UGVybWlzc2lvbmA7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0RW5kcG9pbnRCeVNlcnZpY2Uoc2VydmljZTogQmFzZVNlcnZpY2UpIHtcclxuICAgICAgICByZXR1cm4gc2VydmljZS5lbmRQb2ludDtcclxuICAgIH1cclxuXHJcbiAgICByZWdpc3RlclNlcnZpY2UoZW50aXR5TmFtZTogc3RyaW5nLCBzZXJ2aWNlOiBCYXNlU2VydmljZSkge1xyXG4gICAgICAgIHRoaXMuc2VydmljZU1hbmFnZXJzW2VudGl0eU5hbWVdID0gc2VydmljZTtcclxuICAgIH1cclxuXHJcbiAgICBnZXRQZXJtaXNzaW9uKHRhYmxlTmFtZTogc3RyaW5nKSB7XHJcbiAgICAgICAgY29uc3Qgc2VydmljZTogQmFzZVNlcnZpY2UgPSB0aGlzLnNlcnZpY2VNYW5hZ2Vyc1t0YWJsZU5hbWVdO1xyXG4gICAgICAgIGlmIChzZXJ2aWNlID09IHVuZGVmaW5lZCkge1xyXG4gICAgICAgICAgICAodGhpcy5faW5qZWN0b3IuZ2V0KE5vdGlmaWVyU2VydmljZSkpLnNob3dXYXJuaW5nKCdC4bqhbiBjaMawYSDEkcSDbmcga8O9IGJhc2Ugc2VydmljZSBjaG8gZW50aXR5IHBlcm1pc3Npb24gc2VydmljZScpO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gdGhpcy5kZWZhdWx0UG9zdChgJHt0aGlzLmdldEVuZHBvaW50QnlTZXJ2aWNlKHNlcnZpY2UpfS9FbnRpdHlQZXJtaXNzaW9uL0dldFBlcm1pc3Npb24vJHtzZXJ2aWNlLmVudGl0eU5hbWV9YCwge30pO1xyXG4gICAgfVxyXG5cclxuICAgIHNhdmVQZXJtaXNzaW9uKHRhYmxlTmFtZTogc3RyaW5nLCBkYXRhOiBhbnkpIHtcclxuICAgICAgICBjb25zdCBzZXJ2aWNlOiBCYXNlU2VydmljZSA9IHRoaXMuc2VydmljZU1hbmFnZXJzW3RhYmxlTmFtZV07XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZGVmYXVsdFBvc3QoYCR7dGhpcy5nZXRFbmRwb2ludEJ5U2VydmljZShzZXJ2aWNlKX0vRW50aXR5UGVybWlzc2lvbi9TYXZlUGVybWlzc2lvbi8ke3NlcnZpY2UuZW50aXR5TmFtZX1gLCBkYXRhKTtcclxuICAgIH1cclxuXHJcbiAgICByZW1vdmVQZXJtaXNzaW9uKHRhYmxlTmFtZTogc3RyaW5nKSB7XHJcbiAgICAgICAgY29uc3Qgc2VydmljZTogQmFzZVNlcnZpY2UgPSB0aGlzLnNlcnZpY2VNYW5hZ2Vyc1t0YWJsZU5hbWVdO1xyXG4gICAgICAgIHJldHVybiB0aGlzLmRlZmF1bHRQb3N0KGAke3RoaXMuZ2V0RW5kcG9pbnRCeVNlcnZpY2Uoc2VydmljZSl9L0VudGl0eVBlcm1pc3Npb24vUmVtb3ZlUGVybWlzc2lvbi8ke3NlcnZpY2UuZW50aXR5TmFtZX1gLCB7fSk7XHJcbiAgICB9XHJcbn1cclxuIl19

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

@@ -12,10 +12,10 @@ import * as i2 from "@ngx-translate/core";
 import * as i3 from "../../../services/master-data.service";
 import * as i4 from "../../../services/dom.service";
 import * as i5 from "ngx-device-detector";
-import * as i6 from "../entity-picker-dialog/components/entity-picker-data/entity-picker-data.component";
-import * as i7 from "../entity-picker-dialog/components/entity-picker-selected/entity-picker-selected.component";
-import * as i8 from "../../after-view-checked/after-view-checked.component";
-import * as i9 from "@angular/common";
+import * as i6 from "@angular/common";
+import * as i7 from "../../after-view-checked/after-view-checked.component";
+import * as i8 from "../entity-picker-dialog/components/entity-picker-data/entity-picker-data.component";
+import * as i9 from "../entity-picker-dialog/components/entity-picker-selected/entity-picker-selected.component";
 export class EntityPickerBoxComponent extends ComponentBase {
     constructor(_injector, _notifierService, _translateService, _masterData, _domService, _deviceDetectorService) {
         super(_injector);
@@ -134,9 +134,9 @@ export class EntityPickerBoxComponent extends ComponentBase {
         }
     }
 }
-EntityPickerBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPickerBoxComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }, { token: i2.TranslateService }, { token: i3.MasterDataService }, { token: i4.DomService }, { token: i5.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
-EntityPickerBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: EntityPickerBoxComponent, selector: "entity-picker-box", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", width: "width", height: "height", readOnlyValues: "readOnlyValues", selectedValue: "selectedValue" }, outputs: { onContentLeftInit: "onContentLeftInit", onContentRightInit: "onContentRightInit", onRowSelect: "onRowSelect", onChanged: "onChanged", onSelect: "onSelect", onUnSelect: "onUnSelect", onDone: "onDone" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true }, { propertyName: "dataComponent", first: true, predicate: EntityPickerDataComponent, descendants: true }, { propertyName: "selectedComponent", first: true, predicate: EntityPickerSelectedComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #el class=\"entityPicker tn-l-entity-picker-box\">\r\n    <div #scrollContainer class=\"p-grid tn-l-entity-picker-box-inner\"\r\n        (scroll)=\"handleScrollContainer($event, el, scrollContainer)\">\r\n        <div class=\"p-col-12\" [ngClass]=\"control.multiple ? 'p-md-6 picker-left' : ''\">\r\n            <app-entity-picker-data [control]=\"control\" [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\"\r\n                [selectedValue]=\"selectedValue\" [isSingleSelection]=\"!control.multiple\"\r\n                (onContentInit)=\"onContentLeftInit.emit($event)\" (onPick)=\"handlePick($event)\"\r\n                (onPickSelected)=\"selectEntity($event)\" (onPickAll)=\"selectEntity($event)\"\r\n                (onRowSelect)=\"handleRowSelect($event)\">\r\n            </app-entity-picker-data>\r\n        </div>\r\n        <div *ngIf=\"control.multiple\" class=\"p-col-12 p-md-6\">\r\n            <app-entity-picker-selected [control]=\"control\" [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\"\r\n                [readOnlyValues]=\"readOnlyValues\" [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        </div>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"isOnMobile && control.multiple\">\r\n        <div class=\"tn-animated-left-arrow-icon\"></div>\r\n        <div class=\"tn-animated-right-arrow-icon\"></div>\r\n\r\n        <after-view-checked (loaded)=\"toggleArrowIcon(el, scrollContainer)\"></after-view-checked>\r\n    </ng-container>\r\n</div>", styles: ["::ng-deep entity-picker-box .picker-left{border-right:1px solid #dee2e6}::ng-deep entity-picker-box .tn-l-entity-picker-box{position:relative}::ng-deep entity-picker-box .tn-animated-right-arrow-icon,::ng-deep entity-picker-box .tn-animated-left-arrow-icon{position:absolute;z-index:10;pointer-events:none;top:50%;margin-top:-16px;opacity:0;transition:opacity .24s ease-in-out}::ng-deep entity-picker-box .tn-animated-left-arrow-icon{left:8px}::ng-deep entity-picker-box .tn-animated-right-arrow-icon{right:8px}::ng-deep entity-picker-box .tn-l-entity-picker-box.--show-left-arrow .tn-animated-left-arrow-icon,::ng-deep entity-picker-box .tn-l-entity-picker-box.--show-right-arrow .tn-animated-right-arrow-icon{opacity:1}::ng-deep entity-picker-box .tn-l-entity-picker-box-inner{display:flex;height:100%;margin:0}::ng-deep entity-picker-box app-entity-picker-data .custom-card,::ng-deep entity-picker-box app-entity-picker-selected .custom-card{box-shadow:none}::ng-deep entity-picker-box app-entity-picker-selected .custom-card{padding:.5em!important}@media (max-width: 640px){::ng-deep entity-picker-box .picker-left{border-right:unset}::ng-deep entity-picker-box .tn-l-entity-picker-box-inner{flex-wrap:nowrap;overflow:auto}::ng-deep entity-picker-box .p-datatable .p-datatable-tbody tr td.column-function{padding:.5rem}}::ng-deep .entity-picker-box-dialog .p-dialog-content{overflow:hidden;padding:0}@media (max-width: 640px){::ng-deep .entity-picker-box-dialog .p-dialog-content{overflow:auto}::ng-deep .entity-picker-box-dialog .tn-dialog-scrollbar>div{min-height:100%!important}}\n"], components: [{ type: i6.EntityPickerDataComponent, selector: "app-entity-picker-data", inputs: ["parentSetting", "advanceData", "control", "selectedValue", "isSingleSelection", "filters"], outputs: ["onContentInit", "onRowSelect", "onPick", "onPickAll", "onPickSelected"] }, { type: i7.EntityPickerSelectedComponent, selector: "app-entity-picker-selected", inputs: ["parentSetting", "advanceData", "control", "readOnlyValues", "selectedValue"], outputs: ["onContentInit", "onUnPick", "onUnPickAll", "onUnPickSelected"] }, { type: i8.AfterViewCheckedComponent, selector: "after-view-checked", inputs: ["renderKey"], outputs: ["loaded", "loading", "unloading", "reRender"] }], directives: [{ type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPickerBoxComponent, decorators: [{
+EntityPickerBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerBoxComponent, deps: [{ token: i0.Injector }, { token: i1.NotifierService }, { token: i2.TranslateService }, { token: i3.MasterDataService }, { token: i4.DomService }, { token: i5.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
+EntityPickerBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EntityPickerBoxComponent, selector: "entity-picker-box", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", width: "width", height: "height", readOnlyValues: "readOnlyValues", selectedValue: "selectedValue" }, outputs: { onContentLeftInit: "onContentLeftInit", onContentRightInit: "onContentRightInit", onRowSelect: "onRowSelect", onChanged: "onChanged", onSelect: "onSelect", onUnSelect: "onUnSelect", onDone: "onDone" }, providers: [ComponentContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true }, { propertyName: "dataComponent", first: true, predicate: EntityPickerDataComponent, descendants: true }, { propertyName: "selectedComponent", first: true, predicate: EntityPickerSelectedComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #el class=\"entityPicker tn-l-entity-picker-box\">\r\n    <div #scrollContainer class=\"p-grid tn-l-entity-picker-box-inner\"\r\n        (scroll)=\"handleScrollContainer($event, el, scrollContainer)\">\r\n        <div class=\"p-col-12\" [ngClass]=\"control.multiple ? 'p-md-6 picker-left' : ''\">\r\n            <app-entity-picker-data [control]=\"control\" [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\"\r\n                [selectedValue]=\"selectedValue\" [isSingleSelection]=\"!control.multiple\"\r\n                (onContentInit)=\"onContentLeftInit.emit($event)\" (onPick)=\"handlePick($event)\"\r\n                (onPickSelected)=\"selectEntity($event)\" (onPickAll)=\"selectEntity($event)\"\r\n                (onRowSelect)=\"handleRowSelect($event)\">\r\n            </app-entity-picker-data>\r\n        </div>\r\n        <div *ngIf=\"control.multiple\" class=\"p-col-12 p-md-6\">\r\n            <app-entity-picker-selected [control]=\"control\" [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\"\r\n                [readOnlyValues]=\"readOnlyValues\" [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        </div>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"isOnMobile && control.multiple\">\r\n        <div class=\"tn-animated-left-arrow-icon\"></div>\r\n        <div class=\"tn-animated-right-arrow-icon\"></div>\r\n\r\n        <after-view-checked (loaded)=\"toggleArrowIcon(el, scrollContainer)\"></after-view-checked>\r\n    </ng-container>\r\n</div>", styles: ["::ng-deep entity-picker-box .picker-left{border-right:1px solid #dee2e6}::ng-deep entity-picker-box .tn-l-entity-picker-box{position:relative}::ng-deep entity-picker-box .tn-animated-right-arrow-icon,::ng-deep entity-picker-box .tn-animated-left-arrow-icon{position:absolute;z-index:10;pointer-events:none;top:50%;margin-top:-16px;opacity:0;transition:opacity .24s ease-in-out}::ng-deep entity-picker-box .tn-animated-left-arrow-icon{left:8px}::ng-deep entity-picker-box .tn-animated-right-arrow-icon{right:8px}::ng-deep entity-picker-box .tn-l-entity-picker-box.--show-left-arrow .tn-animated-left-arrow-icon,::ng-deep entity-picker-box .tn-l-entity-picker-box.--show-right-arrow .tn-animated-right-arrow-icon{opacity:1}::ng-deep entity-picker-box .tn-l-entity-picker-box-inner{display:flex;height:100%;margin:0}::ng-deep entity-picker-box app-entity-picker-data .custom-card,::ng-deep entity-picker-box app-entity-picker-selected .custom-card{box-shadow:none}::ng-deep entity-picker-box app-entity-picker-selected .custom-card{padding:.5em!important}@media (max-width: 640px){::ng-deep entity-picker-box .picker-left{border-right:unset}::ng-deep entity-picker-box .tn-l-entity-picker-box-inner{flex-wrap:nowrap;overflow:auto}::ng-deep entity-picker-box .p-datatable .p-datatable-tbody tr td.column-function{padding:.5rem}}::ng-deep .entity-picker-box-dialog .p-dialog-content{overflow:hidden;padding:0}@media (max-width: 640px){::ng-deep .entity-picker-box-dialog .p-dialog-content{overflow:auto}::ng-deep .entity-picker-box-dialog .tn-dialog-scrollbar>div{min-height:100%!important}}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.AfterViewCheckedComponent, selector: "after-view-checked", inputs: ["renderKey"], outputs: ["loaded", "loading", "unloading", "reRender"] }, { kind: "component", type: i8.EntityPickerDataComponent, selector: "app-entity-picker-data", inputs: ["parentSetting", "advanceData", "control", "selectedValue", "isSingleSelection", "filters"], outputs: ["onContentInit", "onRowSelect", "onPick", "onPickAll", "onPickSelected"] }, { kind: "component", type: i9.EntityPickerSelectedComponent, selector: "app-entity-picker-selected", inputs: ["parentSetting", "advanceData", "control", "readOnlyValues", "selectedValue"], outputs: ["onContentInit", "onUnPick", "onUnPickAll", "onUnPickSelected"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EntityPickerBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-picker-box', providers: [ComponentContextService], template: "<div #el class=\"entityPicker tn-l-entity-picker-box\">\r\n    <div #scrollContainer class=\"p-grid tn-l-entity-picker-box-inner\"\r\n        (scroll)=\"handleScrollContainer($event, el, scrollContainer)\">\r\n        <div class=\"p-col-12\" [ngClass]=\"control.multiple ? 'p-md-6 picker-left' : ''\">\r\n            <app-entity-picker-data [control]=\"control\" [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\"\r\n                [selectedValue]=\"selectedValue\" [isSingleSelection]=\"!control.multiple\"\r\n                (onContentInit)=\"onContentLeftInit.emit($event)\" (onPick)=\"handlePick($event)\"\r\n                (onPickSelected)=\"selectEntity($event)\" (onPickAll)=\"selectEntity($event)\"\r\n                (onRowSelect)=\"handleRowSelect($event)\">\r\n            </app-entity-picker-data>\r\n        </div>\r\n        <div *ngIf=\"control.multiple\" class=\"p-col-12 p-md-6\">\r\n            <app-entity-picker-selected [control]=\"control\" [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\"\r\n                [readOnlyValues]=\"readOnlyValues\" [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        </div>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"isOnMobile && control.multiple\">\r\n        <div class=\"tn-animated-left-arrow-icon\"></div>\r\n        <div class=\"tn-animated-right-arrow-icon\"></div>\r\n\r\n        <after-view-checked (loaded)=\"toggleArrowIcon(el, scrollContainer)\"></after-view-checked>\r\n    </ng-container>\r\n</div>", styles: ["::ng-deep entity-picker-box .picker-left{border-right:1px solid #dee2e6}::ng-deep entity-picker-box .tn-l-entity-picker-box{position:relative}::ng-deep entity-picker-box .tn-animated-right-arrow-icon,::ng-deep entity-picker-box .tn-animated-left-arrow-icon{position:absolute;z-index:10;pointer-events:none;top:50%;margin-top:-16px;opacity:0;transition:opacity .24s ease-in-out}::ng-deep entity-picker-box .tn-animated-left-arrow-icon{left:8px}::ng-deep entity-picker-box .tn-animated-right-arrow-icon{right:8px}::ng-deep entity-picker-box .tn-l-entity-picker-box.--show-left-arrow .tn-animated-left-arrow-icon,::ng-deep entity-picker-box .tn-l-entity-picker-box.--show-right-arrow .tn-animated-right-arrow-icon{opacity:1}::ng-deep entity-picker-box .tn-l-entity-picker-box-inner{display:flex;height:100%;margin:0}::ng-deep entity-picker-box app-entity-picker-data .custom-card,::ng-deep entity-picker-box app-entity-picker-selected .custom-card{box-shadow:none}::ng-deep entity-picker-box app-entity-picker-selected .custom-card{padding:.5em!important}@media (max-width: 640px){::ng-deep entity-picker-box .picker-left{border-right:unset}::ng-deep entity-picker-box .tn-l-entity-picker-box-inner{flex-wrap:nowrap;overflow:auto}::ng-deep entity-picker-box .p-datatable .p-datatable-tbody tr td.column-function{padding:.5rem}}::ng-deep .entity-picker-box-dialog .p-dialog-content{overflow:hidden;padding:0}@media (max-width: 640px){::ng-deep .entity-picker-box-dialog .p-dialog-content{overflow:auto}::ng-deep .entity-picker-box-dialog .tn-dialog-scrollbar>div{min-height:100%!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NotifierService }, { type: i2.TranslateService }, { type: i3.MasterDataService }, { type: i4.DomService }, { type: i5.DeviceDetectorService }]; }, propDecorators: { el: [{

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

@@ -6,10 +6,10 @@ import { HeightType, Operator } from '../../../../../classes/base/enums';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 import * as i2 from "ngx-device-detector";
-import * as i3 from "../../../../crud/crud-list/crud-list.component";
-import * as i4 from "@angular/common";
-import * as i5 from "tn-custom-primeng/button";
-import * as i6 from "tn-custom-primeng/tooltip";
+import * as i3 from "@angular/common";
+import * as i4 from "tn-custom-primeng/button";
+import * as i5 from "tn-custom-primeng/tooltip";
+import * as i6 from "../../../../crud/crud-list/crud-list.component";
 export class EntityPickerDataComponent extends DataListBase {
     constructor(_injector, _translateService, _deviceDetectorService) {
         super(_injector);
@@ -120,9 +120,9 @@ export class EntityPickerDataComponent extends DataListBase {
     clearFilter(evt) {
     }
 }
-EntityPickerDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPickerDataComponent, deps: [{ token: i0.Injector }, { token: i1.TranslateService }, { token: i2.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
-EntityPickerDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: EntityPickerDataComponent, selector: "app-entity-picker-data", inputs: { parentSetting: "parentSetting", advanceData: "advanceData", control: "control", selectedValue: "selectedValue", isSingleSelection: "isSingleSelection", filters: "filters" }, 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"], components: [{ type: i3.CrudListComponent, selector: "crud-list", inputs: ["model", "setting", "fileName", "lazy", "widthCheckbox", "widthOrderColumn", "widthFunctionColumn", "classRowGroup", "showScrollBar", "pTableScrollable", "pTableScrollHeight", "responsive", "configScrollBar", "showScrollHorizontal", "showRadio", "hiddenAdd", "hiddenDelete", "hiddenEdit", "hiddenCopyLink", "hiddenView", "disableKeypressControl", "cancelBubble", "escape", "selectionMode", "config", "enableReorderRow", "templates", "templatesFromParent", "childrenFromParent", "menuButtons", "fieldOrder", "style", "tableClass", "dataSource", "filter_default"], outputs: ["onRowSelect", "onReordered", "onCheckAll", "onReload", "onReloaded", "onReady", "onContentInit", "onAdd", "onEdit", "onCopyLink", "onCopyLinkMultiple", "onView", "onDelete", "onDeleteMultiple", "onInvalidWorkflow", "onAfterTrinhKy", "onStartedWorkflow", "onProcessedWorkflow", "onRollbackedWorkflow", "onChangedStatusWorkflow"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPickerDataComponent, decorators: [{
+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" }, 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", inputs: ["model", "setting", "fileName", "lazy", "widthCheckbox", "widthOrderColumn", "widthFunctionColumn", "classRowGroup", "showScrollBar", "pTableScrollable", "pTableScrollHeight", "responsive", "configScrollBar", "showScrollHorizontal", "showRadio", "hiddenAdd", "hiddenDelete", "hiddenEdit", "hiddenCopyLink", "hiddenView", "disableKeypressControl", "cancelBubble", "escape", "selectionMode", "config", "enableReorderRow", "templates", "templatesFromParent", "childrenFromParent", "menuButtons", "fieldOrder", "style", "tableClass", "dataSource", "filter_default"], outputs: ["onRowSelect", "onReordered", "onCheckAll", "onReload", "onReloaded", "onReady", "onContentInit", "onAdd", "onEdit", "onCopyLink", "onCopyLinkMultiple", "onView", "onDelete", "onDeleteMultiple", "onInvalidWorkflow", "onAfterTrinhKy", "onStartedWorkflow", "onProcessedWorkflow", "onRollbackedWorkflow", "onChangedStatusWorkflow"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: 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"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.TranslateService }, { type: i2.DeviceDetectorService }]; }, propDecorators: { parentSetting: [{

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

@@ -5,10 +5,10 @@ import { DataListBase } from '../../../../../classes/base/data-list-base';
 import { HeightType, Operator } from '../../../../../classes/base/enums';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
-import * as i2 from "../../../../crud/crud-list/crud-list.component";
-import * as i3 from "@angular/common";
-import * as i4 from "tn-custom-primeng/button";
-import * as i5 from "tn-custom-primeng/tooltip";
+import * as i2 from "@angular/common";
+import * as i3 from "tn-custom-primeng/button";
+import * as i4 from "tn-custom-primeng/tooltip";
+import * as i5 from "../../../../crud/crud-list/crud-list.component";
 export class EntityPickerSelectedComponent extends DataListBase {
     constructor(_translateService, _injector) {
         super(_injector);
@@ -140,9 +140,9 @@ export class EntityPickerSelectedComponent extends DataListBase {
     clearFilter(evt) {
     }
 }
-EntityPickerSelectedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPickerSelectedComponent, deps: [{ token: i1.TranslateService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-EntityPickerSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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"], components: [{ type: i2.CrudListComponent, selector: "crud-list", inputs: ["model", "setting", "fileName", "lazy", "widthCheckbox", "widthOrderColumn", "widthFunctionColumn", "classRowGroup", "showScrollBar", "pTableScrollable", "pTableScrollHeight", "responsive", "configScrollBar", "showScrollHorizontal", "showRadio", "hiddenAdd", "hiddenDelete", "hiddenEdit", "hiddenCopyLink", "hiddenView", "disableKeypressControl", "cancelBubble", "escape", "selectionMode", "config", "enableReorderRow", "templates", "templatesFromParent", "childrenFromParent", "menuButtons", "fieldOrder", "style", "tableClass", "dataSource", "filter_default"], outputs: ["onRowSelect", "onReordered", "onCheckAll", "onReload", "onReloaded", "onReady", "onContentInit", "onAdd", "onEdit", "onCopyLink", "onCopyLinkMultiple", "onView", "onDelete", "onDeleteMultiple", "onInvalidWorkflow", "onAfterTrinhKy", "onStartedWorkflow", "onProcessedWorkflow", "onRollbackedWorkflow", "onChangedStatusWorkflow"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPickerSelectedComponent, decorators: [{
+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", "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", inputs: ["model", "setting", "fileName", "lazy", "widthCheckbox", "widthOrderColumn", "widthFunctionColumn", "classRowGroup", "showScrollBar", "pTableScrollable", "pTableScrollHeight", "responsive", "configScrollBar", "showScrollHorizontal", "showRadio", "hiddenAdd", "hiddenDelete", "hiddenEdit", "hiddenCopyLink", "hiddenView", "disableKeypressControl", "cancelBubble", "escape", "selectionMode", "config", "enableReorderRow", "templates", "templatesFromParent", "childrenFromParent", "menuButtons", "fieldOrder", "style", "tableClass", "dataSource", "filter_default"], outputs: ["onRowSelect", "onReordered", "onCheckAll", "onReload", "onReloaded", "onReady", "onContentInit", "onAdd", "onEdit", "onCopyLink", "onCopyLinkMultiple", "onView", "onDelete", "onDeleteMultiple", "onInvalidWorkflow", "onAfterTrinhKy", "onStartedWorkflow", "onProcessedWorkflow", "onRollbackedWorkflow", "onChangedStatusWorkflow"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: 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"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i0.Injector }]; }, propDecorators: { parentSetting: [{

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

@@ -11,12 +11,12 @@ import * as i1 from "../../../services/notifier.service";
 import * as i2 from "@ngx-translate/core";
 import * as i3 from "../../../services/master-data.service";
 import * as i4 from "../../../services/dom.service";
-import * as i5 from "../../tn-dialog/tn-dialog.component";
-import * as i6 from "../../tn-custom-scrollbar/tn-custom-scrollbar.component";
+import * as i5 from "@angular/common";
+import * as i6 from "tn-custom-primeng/button";
 import * as i7 from "./components/entity-picker-data/entity-picker-data.component";
 import * as i8 from "./components/entity-picker-selected/entity-picker-selected.component";
-import * as i9 from "@angular/common";
-import * as i10 from "tn-custom-primeng/button";
+import * as i9 from "../../tn-dialog/tn-dialog.component";
+import * as i10 from "../../tn-custom-scrollbar/tn-custom-scrollbar.component";
 export class EntityPickerDialogComponent extends ComponentBase {
     constructor(_injector, _notifierService, _translateService, _masterData, _domService) {
         super(_injector);
@@ -105,9 +105,9 @@ export class EntityPickerDialogComponent extends ComponentBase {
         });
     }
 }
-EntityPickerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", 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: "12.0.0", version: "13.2.6", 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 [control]=\"control\" [parentSetting]=\"parentSetting\"\r\n                            (onContentInit)=\"onContentLeftInit.emit($event)\" [advanceData]=\"advanceData\"\r\n                            [selectedValue]=\"selectedValue\" (onPick)=\"handlePick($event)\"\r\n                            (onPickSelected)=\"selectEntity($event)\" (onPickAll)=\"selectEntity($event)\"\r\n                            [isSingleSelection]=\"!control.multiple\">\r\n                        </app-entity-picker-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 [control]=\"control\" [parentSetting]=\"parentSetting\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" [advanceData]=\"advanceData\"\r\n                            [selectedValue]=\"selectedValue\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-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>\r\n", 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"], components: [{ type: i5.TnDialogComponent, selector: "tn-dialog", inputs: ["maskClass", "styleClass", "scrollBarStyleClass", "useDefaultScrollBar", "visible", "disabledButton", "modal", "header", "popupSize", "closeOnEscape", "showFooter", "positionTop", "minY", "hiddenSave", "maximizable"], outputs: ["onSave", "onCancel", "onShow", "onHide"] }, { type: i6.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { type: i7.EntityPickerDataComponent, selector: "app-entity-picker-data", inputs: ["parentSetting", "advanceData", "control", "selectedValue", "isSingleSelection", "filters"], outputs: ["onContentInit", "onRowSelect", "onPick", "onPickAll", "onPickSelected"] }, { type: i8.EntityPickerSelectedComponent, selector: "app-entity-picker-selected", inputs: ["parentSetting", "advanceData", "control", "readOnlyValues", "selectedValue"], outputs: ["onContentInit", "onUnPick", "onUnPickAll", "onUnPickSelected"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i2.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EntityPickerDialogComponent, decorators: [{
+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 [control]=\"control\" [parentSetting]=\"parentSetting\"\r\n                            (onContentInit)=\"onContentLeftInit.emit($event)\" [advanceData]=\"advanceData\"\r\n                            [selectedValue]=\"selectedValue\" (onPick)=\"handlePick($event)\"\r\n                            (onPickSelected)=\"selectEntity($event)\" (onPickAll)=\"selectEntity($event)\"\r\n                            [isSingleSelection]=\"!control.multiple\">\r\n                        </app-entity-picker-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 [control]=\"control\" [parentSetting]=\"parentSetting\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" [advanceData]=\"advanceData\"\r\n                            [selectedValue]=\"selectedValue\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-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>\r\n", 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"], 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.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: i10.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 [control]=\"control\" [parentSetting]=\"parentSetting\"\r\n                            (onContentInit)=\"onContentLeftInit.emit($event)\" [advanceData]=\"advanceData\"\r\n                            [selectedValue]=\"selectedValue\" (onPick)=\"handlePick($event)\"\r\n                            (onPickSelected)=\"selectEntity($event)\" (onPickAll)=\"selectEntity($event)\"\r\n                            [isSingleSelection]=\"!control.multiple\">\r\n                        </app-entity-picker-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 [control]=\"control\" [parentSetting]=\"parentSetting\"\r\n                            (onContentInit)=\"onContentRightInit.emit($event)\" [advanceData]=\"advanceData\"\r\n                            [selectedValue]=\"selectedValue\" (onUnPick)=\"handleUnPick($event)\"\r\n                            (onUnPickSelected)=\"unSelectEntity($event)\" (onUnPickAll)=\"unSelectEntity($event)\">\r\n                        </app-entity-picker-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>\r\n", 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"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NotifierService }, { type: i2.TranslateService }, { type: i3.MasterDataService }, { type: i4.DomService }]; }, propDecorators: { dataComponent: [{