tnx-shared 5.3.242 → 5.3.244

package/fesm2015/tnx-shared.js

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, Optional, Inject, Injector, Directive, Input, ViewChild, EventEmitter, Component, ContentChildren, TemplateRef, Output, ComponentFactoryResolver, ApplicationRef, ElementRef, isDevMode, ViewChildren, ContentChild, ViewContainerRef, ChangeDetectorRef, Pipe, LOCALE_ID, forwardRef, NgZone, HostListener, ChangeDetectionStrategy, ViewEncapsulation, NgModuleFactory, Compiler, Renderer2, NgModule } from '@angular/core';
+import { Injectable, InjectionToken, Optional, Inject, Injector, Directive, Input, ViewChild, EventEmitter, Component, ContentChildren, TemplateRef, Output, ComponentFactoryResolver, ApplicationRef, ElementRef, isDevMode, ViewChildren, ContentChild, ViewContainerRef, ChangeDetectorRef, Pipe, LOCALE_ID, forwardRef, NgZone, HostListener, ChangeDetectionStrategy, ViewEncapsulation, NgModuleFactory, Compiler, Renderer2, IterableDiffers, NgModule } from '@angular/core';
 import { Subject, ReplaySubject, forkJoin, from, combineLatest } from 'rxjs';
 import { takeUntil, catchError, shareReplay, retry, map, mergeMap, debounceTime, distinctUntilChanged, distinct } from 'rxjs/operators';
 import { __awaiter } from 'tslib';
@@ -15,7 +15,7 @@ import * as i4 from 'angular-oauth2-oidc';
 import { OAuthService, OAuthModule } from 'angular-oauth2-oidc';
 import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import * as i1 from 'tn-custom-primeng/api';
-import { MessageService, ConfirmationService } from 'tn-custom-primeng/api';
+import { MessageService, ConfirmationService, PrimeTemplate, SharedModule } from 'tn-custom-primeng/api';
 import * as i3$1 from '@angular/router';
 import { ActivatedRoute, Router } from '@angular/router';
 import * as signalR from '@aspnet/signalr';
@@ -44,12 +44,11 @@ import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
 import { OverlayPanelModule } from 'tn-custom-primeng/overlaypanel';
 import { SidebarModule } from 'tn-custom-primeng/sidebar';
 import { DialogModule } from 'tn-custom-primeng/dialog';
-import { DomHandler } from 'tn-custom-primeng/dom';
+import { DomHandler, ConnectedOverlayScrollHandler } from 'tn-custom-primeng/dom';
 import { AngularSplitModule } from 'angular-split';
 import { CurrencyMaskModule } from 'ng2-currency-mask';
 import { DndModule } from 'ngx-drag-drop';
 import { AccordionModule } from 'tn-custom-primeng/accordion';
-import { AutoCompleteModule } from 'tn-custom-primeng/autocomplete';
 import { BlockUIModule } from 'tn-custom-primeng/blockui';
 import { BreadcrumbModule } from 'tn-custom-primeng/breadcrumb';
 import { ButtonModule } from 'tn-custom-primeng/button';
@@ -86,8 +85,10 @@ import { TreeModule } from 'tn-custom-primeng/tree';
 import { TriStateCheckboxModule } from 'tn-custom-primeng/tristatecheckbox';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { toCanvas } from 'qrcode';
-import { nanoid } from 'nanoid';
 import { DragDropModule } from 'tn-custom-primeng/dragdrop';
+import { RippleModule } from 'tn-custom-primeng/ripple';
+import { UniqueComponentId, ObjectUtils } from 'tn-custom-primeng/utils';
+import { nanoid } from 'nanoid';
 
 class ComCtxConstants {
 }
@@ -37892,7 +37893,7 @@ class EntityPickerDataComponent extends DataListBase {
 EntityPickerDataComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-entity-picker-data',
-                template: "<crud-list #crudList [menuButtons]=\"getMenuButtons\" [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\n    [showScrollHorizontal]=\"true\" (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\"\n    (onAdd)=\"_add($event)\" (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\n            class=\"p-button-text p-button-success\" (click)=\"pickAll()\"></button>\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\n            class=\"p-button-text p-button-success\" (click)=\"pickSelected(selectedItems)\"></button>\n        <button *ngIf=\"datasourceFieldFilter.length\" type=\"button\" pButton pRipple label=\"T\u00ECm ki\u1EBFm nhi\u1EC1u ng\u01B0\u1EDDi d\u00F9ng\"\n            icon=\"pi pi-search\" class=\"p-button-text p-button-primary\" (click)=\"handleAdvansearch()\"></button>\n        <button *ngIf=\"datasourceFieldFilter.length && searchData\" type=\"button\" pButton pRipple\n            label=\"X\u00F3a danh s\u00E1ch t\u00ECm ki\u1EBFm\" pTooltip=\"X\u00F3a t\u1EA5t c\u1EA3 ng\u01B0\u1EDDi d\u00F9ng \u1EDF Danh s\u00E1ch t\u00ECm ki\u1EBFm\" icon=\"pi pi-times\"\n            class=\"p-button-text p-button-primary\" (click)=\"handleSearch(null)\"></button>\n    </ng-template>\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\n            (click)=\"pickEntity(rowData)\"></button>\n    </ng-template>\n</crud-list>\n\n\n<tn-dialog *ngIf=\"showFormAdvancedSearch\" #dialog [styleClass]=\"'address-form'\" [header]=\"'T\u00ECm ki\u1EBFm nhi\u1EC1u ng\u01B0\u1EDDi d\u00F9ng'\"\n    [popupSize]=\"popupSizeSearchForm\" [maskClass]=\"setting.maskClass\" (onHide)=\"showFormAdvancedSearch = false\">\n    <entity-picker-search-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [parentSetting]=\"setting\"\n        [datasourceFieldFilter]=\"datasourceFieldFilter\" [lstDataNotExist]=\"lstDataNotExist\" [model]=\"formModel\"\n        (onSearch)=\"handleSearch($event)\" (onCancel)=\"showFormAdvancedSearch = false;\">\n    </entity-picker-search-form>\n</tn-dialog>",
+                template: "<crud-list #crudList [menuButtons]=\"getMenuButtons\" [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\n    [showScrollHorizontal]=\"true\" (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\"\n    (onAdd)=\"_add($event)\" (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\n            style=\"visibility: hidden\"></button>\n        <button *ngIf=\"!isSingleSelection && model.dataSource.length > 0\" type=\"button\" pButton pRipple\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.dataSource.length}})\" icon=\"pi pi-angle-double-right\"\n            class=\"p-button-text p-button-success\" [disabled]=\"model.loading\" (click)=\"pickAll()\"></button>\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\n            class=\"p-button-text p-button-success\" [disabled]=\"model.loading\" (click)=\"pickSelected(selectedItems)\"></button>\n        <button *ngIf=\"datasourceFieldFilter.length\" type=\"button\" pButton pRipple label=\"T\u00ECm ki\u1EBFm nhi\u1EC1u ng\u01B0\u1EDDi d\u00F9ng\"\n            icon=\"pi pi-search\" class=\"p-button-text p-button-primary\" [disabled]=\"model.loading\" (click)=\"handleAdvansearch()\"></button>\n        <button *ngIf=\"datasourceFieldFilter.length && searchData\" type=\"button\" pButton pRipple\n            label=\"X\u00F3a danh s\u00E1ch t\u00ECm ki\u1EBFm\" pTooltip=\"X\u00F3a t\u1EA5t c\u1EA3 ng\u01B0\u1EDDi d\u00F9ng \u1EDF Danh s\u00E1ch t\u00ECm ki\u1EBFm\" icon=\"pi pi-times\"\n            class=\"p-button-text p-button-primary\" [disabled]=\"model.loading\" (click)=\"handleSearch(null)\"></button>\n    </ng-template>\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\n            (click)=\"pickEntity(rowData)\"></button>\n    </ng-template>\n</crud-list>\n\n\n<tn-dialog *ngIf=\"showFormAdvancedSearch\" #dialog [styleClass]=\"'address-form'\" [header]=\"'T\u00ECm ki\u1EBFm nhi\u1EC1u ng\u01B0\u1EDDi d\u00F9ng'\"\n    [popupSize]=\"popupSizeSearchForm\" [maskClass]=\"setting.maskClass\" (onHide)=\"showFormAdvancedSearch = false\">\n    <entity-picker-search-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [parentSetting]=\"setting\"\n        [datasourceFieldFilter]=\"datasourceFieldFilter\" [lstDataNotExist]=\"lstDataNotExist\" [model]=\"formModel\"\n        (onSearch)=\"handleSearch($event)\" (onCancel)=\"showFormAdvancedSearch = false;\">\n    </entity-picker-search-form>\n</tn-dialog>",
                 providers: [ComponentContextService],
                 styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}"]
             },] }
