@brggroup/share-lib 0.1.56 → 0.1.57

package/fesm2022/brggroup-share-lib.mjs

@@ -620,7 +620,7 @@ class TokenStorage {
     }
 }
 
-const URLs$8 = {
+const URLs$9 = {
     login: '/api/Auth/Login',
     register: '/api/Auth/Register',
     pingAuth: '/api/Auth/PingAuth',
@@ -689,7 +689,7 @@ class AuthService extends HTTPService {
         }
     }
     async sendSignIn(body) {
-        return firstValueFrom(this.httpClient.post(AppGlobals.apiEndpoint + URLs$8.login, body, {
+        return firstValueFrom(this.httpClient.post(AppGlobals.apiEndpoint + URLs$9.login, body, {
             headers: new HttpHeaders().set('Content-Type', 'application/json').set('No-Loading-Mark', '1'),
         }));
     }
@@ -709,7 +709,7 @@ class AuthService extends HTTPService {
     ---------------------------------------- */
     async pingAuth() {
         try {
-            const res = await this.get(AppGlobals.apiEndpoint + URLs$8.pingAuth, true);
+            const res = await this.get(AppGlobals.apiEndpoint + URLs$9.pingAuth, true);
             return res?.IsSuccess;
         }
         catch {
@@ -732,6 +732,7 @@ class AuthService extends HTTPService {
                 SPN: `App_User_checkUserMenu`,
                 Params: [url],
             });
+            // const ret = await this.post(AppGlobals.apiEndpoint + '/api/Auth/checkUserMenu');
             return ret.IsSuccess && ret.Data == '1';
         }
         catch (error) {
@@ -743,10 +744,10 @@ class AuthService extends HTTPService {
         PASSWORD
     ---------------------------------------- */
     changePassword(data) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$8.changePassword, data);
+        return this.postData(AppGlobals.apiEndpoint + URLs$9.changePassword, data);
     }
     setPass(data) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$8.setPass, data);
+        return this.postData(AppGlobals.apiEndpoint + URLs$9.setPass, data);
     }
     /* ----------------------------------------
         REGISTER
@@ -767,7 +768,7 @@ class AuthService extends HTTPService {
         }
     }
     async sendSignUp(d) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$8.register, d);
+        return this.postData(AppGlobals.apiEndpoint + URLs$9.register, d);
     }
     /* ----------------------------------------
         CHANGE ORG
@@ -789,7 +790,7 @@ class AuthService extends HTTPService {
     }
     async sendChangeOrg(App_Org_Id) {
         let params = new HttpParams().append('App_Org_Id', App_Org_Id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$8.changeOrgLogin, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$9.changeOrgLogin, params);
     }
     static pingInterVal;
     startPingAuth(intervalTime) {
@@ -3448,7 +3449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 
-const URLs$7 = {
+const URLs$8 = {
     getById: '/api/App_Dic_Domain/GetById',
     getAll: '/api/App_Dic_Domain/GetAll',
     getList: '/api/App_Dic_Domain/GetList',
@@ -3460,21 +3461,21 @@ const URLs$7 = {
 class DicDomainService extends HTTPService {
     getById(id) {
         let pr = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$7.getById, pr);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$8.getById, pr);
     }
     getPaging(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$7.getPaging, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$8.getPaging, filter);
     }
     addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$7.addOrEdit, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$8.addOrEdit, obj);
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$7.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$8.delete, params);
     }
     async getByDomain(DomainCode) {
         var pr = new HttpParams().append('DomainCode', DomainCode);
-        const ret = await this.postParams(AppGlobals.apiEndpoint + URLs$7.getByDomain, pr);
+        const ret = await this.postParams(AppGlobals.apiEndpoint + URLs$8.getByDomain, pr);
         return ret.Data;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DicDomainService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
@@ -6680,7 +6681,7 @@ class DicDomainListComponent extends BaseComponent {
         this.getData();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DicDomainListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: DicDomainListComponent, isStandalone: true, selector: "app-dic-domain-list", usesInheritance: true, ngImport: i0, template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table [nzData]=\"data?.LstItem || []\" [nzBordered]=\"true\" [nzSize]=\"'small'\" [nzFrontPagination]=\"false\">\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th>#</th>\r\n          <th>Domain Code</th>\r\n          <th>Item Code</th>\r\n          <th>Item Value</th>\r\n          <th>Order Value</th>\r\n          <th>Child Domain Code</th>\r\n          <th>Parent Item Code</th>\r\n          <th>Active</th>\r\n        </tr>\r\n        <tr (keyup.enter)=\"search()\" class=\"tr-search\">\r\n          <th class=\"center\">\r\n            <icon-add (click)=\"add()\"></icon-add>\r\n          </th>\r\n          <th></th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.DomainCode\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ItemCode\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ItemValue\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of data?.LstItem; track $index; let i = $index) {\r\n          @if (selectedRow != row) {\r\n            <tr (click)=\"selectedRow = row\">\r\n              <td class=\"text-center\"></td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>{{ row.DomainCode }}</td>\r\n              <td>{{ row.ItemCode }}</td>\r\n              <td>{{ row.ItemValue }}</td>\r\n              <td>{{ row.OrderValue }}</td>\r\n              <td>{{ row.ChildDomainCode }}</td>\r\n              <td>{{ row.ParentItemCode }}</td>\r\n              <td class=\"text-center\">\r\n                @if (row.IsActive) {\r\n                  <icon-check></icon-check>\r\n                }\r\n              </td>\r\n            </tr>\r\n          } @else {\r\n            <tr (keyup.enter)=\"save()\" class=\"selected\">\r\n              <td class=\"text-center\">\r\n                <icon-save (click)=\"save()\"></icon-save>\r\n                <box [width]=\"4\"></box>\r\n                <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.DomainCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ItemCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ItemValue\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input-number [size]=\"'small'\" [(_ngModel)]=\"selectedRow.OrderValue\"></extend-input-number>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ChildDomainCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ParentItemCode\"></extend-input>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedRow.IsActive\"></extend-checkbox>\r\n              </td>\r\n            </tr>\r\n          }\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n</div>\r\n<div nz-flex nzJustify=\"end\">\r\n  <nz-pagination\r\n    [nzSize]=\"'small'\"\r\n    [nzPageIndex]=\"filter.PageIndex + 1\"\r\n    [nzPageSize]=\"filter.PageSize\"\r\n    [nzTotal]=\"data?.TotalCount || 0\"\r\n    [nzShowSizeChanger]=\"true\"\r\n    [nzShowTotal]=\"showTotalTpl\"\r\n    [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n    (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n    (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n  >\r\n  </nz-pagination>\r\n\r\n  <ng-template #showTotalTpl let-total let-range=\"range\">\r\n    {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n  </ng-template>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzTagModule }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$4.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i14.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i14.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i14.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i14.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i14.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i14.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "ngmodule", type: NzPaginationModule }, { kind: "component", type: i5$3.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "component", type: IconAdd, selector: "icon-add", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: IconDelete, selector: "icon-delete", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: IconCheck, selector: "icon-check", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: IconSave, selector: "icon-save", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: ExtendInput, selector: "extend-input", inputs: ["label", "floatingLabel", "placeHolder", "labelAlign", "inputClass", "labelSpan", "labelFlex", "inputFlex", "showClear", "disabled", "readOnly", "required", "noBottom", "selectModeType", "autocomplete", "autofocus", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "size", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isSubmited"], outputs: ["_ngModelChange", "onclickClearIcon", "onenter"] }, { kind: "component", type: ExtendInputNumber, selector: "extend-input-number", inputs: ["label", "placeHolder", "labelAlign", "floatingLabel", "hiddenUpDown", "labelSpan", "labelFlex", "inputFlex", "disabled", "required", "noBottom", "size", "min", "max", "precision", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "isSubmited", "separatorType", "formData", "controlName", "_ngModel"], outputs: ["_ngModelChange"] }, { kind: "component", type: ExtendCheckbox, selector: "extend-checkbox", inputs: ["label", "labelSpan", "labelFlex", "paddingTop", "disabled", "formData", "controlName", "valueType", "_ngModel"], outputs: ["_ngModelChange"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: Box, selector: "box", inputs: ["display", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: DicDomainListComponent, isStandalone: true, selector: "app-dic-domain-list", usesInheritance: true, ngImport: i0, template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table [nzData]=\"data?.LstItem || []\" [nzBordered]=\"true\" [nzSize]=\"'small'\" [nzFrontPagination]=\"false\">\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th>Domain Code</th>\r\n          <th>Item Code</th>\r\n          <th>Item Value</th>\r\n          <th>Order Value</th>\r\n          <th>Child Domain Code</th>\r\n          <th>Parent Item Code</th>\r\n          <th>Active</th>\r\n          <th>Action</th>\r\n        </tr>\r\n        <tr (keyup.enter)=\"search()\" class=\"tr-search\">\r\n          <th></th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.DomainCode\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ItemCode\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ItemValue\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th class=\"center\">\r\n            <icon-add (click)=\"add()\"></icon-add>\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of data?.LstItem; track $index; let i = $index) {\r\n          @if (selectedRow != row) {\r\n            <tr (click)=\"selectedRow = row\">\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>{{ row.DomainCode }}</td>\r\n              <td>{{ row.ItemCode }}</td>\r\n              <td>{{ row.ItemValue }}</td>\r\n              <td>{{ row.OrderValue }}</td>\r\n              <td>{{ row.ChildDomainCode }}</td>\r\n              <td>{{ row.ParentItemCode }}</td>\r\n              <td class=\"center\">\r\n                @if (row.IsActive) {\r\n                  <icon-check></icon-check>\r\n                }\r\n              </td>\r\n              <td class=\"center\">\r\n                <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n              </td>\r\n            </tr>\r\n          } @else {\r\n            <tr (keyup.enter)=\"save()\" class=\"selected\">\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.DomainCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ItemCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ItemValue\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input-number [size]=\"'small'\" [(_ngModel)]=\"selectedRow.OrderValue\"></extend-input-number>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ChildDomainCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ParentItemCode\"></extend-input>\r\n              </td>\r\n              <td class=\"center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedRow.IsActive\"></extend-checkbox>\r\n              </td>\r\n              <td class=\"center\">\r\n                <icon-save (click)=\"save()\"></icon-save>\r\n                <box [width]=\"4\"></box>\r\n                <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n              </td>\r\n            </tr>\r\n          }\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data?.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzTagModule }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$4.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i14.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i14.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i14.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i14.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i14.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i14.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "ngmodule", type: NzPaginationModule }, { kind: "component", type: i5$3.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "component", type: IconAdd, selector: "icon-add", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: IconDelete, selector: "icon-delete", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: IconCheck, selector: "icon-check", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: IconSave, selector: "icon-save", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: ExtendInput, selector: "extend-input", inputs: ["label", "floatingLabel", "placeHolder", "labelAlign", "inputClass", "labelSpan", "labelFlex", "inputFlex", "showClear", "disabled", "readOnly", "required", "noBottom", "selectModeType", "autocomplete", "autofocus", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "size", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isSubmited"], outputs: ["_ngModelChange", "onclickClearIcon", "onenter"] }, { kind: "component", type: ExtendInputNumber, selector: "extend-input-number", inputs: ["label", "placeHolder", "labelAlign", "floatingLabel", "hiddenUpDown", "labelSpan", "labelFlex", "inputFlex", "disabled", "required", "noBottom", "size", "min", "max", "precision", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "isSubmited", "separatorType", "formData", "controlName", "_ngModel"], outputs: ["_ngModelChange"] }, { kind: "component", type: ExtendCheckbox, selector: "extend-checkbox", inputs: ["label", "labelSpan", "labelFlex", "paddingTop", "disabled", "formData", "controlName", "valueType", "_ngModel"], outputs: ["_ngModelChange"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: Box, selector: "box", inputs: ["display", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DicDomainListComponent, decorators: [{
             type: Component,
@@ -6703,7 +6704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         NzDropDownModule,
                         NzButtonModule,
                         Box,
-                    ], template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table [nzData]=\"data?.LstItem || []\" [nzBordered]=\"true\" [nzSize]=\"'small'\" [nzFrontPagination]=\"false\">\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th>#</th>\r\n          <th>Domain Code</th>\r\n          <th>Item Code</th>\r\n          <th>Item Value</th>\r\n          <th>Order Value</th>\r\n          <th>Child Domain Code</th>\r\n          <th>Parent Item Code</th>\r\n          <th>Active</th>\r\n        </tr>\r\n        <tr (keyup.enter)=\"search()\" class=\"tr-search\">\r\n          <th class=\"center\">\r\n            <icon-add (click)=\"add()\"></icon-add>\r\n          </th>\r\n          <th></th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.DomainCode\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ItemCode\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ItemValue\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of data?.LstItem; track $index; let i = $index) {\r\n          @if (selectedRow != row) {\r\n            <tr (click)=\"selectedRow = row\">\r\n              <td class=\"text-center\"></td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>{{ row.DomainCode }}</td>\r\n              <td>{{ row.ItemCode }}</td>\r\n              <td>{{ row.ItemValue }}</td>\r\n              <td>{{ row.OrderValue }}</td>\r\n              <td>{{ row.ChildDomainCode }}</td>\r\n              <td>{{ row.ParentItemCode }}</td>\r\n              <td class=\"text-center\">\r\n                @if (row.IsActive) {\r\n                  <icon-check></icon-check>\r\n                }\r\n              </td>\r\n            </tr>\r\n          } @else {\r\n            <tr (keyup.enter)=\"save()\" class=\"selected\">\r\n              <td class=\"text-center\">\r\n                <icon-save (click)=\"save()\"></icon-save>\r\n                <box [width]=\"4\"></box>\r\n                <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.DomainCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ItemCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ItemValue\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input-number [size]=\"'small'\" [(_ngModel)]=\"selectedRow.OrderValue\"></extend-input-number>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ChildDomainCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ParentItemCode\"></extend-input>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedRow.IsActive\"></extend-checkbox>\r\n              </td>\r\n            </tr>\r\n          }\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n</div>\r\n<div nz-flex nzJustify=\"end\">\r\n  <nz-pagination\r\n    [nzSize]=\"'small'\"\r\n    [nzPageIndex]=\"filter.PageIndex + 1\"\r\n    [nzPageSize]=\"filter.PageSize\"\r\n    [nzTotal]=\"data?.TotalCount || 0\"\r\n    [nzShowSizeChanger]=\"true\"\r\n    [nzShowTotal]=\"showTotalTpl\"\r\n    [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n    (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n    (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n  >\r\n  </nz-pagination>\r\n\r\n  <ng-template #showTotalTpl let-total let-range=\"range\">\r\n    {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n  </ng-template>\r\n</div>\r\n" }]
+                    ], template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table [nzData]=\"data?.LstItem || []\" [nzBordered]=\"true\" [nzSize]=\"'small'\" [nzFrontPagination]=\"false\">\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th>Domain Code</th>\r\n          <th>Item Code</th>\r\n          <th>Item Value</th>\r\n          <th>Order Value</th>\r\n          <th>Child Domain Code</th>\r\n          <th>Parent Item Code</th>\r\n          <th>Active</th>\r\n          <th>Action</th>\r\n        </tr>\r\n        <tr (keyup.enter)=\"search()\" class=\"tr-search\">\r\n          <th></th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.DomainCode\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ItemCode\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ItemValue\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th class=\"center\">\r\n            <icon-add (click)=\"add()\"></icon-add>\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of data?.LstItem; track $index; let i = $index) {\r\n          @if (selectedRow != row) {\r\n            <tr (click)=\"selectedRow = row\">\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>{{ row.DomainCode }}</td>\r\n              <td>{{ row.ItemCode }}</td>\r\n              <td>{{ row.ItemValue }}</td>\r\n              <td>{{ row.OrderValue }}</td>\r\n              <td>{{ row.ChildDomainCode }}</td>\r\n              <td>{{ row.ParentItemCode }}</td>\r\n              <td class=\"center\">\r\n                @if (row.IsActive) {\r\n                  <icon-check></icon-check>\r\n                }\r\n              </td>\r\n              <td class=\"center\">\r\n                <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n              </td>\r\n            </tr>\r\n          } @else {\r\n            <tr (keyup.enter)=\"save()\" class=\"selected\">\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.DomainCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ItemCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ItemValue\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input-number [size]=\"'small'\" [(_ngModel)]=\"selectedRow.OrderValue\"></extend-input-number>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ChildDomainCode\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedRow.ParentItemCode\"></extend-input>\r\n              </td>\r\n              <td class=\"center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedRow.IsActive\"></extend-checkbox>\r\n              </td>\r\n              <td class=\"center\">\r\n                <icon-save (click)=\"save()\"></icon-save>\r\n                <box [width]=\"4\"></box>\r\n                <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n              </td>\r\n            </tr>\r\n          }\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data?.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }] });
 
 class DicDomainSelectComponent {
@@ -6821,7 +6822,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 type: Input
             }] } });
 
-const URLs$6 = {
+const URLs$7 = {
     getById: '/api/file/GetById',
     getAll: '/api/file/GetAll',
     getList: '/api/file/GetList',
@@ -6835,13 +6836,13 @@ class FileService extends HTTPService {
     commonService = inject(CommonService);
     getById(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$6.getById, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$7.getById, params);
     }
     getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs$6.getAll);
+        return this.post(AppGlobals.apiEndpoint + URLs$7.getAll);
     }
     getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$6.getList, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$7.getList, filter);
     }
     getPaging(filter) {
         return this.commonService.ESP({
@@ -6850,11 +6851,11 @@ class FileService extends HTTPService {
         });
     }
     addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$6.addOrEdit, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$7.addOrEdit, obj);
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$6.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$7.delete, params);
     }
     downloadFile(id) {
         const params = new HttpParams().append('id', id);
@@ -6896,7 +6897,7 @@ class FileService extends HTTPService {
         });
     }
     addFileWithRef(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$6.addFileWithRef, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$7.addFileWithRef, obj);
     }
     getAnhWithRef(Ref_Table, Ref_Id) {
         return this.commonService.ESP({
@@ -6905,7 +6906,7 @@ class FileService extends HTTPService {
         });
     }
     moveFileToDisk(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$6.moveFileToDisk, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$7.moveFileToDisk, obj);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: FileService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: FileService, providedIn: 'root' });
@@ -7358,7 +7359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 
-const URLs$5 = {
+const URLs$6 = {
     getById: '/api/App_Menu/GetById',
     getAll: '/api/App_Menu/GetAll',
     getList: '/api/App_Menu/GetList',
@@ -7371,29 +7372,29 @@ const URLs$5 = {
 class MenuService extends HTTPService {
     getById(id) {
         let pr = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$5.getById, pr);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$6.getById, pr);
     }
     getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs$5.getAll);
+        return this.post(AppGlobals.apiEndpoint + URLs$6.getAll);
     }
     getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$5.getList, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$6.getList, filter);
     }
     getPaging(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$5.getPaging, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$6.getPaging, filter);
     }
     addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$5.addOrEdit, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$6.addOrEdit, obj);
     }
     addOrEditInListComponent(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$5.addOrEditInListComponent, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$6.addOrEditInListComponent, obj);
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$5.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$6.delete, params);
     }
     getTree() {
-        return this.post(AppGlobals.apiEndpoint + URLs$5.getTree);
+        return this.post(AppGlobals.apiEndpoint + URLs$6.getTree);
     }
     getRoleMenuRefByMenuId(menuId) {
         let pr = new HttpParams().append('menuId', menuId);
@@ -7523,7 +7524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                     ], template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <div nz-flex nzGap=\"small\">\r\n        <button-add (click)=\"edit(null)\"></button-add>\r\n        <button-search (click)=\"search()\"></button-search>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"this.data?.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"75px\">#</th>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th nzCustomFilter>T\u00EAn</th>\r\n          <th>URL</th>\r\n          <th>Icon</th>\r\n          <th nzWidth=\"90px\">Order</th>\r\n          <th>Menu cha</th>\r\n          <th nzWidth=\"110px\">Header menu</th>\r\n          <th nzWidth=\"80px\">Hi\u1EC7u l\u1EF1c</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th class=\"center\">\r\n            <icon-add (click)=\"add()\"></icon-add>\r\n          </th>\r\n          <th></th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.Name\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [showClear]=\"true\"\r\n              [(_ngModel)]=\"filter.ParentName\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of table.data; track $index; let i = $index) {\r\n          @if (selectedMenu != row) {\r\n            <tr (click)=\"selectedMenu = row\">\r\n              <td class=\"text-center\">\r\n                <icon-edit (click)=\"edit(row)\"></icon-edit>\r\n                <box [width]=\"4\"></box>\r\n                <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>{{ row.TreeNodeName }}</td>\r\n              <td>{{ row.Url }}</td>\r\n              <td>{{ row.Icon }}</td>\r\n              <td>{{ row.OrderValue }}</td>\r\n              <td>{{ row.ParentName }}</td>\r\n              <td class=\"text-center\">\r\n                @if (row.IsHeaderMenu) {\r\n                  <icon-check></icon-check>\r\n                }\r\n              </td>\r\n              <td class=\"text-center\">\r\n                @if (row.IsActive) {\r\n                  <icon-check></icon-check>\r\n                }\r\n              </td>\r\n            </tr>\r\n          } @else {\r\n            <tr (keyup.enter)=\"save()\" class=\"selected\">\r\n              <td class=\"text-center\">\r\n                <icon-save (click)=\"save()\"></icon-save>\r\n                <box [width]=\"4\"></box>\r\n                <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedMenu.Name\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedMenu.Url\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [size]=\"'small'\" [(_ngModel)]=\"selectedMenu.Icon\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input-number [size]=\"'small'\" [(_ngModel)]=\"selectedMenu.OrderValue\"></extend-input-number>\r\n              </td>\r\n              <td>\r\n                <nz-tree-select\r\n                  class=\"full-width\"\r\n                  [nzNodes]=\"treeMenu\"\r\n                  nzShowSearch\r\n                  nzPlaceHolder=\" \"\r\n                  [nzSize]=\"'small'\"\r\n                  [nzDropdownMatchSelectWidth]=\"false\"\r\n                  [(ngModel)]=\"selectedMenu.ParentId\"\r\n                ></nz-tree-select>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedMenu.IsHeaderMenu\"></extend-checkbox>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedMenu.IsActive\"></extend-checkbox>\r\n              </td>\r\n            </tr>\r\n          }\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data?.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }] });
 
-const URLs$4 = {
+const URLs$5 = {
     getById: '/api/App_Role/GetById',
     getAll: '/api/App_Role/GetAll',
     getList: '/api/App_Role/GetList',
@@ -7535,23 +7536,23 @@ class RoleService extends HTTPService {
     commonService = inject(CommonService);
     getById(id) {
         let pr = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$4.getById, pr);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$5.getById, pr);
     }
     getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs$4.getAll);
+        return this.post(AppGlobals.apiEndpoint + URLs$5.getAll);
     }
     getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$4.getList, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$5.getList, filter);
     }
     getPaging(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$4.getPaging, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$5.getPaging, filter);
     }
     addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$4.addOrEdit, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$5.addOrEdit, obj);
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$4.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$5.delete, params);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: RoleService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: RoleService, providedIn: 'root' });
@@ -7818,7 +7819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                     ], template: "<form nz-form [formGroup]=\"formData\">\r\n  <!-- BUTTONS -->\r\n  <div nz-col [nzSpan]=\"24\">\r\n    <div nz-flex nzGap=\"small\" nzJustify=\"end\">\r\n      <button-save (click)=\"save()\"></button-save>\r\n      <button-delete *ngIf=\"formData.controls.App_Menu_Id.value\" (click)=\"delete()\"></button-delete>\r\n      <button-back (click)=\"goto('/admin/menu')\"></button-back>\r\n    </div>\r\n  </div>\r\n\r\n  <nz-divider></nz-divider>\r\n\r\n  <div nz-row [nzGutter]=\"['0', '16']\">\r\n    <div nz-col [nzMd]=\"12\" [nzSm]=\"24\">\r\n      <nz-form-item>\r\n        <nz-form-label [nzSpan]=\"8\" nzLabelAlign=\"left\" nzNoColon=\"true\"> Menu cha </nz-form-label>\r\n        <nz-form-control [nzSpan]=\"16\">\r\n          <!-- <nz-select #parentSelect nzShowSearch nzAllowClear formControlName=\"ParentId\">\r\n              @for (item of allMenu; track $index) {\r\n                <nz-option [nzLabel]=\"item.TreeNodeName\" [nzValue]=\"item.App_Menu_Id\"></nz-option>\r\n              }\r\n            </nz-select> -->\r\n          <nz-tree-select\r\n            class=\"full-width\"\r\n            [nzNodes]=\"treeMenu\"\r\n            nzShowSearch\r\n            nzPlaceHolder=\" \"\r\n            formControlName=\"ParentId\"\r\n          ></nz-tree-select>\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n      <nz-form-item>\r\n        <nz-form-label [nzSpan]=\"8\" nzFor=\"Name\" nzLabelAlign=\"left\" nzNoColon=\"true\" nzRequired> T\u00EAn </nz-form-label>\r\n        <nz-form-control [nzSpan]=\"16\" [nzErrorTip]=\"'REQUIRED_FIELD' | translate\">\r\n          <input nz-input formControlName=\"Name\" id=\"Name\" />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n      <nz-form-item>\r\n        <nz-form-label [nzSpan]=\"8\" nzFor=\"Url\" nzLabelAlign=\"left\" nzNoColon=\"true\"> URL </nz-form-label>\r\n        <nz-form-control [nzSpan]=\"16\" [nzErrorTip]=\"'REQUIRED_FIELD' | translate\">\r\n          <input nz-input formControlName=\"Url\" id=\"Url\" />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n      <nz-form-item>\r\n        <nz-form-label [nzSpan]=\"8\" nzFor=\"Icon\" nzLabelAlign=\"left\" nzNoColon=\"true\"> Icon </nz-form-label>\r\n        <nz-form-control [nzSpan]=\"16\" [nzErrorTip]=\"'REQUIRED_FIELD' | translate\">\r\n          <input nz-input formControlName=\"Icon\" id=\"Icon\" />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n      <nz-form-item>\r\n        <nz-form-label [nzSpan]=\"8\" nzFor=\"OrderValue\" nzLabelAlign=\"left\" nzNoColon=\"true\">Order value</nz-form-label>\r\n        <nz-form-control [nzSpan]=\"16\">\r\n          <nz-input-number formControlName=\"OrderValue\" />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n      <div nz-row>\r\n        <div nz-col [nzSpan]=\"8\"></div>\r\n        <div nz-col [nzSpan]=\"16\">\r\n          <label nz-checkbox formControlName=\"IsActive\">Active</label>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- C\u1ED8T PH\u1EA2I: QU\u1EA2N L\u00DD ROLE -->\r\n    <div nz-col [nzMd]=\"12\" [nzSm]=\"24\">\r\n      <div style=\"border: 1px solid #d9d9d9; border-radius: 4px; padding: 16px; height: 100%; margin-left: 10px\">\r\n        <h4 style=\"margin-top: 0; margin-bottom: 16px\">\r\n          <span nz-icon nzType=\"team\" style=\"margin-right: 8px\"></span>\r\n          Qu\u1EA3n l\u00FD Role\r\n        </h4>\r\n\r\n        <!-- Hi\u1EC3n th\u1ECB khi \u0110ANG T\u1EA0O M\u1EDAI (ch\u01B0a c\u00F3 App_Menu_Id) -->\r\n        <nz-alert\r\n          *ngIf=\"!formData.controls.App_Menu_Id.value\"\r\n          nzType=\"info\"\r\n          nzMessage=\"Vui l\u00F2ng l\u01B0u Menu tr\u01B0\u1EDBc\"\r\n          nzDescription=\"B\u1EA1n c\u1EA7n l\u01B0u Menu tr\u01B0\u1EDBc, sau \u0111\u00F3 m\u1EDBi c\u00F3 th\u1EC3 th\u00EAm Role.\"\r\n          nzShowIcon\r\n        ></nz-alert>\r\n\r\n        <!-- Hi\u1EC3n th\u1ECB khi \u0110ANG C\u1EACP NH\u1EACT (\u0111\u00E3 c\u00F3 App_Menu_Id) -->\r\n        <div *ngIf=\"formData.controls.App_Menu_Id.value\">\r\n          <div nz-flex [nzJustify]=\"'space-between'\" [nzAlign]=\"'center'\" style=\"margin-bottom: 12px\">\r\n            <span style=\"font-weight: 500\">Roles ({{ lstRoleMenu.length }})</span>\r\n            <button nz-button nzType=\"primary\" nzSize=\"small\" (click)=\"openAddRoleModal()\">\r\n              <span nz-icon nzType=\"plus\"></span>\r\n              Th\u00EAm\r\n            </button>\r\n          </div>\r\n\r\n          <div style=\"max-height: 400px; overflow-y: auto\">\r\n            <nz-table\r\n              #roleTable\r\n              [nzData]=\"lstRoleMenu\"\r\n              [nzSize]=\"'small'\"\r\n              [nzShowPagination]=\"false\"\r\n              [nzLoading]=\"isLoadingRoles\"\r\n            >\r\n              <thead>\r\n                <tr>\r\n                  <th nzWidth=\"40px\">STT</th>\r\n                  <th>Role</th>\r\n                  <th nzWidth=\"50px\" nzAlign=\"center\" nz-tooltip nzTooltipTitle=\"Xem\">\r\n                    <span nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\r\n                  </th>\r\n                  <th nzWidth=\"50px\" nzAlign=\"center\" nz-tooltip nzTooltipTitle=\"S\u1EEDa\">\r\n                    <span nz-icon nzType=\"edit\" nzTheme=\"outline\"></span>\r\n                  </th>\r\n                  <th nzWidth=\"50px\" nzAlign=\"center\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr *ngFor=\"let item of roleTable.data; let i = index\">\r\n                  <td>{{ i + 1 }}</td>\r\n                  <td>\r\n                    <div style=\"font-weight: 500\">{{ item.RoleName }}</div>\r\n                    <div style=\"font-size: 12px; color: #888\">{{ item.RoleCode }}</div>\r\n                  </td>\r\n                  <td nzAlign=\"center\">\r\n                    <label nz-checkbox [(ngModel)]=\"item.HasViewPermission\" [ngModelOptions]=\"{ standalone: true }\">\r\n                    </label>\r\n                  </td>\r\n                  <td nzAlign=\"center\">\r\n                    <label nz-checkbox [(ngModel)]=\"item.HasEditPermission\" [ngModelOptions]=\"{ standalone: true }\">\r\n                    </label>\r\n                  </td>\r\n                  <td nzAlign=\"center\">\r\n                    <icon-delete (click)=\"deleteRoleFromMenu(item)\"></icon-delete>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </nz-table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n\r\n<!-- Modal ch\u1ECDn Role -->\r\n<nz-modal\r\n  [(nzVisible)]=\"isAddRoleModalVisible\"\r\n  nzTitle=\"Th\u00EAm Role v\u00E0o Menu\"\r\n  [nzWidth]=\"700\"\r\n  (nzOnCancel)=\"closeAddRoleModal()\"\r\n  (nzOnOk)=\"addRolesToMenu()\"\r\n  nzOkText=\"Th\u00EAm\"\r\n  nzCancelText=\"H\u1EE7y\"\r\n>\r\n  <ng-container *nzModalContent>\r\n    <!-- Search box -->\r\n    <nz-input-group [nzPrefix]=\"prefixIconSearch\" style=\"margin-bottom: 16px\">\r\n      <input\r\n        type=\"text\"\r\n        nz-input\r\n        placeholder=\"T\u00ECm ki\u1EBFm Role...\"\r\n        [(ngModel)]=\"searchRoleText\"\r\n        (ngModelChange)=\"filterAvailableRoles()\"\r\n      />\r\n    </nz-input-group>\r\n    <ng-template #prefixIconSearch>\r\n      <span nz-icon nzType=\"search\"></span>\r\n    </ng-template>\r\n\r\n    <nz-table\r\n      #addRoleTable\r\n      [nzData]=\"lstFilteredRole\"\r\n      [nzSize]=\"'small'\"\r\n      [nzShowPagination]=\"true\"\r\n      [nzPageSize]=\"10\"\r\n      [nzLoading]=\"isLoadingAvailableRoles\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th\r\n            nzWidth=\"60px\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"isAllRoleChecked\"\r\n            (nzCheckedChange)=\"onAllRoleChecked($event)\"\r\n            [nzIndeterminate]=\"isRoleIndeterminate\"\r\n          ></th>\r\n          <th nzWidth=\"150px\">M\u00E3 Role</th>\r\n          <th>T\u00EAn Role</th>\r\n          <th>M\u00F4 t\u1EA3</th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor=\"let item of addRoleTable.data\">\r\n          <td nz-flex nzJustify=\"center\">\r\n            <label nz-checkbox [(ngModel)]=\"item.checked\" (ngModelChange)=\"onRoleChecked(item, $event)\"></label>\r\n          </td>\r\n          <td>{{ item.Code }}</td>\r\n          <td>{{ item.Name }}</td>\r\n          <td>{{ item.Description }}</td>\r\n        </tr>\r\n      </tbody>\r\n    </nz-table>\r\n  </ng-container>\r\n</nz-modal>\r\n" }]
         }] });
 
-const URLs$3 = {
+const URLs$4 = {
     getById: '/api/App_Org/GetById',
     getAll: '/api/App_Org/GetAll',
     getList: '/api/App_Org/GetList',
@@ -7830,23 +7831,23 @@ class OrgService extends HTTPService {
     cms = inject(CommonService);
     getById(id) {
         let pr = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$3.getById, pr);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$4.getById, pr);
     }
     getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs$3.getAll);
+        return this.post(AppGlobals.apiEndpoint + URLs$4.getAll);
     }
     getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$3.getList, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$4.getList, filter);
     }
     getPaging(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$3.getPaging, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$4.getPaging, filter);
     }
     addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$3.addOrEdit, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$4.addOrEdit, obj);
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$3.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$4.delete, params);
     }
     getAllForLogin(UserName) {
         const params = new HttpParams().append('UserName', UserName);
@@ -7974,7 +7975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                     ], template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzGap=\"small\" nzJustify=\"end\">\r\n      <button-add (click)=\"edit(null)\"></button-add>\r\n      <button-search (click)=\"search()\"></button-search>\r\n    </div>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"this.data.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"70px\">#</th>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th>M\u00E3</th>\r\n          <th>T\u00EAn</th>\r\n          <th>T\u00EAn \u0111\u01A1n v\u1ECB cha</th>\r\n          <th>Th\u1EE9 t\u1EF1</th>\r\n          <th>Hi\u1EC7u l\u1EF1c</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th></th>\r\n          <th></th>\r\n          <th>\r\n            <extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.Code\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.Name\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input\r\n              [size]=\"'small'\"\r\n              [(_ngModel)]=\"filter.ParentName\"\r\n              (onclickClearIcon)=\"search()\"\r\n            ></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of table.data; track $index; let i = $index) {\r\n          <tr>\r\n            <td nz-flex nzGap=\"small\" nzJustify=\"center\">\r\n              <icon-edit (click)=\"edit(row)\"></icon-edit>\r\n              <icon-delete (click)=\"delete(row)\"></icon-delete>\r\n            </td>\r\n            <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n            <td>{{ row.Code }}</td>\r\n            <td>{{ row.Name }}</td>\r\n            <td>{{ row.ParentName }}</td>\r\n            <td>{{ row.OrderValue }}</td>\r\n            <td>\r\n              @if (row.IsActive) {\r\n                <icon-check></icon-check>\r\n              }\r\n            </td>\r\n          </tr>\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n\r\n  <div nz-col [nzSpan]=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }] });
 
-const URLs$2 = {
+const URLs$3 = {
     getById: '/api/App_User/GetById',
     getByIdEx: '/api/App_User/GetByIdEx',
     getAll: '/api/App_User/GetAll',
@@ -7987,27 +7988,27 @@ class UserService extends HTTPService {
     cms = inject(CommonService);
     getById(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$2.getById, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$3.getById, params);
     }
     getByIdEx(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$2.getByIdEx, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$3.getByIdEx, params);
     }
     getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs$2.getAll);
+        return this.post(AppGlobals.apiEndpoint + URLs$3.getAll);
     }
     getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$2.getList, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$3.getList, filter);
     }
     getPaging(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$2.getPaging, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$3.getPaging, filter);
     }
     addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$2.addOrEdit, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$3.addOrEdit, obj);
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$2.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$3.delete, params);
     }
     importUser(data) {
         return this.postData(`${AppGlobals.apiEndpoint}/api/App_User/ImportUser`, data);
@@ -9293,7 +9294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: ['parentSelect', { static: false }]
             }] } });
 
-const URLs$1 = {
+const URLs$2 = {
     getById: '/api/App_Setting/GetById',
     getAll: '/api/App_Setting/GetAll',
     getList: '/api/App_Setting/GetList',
@@ -9309,34 +9310,34 @@ let SettingService$1 = class SettingService extends HTTPService {
     commonService = inject(CommonService);
     getById(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$1.getById, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$2.getById, params);
     }
     getPaging(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.getPaging, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$2.getPaging, filter);
     }
     addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.addOrEdit, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$2.addOrEdit, obj);
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$1.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$2.delete, params);
     }
     getByCodeAnonymous(code) {
         const params = new HttpParams().append('Code', code);
-        return this.getParams(AppGlobals.apiEndpoint + URLs$1.getByCodeAnonymous, params);
+        return this.getParams(AppGlobals.apiEndpoint + URLs$2.getByCodeAnonymous, params);
     }
     // getGroupByCodeAnonymous(code: string) {
     //   const params = new HttpParams().append('Code', code);
     //   return this.getParams(AppGlobals.apiEndpoint + URLs.getByCodeAnonymous, params);
     // }
     getAllConfig() {
-        return this.post(AppGlobals.apiEndpoint + URLs$1.GetAllConfig);
+        return this.post(AppGlobals.apiEndpoint + URLs$2.GetAllConfig);
     }
     applyConfig(config) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.ApplyConfig, config);
+        return this.postData(AppGlobals.apiEndpoint + URLs$2.ApplyConfig, config);
     }
     getDbInfo() {
-        return this.post(AppGlobals.apiEndpoint + URLs$1.GetDbInfo);
+        return this.post(AppGlobals.apiEndpoint + URLs$2.GetDbInfo);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SettingService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SettingService, providedIn: 'root' });
@@ -9456,7 +9457,7 @@ class SettingListComponent extends BaseComponent {
         this.getData();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SettingListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: SettingListComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <div nz-flex nzGap=\"small\">\r\n        <button-search (click)=\"search()\"></button-search>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"this.data?.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzShowSizeChanger]=\"true\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"70px\">#</th>\r\n          <th>#</th>\r\n          <th>Code</th>\r\n          <th>Value</th>\r\n          <th>Description</th>\r\n          <th>Active</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th class=\"center\">\r\n            <nz-icon\r\n              nzType=\"plus\"\r\n              nzTheme=\"outline\"\r\n              class=\"color-primary cursor-pointer icon-size-16\"\r\n              (click)=\"$event.stopPropagation(); add()\"\r\n            ></nz-icon>\r\n          </th>\r\n          <th></th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Code\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Value\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Description\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th class=\"center\">\r\n            <extend-checkbox [(_ngModel)]=\"filter.IsActive\"></extend-checkbox>\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of data?.LstItem; track $index; let i = $index) {\r\n          @if (selectedRow != row) {\r\n            <tr (click)=\"selectedRow = row\">\r\n              <td class=\"text-center\">\r\n                <a\r\n                  nz-popconfirm\r\n                  nzOkDanger\r\n                  nzPopconfirmPlacement=\"top\"\r\n                  [nzPopconfirmTitle]=\"TranslateKey.CONFIRM_DELETE | translate\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                  (nzOnConfirm)=\"delete(row)\"\r\n                >\r\n                  <i nz-icon nzType=\"delete\" nzTheme=\"outline\" class=\"color-warn cursor-pointer icon-size-16\"></i>\r\n                </a>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>{{ row.Code }}</td>\r\n              <td>{{ row.Value }}</td>\r\n              <td>{{ row.Description }}</td>\r\n              <td class=\"text-center\">\r\n                @if (row.IsActive) {\r\n                  <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n                } @else {\r\n                  <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\r\n                }\r\n              </td>\r\n            </tr>\r\n          } @else {\r\n            <tr (keyup.enter)=\"save()\">\r\n              <td class=\"text-center\">\r\n                <nz-icon\r\n                  nzType=\"save\"\r\n                  nzTheme=\"outline\"\r\n                  class=\"color-primary cursor-pointer icon-size-16\"\r\n                  (click)=\"$event.stopPropagation(); save()\"\r\n                ></nz-icon>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>\r\n                <extend-input [required]=\"true\" [(_ngModel)]=\"selectedRow.Code\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [(_ngModel)]=\"selectedRow.Value\"></extend-input>\r\n              </td>\r\n              <td class=\"form-item-no-bottom\">\r\n                <extend-textarea [minRows]=\"1\" [(_ngModel)]=\"selectedRow.Description\"></extend-textarea>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedRow.IsActive\"></extend-checkbox>\r\n              </td>\r\n            </tr>\r\n          }\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-row nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data?.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "component", type: ButtonSearch, selector: "button-search" }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i14.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i14.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i14.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i14.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i14.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i14.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: ExtendInput, selector: "extend-input", inputs: ["label", "floatingLabel", "placeHolder", "labelAlign", "inputClass", "labelSpan", "labelFlex", "inputFlex", "showClear", "disabled", "readOnly", "required", "noBottom", "selectModeType", "autocomplete", "autofocus", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "size", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isSubmited"], outputs: ["_ngModelChange", "onclickClearIcon", "onenter"] }, { kind: "component", type: ExtendCheckbox, selector: "extend-checkbox", inputs: ["label", "labelSpan", "labelFlex", "paddingTop", "disabled", "formData", "controlName", "valueType", "_ngModel"], outputs: ["_ngModelChange"] }, { kind: "ngmodule", type: NzPopconfirmModule }, { kind: "directive", type: i9.NzPopconfirmDirective, selector: "[nz-popconfirm]", inputs: ["nzPopconfirmArrowPointAtCenter", "nzPopconfirmTitle", "nzPopconfirmTitleContext", "nz-popconfirm", "nzPopconfirmTrigger", "nzPopconfirmPlacement", "nzPopconfirmOrigin", "nzPopconfirmMouseEnterDelay", "nzPopconfirmMouseLeaveDelay", "nzPopconfirmOverlayClassName", "nzPopconfirmOverlayStyle", "nzPopconfirmVisible", "nzOkText", "nzOkType", "nzOkDisabled", "nzOkDanger", "nzCancelText", "nzBeforeConfirm", "nzIcon", "nzCondition", "nzPopconfirmShowArrow", "nzPopconfirmBackdrop", "nzAutofocus"], outputs: ["nzPopconfirmVisibleChange", "nzOnCancel", "nzOnConfirm"], exportAs: ["nzPopconfirm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "component", type: ExtendTextArea, selector: "extend-textarea", inputs: ["label", "placeHolder", "labelAlign", "floatingLabel", "displayInline", "labelSpan", "labelFlex", "inputFlex", "disabled", "required", "noBottom", "selectModeType", "inputClass", "size", "isSubmited", "minRows", "maxRows", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isTouched", "inputErrorMessage", "errorMessages"], outputs: ["_ngModelChange"] }, { kind: "ngmodule", type: NzPaginationModule }, { kind: "component", type: i5$3.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: SettingListComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <div nz-flex nzGap=\"small\">\r\n        <button-search (click)=\"search()\"></button-search>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"this.data?.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzShowSizeChanger]=\"true\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"70px\">#</th>\r\n          <th>#</th>\r\n          <th>Code</th>\r\n          <th>Value</th>\r\n          <th>Description</th>\r\n          <th>Active</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th class=\"center\">\r\n            <nz-icon\r\n              nzType=\"plus\"\r\n              nzTheme=\"outline\"\r\n              class=\"color-primary cursor-pointer icon-size-16\"\r\n              (click)=\"$event.stopPropagation(); add()\"\r\n            ></nz-icon>\r\n          </th>\r\n          <th></th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Code\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Value\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Description\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th class=\"center\">\r\n            <extend-checkbox [(_ngModel)]=\"filter.IsActive\"></extend-checkbox>\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of data?.LstItem; track $index; let i = $index) {\r\n          @if (selectedRow != row) {\r\n            <tr (click)=\"selectedRow = row\">\r\n              <td class=\"text-center\">\r\n                <a\r\n                  nz-popconfirm\r\n                  nzOkDanger\r\n                  nzPopconfirmPlacement=\"top\"\r\n                  [nzPopconfirmTitle]=\"TranslateKey.CONFIRM_DELETE | translate\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                  (nzOnConfirm)=\"delete(row)\"\r\n                >\r\n                  <i nz-icon nzType=\"delete\" nzTheme=\"outline\" class=\"color-warn cursor-pointer icon-size-16\"></i>\r\n                </a>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>{{ row.Code }}</td>\r\n              <td>{{ row.Value }}</td>\r\n              <td>{{ row.Description }}</td>\r\n              <td class=\"text-center\">\r\n                @if (row.IsActive) {\r\n                  <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n                } @else {\r\n                  <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\r\n                }\r\n              </td>\r\n            </tr>\r\n          } @else {\r\n            <tr (keyup.enter)=\"save()\">\r\n              <td class=\"text-center\">\r\n                <nz-icon\r\n                  nzType=\"save\"\r\n                  nzTheme=\"outline\"\r\n                  class=\"color-primary cursor-pointer icon-size-16\"\r\n                  (click)=\"$event.stopPropagation(); save()\"\r\n                ></nz-icon>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>\r\n                <extend-input [required]=\"true\" [(_ngModel)]=\"selectedRow.Code\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [(_ngModel)]=\"selectedRow.Value\"></extend-input>\r\n              </td>\r\n              <td class=\"form-item-no-bottom\">\r\n                <extend-textarea [minRows]=\"1\" [(_ngModel)]=\"selectedRow.Description\"></extend-textarea>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedRow.IsActive\"></extend-checkbox>\r\n              </td>\r\n            </tr>\r\n          }\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-row nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data?.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "component", type: ButtonSearch, selector: "button-search" }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i14.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i14.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i14.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i14.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i14.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i14.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: ExtendInput, selector: "extend-input", inputs: ["label", "floatingLabel", "placeHolder", "labelAlign", "inputClass", "labelSpan", "labelFlex", "inputFlex", "showClear", "disabled", "readOnly", "required", "noBottom", "selectModeType", "autocomplete", "autofocus", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "size", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isSubmited"], outputs: ["_ngModelChange", "onclickClearIcon", "onenter"] }, { kind: "component", type: ExtendCheckbox, selector: "extend-checkbox", inputs: ["label", "labelSpan", "labelFlex", "paddingTop", "disabled", "formData", "controlName", "valueType", "_ngModel"], outputs: ["_ngModelChange"] }, { kind: "ngmodule", type: NzPopconfirmModule }, { kind: "directive", type: i9.NzPopconfirmDirective, selector: "[nz-popconfirm]", inputs: ["nzPopconfirmArrowPointAtCenter", "nzPopconfirmTitle", "nzPopconfirmTitleContext", "nz-popconfirm", "nzPopconfirmTrigger", "nzPopconfirmPlacement", "nzPopconfirmOrigin", "nzPopconfirmMouseEnterDelay", "nzPopconfirmMouseLeaveDelay", "nzPopconfirmOverlayClassName", "nzPopconfirmOverlayStyle", "nzPopconfirmVisible", "nzOkText", "nzOkType", "nzOkDisabled", "nzOkDanger", "nzCancelText", "nzBeforeConfirm", "nzIcon", "nzCondition", "nzPopconfirmShowArrow", "nzPopconfirmBackdrop", "nzAutofocus"], outputs: ["nzPopconfirmVisibleChange", "nzOnCancel", "nzOnConfirm"], exportAs: ["nzPopconfirm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "component", type: ExtendTextArea, selector: "extend-textarea", inputs: ["label", "placeHolder", "labelAlign", "floatingLabel", "displayInline", "labelSpan", "labelFlex", "inputFlex", "disabled", "required", "noBottom", "selectModeType", "inputClass", "size", "isSubmited", "minRows", "maxRows", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isTouched", "inputErrorMessage", "errorMessages"], outputs: ["_ngModelChange"] }, { kind: "ngmodule", type: NzPaginationModule }, { kind: "component", type: i5$3.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$4.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SettingListComponent, decorators: [{
             type: Component,
@@ -9472,6 +9473,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         TranslateModule,
                         ExtendTextArea,
                         NzPaginationModule,
+                        NzGridModule,
+                        NzFlexModule,
                     ], template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <div nz-flex nzGap=\"small\">\r\n        <button-search (click)=\"search()\"></button-search>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"this.data?.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzShowSizeChanger]=\"true\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"70px\">#</th>\r\n          <th>#</th>\r\n          <th>Code</th>\r\n          <th>Value</th>\r\n          <th>Description</th>\r\n          <th>Active</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th class=\"center\">\r\n            <nz-icon\r\n              nzType=\"plus\"\r\n              nzTheme=\"outline\"\r\n              class=\"color-primary cursor-pointer icon-size-16\"\r\n              (click)=\"$event.stopPropagation(); add()\"\r\n            ></nz-icon>\r\n          </th>\r\n          <th></th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Code\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Value\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Description\" (onclickClearIcon)=\"search()\"></extend-input>\r\n          </th>\r\n          <th class=\"center\">\r\n            <extend-checkbox [(_ngModel)]=\"filter.IsActive\"></extend-checkbox>\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of data?.LstItem; track $index; let i = $index) {\r\n          @if (selectedRow != row) {\r\n            <tr (click)=\"selectedRow = row\">\r\n              <td class=\"text-center\">\r\n                <a\r\n                  nz-popconfirm\r\n                  nzOkDanger\r\n                  nzPopconfirmPlacement=\"top\"\r\n                  [nzPopconfirmTitle]=\"TranslateKey.CONFIRM_DELETE | translate\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                  (nzOnConfirm)=\"delete(row)\"\r\n                >\r\n                  <i nz-icon nzType=\"delete\" nzTheme=\"outline\" class=\"color-warn cursor-pointer icon-size-16\"></i>\r\n                </a>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>{{ row.Code }}</td>\r\n              <td>{{ row.Value }}</td>\r\n              <td>{{ row.Description }}</td>\r\n              <td class=\"text-center\">\r\n                @if (row.IsActive) {\r\n                  <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n                } @else {\r\n                  <nz-icon nzType=\"close\" nzTheme=\"outline\" class=\"color-warn\" />\r\n                }\r\n              </td>\r\n            </tr>\r\n          } @else {\r\n            <tr (keyup.enter)=\"save()\">\r\n              <td class=\"text-center\">\r\n                <nz-icon\r\n                  nzType=\"save\"\r\n                  nzTheme=\"outline\"\r\n                  class=\"color-primary cursor-pointer icon-size-16\"\r\n                  (click)=\"$event.stopPropagation(); save()\"\r\n                ></nz-icon>\r\n              </td>\r\n              <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n              <td>\r\n                <extend-input [required]=\"true\" [(_ngModel)]=\"selectedRow.Code\"></extend-input>\r\n              </td>\r\n              <td>\r\n                <extend-input [(_ngModel)]=\"selectedRow.Value\"></extend-input>\r\n              </td>\r\n              <td class=\"form-item-no-bottom\">\r\n                <extend-textarea [minRows]=\"1\" [(_ngModel)]=\"selectedRow.Description\"></extend-textarea>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <extend-checkbox [(_ngModel)]=\"selectedRow.IsActive\"></extend-checkbox>\r\n              </td>\r\n            </tr>\r\n          }\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-row nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data?.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }] });
 
@@ -9733,7 +9736,7 @@ class UserListComponent extends BaseComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: UserListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: UserListComponent, isStandalone: true, selector: "app-user-list", usesInheritance: true, ngImport: i0, template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzGap=\"small\" nzJustify=\"end\">\r\n      <button-add (click)=\"edit(null)\"></button-add>\r\n      <button-search (click)=\"search()\"></button-search>\r\n      <button nz-button nz-dropdown [nzDropdownMenu]=\"menuAction\" nzTrigger=\"click\">\r\n        <nz-icon nzType=\"more\" nzTheme=\"outline\" />\r\n        <!-- {{ TranslateKey.ACTION | translate }} -->\r\n      </button>\r\n      <nz-dropdown-menu #menuAction=\"nzDropdownMenu\">\r\n        <ul nz-menu>\r\n          <li nz-menu-item (click)=\"import()\">Import</li>\r\n        </ul>\r\n      </nz-dropdown-menu>\r\n    </div>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"this.data.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th>T\u00EAn \u0111\u0103ng nh\u1EADp</th>\r\n          <th>T\u00EAn ng\u01B0\u1EDDi d\u00F9ng</th>\r\n          <th>\u0110\u01A1n v\u1ECB</th>\r\n          <th nzWidth=\"75px\">Hi\u1EC7u l\u1EF1c</th>\r\n          <th nzWidth=\"100px\">\u0110ang online</th>\r\n          <th nzWidth=\"75px\">#</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.UserName\"></extend-input></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.FullName\"></extend-input></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.OrgName\"></extend-input></th>\r\n          <th></th>\r\n          <th class=\"center\"><extend-checkbox [(_ngModel)]=\"showOnlineOnly\"></extend-checkbox></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of getLstUser(); track $index; let i = $index) {\r\n          <tr>\r\n            <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n            <td>{{ row.UserName }}</td>\r\n            <td>{{ row.FullName }}</td>\r\n            <td>\r\n              {{ row.OrgName }}\r\n              <div *ngIf=\"row.LstOrgName\" [innerHtml]=\"row.LstOrgName\"></div>\r\n            </td>\r\n            <td class=\"center\">\r\n              @if (row.IsActive) {\r\n                <icon-check></icon-check>\r\n              }\r\n            </td>\r\n            <td class=\"text-center\">\r\n              @if (SignalRService.connection?.state == HubConnectionState.Connected && row.LoginStatus) {\r\n                <icon-check></icon-check>\r\n              }\r\n            </td>\r\n            <td class=\"center\">\r\n              <icon-edit (click)=\"edit(row)\"></icon-edit>\r\n              <box [width]=\"4\"></box><icon-delete (click)=\"delete(row)\"></icon-delete>\r\n            </td>\r\n          </tr>\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col [nzSpan]=\"24\">\r\n    <div nz-flex nzJustify=\"end\" nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n  <div class=\"ant-table-filter-dropdown\">\r\n    <div class=\"search-box\">\r\n      <input\r\n        type=\"text\"\r\n        nz-input\r\n        [(ngModel)]=\"filter.UserName\"\r\n        [appAutoFocus]=\"filter.isUserNameSearch\"\r\n        (keyup.enter)=\"search()\"\r\n      />\r\n      <button nz-button nzSize=\"small\" nzType=\"primary\" (click)=\"search()\" class=\"search-button\">\r\n        {{ \"SEARCH\" | translate }}\r\n      </button>\r\n      <button nz-button nzSize=\"small\" (click)=\"filter.UserName = ''; search()\">{{ \"RESET\" | translate }}</button>\r\n    </div>\r\n  </div>\r\n</nz-dropdown-menu>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "component", type: ButtonAdd, selector: "button-add" }, { kind: "component", type: ButtonSearch, selector: "button-search" }, { kind: "component", type: IconCheck, selector: "icon-check", inputs: ["size"], outputs: ["click"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzPopconfirmModule }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i4$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i4$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i5$5.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i5$5.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i5$5.NzDropdownButtonDirective, selector: "[nz-button][nz-dropdown]" }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i14.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i14.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i14.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i14.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i14.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i14.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "component", type: ExtendInput, selector: "extend-input", inputs: ["label", "floatingLabel", "placeHolder", "labelAlign", "inputClass", "labelSpan", "labelFlex", "inputFlex", "showClear", "disabled", "readOnly", "required", "noBottom", "selectModeType", "autocomplete", "autofocus", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "size", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isSubmited"], outputs: ["_ngModelChange", "onclickClearIcon", "onenter"] }, { kind: "component", type: ExtendCheckbox, selector: "extend-checkbox", inputs: ["label", "labelSpan", "labelFlex", "paddingTop", "disabled", "formData", "controlName", "valueType", "_ngModel"], outputs: ["_ngModelChange"] }, { kind: "component", type: IconDelete, selector: "icon-delete", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: IconEdit, selector: "icon-edit", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: Box, selector: "box", inputs: ["display", "width", "height"] }, { kind: "ngmodule", type: NzPaginationModule }, { kind: "component", type: i5$3.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AutoFocusDirective, selector: "[appAutoFocus]", inputs: ["appAutoFocus"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: UserListComponent, isStandalone: true, selector: "app-user-list", usesInheritance: true, ngImport: i0, template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzGap=\"small\" nzJustify=\"end\">\r\n      <button-add (click)=\"edit(null)\"></button-add>\r\n      <button-search (click)=\"search()\"></button-search>\r\n      <button nz-button nz-dropdown [nzDropdownMenu]=\"menuAction\" nzTrigger=\"click\">\r\n        <nz-icon nzType=\"more\" nzTheme=\"outline\" />\r\n        <!-- {{ TranslateKey.ACTION | translate }} -->\r\n      </button>\r\n      <nz-dropdown-menu #menuAction=\"nzDropdownMenu\">\r\n        <ul nz-menu>\r\n          <li nz-menu-item (click)=\"import()\">Import</li>\r\n        </ul>\r\n      </nz-dropdown-menu>\r\n    </div>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"this.data.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th>T\u00EAn \u0111\u0103ng nh\u1EADp</th>\r\n          <th>T\u00EAn ng\u01B0\u1EDDi d\u00F9ng</th>\r\n          <th>\u0110\u01A1n v\u1ECB</th>\r\n          <th nzWidth=\"75px\">Hi\u1EC7u l\u1EF1c</th>\r\n          <th nzWidth=\"100px\">\u0110ang online</th>\r\n          <th nzWidth=\"75px\">#</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.UserName\"></extend-input></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.FullName\"></extend-input></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.OrgName\"></extend-input></th>\r\n          <th></th>\r\n          <th class=\"center\"><extend-checkbox [(_ngModel)]=\"showOnlineOnly\"></extend-checkbox></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of getLstUser(); track $index; let i = $index) {\r\n          <tr>\r\n            <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n            <td>{{ row.UserName }}</td>\r\n            <td>{{ row.FullName }}</td>\r\n            <td>\r\n              {{ row.OrgName }}\r\n              <div *ngIf=\"row.LstOrgName\" [innerHtml]=\"row.LstOrgName\"></div>\r\n            </td>\r\n            <td class=\"center\">\r\n              @if (row.IsActive) {\r\n                <icon-check></icon-check>\r\n              }\r\n            </td>\r\n            <td class=\"text-center\">\r\n              @if (SignalRService.connection?.state == HubConnectionState.Connected && row.LoginStatus) {\r\n                <icon-check></icon-check>\r\n              }\r\n            </td>\r\n            <td class=\"center\">\r\n              <icon-edit (click)=\"edit(row)\"></icon-edit>\r\n              <box [width]=\"4\"></box><icon-delete (click)=\"delete(row)\"></icon-delete>\r\n            </td>\r\n          </tr>\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col [nzSpan]=\"24\">\r\n    <div nz-flex nzJustify=\"end\" nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n  <div class=\"ant-table-filter-dropdown\">\r\n    <div class=\"search-box\">\r\n      <input\r\n        type=\"text\"\r\n        nz-input\r\n        [(ngModel)]=\"filter.UserName\"\r\n        [appAutoFocus]=\"filter.isUserNameSearch\"\r\n        (keyup.enter)=\"search()\"\r\n      />\r\n      <button nz-button nzSize=\"small\" nzType=\"primary\" (click)=\"search()\" class=\"search-button\">\r\n        {{ \"SEARCH\" | translate }}\r\n      </button>\r\n      <button nz-button nzSize=\"small\" (click)=\"filter.UserName = ''; search()\">{{ \"RESET\" | translate }}</button>\r\n    </div>\r\n  </div>\r\n</nz-dropdown-menu>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "component", type: ButtonAdd, selector: "button-add" }, { kind: "component", type: ButtonSearch, selector: "button-search" }, { kind: "component", type: IconCheck, selector: "icon-check", inputs: ["size"], outputs: ["click"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzPopconfirmModule }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i4$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i4$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i5$5.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i5$5.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i5$5.NzDropdownButtonDirective, selector: "[nz-button][nz-dropdown]" }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i14.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i14.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i14.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i14.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i14.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i14.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "component", type: ExtendInput, selector: "extend-input", inputs: ["label", "floatingLabel", "placeHolder", "labelAlign", "inputClass", "labelSpan", "labelFlex", "inputFlex", "showClear", "disabled", "readOnly", "required", "noBottom", "selectModeType", "autocomplete", "autofocus", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "size", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isSubmited"], outputs: ["_ngModelChange", "onclickClearIcon", "onenter"] }, { kind: "component", type: ExtendCheckbox, selector: "extend-checkbox", inputs: ["label", "labelSpan", "labelFlex", "paddingTop", "disabled", "formData", "controlName", "valueType", "_ngModel"], outputs: ["_ngModelChange"] }, { kind: "component", type: IconDelete, selector: "icon-delete", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: IconEdit, selector: "icon-edit", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: Box, selector: "box", inputs: ["display", "width", "height"] }, { kind: "ngmodule", type: NzPaginationModule }, { kind: "component", type: i5$3.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AutoFocusDirective, selector: "[appAutoFocus]", inputs: ["appAutoFocus"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$4.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i2$3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3$2.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i4$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: UserListComponent, decorators: [{
             type: Component,
@@ -9756,6 +9759,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         FormsModule,
                         AutoFocusDirective,
                         TranslateModule,
+                        NzGridModule,
+                        NzFlexModule,
+                        NzButtonModule,
                     ], template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzGap=\"small\" nzJustify=\"end\">\r\n      <button-add (click)=\"edit(null)\"></button-add>\r\n      <button-search (click)=\"search()\"></button-search>\r\n      <button nz-button nz-dropdown [nzDropdownMenu]=\"menuAction\" nzTrigger=\"click\">\r\n        <nz-icon nzType=\"more\" nzTheme=\"outline\" />\r\n        <!-- {{ TranslateKey.ACTION | translate }} -->\r\n      </button>\r\n      <nz-dropdown-menu #menuAction=\"nzDropdownMenu\">\r\n        <ul nz-menu>\r\n          <li nz-menu-item (click)=\"import()\">Import</li>\r\n        </ul>\r\n      </nz-dropdown-menu>\r\n    </div>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"this.data.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th nzWidth=\"50px\">#</th>\r\n          <th>T\u00EAn \u0111\u0103ng nh\u1EADp</th>\r\n          <th>T\u00EAn ng\u01B0\u1EDDi d\u00F9ng</th>\r\n          <th>\u0110\u01A1n v\u1ECB</th>\r\n          <th nzWidth=\"75px\">Hi\u1EC7u l\u1EF1c</th>\r\n          <th nzWidth=\"100px\">\u0110ang online</th>\r\n          <th nzWidth=\"75px\">#</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.UserName\"></extend-input></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.FullName\"></extend-input></th>\r\n          <th><extend-input [size]=\"'small'\" [(_ngModel)]=\"filter.OrgName\"></extend-input></th>\r\n          <th></th>\r\n          <th class=\"center\"><extend-checkbox [(_ngModel)]=\"showOnlineOnly\"></extend-checkbox></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of getLstUser(); track $index; let i = $index) {\r\n          <tr>\r\n            <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n            <td>{{ row.UserName }}</td>\r\n            <td>{{ row.FullName }}</td>\r\n            <td>\r\n              {{ row.OrgName }}\r\n              <div *ngIf=\"row.LstOrgName\" [innerHtml]=\"row.LstOrgName\"></div>\r\n            </td>\r\n            <td class=\"center\">\r\n              @if (row.IsActive) {\r\n                <icon-check></icon-check>\r\n              }\r\n            </td>\r\n            <td class=\"text-center\">\r\n              @if (SignalRService.connection?.state == HubConnectionState.Connected && row.LoginStatus) {\r\n                <icon-check></icon-check>\r\n              }\r\n            </td>\r\n            <td class=\"center\">\r\n              <icon-edit (click)=\"edit(row)\"></icon-edit>\r\n              <box [width]=\"4\"></box><icon-delete (click)=\"delete(row)\"></icon-delete>\r\n            </td>\r\n          </tr>\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col [nzSpan]=\"24\">\r\n    <div nz-flex nzJustify=\"end\" nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n  <div class=\"ant-table-filter-dropdown\">\r\n    <div class=\"search-box\">\r\n      <input\r\n        type=\"text\"\r\n        nz-input\r\n        [(ngModel)]=\"filter.UserName\"\r\n        [appAutoFocus]=\"filter.isUserNameSearch\"\r\n        (keyup.enter)=\"search()\"\r\n      />\r\n      <button nz-button nzSize=\"small\" nzType=\"primary\" (click)=\"search()\" class=\"search-button\">\r\n        {{ \"SEARCH\" | translate }}\r\n      </button>\r\n      <button nz-button nzSize=\"small\" (click)=\"filter.UserName = ''; search()\">{{ \"RESET\" | translate }}</button>\r\n    </div>\r\n  </div>\r\n</nz-dropdown-menu>\r\n" }]
         }] });
 
@@ -9820,7 +9826,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                     ], template: "<form nz-form [formGroup]=\"formData\">\r\n  <div nz-row>\r\n    <div nz-col nzSpan=\"24\">\r\n      <nz-form-item>\r\n        <nz-form-label [nzSpan]=\"8\" nzFor=\"UserName\" nzLabelAlign=\"left\" nzNoColon=\"true\">\r\n          T\u00EAn \u0111\u0103ng nh\u1EADp\r\n        </nz-form-label>\r\n        <nz-form-control [nzSpan]=\"16\">\r\n          <input nz-input formControlName=\"UserName\" autocomplete=\"off\" nzDisabled />\r\n        </nz-form-control>\r\n      </nz-form-item>\r\n      <nz-form-item>\r\n        <nz-form-label [nzSpan]=\"8\" nzFor=\"Password\" nzLabelAlign=\"left\" nzNoColon=\"true\" nzRequired>\r\n          M\u1EADt kh\u1EA9u\r\n        </nz-form-label>\r\n        <nz-form-control nzErrorTip=\"{{ 'REQUIRED' | translate }}\">\r\n          <nz-input-group [nzSuffix]=\"visiblePass ? suffixTemplateHiddenPassword : suffixTemplateShowPassword\">\r\n            <input type=\"{{ passwordType }}\" nz-input formControlName=\"Password\" autocomplete=\"new-password\" />\r\n          </nz-input-group>\r\n        </nz-form-control>\r\n        <ng-template #suffixTemplateShowPassword>\r\n          <nz-icon\r\n            nzType=\"eye\"\r\n            nzTheme=\"outline\"\r\n            nz-tooltip\r\n            nzTooltipTitle=\"{{ 'SHOW' | translate }}\"\r\n            nzTooltipPlacement=\"right\"\r\n            (click)=\"visiblePass = !visiblePass; passwordType = 'text'\"\r\n          />\r\n        </ng-template>\r\n        <ng-template #suffixTemplateHiddenPassword>\r\n          <nz-icon\r\n            nzType=\"eye-invisible\"\r\n            nzTheme=\"outline\"\r\n            nz-tooltip\r\n            nzTooltipTitle=\"{{ 'HIDDEN' | translate }}\"\r\n            nzTooltipPlacement=\"right\"\r\n            (click)=\"visiblePass = !visiblePass; passwordType = 'password'\"\r\n          />\r\n        </ng-template>\r\n      </nz-form-item>\r\n      <nz-form-item>\r\n        <nz-form-label [nzSpan]=\"8\" nzFor=\"RetypePassword\" nzLabelAlign=\"left\" nzNoColon=\"true\" nzRequired>\r\n          Nh\u1EADp l\u1EA1i M\u1EADt kh\u1EA9u\r\n        </nz-form-label>\r\n        <nz-form-control nzErrorTip=\"M\u1EADt kh\u1EA9u kh\u00F4ng kh\u1EDBp\">\r\n          <nz-input-group [nzSuffix]=\"visibleRePass ? suffixTemplateHiddenRePassword : suffixTemplateShowRePassword\">\r\n            <input type=\"{{ rePasswordType }}\" nz-input formControlName=\"RetypePassword\" autocomplete=\"new-password\" />\r\n          </nz-input-group>\r\n        </nz-form-control>\r\n        <ng-template #suffixTemplateShowRePassword>\r\n          <nz-icon\r\n            nzType=\"eye\"\r\n            nzTheme=\"outline\"\r\n            nz-tooltip\r\n            nzTooltipTitle=\"{{ 'SHOW' | translate }}\"\r\n            nzTooltipPlacement=\"right\"\r\n            (click)=\"visibleRePass = !visibleRePass; rePasswordType = 'text'\"\r\n          />\r\n        </ng-template>\r\n        <ng-template #suffixTemplateHiddenRePassword>\r\n          <nz-icon\r\n            nzType=\"eye-invisible\"\r\n            nzTheme=\"outline\"\r\n            nz-tooltip\r\n            nzTooltipTitle=\"{{ 'HIDDEN' | translate }}\"\r\n            nzTooltipPlacement=\"right\"\r\n            (click)=\"visibleRePass = !visibleRePass; rePasswordType = 'password'\"\r\n          />\r\n        </ng-template>\r\n      </nz-form-item>\r\n    </div>\r\n    <div nz-col nzSpan=\"24\">\r\n      <div nz-flex nzJustify=\"end\" nzGap=\"small\">\r\n        <button nz-button nzType=\"default\" (click)=\"close()\">{{ TranslateKey.CLOSE | translate }}</button>\r\n        <button nz-button nzType=\"primary\" (click)=\"submit()\" nzDanger>{{ TranslateKey.OK | translate }}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n" }]
         }] });
 
-const URLs = {
+const URLs$1 = {
     getById: '/api/App_Setting/GetById',
     getAll: '/api/App_Setting/GetAll',
     getList: '/api/App_Setting/GetList',
@@ -9841,10 +9847,10 @@ class SettingService extends HTTPService {
         });
     }
     getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs.getAll);
+        return this.post(AppGlobals.apiEndpoint + URLs$1.getAll);
     }
     getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs.getList, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.getList, filter);
     }
     getPaging(filter) {
         return this.cms.ESP({
@@ -9860,24 +9866,24 @@ class SettingService extends HTTPService {
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$1.delete, params);
     }
     getByCodeAnonymous(code) {
         const params = new HttpParams().append('Code', code);
-        return this.getParams(AppGlobals.apiEndpoint + URLs.getByCodeAnonymous, params);
+        return this.getParams(AppGlobals.apiEndpoint + URLs$1.getByCodeAnonymous, params);
     }
     // getGroupByCodeAnonymous(code: string) {
     //   const params = new HttpParams().append('Code', code);
     //   return this.getParams(AppGlobals.apiEndpoint + URLs.getByCodeAnonymous, params);
     // }
     getAllConfig() {
-        return this.post(AppGlobals.apiEndpoint + URLs.GetAllConfig);
+        return this.post(AppGlobals.apiEndpoint + URLs$1.GetAllConfig);
     }
     applyConfig(config) {
-        return this.postData(AppGlobals.apiEndpoint + URLs.ApplyConfig, config);
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.ApplyConfig, config);
     }
     getDbInfo() {
-        return this.post(AppGlobals.apiEndpoint + URLs.GetDbInfo);
+        return this.post(AppGlobals.apiEndpoint + URLs$1.GetDbInfo);
     }
     loadConfigTheme() {
         return this.cms.ESP({
@@ -9982,6 +9988,10 @@ class UserDetailComponent extends BaseComponent {
                     this.lstRoleInUser = this.item?.lstRole || [];
                     this.updateBreadcrumb();
                 }, (err) => this.handleError(err));
+                this.formData.controls.Password.setValidators([]);
+                this.formData.controls.Password.updateValueAndValidity();
+                this.formData.controls.RetypePassword.setValidators([]);
+                this.formData.controls.RetypePassword.updateValueAndValidity();
             }
             else {
                 this.formData.controls.Password.setValidators([Validators.required]);
@@ -10459,6 +10469,165 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                     ], template: "<!-- <h3>User Profile</h3> -->\r\n<nz-tabset [nzSize]=\"'small'\" [nzType]=\"'card'\" (nzSelectedIndexChange)=\"nzSelectedIndexChange($event)\">\r\n  <nz-tab [nzTitle]=\"'\u0110\u1ED5i m\u1EADt kh\u1EA9u'\">\r\n    <form [formGroup]=\"formData\" (ngSubmit)=\"onSubmit()\" nz-form>\r\n      <div nz-row>\r\n        <div nz-col [nzSpan]=\"8\">\r\n          <nz-form-item>\r\n            <nz-form-label [nzSpan]=\"10\" [nzFor]=\"'CurrentPassword'\" nzNoColon nzLabelWrap nzRequired>\r\n              M\u1EADt kh\u1EA9u hi\u1EC7n t\u1EA1i\r\n            </nz-form-label>\r\n            <nz-form-control [nzErrorTip]=\"'REQUIRED_FIELD' | translate\">\r\n              <nz-input-group\r\n                [nzSuffix]=\"\r\n                  !CurrentPasswordVisible ? suffixTemplateShowCurrentPassword : suffixTemplateHiddenCurrentPassword\r\n                \"\r\n              >\r\n                <input\r\n                  nz-input\r\n                  type=\"{{ CurrentPasswordType }}\"\r\n                  formControlName=\"CurrentPassword\"\r\n                  id=\"CurrentPassword\"\r\n                />\r\n              </nz-input-group>\r\n              <ng-template #suffixTemplateShowCurrentPassword>\r\n                <nz-icon\r\n                  nzType=\"eye\"\r\n                  nzTheme=\"outline\"\r\n                  nz-tooltip\r\n                  nzTooltipTitle=\"{{ 'SHOW' | translate }}\"\r\n                  nzTooltipPlacement=\"right\"\r\n                  (click)=\"CurrentPasswordVisible = !CurrentPasswordVisible; CurrentPasswordType = 'text'\"\r\n                />\r\n              </ng-template>\r\n              <ng-template #suffixTemplateHiddenCurrentPassword>\r\n                <nz-icon\r\n                  nzType=\"eye-invisible\"\r\n                  nzTheme=\"outline\"\r\n                  nz-tooltip\r\n                  nzTooltipTitle=\"{{ 'HIDDEN' | translate }}\"\r\n                  nzTooltipPlacement=\"right\"\r\n                  (click)=\"CurrentPasswordVisible = !CurrentPasswordVisible; CurrentPasswordType = 'password'\"\r\n                />\r\n              </ng-template>\r\n            </nz-form-control>\r\n          </nz-form-item>\r\n\r\n          <nz-form-item>\r\n            <nz-form-label [nzSpan]=\"10\" [nzFor]=\"'NewPassword'\" nzNoColon nzLabelWrap nzRequired>\r\n              M\u1EADt kh\u1EA9u m\u1EDBi\r\n            </nz-form-label>\r\n            <nz-form-control [nzErrorTip]=\"NewPasswordErrorTpl\">\r\n              <nz-input-group\r\n                [nzSuffix]=\"!NewPasswordVisible ? suffixTemplateShowNewPassword : suffixTemplateHiddenNewPassword\"\r\n              >\r\n                <input nz-input type=\"{{ NewPasswordType }}\" formControlName=\"NewPassword\" id=\"NewPassword\" />\r\n              </nz-input-group>\r\n              <ng-template #suffixTemplateShowNewPassword>\r\n                <nz-icon\r\n                  nzType=\"eye\"\r\n                  nzTheme=\"outline\"\r\n                  nz-tooltip\r\n                  nzTooltipTitle=\"{{ 'SHOW' | translate }}\"\r\n                  nzTooltipPlacement=\"right\"\r\n                  (click)=\"NewPasswordVisible = !NewPasswordVisible; NewPasswordType = 'text'\"\r\n                />\r\n              </ng-template>\r\n              <ng-template #suffixTemplateHiddenNewPassword>\r\n                <nz-icon\r\n                  nzType=\"eye-invisible\"\r\n                  nzTheme=\"outline\"\r\n                  nz-tooltip\r\n                  nzTooltipTitle=\"{{ 'HIDDEN' | translate }}\"\r\n                  nzTooltipPlacement=\"right\"\r\n                  (click)=\"NewPasswordVisible = !NewPasswordVisible; NewPasswordType = 'password'\"\r\n                />\r\n              </ng-template>\r\n              <ng-template #NewPasswordErrorTpl let-control>\r\n                @if (control.errors?.[\"required\"]) {\r\n                  {{ \"REQUIRED_FIELD\" | translate }}\r\n                }\r\n                @if (control.errors?.[\"minlength\"]) {\r\n                  M\u1EADt kh\u1EA9u d\u00E0i t\u1ED1i thi\u1EC3u 6 k\u00FD t\u1EF1\r\n                }\r\n              </ng-template>\r\n            </nz-form-control>\r\n          </nz-form-item>\r\n\r\n          <nz-form-item>\r\n            <nz-form-label [nzSpan]=\"10\" [nzFor]=\"'ConfirmPassword'\" nzNoColon nzLabelWrap nzRequired>\r\n              X\u00E1c nh\u1EADn m\u1EADt kh\u1EA9u m\u1EDBi\r\n            </nz-form-label>\r\n            <nz-form-control [nzErrorTip]=\"ConfirmPasswordErrorTpl\">\r\n              <nz-input-group\r\n                [nzSuffix]=\"\r\n                  !ConfirmPasswordVisible ? suffixTemplateShowConfirmPassword : suffixTemplateHiddenConfirmPassword\r\n                \"\r\n              >\r\n                <input\r\n                  nz-input\r\n                  type=\"{{ ConfirmPasswordType }}\"\r\n                  formControlName=\"ConfirmPassword\"\r\n                  id=\"ConfirmPassword\"\r\n                />\r\n              </nz-input-group>\r\n              <ng-template #suffixTemplateShowConfirmPassword>\r\n                <nz-icon\r\n                  nzType=\"eye\"\r\n                  nzTheme=\"outline\"\r\n                  nz-tooltip\r\n                  nzTooltipTitle=\"{{ 'SHOW' | translate }}\"\r\n                  nzTooltipPlacement=\"right\"\r\n                  (click)=\"ConfirmPasswordVisible = !ConfirmPasswordVisible; ConfirmPasswordType = 'text'\"\r\n                />\r\n              </ng-template>\r\n              <ng-template #suffixTemplateHiddenConfirmPassword>\r\n                <nz-icon\r\n                  nzType=\"eye-invisible\"\r\n                  nzTheme=\"outline\"\r\n                  nz-tooltip\r\n                  nzTooltipTitle=\"{{ 'HIDDEN' | translate }}\"\r\n                  nzTooltipPlacement=\"right\"\r\n                  (click)=\"ConfirmPasswordVisible = !ConfirmPasswordVisible; ConfirmPasswordType = 'password'\"\r\n                />\r\n              </ng-template>\r\n              <ng-template #ConfirmPasswordErrorTpl let-control>\r\n                @if (control.errors?.[\"required\"]) {\r\n                  {{ \"REQUIRED_FIELD\" | translate }}\r\n                }\r\n                @if (control.errors?.[\"passwordMismatch\"]) {\r\n                  M\u1EADt kh\u1EA9u kh\u00F4ng kh\u1EDBp\r\n                }\r\n              </ng-template>\r\n            </nz-form-control>\r\n          </nz-form-item>\r\n        </div>\r\n      </div>\r\n\r\n      <button nz-button nzType=\"primary\">\u0110\u1ED5i m\u1EADt kh\u1EA9u</button>\r\n    </form>\r\n  </nz-tab>\r\n\r\n  <nz-tab [nzTitle]=\"'Giao di\u1EC7n'\">\r\n    <div nz-row>\r\n      <extend-checkbox\r\n        nz-col\r\n        [nzSpan]=\"6\"\r\n        [label]=\"'High contrast'\"\r\n        [labelSpan]=\"0\"\r\n        [(_ngModel)]=\"isHighContrast\"\r\n        (_ngModelChange)=\"onChangeHighContrast()\"\r\n      ></extend-checkbox>\r\n\r\n      <extend-input\r\n        nz-col\r\n        [nzSpan]=\"6\"\r\n        [label]=\"'Side width'\"\r\n        [(_ngModel)]=\"sideWidth\"\r\n        (_ngModelChange)=\"onChangeSideWidth()\"\r\n      ></extend-input>\r\n    </div>\r\n\r\n    <div nz-row [nzGutter]=\"16\">\r\n      <div nz-col>\r\n        Theme color:\r\n        <nz-color-picker\r\n          nzShowText\r\n          [ngModel]=\"\r\n            profileService.userProfile[profileService.KEY_THEME_COLOR] ||\r\n            profileService.themecf[profileService.KEY_THEME_COLOR] ||\r\n            profileService.DEFAULT_THEME_COLOR\r\n          \"\r\n          (ngModelChange)=\"\r\n            profileService.updateUserProfile(profileService.KEY_THEME_COLOR, $event); profileService.loadTheme()\r\n          \"\r\n        ></nz-color-picker>\r\n      </div>\r\n    </div>\r\n\r\n    <div nz-row [nzGutter]=\"16\">\r\n      <div nz-col>\r\n        Theme menu color:\r\n        <nz-color-picker\r\n          nzShowText\r\n          [ngModel]=\"\r\n            profileService.userProfile[profileService.KEY_THEME_MENU_COLOR] ||\r\n            profileService.themecf[profileService.KEY_THEME_MENU_COLOR] ||\r\n            profileService.DEFAULT_THEME_MENU_COLOR\r\n          \"\r\n          (ngModelChange)=\"\r\n            profileService.updateUserProfile(profileService.KEY_THEME_MENU_COLOR, $event); profileService.loadTheme()\r\n          \"\r\n        ></nz-color-picker>\r\n      </div>\r\n    </div>\r\n\r\n    <div nz-row [nzGutter]=\"16\">\r\n      <div nz-col>\r\n        <button type=\"button\" nz-button nzType=\"primary\" nzDanger (click)=\"profileService.resetTheme()\">\r\n          Reset Theme\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </nz-tab>\r\n  <!-- <nz-tab [nzTitle]=\"'Tab3'\"> Tab3 </nz-tab> -->\r\n</nz-tabset>\r\n" }]
         }] });
 
+const URLs = {
+    getById: '/api/App_Sequence/GetById',
+    getAll: '/api/App_Sequence/GetAll',
+    getList: '/api/App_Sequence/GetList',
+    getPaging: '/api/App_Sequence/GetPaging',
+    addOrEdit: '/api/App_Sequence/AddOrEdit',
+    delete: '/api/App_Sequence/Delete',
+};
+class SequenceService extends HTTPService {
+    commonService = inject(CommonService);
+    getById(id) {
+        const params = new HttpParams().append('id', id);
+        return this.postParams(AppGlobals.apiEndpoint + URLs.getById, params);
+    }
+    getAll() {
+        return this.post(AppGlobals.apiEndpoint + URLs.getAll);
+    }
+    getList(filter) {
+        return this.postData(AppGlobals.apiEndpoint + URLs.getList, filter);
+    }
+    getPaging(filter) {
+        return this.commonService.ESP({
+            SPN: 'App_Sequence_getPaging',
+            Params: [filter],
+        });
+    }
+    addOrEdit(obj) {
+        return this.commonService.ESP({
+            SPN: 'App_Sequence_addOrEdit',
+            Params: [obj],
+        });
+    }
+    delete(id) {
+        const params = new HttpParams().append('id', id);
+        return this.postParams(AppGlobals.apiEndpoint + URLs.delete, params);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SequenceService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SequenceService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SequenceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class App_Sequence {
+    // #region properties
+    App_Sequence_Id;
+    App_Org_Id;
+    IsActive;
+    CreatedDate;
+    CreatedUser;
+    UpdatedDate;
+    UpdatedUser;
+    Code;
+    Type;
+    Prefix;
+    Suffix;
+    Length;
+    SeqStartAt;
+    Description;
+    // #endregion properties
+    constructor(obj) {
+        obj = obj || {};
+        this.App_Sequence_Id = obj.App_Sequence_Id || '';
+        this.App_Org_Id = obj.App_Org_Id || '';
+        this.IsActive = obj.IsActive || false;
+        this.CreatedDate = obj.CreatedDate || null;
+        this.CreatedUser = obj.CreatedUser || '';
+        this.UpdatedDate = obj.UpdatedDate || null;
+        this.UpdatedUser = obj.UpdatedUser || '';
+        this.Code = obj.Code || '';
+        this.Type = obj.Type || '';
+        this.Prefix = obj.Prefix || '';
+        this.Suffix = obj.Suffix || '';
+        this.Length = obj.Length || null;
+        this.SeqStartAt = obj.SeqStartAt || 0;
+        this.Description = obj.Description || '';
+    }
+}
+class App_SequenceFilter extends GridFilter {
+    Code;
+}
+
+class SequenceListComponent extends BaseComponent {
+    service = inject(SequenceService);
+    data = new PagingData();
+    filter = new App_SequenceFilter();
+    ngOnInit() {
+        this.filter = this.AppGlobals.getFilter(App_SequenceFilter.name) || new App_SequenceFilter();
+        this.getData();
+        Breadcrumb.lstBreadcrumb = [
+            {
+                Name: 'Sequence',
+                Click: () => this.getData(),
+            },
+            {
+                Name: 'Danh sách',
+                Click: () => this.getData(),
+            },
+        ];
+    }
+    ngOnDestroy() {
+        this.AppGlobals.setFilter(App_SequenceFilter.name, this.filter);
+        Breadcrumb.lstBreadcrumb = [];
+    }
+    search() {
+        this.filter.PageIndex = 0;
+        this.getData();
+    }
+    getData() {
+        this.service.getPaging(this.filter).then((res) => {
+            this.data = new PagingData(res.Data);
+        }, (err) => this.handleError(err));
+    }
+    edit(item) {
+        if (item) {
+            this.goto(`/admin/sequence/${item.App_Sequence_Id}`);
+        }
+        else {
+            this.goto(`/admin/sequence/new`);
+        }
+    }
+    delete(item) {
+        this.service.delete(item.App_Sequence_Id).then((res) => {
+            this.notiService.success(this.translate.instant(this.TranslateKey.DELETE_SUCCESS));
+            this.getData();
+        }, (err) => this.handleError(err));
+    }
+    onQueryParamsChange(pageIndex, pageSize) {
+        this.filter.PageIndex = pageIndex;
+        this.filter.PageSize = pageSize;
+        this.getData();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SequenceListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: SequenceListComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <div nz-flex nzGap=\"small\">\r\n        <button-add (click)=\"edit(null)\"></button-add>\r\n        <button-search (click)=\"search()\"></button-search>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"data.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzShowSizeChanger]=\"true\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th>#</th>\r\n          <th>Code</th>\r\n          <th>Type</th>\r\n          <th>Prefix</th>\r\n          <th>Suffix</th>\r\n          <th>Length</th>\r\n          <th>Start at</th>\r\n          <th>Description</th>\r\n          <th>Active</th>\r\n          <th>Action</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th></th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Code\"></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of table.data; track $index; let i = $index) {\r\n          <tr>\r\n            <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n            <td>{{ row.Code }}</td>\r\n            <td>{{ row.Type }}</td>\r\n            <td>{{ row.Prefix }}</td>\r\n            <td>{{ row.Suffix }}</td>\r\n            <td>{{ row.Length }}</td>\r\n            <td>{{ row.SeqStartAt }}</td>\r\n            <td>{{ row.Description }}</td>\r\n            <td class=\"center\">\r\n              @if (row.IsActive) {\r\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n              }\r\n            </td>\r\n            <td class=\"center\">\r\n              <icon-edit></icon-edit>\r\n              <box [width]=\"4\"></box>\r\n              <icon-delete></icon-delete>\r\n            </td>\r\n          </tr>\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-row nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: ButtonSearch, selector: "button-search" }, { kind: "component", type: ButtonAdd, selector: "button-add" }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$4.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i14.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i14.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i14.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i14.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i14.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i14.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "component", type: ExtendInput, selector: "extend-input", inputs: ["label", "floatingLabel", "placeHolder", "labelAlign", "inputClass", "labelSpan", "labelFlex", "inputFlex", "showClear", "disabled", "readOnly", "required", "noBottom", "selectModeType", "autocomplete", "autofocus", "inputWidth", "inputHeight", "borderBottomOnly", "displayInline", "size", "lstItem", "displayField", "valueField", "formData", "controlName", "_ngModel", "isSubmited"], outputs: ["_ngModelChange", "onclickClearIcon", "onenter"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: IconEdit, selector: "icon-edit", inputs: ["size"], outputs: ["click"] }, { kind: "component", type: Box, selector: "box", inputs: ["display", "width", "height"] }, { kind: "component", type: IconDelete, selector: "icon-delete", inputs: ["size"], outputs: ["click"] }, { kind: "ngmodule", type: NzPaginationModule }, { kind: "component", type: i5$3.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SequenceListComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        ButtonSearch,
+                        ButtonAdd,
+                        NzGridModule,
+                        NzFlexModule,
+                        NzTableModule,
+                        ExtendInput,
+                        NzIconModule,
+                        IconEdit,
+                        Box,
+                        IconDelete,
+                        NzPaginationModule,
+                        CommonModule,
+                    ], template: "<div nz-row [nzGutter]=\"[0, 8]\">\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-flex nzJustify=\"end\">\r\n      <div nz-flex nzGap=\"small\">\r\n        <button-add (click)=\"edit(null)\"></button-add>\r\n        <button-search (click)=\"search()\"></button-search>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div nz-col nzSpan=\"24\">\r\n    <nz-table\r\n      #table\r\n      [nzData]=\"data.LstItem || []\"\r\n      [nzBordered]=\"true\"\r\n      [nzSize]=\"'small'\"\r\n      [nzShowSizeChanger]=\"true\"\r\n      [nzFrontPagination]=\"false\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <th>#</th>\r\n          <th>Code</th>\r\n          <th>Type</th>\r\n          <th>Prefix</th>\r\n          <th>Suffix</th>\r\n          <th>Length</th>\r\n          <th>Start at</th>\r\n          <th>Description</th>\r\n          <th>Active</th>\r\n          <th>Action</th>\r\n        </tr>\r\n        <tr class=\"tr-search\" (keyup.enter)=\"search()\">\r\n          <th></th>\r\n          <th>\r\n            <extend-input size=\"small\" [(_ngModel)]=\"filter.Code\"></extend-input>\r\n          </th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (row of table.data; track $index; let i = $index) {\r\n          <tr>\r\n            <td>{{ i + 1 + filter.PageIndex * filter.PageSize }}</td>\r\n            <td>{{ row.Code }}</td>\r\n            <td>{{ row.Type }}</td>\r\n            <td>{{ row.Prefix }}</td>\r\n            <td>{{ row.Suffix }}</td>\r\n            <td>{{ row.Length }}</td>\r\n            <td>{{ row.SeqStartAt }}</td>\r\n            <td>{{ row.Description }}</td>\r\n            <td class=\"center\">\r\n              @if (row.IsActive) {\r\n                <nz-icon nzType=\"check-circle\" nzTheme=\"outline\" class=\"color-primary\" />\r\n              }\r\n            </td>\r\n            <td class=\"center\">\r\n              <icon-edit></icon-edit>\r\n              <box [width]=\"4\"></box>\r\n              <icon-delete></icon-delete>\r\n            </td>\r\n          </tr>\r\n        }\r\n      </tbody>\r\n    </nz-table>\r\n  </div>\r\n  <div nz-col nzSpan=\"24\">\r\n    <div nz-row nzJustify=\"end\">\r\n      <nz-pagination\r\n        [nzSize]=\"'small'\"\r\n        [nzPageIndex]=\"filter.PageIndex + 1\"\r\n        [nzPageSize]=\"filter.PageSize\"\r\n        [nzTotal]=\"data.TotalCount || 0\"\r\n        [nzShowSizeChanger]=\"true\"\r\n        [nzShowTotal]=\"showTotalTpl\"\r\n        [nzPageSizeOptions]=\"AppGlobals.pageSizeOptions\"\r\n        (nzPageIndexChange)=\"onQueryParamsChange($event - 1, filter.PageSize)\"\r\n        (nzPageSizeChange)=\"onQueryParamsChange(filter.PageIndex, $event)\"\r\n      >\r\n      </nz-pagination>\r\n\r\n      <ng-template #showTotalTpl let-total let-range=\"range\">\r\n        {{ range[0] | number }} - {{ range[1] | number }} / {{ total | number }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }] });
+
+// export { SequenceDetailComponent } from './sequence/detail/sequence-detail';
+// export { CacheListComponent } from './cache/list/cache-list.component';
+
 class HasPermissionPipe {
     permissionService;
     static debug = false;
@@ -10852,6 +11021,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: ['blur']
             }] } });
 
+class LimitLettersPipe {
+    transform(value, limit = 3) {
+        if (!value)
+            return '';
+        // Nếu độ dài chuỗi thực tế nhỏ hơn hoặc bằng limit thì giữ nguyên
+        if (value.length <= limit) {
+            return value;
+        }
+        // Cắt chuỗi từ index 0 đến vị trí limit và thêm '...'
+        return value.slice(0, limit) + '...';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: LimitLettersPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: LimitLettersPipe, isStandalone: true, name: "limitLetters" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: LimitLettersPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'limitLetters',
+                }]
+        }] });
+
 class LimitWordsPipe {
     transform(value, limit = 3) {
         if (!value)
@@ -10869,6 +11059,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 
+class DurationFormatPipe {
+    transform(minutes) {
+        if (minutes === null || minutes === undefined)
+            return '';
+        // Xử lý case không hết hạn (TTL = -1)
+        if (minutes < 0)
+            return 'Vĩnh viễn';
+        if (minutes < 60) {
+            return `${minutes} phút`;
+        }
+        const MINS_IN_DAY = 60 * 24;
+        const days = Math.floor(minutes / MINS_IN_DAY);
+        const hours = Math.floor((minutes % MINS_IN_DAY) / 60);
+        const remainingMins = minutes % 60;
+        const parts = [];
+        if (days > 0) {
+            parts.push(`${days} ngày`);
+        }
+        if (hours > 0) {
+            parts.push(`${hours} giờ`);
+        }
+        // Nếu đã hiển thị số ngày (VD: 365 ngày) thì ẩn số phút lẻ đi cho bảng đỡ rối rắm
+        if (remainingMins > 0 && days === 0) {
+            parts.push(`${remainingMins} phút`);
+        }
+        // Trả về chuỗi ghép lại hoặc "0 phút" nếu tất cả bằng 0
+        return parts.length > 0 ? parts.join(' ') : '0 phút';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DurationFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: DurationFormatPipe, isStandalone: true, name: "durationFormat" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DurationFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'durationFormat',
+                }]
+        }] });
+
 class XLSXHelper {
     static readExcelFileToObjects(file, columnCount, readAllSheets) {
         return new Promise((resolve, reject) => {
@@ -11809,5 +12037,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ABAC_RULES_TOKEN, ActionRule, ActionRuleLine, AnimatedDigitComponent, AppGlobals, AppStorage, App_Dic_Domain, App_Dic_DomainFilter, App_File, App_Menu$1 as App_Menu, App_Org, App_Role, App_Role_Menu_Ref, App_Setting, App_SettingFilter, App_User, AuthGuard, AuthService, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, CustomNotiComponent, CustomNotiService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainListComponent, DicDomainPipe, DicDomainSelectComponent, DicDomainService, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExpandableSearchComponent, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendPaginationComponent, ExtendSelectComponent, ExtendTableComponent, ExtendTextArea, FileFilter, FileListComponent, FileService, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, HasPermissionDirective, HasPermissionPipe, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconCheck, IconClose, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, MenuDetailComponent, MenuFilter, MenuListComponent, MenuService, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, OrgDetailComponent, OrgFilter, OrgListComponent, OrgService, PagingData, PagingModel, PdfViewerComponent, PermissionComponent, PermissionService$1 as PermissionService, ReadMoreProComponent, RoleDetailComponent, RoleFilter, RoleListComponent, RoleService, RouteMonitorService, SessionManagerService, SettingListComponent, SettingService$1 as SettingService, TableHeader, ThemeService, TokenStorage, TranslateKey, URLs$8 as URLs, UnsavedChangesGuard, UpperCaseFirsLetterEachWordDirective, UppercaseDirective, UppercaseFirstLetterDirective, UserDetailComponent, UserFilter, UserListComponent, UserProfileComponent, UserProfileService, UserService, VscService, WF_TemplateActionRef, WF_TransitionRule, WF_TransitionRuleLine, Width, Workflow, WorkflowAction, WorkflowActionEditorOption, WorkflowActionRef, WorkflowEditorComponent, WorkflowEditorOption, WorkflowStage, WorkflowStageEditorOption, XLSXHelper, authInterceptor };
+export { ABAC_RULES_TOKEN, ActionRule, ActionRuleLine, AnimatedDigitComponent, AppGlobals, AppStorage, App_Dic_Domain, App_Dic_DomainFilter, App_File, App_Menu$1 as App_Menu, App_Org, App_Role, App_Role_Menu_Ref, App_Setting, App_SettingFilter, App_User, AuthGuard, AuthService, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, CustomNotiComponent, CustomNotiService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainListComponent, DicDomainPipe, DicDomainSelectComponent, DicDomainService, DoughnutGraphComponent, DownloadHelper, DurationFormatPipe, ENUM_ResponseType, ExpandableSearchComponent, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendPaginationComponent, ExtendSelectComponent, ExtendTableComponent, ExtendTextArea, FileFilter, FileListComponent, FileService, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, HasPermissionDirective, HasPermissionPipe, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconCheck, IconClose, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitLettersPipe, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, MenuDetailComponent, MenuFilter, MenuListComponent, MenuService, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, OrgDetailComponent, OrgFilter, OrgListComponent, OrgService, PagingData, PagingModel, PdfViewerComponent, PermissionComponent, PermissionService$1 as PermissionService, ReadMoreProComponent, RoleDetailComponent, RoleFilter, RoleListComponent, RoleService, RouteMonitorService, SequenceListComponent, SessionManagerService, SettingListComponent, SettingService$1 as SettingService, TableHeader, ThemeService, TokenStorage, TranslateKey, URLs$9 as URLs, UnsavedChangesGuard, UpperCaseFirsLetterEachWordDirective, UppercaseDirective, UppercaseFirstLetterDirective, UserDetailComponent, UserFilter, UserListComponent, UserProfileComponent, UserProfileService, UserService, VscService, WF_TemplateActionRef, WF_TransitionRule, WF_TransitionRuleLine, Width, Workflow, WorkflowAction, WorkflowActionEditorOption, WorkflowActionRef, WorkflowEditorComponent, WorkflowEditorOption, WorkflowStage, WorkflowStageEditorOption, XLSXHelper, authInterceptor };
 //# sourceMappingURL=brggroup-share-lib.mjs.map