tnx-shared 5.1.342 → 5.1.345

package/fesm2015/tnx-shared.js

@@ -1286,6 +1286,7 @@ class CheckBoxListControlSchema extends DataSourceControlSchema {
 class TableSchema extends FormControlBase {
     constructor(init) {
         super();
+        this.autoGenerateId = false;
         this.showNumber = true;
         this.showFunction = true;
         this.showFooter = true;
@@ -1502,6 +1503,8 @@ class EventData {
 class TabViewData {
     constructor(init) {
         this.hidden = false;
+        this.alwayRender = false;
+        this.useScrollbar = false; // Config để xác định có sử dụng custom-scrollbar không, nếu không thì dùng scrollbar mặc định của trình duyệt
         for (const key in init) {
             this[key] = init[key];
         }
@@ -2369,8 +2372,8 @@ class CommonService {
                 result[field] = data;
             }
             else {
-                if (typeof result[field] === 'undefined' ||
-                    !isObject(result[field])) {
+                if (typeof result[field] === 'undefined'
+                    || !isObject(result[field])) {
                     result[field] = {};
                 }
                 result = result[field];
@@ -2436,8 +2439,8 @@ class CommonService {
                     });
                 }
                 if (colVal) {
-                    rowString +=
-                        colVal
+                    rowString
+                        += colVal
                             .toString()
                             .replace(',', '.')
                             .replace('\n', '')
@@ -2499,8 +2502,8 @@ class CommonService {
                     });
                 }
                 if (colVal) {
-                    rowString +=
-                        colVal
+                    rowString
+                        += colVal
                             .toString()
                             .replace(',', '.')
                             .replace('\n', '')
@@ -2564,8 +2567,8 @@ class CommonService {
                         });
                     }
                     if (colVal) {
-                        rowString +=
-                            colVal
+                        rowString
+                            += colVal
                                 .toString()
                                 .replace(',', '.')
                                 .replace('\n', '')
@@ -2611,11 +2614,11 @@ class CommonService {
     }
     getLabel(item, textField, textField2, prefixTextField2) {
         if (textField2) {
-            return (item[textField] +
-                ' - ' +
-                prefixTextField2 +
-                ' ' +
-                item[textField2]);
+            return (item[textField]
+                + ' - '
+                + prefixTextField2
+                + ' '
+                + item[textField2]);
         }
         else {
             return item[textField];
@@ -2958,12 +2961,13 @@ class CommonService {
         return `DEFAULT_${action}`.toUpperCase();
     }
     cloneObject(obj) {
-        if (obj !== undefined)
+        if (obj !== undefined) {
             return JSON.parse(JSON.stringify(obj));
+        }
         return undefined;
     }
     setProperty(prop, val, model) {
-        let clone = this.cloneObject(model);
+        const clone = this.cloneObject(model);
         if (clone) {
             clone[prop] = val;
         }
@@ -3038,10 +3042,10 @@ class CommonService {
         words.forEach((word) => {
             if (word.trim() != '') {
                 if (word.length > 1) {
-                    result +=
-                        word.substring(0, 1).toUpperCase() +
-                            word.substring(1) +
-                            ' ';
+                    result
+                        += word.substring(0, 1).toUpperCase()
+                            + word.substring(1)
+                            + ' ';
                 }
                 else {
                     result += word.toUpperCase() + ' ';
@@ -3080,22 +3084,26 @@ class CommonService {
         return n !== Infinity && String(n) === str;
     }
     hasAnyMask() {
-        return (document.body.querySelector('div[class~="ui-dialog-mask"]') ||
-            document.body.querySelector('div[class~="ui-sidebar-mask"]'));
+        return (document.body.querySelector('div[class~="ui-dialog-mask"]')
+            || document.body.querySelector('div[class~="ui-sidebar-mask"]'));
     }
     safeStringify(data) {
         const item = stringify.stableStringify(data, null, 2);
         return item;
     }
     compareString(value1, value2) {
-        if (value1 == null && value2 != null)
+        if (value1 == null && value2 != null) {
             return -1;
-        else if (value1 != null && value2 == null)
+        }
+        else if (value1 != null && value2 == null) {
             return 1;
-        else if (value1 == null && value2 == null)
+        }
+        else if (value1 == null && value2 == null) {
             return 0;
-        else if (typeof value1 === 'string' && typeof value2 === 'string')
+        }
+        else if (typeof value1 === 'string' && typeof value2 === 'string') {
             return value1.localeCompare(value2);
+        }
         else {
             return 0;
         }
@@ -3168,7 +3176,7 @@ class CommonService {
         return output;
     }
     distinctArray(array) {
-        var arrResult = array.filter((item, index) => array.indexOf(item) === index);
+        const arrResult = array.filter((item, index) => array.indexOf(item) === index);
         return arrResult;
     }
     distinctField(array, field) {
@@ -3235,7 +3243,7 @@ class CommonService {
      * chỉ giao một đầu mút.
      */
     hasIntersection(start, end, compareStart, compareEnd) {
-        var hasIntersection = (start < compareStart && compareStart < end)
+        const hasIntersection = (start < compareStart && compareStart < end)
             || (start < compareEnd && compareEnd < end)
             || (compareStart <= start && end <= compareEnd);
         return hasIntersection;
@@ -3252,8 +3260,8 @@ class CommonService {
         if (!strDate1 || !strDate2) {
             return null;
         }
-        let d1 = new Date(strDate1);
-        let d2 = new Date(strDate2);
+        const d1 = new Date(strDate1);
+        const d2 = new Date(strDate2);
         let offset = (d1.getTime() - d2.getTime()) / 1000 / 60;
         if (round) {
             offset = Math.round(offset);
@@ -3276,11 +3284,13 @@ class CommonService {
             : null;
     }
     isSameArray(array1, array2) {
-        if (array1.length != array2.length)
+        if (array1.length != array2.length) {
             return false;
+        }
         for (var item of array1) {
-            if (!array2.some(q => q == item))
+            if (!array2.some(q => q == item)) {
                 return false;
+            }
         }
         return true;
     }
@@ -10034,7 +10044,7 @@ var EnumUserRule;
 (function (EnumUserRule) {
     // NGUOI_TAO = 1,
     EnumUserRule[EnumUserRule["CAP_TREN"] = 2] = "CAP_TREN";
-    // NGUOI_CUOI_CUNG = 3,
+    EnumUserRule[EnumUserRule["NGUOI_CUOI_CUNG"] = 3] = "NGUOI_CUOI_CUNG";
     EnumUserRule[EnumUserRule["NGUOI_THAM_GIA_QUY_TRINH"] = 4] = "NGUOI_THAM_GIA_QUY_TRINH";
     // Cấp trên mà xử lý bản ghi đối tượng trình lên
     // CAP_TREN_DA_GUI = 5,
@@ -13751,8 +13761,10 @@ class CrudFormComponent extends ComponentBase {
                         continue;
                     }
                 }
-                else if (childNode.control['_hidden'])
-                    continue;
+                else {
+                    if (childNode['_hidden'] || childNode.control['_hidden'])
+                        continue;
+                }
                 if (!(yield this.validate(childNode, true))) {
                     this._inValidForm = true;
                 }
@@ -13864,6 +13876,13 @@ class CrudFormComponent extends ComponentBase {
             }
         });
     }
+    handleLoadedControl(_component, control, parentPath) {
+        const parentNode = this._rootNode.getNodeByPath(parentPath);
+        const currentNode = parentNode.getChildNode(control.field);
+        if (_component && currentNode) {
+            currentNode._component = _component;
+        }
+    }
     handleControlReadyEvent(control, parentPath) {
         return __awaiter(this, void 0, void 0, function* () {
             const parentNode = this._rootNode.getNodeByPath(parentPath);
@@ -14285,6 +14304,10 @@ class CrudFormComponent extends ComponentBase {
             const index = tableNode.childNodes.length;
             const parentPath = tablePath + '[' + index + ']';
             const data = {};
+            if (control.autoGenerateId) {
+                data.id = this._commonService.guid();
+            }
+            // Thêm id để ngăn render liên tục
             for (const subControl of control.rowTemplate) {
                 this.initControlDefaultValue(data, subControl, parentPath);
             }
@@ -14545,7 +14568,7 @@ class CrudFormComponent extends ComponentBase {
             || (parentModel._status[control.field].hidden === undefined
                 && (control.hidden
                     || (control.hiddenCheck && control.hiddenCheck(this._minimizedData, currentNode))));
-        control['_hidden'] = !!result;
+        currentNode['_hidden'] = !!result;
         return result;
     }
     getContextTd(control, data, index, tablePath) {
@@ -14622,7 +14645,7 @@ class CrudFormComponent extends ComponentBase {
 CrudFormComponent.decorators = [
     { type: Component, args: [{
                 selector: 'crud-form',
-                template: "<div [class]=\"_styleClass\">\r\n    <form #formElement autocomplete=\"off\" autocorrect=\"off\" spellcheck=\"false\"\r\n        [class]=\"'p-grid form-group crud-form' + (formClass ? ' ' + formClass : '')\"\r\n        (keydown.shift.tab)=\"preventBlur($event)\">\r\n        <div class=\"p-grid p-col-12\" style=\"margin: 0\">\r\n            <ng-container *ngFor=\"let control of setting.schema\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"customControl; context: {control: control, data: _modelData, parentPath: '', path: control.field, showLabel: control.showLabel, mdWidth: control.mdWidth}\">\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </form>\r\n</div>\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"buttonContexts\">\r\n</p-contextMenu>\r\n<ng-template #customControl let-data=\"data\" let-control=\"control\" let-showLabel=\"showLabel\" let-mdWidth=\"mdWidth\"\r\n    let-rowIndex=\"index\" let-path=\"path\" let-parentPath=\"parentPath\" let-tablePath=\"tablePath\">\r\n    <div *ngIf=\"!checkHidden(control, data, path)\" id=\"{{path}}-holder\"\r\n        class=\"p-col-{{control.gWidth}} p-md-{{mdWidth}} {{control.class}} crud-form-control type-{{control.dataType}}\"\r\n        [class.error]=\"data._errors[control.field].length > 0\"\r\n        [class.not-show-in-box-holder]=\"control.showInBox === false\"\r\n        [class.show-in-box-holder]=\"control.showInBox === true\" [ngStyle]=\"control.style\">\r\n        <div class=\"label\" *ngIf=\"showLabel\">\r\n            <label *ngIf=\"control.label\" [pTooltip]=\"control.fullLabel\" tooltipPosition=\"top\">{{control.label}}\r\n                <span *ngIf=\"control.required\" class=\"star-required\">*</span></label>\r\n            <span *ngIf=\"control.description\" class=\"control-description\">({{control.description}})</span>\r\n        </div>\r\n        <ng-container [ngSwitch]=\"control.controlType\">\r\n            <ng-container *ngSwitchCase=\"'label'\">\r\n                <ng-container [ngTemplateOutlet]=\"labelControl\"\r\n                    [ngTemplateOutletContext]=\"{control: control, data: data}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'title'\">\r\n                <label *ngIf=\"!control.ishtml\" [for]=\"control.for\">{{control.text | translate}}</label>\r\n                <label *ngIf=\"control.ishtml\" [innerHTML]=\"control.text | translate\"></label>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'text'\">\r\n                <div class=\"p-inputgroup\" *ngIf=\"control.suffFix\">\r\n                    <input [placeholder]=\"control.placeholder\"\r\n                        [required]=\"control.validators && control.validators.required\"\r\n                        [attr.disabled]=\"checkDisabled(data, control) ? true : null\" pInputText\r\n                        [type]=\"control.dataFormat\" [(ngModel)]=\"data[control.field]\" [max]=\"control.max\"\r\n                        [min]=\"control.min\" [maxlength]=\"control.maxLength\"\r\n                        (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                        (key.enter)=\"handleFieldValueChange(control, $event, 'enter', data, parentPath)\" />\r\n                    <span class=\"p-inputgroup-addon\">({{control.suffFix}})</span>\r\n                </div>\r\n                <input *ngIf=\"!control.suffFix\" [placeholder]=\"control.placeholder\"\r\n                    [attr.disabled]=\"checkDisabled(data, control) ? true : null\" pInputText [type]=\"control.dataFormat\"\r\n                    [(ngModel)]=\"data[control.field]\" [max]=\"control.max\" [min]=\"control.min\"\r\n                    [maxlength]=\"control.maxLength\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (key.enter)=\"handleFieldValueChange(control, $event, 'enter', data, parentPath)\" />\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'reference-text'\">\r\n                <reference-textbox [control]=\"control\" [value]=\"data[control.field]\"></reference-textbox>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'template'\">\r\n                <ng-container [ngTemplateOutlet]=\"control.template\"\r\n                    [ngTemplateOutletContext]=\"{$implicit: _rootNode, control: control, data: data, tablePath: tablePath, parentPath: parentPath, rowIndex: rowIndex, funcUpdateModel: updateModelFromExternal}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'mask'\">\r\n                <tn-mask [prefix]=\"control.prefix\" [decimalPlaces]=\"control.decimalPlaces\" [suffix]=\"control.suffix\"\r\n                    [placeholder]=\"control.placeholder\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [maskType]=\"control.maskType\" [autoFormat]=\"control.autoFormat\" [min]=\"control.min\"\r\n                    [max]=\"control.max\" [(ngModel)]=\"data[control.field]\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </tn-mask>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'numberrange'\">\r\n                <tn-number-picker-range [decimalPlaces]=\"control.decimalPlaces\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [maskType]=\"control.maskType\"\r\n                    [(ngModel)]=\"data[control.field]\" [min]=\"control.min\" [max]=\"control.max\"\r\n                    (search)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (blur)=\"handleFieldValueChange(control, $event, 'blur', data, parentPath)\">\r\n                </tn-number-picker-range>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'money'\">\r\n                <input currencyMask [attr.disabled]=\"checkDisabled(data, control) ? true : null\" pInputText type=\"tel\"\r\n                    [(ngModel)]=\"data[control.field]\"\r\n                    [options]=\"{prefix: '', thousands: '.', decimal: ',',precision:control.dataFormat === 'money'?0:0 }\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\" />\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'phoneOrfax'\">\r\n                <input [placeholder]=\"control.dataFormat==='phone'?'(999) 999-9999':'999-999-9999'\"\r\n                    [attr.disabled]=\"checkDisabled(data, control) ? true : null\" type=\"tel\" pInputText\r\n                    [(ngModel)]=\"data[control.field]\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\" />\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'textarea'\">\r\n                <textarea pInputTextarea [rows]=\"control.rows ? control.rows : 5\"\r\n                    [attr.disabled]=\"checkDisabled(data, control) ? true : null\" [(ngModel)]=\"data[control.field]\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"></textarea>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'editor'\">\r\n                <tn-tinymce *ngIf=\"!checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                    [required]=\"control.validators && control.validators.required\" [mode]=\"control.mode\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    [height]=\"control.height ? control.height : 250\" [languageCode]=\"control.languageCode\"\r\n                    [disabled]=\"control.disabled || (control.disableCheck && control.disableCheck(model))\">\r\n                </tn-tinymce>\r\n                <div *ngIf=\"checkDisabled(data, control)\" class=\"html-box\"\r\n                    [innerHTML]=\"data[control.field] ? (data[control.field] | safeHtml) : ''\">\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'datetime'\">\r\n                <datetime-picker [(ngModel)]=\"data[control.field]\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [control]=\"control\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </datetime-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'autocomplete'\">\r\n                <app-autocomplete-datasource [control]=\"control\" [(ngModel)]=\"data[control.field]\"\r\n                    [suggestions]=\"data._source[control.field] || control.dataSource\"\r\n                    (onValueChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </app-autocomplete-datasource>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'datetimerange'\">\r\n                <tn-datetime-picker-range [(ngModel)]=\"data[control.field]\" [disabled]=\"control.disabled\"\r\n                    [control]=\"control\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </tn-datetime-picker-range>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'dropdown'\">\r\n                <dropdown [control]=\"control\" [dataSource]=\"getControlDataSource(control, data)\"\r\n                    [(value)]=\"data[control.field]\"\r\n                    (onChanged)=\"handleChangeDropdown(control, $event, 'change', data, parentPath)\"\r\n                    (onHideSmartEvent)=\"handleChangeDropdown(control, $event, 'hide', data, parentPath)\"\r\n                    (adjustValue)=\"handleAdjustValueDropdownEvent(control, parentPath)\"\r\n                    (onDataSourceLoaded)=\"handleDataSourceLoaded(control, parentPath, $event)\"\r\n                    (onReady)=\"handleControlReadyEvent(control, parentPath)\">\r\n                </dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'fileManager'\">\r\n                <file-manager [control]=\"control\" [serviceCode]=\"control.serviceCode\" [entity]=\"control.entity\"\r\n                    [entityKey]=\"control.entityKey ? control.entityKey : data[control.entityKeyField]\"\r\n                    [readonly]=\"control.disabled\" [layout]=\"control.layout\" [maxFileSize]=\"control.maxFileSize\"\r\n                    [inTaiLieu]=\"control.inTaiLieu\" [inTaiLieuChung]=\"control.inTaiLieuChung\"\r\n                    [copyToFolderId]=\"control.copyToFolderId\"\r\n                    [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\r\n                    [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\r\n                    [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\r\n                    [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\r\n                    [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\r\n                    [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\"\r\n                    [(value)]=\"data[control.field]\" (onSelected)=\"control.onSelected($event)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleControlReadyEvent(control, parentPath)\">\r\n                </file-manager>\r\n            </ng-container>\r\n            <span *ngSwitchCase=\"'fileUpload'\">\r\n                <file-upload [(ngModel)]=\"data[control.field]\" [sharedFolderType]=\"control.sharedFolderType\"\r\n                    [maxFileSize]=\"control.maxFileSize\"\r\n                    [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\r\n                    [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\r\n                    [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\r\n                    [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\r\n                    [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\r\n                    [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    [readonly]=\"control.readonly\" [accept]=\"control.accept\">\r\n                </file-upload>\r\n            </span>\r\n            <span *ngSwitchCase=\"'serviceFileUpload'\">\r\n                <service-file-upload [(ngModel)]=\"data[control.field]\" [parentContext]=\"context\"\r\n                    [serviceCode]=\"control.serviceCode\" [entity]=\"control.entity\"\r\n                    [entityKey]=\"data[control.entityKeyField]\" [control]=\"control\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </service-file-upload>\r\n            </span>\r\n            <ng-container *ngSwitchCase=\"'user-picker'\">\r\n                <user-picker [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [readOnlyValues]=\"data[control.field + '_readOnly']\" [(ngModel)]=\"data[control.field]\"\r\n                    [multiple]=\"control.multiple\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleReadyControlPicker(control, parentPath)\">\r\n                </user-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'switch'\">\r\n                <p-inputSwitch [(ngModel)]=\"data[control.field]\" [disabled]=\"checkDisabled(data, control)\"\r\n                    (onChange)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </p-inputSwitch>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'checkbox'\">\r\n                <div [class]=\"control.class\" role=\"checkbox-alone\">\r\n                    <p-checkbox [disabled]=\"checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                        [label]=\"!control.hiddenLabel ? control.label : null\"\r\n                        (onChange)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\" binary=\"true\">\r\n                    </p-checkbox>\r\n                    <!-- <tn-checkbox [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                        [(ngModel)]=\"data[control.field]\"\r\n                        (onChange)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"></tn-checkbox> -->\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'button'\">\r\n                <button type=\"button\" pButton [class]=\"control.btClass\" [icon]=\"control.icon\"\r\n                    [label]=\"control.label | translate\" [ngStyle]=\"control.btStyle\"\r\n                    (click)=\"handleButtonClick(control, $event, parentPath)\"></button>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'container'\">\r\n                <div class=\"p-grid p-col-12\" style=\"margin: 0\" [class.not-show-in-box]=\"!control.showInBox\"\r\n                    [class.show-in-box]=\"control.showInBox\" [ngStyle]=\"control.boxStyle\">\r\n                    <ng-container *ngFor=\"let subControl of control.controls\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"customControl; context: {control: subControl, data: data[control.field], parentPath: path, rowIndex: rowIndex, path: path + '.' + subControl.field, showLabel: subControl.showLabel, mdWidth: subControl.mdWidth}\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'checkboxlist'\">\r\n                <check-box-list [control]=\"control\" [dataSource]=\"data._source[control.field] || control.dataSource\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                    (onSelect)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleControlReadyEvent(control, parentPath)\">\r\n                </check-box-list>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'radiobuttonlist'\">\r\n                <radio-button-list [control]=\"control\" [dataSource]=\"control.dataSource\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [(value)]=\"data[control.field]\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (adjustValue)=\"handleAdjustValueDropdownEvent(control, parentPath)\"\r\n                    (onReady)=\"handleReadyControlPicker(control, parentPath)\"\r\n                    (onDataSourceLoaded)=\"handleDataSourceLoaded(control, parentPath, $event)\">\r\n                </radio-button-list>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'colorPicker'\">\r\n                <tn-color-picker [(ngModel)]=\"data[control.field]\" [disabled]=\"checkDisabled(data, control)\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </tn-color-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'spanControl'\">\r\n                <span *ngIf=\"!control.ishtml\">{{data[control.field]}}</span>\r\n                <span *ngIf=\"control.ishtml\" [innerHTML]=\"data[control.field]\"></span>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'colorControl'\">\r\n                <span class=\"show-color-control\" [ngStyle]=\"{ backgroundColor: data[control.sourceField]}\"></span>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'address'\">\r\n                <address-picker [control]=\"control\" [showSubLabel]=\"control.showSubLabel\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [(data)]=\"data[control.field]\"\r\n                    (onSelect)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleControlReadyEvent(control, parentPath)\">\r\n                </address-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'autocomplete-picker'\">\r\n                <autocomplete-picker [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [required]=\"control.required\" [readOnlyValues]=\"data[control.field + '_readOnly']\"\r\n                    [(ngModel)]=\"data[control.field]\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleReadyControlPicker(control, parentPath)\">\r\n                </autocomplete-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'entity-picker'\">\r\n                <entity-picker [control]=\"control\" [children]=\"children\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [required]=\"control.required\" [(ngModel)]=\"data[control.field]\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </entity-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'cocautochuc'\">\r\n                <cocautochuc-picker [control]=\"control\" [parentOrgId]=\"control.parentOrgId\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [parentOrgCode]=\"control.parentOrgCode\"\r\n                    [filter]=\"control.filter\" [multiple]=\"control.multiple\" [required]=\"control.required\"\r\n                    [isUsingId]=\"control.isUsingId\" [disabledParentItem]=\"control.disabledParentItem\"\r\n                    [rootParentId]=\"control.rootParentId\" [(ngModel)]=\"data[control.field]\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </cocautochuc-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'cocautochuc-picker'\">\r\n                <cocautochuc-picker-list [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [required]=\"control.required\" [readOnlyValues]=\"data[control.field + '_readOnly']\"\r\n                    [(ngModel)]=\"data[control.field]\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleReadyControlPicker(control, parentPath)\">\r\n                </cocautochuc-picker-list>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'vanban'\">\r\n                <vanban-picker [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [required]=\"control.required\" [(ngModel)]=\"data[control.field]\" [readOnly]=\"control.readOnly\"\r\n                    [loaiVanBan]=\"control.loaiVanBan\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </vanban-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'congviec'\">\r\n                <div>\r\n                    <congviec-picker [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                        [required]=\"control.required\" [(ngModel)]=\"data[control.field]\"\r\n                        (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                    </congviec-picker>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'percent'\">\r\n                <div>\r\n                    <tn-mask [suffix]=\"'%'\" [placeholder]=\"control.placeholder\" [maskType]=\"'int'\"\r\n                        [autoFormat]=\"control.autoFormat\" [min]=\"0\" [max]=\"100\"\r\n                        [disabled]=\"checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                        (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                    </tn-mask>\r\n                    <p-slider [step]=\"1\" [min]=\"0\" [max]=\"100\" [disabled]=\"checkDisabled(data, control)\"\r\n                        [(ngModel)]=\"data[control.field]\"\r\n                        (onSlideEnd)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                    </p-slider>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'table'\">\r\n                <div [class]=\"control.class\">\r\n                    <tn-custom-scrollbar class=\"--has-border\" [showScrollHorizontal]=\"true\">\r\n                        <p-table class=\"new-table scr-table table-control\" [value]=\"data[control.field]\"\r\n                            [columns]=\"control.headerTemplate\" [responsive]=\"true\" [scrollable]=\"false\"\r\n                            [rowTrackBy]=\"trackByFuncId\"\r\n                            (onRowReorder)=\"handleRowOrdered(control, $event, 'rowReorder', data, parentPath)\">\r\n                            <ng-template pTemplate=\"colgroup\">\r\n                                <colgroup>\r\n                                    <col *ngIf=\"control.showNumber\" style=\"width: 40px\" />\r\n                                    <ng-container *ngFor=\"let subControl of control.rowTemplate\">\r\n                                        <col [style.width]=\"subControl.width\" />\r\n                                    </ng-container>\r\n                                    <col *ngIf=\"control.enableReorderRow\" style=\"width: 30px\" />\r\n                                    <col *ngIf=\"control.showFunction\" [style.width]=\"control.widthFunctionColumn\" />\r\n                                </colgroup>\r\n                            </ng-template>\r\n                            <ng-template *ngIf=\"getComponentByType(_prefixCustomHeader + control.field)\"\r\n                                pTemplate=\"header\" let-columns>\r\n                                <ng-container\r\n                                    *ngTemplateOutlet=\"getComponentByType(_prefixCustomHeader + control.field), context: {$implicit: control.headerTemplate, crudForm: this, containerSticky: containerSticky}\">\r\n                                </ng-container>\r\n                            </ng-template>\r\n                            <ng-template *ngIf=\"!getComponentByType(_prefixCustomHeader + control.field)\"\r\n                                pTemplate=\"header\" let-rowData let-columns>\r\n                                <tr>\r\n                                    <th *ngIf=\"control.showNumber\" style=\"text-align: center\">\r\n                                        {{ 'TT' |translate}}\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </th>\r\n                                    <ng-container *ngFor=\"let subControl of control.rowTemplate\">\r\n                                        <th *ngIf=\"subControl && !subControl.hidden && subControl.visibleInList\"\r\n                                            [pTooltip]=\"subControl.fullLabel || subControl.label\" tooltipPosition=\"top\"\r\n                                            style=\"text-align: center;\">\r\n                                            {{subControl.label}}\r\n                                            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                        </th>\r\n                                    </ng-container>\r\n                                    <th *ngIf=\"control.enableReorderRow\">\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </th>\r\n                                    <th *ngIf=\"control.showFunction\" class=\"table-function column-function\">\r\n                                        <div class=\"cell-header-function\"><span>Ch\u1EE9c n\u0103ng</span></div>\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </th>\r\n                                </tr>\r\n                            </ng-template>\r\n                            <ng-template pTemplate=\"body\" let-rowData let-ri=\"rowIndex\">\r\n                                <tr [pReorderableRow]=\"ri\">\r\n                                    <td *ngIf=\"control.showNumber\" class=\"stt\"\r\n                                        style=\"text-align: center; vertical-align: inherit\">\r\n                                        <span>\r\n                                            {{ri + 1}}\r\n                                        </span>\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </td>\r\n                                    <ng-container *ngFor=\"let subControl of control.rowTemplate; let i = index\">\r\n                                        <td *ngIf=\"subControl && !subControl.hidden && subControl.visibleInList\"\r\n                                            [class.control-inside]=\"true\" [class]=\"subControl.class\"\r\n                                            [ngStyle]=\"{'text-align': getTextAlign(subControl.textAlign), 'vertical-align': 'inherit'}\">\r\n                                            <span class=\"p-column-title\">{{subControl.label}}</span>\r\n                                            <ng-template [ngIf]=\"getControlType(subControl) != 'column'\">\r\n                                                <ng-container\r\n                                                    *ngTemplateOutlet=\"customControl; context: getContextTd(subControl, rowData, ri, path)\">\r\n                                                </ng-container>\r\n                                            </ng-template>\r\n                                            <ng-template [ngIf]=\"getControlType(subControl) == 'column'\">\r\n                                                <span>{{_modelData[control.field][ri][subControl.field]}}</span>\r\n                                            </ng-template>\r\n                                            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                        </td>\r\n                                    </ng-container>\r\n                                    <td *ngIf=\"control.enableReorderRow\" class=\"no-padding center v-center\">\r\n                                        <i class=\"fas fa-arrows-alt\" style=\"cursor:pointer; padding: 8px; color: #555;\"\r\n                                            pReorderableRowHandle></i>\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </td>\r\n                                    <td *ngIf=\"control.showFunction\" style=\"text-align: center\"\r\n                                        class=\"column-function text-center\">\r\n                                        <div *ngIf=\"!control.rowButtonTemplate\"\r\n                                            class=\"p-toolbar-group-center button-group\">\r\n                                            <button *ngIf=\"control.showSave\" [disabled]=\"rowData._disableSave\"\r\n                                                type=\"button\" pButton class=\"p-button-text p-button-rounded\"\r\n                                                icon=\"pi pi-save\" [pTooltip]=\"'L\u01B0u' | translate\" tooltipPosition=\"top\"\r\n                                                (click)=\"saveRow(ri, control, path)\"></button>\r\n                                            <button *ngIf=\"control.showEdit\" [disabled]=\"rowData._disableEdit\"\r\n                                                type=\"button\" pButton class=\"p-button-text p-button-rounded\"\r\n                                                icon=\"pi pi-pencil\" [pTooltip]=\"'S\u1EEDa' | translate\" tooltipPosition=\"top\"\r\n                                                (click)=\"editRow(ri, control, path)\"></button>\r\n                                            <button *ngIf=\"control.showDelete\" [disabled]=\"rowData._disableDelete\"\r\n                                                type=\"button\" pButton\r\n                                                class=\"p-button-text p-button-danger p-button-rounded\"\r\n                                                icon=\"pi pi-trash\" [pTooltip]=\"'X\u00F3a' | translate\" tooltipPosition=\"top\"\r\n                                                (click)=\"deleteRow(ri, control, path)\"></button>\r\n                                            <button *ngIf=\"control.rowButtons\" type=\"button\" pButton\r\n                                                icon=\"pi pi-ellipsis-v\"\r\n                                                class=\"link-or-action p-button-text p-button-rounded\"\r\n                                                pTooltip=\"Ch\u1EE9c n\u0103ng kh\u00E1c\" tooltipPosition=\"top\"\r\n                                                (click)=\"showContextMenu($event, rowData, control)\"></button>\r\n                                        </div>\r\n                                        <div *ngIf=\"control.rowButtonTemplate\"\r\n                                            class=\"p-toolbar-group-center button-group\">\r\n                                            <ng-container\r\n                                                *ngTemplateOutlet=\"control.rowButtonTemplate; context: {rowData: _modelData[control.field][ri], rowIndex: ri, path: path, control: control}\">\r\n                                            </ng-container>\r\n                                        </div>\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </td>\r\n                                </tr>\r\n                            </ng-template>\r\n                            <ng-template *ngIf=\"control.summaryTemplate\" pTemplate=\"summary\" let-rowData>\r\n                                <ng-container *ngTemplateOutlet=\"control.summaryTemplate; context: {rowData: rowData}\">\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </p-table>\r\n                    </tn-custom-scrollbar>\r\n                    <div *ngIf=\"control.showFooter\" class=\"--table-schema-footer\">\r\n                        <button *ngIf=\"control.showAdd\" type=\"button\" pButton style=\"width:auto\" label=\"Th\u00EAm m\u1EDBi\"\r\n                            icon=\"pi pi-plus\" class=\"p-button-text\" (click)=\"addNewRow(control, path)\"></button>\r\n                        <span *ngIf=\"control.showDialog\" style=\"font-weight: normal;\">\r\n                            <p-checkbox label=\"M\u1EDF dialog\" [binary]=\"true\" [(ngModel)]=\"control.showEdit\">\r\n                            </p-checkbox>\r\n                        </span>\r\n                        <button *ngIf=\"control.enableAddMulti\" type=\"button\" pButton\r\n                            style=\"width:auto; margin-left:10px;\" label=\"Th\u00EAm nhi\u1EC1u\" icon=\"pi pi-clone\"\r\n                            class=\"p-button-text\" (click)=\"addMultiRow(control, 5, path)\"></button>\r\n                        <button *ngFor=\"let bt of control.footerButtons\" type=\"button\" pButton [class]=\"bt.class\"\r\n                            [icon]=\"bt.icon\" [label]=\"bt.label | translate\" style=\"width:auto; margin-left:10px;\"\r\n                            (click)=\"messageRow( -1, control, path)\"></button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                <ng-container [ngTemplateOutlet]=\"getComponentByType(control.field)\" [ngTemplateOutletContext]=\"{\r\n                        crudForm: this, data: data, index: rowIndex, parentPath: parentPath, control: control, changeFunc: handleFieldValueChange\r\n                    }\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"validation; context: {control: control, data: data}\">\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #validation let-control=\"control\" let-data=\"data\">\r\n    <ng-container *ngIf=\"data._errors[control.field].length > 0\">\r\n        <div class=\"error-container\">\r\n            <ng-container *ngFor=\"let error of data._errors[control.field]\">\r\n                <div class=\"error-item\" *ngIf=\"error\">\r\n                    <ng-container [ngTemplateOutlet]=\"errorMessage\" [ngTemplateOutletContext]=\"{content: error}\">\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #errorMessage let-content=\"content\">\r\n    <div class=\"error-content\">\r\n        <i class=\"pi pi-ban\"></i>\r\n        <span> {{content}}</span>\r\n    </div>\r\n</ng-template>\r\n<ng-template #labelControl let-control=\"control\">\r\n    <ng-container>\r\n        <label [class]=\"getLabelClass(control)\" *ngIf=\"!control.ishtml\" [attr.label-index]=\"control.indexLabel\"\r\n            [pTooltip]=\"control.title\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\" [escape]=\"false\"\r\n            [for]=\"control.for\">{{control.text | translate}}</label>\r\n        <label [class]=\"getLabelClass(control)\" *ngIf=\"control.ishtml\" [innerHTML]=\"control.text | safeHtml\"\r\n            [attr.label-index]=\"control.indexLabel\"></label>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #containerSticky>\r\n    <span class=\"fix-sticky top\"></span>\r\n    <span class=\"fix-sticky right\"></span>\r\n    <span class=\"fix-sticky left\"></span>\r\n</ng-template>\r\n<ng-template #templateCongViecForm let-control=\"control\">\r\n    <base-congviec-form [control]=\"control\" [parentSetting]=\"congViecSetting\" [tenCongViec]=\"control.data.tenCongViec\">\r\n    </base-congviec-form>\r\n</ng-template>\r\n<tn-dialog *ngIf=\"tableFormShow\" #dialog [styleClass]=\"'address-form'\" [header]=\"tableFormTitle | translate\"\r\n    [popupSize]=\"tableFormPopupSize\" (onHide)=\"tableFormShow = false\">\r\n    <table-detail-form #formBase [parentSetting]=\"setting\" [schema]=\"tableFormSchema\" [data]=\"tableFormData\"\r\n        (onSaved)=\"handleSavedTableRow($event)\" (onCancel)=\"tableFormShow = false\">\r\n    </table-detail-form>\r\n</tn-dialog>",
+                template: "<div [class]=\"_styleClass\">\r\n    <form #formElement autocomplete=\"off\" autocorrect=\"off\" spellcheck=\"false\"\r\n        [class]=\"'p-grid form-group crud-form' + (formClass ? ' ' + formClass : '')\"\r\n        (keydown.shift.tab)=\"preventBlur($event)\">\r\n        <div class=\"p-grid p-col-12\" style=\"margin: 0\">\r\n            <ng-container *ngFor=\"let control of setting.schema\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"customControl; context: {control: control, data: _modelData, parentPath: '', path: control.field, showLabel: control.showLabel, mdWidth: control.mdWidth}\">\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </form>\r\n</div>\r\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"buttonContexts\">\r\n</p-contextMenu>\r\n<ng-template #customControl let-data=\"data\" let-control=\"control\" let-showLabel=\"showLabel\" let-mdWidth=\"mdWidth\"\r\n    let-rowIndex=\"index\" let-path=\"path\" let-parentPath=\"parentPath\" let-tablePath=\"tablePath\">\r\n    <div *ngIf=\"!checkHidden(control, data, path)\" id=\"{{path}}-holder\"\r\n        class=\"p-col-{{control.gWidth}} p-md-{{mdWidth}} {{control.class}} crud-form-control type-{{control.dataType}}\"\r\n        [class.error]=\"data._errors[control.field].length > 0\"\r\n        [class.not-show-in-box-holder]=\"control.showInBox === false\"\r\n        [class.show-in-box-holder]=\"control.showInBox === true\" [ngStyle]=\"control.style\">\r\n        <div class=\"label\" *ngIf=\"showLabel\">\r\n            <label *ngIf=\"control.label\" [pTooltip]=\"control.fullLabel\" tooltipPosition=\"top\">{{control.label}}\r\n                <span *ngIf=\"control.required\" class=\"star-required\">*</span></label>\r\n            <span *ngIf=\"control.description\" class=\"control-description\">({{control.description}})</span>\r\n        </div>\r\n        <ng-container [ngSwitch]=\"control.controlType\">\r\n            <ng-container *ngSwitchCase=\"'label'\">\r\n                <ng-container [ngTemplateOutlet]=\"labelControl\"\r\n                    [ngTemplateOutletContext]=\"{control: control, data: data}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'title'\">\r\n                <label *ngIf=\"!control.ishtml\" [for]=\"control.for\">{{control.text | translate}}</label>\r\n                <label *ngIf=\"control.ishtml\" [innerHTML]=\"control.text | translate\"></label>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'text'\">\r\n                <div class=\"p-inputgroup\" *ngIf=\"control.suffFix\">\r\n                    <input [placeholder]=\"control.placeholder\"\r\n                        [required]=\"control.validators && control.validators.required\"\r\n                        [attr.disabled]=\"checkDisabled(data, control) ? true : null\" pInputText\r\n                        [type]=\"control.dataFormat\" [(ngModel)]=\"data[control.field]\" [max]=\"control.max\"\r\n                        [min]=\"control.min\" [maxlength]=\"control.maxLength\"\r\n                        (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                        (key.enter)=\"handleFieldValueChange(control, $event, 'enter', data, parentPath)\" />\r\n                    <span class=\"p-inputgroup-addon\">({{control.suffFix}})</span>\r\n                </div>\r\n                <input *ngIf=\"!control.suffFix\" [placeholder]=\"control.placeholder\"\r\n                    [attr.disabled]=\"checkDisabled(data, control) ? true : null\" pInputText [type]=\"control.dataFormat\"\r\n                    [(ngModel)]=\"data[control.field]\" [max]=\"control.max\" [min]=\"control.min\"\r\n                    [maxlength]=\"control.maxLength\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (key.enter)=\"handleFieldValueChange(control, $event, 'enter', data, parentPath)\" />\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'reference-text'\">\r\n                <reference-textbox [control]=\"control\" [value]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"></reference-textbox>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'template'\">\r\n                <ng-container [ngTemplateOutlet]=\"control.template\"\r\n                    [ngTemplateOutletContext]=\"{$implicit: _rootNode, control: control, data: data, tablePath: tablePath, parentPath: parentPath, rowIndex: rowIndex, funcUpdateModel: updateModelFromExternal}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'mask'\">\r\n                <tn-mask [prefix]=\"control.prefix\" [decimalPlaces]=\"control.decimalPlaces\" [suffix]=\"control.suffix\"\r\n                    [placeholder]=\"control.placeholder\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [maskType]=\"control.maskType\" [autoFormat]=\"control.autoFormat\" [min]=\"control.min\"\r\n                    [max]=\"control.max\" [(ngModel)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </tn-mask>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'numberrange'\">\r\n                <tn-number-picker-range [decimalPlaces]=\"control.decimalPlaces\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [maskType]=\"control.maskType\" [min]=\"control.min\"\r\n                    [max]=\"control.max\" [(ngModel)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (search)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (blur)=\"handleFieldValueChange(control, $event, 'blur', data, parentPath)\">\r\n                </tn-number-picker-range>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'money'\">\r\n                <input currencyMask [attr.disabled]=\"checkDisabled(data, control) ? true : null\" pInputText type=\"tel\"\r\n                    [(ngModel)]=\"data[control.field]\"\r\n                    [options]=\"{prefix: '', thousands: '.', decimal: ',',precision:control.dataFormat === 'money'?0:0 }\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\" />\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'phoneOrfax'\">\r\n                <input [placeholder]=\"control.dataFormat==='phone'?'(999) 999-9999':'999-999-9999'\"\r\n                    [attr.disabled]=\"checkDisabled(data, control) ? true : null\" type=\"tel\" pInputText\r\n                    [(ngModel)]=\"data[control.field]\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\" />\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'textarea'\">\r\n                <textarea pInputTextarea [rows]=\"control.rows ? control.rows : 5\"\r\n                    [attr.disabled]=\"checkDisabled(data, control) ? true : null\" [(ngModel)]=\"data[control.field]\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"></textarea>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'editor'\">\r\n                <tn-tinymce *ngIf=\"!checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                    [required]=\"control.validators && control.validators.required\" [mode]=\"control.mode\"\r\n                    [height]=\"control.height ? control.height : 250\" [languageCode]=\"control.languageCode\"\r\n                    [disabled]=\"control.disabled || (control.disableCheck && control.disableCheck(model))\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </tn-tinymce>\r\n                <div *ngIf=\"checkDisabled(data, control)\" class=\"html-box\"\r\n                    [innerHTML]=\"data[control.field] ? (data[control.field] | safeHtml) : ''\">\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'datetime'\">\r\n                <datetime-picker [(ngModel)]=\"data[control.field]\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [control]=\"control\" (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </datetime-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'autocomplete'\">\r\n                <app-autocomplete-datasource [control]=\"control\"\r\n                    [suggestions]=\"data._source[control.field] || control.dataSource\" [(ngModel)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onValueChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </app-autocomplete-datasource>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'datetimerange'\">\r\n                <tn-datetime-picker-range [disabled]=\"control.disabled\" [control]=\"control\"\r\n                    [(ngModel)]=\"data[control.field]\" (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </tn-datetime-picker-range>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'dropdown'\">\r\n                <dropdown [control]=\"control\" [dataSource]=\"getControlDataSource(control, data)\"\r\n                    [(value)]=\"data[control.field]\" (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleChangeDropdown(control, $event, 'change', data, parentPath)\"\r\n                    (onHideSmartEvent)=\"handleChangeDropdown(control, $event, 'hide', data, parentPath)\"\r\n                    (adjustValue)=\"handleAdjustValueDropdownEvent(control, parentPath)\"\r\n                    (onDataSourceLoaded)=\"handleDataSourceLoaded(control, parentPath, $event)\"\r\n                    (onReady)=\"handleControlReadyEvent(control, parentPath)\">\r\n                </dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'fileManager'\">\r\n                <file-manager [control]=\"control\" [serviceCode]=\"control.serviceCode\" [entity]=\"control.entity\"\r\n                    [entityKey]=\"control.entityKey ? control.entityKey : data[control.entityKeyField]\"\r\n                    [readonly]=\"control.disabled\" [layout]=\"control.layout\" [maxFileSize]=\"control.maxFileSize\"\r\n                    [inTaiLieu]=\"control.inTaiLieu\" [inTaiLieuChung]=\"control.inTaiLieuChung\"\r\n                    [copyToFolderId]=\"control.copyToFolderId\"\r\n                    [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\r\n                    [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\r\n                    [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\r\n                    [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\r\n                    [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\r\n                    [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\"\r\n                    [(value)]=\"data[control.field]\" (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onSelected)=\"control.onSelected($event)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleControlReadyEvent(control, parentPath)\">\r\n                </file-manager>\r\n            </ng-container>\r\n            <span *ngSwitchCase=\"'fileUpload'\">\r\n                <file-upload [(ngModel)]=\"data[control.field]\" [sharedFolderType]=\"control.sharedFolderType\"\r\n                    [maxFileSize]=\"control.maxFileSize\"\r\n                    [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\r\n                    [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\r\n                    [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\r\n                    [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\r\n                    [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\r\n                    [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\"\r\n                    [readonly]=\"control.readonly\" [accept]=\"control.accept\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </file-upload>\r\n            </span>\r\n            <span *ngSwitchCase=\"'serviceFileUpload'\">\r\n                <service-file-upload [(ngModel)]=\"data[control.field]\" [parentContext]=\"context\"\r\n                    [serviceCode]=\"control.serviceCode\" [entity]=\"control.entity\"\r\n                    [entityKey]=\"data[control.entityKeyField]\" [control]=\"control\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </service-file-upload>\r\n            </span>\r\n            <ng-container *ngSwitchCase=\"'user-picker'\">\r\n                <user-picker [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [readOnlyValues]=\"data[control.field + '_readOnly']\" [(ngModel)]=\"data[control.field]\"\r\n                    [multiple]=\"control.multiple\" (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleReadyControlPicker(control, parentPath)\">\r\n                </user-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'switch'\">\r\n                <p-inputSwitch [(ngModel)]=\"data[control.field]\" [disabled]=\"checkDisabled(data, control)\"\r\n                    (onChange)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </p-inputSwitch>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'checkbox'\">\r\n                <div [class]=\"control.class\" role=\"checkbox-alone\">\r\n                    <p-checkbox [disabled]=\"checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                        [label]=\"!control.hiddenLabel ? control.label : null\"\r\n                        (onChange)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\" binary=\"true\">\r\n                    </p-checkbox>\r\n                    <!-- <tn-checkbox [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                        [(ngModel)]=\"data[control.field]\"\r\n                        (onChange)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"></tn-checkbox> -->\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'button'\">\r\n                <button type=\"button\" pButton [class]=\"control.btClass\" [icon]=\"control.icon\"\r\n                    [label]=\"control.label | translate\" [ngStyle]=\"control.btStyle\"\r\n                    (click)=\"handleButtonClick(control, $event, parentPath)\"></button>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'container'\">\r\n                <div class=\"p-grid p-col-12\" style=\"margin: 0\" [class.not-show-in-box]=\"!control.showInBox\"\r\n                    [class.show-in-box]=\"control.showInBox\" [ngStyle]=\"control.boxStyle\">\r\n                    <ng-container *ngFor=\"let subControl of control.controls\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"customControl; context: {control: subControl, data: data[control.field], parentPath: path, rowIndex: rowIndex, path: path + '.' + subControl.field, showLabel: subControl.showLabel, mdWidth: subControl.mdWidth}\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'checkboxlist'\">\r\n                <check-box-list [control]=\"control\" [dataSource]=\"data._source[control.field] || control.dataSource\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onSelect)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleControlReadyEvent(control, parentPath)\">\r\n                </check-box-list>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'radiobuttonlist'\">\r\n                <radio-button-list [control]=\"control\" [dataSource]=\"control.dataSource\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [(value)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (adjustValue)=\"handleAdjustValueDropdownEvent(control, parentPath)\"\r\n                    (onReady)=\"handleReadyControlPicker(control, parentPath)\"\r\n                    (onDataSourceLoaded)=\"handleDataSourceLoaded(control, parentPath, $event)\">\r\n                </radio-button-list>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'colorPicker'\">\r\n                <tn-color-picker [disabled]=\"checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (change)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </tn-color-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'spanControl'\">\r\n                <span *ngIf=\"!control.ishtml\">{{data[control.field]}}</span>\r\n                <span *ngIf=\"control.ishtml\" [innerHTML]=\"data[control.field]\"></span>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'colorControl'\">\r\n                <span class=\"show-color-control\" [ngStyle]=\"{ backgroundColor: data[control.sourceField]}\"></span>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'address'\">\r\n                <address-picker [control]=\"control\" [showSubLabel]=\"control.showSubLabel\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [(data)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onSelect)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleControlReadyEvent(control, parentPath)\">\r\n                </address-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'autocomplete-picker'\">\r\n                <autocomplete-picker [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [required]=\"control.required\" [readOnlyValues]=\"data[control.field + '_readOnly']\"\r\n                    [(ngModel)]=\"data[control.field]\" (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleReadyControlPicker(control, parentPath)\">\r\n                </autocomplete-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'entity-picker'\">\r\n                <entity-picker [control]=\"control\" [children]=\"children\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [required]=\"control.required\" [(ngModel)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </entity-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'cocautochuc'\">\r\n                <cocautochuc-picker [control]=\"control\" [parentOrgId]=\"control.parentOrgId\"\r\n                    [disabled]=\"checkDisabled(data, control)\" [parentOrgCode]=\"control.parentOrgCode\"\r\n                    [filter]=\"control.filter\" [multiple]=\"control.multiple\" [required]=\"control.required\"\r\n                    [isUsingId]=\"control.isUsingId\" [disabledParentItem]=\"control.disabledParentItem\"\r\n                    [rootParentId]=\"control.rootParentId\" [(ngModel)]=\"data[control.field]\"\r\n                    (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </cocautochuc-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'cocautochuc-picker'\">\r\n                <cocautochuc-picker-list [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [required]=\"control.required\" [readOnlyValues]=\"data[control.field + '_readOnly']\"\r\n                    [(ngModel)]=\"data[control.field]\" (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\"\r\n                    (onReady)=\"handleReadyControlPicker(control, parentPath)\">\r\n                </cocautochuc-picker-list>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'vanban'\">\r\n                <vanban-picker [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                    [required]=\"control.required\" [readOnly]=\"control.readOnly\" [loaiVanBan]=\"control.loaiVanBan\"\r\n                    [(ngModel)]=\"data[control.field]\" (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                    (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                </vanban-picker>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'congviec'\">\r\n                <div>\r\n                    <congviec-picker [control]=\"control\" [disabled]=\"checkDisabled(data, control)\"\r\n                        [required]=\"control.required\" [(ngModel)]=\"data[control.field]\"\r\n                        (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                        (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                    </congviec-picker>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'percent'\">\r\n                <div>\r\n                    <tn-mask [suffix]=\"'%'\" [placeholder]=\"control.placeholder\" [maskType]=\"'int'\"\r\n                        [autoFormat]=\"control.autoFormat\" [min]=\"0\" [max]=\"100\"\r\n                        [disabled]=\"checkDisabled(data, control)\" [(ngModel)]=\"data[control.field]\"\r\n                        (onInit)=\"handleLoadedControl($event, control, parentPath)\"\r\n                        (onChanged)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                    </tn-mask>\r\n                    <p-slider [step]=\"1\" [min]=\"0\" [max]=\"100\" [disabled]=\"checkDisabled(data, control)\"\r\n                        [(ngModel)]=\"data[control.field]\"\r\n                        (onSlideEnd)=\"handleFieldValueChange(control, $event, 'change', data, parentPath)\">\r\n                    </p-slider>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'table'\">\r\n                <div [class]=\"control.class\">\r\n                    <tn-custom-scrollbar class=\"--has-border\" [showScrollHorizontal]=\"true\">\r\n                        <p-table class=\"new-table scr-table table-control\" [value]=\"data[control.field]\"\r\n                            [columns]=\"control.headerTemplate\" [responsive]=\"true\" [scrollable]=\"false\"\r\n                            [rowTrackBy]=\"trackByFuncId\"\r\n                            (onRowReorder)=\"handleRowOrdered(control, $event, 'rowReorder', data, parentPath)\">\r\n                            <ng-template pTemplate=\"colgroup\">\r\n                                <colgroup>\r\n                                    <col *ngIf=\"control.showNumber\" style=\"width: 40px\" />\r\n                                    <ng-container *ngFor=\"let subControl of control.rowTemplate\">\r\n                                        <col [style.width]=\"subControl.width\" />\r\n                                    </ng-container>\r\n                                    <col *ngIf=\"control.enableReorderRow\" style=\"width: 30px\" />\r\n                                    <col *ngIf=\"control.showFunction\" [style.width]=\"control.widthFunctionColumn\" />\r\n                                </colgroup>\r\n                            </ng-template>\r\n                            <ng-template *ngIf=\"getComponentByType(_prefixCustomHeader + control.field)\"\r\n                                pTemplate=\"header\" let-columns>\r\n                                <ng-container\r\n                                    *ngTemplateOutlet=\"getComponentByType(_prefixCustomHeader + control.field), context: {$implicit: control.headerTemplate, crudForm: this, containerSticky: containerSticky}\">\r\n                                </ng-container>\r\n                            </ng-template>\r\n                            <ng-template *ngIf=\"!getComponentByType(_prefixCustomHeader + control.field)\"\r\n                                pTemplate=\"header\" let-rowData let-columns>\r\n                                <tr>\r\n                                    <th *ngIf=\"control.showNumber\" style=\"text-align: center\">\r\n                                        {{ 'TT' |translate}}\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </th>\r\n                                    <ng-container *ngFor=\"let subControl of control.rowTemplate\">\r\n                                        <th *ngIf=\"subControl && !subControl.hidden && subControl.visibleInList\"\r\n                                            [pTooltip]=\"subControl.fullLabel || subControl.label\" tooltipPosition=\"top\"\r\n                                            style=\"text-align: center;\">\r\n                                            {{subControl.label}}\r\n                                            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                        </th>\r\n                                    </ng-container>\r\n                                    <th *ngIf=\"control.enableReorderRow\">\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </th>\r\n                                    <th *ngIf=\"control.showFunction\" class=\"table-function column-function\">\r\n                                        <div class=\"cell-header-function\"><span>Ch\u1EE9c n\u0103ng</span></div>\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </th>\r\n                                </tr>\r\n                            </ng-template>\r\n                            <ng-template pTemplate=\"body\" let-rowData let-ri=\"rowIndex\">\r\n                                <tr [pReorderableRow]=\"ri\">\r\n                                    <td *ngIf=\"control.showNumber\" class=\"stt\"\r\n                                        style=\"text-align: center; vertical-align: inherit\">\r\n                                        <span>\r\n                                            {{ri + 1}}\r\n                                        </span>\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </td>\r\n                                    <ng-container *ngFor=\"let subControl of control.rowTemplate; let i = index\">\r\n                                        <td *ngIf=\"subControl && !subControl.hidden && subControl.visibleInList\"\r\n                                            [class.control-inside]=\"true\" [class]=\"subControl.class\"\r\n                                            [ngStyle]=\"{'text-align': getTextAlign(subControl.textAlign), 'vertical-align': 'inherit'}\">\r\n                                            <span class=\"p-column-title\">{{subControl.label}}</span>\r\n                                            <ng-template [ngIf]=\"getControlType(subControl) != 'column'\">\r\n                                                <ng-container\r\n                                                    *ngTemplateOutlet=\"customControl; context: getContextTd(subControl, rowData, ri, path)\">\r\n                                                </ng-container>\r\n                                            </ng-template>\r\n                                            <ng-template [ngIf]=\"getControlType(subControl) == 'column'\">\r\n                                                <span>{{_modelData[control.field][ri][subControl.field]}}</span>\r\n                                            </ng-template>\r\n                                            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                        </td>\r\n                                    </ng-container>\r\n                                    <td *ngIf=\"control.enableReorderRow\" class=\"no-padding center v-center\">\r\n                                        <i class=\"fas fa-arrows-alt\" style=\"cursor:pointer; padding: 8px; color: #555;\"\r\n                                            pReorderableRowHandle></i>\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </td>\r\n                                    <td *ngIf=\"control.showFunction\" style=\"text-align: center\"\r\n                                        class=\"column-function text-center\">\r\n                                        <div *ngIf=\"!control.rowButtonTemplate\"\r\n                                            class=\"p-toolbar-group-center button-group\">\r\n                                            <button *ngIf=\"control.showSave\" [disabled]=\"rowData._disableSave\"\r\n                                                type=\"button\" pButton class=\"p-button-text p-button-rounded\"\r\n                                                icon=\"pi pi-save\" [pTooltip]=\"'L\u01B0u' | translate\" tooltipPosition=\"top\"\r\n                                                (click)=\"saveRow(ri, control, path)\"></button>\r\n                                            <button *ngIf=\"control.showEdit\" [disabled]=\"rowData._disableEdit\"\r\n                                                type=\"button\" pButton class=\"p-button-text p-button-rounded\"\r\n                                                icon=\"pi pi-pencil\" [pTooltip]=\"'S\u1EEDa' | translate\" tooltipPosition=\"top\"\r\n                                                (click)=\"editRow(ri, control, path)\"></button>\r\n                                            <button *ngIf=\"control.showDelete\" [disabled]=\"rowData._disableDelete\"\r\n                                                type=\"button\" pButton\r\n                                                class=\"p-button-text p-button-danger p-button-rounded\"\r\n                                                icon=\"pi pi-trash\" [pTooltip]=\"'X\u00F3a' | translate\" tooltipPosition=\"top\"\r\n                                                (click)=\"deleteRow(ri, control, path)\"></button>\r\n                                            <button *ngIf=\"control.rowButtons\" type=\"button\" pButton\r\n                                                icon=\"pi pi-ellipsis-v\"\r\n                                                class=\"link-or-action p-button-text p-button-rounded\"\r\n                                                pTooltip=\"Ch\u1EE9c n\u0103ng kh\u00E1c\" tooltipPosition=\"top\"\r\n                                                (click)=\"showContextMenu($event, rowData, control)\"></button>\r\n                                        </div>\r\n                                        <div *ngIf=\"control.rowButtonTemplate\"\r\n                                            class=\"p-toolbar-group-center button-group\">\r\n                                            <ng-container\r\n                                                *ngTemplateOutlet=\"control.rowButtonTemplate; context: {rowData: _modelData[control.field][ri], rowIndex: ri, path: path, control: control}\">\r\n                                            </ng-container>\r\n                                        </div>\r\n                                        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                                    </td>\r\n                                </tr>\r\n                            </ng-template>\r\n                            <ng-template *ngIf=\"control.summaryTemplate\" pTemplate=\"summary\" let-rowData>\r\n                                <ng-container *ngTemplateOutlet=\"control.summaryTemplate; context: {rowData: rowData}\">\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </p-table>\r\n                    </tn-custom-scrollbar>\r\n                    <div *ngIf=\"control.showFooter\" class=\"--table-schema-footer\">\r\n                        <button *ngIf=\"control.showAdd\" type=\"button\" pButton style=\"width:auto\" label=\"Th\u00EAm m\u1EDBi\"\r\n                            icon=\"pi pi-plus\" class=\"p-button-text\" (click)=\"addNewRow(control, path)\"></button>\r\n                        <span *ngIf=\"control.showDialog\" style=\"font-weight: normal;\">\r\n                            <p-checkbox label=\"M\u1EDF dialog\" [binary]=\"true\" [(ngModel)]=\"control.showEdit\">\r\n                            </p-checkbox>\r\n                        </span>\r\n                        <button *ngIf=\"control.enableAddMulti\" type=\"button\" pButton\r\n                            style=\"width:auto; margin-left:10px;\" label=\"Th\u00EAm nhi\u1EC1u\" icon=\"pi pi-clone\"\r\n                            class=\"p-button-text\" (click)=\"addMultiRow(control, 5, path)\"></button>\r\n                        <button *ngFor=\"let bt of control.footerButtons\" type=\"button\" pButton [class]=\"bt.class\"\r\n                            [icon]=\"bt.icon\" [label]=\"bt.label | translate\" style=\"width:auto; margin-left:10px;\"\r\n                            (click)=\"messageRow( -1, control, path)\"></button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                <ng-container [ngTemplateOutlet]=\"getComponentByType(control.field)\" [ngTemplateOutletContext]=\"{\r\n                        crudForm: this, data: data, index: rowIndex, parentPath: parentPath, control: control, changeFunc: handleFieldValueChange\r\n                    }\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"validation; context: {control: control, data: data}\">\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #validation let-control=\"control\" let-data=\"data\">\r\n    <ng-container *ngIf=\"data._errors[control.field].length > 0\">\r\n        <div class=\"error-container\">\r\n            <ng-container *ngFor=\"let error of data._errors[control.field]\">\r\n                <div class=\"error-item\" *ngIf=\"error\">\r\n                    <ng-container [ngTemplateOutlet]=\"errorMessage\" [ngTemplateOutletContext]=\"{content: error}\">\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #errorMessage let-content=\"content\">\r\n    <div class=\"error-content\">\r\n        <i class=\"pi pi-ban\"></i>\r\n        <span> {{content}}</span>\r\n    </div>\r\n</ng-template>\r\n<ng-template #labelControl let-control=\"control\">\r\n    <ng-container>\r\n        <label [class]=\"getLabelClass(control)\" *ngIf=\"!control.ishtml\" [attr.label-index]=\"control.indexLabel\"\r\n            [pTooltip]=\"control.title\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\" [escape]=\"false\"\r\n            [for]=\"control.for\">{{control.text | translate}}</label>\r\n        <label [class]=\"getLabelClass(control)\" *ngIf=\"control.ishtml\" [innerHTML]=\"control.text | safeHtml\"\r\n            [attr.label-index]=\"control.indexLabel\"></label>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #containerSticky>\r\n    <span class=\"fix-sticky top\"></span>\r\n    <span class=\"fix-sticky right\"></span>\r\n    <span class=\"fix-sticky left\"></span>\r\n</ng-template>\r\n<ng-template #templateCongViecForm let-control=\"control\">\r\n    <base-congviec-form [control]=\"control\" [parentSetting]=\"congViecSetting\" [tenCongViec]=\"control.data.tenCongViec\">\r\n    </base-congviec-form>\r\n</ng-template>\r\n<tn-dialog *ngIf=\"tableFormShow\" #dialog [styleClass]=\"'address-form'\" [header]=\"tableFormTitle | translate\"\r\n    [popupSize]=\"tableFormPopupSize\" (onHide)=\"tableFormShow = false\">\r\n    <table-detail-form #formBase [parentSetting]=\"setting\" [schema]=\"tableFormSchema\" [data]=\"tableFormData\"\r\n        (onSaved)=\"handleSavedTableRow($event)\" (onCancel)=\"tableFormShow = false\">\r\n    </table-detail-form>\r\n</tn-dialog>",
                 providers: [ComponentContextService],
                 styles: [".label-only{font-weight:700;margin-bottom:1em}div.label{position:relative}div.label .star-required{color:red;padding-left:.2em;padding-top:.3em;position:absolute}div.type-container.not-show-in-box-holder{padding:0}.--table-schema-footer{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;color:#495057;display:flex;font-weight:600;padding:.5em}.show-in-box{border:1px solid #ced4da;border-radius:5px}.not-show-in-box{padding:0}.view-mode div.label{padding-bottom:3px}.view-mode div.label label{font-size:.85em;font-weight:700}.view-mode>span:not(:empty){display:inline-block;padding:5px 0;width:100%}.view-mode.type-table div.label+div{padding:5px 0}td>.view-mode{display:inline-block;padding:.25rem .5rem}td>.view-mode .view-mode{padding:0}.crud-form-control div[role=checkbox-alone]{margin-top:24px}.crud-form-control div[role=checkbox-alone].mg-top-0{margin-top:0}.crud-form-control .label+div[role=checkbox-alone]{margin-top:11px}.crud-form-control.type-table div[role=checkbox-alone]{margin-top:6px;text-align:center}.crud-form-control.type-table div[role=checkbox-alone].mg-top-0{margin-top:0}.crud-form-control.type-table div[role=checkbox-alone].align-left{text-align:left}.crud-form-control.type-title{border-bottom:1px solid #cfcfcf;color:#025ba7;font-size:1.2rem;font-weight:700;margin-bottom:5px;padding:5px;text-transform:uppercase}.crud-form-control.type-title>.label{margin-bottom:0}.control-description{color:#6c757d;font-size:.8rem;margin-bottom:5px;margin-left:10px}.cell-header-function{align-items:center;display:flex}.cell-header-function>span{flex:1 1;text-align:center}.cell-header-function button{height:24px;margin:0;padding:0;width:24px}::ng-deep .crud-form-control .tn-check-box-list{margin-top:5px}::ng-deep .crud-form-control>div.label{font-size:.9em;height:1.15em;margin-bottom:5px}::ng-deep .crud-form-control>div.label+*{width:100%}::ng-deep .crud-form-control>.error-container .error-item{-webkit-animation:shrink .1s;animation:shrink .1s;min-height:20px;overflow:visible;padding-top:5px}::ng-deep .crud-form-control>.error-container .error-item .error-content{-webkit-animation:fadeIn .1s;animation:fadeIn .1s;color:red;display:flex;font-size:.9em;position:relative}::ng-deep .crud-form-control>.error-container .error-item .error-content i{display:flex;font-size:.9em;padding-top:1px}::ng-deep .crud-form-control>.error-container .error-item .error-content span{display:flex;padding-left:5px}::ng-deep .crud-form-control.no-label>div.label{display:none}::ng-deep .crud-form-control.error .p-dropdown,::ng-deep .crud-form-control.error .p-inputtext,::ng-deep .crud-form-control.error .p-multiselect,::ng-deep .crud-form-control.error .tn-dropdown,::ng-deep .crud-form-control.error input,::ng-deep .crud-form-control.error select,::ng-deep .crud-form-control.error textarea{border-color:#ff5722!important}::ng-deep .crud-form-control.error .p-autocomplete-multiple-container:not(.p-disabled).p-focus,::ng-deep .crud-form-control.error .p-inputtext:enabled:focus,::ng-deep .crud-form-control.error .tn-dropdown:not(.p-disabled).p-focus{box-shadow:0 0 0 .2rem #ffc4b3}::ng-deep .crud-form-control.error div.crud-form-control:not(.error) .p-dropdown,::ng-deep .crud-form-control.error div.crud-form-control:not(.error) .p-inputtext,::ng-deep .crud-form-control.error div.crud-form-control:not(.error) .p-multiselect,::ng-deep .crud-form-control.error div.crud-form-control:not(.error) .tn-dropdown,::ng-deep .crud-form-control.error div.crud-form-control:not(.error) input,::ng-deep .crud-form-control.error div.crud-form-control:not(.error) select,::ng-deep .crud-form-control.error div.crud-form-control:not(.error) textarea{border-color:#ced4da!important}::ng-deep .crud-form-control.error div.crud-form-control:not(.error) .p-autocomplete-multiple-container:not(.p-disabled).p-focus,::ng-deep .crud-form-control.error div.crud-form-control:not(.error) .p-dropdown.tn-dropdown.p-focus,::ng-deep .crud-form-control.error div.crud-form-control:not(.error) .p-inputtext:enabled:focus{box-shadow:0 0 0 .2rem #a6d5fa}@-webkit-keyframes fadeIn{0%{opacity:0;top:-25px}to{opacity:1;top:0}}@keyframes fadeIn{0%{opacity:0;top:-25px}to{opacity:1;top:0}}@-webkit-keyframes shrink{0%{height:0}to{height:20px}}@keyframes shrink{0%{height:0}to{height:20px}}@media screen and (min-width:40.063em){.label-right{padding-left:2em}}::ng-deep crud-form .crud-form-container{padding:.5rem .5rem 0}::ng-deep crud-form .p-datatable .p-datatable-tbody tr td.control-inside,::ng-deep crud-form .p-datatable .p-datatable-tbody tr td.control-inside .show-in-box:not(.crud-form-control),::ng-deep crud-form base-congviec-form crud-form>.crud-form-container{padding:0}:host ::ng-deep .tox-tinymce{border:none;border-top:1px solid #ccc;overflow:unset}:host ::ng-deep .tox-tinymce .tox-editor-container{overflow:unset}:host ::ng-deep .tox-tinymce .tox-toolbar{border:1px solid #ccc;border-bottom:none}:host ::ng-deep .tox-tinymce .tox-edit-area{border:1px solid #ccc}:host ::ng-deep .tox-tinymce .tox-edit-area iframe{box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}:host ::ng-deep .tox-tinymce .tox-menubar{border:1px solid #ccc}:host ::ng-deep .tox .tox-edit-area.tinymce-focus{border:1px solid #66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 3px 0 #66afe9;transition:box-shadow .3s,border-color .3s;transition-delay:0s,0s;transition-duration:.3s,.3s;transition-property:box-shadow,border-color;transition-timing-function:ease,ease}:host ::ng-deep .rq .tox .tox-edit-area{border-left-color:#ff4c46}.no-value{font-size:.8em}:host ::ng-deep .table-schema-paging{display:block;margin-bottom:40px}"]
             },] }
@@ -14715,7 +14738,12 @@ class ControlTreeNode {
         }
         else {
             if (!this.schemaPath) {
-                keysPlus = Object.keys(schemas);
+                Object.keys(schemas).forEach(key => {
+                    const item = schemas[key];
+                    if (item.uniqueField == item.field) {
+                        keysPlus.push(key);
+                    }
+                });
             }
         }
         this.keysPlus = keysPlus;
@@ -14736,6 +14764,22 @@ class ControlTreeNode {
                     this.childNodeDic[childNode.field] = childNode;
                 }
             }
+            // Sau khi đã init xong node cho row thì fire event cho các control trong row
+            // Thường dùng với mục đích cần disabled, hidden các control của row khi có nhu cầu
+            try {
+                this.childNodes.forEach(_ => {
+                    if (_.control && _.control.onRowNodeFinishInit) {
+                        const eventData = new EventData({
+                            sourceNode: _,
+                            currentNode: _,
+                            eventType: 'rowFinishInit'
+                        });
+                        _.control.onRowNodeFinishInit(eventData);
+                    }
+                });
+            }
+            catch (err) {
+            }
         }
         else if (isArray(model)) {
             let i = 0;
@@ -14795,6 +14839,12 @@ class ControlTreeNode {
         else
             this.data = val;
     }
+    get component() {
+        return this._component;
+    }
+    set component(val) {
+        this._component = val;
+    }
     setHidden(field, hidden = true) {
         if (Array.isArray(field)) {
             field.forEach(f => {
@@ -14806,13 +14856,29 @@ class ControlTreeNode {
         }
     }
     setHiddenField(field, hidden) {
+        this.setPrivateStatus(field, 'hidden', hidden);
+    }
+    setDisabled(field, disabled = true) {
+        if (Array.isArray(field)) {
+            field.forEach(f => {
+                this.setDisabledField(f, disabled);
+            });
+        }
+        else {
+            this.setDisabledField(field, disabled);
+        }
+    }
+    setDisabledField(field, disabled) {
+        this.setPrivateStatus(field, 'disabled', disabled);
+    }
+    setPrivateStatus(field, prop, value) {
         if (field.indexOf('.') > -1) {
             const childNode = this.getNodeByPath(`${this.modelPath}.${field}`);
             const lastField = field.split('.').pop();
-            childNode.parentNode.data._status[lastField].hidden = hidden;
+            childNode.parentNode.data._status[lastField][prop] = value;
         }
         else {
-            this.data._status[field].hidden = hidden;
+            this.data._status[field][prop] = value;
         }
     }
     getNodeByPath(modelPath) {
@@ -17508,10 +17574,10 @@ class CrudListComponent extends ComponentBase {
         }
     }
     extendColumns(cols, appendCol = true) {
+        this.setting.advanceData.fieldNeedGetRef = [];
         if (!cols) {
             return;
         }
-        this.setting.advanceData.fieldNeedGetRef = [];
         const temp = [];
         const tmpCols = [...cols];
         if (this.setting.columnSetting.details) {
@@ -21656,14 +21722,17 @@ class ListBase extends ComponentBase {
             dataSource,
             allowFilter: this.setting.allowFilterWorkflowColumn
         });
-        this.setting.advanceData.fieldNeedGetRef.unshift(colParent);
+        // Nếu chưa có this.setting.advanceData.fieldNeedGetRef thì bên crud-list sẽ add cột này sau
+        if (this.setting.advanceData.fieldNeedGetRef) {
+            this.setting.advanceData.fieldNeedGetRef.unshift(colParent);
+        }
         const children = Object.assign(Object.assign({}, colParent), { rawColumn: colParent, controlType: ControlType.dropdown, dataType: colParent.dataTypeRefField, field: 'str' + colParent.field, allowFilter: colParent.allowFilter, sort: false, visible: !this.setting.hiddenWorkflowColumn });
         colParent.visible = false;
         this.setting.cols.push(colParent, children);
-        this.crudList.formatColumns([colParent, children]);
-        // this.setting.cols.push(colParent);
-        // this.crudList.formatColumns([colParent]);
-        this.crudList.buildFilterColumn([colParent]);
+        if (this.crudList) {
+            this.crudList.formatColumns([colParent, children]);
+            this.crudList.buildFilterColumn([colParent]);
+        }
         const userCurrent = this._userService.getCurrentUser();
         if (userCurrent.userName == 'admin') {
             const colForAdmin = new ColumnSchemaBase({
@@ -21676,8 +21745,10 @@ class ListBase extends ComponentBase {
                 sort: false
             });
             this.setting.cols.push(colForAdmin);
-            this.crudList.formatColumns([colForAdmin]);
-            this.crudList.buildFilterColumn([colForAdmin]);
+            if (this.crudList) {
+                this.crudList.formatColumns([colForAdmin]);
+                this.crudList.buildFilterColumn([colForAdmin]);
+            }
         }
     }
     getDataSourceTrangThaiWorkflow() {
@@ -22547,6 +22618,7 @@ class AddressComponent extends DataFormBase {
         this._showSubLabel = true;
         this.readyToReload = false;
         this._readyStatus = {};
+        this.onInit = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.dataChange = new EventEmitter();
         this.onReady = new EventEmitter();
@@ -22649,6 +22721,7 @@ class AddressComponent extends DataFormBase {
         if (this.viewMode) {
             this.getModelText();
         }
+        this.onInit.emit(this);
     }
     setDisabledControl() {
         const disabled = this._disabled ? true : null;
@@ -22752,6 +22825,7 @@ AddressComponent.propDecorators = {
     viewMode: [{ type: Input }],
     data: [{ type: Input }],
     showSubLabel: [{ type: Input }],
+    onInit: [{ type: Output }],
     onSelect: [{ type: Output }],
     dataChange: [{ type: Output }],
     onReady: [{ type: Output }]
@@ -22811,6 +22885,7 @@ class AutocompleteDatasourceComponent {
         this._deviceDetectorService = _deviceDetectorService;
         this.dataSource = [];
         this.control = new AutoCompleteControlSchema();
+        this.onInit = new EventEmitter();
         this.onValueChanged = new EventEmitter();
         this.lstDataSuggest = [];
         this.hideTransitionOptions = '195ms ease-in';
@@ -22824,6 +22899,7 @@ class AutocompleteDatasourceComponent {
         if (!this._deviceDetectorService.isDesktop()) {
             this.hideTransitionOptions = this.showTransitionOptions = '';
         }
+        this.onInit.emit(this);
     }
     handleBlur(event) {
         if (this.selectedValueBefore != this.selectedValue) {
@@ -22912,6 +22988,7 @@ AutocompleteDatasourceComponent.ctorParameters = () => [
 AutocompleteDatasourceComponent.propDecorators = {
     suggestions: [{ type: Input }],
     control: [{ type: Input }],
+    onInit: [{ type: Output }],
     onValueChanged: [{ type: Output }]
 };
 
@@ -22951,6 +23028,7 @@ class AutoCompletePickerComponent extends ComponentBase {
             height: 900,
             maximize: true
         });
+        this.onInit = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onUnSelect = new EventEmitter();
         this.onChanged = new EventEmitter();
@@ -22984,6 +23062,7 @@ class AutoCompletePickerComponent extends ComponentBase {
         this.buildFilterKeyword();
         this.buildSettingEntityPicker();
         this.updateFuncCheckReadOnlyItem();
+        this.onInit.emit(this);
     }
     updateFuncCheckReadOnlyItem() {
         if (this.readOnlyValues && this.readOnlyValues.length) {
@@ -23410,14 +23489,17 @@ class AutoCompletePickerComponent extends ComponentBase {
         this.getDataSelectedValue(obj)
             .then(res => {
             this.updateSelectedValue();
-            if (this.hasValue && !this.isFiredReady) {
-                this.isFiredReady = true;
-                // Hàm ready này chỉ CẦN DÙNG trong trường hợp autocomplete-picker có value => Dùng để lấy dữ liệu các component con
-                // Nếu có trường hợp nào khác thì cần phải xử lý khác
-                this.onReady.emit();
-            }
+            this.checkFireReady();
         });
     }
+    checkFireReady() {
+        if (!this.isFiredReady && this.hasValue) {
+            this.isFiredReady = true;
+            // Hàm ready này chỉ CẦN DÙNG trong trường hợp autocomplete-picker có value => Dùng để lấy dữ liệu các component con
+            // Nếu có trường hợp nào khác thì cần phải xử lý khác
+            this.onReady.emit();
+        }
+    }
     registerOnChange(fn) {
         this.onChangeBase = fn;
     }
@@ -23451,6 +23533,7 @@ AutoCompletePickerComponent.propDecorators = {
     disabled: [{ type: Input }],
     popupSize: [{ type: Input }],
     readOnlyValues: [{ type: Input }],
+    onInit: [{ type: Output }],
     onSelect: [{ type: Output }],
     onUnSelect: [{ type: Output }],
     onChanged: [{ type: Output }],
@@ -25391,6 +25474,7 @@ class FileUploadComponent extends ComponentBase {
         this.invalidFileLimitMessageSummary = 'Quá số lượng file cho phép, ';
         this.invalidFileLimitMessageDetail = 'tối đa {0} file.';
         this.sharedFolderType = SharedFolderType.Tempt;
+        this.onInit = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onRemove = new EventEmitter();
         this.onChanged = new EventEmitter();
@@ -25416,6 +25500,7 @@ class FileUploadComponent extends ComponentBase {
         this.isDisabled = isDisabled;
     }
     ngOnInit() {
+        this.onInit.emit(this);
     }
     getFile() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -25557,6 +25642,7 @@ FileUploadComponent.propDecorators = {
     invalidFileLimitMessageSummary: [{ type: Input }],
     invalidFileLimitMessageDetail: [{ type: Input }],
     sharedFolderType: [{ type: Input }],
+    onInit: [{ type: Output }],
     onSelect: [{ type: Output }],
     onRemove: [{ type: Output }],
     onChanged: [{ type: Output }]
@@ -25802,6 +25888,7 @@ class CheckBoxListComponent {
         this._dropDownService = _dropDownService;
         this._deviceDetectorService = _deviceDetectorService;
         this._styleClass = 'p-grid tn-check-box-list';
+        this.onInit = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onReady = new EventEmitter();
         this.dataSourceInternal = [];
@@ -25852,6 +25939,7 @@ class CheckBoxListComponent {
         if (this.control.pColClass) {
             this.classCheckBox += ` p-col-${this.control.pColClass}`;
         }
+        this.onInit.emit(this);
     }
     bindDataSource(serviceUri, baseService) {
         var _a, _b;
@@ -25978,6 +26066,7 @@ CheckBoxListComponent.propDecorators = {
     control: [{ type: Input }],
     dataSource: [{ type: Input }],
     disabled: [{ type: Input }],
+    onInit: [{ type: Output }],
     onSelect: [{ type: Output }],
     onReady: [{ type: Output }]
 };
@@ -26062,6 +26151,7 @@ class CoCauToChucPickerListComponent extends ComponentBase {
         this._coCauToChucService = _coCauToChucService;
         this._translateService = _translateService;
         this.disabled = false;
+        this.onInit = new EventEmitter();
         this.onChanged = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onUnSelect = new EventEmitter();
@@ -26092,6 +26182,7 @@ class CoCauToChucPickerListComponent extends ComponentBase {
                     sort: false
                 })
             ], mdWidth: 12 }));
+        this.onInit.emit(this);
     }
     handleFocus(evt) {
         this.onFocus.emit(evt);
@@ -26147,6 +26238,7 @@ CoCauToChucPickerListComponent.propDecorators = {
     control: [{ type: Input }],
     disabled: [{ type: Input }],
     readOnlyValues: [{ type: Input }],
+    onInit: [{ type: Output }],
     onChanged: [{ type: Output }],
     onSelect: [{ type: Output }],
     onUnSelect: [{ type: Output }],
@@ -26170,6 +26262,7 @@ class CoCauToChucPickerComponent {
         this.showClear = false;
         this.disabledParentItem = true;
         this.rootParentId = null;
+        this.onInit = new EventEmitter();
         this.onChanged = new EventEmitter();
         this.guidEmpty = '00000000-0000-0000-0000-000000000000';
         this.flashCacheParent = [];
@@ -26207,6 +26300,7 @@ class CoCauToChucPickerComponent {
         if (this.control)
             this.control._component = this;
         this.bindingUser();
+        this.onInit.emit(this);
     }
     bindingUser() {
         this._organizationService.getAll().then(staffResult => {
@@ -26353,6 +26447,7 @@ CoCauToChucPickerComponent.propDecorators = {
     showClear: [{ type: Input }],
     disabledParentItem: [{ type: Input }],
     rootParentId: [{ type: Input }],
+    onInit: [{ type: Output }],
     onChanged: [{ type: Output, args: ['onChanged',] }]
 };
 
@@ -27413,10 +27508,29 @@ class MenuService {
             const menuUrl = `assets/menus/${appCode.toLocaleLowerCase()}.json`;
             fetch(menuUrl).then((rs) => __awaiter(this, void 0, void 0, function* () {
                 const menu = JSON.parse(yield rs.text());
+                this.setDefaultIcon(menu, 0);
                 yield this.setMenuItems(menu);
             }));
         });
     }
+    setDefaultIcon(menus, level) {
+        if (!menus)
+            return;
+        menus.forEach(itemMenu => {
+            if (!itemMenu.icon) {
+                if (level === 0) {
+                    itemMenu.icon = 'pi pi-th-large';
+                }
+                else if (level === 1) {
+                    itemMenu.icon = 'pi pi-star-o';
+                }
+                else {
+                    itemMenu.icon = 'pi pi-circle-on';
+                }
+            }
+            this.setDefaultIcon(itemMenu.items, level + 1);
+        });
+    }
 }
 MenuService.ɵprov = ɵɵdefineInjectable({ factory: function MenuService_Factory() { return new MenuService(ɵɵinject(ModuleConfigService), ɵɵinject(PermissionService), ɵɵinject(CommonService), ɵɵinject(ApplicationContextService)); }, token: MenuService, providedIn: "root" });
 MenuService.decorators = [
@@ -30047,11 +30161,13 @@ class CongViecPickerComponent extends ComponentBase {
     constructor(_injector, _notifierService) {
         super(_injector);
         this._notifierService = _notifierService;
+        this.onInit = new EventEmitter();
         this.onChanged = new EventEmitter();
         this.idCongViecs = [];
         this.formState = FormState;
     }
     ngOnInit() {
+        this.onInit.emit(this);
     }
     handleIdsChange(ids) {
         this.idCongViecs = ids;
@@ -30100,6 +30216,7 @@ CongViecPickerComponent.ctorParameters = () => [
 ];
 CongViecPickerComponent.propDecorators = {
     control: [{ type: Input }],
+    onInit: [{ type: Output }],
     onChanged: [{ type: Output }]
 };
 
@@ -30667,14 +30784,16 @@ TableDetailFormComponent.propDecorators = {
 class DatetimePickerRangeComponent {
     constructor() {
         this.control = new DateTimeRangeControlSchema();
+        this.onInit = new EventEmitter();
         this.onClose = new EventEmitter();
         this.onChanged = new EventEmitter();
         this._controlModelData = [undefined, undefined];
     }
     ngOnInit() {
+        this.onInit.emit(this);
     }
     clear() {
-        let re = (this._controlModelData[0] != null) || (this._controlModelData[1] != null);
+        const re = (this._controlModelData[0] != null) || (this._controlModelData[1] != null);
         this._controlModelData = [undefined, undefined];
         return re;
     }
@@ -30723,6 +30842,7 @@ DatetimePickerRangeComponent.ctorParameters = () => [];
 DatetimePickerRangeComponent.propDecorators = {
     control: [{ type: Input }],
     disabled: [{ type: Input }],
+    onInit: [{ type: Output }],
     onClose: [{ type: Output }],
     onChanged: [{ type: Output }]
 };
@@ -30735,6 +30855,7 @@ class DatetimePickerComponent {
         this.hideTransitionOptions = '195ms ease-in';
         this.showTransitionOptions = '225ms ease-out';
         this.control = new DateTimeControlSchema();
+        this.onInit = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onChanged = new EventEmitter();
         this.onFocus = new EventEmitter();
@@ -30742,6 +30863,7 @@ class DatetimePickerComponent {
         this.onClose = new EventEmitter();
     }
     ngOnInit() {
+        this.onInit.emit(this);
     }
     writeValue(obj) {
         if (obj) {
@@ -30913,6 +31035,7 @@ DatetimePickerComponent.propDecorators = {
     calendar: [{ type: ViewChild, args: ['calendar', { static: true },] }],
     control: [{ type: Input }],
     disabled: [{ type: Input }],
+    onInit: [{ type: Output }],
     onSelect: [{ type: Output }],
     onChanged: [{ type: Output }],
     onFocus: [{ type: Output }],
@@ -30930,6 +31053,7 @@ class DropdownComponent extends ComponentBase {
         this.appendTo = 'body';
         this.defaultSelectedStyleClass = 'custom-select-item';
         this._itemSelectedStyleClass = this.defaultSelectedStyleClass;
+        this.onInit = new EventEmitter();
         this.onChanged = new EventEmitter();
         this.onCollapse = new EventEmitter();
         this.onExpand = new EventEmitter();
@@ -31060,6 +31184,7 @@ class DropdownComponent extends ComponentBase {
         if (this.control.onInit) {
             this.control.onInit(this);
         }
+        this.onInit.emit(this);
     }
     setDefaultSetting() {
         if (this.control.isTree) {
@@ -31760,6 +31885,7 @@ DropdownComponent.propDecorators = {
     dataSource: [{ type: Input }],
     value: [{ type: Input }],
     itemSelectedStyleClass: [{ type: Input }],
+    onInit: [{ type: Output }],
     onChanged: [{ type: Output }],
     onCollapse: [{ type: Output }],
     onExpand: [{ type: Output }],
@@ -33077,6 +33203,7 @@ class EntityPickerComponent extends DataListBase {
         this._translateService = _translateService;
         this.disabled = false;
         this.readOnly = false;
+        this.onInit = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onUnSelect = new EventEmitter();
         this.onChanged = new EventEmitter();
@@ -33132,6 +33259,7 @@ class EntityPickerComponent extends DataListBase {
         });
         this.advanceData.fields = this.getFields();
         super.ngOnInit();
+        this.onInit.emit(this);
     }
     selectEntity() {
         this.showDetailForm = true;
@@ -33301,6 +33429,7 @@ EntityPickerComponent.propDecorators = {
     disabled: [{ type: Input }],
     readOnly: [{ type: Input }],
     children: [{ type: Input }],
+    onInit: [{ type: Output }],
     onSelect: [{ type: Output, args: ['onSelect',] }],
     onUnSelect: [{ type: Output, args: ['onUnSelect',] }],
     onChanged: [{ type: Output, args: ['onChanged',] }]
@@ -34361,6 +34490,7 @@ class ServiceFileUploadComponent extends ComponentBase {
         this.serviceCode = '';
         this.entity = '';
         this.chooseLabel = 'Chọn';
+        this.onInit = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onRemove = new EventEmitter();
         this.onChanged = new EventEmitter();
@@ -34399,6 +34529,7 @@ class ServiceFileUploadComponent extends ComponentBase {
     ngOnInit() {
         this.setUp();
         this.subscribe();
+        this.onInit.emit(this);
     }
     setUp() {
         this.accept = this.control.accept;
@@ -34760,6 +34891,7 @@ ServiceFileUploadComponent.propDecorators = {
     entity: [{ type: Input }],
     entityKey: [{ type: Input }],
     chooseLabel: [{ type: Input }],
+    onInit: [{ type: Output }],
     onSelect: [{ type: Output }],
     onRemove: [{ type: Output }],
     onChanged: [{ type: Output }]
@@ -34912,6 +35044,7 @@ class FileManagerComponent extends DataListBase {
         this.inTaiLieuChung = false;
         this.copyToFolderId = this._commonService.guidEmpty();
         this.multipleCheckWhenClickRow = true;
+        this.onInit = new EventEmitter();
         this.onReady = new EventEmitter();
         this.entityKeyChange = new EventEmitter();
         this.closePopup = new EventEmitter();
@@ -35002,6 +35135,7 @@ class FileManagerComponent extends DataListBase {
         }
         this.reloadData();
         this.checkAndLoadRootFolderContent();
+        this.onInit.emit(this);
     }
     checkAndLoadRootFolderContent() {
         if (!this.inited || this.fileDataService)
@@ -36121,6 +36255,7 @@ FileManagerComponent.propDecorators = {
     copyToFolderId: [{ type: Input }],
     value: [{ type: Input }],
     multipleCheckWhenClickRow: [{ type: Input }],
+    onInit: [{ type: Output }],
     onReady: [{ type: Output }],
     entityKeyChange: [{ type: Output }],
     closePopup: [{ type: Output }],
@@ -37098,6 +37233,7 @@ class MaskComponent {
         this.viewMode = false;
         this.inputStyleClass = '';
         this.autoFormat = true;
+        this.onInit = new EventEmitter();
         this.onFocus = new EventEmitter();
         this.onBlur = new EventEmitter();
         this.onChanged = new EventEmitter();
@@ -37112,6 +37248,7 @@ class MaskComponent {
         if (!this.autoFormat) {
             this.thousandSeperator = '';
         }
+        this.onInit.emit(this);
     }
     writeValue(obj) {
         if (obj) {
@@ -37210,6 +37347,7 @@ MaskComponent.propDecorators = {
     viewMode: [{ type: Input }],
     inputStyleClass: [{ type: Input }],
     autoFormat: [{ type: Input }],
+    onInit: [{ type: Output }],
     onFocus: [{ type: Output }],
     onBlur: [{ type: Output }],
     onChanged: [{ type: Output }]
@@ -37272,6 +37410,7 @@ class NumberPickerRangeComponent {
         this.suffix = '';
         this.prefix = '';
         this.decimalPlaces = 2;
+        this.onInit = new EventEmitter();
         this.focus = new EventEmitter();
         this.enterSmart = new EventEmitter();
         this.enter = new EventEmitter();
@@ -37279,9 +37418,10 @@ class NumberPickerRangeComponent {
         this.change = new EventEmitter();
     }
     ngOnInit() {
+        this.onInit.emit(this);
     }
     clear() {
-        let re = (this.model[0] != null && this.model[0] !== '') || (this.model[1] != null && this.model[1] !== '');
+        const re = (this.model[0] != null && this.model[0] !== '') || (this.model[1] != null && this.model[1] !== '');
         this.model = [null, null];
         this.onChange(this.model);
         return re;
@@ -37390,6 +37530,7 @@ NumberPickerRangeComponent.propDecorators = {
     min: [{ type: Input }],
     max: [{ type: Input }],
     decimalPlaces: [{ type: Input }],
+    onInit: [{ type: Output }],
     focus: [{ type: Output }],
     enterSmart: [{ type: Output }],
     enter: [{ type: Output }],
@@ -37804,6 +37945,7 @@ class RadioButtonListComponent {
     constructor(_crudService, _deviceDetectorService) {
         this._crudService = _crudService;
         this._deviceDetectorService = _deviceDetectorService;
+        this.onInit = new EventEmitter();
         this.valueChange = new EventEmitter();
         this.onChanged = new EventEmitter();
         this.onDataSourceLoaded = new EventEmitter();
@@ -37837,6 +37979,7 @@ class RadioButtonListComponent {
         if (!this._deviceDetectorService.isDesktop()) {
             this.hideTransitionOptions = this.showTransitionOptions = '';
         }
+        this.onInit.emit(this);
     }
     setDefaultSetting() {
         if (this.control.returnType == 'value') {
@@ -38034,6 +38177,7 @@ RadioButtonListComponent.propDecorators = {
     dataSource: [{ type: Input }],
     value: [{ type: Input }],
     disabled: [{ type: Input }],
+    onInit: [{ type: Output }],
     valueChange: [{ type: Output }],
     onChanged: [{ type: Output }],
     onDataSourceLoaded: [{ type: Output }],
@@ -38797,6 +38941,9 @@ class SplashComponentV1Component extends ComponentBase {
                         }
                     }
                 });
+                if (this.appSwitcherItems.length === 1) {
+                    this.switchApp(this.appSwitcherItems[0]);
+                }
             }
         });
     }
@@ -38979,6 +39126,9 @@ class SplashComponentV2Component extends ComponentBase {
                         }
                     }
                 });
+                if (this.appSwitcherItems.length === 1) {
+                    this.switchApp(this.appSwitcherItems[0]);
+                }
             }
         });
     }
@@ -39168,6 +39318,9 @@ class SplashComponentComponent extends ComponentBase {
                         }
                     }
                 });
+                if (this.appSwitcherItems.length === 1) {
+                    this.switchApp(this.appSwitcherItems[0]);
+                }
             }
         });
     }
@@ -39340,32 +39493,32 @@ const DataSourceTargetType = [
     { id: ɵ4, ten: 'Đơn vị' },
     { id: ɵ5, ten: 'Nhóm người dùng' },
 ];
-const ɵ6 = EnumUserRule.CAP_TREN, ɵ7 = EnumUserRule.NGUOI_THAM_GIA_QUY_TRINH, ɵ8 = EnumUserRule.NGUOI_NHAN, ɵ9 = EnumUserRule.NGUOI_THEO_DOI, ɵ10 = EnumUserRule.NGUOI_THAO_TAC;
+const ɵ6 = EnumUserRule.CAP_TREN, ɵ7 = EnumUserRule.NGUOI_CUOI_CUNG, ɵ8 = EnumUserRule.NGUOI_THAM_GIA_QUY_TRINH, ɵ9 = EnumUserRule.NGUOI_NHAN, ɵ10 = EnumUserRule.NGUOI_THEO_DOI, ɵ11 = EnumUserRule.NGUOI_THAO_TAC;
 const DataSourceUserRule = [
     // { id: EnumUserRule.NGUOI_TAO, ten: 'Người tạo' },
     { id: ɵ6, ten: 'Cấp trên' },
     // { id: EnumUserRule.CAP_TREN, ten: 'Cấp dưới' },
     // { id: EnumUserRule.CAP_TREN_DA_GUI, ten: 'Cấp trên đã trình' },
-    // { id: EnumUserRule.NGUOI_CUOI_CUNG, ten: 'Người cuối cùng' },
-    { id: ɵ7, ten: 'Người tham gia quy trình' },
+    { id: ɵ7, ten: 'Người cuối cùng' },
+    { id: ɵ8, ten: 'Người tham gia quy trình' },
     // { id: EnumUserRule.NGUOI_DA_NHAN, ten: 'Người đã nhận', tooltip: 'Người đã từng nhận' },
-    { id: ɵ8, ten: 'Người nhận' },
-    { id: ɵ9, ten: 'Người theo dõi' },
-    { id: ɵ10, ten: 'Người thực hiện thao tác' }
+    { id: ɵ9, ten: 'Người nhận' },
+    { id: ɵ10, ten: 'Người theo dõi' },
+    { id: ɵ11, ten: 'Người thực hiện thao tác' }
 ];
-const ɵ11 = EnumUserRule.CAP_TREN, ɵ12 = EnumUserRule.NGUOI_THAM_GIA_QUY_TRINH;
+const ɵ12 = EnumUserRule.CAP_TREN, ɵ13 = EnumUserRule.NGUOI_THAM_GIA_QUY_TRINH;
 const DataSourceUserSender = [
     // { id: EnumUserRule.NGUOI_TAO, ten: 'Người tạo' },
-    { id: ɵ11, ten: 'Cấp trên' },
+    { id: ɵ12, ten: 'Cấp trên' },
     // { id: EnumUserRule.CAP_TREN_DA_GUI, ten: 'Cấp trên đã trình' },
     // { id: EnumUserRule.NGUOI_CUOI_CUNG, ten: 'Người cuối cùng' },
-    { id: ɵ12, ten: 'Người tham gia quy trình' }
+    { id: ɵ13, ten: 'Người tham gia quy trình' }
 ];
-const ɵ13 = EnumWorkflowCheckboxOption.TAO_CONG_VIEC, ɵ14 = EnumWorkflowCheckboxOption.AUTO_START_TASK;
+const ɵ14 = EnumWorkflowCheckboxOption.TAO_CONG_VIEC, ɵ15 = EnumWorkflowCheckboxOption.AUTO_START_TASK;
 const DataSourceWorkflowCheckboxOption = [
-    { id: ɵ13, ten: 'Tạo công việc' },
+    { id: ɵ14, ten: 'Tạo công việc' },
     // { id: EnumWorkflowCheckboxOption.AUTO_NEXT_STEP, ten: 'Tự động chuyển bước đầu tiên' },
-    { id: ɵ14, ten: 'Bắt đầu nhanh công việc' }
+    { id: ɵ15, ten: 'Bắt đầu nhanh công việc' }
 ];
 
 function createJsPlumnInstance(containerId, options = null) {
@@ -42437,6 +42590,7 @@ class TnColorPickerComponent extends ComponentBase {
         super(injector);
         this.disabled = false;
         this.appendTo = 'body';
+        this.onInit = new EventEmitter();
         this.change = new EventEmitter();
     }
     writeValue(obj) {
@@ -42458,7 +42612,7 @@ class TnColorPickerComponent extends ComponentBase {
         this.disabled = isDisabled;
     }
     ngOnInit() {
-        // this.model.value = '#ffffff';
+        this.onInit.emit(this);
     }
     changePicker(evt) {
         this.model.inputValue = this.model.value;
@@ -42492,6 +42646,7 @@ TnColorPickerComponent.ctorParameters = () => [
 TnColorPickerComponent.propDecorators = {
     disabled: [{ type: Input }],
     appendTo: [{ type: Input }],
+    onInit: [{ type: Output }],
     change: [{ type: Output }]
 };
 
@@ -42643,7 +42798,7 @@ class TnDialogComponent {
 TnDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'tn-dialog',
-                template: "<p-dialog #dialog [closeOnEscape]=\"closeOnEscape\" [appendTo]=\"'body'\" [focusOnShow]=\"false\" [focusTrap]=\"false\"\r\n    [header]=\"header | translate\" [(visible)]=\"visible\" [modal]=\"modal\" [responsive]=\"true\" [maximizable]=\"maximizable\"\r\n    [autoZIndex]=\"true\" [styleClass]=\"styleClass\" [maskStyleClass]=\"maskClass\"\r\n    [style]=\"{'width': popupSize.width + 'px', 'min-width': popupSize.width + 'px', 'height': popupSize.height + 'px', 'min-height': popupSize.height + 'px'}\"\r\n    (onShow)=\"handleShowDialog($event)\" (onHide)=\"handleHideDialog($event)\">\r\n    <tn-custom-scrollbar #scrollbar [useDefaultScrollBar]=\"useDefaultScrollBar\" [class]=\"scrollBarStyleClass\"\r\n        [config]=\"scrollConfig\" [style]=\"scrollStyle\" class=\"tn-dialog-scrollbar\">\r\n        <ng-content></ng-content>\r\n    </tn-custom-scrollbar>\r\n    <p-footer *ngIf=\"showFooter\">\r\n        <p-footer *ngIf=\"formBase && formBase.buttonTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"formBase.buttonTemplate\">\r\n            </ng-container>\r\n        </p-footer>\r\n        <p-footer *ngIf=\"footer\">\r\n            <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n        </p-footer>\r\n        <p-footer *ngIf=\"!footer\">\r\n            <button pButton preventTab type=\"button\" icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n                [label]=\"'FORM.CANCEL' | translate\" (click)=\"handleHideDialog($event)\"></button>\r\n        </p-footer>\r\n    </p-footer>\r\n</p-dialog>",
+                template: "<p-dialog #dialog [closeOnEscape]=\"closeOnEscape\" [appendTo]=\"'body'\" [focusOnShow]=\"false\" [focusTrap]=\"false\"\r\n    [header]=\"header | translate\" [(visible)]=\"visible\" [modal]=\"modal\" [responsive]=\"true\" [maximizable]=\"maximizable\"\r\n    [autoZIndex]=\"true\" [styleClass]=\"styleClass\" [maskStyleClass]=\"maskClass\"\r\n    [style]=\"{'width': popupSize.width + 'px', 'min-width': popupSize.width + 'px', 'height': popupSize.height + 'px', 'min-height': popupSize.height + 'px'}\"\r\n    (onShow)=\"handleShowDialog($event)\" (onHide)=\"handleHideDialog($event)\">\r\n    <tn-custom-scrollbar #scrollbar [useDefaultScrollBar]=\"useDefaultScrollBar\" [class]=\"scrollBarStyleClass\"\r\n        [config]=\"scrollConfig\" [style]=\"scrollStyle\" class=\"tn-dialog-scrollbar\">\r\n        <ng-content></ng-content>\r\n    </tn-custom-scrollbar>\r\n    <p-footer *ngIf=\"showFooter\">\r\n        <p-footer *ngIf=\"formBase && formBase.buttonTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"formBase.buttonTemplate\">\r\n            </ng-container>\r\n        </p-footer>\r\n        <ng-container *ngIf=\"!formBase || !formBase.buttonTemplate\">\r\n            <p-footer *ngIf=\"footer\">\r\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n            </p-footer>\r\n            <p-footer *ngIf=\"!footer\">\r\n                <button pButton preventTab type=\"button\" icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n                    [label]=\"'FORM.CANCEL' | translate\" (click)=\"handleHideDialog($event)\"></button>\r\n            </p-footer>\r\n        </ng-container>\r\n    </p-footer>\r\n</p-dialog>",
                 styles: [""]
             },] }
 ];
@@ -42683,21 +42838,34 @@ class TnTabViewComponent {
     constructor(_commonService) {
         this._commonService = _commonService;
         this.data = [];
+        this._hiddenTab = [];
+        this.hiddenInfo = {};
         this.allowViewAll = false;
         this.isDynamicHeight = false;
-        this.useScrollbar = false;
         this.onTabChange = new EventEmitter();
         this.activeIndexChange = new EventEmitter();
         this.template = {};
         this.onlyIcon = false;
         this.styleClass = 'tn-tabview-beauty';
         this.height = '100%';
+        this.ready = false;
     }
     set vertical(value) {
         this._vertical = value;
         this.setStyleClass();
     }
     ;
+    set hiddenTab(value) {
+        if (value) {
+            this._hiddenTab = value;
+        }
+        else {
+            this._hiddenTab = [];
+        }
+        if (this.ready) {
+            this.setHiddenInfo();
+        }
+    }
     set activeIndex(value) {
         this.currentTabIndex = value;
     }
@@ -42713,6 +42881,8 @@ class TnTabViewComponent {
             }
             this.currentTabIndex = currentTabIndex;
         }
+        this.ready = true;
+        this.setHiddenInfo();
     }
     ngAfterContentInit() {
         this.onlyIcon = true;
@@ -42724,6 +42894,12 @@ class TnTabViewComponent {
         });
         this.setStyleClass();
     }
+    setHiddenInfo() {
+        this.hiddenInfo = {};
+        this._hiddenTab.forEach(tabCode => {
+            this.hiddenInfo[tabCode] = true;
+        });
+    }
     setStyleClass() {
         let result = 'tn-tabview-beauty';
         if (this._vertical) {
@@ -42737,13 +42913,19 @@ class TnTabViewComponent {
     handleTabChange(evt) {
         this.currentTabIndex = evt.index;
         this.activeIndexChange.emit(this.currentTabIndex);
-        this.onTabChange.emit(evt);
+    }
+    handleTabLoaded(item) {
+        this.currentTabCode = item.code;
+        this.onTabChange.emit({
+            index: this.currentTabIndex,
+            code: this.currentTabCode
+        });
     }
 }
 TnTabViewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'tn-tabview',
-                template: "<div [style.height]=\"height\">\r\n    <p-tabView #tab orientation=\"top\" [styleClass]=\"styleClass\" [activeIndex]=\"currentTabIndex\"\r\n        (onChange)=\"handleTabChange($event)\">\r\n        <ng-container *ngFor=\"let item of data; let i = index\">\r\n            <p-tabPanel *ngIf=\"!item.hidden\" [leftIcon]=\"item.icon\" [header]=\"item.label\"\r\n                [headerStyleClass]=\"item.headerStyleClass\">\r\n                <ng-container *ngIf=\"allowViewAll || currentTabIndex == i\">\r\n                    <tn-custom-scrollbar *ngIf=\"useScrollbar\">\r\n                        <ng-container *ngTemplateOutlet=\"template[item.code]; context: {$implicit: item}\">\r\n                        </ng-container>\r\n                    </tn-custom-scrollbar>\r\n                    <ng-container *ngIf=\"!useScrollbar\">\r\n                        <ng-container *ngTemplateOutlet=\"template[item.code]; context: {$implicit: item}\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </p-tabPanel>\r\n        </ng-container>\r\n    </p-tabView>\r\n</div>",
+                template: "<div [style.height]=\"height\">\r\n    <p-tabView #tab orientation=\"top\" [styleClass]=\"styleClass\" [activeIndex]=\"currentTabIndex\"\r\n        (onChange)=\"handleTabChange($event)\">\r\n        <ng-container *ngFor=\"let item of data; let i = index\">\r\n            <p-tabPanel *ngIf=\"!item.hidden && !hiddenInfo[item.code]\" [leftIcon]=\"item.icon\" [header]=\"item.label\"\r\n                [headerStyleClass]=\"item.headerStyleClass\">\r\n                <ng-container *ngIf=\"allowViewAll || item.alwayRender || currentTabIndex == i\">\r\n                    <tn-custom-scrollbar *ngIf=\"item.useScrollbar\">\r\n                        <ng-container *ngTemplateOutlet=\"template[item.code]; context: {$implicit: item}\">\r\n                        </ng-container>\r\n                    </tn-custom-scrollbar>\r\n                    <ng-container *ngIf=\"!item.useScrollbar\">\r\n                        <ng-container *ngTemplateOutlet=\"template[item.code]; context: {$implicit: item}\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    <after-view-checked (loaded)=\"handleTabLoaded(item)\"></after-view-checked>\r\n                </ng-container>\r\n            </p-tabPanel>\r\n        </ng-container>\r\n    </p-tabView>\r\n</div>",
                 styles: [".accordion-link{flex:1 1;text-align:right}.accordion-link ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.accordion-link ul li{background-color:#a4a5a4;border-radius:4px;color:#fff;display:inline-block;line-height:20px;margin-bottom:.5rem;margin-left:.5rem;padding:6px 12px;transition:all .3s ease-out}.accordion-link ul li:hover{background-color:#3db762;cursor:pointer}.accordion-link ul li.tab-active{background-color:#23a349}.tn-l-toolbar{display:flex;padding:.5rem .5rem 0}.hoso-container{height:auto;max-height:none}.tab-number{align-items:center;background:#a4a5a4;border-radius:2px;color:#fff;display:inline-flex;font-size:.9em;height:20px;justify-content:center;margin-right:.5rem;padding-top:2px;width:20px}.tab-number.active{background:#23a349}::ng-deep tn-accordion-tab{display:flex;flex-direction:column;height:100%}::ng-deep tn-accordion-tab .p-accordion-header{position:-webkit-sticky;position:sticky;top:1px;z-index:6}::ng-deep tn-accordion-tab .tn-l-p-accordion-wrapper{border-radius:4px;display:flex;flex:1;margin-left:.5rem;margin-right:.5rem;overflow:auto}::ng-deep tn-accordion-tab .tn-l-p-accordion-wrapper tn-custom-scrollbar{width:100%}::ng-deep tn-accordion-tab .ps__rail-x,::ng-deep tn-accordion-tab .ps__rail-y{z-index:7}::ng-deep tn-accordion-tab .tn-l-toolbar .toolbar{flex:0 0 auto;padding-top:0}@media (max-width:640px){.accordion-link,.toolbar{overflow-x:auto;white-space:nowrap}.tn-l-custom-wrapper{display:block}.accordion-link ul{margin-top:0}.tn-l-toolbar{display:block}}"]
             },] }
 ];
@@ -42754,10 +42936,10 @@ TnTabViewComponent.propDecorators = {
     children: [{ type: ContentChildren, args: [TemplateRef,] }],
     vertical: [{ type: Input }],
     data: [{ type: Input }],
+    hiddenTab: [{ type: Input }],
     allowViewAll: [{ type: Input }],
     activeIndex: [{ type: Input }],
     isDynamicHeight: [{ type: Input }],
-    useScrollbar: [{ type: Input }],
     onTabChange: [{ type: Output }],
     activeIndexChange: [{ type: Output }]
 };
@@ -42797,6 +42979,7 @@ class TnTinymceComponent extends ComponentBase {
         this.required = false;
         this.height = 200;
         this.field = '';
+        this.onInit = new EventEmitter();
         this.keydown = new EventEmitter();
         this.onBlur = new EventEmitter();
         this.onChanged = new EventEmitter();
@@ -42824,6 +43007,7 @@ class TnTinymceComponent extends ComponentBase {
     }
     ngOnInit() {
         this.subscribeContentInsert();
+        this.onInit.emit(this);
     }
     ngAfterViewInit() {
         let mode = this.mode;
@@ -43174,6 +43358,7 @@ TnTinymceComponent.propDecorators = {
     height: [{ type: Input }],
     field: [{ type: Input }],
     languageCode: [{ type: Input }],
+    onInit: [{ type: Output }],
     keydown: [{ type: Output }],
     onBlur: [{ type: Output }],
     onChanged: [{ type: Output }]
@@ -43504,6 +43689,7 @@ class UserPickerComponent extends ComponentBase {
         });
         this.multiple = false;
         this.disabled = false;
+        this.onInit = new EventEmitter();
         this.onSelect = new EventEmitter();
         this.onUnSelect = new EventEmitter();
         this.onChanged = new EventEmitter();
@@ -43609,6 +43795,7 @@ class UserPickerComponent extends ComponentBase {
         this.createSchemaSearch();
         this.updateFuncCheckReadOnlyItem();
         this.onReady.emit();
+        this.onInit.emit(this);
     }
     updateFuncCheckReadOnlyItem() {
         if (this.readOnlyValues && this.readOnlyValues.length) {
@@ -44040,6 +44227,7 @@ UserPickerComponent.propDecorators = {
     multiple: [{ type: Input }],
     disabled: [{ type: Input }],
     readOnlyValues: [{ type: Input }],
+    onInit: [{ type: Output }],
     onSelect: [{ type: Output, args: ['onSelect',] }],
     onUnSelect: [{ type: Output, args: ['onUnSelect',] }],
     onChanged: [{ type: Output, args: ['onChanged',] }],
@@ -44517,6 +44705,7 @@ class VanBanPickerComponent extends DataListBase {
         super(_injector);
         this._vanBanDenService = _vanBanDenService;
         this._vanBanDiService = _vanBanDiService;
+        this.onInit = new EventEmitter();
         this.onChanged = new EventEmitter();
         this.onReady = new EventEmitter();
         this.environment = {};
@@ -44562,6 +44751,7 @@ class VanBanPickerComponent extends DataListBase {
         this.setting.fieldSearchText = ['code', 'name'];
         this.setting.objectName = ' văn bản';
         super.ngOnInit();
+        this.onInit.emit(this);
     }
     getVanBanDen(originGridInfo) {
         const gridInfo = new GridInfo(Object.assign(Object.assign({}, originGridInfo), { filters: [...originGridInfo.filters.map(q => (Object.assign({}, q)))] }));
@@ -44781,6 +44971,7 @@ VanBanPickerComponent.propDecorators = {
     loaiVanBan: [{ type: Input }],
     readOnly: [{ type: Input }],
     control: [{ type: Input }],
+    onInit: [{ type: Output }],
     onChanged: [{ type: Output }],
     onReady: [{ type: Output }]
 };
@@ -50246,6 +50437,7 @@ UsersFormatPipe.ctorParameters = () => [
 class ReferenceTextBoxComponent extends ComponentBase {
     constructor(injector) {
         super(injector);
+        this.onInit = new EventEmitter();
         this.data = '';
         this.ready = false;
     }
@@ -50260,6 +50452,7 @@ class ReferenceTextBoxComponent extends ComponentBase {
         this.control._component = this;
         this.ready = true;
         this.checkAndGetData();
+        this.onInit.emit(this);
     }
     checkAndGetData() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -50302,7 +50495,8 @@ ReferenceTextBoxComponent.ctorParameters = () => [
 ];
 ReferenceTextBoxComponent.propDecorators = {
     control: [{ type: Input }],
-    value: [{ type: Input }]
+    value: [{ type: Input }],
+    onInit: [{ type: Output }]
 };
 
 class LoadingPageV1Component {
@@ -52383,5 +52577,5 @@ DynamicComponentService.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { AccessDeniedComponent, Action, ActionChoYKienBase, ActionThuHoiBase, ActionUpdateModel, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseCauHinhWorkflowComponent, BaseCongViecComponent, BaseCongViecFormComponent, BaseDmLinhVucCongViecComponent, BaseDmLoaiCongViecComponent, BaseDmPriorityComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonControlSchema, ButtonPermission, ButtonPermissions, ButtonTextActionCongViec, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CauHinhWorkflowService, CellExcel, ChatBoxComponent, ChatSendMessageBoxComponent, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucService, ColorBlack, ColorControlSchema, ColorPickerControlSchema, ColorWhite, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonAppComponentComponent, CommonDashboardComponent, CommonErrorCode, CommonService, CompareValidator, ComponentBase, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecLienQuanService, CongViecNextFirstStepComponent, 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, DataSourcePermissionBase, DataSourceStateType, DataSourceTargetType, DataSourceUserRule, DataSourceUserSender, DataSourceWorkflowCheckboxOption, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DmLinhVucCongViecService, DmLoaiCongViecService, DmPriorityService, 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, EntityWorkflowType, EnumActionType, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumLoaiDanhSachCongViec, EnumLoaiVanBanBase, EnumPermissionType, EnumProcessWorkflowType, EnumStateByMenuCongViec, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumWFNhomTrangThai, EnumWorkflowCheckboxOption, EnumWorkflowCoreCodeSettingKey, EnumWorkflowHistoryStatus, ErrorType, EventData, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, FILE_TYPES, FieldDefineHasTask, FieldDefineIsTaskFormControl, FieldDefineIsWorkflowControl, FieldOrderCrudList, FieldRowSpan, FieldWorkflowCodeInCrudForm, FileDataService, FileExplorerService, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileManagerSetting, FileObjectService, FilePickerDialogComponent, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileUploadSetting, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardService, GetRefDataSchema, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HtmlFormatPipe, HttpOptions, ImageService, Include, JsPlumbOption, KeyFieldGetRefType, KeyFilterStateByMenuCongViec, KeyFlashShow, KeyFunctionReload, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, MA_THONG_BAO_PHAN_HE, MaActionBatDauQuyTrinh, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MethodResult, ModelKySoDonVi, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NodeService, NotificationObjectType, NotificationService, NotifierService, NotifierType, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, Pattern, PercentControlSchema, PermissionBase, PermissionConstant, 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, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateComponent, StateMachineTopic, StateMachinesConnectionMetadataComponent, StateMachinesDesignerComponent, StateMachinesService, StateMetadataComponent, 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, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnMenuItem, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnTreeTableToggler, TnUser, TnxSharedModule, TopicReloadCongViecV5, TopicReloadCountCongViecV5, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TreeListBase, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserFormatPipe, UserGroupRealService, UserGroupService, UserPickerControlSchema, UserPickerDialogComponent, UserService, UserType, UserV5Service, UsersFormatPipe, Validation, VanBanPickerControlSchema, VirtualBaseService, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowHistoryService, WorkflowPermissionDetailService, WorkflowPickerComponent, WorkflowService, WorkflowSetting, WorkflowSettingNew, WorkflowSettingsService, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, createJsPlumnInstance, createOrgPickerControl, createRolePickerControl, createUserGroupPickerControl, createUserPickerControl, dataSourceIcon$1 as dataSourceIcon, dateDiff, 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, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, monthDiff, multipleSort, romanize, setMetadataConnection, setMetadataState, translateStateMachine, ɵ0, ɵ1, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, AddressComponent as ɵa, DropdownService as ɵb, BaseDmLinhVucCongViecFormComponent as ɵba, BaseDmPriorityFormComponent as ɵbb, BaseCongviecDinhkemComponent as ɵbc, BaseCongviecDinhkemFormComponent as ɵbd, DatetimePickerComponent as ɵbe, DatetimePickerRangeComponent as ɵbf, DynamicNodeComponent as ɵbg, EntityPickerBoxComponent as ɵbh, EntityPickerDataComponent as ɵbi, EntityPickerSelectedComponent as ɵbj, EntityPickerComponent as ɵbk, EntityPickerDialogComponent as ɵbl, EntityPermissionComponent as ɵbm, DM_ChucVuService as ɵbn, RoleService as ɵbo, EntityPermissionService 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, SettingsWorkflowComponent as ɵce, SettingsWorkflowNo1Component as ɵcf, SimpleWorkflowFormComponent as ɵcg, ProcessWorkflowTargetComponent as ɵch, DmChucVuService as ɵci, ChoYKienFormComponent as ɵcj, SplashComponentV1Component as ɵck, SplashComponentV2Component as ɵcl, StateMachinesConnectionReceiverComponent as ɵcm, StateMachinesConnectionReceiverConditionComponent as ɵcn, StateMachinesConnectionReceiverDepartmentComponent as ɵco, StateMachinesConnectionReceiverGroupComponent as ɵcp, StateMachinesConnectionReceiverUserComponent as ɵcq, StateMachinesConnectionReceiverRoleComponent as ɵcr, StateMachinesConnectionSenderComponent as ɵcs, StartWorkflowComponent as ɵct, ShareLinkByPermissionComponent as ɵcu, WorkflowSettingNewComponent as ɵcv, PermissionSharingComponent as ɵcw, WorkflowPermissionService as ɵcx, TnCheckboxComponent as ɵcy, TnDialogComponent as ɵcz, ExceptionHandlerService as ɵd, TnColorPickerComponent as ɵda, TnTinymceComponent as ɵdb, TnTabViewComponent as ɵdc, TableDetailFormComponent as ɵdd, FileIconPipe as ɵde, FileSizePipe as ɵdf, QuickAddFormComponent as ɵdg, PreventShiftTabDirective as ɵdh, TnTemplateDirective as ɵdi, UserPickerComponent as ɵdj, UserPickerBoxComponent as ɵdk, CoCauToChucTestService as ɵdl, TnAppHelpComponent as ɵdm, PathNameService as ɵdn, HelperCurrentPageComponent as ɵdo, TnAppNotificationListComponent as ɵdp, TnAppNotificationComponent as ɵdq, MyDriveService as ɵdr, FileVersionService as ɵds, FileExplorerNewService as ɵdt, FileManagerService as ɵdu, FolderFormComponent as ɵdv, FileFormComponent as ɵdw, FileViewerComponent as ɵdx, FileVersionListComponent as ɵdy, WorkflowHistoryComponent as ɵdz, CanBo_HoSoService as ɵe, EntityWorkflowHistoryService as ɵea, WorkflowHistoryDialogComponent as ɵeb, WorkflowHistoryNewComponent as ɵec, WorkflowSettingComponent as ɵed, EntityWorkflowSettingService as ɵee, WorkflowSettingDialogComponent as ɵef, WorkflowPermissionComponent as ɵeg, WorkflowPermissionFormComponent as ɵeh, ReferenceTextBoxComponent as ɵei, QrCodeGeneratorComponent as ɵej, AccessDeniedV1Component as ɵek, AddNewsComponent as ɵel, ArticleService as ɵem, NewsCategoryService as ɵen, NotFoundComponent as ɵeo, UniversalLinkProcessorComponent as ɵep, SignatureDetailComponent as ɵeq, ChatService as ɵer, ContentsService as ɵes, StatusExtendsService as ɵet, MessageBoardService as ɵeu, KySoSimDanhSachChuKyComponent as ɵev, KySoSimChuKyUserService as ɵew, FileKySoSimComponent as ɵex, KySoSimSignPDFService as ɵey, TaiLieuCuaToiComponent as ɵez, AfterViewCheckedComponent as ɵf, KhaiThacTaiLieuDungChungComponent as ɵfa, DanhMucDungChungService as ɵfb, TnTemplateComponent as ɵfc, LoadingPageV1Component as ɵfd, CheckReadyComponent as ɵfe, SendAccessTokenInterceptor as ɵff, LogInterceptor as ɵfg, PermissionUtilsInterceptor as ɵfh, TraceInterceptor as ɵfi, AdvanceSearchComponent as ɵg, AppRootMenuComponent as ɵh, AppTopBarComponent as ɵi, AppTopBarV1Component as ɵj, AppTopBarV2Component as ɵk, AppProfileComponent as ɵl, AppSubMenuComponent as ɵm, AppMenuComponent as ɵn, AutoCompletePickerComponent as ɵo, CheckBoxListComponent as ɵp, ReportQueueComponent as ɵq, CoCauToChucPickerListComponent as ɵr, TreeTableComponent as ɵs, BaseCongViecTestComponent as ɵt, ListBase as ɵu, CongViecDinhKemService as ɵv, CongViecThayDoiService as ɵw, ProcessWorkflowFormComponent as ɵx, BaseCauHinhWorkflowDetailComponent as ɵy, BaseDmLoaiCongViecFormComponent as ɵz };
+export { AccessDeniedComponent, Action, ActionChoYKienBase, ActionThuHoiBase, ActionUpdateModel, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseCauHinhWorkflowComponent, BaseCongViecComponent, BaseCongViecFormComponent, BaseDmLinhVucCongViecComponent, BaseDmLoaiCongViecComponent, BaseDmPriorityComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonControlSchema, ButtonPermission, ButtonPermissions, ButtonTextActionCongViec, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CauHinhWorkflowService, CellExcel, ChatBoxComponent, ChatSendMessageBoxComponent, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucService, ColorBlack, ColorControlSchema, ColorPickerControlSchema, ColorWhite, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonAppComponentComponent, CommonDashboardComponent, CommonErrorCode, CommonService, CompareValidator, ComponentBase, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecLienQuanService, CongViecNextFirstStepComponent, 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, DataSourcePermissionBase, DataSourceStateType, DataSourceTargetType, DataSourceUserRule, DataSourceUserSender, DataSourceWorkflowCheckboxOption, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DmLinhVucCongViecService, DmLoaiCongViecService, DmPriorityService, 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, EntityWorkflowType, EnumActionType, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumLoaiDanhSachCongViec, EnumLoaiVanBanBase, EnumPermissionType, EnumProcessWorkflowType, EnumStateByMenuCongViec, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumWFNhomTrangThai, EnumWorkflowCheckboxOption, EnumWorkflowCoreCodeSettingKey, EnumWorkflowHistoryStatus, ErrorType, EventData, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, FILE_TYPES, FieldDefineHasTask, FieldDefineIsTaskFormControl, FieldDefineIsWorkflowControl, FieldOrderCrudList, FieldRowSpan, FieldWorkflowCodeInCrudForm, FileDataService, FileExplorerService, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileManagerSetting, FileObjectService, FilePickerDialogComponent, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileUploadSetting, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardService, GetRefDataSchema, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HtmlFormatPipe, HttpOptions, ImageService, Include, JsPlumbOption, KeyFieldGetRefType, KeyFilterStateByMenuCongViec, KeyFlashShow, KeyFunctionReload, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, MA_THONG_BAO_PHAN_HE, MaActionBatDauQuyTrinh, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MethodResult, ModelKySoDonVi, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NodeService, NotificationObjectType, NotificationService, NotifierService, NotifierType, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, Pattern, PercentControlSchema, PermissionBase, PermissionConstant, 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, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateComponent, StateMachineTopic, StateMachinesConnectionMetadataComponent, StateMachinesDesignerComponent, StateMachinesService, StateMetadataComponent, 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, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnMenuItem, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnTreeTableToggler, TnUser, TnxSharedModule, TopicReloadCongViecV5, TopicReloadCountCongViecV5, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TreeListBase, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserFormatPipe, UserGroupRealService, UserGroupService, UserPickerControlSchema, UserPickerDialogComponent, UserService, UserType, UserV5Service, UsersFormatPipe, Validation, VanBanPickerControlSchema, VirtualBaseService, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowHistoryService, WorkflowPermissionDetailService, WorkflowPickerComponent, WorkflowService, WorkflowSetting, WorkflowSettingNew, WorkflowSettingsService, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, createJsPlumnInstance, createOrgPickerControl, createRolePickerControl, createUserGroupPickerControl, createUserPickerControl, dataSourceIcon$1 as dataSourceIcon, dateDiff, 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, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, monthDiff, multipleSort, romanize, setMetadataConnection, setMetadataState, translateStateMachine, ɵ0, ɵ1, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ15, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, AddressComponent as ɵa, DropdownService as ɵb, BaseDmLinhVucCongViecFormComponent as ɵba, BaseDmPriorityFormComponent as ɵbb, BaseCongviecDinhkemComponent as ɵbc, BaseCongviecDinhkemFormComponent as ɵbd, DatetimePickerComponent as ɵbe, DatetimePickerRangeComponent as ɵbf, DynamicNodeComponent as ɵbg, EntityPickerBoxComponent as ɵbh, EntityPickerDataComponent as ɵbi, EntityPickerSelectedComponent as ɵbj, EntityPickerComponent as ɵbk, EntityPickerDialogComponent as ɵbl, EntityPermissionComponent as ɵbm, DM_ChucVuService as ɵbn, RoleService as ɵbo, EntityPermissionService 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, SettingsWorkflowComponent as ɵce, SettingsWorkflowNo1Component as ɵcf, SimpleWorkflowFormComponent as ɵcg, ProcessWorkflowTargetComponent as ɵch, DmChucVuService as ɵci, ChoYKienFormComponent as ɵcj, SplashComponentV1Component as ɵck, SplashComponentV2Component as ɵcl, StateMachinesConnectionReceiverComponent as ɵcm, StateMachinesConnectionReceiverConditionComponent as ɵcn, StateMachinesConnectionReceiverDepartmentComponent as ɵco, StateMachinesConnectionReceiverGroupComponent as ɵcp, StateMachinesConnectionReceiverUserComponent as ɵcq, StateMachinesConnectionReceiverRoleComponent as ɵcr, StateMachinesConnectionSenderComponent as ɵcs, StartWorkflowComponent as ɵct, ShareLinkByPermissionComponent as ɵcu, WorkflowSettingNewComponent as ɵcv, PermissionSharingComponent as ɵcw, WorkflowPermissionService as ɵcx, TnCheckboxComponent as ɵcy, TnDialogComponent as ɵcz, ExceptionHandlerService as ɵd, TnColorPickerComponent as ɵda, TnTinymceComponent as ɵdb, TnTabViewComponent as ɵdc, TableDetailFormComponent as ɵdd, FileIconPipe as ɵde, FileSizePipe as ɵdf, QuickAddFormComponent as ɵdg, PreventShiftTabDirective as ɵdh, TnTemplateDirective as ɵdi, UserPickerComponent as ɵdj, UserPickerBoxComponent as ɵdk, CoCauToChucTestService as ɵdl, TnAppHelpComponent as ɵdm, PathNameService as ɵdn, HelperCurrentPageComponent as ɵdo, TnAppNotificationListComponent as ɵdp, TnAppNotificationComponent as ɵdq, MyDriveService as ɵdr, FileVersionService as ɵds, FileExplorerNewService as ɵdt, FileManagerService as ɵdu, FolderFormComponent as ɵdv, FileFormComponent as ɵdw, FileViewerComponent as ɵdx, FileVersionListComponent as ɵdy, WorkflowHistoryComponent as ɵdz, CanBo_HoSoService as ɵe, EntityWorkflowHistoryService as ɵea, WorkflowHistoryDialogComponent as ɵeb, WorkflowHistoryNewComponent as ɵec, WorkflowSettingComponent as ɵed, EntityWorkflowSettingService as ɵee, WorkflowSettingDialogComponent as ɵef, WorkflowPermissionComponent as ɵeg, WorkflowPermissionFormComponent as ɵeh, ReferenceTextBoxComponent as ɵei, QrCodeGeneratorComponent as ɵej, AccessDeniedV1Component as ɵek, AddNewsComponent as ɵel, ArticleService as ɵem, NewsCategoryService as ɵen, NotFoundComponent as ɵeo, UniversalLinkProcessorComponent as ɵep, SignatureDetailComponent as ɵeq, ChatService as ɵer, ContentsService as ɵes, StatusExtendsService as ɵet, MessageBoardService as ɵeu, KySoSimDanhSachChuKyComponent as ɵev, KySoSimChuKyUserService as ɵew, FileKySoSimComponent as ɵex, KySoSimSignPDFService as ɵey, TaiLieuCuaToiComponent as ɵez, AfterViewCheckedComponent as ɵf, KhaiThacTaiLieuDungChungComponent as ɵfa, DanhMucDungChungService as ɵfb, TnTemplateComponent as ɵfc, LoadingPageV1Component as ɵfd, CheckReadyComponent as ɵfe, SendAccessTokenInterceptor as ɵff, LogInterceptor as ɵfg, PermissionUtilsInterceptor as ɵfh, TraceInterceptor as ɵfi, AdvanceSearchComponent as ɵg, AppRootMenuComponent as ɵh, AppTopBarComponent as ɵi, AppTopBarV1Component as ɵj, AppTopBarV2Component as ɵk, AppProfileComponent as ɵl, AppSubMenuComponent as ɵm, AppMenuComponent as ɵn, AutoCompletePickerComponent as ɵo, CheckBoxListComponent as ɵp, ReportQueueComponent as ɵq, CoCauToChucPickerListComponent as ɵr, TreeTableComponent as ɵs, BaseCongViecTestComponent as ɵt, ListBase as ɵu, CongViecDinhKemService as ɵv, CongViecThayDoiService as ɵw, ProcessWorkflowFormComponent as ɵx, BaseCauHinhWorkflowDetailComponent as ɵy, BaseDmLoaiCongViecFormComponent as ɵz };
 //# sourceMappingURL=tnx-shared.js.map