@@ -38020,6 +38021,7 @@ class EntityPickerSelectedComponent extends DataListBase {
                 this._value = this._selectedValue.map(item => item[this.control.valueField]);
                 if (this._value.length == 0) {
                     this.itemCanDeletes = [];
+                    this.model.selectedItems = [];
                 }
             }
             else {
@@ -38029,6 +38031,7 @@ class EntityPickerSelectedComponent extends DataListBase {
         else {
             this._value = null;
             this.itemCanDeletes = [];
+            this.model.selectedItems = [];
         }
     }
     modifyGridInfo(gridInfo) {
@@ -38103,7 +38106,7 @@ EntityPickerSelectedComponent.decorators = [
     { type: Component, args: [{
                 // tslint:disable-next-line: component-selector
                 selector: 'app-entity-picker-selected',
-                template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\n\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\n            style=\"visibility: hidden\"></button>\n        <button *ngIf=\"itemCanDeletes.length\" type=\"button\" pButton pRipple\n            label=\"B\u1ECF t\u1EA5t c\u1EA3 ({{itemCanDeletes.length}})\" icon=\"pi pi-angle-double-left\"\n            class=\"p-button-text p-button-danger\" (click)=\"unPickAll()\"></button>\n        <button *ngIf=\"selectedItems.length > 0\" type=\"button\" pButton pRipple\n            label=\"B\u1ECF m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-left\"\n            class=\"p-button-text p-button-danger\" (click)=\"unPickSelected(selectedItems)\"></button>\n    </ng-template>\n\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\n        <button *ngIf=\"!rowData.hiddenDelete\" pButton type=\"button\"\n            class=\"link-or-action p-button-danger p-button-text p-button-rounded\" icon=\"pi pi-times\"\n            pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" (click)=\"unPickEntity(rowData)\"></button>\n    </ng-template>\n\n</crud-list>",
+                template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\"\n    (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\n\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\n        <button *ngIf=\"!model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\n            style=\"visibility: hidden\"></button>\n        <button *ngIf=\"itemCanDeletes.length\" type=\"button\" pButton pRipple\n            label=\"B\u1ECF t\u1EA5t c\u1EA3 ({{itemCanDeletes.length}})\" icon=\"pi pi-angle-double-left\"\n            class=\"p-button-text p-button-danger\" [disabled]=\"model.loading\" (click)=\"unPickAll()\"></button>\n        <button *ngIf=\"selectedItems.length > 0\" type=\"button\" pButton pRipple\n            label=\"B\u1ECF m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-left\"\n            class=\"p-button-text p-button-danger\" [disabled]=\"model.loading\" (click)=\"unPickSelected(selectedItems)\"></button>\n    </ng-template>\n\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\n        <button *ngIf=\"!rowData.hiddenDelete\" pButton type=\"button\"\n            class=\"link-or-action p-button-danger p-button-text p-button-rounded\" icon=\"pi pi-times\"\n            pTooltip=\"B\u1ECF ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" (click)=\"unPickEntity(rowData)\"></button>\n    </ng-template>\n\n</crud-list>",
                 providers: [ComponentContextService],
                 styles: ["::ng-deep app-entity-picker-selected .custom-card{padding:.5em .5em 0!important}"]
             },] }
@@ -38800,7 +38803,7 @@ AutoCompletePickerComponent.decorators = [
     { type: Component, args: [{
                 // tslint:disable-next-line: component-selector
                 selector: 'autocomplete-picker',
-                template: "<div class=\"p-inputgroup autocomplete-picker\" *ngIf=\"control\" [class.has-value]=\"hasValue\"\n    [class.multiple]=\"control.multiple\" [class.disabled]=\"control.disabled\">\n    <div style=\"width: calc(100% - 28px)\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\">\n        <p-autoComplete #autoComplete emptyMessage=\"Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 n\u00E0o\" [ngClass]=\"'custom-autocomplete'\"\n            [disabled]=\"disabled\" [placeholder]=\"control.placeholder\" [appendTo]=\"control.appendTo\"\n            [suggestions]=\"results\" field=\"label\" [styleClass]=\"control.validators && control.required ? 'rq' : ''\"\n            [multiple]=\"control.multiple\" [minLength]=\"2\" [(ngModel)]=\"selectedValueObject\"\n            (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (completeMethod)=\"search($event)\"\n            (onKeyUp)=\"handleKeyUp($event)\" (onSelect)=\"handleSelect($event)\" (onUnselect)=\"handleUnSelect($event)\">\n        </p-autoComplete>\n    </div>\n    <span *ngIf=\"!control.multiple && !disabled && hasValue\" class=\"icon-clear\" (click)=\"clearValue()\"><i\n            class=\"fas fa-times\"></i></span>\n    <button class=\"custom-autocomplete-button\" *ngIf=\"control.usePicker\" [disabled]=\"disabled\" tabindex=\"-1\"\n        (click)=\"showPickForm()\" pButton [pTooltip]=\"control.title\" icon=\"fas fa-external-link-alt\"\n        type=\"button\"></button>\n</div>\n<tn-dialog #dialog *ngIf=\"showFormPicker\" styleClass=\"entity-picker-box-dialog no-padding\" [useDefaultScrollBar]=\"true\"\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\n    <entity-picker-box #entityPickerBox [currentNode]=\"currentNode\" [control]=\"control\" [parentSetting]=\"setting\" [datasourceFieldFilter]=\"datasourceFieldFilter\"\n        [advanceData]=\"advanceData\" [readOnlyValues]=\"readOnlyValues\" [selectedValue]=\"selectedValue\"\n        (onContentLeftInit)=\"handleContentLeftInit($event)\" (onContentRightInit)=\"handleContentRightInit($event)\"\n        (onChanged)=\"handleChangeEntity($event)\" (onSelect)=\"handleSelectEntity($event)\"\n        (onUnSelect)=\"handleUnSelectEntity($event)\" (onDone)=\"handleHide($event)\"\n        (onRowSelect)=\"handleRowSelect($event)\">\n    </entity-picker-box>\n    <ng-template #footer>\n        <button type=\" button\" pButton class=\"p-button-text\" (click)=\"onClickSubmitButton($event, entityPickerBox)\"\n            [label]=\"'Ho\u00E0n th\u00E0nh' | translate\" icon=\"pi pi-check\"></button>\n    </ng-template>\n</tn-dialog>",
+                template: "<div class=\"p-inputgroup autocomplete-picker\" *ngIf=\"control\" [class.has-value]=\"hasValue\"\n    [class.multiple]=\"control.multiple\" [class.disabled]=\"control.disabled\">\n    <div style=\"width: calc(100% - 28px)\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\">\n        <p-autoComplete #autoComplete emptyMessage=\"Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 n\u00E0o\" [ngClass]=\"'custom-autocomplete'\"\n            [disabled]=\"disabled\" [placeholder]=\"control.placeholder\" [appendTo]=\"control.appendTo\" [maxRowItem]=\"2\"\n            [suggestions]=\"results\" field=\"label\" [styleClass]=\"control.validators && control.required ? 'rq' : ''\"\n            [multiple]=\"control.multiple\" [minLength]=\"2\" [(ngModel)]=\"selectedValueObject\"\n            (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (completeMethod)=\"search($event)\"\n            (onKeyUp)=\"handleKeyUp($event)\" (onSelect)=\"handleSelect($event)\" (onUnselect)=\"handleUnSelect($event)\">\n        </p-autoComplete>\n    </div>\n    <span *ngIf=\"!control.multiple && !disabled && hasValue\" class=\"icon-clear\" (click)=\"clearValue()\"><i\n            class=\"fas fa-times\"></i></span>\n    <button class=\"custom-autocomplete-button\" *ngIf=\"control.usePicker\" [disabled]=\"disabled\" tabindex=\"-1\"\n        (click)=\"showPickForm()\" pButton [pTooltip]=\"control.title\" icon=\"fas fa-external-link-alt\"\n        type=\"button\"></button>\n</div>\n<tn-dialog #dialog *ngIf=\"showFormPicker\" styleClass=\"entity-picker-box-dialog no-padding\" [useDefaultScrollBar]=\"true\"\n    [header]=\"control.title | translate\" [popupSize]=\"popupSize\" (onHide)=\"handleHide($event)\">\n    <entity-picker-box #entityPickerBox [currentNode]=\"currentNode\" [control]=\"control\" [parentSetting]=\"setting\" [datasourceFieldFilter]=\"datasourceFieldFilter\"\n        [advanceData]=\"advanceData\" [readOnlyValues]=\"readOnlyValues\" [selectedValue]=\"selectedValue\"\n        (onContentLeftInit)=\"handleContentLeftInit($event)\" (onContentRightInit)=\"handleContentRightInit($event)\"\n        (onChanged)=\"handleChangeEntity($event)\" (onSelect)=\"handleSelectEntity($event)\"\n        (onUnSelect)=\"handleUnSelectEntity($event)\" (onDone)=\"handleHide($event)\"\n        (onRowSelect)=\"handleRowSelect($event)\">\n    </entity-picker-box>\n    <ng-template #footer>\n        <button type=\" button\" pButton class=\"p-button-text\" (click)=\"onClickSubmitButton($event, entityPickerBox)\"\n            [label]=\"'Ho\u00E0n th\u00E0nh' | translate\" icon=\"pi pi-check\"></button>\n    </ng-template>\n</tn-dialog>",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -42976,6 +42979,1000 @@ ReferenceTextBoxComponent.propDecorators = {
     onInit: [{ type: Output }]
 };
 
+const AUTOCOMPLETE_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => AutoComplete),
+    multi: true
+};
+class AutoComplete {
+    constructor(el, renderer, cd, differs) {
+        this.el = el;
+        this.renderer = renderer;
+        this.cd = cd;
+        this.differs = differs;
+        this.minLength = 1;
+        this.delay = 300;
+        this.type = 'text';
+        this.autoZIndex = true;
+        this.baseZIndex = 0;
+        this.dropdownIcon = "pi pi-chevron-down";
+        this.unique = true;
+        this.completeOnFocus = false;
+        this.completeMethod = new EventEmitter();
+        this.onSelect = new EventEmitter();
+        this.onUnselect = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.onBlur = new EventEmitter();
+        this.onDropdownClick = new EventEmitter();
+        this.onClear = new EventEmitter();
+        this.onKeyUp = new EventEmitter();
+        this.onShow = new EventEmitter();
+        this.onHide = new EventEmitter();
+        this.scrollHeight = '200px';
+        this.dropdownMode = 'blank';
+        this.showTransitionOptions = '.12s cubic-bezier(0, 0, 0.2, 1)';
+        this.hideTransitionOptions = '.1s linear';
+        this.autocomplete = 'off';
+        this.onModelChange = () => { };
+        this.onModelTouched = () => { };
+        this.showCountItem = false;
+        this.overlayVisible = false;
+        this.focus = false;
+        this.inputFieldValue = null;
+        this.differ = differs.find([]).create(null);
+        this.listId = UniqueComponentId() + '_list';
+    }
+    set maxRowItem(value) {
+        const rowHeight = 27;
+        const padding = 7;
+        this._maxHeighContainerItem = Math.round(value * 30.5) + 7;
+        this._maxHeighContainerItemStr = this._maxHeighContainerItem.toString() + 'px';
+    }
+    get suggestions() {
+        return this._suggestions;
+    }
+    set suggestions(val) {
+        this._suggestions = val;
+        this.handleSuggestionsChange();
+    }
+    ngAfterViewChecked() {
+        //Use timeouts as since Angular 4.2, AfterViewChecked is broken and not called after panel is updated
+        if (this.suggestionsUpdated && this.overlay && this.overlay.offsetParent) {
+            setTimeout(() => {
+                if (this.overlay) {
+                    this.alignOverlay();
+                }
+            }, 1);
+            this.suggestionsUpdated = false;
+        }
+        if (this.highlightOptionChanged) {
+            setTimeout(() => {
+                if (this.overlay) {
+                    let listItem = DomHandler.findSingle(this.overlay, 'li.p-highlight');
+                    if (listItem) {
+                        DomHandler.scrollInView(this.overlay, listItem);
+                    }
+                }
+            }, 1);
+            this.highlightOptionChanged = false;
+        }
+        if (this.multiContainerEL) {
+            var lastItemSelected = DomHandler.findSingle(this.multiContainerEL.nativeElement, 'li:first-child');
+            this.multiContainerEL.nativeElement.scrollTop = 10000;
+            let rectParent = this.multiContainerEL.nativeElement.getBoundingClientRect();
+            let rectLastItem = lastItemSelected.getBoundingClientRect();
+            if (rectLastItem.y < rectParent.y) {
+                this.showCountItem = true;
+            }
+            else {
+                this.showCountItem = false;
+            }
+        }
+        const countItem = DomHandler.findSingle(this.multiContainerEL.nativeElement, '.p-autocomplete-countItem');
+        if (this.showCountItem && !countItem) {
+            this.focusInput();
+        }
+    }
+    handleSuggestionsChange() {
+        if (this._suggestions != null && this.loading) {
+            this.highlightOption = null;
+            if (this._suggestions.length) {
+                this.noResults = false;
+                this.show();
+                this.suggestionsUpdated = true;
+                if (this.autoHighlight) {
+                    this.highlightOption = this._suggestions[0];
+                }
+            }
+            else {
+                this.noResults = true;
+                if (this.emptyMessage) {
+                    this.show();
+                    this.suggestionsUpdated = true;
+                }
+                else {
+                    this.hide();
+                }
+            }
+            this.loading = false;
+        }
+    }
+    ngAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.getType()) {
+                case 'item':
+                    this.itemTemplate = item.template;
+                    break;
+                case 'selectedItem':
+                    this.selectedItemTemplate = item.template;
+                    break;
+                default:
+                    this.itemTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    writeValue(value) {
+        this.value = value;
+        this.filled = this.value && this.value != '';
+        this.updateInputField();
+        this.cd.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onModelTouched = fn;
+    }
+    setDisabledState(val) {
+        this.disabled = val;
+        this.cd.markForCheck();
+    }
+    onInput(event) {
+        // When an input element with a placeholder is clicked, the onInput event is invoked in IE.
+        if (!this.inputKeyDown && DomHandler.isIE()) {
+            return;
+        }
+        if (this.timeout) {
+            clearTimeout(this.timeout);
+        }
+        let value = event.target.value;
+        if (!this.multiple && !this.forceSelection) {
+            this.onModelChange(value);
+        }
+        if (value.length === 0 && !this.multiple) {
+            this.hide();
+            this.onClear.emit(event);
+            this.onModelChange(value);
+        }
+        if (value.length >= this.minLength) {
+            this.timeout = setTimeout(() => {
+                this.search(event, value);
+            }, this.delay);
+        }
+        else {
+            this.suggestions = null;
+            this.hide();
+        }
+        this.updateFilledState();
+        this.inputKeyDown = false;
+    }
+    onInputClick(event) {
+        if (this.documentClickListener) {
+            this.inputClick = true;
+        }
+    }
+    search(event, query) {
+        //allow empty string but not undefined or null
+        if (query === undefined || query === null) {
+            return;
+        }
+        this.loading = true;
+        this.completeMethod.emit({
+            originalEvent: event,
+            query: query
+        });
+    }
+    selectItem(option, focus = true) {
+        if (this.forceSelectionUpdateModelTimeout) {
+            clearTimeout(this.forceSelectionUpdateModelTimeout);
+            this.forceSelectionUpdateModelTimeout = null;
+        }
+        if (this.multiple) {
+            this.multiInputEL.nativeElement.value = '';
+            this.value = this.value || [];
+            if (!this.isSelected(option) || !this.unique) {
+                this.value = [...this.value, option];
+                this.onModelChange(this.value);
+            }
+        }
+        else {
+            this.inputEL.nativeElement.value = this.field ? ObjectUtils.resolveFieldData(option, this.field) || '' : option;
+            this.value = option;
+            this.onModelChange(this.value);
+        }
+        this.onSelect.emit(option);
+        this.updateFilledState();
+        if (focus) {
+            this.itemClicked = true;
+            this.focusInput();
+        }
+    }
+    show() {
+        if (this.multiInputEL || this.inputEL) {
+            let hasFocus = this.multiple ?
+                this.multiInputEL.nativeElement.ownerDocument.activeElement == this.multiInputEL.nativeElement :
+                this.inputEL.nativeElement.ownerDocument.activeElement == this.inputEL.nativeElement;
+            if (!this.overlayVisible && hasFocus) {
+                this.overlayVisible = true;
+            }
+        }
+    }
+    onOverlayAnimationStart(event) {
+        switch (event.toState) {
+            case 'visible':
+                this.overlay = event.element;
+                this.appendOverlay();
+                if (this.autoZIndex) {
+                    this.overlay.style.zIndex = String(this.baseZIndex + (++DomHandler.zindex));
+                }
+                this.alignOverlay();
+                this.bindDocumentClickListener();
+                this.bindDocumentResizeListener();
+                this.bindScrollListener();
+                this.onShow.emit(event);
+                break;
+            case 'void':
+                this.onOverlayHide();
+                break;
+        }
+    }
+    onOverlayAnimationDone(event) {
+        if (event.toState === 'void') {
+            this._suggestions = null;
+        }
+    }
+    appendOverlay() {
+        if (this.appendTo) {
+            if (this.appendTo === 'body')
+                document.body.appendChild(this.overlay);
+            else
+                DomHandler.appendChild(this.overlay, this.appendTo);
+            if (!this.overlay.style.minWidth) {
+                this.overlay.style.minWidth = DomHandler.getWidth(this.el.nativeElement.children[0]) + 'px';
+            }
+        }
+    }
+    resolveFieldData(value) {
+        return this.field ? ObjectUtils.resolveFieldData(value, this.field) : value;
+    }
+    restoreOverlayAppend() {
+        if (this.overlay && this.appendTo) {
+            this.el.nativeElement.appendChild(this.overlay);
+        }
+    }
+    alignOverlay() {
+        if (this.appendTo)
+            DomHandler.absolutePosition(this.overlay, (this.multiple ? this.multiContainerEL.nativeElement : this.inputEL.nativeElement));
+        else
+            DomHandler.relativePosition(this.overlay, (this.multiple ? this.multiContainerEL.nativeElement : this.inputEL.nativeElement));
+    }
+    hide() {
+        this.overlayVisible = false;
+        this.cd.markForCheck();
+    }
+    handleDropdownClick(event) {
+        if (!this.overlayVisible) {
+            this.focusInput();
+            let queryValue = this.multiple ? this.multiInputEL.nativeElement.value : this.inputEL.nativeElement.value;
+            if (this.dropdownMode === 'blank')
+                this.search(event, '');
+            else if (this.dropdownMode === 'current')
+                this.search(event, queryValue);
+            this.onDropdownClick.emit({
+                originalEvent: event,
+                query: queryValue
+            });
+        }
+        else {
+            this.hide();
+        }
+    }
+    focusInput() {
+        if (this.multiple)
+            this.multiInputEL.nativeElement.focus();
+        else
+            this.inputEL.nativeElement.focus();
+    }
+    removeItem(item) {
+        let itemIndex = DomHandler.index(item);
+        let removedValue = this.value[itemIndex];
+        this.value = this.value.filter((val, i) => i != itemIndex);
+        this.onModelChange(this.value);
+        this.updateFilledState();
+        this.onUnselect.emit(removedValue);
+    }
+    onKeydown(event) {
+        if (this.overlayVisible) {
+            let highlightItemIndex = this.findOptionIndex(this.highlightOption);
+            switch (event.which) {
+                //down
+                case 40:
+                    if (highlightItemIndex != -1) {
+                        var nextItemIndex = highlightItemIndex + 1;
+                        if (nextItemIndex != (this.suggestions.length)) {
+                            this.highlightOption = this.suggestions[nextItemIndex];
+                            this.highlightOptionChanged = true;
+                        }
+                    }
+                    else {
+                        this.highlightOption = this.suggestions[0];
+                    }
+                    event.preventDefault();
+                    break;
+                //up
+                case 38:
+                    if (highlightItemIndex > 0) {
+                        let prevItemIndex = highlightItemIndex - 1;
+                        this.highlightOption = this.suggestions[prevItemIndex];
+                        this.highlightOptionChanged = true;
+                    }
+                    event.preventDefault();
+                    break;
+                //enter
+                case 13:
+                    if (this.highlightOption) {
+                        this.selectItem(this.highlightOption);
+                        this.hide();
+                    }
+                    event.preventDefault();
+                    break;
+                //escape
+                case 27:
+                    this.hide();
+                    event.preventDefault();
+                    break;
+                //tab
+                case 9:
+                    if (this.highlightOption) {
+                        this.selectItem(this.highlightOption);
+                    }
+                    this.hide();
+                    break;
+            }
+        }
+        else {
+            if (event.which === 40 && this.suggestions) {
+                this.search(event, event.target.value);
+            }
+        }
+        if (this.multiple) {
+            switch (event.which) {
+                //backspace
+                case 8:
+                    if (this.value && this.value.length && !this.multiInputEL.nativeElement.value) {
+                        this.value = [...this.value];
+                        const removedValue = this.value.pop();
+                        this.onModelChange(this.value);
+                        this.updateFilledState();
+                        this.onUnselect.emit(removedValue);
+                    }
+                    break;
+            }
+        }
+        this.inputKeyDown = true;
+    }
+    onKeyup(event) {
+        this.onKeyUp.emit(event);
+    }
+    onInputFocus(event) {
+        if (!this.itemClicked && this.completeOnFocus) {
+            let queryValue = this.multiple ? this.multiInputEL.nativeElement.value : this.inputEL.nativeElement.value;
+            this.search(event, queryValue);
+        }
+        this.focus = true;
+        this.onFocus.emit(event);
+        this.itemClicked = false;
+    }
+    onInputBlur(event) {
+        this.focus = false;
+        this.onModelTouched();
+        this.onBlur.emit(event);
+    }
+    onInputChange(event) {
+        if (this.forceSelection) {
+            let valid = false;
+            let inputValue = event.target.value.trim();
+            if (this.suggestions) {
+                for (let suggestion of this.suggestions) {
+                    let itemValue = this.field ? ObjectUtils.resolveFieldData(suggestion, this.field) : suggestion;
+                    if (itemValue && inputValue === itemValue.trim()) {
+                        valid = true;
+                        this.forceSelectionUpdateModelTimeout = setTimeout(() => {
+                            this.selectItem(suggestion, false);
+                        }, 250);
+                        break;
+                    }
+                }
+            }
+            if (!valid) {
+                if (this.multiple) {
+                    this.multiInputEL.nativeElement.value = '';
+                }
+                else {
+                    this.value = null;
+                    this.inputEL.nativeElement.value = '';
+                }
+                this.onClear.emit(event);
+                this.onModelChange(this.value);
+            }
+        }
+    }
+    onInputPaste(event) {
+        this.onKeydown(event);
+    }
+    isSelected(val) {
+        let selected = false;
+        if (this.value && this.value.length) {
+            for (let i = 0; i < this.value.length; i++) {
+                if (ObjectUtils.equals(this.value[i], val, this.dataKey)) {
+                    selected = true;
+                    break;
+                }
+            }
+        }
+        return selected;
+    }
+    findOptionIndex(option) {
+        let index = -1;
+        if (this.suggestions) {
+            for (let i = 0; i < this.suggestions.length; i++) {
+                if (ObjectUtils.equals(option, this.suggestions[i])) {
+                    index = i;
+                    break;
+                }
+            }
+        }
+        return index;
+    }
+    updateFilledState() {
+        if (this.multiple)
+            this.filled = (this.value && this.value.length) || (this.multiInputEL && this.multiInputEL.nativeElement && this.multiInputEL.nativeElement.value != '');
+        else
+            this.filled = (this.inputFieldValue && this.inputFieldValue != '') || (this.inputEL && this.inputEL.nativeElement && this.inputEL.nativeElement.value != '');
+        ;
+    }
+    updateInputField() {
+        let formattedValue = this.value ? (this.field ? ObjectUtils.resolveFieldData(this.value, this.field) || '' : this.value) : '';
+        this.inputFieldValue = formattedValue;
+        if (this.inputEL && this.inputEL.nativeElement) {
+            this.inputEL.nativeElement.value = formattedValue;
+        }
+        this.updateFilledState();
+    }
+    bindDocumentClickListener() {
+        if (!this.documentClickListener) {
+            const documentTarget = this.el ? this.el.nativeElement.ownerDocument : 'document';
+            this.documentClickListener = this.renderer.listen(documentTarget, 'click', (event) => {
+                if (event.which === 3) {
+                    return;
+                }
+                if (!this.inputClick && !this.isDropdownClick(event)) {
+                    this.hide();
+                }
+                this.inputClick = false;
+                this.cd.markForCheck();
+            });
+        }
+    }
+    isDropdownClick(event) {
+        if (this.dropdown) {
+            let target = event.target;
+            return (target === this.dropdownButton.nativeElement || target.parentNode === this.dropdownButton.nativeElement);
+        }
+        else {
+            return false;
+        }
+    }
+    unbindDocumentClickListener() {
+        if (this.documentClickListener) {
+            this.documentClickListener();
+            this.documentClickListener = null;
+        }
+    }
+    bindDocumentResizeListener() {
+        this.documentResizeListener = this.onWindowResize.bind(this);
+        window.addEventListener('resize', this.documentResizeListener);
+    }
+    unbindDocumentResizeListener() {
+        if (this.documentResizeListener) {
+            window.removeEventListener('resize', this.documentResizeListener);
+            this.documentResizeListener = null;
+        }
+    }
+    onWindowResize() {
+        this.hide();
+    }
+    bindScrollListener() {
+        if (!this.scrollHandler) {
+            this.scrollHandler = new ConnectedOverlayScrollHandler(this.containerEL.nativeElement, () => {
+                if (this.overlayVisible) {
+                    this.hide();
+                }
+            });
+        }
+        this.scrollHandler.bindScrollListener();
+    }
+    unbindScrollListener() {
+        if (this.scrollHandler) {
+            this.scrollHandler.unbindScrollListener();
+        }
+    }
+    onOverlayHide() {
+        this.unbindDocumentClickListener();
+        this.unbindDocumentResizeListener();
+        this.unbindScrollListener();
+        this.overlay = null;
+        this.onHide.emit();
+    }
+    ngOnDestroy() {
+        if (this.forceSelectionUpdateModelTimeout) {
+            clearTimeout(this.forceSelectionUpdateModelTimeout);
+            this.forceSelectionUpdateModelTimeout = null;
+        }
+        if (this.scrollHandler) {
+            this.scrollHandler.destroy();
+            this.scrollHandler = null;
+        }
+        this.restoreOverlayAppend();
+        this.onOverlayHide();
+    }
+    showMore() {
+        this._maxHeighContainerItemStrOld = this._maxHeighContainerItemStr;
+        this._maxHeighContainerItemStr = '10000px';
+        this.showCountItem = false;
+    }
+    showLess() {
+        this._maxHeighContainerItemStr = this._maxHeighContainerItemStrOld;
+        this._maxHeighContainerItemStrOld = null;
+        this.showCountItem = true;
+    }
+}
+AutoComplete.decorators = [
+    { type: Component, args: [{
+                selector: 'p-autoComplete',
+                template: `
+        <span #container [ngClass]="{'p-autocomplete p-component':true,'p-autocomplete-dd':dropdown,'p-autocomplete-multiple':multiple}" [ngStyle]="style" [class]="styleClass">
+            <input *ngIf="!multiple" #in [attr.type]="type" [attr.id]="inputId" [ngStyle]="inputStyle" [class]="inputStyleClass" [autocomplete]="autocomplete" [attr.required]="required" [attr.name]="name"
+            class="p-autocomplete-input p-inputtext p-component" [ngClass]="{'p-autocomplete-dd-input':dropdown,'p-disabled': disabled}" [value]="inputFieldValue" aria-autocomplete="list" [attr.aria-controls]="listId" role="searchbox" [attr.aria-expanded]="overlayVisible" aria-haspopup="true" [attr.aria-activedescendant]="'p-highlighted-option'"
+            (click)="onInputClick($event)" (input)="onInput($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" [attr.autofocus]="autofocus" (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (change)="onInputChange($event)" (paste)="onInputPaste($event)"
+            [attr.placeholder]="placeholder" [attr.size]="size" [attr.maxlength]="maxlength" [attr.tabindex]="tabindex" [readonly]="readonly" [disabled]="disabled" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy" [attr.aria-required]="required"
+            ><ul *ngIf="multiple" #multiContainer class="p-autocomplete-multiple-container p-component p-inputtext" [ngClass]="{'p-disabled':disabled,'p-focus':focus}" (click)="multiIn.focus()" [style.max-height]="_maxHeighContainerItemStr">
+                <li #token *ngFor="let val of value" class="p-autocomplete-token" [class.disabled]="val._disabled">
+                    <ng-container *ngTemplateOutlet="selectedItemTemplate; context: {$implicit: val}"></ng-container>
+                    <span *ngIf="!selectedItemTemplate" class="p-autocomplete-token-label">{{resolveFieldData(val)}}</span>
+                    <span *ngIf="!disabled && !val._disabled" class="p-autocomplete-token-icon pi pi-times-circle" (click)="removeItem(token)"></span>
+                </li>
+                <li class="p-autocomplete-token p-autocomplete-countItem" *ngIf="showCountItem && value " (click)="showMore()">Có {{value.length}} bản ghi ...</li>
+                <!-- <ng-container *ngIf="value?.length > 10">
+                    <li class="p-autocomplete-token p-autocomplete-countItem" (click)="showMore()">
+                        Có {{value.length}} bản ghi ...
+                    </li>
+                </ng-container>     -->
+                <li class="p-autocomplete-token p-autocomplete-countItem" *ngIf="_maxHeighContainerItemStrOld != null" (click)="showLess()"><span><i class="fas fa-arrow-up"></i></span><span>Thu lại</span></li>
+                <li class="p-autocomplete-input-token">
+                    <input #multiIn [attr.type]="type" [attr.id]="inputId" [disabled]="disabled" [attr.placeholder]="(value&&value.length ? null : placeholder)" [attr.tabindex]="tabindex" [attr.maxlength]="maxlength" (input)="onInput($event)"  (click)="onInputClick($event)"
+                            (keydown)="onKeydown($event)" [readonly]="readonly" (keyup)="onKeyup($event)" [attr.autofocus]="autofocus" (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (change)="onInputChange($event)" (paste)="onInputPaste($event)" [autocomplete]="autocomplete"
+                            [ngStyle]="inputStyle" [class]="inputStyleClass" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy" [attr.aria-required]="required"
+                            aria-autocomplete="list" [attr.aria-controls]="listId" role="searchbox" [attr.aria-expanded]="overlayVisible" aria-haspopup="true" [attr.aria-activedescendant]="'p-highlighted-option'">
+                </li>
+            </ul>
+            <i *ngIf="loading" class="p-autocomplete-loader pi pi-spinner pi-spin"></i><button #ddBtn type="button" pButton [icon]="dropdownIcon" class="p-autocomplete-dropdown" [disabled]="disabled" pRipple
+                (click)="handleDropdownClick($event)" *ngIf="dropdown" [attr.tabindex]="tabindex"></button>
+            <div #panel *ngIf="overlayVisible" [ngClass]="['p-autocomplete-panel p-component']" [style.max-height]="scrollHeight" [ngStyle]="panelStyle" [class]="panelStyleClass"
+                [@overlayAnimation]="{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}" (@overlayAnimation.start)="onOverlayAnimationStart($event)" (@overlayAnimation.done)="onOverlayAnimationDone($event)" >
+                <ul role="listbox" [attr.id]="listId" class="p-autocomplete-items">
+                    <li role="option" *ngFor="let option of suggestions; let idx = index" class="p-autocomplete-item" pRipple [ngClass]="{'p-highlight': (option === highlightOption)}" [id]="highlightOption == option ? 'p-highlighted-option':''" (click)="selectItem(option)">
+                        <span *ngIf="!itemTemplate">{{resolveFieldData(option)}}</span>
+                        <ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: option, index: idx}"></ng-container>
+                    </li>
+                    <li *ngIf="noResults && emptyMessage" class="p-autocomplete-emptymessage p-autocomplete-item">{{emptyMessage}}</li>
+                </ul>
+            </div>
+        </span>
+    `,
+                animations: [
+                    trigger('overlayAnimation', [
+                        transition(':enter', [
+                            style({ opacity: 0, transform: 'scaleY(0.8)' }),
+                            animate('{{showTransitionParams}}')
+                        ]),
+                        transition(':leave', [
+                            animate('{{hideTransitionParams}}', style({ opacity: 0 }))
+                        ])
+                    ])
+                ],
+                host: {
+                    '[class.p-inputwrapper-filled]': 'filled',
+                    '[class.p-inputwrapper-focus]': 'focus && !disabled'
+                },
+                providers: [AUTOCOMPLETE_VALUE_ACCESSOR],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                styles: [".p-autocomplete{display:inline-flex;position:relative}.p-autocomplete-loader{position:absolute;top:50%;margin-top:-.5rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-input,.p-autocomplete-dd .p-autocomplete-multiple-container{border-top-right-radius:0;border-bottom-right-radius:0}.p-autocomplete-dd .p-autocomplete-dropdown{border-top-left-radius:0;border-bottom-left-radius:0}.p-autocomplete .p-autocomplete-panel{min-width:100%}.p-autocomplete-panel{position:absolute;overflow:auto}.p-autocomplete-items{margin:0;padding:0;list-style-type:none}.p-autocomplete-item{cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.p-autocomplete-multiple-container{margin:0;padding:0;list-style-type:none;cursor:text;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;padding:.125em .5em;margin-right:.125em;border:0;font-size:.9em}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.p-autocomplete-input-token input{border:0;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0}.p-fluid .p-autocomplete{display:flex}.p-fluid .p-autocomplete-dd .p-autocomplete-input{width:1%}.p-autocomplete-countItem{background-color:#e1e1e1!important;box-sizing:border-box;display:inline-flex;align-items:center;cursor:pointer}"]
+            },] }
+];
+AutoComplete.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 },
+    { type: ChangeDetectorRef },
+    { type: IterableDiffers }
+];
+AutoComplete.propDecorators = {
+    minLength: [{ type: Input }],
+    delay: [{ type: Input }],
+    style: [{ type: Input }],
+    panelStyle: [{ type: Input }],
+    styleClass: [{ type: Input }],
+    panelStyleClass: [{ type: Input }],
+    inputStyle: [{ type: Input }],
+    inputId: [{ type: Input }],
+    inputStyleClass: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    readonly: [{ type: Input }],
+    disabled: [{ type: Input }],
+    maxlength: [{ type: Input }],
+    name: [{ type: Input }],
+    required: [{ type: Input }],
+    size: [{ type: Input }],
+    appendTo: [{ type: Input }],
+    autoHighlight: [{ type: Input }],
+    forceSelection: [{ type: Input }],
+    type: [{ type: Input }],
+    autoZIndex: [{ type: Input }],
+    baseZIndex: [{ type: Input }],
+    ariaLabel: [{ type: Input }],
+    ariaLabelledBy: [{ type: Input }],
+    dropdownIcon: [{ type: Input }],
+    unique: [{ type: Input }],
+    completeOnFocus: [{ type: Input }],
+    completeMethod: [{ type: Output }],
+    onSelect: [{ type: Output }],
+    onUnselect: [{ type: Output }],
+    onFocus: [{ type: Output }],
+    onBlur: [{ type: Output }],
+    onDropdownClick: [{ type: Output }],
+    onClear: [{ type: Output }],
+    onKeyUp: [{ type: Output }],
+    onShow: [{ type: Output }],
+    onHide: [{ type: Output }],
+    field: [{ type: Input }],
+    scrollHeight: [{ type: Input }],
+    dropdown: [{ type: Input }],
+    dropdownMode: [{ type: Input }],
+    multiple: [{ type: Input }],
+    tabindex: [{ type: Input }],
+    dataKey: [{ type: Input }],
+    emptyMessage: [{ type: Input }],
+    showTransitionOptions: [{ type: Input }],
+    hideTransitionOptions: [{ type: Input }],
+    autofocus: [{ type: Input }],
+    autocomplete: [{ type: Input }],
+    maxRowItem: [{ type: Input }],
+    containerEL: [{ type: ViewChild, args: ['container',] }],
+    inputEL: [{ type: ViewChild, args: ['in',] }],
+    multiInputEL: [{ type: ViewChild, args: ['multiIn',] }],
+    multiContainerEL: [{ type: ViewChild, args: ['multiContainer',] }],
+    dropdownButton: [{ type: ViewChild, args: ['ddBtn',] }],
+    templates: [{ type: ContentChildren, args: [PrimeTemplate,] }],
+    suggestions: [{ type: Input }]
+};
+class AutoCompleteModule {
+}
+AutoCompleteModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, InputTextModule, ButtonModule, SharedModule, RippleModule],
+                exports: [AutoComplete, SharedModule],
+                declarations: [AutoComplete]
+            },] }
+];
+
+/* eslint-disable prefer-const */
+class HtmlPreviewComponent {
+    constructor(gs, _commonService) {
+        this.gs = gs;
+        this._commonService = _commonService;
+        this.control = new HtmlPreviewControlSchema();
+        this.onChanged = new EventEmitter();
+        this.content = '';
+        this.id = '';
+        this.id = this._commonService.guid();
+    }
+    // ngOnChanges(changes: SimpleChanges) {
+    //     if (changes['content']) {
+    //         this.renderMath();
+    //     }
+    // }
+    writeValue(obj) {
+        if (obj) {
+            this.content = obj;
+        }
+        else {
+            this.content = '';
+        }
+        this.renderMath();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    renderMath() {
+        this.mathJaxObject = this.gs.nativeGlobal()['MathJax'];
+        if (!this.mathJaxObject && !this.mathContent) {
+            return;
+        }
+        setTimeout(() => {
+            var _a, _b;
+            const $this = this;
+            const autoScrollBottom = !!((_a = $this.control) === null || _a === void 0 ? void 0 : _a.autoScrollBottom);
+            const output = $this.mathContent.nativeElement;
+            let content = ((_b = $this.content) === null || _b === void 0 ? void 0 : _b.trim()) || '';
+            if (!$this.control.isHtml) {
+                content = content.replace(/\n/g, '<br>');
+            }
+            output.innerHTML = content;
+            if ($this.mathJaxObject.texReset) {
+                $this.mathJaxObject.texReset();
+            }
+            if ($this.mathJaxObject.typesetClear) {
+                $this.mathJaxObject.typesetClear();
+            }
+            if ($this.mathJaxObject.typesetPromise) {
+                $this.mathJaxObject.typesetPromise([output]).catch(function (err) {
+                    output.innerHTML = '';
+                    output.appendChild(document.createTextNode(err.message));
+                    console.error(err);
+                }).then(function () {
+                    var _a, _b, _c;
+                    // Do something after typeset
+                    if (autoScrollBottom) {
+                        const box = document.querySelector(`#math-preview-box-${$this.id}`);
+                        const elem = box.getElementsByClassName('ps--active-y')[0];
+                        if (elem) {
+                            elem.scrollTop = elem.scrollHeight;
+                        }
+                    }
+                    const value = (_c = (_b = (_a = document.getElementById(`mathPreview-${$this.id}`)) === null || _a === void 0 ? void 0 : _a.innerHTML) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : '';
+                    $this.onChange(value);
+                    $this.onChanged.emit(value);
+                });
+            }
+            return $this.mathJaxObject.startup.defaultPageReady ? $this.mathJaxObject.startup.defaultPageReady() : $this.mathJaxObject.startup.defaultPageReady;
+        });
+    }
+    loadMathConfig() {
+        var _a, _b, _c;
+        const wd = this.gs.nativeGlobal();
+        wd.MathJax = {
+            'loader': { load: ['input/asciimath', 'output/chtml', 'ui/menu', 'output/svg', '[mml]/mml3'] },
+            'tex': {
+                inlineMath: [['$', '$'], ['\\(', '\\)']],
+                processEscapes: true
+            },
+            'startup': {
+                pageReady: () => this.renderMath()
+            },
+            'svg': {
+                scale: 1,
+                minScale: .5
+            },
+            'options': {
+                enableMenu: !!((_a = this.control) === null || _a === void 0 ? void 0 : _a.useMathJaxMenu),
+                menuOptions: {
+                    settings: {
+                        texHints: true,
+                        semantics: false,
+                        zoom: 'Double-Click',
+                        zscale: '200%',
+                        renderer: ((_b = this.control) === null || _b === void 0 ? void 0 : _b.mathJaxType) ? this.control.mathJaxType : 'CHTML',
+                        scale: 1,
+                        inTabOrder: true,
+                        assistiveMml: true,
+                        collapsible: false,
+                        explorer: false, // true if the expression explorer should be active
+                    },
+                    annotationTypes: {
+                        TeX: ['TeX', 'LaTeX', 'application/x-tex'],
+                        StarMath: ['StarMath 5.0'],
+                        Maple: ['Maple'],
+                        ContentMathML: ['MathML-Content', 'application/mathml-content+xml'],
+                        OpenMath: ['OpenMath']
+                    }
+                }
+            }
+        };
+        const script = document.createElement('script');
+        if (((_c = this.control) === null || _c === void 0 ? void 0 : _c.mathJaxType) == 'SVG') {
+            script.src = 'assets/vendor/mathjax/tex-mml-svg.js';
+        }
+        else {
+            script.src = 'assets/vendor/mathjax/tex-mml-chtml.js';
+        }
+        script.setAttribute('id', 'MathJax-script');
+        document.head.appendChild(script);
+    }
+    ngOnInit() {
+        this.loadMathConfig();
+    }
+}
+HtmlPreviewComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'html-preview',
+                template: "<div class=\"preview-box\" id=\"math-preview-box-{{id}}\" [ngStyle]=\"{'height': control.height + 'px'}\">\n    <tn-custom-scrollbar [showScrollHorizontal]=\"true\">\n        <div #mathContent id=\"mathPreview-{{id}}\"></div>\n    </tn-custom-scrollbar>\n</div>",
+                providers: [
+                    ComponentContextService,
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => HtmlPreviewComponent),
+                        multi: true
+                    },
+                ],
+                styles: ["::ng-deep html-preview .preview-box{border:1px solid #ced4da;padding:10px}"]
+            },] }
+];
+HtmlPreviewComponent.ctorParameters = () => [
+    { type: GlobalService },
+    { type: CommonService }
+];
+HtmlPreviewComponent.propDecorators = {
+    mathContent: [{ type: ViewChild, args: ['mathContent',] }],
+    control: [{ type: Input }],
+    onChanged: [{ type: Output }]
+};
+
+class SettingAuthorizeButtonComponent extends DataListBase {
+    constructor(_injector, _basePermissionService, _moduleConfigService) {
+        super(_injector);
+        this._injector = _injector;
+        this._basePermissionService = _basePermissionService;
+        this._moduleConfigService = _moduleConfigService;
+        this.authorizeButtonKey = '';
+        this.dataSource = [];
+        this.appCode = '';
+    }
+    ngOnInit() {
+        this.appCode = this._moduleConfigService.getConfig().appCode;
+        this.setting.baseService = this._basePermissionService;
+        this.customGetData = true;
+        this.setting.hiddenAdvanceSearch = true;
+        this.setting.hiddenHeader = true;
+        this.setting.heightType = HeightType.dynamic;
+        this.setting.hiddenOrderColumn = true;
+        this.setting.hiddenFilterRow = true;
+        this.setting.hiddenSettingWorkflow = true;
+        this.setting.hiddenAuthorizeButton = true;
+        this.setting.hiddenSettingPermission = true;
+        this.setting.fixHeightTypeInDialog = false;
+        this.setting.hiddenCheckbox = false;
+        this.setting.showEditLink = false;
+        this.setting.modelSchemas = [
+            new ModelSchema({
+                field: 'permissionCode',
+                name: 'Mã',
+            }),
+            new ModelSchema({
+                field: 'rawText',
+                name: 'Tên',
+            }),
+            new ModelSchema({
+                field: 'isAuthorize',
+                name: 'Đã tạo quyền',
+            }),
+            new ModelSchema({
+                field: 'ma1',
+                name: 'Mã',
+            }),
+        ];
+        this.setting.cols = [
+            new ColumnSchemaBase({ field: 'permissionCode', sort: false, showEditLink: false }),
+            new ColumnSchemaBase({ field: 'rawText', width: '300px', sort: false }),
+            new ColumnSchemaBase({ field: 'isAuthorize', dataType: DataType.boolean, width: '100px', sort: false }),
+        ];
+        super.ngOnInit();
+    }
+    getDataCustom(gridInfo) {
+        this.model.dataSource = this.dataSource;
+        this.afterGetData();
+    }
+    addBasePermission(rowData) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const insertRes = yield this._basePermissionService.post(rowData);
+            if (insertRes.success) {
+                this._notifierService.showSuccess('Thêm quyền thành công');
+                this.updateDataSource(insertRes.data);
+                return;
+            }
+            this._notifierService.showWarning('Có lỗi trong quá trình xử lý, vui lòng thử lại');
+        });
+    }
+    deleteBasePermission(rowData) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._notifierService.showConfirm('Xác nhận xóa quyền').then((res) => __awaiter(this, void 0, void 0, function* () {
+                if (!res)
+                    return;
+                const deleteRes = yield this._basePermissionService.delete(rowData.id);
+                if (deleteRes.success) {
+                    this._notifierService.showSuccess('Xóa quyền thành công');
+                    this.updateDataSource(rowData.id, true);
+                    return;
+                }
+                this._notifierService.showWarning(deleteRes.message);
+            }));
+        });
+    }
+    updateDataSource(id, isDeleted = false) {
+        const currentRow = this.model.dataSource.find(p => p.id == id);
+        if (!currentRow)
+            return;
+        if (isDeleted) {
+            currentRow.id = this._commonService.guid();
+        }
+        currentRow.isAuthorize = !isDeleted;
+        this.afterGetData();
+    }
+    afterGetData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._unmarkLoading();
+            if (!this.model.dataSource.length)
+                return;
+            this.model.dataSource.forEach(item => {
+                item.name = item.rawText;
+                item.code = item.permissionCode;
+                item.moduleCode = this.appCode;
+            });
+        });
+    }
+    ngOnDestroy() {
+        var _a;
+        const buttonSetting = JSON.parse(sessionStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.BUTTON_AUTHORIZE) || '{}');
+        buttonSetting[_a = this.authorizeButtonKey] || (buttonSetting[_a] = []);
+        this.model.dataSource.forEach(rowData => {
+            var _a;
+            const buttonItem = (_a = buttonSetting[this.authorizeButtonKey]) === null || _a === void 0 ? void 0 : _a.find(p => p.code == rowData.code);
+            if (rowData.isAuthorize && !buttonItem) {
+                buttonSetting[this.authorizeButtonKey].push({
+                    id: rowData.id,
+                    code: rowData.code,
+                });
+            }
+            else if (!rowData.isAuthorize && buttonItem) {
+                const index = buttonSetting[this.authorizeButtonKey].indexOf(buttonItem);
+                buttonSetting[this.authorizeButtonKey].splice(index, 1);
+            }
+        });
+        sessionStorage.setItem(ComCtxConstants.LOCALSTORAGE_KEY.BUTTON_AUTHORIZE, JSON.stringify(buttonSetting));
+    }
+}
+SettingAuthorizeButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'settings-authorize-button',
+                template: "<crud-list #crudList [menuButtons]=\"getMenuButtons\" [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\n    [hiddenAdd]=\"true\" [hiddenDelete]=\"true\" [hiddenCopyLink]=\"true\" (onReload)=\"_triggerProcessData($event)\"\n    (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\" (onCopyLink)=\"_copyLink($event)\"\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\">\n    <ng-template #function let-rowData=\"rowData\">\n        <button *ngIf=\"!rowData.isAuthorize\" class=\"p-button-rounded p-button-text p-button-info link-or-action\"\n            type=\"button\" pButton icon=\"pi pi-plus\" pTooltip=\"Th\u00EAm m\u1EDBi\" (click)=\"addBasePermission(rowData)\"></button>\n        <button *ngIf=\"rowData.isAuthorize\"\n            class=\"p-button-rounded  p-button-text p-button-danger p-button-info link-or-action\" type=\"button\" pButton\n            icon=\"pi pi-trash\" pTooltip=\"X\u00F3a\" (click)=\"deleteBasePermission(rowData)\"></button>\n    </ng-template>\n</crud-list>",
+                providers: [ComponentContextService],
+                styles: [""]
+            },] }
+];
+SettingAuthorizeButtonComponent.ctorParameters = () => [
+    { type: Injector },
+    { type: BasePermissionService },
+    { type: ModuleConfigService }
+];
+SettingAuthorizeButtonComponent.propDecorators = {
+    authorizeButtonKey: [{ type: Input }],
+    dataSource: [{ type: Input }]
+};
+
 class SettingsRowComponent extends ComponentBase {
     constructor(_injector, _domService, _userService) {
         super(_injector);
@@ -43296,147 +44293,6 @@ SettingsWorkflowComponent.propDecorators = {
     parentSetting: [{ type: Input }]
 };
 
-class SettingAuthorizeButtonComponent extends DataListBase {
-    constructor(_injector, _basePermissionService, _moduleConfigService) {
-        super(_injector);
-        this._injector = _injector;
-        this._basePermissionService = _basePermissionService;
-        this._moduleConfigService = _moduleConfigService;
-        this.authorizeButtonKey = '';
-        this.dataSource = [];
-        this.appCode = '';
-    }
-    ngOnInit() {
-        this.appCode = this._moduleConfigService.getConfig().appCode;
-        this.setting.baseService = this._basePermissionService;
-        this.customGetData = true;
-        this.setting.hiddenAdvanceSearch = true;
-        this.setting.hiddenHeader = true;
-        this.setting.heightType = HeightType.dynamic;
-        this.setting.hiddenOrderColumn = true;
-        this.setting.hiddenFilterRow = true;
-        this.setting.hiddenSettingWorkflow = true;
-        this.setting.hiddenAuthorizeButton = true;
-        this.setting.hiddenSettingPermission = true;
-        this.setting.fixHeightTypeInDialog = false;
-        this.setting.hiddenCheckbox = false;
-        this.setting.showEditLink = false;
-        this.setting.modelSchemas = [
-            new ModelSchema({
-                field: 'permissionCode',
-                name: 'Mã',
-            }),
-            new ModelSchema({
-                field: 'rawText',
-                name: 'Tên',
-            }),
-            new ModelSchema({
-                field: 'isAuthorize',
-                name: 'Đã tạo quyền',
-            }),
-            new ModelSchema({
-                field: 'ma1',
-                name: 'Mã',
-            }),
-        ];
-        this.setting.cols = [
-            new ColumnSchemaBase({ field: 'permissionCode', sort: false, showEditLink: false }),
-            new ColumnSchemaBase({ field: 'rawText', width: '300px', sort: false }),
-            new ColumnSchemaBase({ field: 'isAuthorize', dataType: DataType.boolean, width: '100px', sort: false }),
-        ];
-        super.ngOnInit();
-    }
-    getDataCustom(gridInfo) {
-        this.model.dataSource = this.dataSource;
-        this.afterGetData();
-    }
-    addBasePermission(rowData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const insertRes = yield this._basePermissionService.post(rowData);
-            if (insertRes.success) {
-                this._notifierService.showSuccess('Thêm quyền thành công');
-                this.updateDataSource(insertRes.data);
-                return;
-            }
-            this._notifierService.showWarning('Có lỗi trong quá trình xử lý, vui lòng thử lại');
-        });
-    }
-    deleteBasePermission(rowData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this._notifierService.showConfirm('Xác nhận xóa quyền').then((res) => __awaiter(this, void 0, void 0, function* () {
-                if (!res)
-                    return;
-                const deleteRes = yield this._basePermissionService.delete(rowData.id);
-                if (deleteRes.success) {
-                    this._notifierService.showSuccess('Xóa quyền thành công');
-                    this.updateDataSource(rowData.id, true);
-                    return;
-                }
-                this._notifierService.showWarning(deleteRes.message);
-            }));
-        });
-    }
-    updateDataSource(id, isDeleted = false) {
-        const currentRow = this.model.dataSource.find(p => p.id == id);
-        if (!currentRow)
-            return;
-        if (isDeleted) {
-            currentRow.id = this._commonService.guid();
-        }
-        currentRow.isAuthorize = !isDeleted;
-        this.afterGetData();
-    }
-    afterGetData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this._unmarkLoading();
-            if (!this.model.dataSource.length)
-                return;
-            this.model.dataSource.forEach(item => {
-                item.name = item.rawText;
-                item.code = item.permissionCode;
-                item.moduleCode = this.appCode;
-            });
-        });
-    }
-    ngOnDestroy() {
-        var _a;
-        const buttonSetting = JSON.parse(sessionStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.BUTTON_AUTHORIZE) || '{}');
-        buttonSetting[_a = this.authorizeButtonKey] || (buttonSetting[_a] = []);
-        this.model.dataSource.forEach(rowData => {
-            var _a;
-            const buttonItem = (_a = buttonSetting[this.authorizeButtonKey]) === null || _a === void 0 ? void 0 : _a.find(p => p.code == rowData.code);
-            if (rowData.isAuthorize && !buttonItem) {
-                buttonSetting[this.authorizeButtonKey].push({
-                    id: rowData.id,
-                    code: rowData.code,
-                });
-            }
-            else if (!rowData.isAuthorize && buttonItem) {
-                const index = buttonSetting[this.authorizeButtonKey].indexOf(buttonItem);
-                buttonSetting[this.authorizeButtonKey].splice(index, 1);
-            }
-        });
-        sessionStorage.setItem(ComCtxConstants.LOCALSTORAGE_KEY.BUTTON_AUTHORIZE, JSON.stringify(buttonSetting));
-    }
-}
-SettingAuthorizeButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'settings-authorize-button',
-                template: "<crud-list #crudList [menuButtons]=\"getMenuButtons\" [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\n    [hiddenAdd]=\"true\" [hiddenDelete]=\"true\" [hiddenCopyLink]=\"true\" (onReload)=\"_triggerProcessData($event)\"\n    (onAdd)=\"_add($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_handleReloaded($event)\" (onCopyLink)=\"_copyLink($event)\"\n    (onCopyLinkMultiple)=\"_copyLinkMultiple()\">\n    <ng-template #function let-rowData=\"rowData\">\n        <button *ngIf=\"!rowData.isAuthorize\" class=\"p-button-rounded p-button-text p-button-info link-or-action\"\n            type=\"button\" pButton icon=\"pi pi-plus\" pTooltip=\"Th\u00EAm m\u1EDBi\" (click)=\"addBasePermission(rowData)\"></button>\n        <button *ngIf=\"rowData.isAuthorize\"\n            class=\"p-button-rounded  p-button-text p-button-danger p-button-info link-or-action\" type=\"button\" pButton\n            icon=\"pi pi-trash\" pTooltip=\"X\u00F3a\" (click)=\"deleteBasePermission(rowData)\"></button>\n    </ng-template>\n</crud-list>",
-                providers: [ComponentContextService],
-                styles: [""]
-            },] }
-];
-SettingAuthorizeButtonComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: BasePermissionService },
-    { type: ModuleConfigService }
-];
-SettingAuthorizeButtonComponent.propDecorators = {
-    authorizeButtonKey: [{ type: Input }],
-    dataSource: [{ type: Input }]
-};
-
 class SettingsComponent extends ComponentBase {
     constructor(_injector, _domService, _userService) {
         super(_injector);
@@ -47057,161 +47913,6 @@ FileSizePipe.decorators = [
             },] }
 ];
 
-/* eslint-disable prefer-const */
-class HtmlPreviewComponent {
-    constructor(gs, _commonService) {
-        this.gs = gs;
-        this._commonService = _commonService;
-        this.control = new HtmlPreviewControlSchema();
-        this.onChanged = new EventEmitter();
-        this.content = '';
-        this.id = '';
-        this.id = this._commonService.guid();
-    }
-    // ngOnChanges(changes: SimpleChanges) {
-    //     if (changes['content']) {
-    //         this.renderMath();
-    //     }
-    // }
-    writeValue(obj) {
-        if (obj) {
-            this.content = obj;
-        }
-        else {
-            this.content = '';
-        }
-        this.renderMath();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    renderMath() {
-        this.mathJaxObject = this.gs.nativeGlobal()['MathJax'];
-        if (!this.mathJaxObject && !this.mathContent) {
-            return;
-        }
-        setTimeout(() => {
-            var _a, _b;
-            const $this = this;
-            const autoScrollBottom = !!((_a = $this.control) === null || _a === void 0 ? void 0 : _a.autoScrollBottom);
-            const output = $this.mathContent.nativeElement;
-            let content = ((_b = $this.content) === null || _b === void 0 ? void 0 : _b.trim()) || '';
-            if (!$this.control.isHtml) {
-                content = content.replace(/\n/g, '<br>');
-            }
-            output.innerHTML = content;
-            if ($this.mathJaxObject.texReset) {
-                $this.mathJaxObject.texReset();
-            }
-            if ($this.mathJaxObject.typesetClear) {
-                $this.mathJaxObject.typesetClear();
-            }
-            if ($this.mathJaxObject.typesetPromise) {
-                $this.mathJaxObject.typesetPromise([output]).catch(function (err) {
-                    output.innerHTML = '';
-                    output.appendChild(document.createTextNode(err.message));
-                    console.error(err);
-                }).then(function () {
-                    var _a, _b, _c;
-                    // Do something after typeset
-                    if (autoScrollBottom) {
-                        const box = document.querySelector(`#math-preview-box-${$this.id}`);
-                        const elem = box.getElementsByClassName('ps--active-y')[0];
-                        if (elem) {
-                            elem.scrollTop = elem.scrollHeight;
-                        }
-                    }
-                    const value = (_c = (_b = (_a = document.getElementById(`mathPreview-${$this.id}`)) === null || _a === void 0 ? void 0 : _a.innerHTML) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : '';
-                    $this.onChange(value);
-                    $this.onChanged.emit(value);
-                });
-            }
-            return $this.mathJaxObject.startup.defaultPageReady ? $this.mathJaxObject.startup.defaultPageReady() : $this.mathJaxObject.startup.defaultPageReady;
-        });
-    }
-    loadMathConfig() {
-        var _a, _b, _c;
-        const wd = this.gs.nativeGlobal();
-        wd.MathJax = {
-            'loader': { load: ['input/asciimath', 'output/chtml', 'ui/menu', 'output/svg', '[mml]/mml3'] },
-            'tex': {
-                inlineMath: [['$', '$'], ['\\(', '\\)']],
-                processEscapes: true
-            },
-            'startup': {
-                pageReady: () => this.renderMath()
-            },
-            'svg': {
-                scale: 1,
-                minScale: .5
-            },
-            'options': {
-                enableMenu: !!((_a = this.control) === null || _a === void 0 ? void 0 : _a.useMathJaxMenu),
-                menuOptions: {
-                    settings: {
-                        texHints: true,
-                        semantics: false,
-                        zoom: 'Double-Click',
-                        zscale: '200%',
-                        renderer: ((_b = this.control) === null || _b === void 0 ? void 0 : _b.mathJaxType) ? this.control.mathJaxType : 'CHTML',
-                        scale: 1,
-                        inTabOrder: true,
-                        assistiveMml: true,
-                        collapsible: false,
-                        explorer: false, // true if the expression explorer should be active
-                    },
-                    annotationTypes: {
-                        TeX: ['TeX', 'LaTeX', 'application/x-tex'],
-                        StarMath: ['StarMath 5.0'],
-                        Maple: ['Maple'],
-                        ContentMathML: ['MathML-Content', 'application/mathml-content+xml'],
-                        OpenMath: ['OpenMath']
-                    }
-                }
-            }
-        };
-        const script = document.createElement('script');
-        if (((_c = this.control) === null || _c === void 0 ? void 0 : _c.mathJaxType) == 'SVG') {
-            script.src = 'assets/vendor/mathjax/tex-mml-svg.js';
-        }
-        else {
-            script.src = 'assets/vendor/mathjax/tex-mml-chtml.js';
-        }
-        script.setAttribute('id', 'MathJax-script');
-        document.head.appendChild(script);
-    }
-    ngOnInit() {
-        this.loadMathConfig();
-    }
-}
-HtmlPreviewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'html-preview',
-                template: "<div class=\"preview-box\" id=\"math-preview-box-{{id}}\" [ngStyle]=\"{'height': control.height + 'px'}\">\n    <tn-custom-scrollbar [showScrollHorizontal]=\"true\">\n        <div #mathContent id=\"mathPreview-{{id}}\"></div>\n    </tn-custom-scrollbar>\n</div>",
-                providers: [
-                    ComponentContextService,
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => HtmlPreviewComponent),
-                        multi: true
-                    },
-                ],
-                styles: ["::ng-deep html-preview .preview-box{border:1px solid #ced4da;padding:10px}"]
-            },] }
-];
-HtmlPreviewComponent.ctorParameters = () => [
-    { type: GlobalService },
-    { type: CommonService }
-];
-HtmlPreviewComponent.propDecorators = {
-    mathContent: [{ type: ViewChild, args: ['mathContent',] }],
-    control: [{ type: Input }],
-    onChanged: [{ type: Output }]
-};
-
 function coreDeclaration() {
     return [
         AddressComponent,
@@ -47371,7 +48072,6 @@ function coreModuleImport() {
         TranslateModule,
         TreeModule,
         ScrollPanelModule,
-        AutoCompleteModule,
         PaginatorModule,
         BlockUIModule,
         MenuModule,
@@ -47403,6 +48103,7 @@ function coreModuleImport() {
         StepsModule,
         ProgressSpinnerModule,
         DndModule,
+        AutoCompleteModule,
         DragDropModule
     ];
 }
@@ -47507,5 +48208,5 @@ class Pair {
  * Generated bundle index. Do not edit.
  */
 
-export { AccessDeniedComponent, Action, ActionChoYKienBase, ActionThuHoiBase, ActionUpdateModel, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AfterViewCheckedComponent, AnnouncementReadsService, AnnouncementsService, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonAction, ButtonControlSchema, ButtonPermission, ButtonPermissions, ButtonTextActionCongViec, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CanBo_HoSo_CoCauToChucService, CauHinhWorkflowService, CccdValidator, CellExcel, ChatBoxComponent, ChatSendMessageBoxComponent, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ChipsControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucNewService, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucPickerControlSchemaNew, CoCauToChucService, CodeValidator, ColorBlack, ColorControlSchema, ColorPickerControlSchema, ColorWhite, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonDashboardComponent, CommonErrorCode, CommonLibComponent, CommonSearchFormComponent, CommonService, CompareValidator, ComponentBase, ComponentBaseWithButton, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecPickerControlSchema, CongViecService, ContainerSchema, ControlTreeNode, ControlType, ConvertMoneyToWordPipe, CoreConfigService, CrudBase, CrudFormComponent, CrudFormCustomFunction, CrudFormData, CrudFormSetting, CrudListComponent, CrudListConfig, CrudListCustomFunction, CrudListData, CrudListHelper, CrudListSetting, CrudService, CustomControlSchema, CustomRouterService, CustomizeUiModel, CustomizeUiService, DanhmucApiService, DataExcel, DataFormBase, DataListBase, DataSourceControlSchema, DataSourceGioiTinh, DataSourcePermissionBase, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DmChucVuService, DmLoaiCongViecService, DomService, DownloadLinkService, DropdownComponent, DropdownControlSchema, DropdownOptions, DummyWorkflowCode, DynamicComponentService, ENUM_DON_VI_HANH_CHINH, EXPLORER_TYPES, EXPORT_VERSION_V4, EXPORT_VERSION_V5, EditFileCommand, EditorControlSchema, EformService, EmailValidator, EntityMedataDataSetting, EntityMetadataService, EntityPickerColumn, EntityPickerControlSchema, EntityWorkflowHistoryService, EntityWorkflowType, EnumActionType, EnumAppSwitcherCode, EnumCanBo, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumGioiTinh, EnumHocHamHocVi, EnumLoaiVanBanBase$1 as EnumLoaiVanBanBase, EnumPermissionType, EnumProcessWorkflowType, EnumProperties, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumUserSource, EnumWFNhomTrangThai, EnumWorkflowCheckboxOption, EnumWorkflowCoreCodeSettingKey, EnumWorkflowHistoryStatus, ErrorType, EventData, EventType, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, ExtensionsConst, FILE_TYPES, FederationService, FieldCheckboxCrudList, FieldColExpandCrudList, FieldColReorderCrudList, FieldDefineHasTask, FieldDefineIsTaskFormControl, FieldDefineIsWorkflowControl, FieldFunctionCrudList, FieldIndexInDataSource, FieldOrderCrudList, FieldRowSpan, FieldWorkflowCodeInCrudForm, FileDataService, FileExplorerService, FileExtensions, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileManagerSetting, FileObjectService, FilePickerDialogComponent, FilePickerSetting, FileType, FileTypeFlag, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileUploadSetting, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardChildService, GenericGuardService, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HoSoDoiTacService, HtmlFormatPipe, HtmlPreviewControlSchema, HttpOptions, ImageService, ImageUploaderControlSchema, Include, KeyFieldGetRefType, KeyFilterStateByMenuCongViec, KeyFlashShow, KeyFunctionReload, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, LstEmailValidator, MA_THONG_BAO_PHAN_HE, MaActionBatDauQuyTrinh, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MenuSource, MergeConfigModel, MethodResult, ModelKySoDonVi, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NameValidator, NotificationObjectType, NotificationService, NotifierService, NotifierType, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, PassportValidator, PasswordValidator, Pattern, PercentControlSchema, PermissionBase, PermissionConstant, PermissionName, PermissionService, PermissionStorage, PermissionTypes, PermissionUtilsComponent, PersonalSetting, PhanQuyenModel, PhoneNumberValidator, PhoneValidator, PopupSize, PositionService, PrintService, PublicFunction, QueryBuilderComponent, QueryBuilderGroupComponent, QueryBuilderRuleComponent, QueryGroup, QueryRule, RELOAD_FILE_LIST, RadioButtonListControlSchema, RandomDataService, RefField, ReferenceDataFormatPipe, ReferenceTextControlSchema, RegexSplitFieldByItem, ReponseResult, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, ScalarValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, ServiceRequestModel, ServiceRequestModelV5, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateMachinesService, Status, StatusAction, StatusGroup, StatusOption, StatusOrg, StatusUser, StorageService, StorageUpdatedService, StringCompareOption, StringFormatPipe, SummaryPipe, SwitchControlSchema, TBL_DM_COSODAOTAO_CONSTS, TBL_DM_PHONGHOC_CONSTS, TBL_KTX_NGUOITHUE_HOSO, TBL_TS_PHIEUDEXUAT, TBL_TS_TAISANCODINH_CONSTS, TabViewData, TableSchema, TagSeparator, TaiLieuComponent, TaxCodeValidator, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnMenu, TnMenuItem, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnTreeTableToggler, TnUser, TnxSharedModule, TopicReloadCongViecV5, TopicReloadCountCongViecV5, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TreeListBase, TreeNode, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserGroupRealService, UserGroupService, UserOnlineDetailsService, UserPickerControlSchema, UserPickerDialogComponent, UserPublicInfo, UserService, UserType, UserV5Service, Validation, ValueType, VanBanPickerControlSchema, ViewContainerRefDirective, VirtualBaseService, WfAction, WfItem, WfMachine, WfSchema, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowHistoryService, WorkflowPermissionDetailService, WorkflowService, WorkflowSetting, WorkflowSettingNew, WorkflowSettingsService, WorkflowTargetDefaultValue, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, dataSourceIcon, dateDiff, fileTypeSource, genQueryFromFilters, getDateFromStringDateVN, getDayOfWeek, getEnvironmentByName, getEnvironmentData, getListMenuByName, getMenuData, getMonday, getStringDate, getStringDateTime, getStringDateVN, getStringDateVNLocal, getTimeSpan, isArray, isBoolean, isDate, isFunction, isLiteralObject, isNumber, isObjectOld, isRegular, isSimpleType, isString, isValidDate, isValidTime, keyUserSurveyLocal, loadRemoteModule, loadRemotePageModule, mapProperty, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, monthDiff, multipleSort, romanize, ɵ0$2 as ɵ0, ɵ1$1 as ɵ1, ɵ2$1 as ɵ2, ɵ3, ɵ4, LoggerService as ɵa, DropdownService as ɵb, ImageUploaderComponent as ɵba, CheckBoxListComponent as ɵbb, CoCauToChucPickerListComponent as ɵbc, CoCauToChucPickerListNewComponent as ɵbd, FormBuilderComponent as ɵbe, DatetimePickerComponent as ɵbf, DatetimePickerRangeComponent as ɵbg, EntityPickerBoxComponent as ɵbh, EntityPickerDataComponent as ɵbi, EntityPickerSelectedComponent as ɵbj, EntityPickerComponent as ɵbk, EntityPickerSearchFormComponent as ɵbl, EntityPickerDialogComponent as ɵbm, EntityPickerTreeDataComponent as ɵbn, EntityPickerTreeSelectedComponent as ɵbo, EntityPermissionComponent as ɵbp, EquationEditorComponent as ɵbq, MaskComponent as ɵbr, NumberPickerRangeComponent as ɵbs, PagingNextBackOnlyComponent as ɵbt, RadioButtonListComponent as ɵbu, VanBanPickerComponent as ɵbv, VanBanDenService as ɵbw, VanBanDiService as ɵbx, VanBanPickerDialogComponent as ɵby, VanbanDiPickerComponent as ɵbz, EntityPickerService as ɵc, VanbanDenPickerComponent as ɵca, CongViecPickerComponent as ɵcb, SettingsComponent as ɵcc, SettingsRowComponent as ɵcd, ShareLinkByPermissionComponent as ɵce, TnCheckboxComponent as ɵcf, TnDialogComponent as ɵcg, TnColorPickerComponent as ɵch, TnTinymceComponent as ɵci, TnTabViewComponent as ɵcj, TableDetailFormComponent as ɵck, FileIconPipe as ɵcl, FileSizePipe as ɵcm, QuickAddFormComponent as ɵcn, PreventShiftTabDirective as ɵco, TnTemplateDirective as ɵcp, UserPickerComponent as ɵcq, UserPickerBoxComponent as ɵcr, CoCauToChucTestService as ɵcs, TnAppHelpComponent as ɵct, PathNameService as ɵcu, HelperCurrentPageComponent as ɵcv, TnAppNotificationListComponent as ɵcw, TnAppNotificationComponent as ɵcx, FolderFormComponent as ɵcy, FileFormComponent as ɵcz, ExceptionHandlerService as ɵd, FileViewerComponent as ɵda, FileVersionListComponent as ɵdb, ViewDetailComponent as ɵdc, ReferenceTextBoxComponent as ɵdd, QrCodeGeneratorComponent as ɵde, AddNewsComponent as ɵdf, ArticleService as ɵdg, NewsCategoryService as ɵdh, UniversalLinkProcessorComponent as ɵdi, SignatureDetailComponent as ɵdj, KySoSimDanhSachChuKyComponent as ɵdk, KySoSimChuKyUserService as ɵdl, FileKySoSimComponent as ɵdm, KySoSimSignPDFService as ɵdn, TaiLieuCuaToiComponent as ɵdo, KhaiThacTaiLieuDungChungComponent as ɵdp, DanhMucDungChungService as ɵdq, TnTemplateComponent as ɵdr, DropdownSettingFormComponent as ɵds, CheckReadyComponent as ɵdt, TnAccordionTabComponent as ɵdu, SettingsWorkflowComponent as ɵdv, SettingAuthorizeButtonComponent as ɵdw, BasePermissionService as ɵdx, SettingsWorkflowNo1Component as ɵdy, HtmlPreviewComponent as ɵdz, ListBase as ɵe, ListComponentBase as ɵf, TreeTableComponent as ɵg, NotFoundComponent as ɵh, SendAccessTokenInterceptor as ɵi, LogInterceptor as ɵj, PermissionUtilsInterceptor as ɵk, TraceInterceptor as ɵl, EntityPermissionService as ɵm, ChatService as ɵn, MyDriveService as ɵo, ContentsService as ɵp, StatusExtendsService as ɵq, MessageBoardService as ɵr, FileExplorerNewService as ɵs, FileVersionService as ɵt, FileManagerService as ɵu, DM_ChucVuService as ɵv, RoleService as ɵw, AddressComponent as ɵx, AdvanceSearchComponent as ɵy, AutoCompletePickerComponent as ɵz };
+export { AccessDeniedComponent, Action, ActionChoYKienBase, ActionThuHoiBase, ActionUpdateModel, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AfterViewCheckedComponent, AnnouncementReadsService, AnnouncementsService, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonAction, ButtonControlSchema, ButtonPermission, ButtonPermissions, ButtonTextActionCongViec, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CanBo_HoSo_CoCauToChucService, CauHinhWorkflowService, CccdValidator, CellExcel, ChatBoxComponent, ChatSendMessageBoxComponent, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ChipsControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucNewService, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucPickerControlSchemaNew, CoCauToChucService, CodeValidator, ColorBlack, ColorControlSchema, ColorPickerControlSchema, ColorWhite, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonDashboardComponent, CommonErrorCode, CommonLibComponent, CommonSearchFormComponent, CommonService, CompareValidator, ComponentBase, ComponentBaseWithButton, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecPickerControlSchema, CongViecService, ContainerSchema, ControlTreeNode, ControlType, ConvertMoneyToWordPipe, CoreConfigService, CrudBase, CrudFormComponent, CrudFormCustomFunction, CrudFormData, CrudFormSetting, CrudListComponent, CrudListConfig, CrudListCustomFunction, CrudListData, CrudListHelper, CrudListSetting, CrudService, CustomControlSchema, CustomRouterService, CustomizeUiModel, CustomizeUiService, DanhmucApiService, DataExcel, DataFormBase, DataListBase, DataSourceControlSchema, DataSourceGioiTinh, DataSourcePermissionBase, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DmChucVuService, DmLoaiCongViecService, DomService, DownloadLinkService, DropdownComponent, DropdownControlSchema, DropdownOptions, DummyWorkflowCode, DynamicComponentService, ENUM_DON_VI_HANH_CHINH, EXPLORER_TYPES, EXPORT_VERSION_V4, EXPORT_VERSION_V5, EditFileCommand, EditorControlSchema, EformService, EmailValidator, EntityMedataDataSetting, EntityMetadataService, EntityPickerColumn, EntityPickerControlSchema, EntityWorkflowHistoryService, EntityWorkflowType, EnumActionType, EnumAppSwitcherCode, EnumCanBo, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumGioiTinh, EnumHocHamHocVi, EnumLoaiVanBanBase$1 as EnumLoaiVanBanBase, EnumPermissionType, EnumProcessWorkflowType, EnumProperties, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumUserSource, EnumWFNhomTrangThai, EnumWorkflowCheckboxOption, EnumWorkflowCoreCodeSettingKey, EnumWorkflowHistoryStatus, ErrorType, EventData, EventType, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, ExtensionsConst, FILE_TYPES, FederationService, FieldCheckboxCrudList, FieldColExpandCrudList, FieldColReorderCrudList, FieldDefineHasTask, FieldDefineIsTaskFormControl, FieldDefineIsWorkflowControl, FieldFunctionCrudList, FieldIndexInDataSource, FieldOrderCrudList, FieldRowSpan, FieldWorkflowCodeInCrudForm, FileDataService, FileExplorerService, FileExtensions, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileManagerSetting, FileObjectService, FilePickerDialogComponent, FilePickerSetting, FileType, FileTypeFlag, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileUploadSetting, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardChildService, GenericGuardService, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HoSoDoiTacService, HtmlFormatPipe, HtmlPreviewControlSchema, HttpOptions, ImageService, ImageUploaderControlSchema, Include, KeyFieldGetRefType, KeyFilterStateByMenuCongViec, KeyFlashShow, KeyFunctionReload, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, LstEmailValidator, MA_THONG_BAO_PHAN_HE, MaActionBatDauQuyTrinh, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MenuSource, MergeConfigModel, MethodResult, ModelKySoDonVi, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NameValidator, NotificationObjectType, NotificationService, NotifierService, NotifierType, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, PassportValidator, PasswordValidator, Pattern, PercentControlSchema, PermissionBase, PermissionConstant, PermissionName, PermissionService, PermissionStorage, PermissionTypes, PermissionUtilsComponent, PersonalSetting, PhanQuyenModel, PhoneNumberValidator, PhoneValidator, PopupSize, PositionService, PrintService, PublicFunction, QueryBuilderComponent, QueryBuilderGroupComponent, QueryBuilderRuleComponent, QueryGroup, QueryRule, RELOAD_FILE_LIST, RadioButtonListControlSchema, RandomDataService, RefField, ReferenceDataFormatPipe, ReferenceTextControlSchema, RegexSplitFieldByItem, ReponseResult, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, ScalarValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, ServiceRequestModel, ServiceRequestModelV5, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateMachinesService, Status, StatusAction, StatusGroup, StatusOption, StatusOrg, StatusUser, StorageService, StorageUpdatedService, StringCompareOption, StringFormatPipe, SummaryPipe, SwitchControlSchema, TBL_DM_COSODAOTAO_CONSTS, TBL_DM_PHONGHOC_CONSTS, TBL_KTX_NGUOITHUE_HOSO, TBL_TS_PHIEUDEXUAT, TBL_TS_TAISANCODINH_CONSTS, TabViewData, TableSchema, TagSeparator, TaiLieuComponent, TaxCodeValidator, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnMenu, TnMenuItem, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnTreeTableToggler, TnUser, TnxSharedModule, TopicReloadCongViecV5, TopicReloadCountCongViecV5, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TreeListBase, TreeNode, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserGroupRealService, UserGroupService, UserOnlineDetailsService, UserPickerControlSchema, UserPickerDialogComponent, UserPublicInfo, UserService, UserType, UserV5Service, Validation, ValueType, VanBanPickerControlSchema, ViewContainerRefDirective, VirtualBaseService, WfAction, WfItem, WfMachine, WfSchema, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowHistoryService, WorkflowPermissionDetailService, WorkflowService, WorkflowSetting, WorkflowSettingNew, WorkflowSettingsService, WorkflowTargetDefaultValue, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, dataSourceIcon, dateDiff, fileTypeSource, genQueryFromFilters, getDateFromStringDateVN, getDayOfWeek, getEnvironmentByName, getEnvironmentData, getListMenuByName, getMenuData, getMonday, getStringDate, getStringDateTime, getStringDateVN, getStringDateVNLocal, getTimeSpan, isArray, isBoolean, isDate, isFunction, isLiteralObject, isNumber, isObjectOld, isRegular, isSimpleType, isString, isValidDate, isValidTime, keyUserSurveyLocal, loadRemoteModule, loadRemotePageModule, mapProperty, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, monthDiff, multipleSort, romanize, ɵ0$2 as ɵ0, ɵ1$1 as ɵ1, ɵ2$1 as ɵ2, ɵ3, ɵ4, LoggerService as ɵa, DropdownService as ɵb, ImageUploaderComponent as ɵba, CheckBoxListComponent as ɵbb, CoCauToChucPickerListComponent as ɵbc, CoCauToChucPickerListNewComponent as ɵbd, FormBuilderComponent as ɵbe, DatetimePickerComponent as ɵbf, DatetimePickerRangeComponent as ɵbg, EntityPickerBoxComponent as ɵbh, EntityPickerDataComponent as ɵbi, EntityPickerSelectedComponent as ɵbj, EntityPickerComponent as ɵbk, EntityPickerSearchFormComponent as ɵbl, EntityPickerDialogComponent as ɵbm, EntityPickerTreeDataComponent as ɵbn, EntityPickerTreeSelectedComponent as ɵbo, EntityPermissionComponent as ɵbp, EquationEditorComponent as ɵbq, MaskComponent as ɵbr, NumberPickerRangeComponent as ɵbs, PagingNextBackOnlyComponent as ɵbt, RadioButtonListComponent as ɵbu, VanBanPickerComponent as ɵbv, VanBanDenService as ɵbw, VanBanDiService as ɵbx, VanBanPickerDialogComponent as ɵby, VanbanDiPickerComponent as ɵbz, EntityPickerService as ɵc, VanbanDenPickerComponent as ɵca, CongViecPickerComponent as ɵcb, SettingsComponent as ɵcc, SettingsRowComponent as ɵcd, ShareLinkByPermissionComponent as ɵce, TnCheckboxComponent as ɵcf, TnDialogComponent as ɵcg, TnColorPickerComponent as ɵch, TnTinymceComponent as ɵci, TnTabViewComponent as ɵcj, TableDetailFormComponent as ɵck, FileIconPipe as ɵcl, FileSizePipe as ɵcm, QuickAddFormComponent as ɵcn, PreventShiftTabDirective as ɵco, TnTemplateDirective as ɵcp, UserPickerComponent as ɵcq, UserPickerBoxComponent as ɵcr, CoCauToChucTestService as ɵcs, TnAppHelpComponent as ɵct, PathNameService as ɵcu, HelperCurrentPageComponent as ɵcv, TnAppNotificationListComponent as ɵcw, TnAppNotificationComponent as ɵcx, FolderFormComponent as ɵcy, FileFormComponent as ɵcz, ExceptionHandlerService as ɵd, FileViewerComponent as ɵda, FileVersionListComponent as ɵdb, ViewDetailComponent as ɵdc, ReferenceTextBoxComponent as ɵdd, QrCodeGeneratorComponent as ɵde, AddNewsComponent as ɵdf, ArticleService as ɵdg, NewsCategoryService as ɵdh, UniversalLinkProcessorComponent as ɵdi, SignatureDetailComponent as ɵdj, KySoSimDanhSachChuKyComponent as ɵdk, KySoSimChuKyUserService as ɵdl, FileKySoSimComponent as ɵdm, KySoSimSignPDFService as ɵdn, TaiLieuCuaToiComponent as ɵdo, KhaiThacTaiLieuDungChungComponent as ɵdp, DanhMucDungChungService as ɵdq, TnTemplateComponent as ɵdr, DropdownSettingFormComponent as ɵds, CheckReadyComponent as ɵdt, TnAccordionTabComponent as ɵdu, SettingsWorkflowComponent as ɵdv, SettingAuthorizeButtonComponent as ɵdw, BasePermissionService as ɵdx, SettingsWorkflowNo1Component as ɵdy, HtmlPreviewComponent as ɵdz, ListBase as ɵe, AUTOCOMPLETE_VALUE_ACCESSOR as ɵea, AutoComplete as ɵeb, AutoCompleteModule as ɵec, ListComponentBase as ɵf, TreeTableComponent as ɵg, NotFoundComponent as ɵh, SendAccessTokenInterceptor as ɵi, LogInterceptor as ɵj, PermissionUtilsInterceptor as ɵk, TraceInterceptor as ɵl, EntityPermissionService as ɵm, ChatService as ɵn, MyDriveService as ɵo, ContentsService as ɵp, StatusExtendsService as ɵq, MessageBoardService as ɵr, FileExplorerNewService as ɵs, FileVersionService as ɵt, FileManagerService as ɵu, DM_ChucVuService as ɵv, RoleService as ɵw, AddressComponent as ɵx, AdvanceSearchComponent as ɵy, AutoCompletePickerComponent as ɵz };
 //# sourceMappingURL=tnx-shared.js.map