@brggroup/share-lib 0.1.52 → 0.1.54

package/fesm2022/brggroup-share-lib.mjs

@@ -69,6 +69,8 @@ import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
 import * as i4$2 from 'ng-zorro-antd/core/wave';
 import * as i1$9 from 'ng-zorro-antd/tabs';
 import { NzTabsModule } from 'ng-zorro-antd/tabs';
+import * as i12 from '@angular/cdk/clipboard';
+import { ClipboardModule } from '@angular/cdk/clipboard';
 import * as i18 from 'ng-zorro-antd/popconfirm';
 import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
 import * as XLSX from 'xlsx';
@@ -827,7 +829,7 @@ function checkPermission(user, rules, resource, action, data) {
             // Xử lý an toàn: Các mã quyền chứa '_own' bắt buộc phải có luật kiểm tra dữ liệu.
             // Nếu không có luật -> CHẶN NGAY LẬP TỨC (Fail-Closed).
             if (permCode.includes('_own')) {
-                console.error(`[Security Warning]: Thiếu khai báo rule cho quyền "${permCode}" trong APP_PERMISSION_RULES. Hệ thống tự động từ chối truy cập để đảm bảo an toàn.`);
+                console.error(`[Security Warning]: Thiếu khai báo rule cho quyền "${permCode}" trong APP_PERMISSION_RULES.`);
                 return false;
             }
             // Với các quyền toàn cục như '_all', 'create', 'export' -> Bỏ qua, cho phép hiển thị
@@ -852,6 +854,7 @@ function checkRole(user, expectedRole) {
 }
 
 let PermissionService$1 = class PermissionService {
+    static debug = false;
     cms = inject(CommonService);
     currentUser$ = new BehaviorSubject(null);
     // Hứng luật từ App. Nếu App không truyền thì lấy object rỗng {}
@@ -922,7 +925,7 @@ class AuthGuard {
     async canActivate(route, state) {
         // return true;
         if (await this.authService.pingAuth()) {
-            this.permissionService.getUserPermission();
+            await this.permissionService.getUserPermission();
             return true;
         }
         TokenStorage.clearToken();
@@ -3525,26 +3528,6 @@ class CheckModel {
     ErrorMessage = '';
     ErrorContent = '';
 }
-class App_Org {
-    // #region properties
-    App_Org_Id;
-    CreatedDate;
-    CreatedUser;
-    UpdatedDate;
-    UpdatedUser;
-    IsActive;
-    Code;
-    Name;
-    NameEn;
-    Type;
-    Address;
-    Description;
-    ParentId;
-    OrderValue;
-    // #endregion properties
-    TreeNodeName;
-    LstUserId;
-}
 
 class ReadMoreProComponent {
     text = '';
@@ -6954,7 +6937,7 @@ class RoleMenuPermission extends BaseComponent {
     // Quản lý trạng thái Checkbox của từng cột (Role) trên Thead
     roleColumnState = {};
     ngOnInit() {
-        this.getData();
+        // this.getData();
     }
     getData() {
         Promise.all([
@@ -7161,7 +7144,7 @@ class UserRolePermission extends BaseComponent {
     // Lưu trữ trạng thái Checkbox của cột "Chọn tất cả" cho từng User để tránh gọi hàm trong HTML
     userRowState = {};
     ngOnInit() {
-        this.getData();
+        // this.getData();
     }
     getData() {
         Promise.all([
@@ -7275,7 +7258,7 @@ class RolePermissionComponent extends BaseComponent {
     // Lưu trữ danh sách PermissionCode đang được tích chọn cho Role hiện tại
     selectedPermissionIds = new Set();
     ngOnInit() {
-        this.loadRoles();
+        // this.loadRoles();
         // this.loadAllResources(); // Load khung Matrix (danh mục Module & Actions)
     }
     // --- 1. Gọi API lấy danh sách Role động ---
@@ -7331,7 +7314,7 @@ class RolePermissionComponent extends BaseComponent {
             .finally(() => (this.isSaving = false));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: RolePermissionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: RolePermissionComponent, isStandalone: true, selector: "role-resource-permission", usesInheritance: true, ngImport: i0, template: "<nz-card [nzBordered]=\"false\" nzTitle=\"C\u1EA5u h\u00ECnh Ph\u00E2n quy\u1EC1n H\u1EC7 th\u1ED1ng\">\r\n  <div class=\"header-action\" nz-row nzJustify=\"space-between\" nzAlign=\"middle\" style=\"margin-bottom: 24px\">\r\n    <div nz-col>\r\n      <span style=\"margin-right: 16px; font-weight: bold\">Ch\u1ECDn Nh\u00F3m quy\u1EC1n (Role):</span>\r\n      <nz-select\r\n        [(ngModel)]=\"selectedId\"\r\n        (ngModelChange)=\"onRoleChange($event)\"\r\n        nzPlaceHolder=\"-- Vui l\u00F2ng ch\u1ECDn Role --\"\r\n        style=\"width: 300px\"\r\n      >\r\n        <nz-option *ngFor=\"let role of lstRole\" [nzValue]=\"role.App_Role_Id\" [nzLabel]=\"role.Name || ''\"></nz-option>\r\n      </nz-select>\r\n    </div>\r\n    <div nz-col>\r\n      <button nz-button nzType=\"primary\" (click)=\"savePermissions()\" [nzLoading]=\"isSaving\" [disabled]=\"!selectedId\">\r\n        <i nz-icon nzType=\"save\"></i> L\u01B0u c\u1EA5u h\u00ECnh\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <nz-divider></nz-divider>\r\n\r\n  <nz-spin [nzSpinning]=\"isLoading\">\r\n    <div *ngIf=\"!selectedId\" style=\"text-align: center; color: #999; padding: 40px 0\">\r\n      Vui l\u00F2ng ch\u1ECDn m\u1ED9t Nh\u00F3m quy\u1EC1n \u0111\u1EC3 xem v\u00E0 c\u1EA5u h\u00ECnh.\r\n    </div>\r\n\r\n    <div *ngIf=\"selectedId\">\r\n      <div *ngFor=\"let group of resourceGroups\" style=\"margin-bottom: 24px\">\r\n        <h4 style=\"border-left: 4px solid #1890ff; padding-left: 8px; margin-bottom: 16px\">\r\n          {{ group.ResourceName }}\r\n        </h4>\r\n\r\n        <nz-card [nzBordered]=\"true\" nzSize=\"small\">\r\n          <nz-row [nzGutter]=\"[16, 16]\">\r\n            <nz-col [nzSpan]=\"6\" *ngFor=\"let perm of group.permissions\">\r\n              <label\r\n                nz-checkbox\r\n                [nzChecked]=\"isPermissionChecked(perm.App_Permission_Id)\"\r\n                (nzCheckedChange)=\"onCheckChange(perm.App_Permission_Id, $event)\"\r\n              >\r\n                {{ perm.PermissionName }} <br />\r\n                <small style=\"color: #888\">({{ perm.PermissionCode }})</small>\r\n              </label>\r\n            </nz-col>\r\n          </nz-row>\r\n        </nz-card>\r\n      </div>\r\n    </div>\r\n  </nz-spin>\r\n</nz-card>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzCardModule }, { kind: "component", type: i3$3.NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i2$2.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$2.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzDividerModule }, { kind: "component", type: i8.NzDividerComponent, selector: "nz-divider", inputs: ["nzText", "nzType", "nzOrientation", "nzVariant", "nzDashed", "nzPlain"], exportAs: ["nzDivider"] }, { kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i2$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i3.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: RolePermissionComponent, isStandalone: true, selector: "role-resource-permission", usesInheritance: true, ngImport: i0, template: "<nz-card [nzBordered]=\"false\" nzTitle=\"C\u1EA5u h\u00ECnh Ph\u00E2n quy\u1EC1n H\u1EC7 th\u1ED1ng\">\r\n  <div class=\"header-action\" nz-row nzJustify=\"space-between\" nzAlign=\"middle\" style=\"margin-bottom: 24px\">\r\n    <div nz-col>\r\n      <span style=\"margin-right: 16px; font-weight: bold\">Ch\u1ECDn Nh\u00F3m quy\u1EC1n (Role):</span>\r\n      <nz-select\r\n        [(ngModel)]=\"selectedId\"\r\n        (ngModelChange)=\"onRoleChange($event)\"\r\n        nzPlaceHolder=\"-- Vui l\u00F2ng ch\u1ECDn Role --\"\r\n        style=\"width: 300px\"\r\n      >\r\n        <nz-option *ngFor=\"let role of lstRole\" [nzValue]=\"role.App_Role_Id\" [nzLabel]=\"role.Name || ''\"></nz-option>\r\n      </nz-select>\r\n    </div>\r\n    <div nz-col>\r\n      <button nz-button nzType=\"primary\" (click)=\"savePermissions()\" [nzLoading]=\"isSaving\" [disabled]=\"!selectedId\">\r\n        <i nz-icon nzType=\"save\"></i> L\u01B0u c\u1EA5u h\u00ECnh\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <nz-divider></nz-divider>\r\n\r\n  <nz-spin [nzSpinning]=\"isLoading\">\r\n    <div *ngIf=\"!selectedId\" style=\"text-align: center; color: #999; padding: 40px 0\">\r\n      Vui l\u00F2ng ch\u1ECDn m\u1ED9t Nh\u00F3m quy\u1EC1n \u0111\u1EC3 xem v\u00E0 c\u1EA5u h\u00ECnh.\r\n    </div>\r\n\r\n    <div *ngIf=\"selectedId\">\r\n      <div *ngFor=\"let group of resourceGroups\" style=\"margin-bottom: 24px\">\r\n        <h4 style=\"border-left: 4px solid #1890ff; padding-left: 8px; margin-bottom: 16px\">\r\n          {{ group.ResourceName }}\r\n        </h4>\r\n\r\n        <nz-card [nzBordered]=\"true\" nzSize=\"small\">\r\n          <nz-row [nzGutter]=\"[16, 16]\">\r\n            <nz-col [nzSpan]=\"6\" *ngFor=\"let perm of group.permissions\">\r\n              <label\r\n                nz-checkbox\r\n                [nzChecked]=\"isPermissionChecked(perm.App_Permission_Id)\"\r\n                (nzCheckedChange)=\"onCheckChange(perm.App_Permission_Id, $event)\"\r\n              >\r\n                {{ perm.PermissionName }} <br />\r\n                <small style=\"color: #888\">{{ perm.PermissionCode }}</small>\r\n                <button\r\n                  nz-button\r\n                  nzType=\"text\"\r\n                  cdkCopyToClipboard=\"{{ perm.PermissionCode }}\"\r\n                  (click)=\"$event.stopPropagation(); success('\u0110\u00E3 copy: ' + perm.PermissionCode)\"\r\n                >\r\n                  <i nz-icon nzType=\"copy\" style=\"color: #888\"></i>\r\n                </button>\r\n              </label>\r\n            </nz-col>\r\n          </nz-row>\r\n        </nz-card>\r\n      </div>\r\n    </div>\r\n  </nz-spin>\r\n</nz-card>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzCardModule }, { kind: "component", type: i3$3.NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i2$2.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$2.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzDividerModule }, { kind: "component", type: i8.NzDividerComponent, selector: "nz-divider", inputs: ["nzText", "nzType", "nzOrientation", "nzVariant", "nzDashed", "nzPlain"], exportAs: ["nzDivider"] }, { kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i2$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i4.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: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i3.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i12.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: RolePermissionComponent, decorators: [{
             type: Component,
@@ -7345,7 +7328,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                         NzSpinModule,
                         NzGridModule,
                         NzCheckboxModule,
-                    ], template: "<nz-card [nzBordered]=\"false\" nzTitle=\"C\u1EA5u h\u00ECnh Ph\u00E2n quy\u1EC1n H\u1EC7 th\u1ED1ng\">\r\n  <div class=\"header-action\" nz-row nzJustify=\"space-between\" nzAlign=\"middle\" style=\"margin-bottom: 24px\">\r\n    <div nz-col>\r\n      <span style=\"margin-right: 16px; font-weight: bold\">Ch\u1ECDn Nh\u00F3m quy\u1EC1n (Role):</span>\r\n      <nz-select\r\n        [(ngModel)]=\"selectedId\"\r\n        (ngModelChange)=\"onRoleChange($event)\"\r\n        nzPlaceHolder=\"-- Vui l\u00F2ng ch\u1ECDn Role --\"\r\n        style=\"width: 300px\"\r\n      >\r\n        <nz-option *ngFor=\"let role of lstRole\" [nzValue]=\"role.App_Role_Id\" [nzLabel]=\"role.Name || ''\"></nz-option>\r\n      </nz-select>\r\n    </div>\r\n    <div nz-col>\r\n      <button nz-button nzType=\"primary\" (click)=\"savePermissions()\" [nzLoading]=\"isSaving\" [disabled]=\"!selectedId\">\r\n        <i nz-icon nzType=\"save\"></i> L\u01B0u c\u1EA5u h\u00ECnh\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <nz-divider></nz-divider>\r\n\r\n  <nz-spin [nzSpinning]=\"isLoading\">\r\n    <div *ngIf=\"!selectedId\" style=\"text-align: center; color: #999; padding: 40px 0\">\r\n      Vui l\u00F2ng ch\u1ECDn m\u1ED9t Nh\u00F3m quy\u1EC1n \u0111\u1EC3 xem v\u00E0 c\u1EA5u h\u00ECnh.\r\n    </div>\r\n\r\n    <div *ngIf=\"selectedId\">\r\n      <div *ngFor=\"let group of resourceGroups\" style=\"margin-bottom: 24px\">\r\n        <h4 style=\"border-left: 4px solid #1890ff; padding-left: 8px; margin-bottom: 16px\">\r\n          {{ group.ResourceName }}\r\n        </h4>\r\n\r\n        <nz-card [nzBordered]=\"true\" nzSize=\"small\">\r\n          <nz-row [nzGutter]=\"[16, 16]\">\r\n            <nz-col [nzSpan]=\"6\" *ngFor=\"let perm of group.permissions\">\r\n              <label\r\n                nz-checkbox\r\n                [nzChecked]=\"isPermissionChecked(perm.App_Permission_Id)\"\r\n                (nzCheckedChange)=\"onCheckChange(perm.App_Permission_Id, $event)\"\r\n              >\r\n                {{ perm.PermissionName }} <br />\r\n                <small style=\"color: #888\">({{ perm.PermissionCode }})</small>\r\n              </label>\r\n            </nz-col>\r\n          </nz-row>\r\n        </nz-card>\r\n      </div>\r\n    </div>\r\n  </nz-spin>\r\n</nz-card>\r\n" }]
+                        ClipboardModule,
+                        NzIconModule,
+                    ], template: "<nz-card [nzBordered]=\"false\" nzTitle=\"C\u1EA5u h\u00ECnh Ph\u00E2n quy\u1EC1n H\u1EC7 th\u1ED1ng\">\r\n  <div class=\"header-action\" nz-row nzJustify=\"space-between\" nzAlign=\"middle\" style=\"margin-bottom: 24px\">\r\n    <div nz-col>\r\n      <span style=\"margin-right: 16px; font-weight: bold\">Ch\u1ECDn Nh\u00F3m quy\u1EC1n (Role):</span>\r\n      <nz-select\r\n        [(ngModel)]=\"selectedId\"\r\n        (ngModelChange)=\"onRoleChange($event)\"\r\n        nzPlaceHolder=\"-- Vui l\u00F2ng ch\u1ECDn Role --\"\r\n        style=\"width: 300px\"\r\n      >\r\n        <nz-option *ngFor=\"let role of lstRole\" [nzValue]=\"role.App_Role_Id\" [nzLabel]=\"role.Name || ''\"></nz-option>\r\n      </nz-select>\r\n    </div>\r\n    <div nz-col>\r\n      <button nz-button nzType=\"primary\" (click)=\"savePermissions()\" [nzLoading]=\"isSaving\" [disabled]=\"!selectedId\">\r\n        <i nz-icon nzType=\"save\"></i> L\u01B0u c\u1EA5u h\u00ECnh\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <nz-divider></nz-divider>\r\n\r\n  <nz-spin [nzSpinning]=\"isLoading\">\r\n    <div *ngIf=\"!selectedId\" style=\"text-align: center; color: #999; padding: 40px 0\">\r\n      Vui l\u00F2ng ch\u1ECDn m\u1ED9t Nh\u00F3m quy\u1EC1n \u0111\u1EC3 xem v\u00E0 c\u1EA5u h\u00ECnh.\r\n    </div>\r\n\r\n    <div *ngIf=\"selectedId\">\r\n      <div *ngFor=\"let group of resourceGroups\" style=\"margin-bottom: 24px\">\r\n        <h4 style=\"border-left: 4px solid #1890ff; padding-left: 8px; margin-bottom: 16px\">\r\n          {{ group.ResourceName }}\r\n        </h4>\r\n\r\n        <nz-card [nzBordered]=\"true\" nzSize=\"small\">\r\n          <nz-row [nzGutter]=\"[16, 16]\">\r\n            <nz-col [nzSpan]=\"6\" *ngFor=\"let perm of group.permissions\">\r\n              <label\r\n                nz-checkbox\r\n                [nzChecked]=\"isPermissionChecked(perm.App_Permission_Id)\"\r\n                (nzCheckedChange)=\"onCheckChange(perm.App_Permission_Id, $event)\"\r\n              >\r\n                {{ perm.PermissionName }} <br />\r\n                <small style=\"color: #888\">{{ perm.PermissionCode }}</small>\r\n                <button\r\n                  nz-button\r\n                  nzType=\"text\"\r\n                  cdkCopyToClipboard=\"{{ perm.PermissionCode }}\"\r\n                  (click)=\"$event.stopPropagation(); success('\u0110\u00E3 copy: ' + perm.PermissionCode)\"\r\n                >\r\n                  <i nz-icon nzType=\"copy\" style=\"color: #888\"></i>\r\n                </button>\r\n              </label>\r\n            </nz-col>\r\n          </nz-row>\r\n        </nz-card>\r\n      </div>\r\n    </div>\r\n  </nz-spin>\r\n</nz-card>\r\n" }]
         }] });
 
 class PermissionManagerComponent extends BaseComponent {
@@ -7380,7 +7365,7 @@ class PermissionManagerComponent extends BaseComponent {
         this.initBulkForm();
     }
     ngOnInit() {
-        this.loadData();
+        // this.loadData();
     }
     initBulkForm() {
         this.bulkForm = this.fb.group({
@@ -7539,9 +7524,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
         }], ctorParameters: () => [{ type: i2.FormBuilder }, { type: PermissionService }] });
 
 class PermissionComponent extends BaseComponent {
+    userRole;
+    roleMenu;
+    resource;
+    roleResource;
     ngOnInit() {
         this.tab = +(this.getUrlQueryParam('tab') || 0);
-        this.onSelectedIndexChange(this.tab);
+        setTimeout(() => {
+            this.onSelectedIndexChange(this.tab);
+        }, 0);
     }
     ngOnDestroy() {
         Breadcrumb.lstBreadcrumb = [];
@@ -7550,6 +7541,7 @@ class PermissionComponent extends BaseComponent {
     onSelectedIndexChange(tabIndex) {
         this.setQueryParam('tab', tabIndex + '');
         if (tabIndex == 0) {
+            this.userRole.getData();
             Breadcrumb.lstBreadcrumb = [
                 {
                     Name: 'Permission',
@@ -7560,6 +7552,7 @@ class PermissionComponent extends BaseComponent {
             ];
         }
         else if (tabIndex == 1) {
+            this.roleMenu.getData();
             Breadcrumb.lstBreadcrumb = [
                 {
                     Name: 'Permission',
@@ -7570,6 +7563,7 @@ class PermissionComponent extends BaseComponent {
             ];
         }
         else if (tabIndex == 2) {
+            this.resource.loadData();
             Breadcrumb.lstBreadcrumb = [
                 {
                     Name: 'Permission',
@@ -7580,6 +7574,7 @@ class PermissionComponent extends BaseComponent {
             ];
         }
         else if (tabIndex == 3) {
+            this.roleResource.loadRoles();
             Breadcrumb.lstBreadcrumb = [
                 {
                     Name: 'Permission',
@@ -7591,17 +7586,60 @@ class PermissionComponent extends BaseComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PermissionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: PermissionComponent, isStandalone: true, selector: "app-permision", usesInheritance: true, ngImport: i0, template: "<div class=\"panel\">\r\n  <nz-tabset\r\n    nzType=\"card\"\r\n    [nzSize]=\"'small'\"\r\n    [nzSelectedIndex]=\"tab\"\r\n    (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\r\n  >\r\n    <nz-tab nzTitle=\"User - Role\">\r\n      <app-user-role-permission></app-user-role-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Menu\">\r\n      <app-role-menu-permission></app-role-menu-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Resource permission\">\r\n      <resource-permission></resource-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Resource permission\">\r\n      <role-resource-permission></role-resource-permission>\r\n    </nz-tab>\r\n  </nz-tabset>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i1$9.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i1$9.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "component", type: UserRolePermission, selector: "app-user-role-permission" }, { kind: "component", type: RoleMenuPermission, selector: "app-role-menu-permission" }, { kind: "component", type: RolePermissionComponent, selector: "role-resource-permission" }, { kind: "component", type: PermissionManagerComponent, selector: "resource-permission" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: PermissionComponent, isStandalone: true, selector: "app-permision", viewQueries: [{ propertyName: "userRole", first: true, predicate: ["userRole"], descendants: true }, { propertyName: "roleMenu", first: true, predicate: ["roleMenu"], descendants: true }, { propertyName: "resource", first: true, predicate: ["resource"], descendants: true }, { propertyName: "roleResource", first: true, predicate: ["roleResource"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"panel\">\r\n  <nz-tabset\r\n    nzType=\"card\"\r\n    [nzSize]=\"'small'\"\r\n    [nzSelectedIndex]=\"tab\"\r\n    (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\r\n  >\r\n    <nz-tab nzTitle=\"User - Role\">\r\n      <app-user-role-permission #userRole></app-user-role-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Menu\">\r\n      <app-role-menu-permission #roleMenu></app-role-menu-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Resource permission\">\r\n      <resource-permission #resource></resource-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Resource permission\">\r\n      <role-resource-permission #roleResource></role-resource-permission>\r\n    </nz-tab>\r\n  </nz-tabset>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i1$9.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i1$9.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "component", type: UserRolePermission, selector: "app-user-role-permission" }, { kind: "component", type: RoleMenuPermission, selector: "app-role-menu-permission" }, { kind: "component", type: RolePermissionComponent, selector: "role-resource-permission" }, { kind: "component", type: PermissionManagerComponent, selector: "resource-permission" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PermissionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-permision', imports: [NzTabsModule, UserRolePermission, RoleMenuPermission, RolePermissionComponent, PermissionManagerComponent], template: "<div class=\"panel\">\r\n  <nz-tabset\r\n    nzType=\"card\"\r\n    [nzSize]=\"'small'\"\r\n    [nzSelectedIndex]=\"tab\"\r\n    (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\r\n  >\r\n    <nz-tab nzTitle=\"User - Role\">\r\n      <app-user-role-permission></app-user-role-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Menu\">\r\n      <app-role-menu-permission></app-role-menu-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Resource permission\">\r\n      <resource-permission></resource-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Resource permission\">\r\n      <role-resource-permission></role-resource-permission>\r\n    </nz-tab>\r\n  </nz-tabset>\r\n</div>\r\n" }]
-        }] });
+            args: [{ selector: 'app-permision', imports: [NzTabsModule, UserRolePermission, RoleMenuPermission, RolePermissionComponent, PermissionManagerComponent], template: "<div class=\"panel\">\r\n  <nz-tabset\r\n    nzType=\"card\"\r\n    [nzSize]=\"'small'\"\r\n    [nzSelectedIndex]=\"tab\"\r\n    (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\r\n  >\r\n    <nz-tab nzTitle=\"User - Role\">\r\n      <app-user-role-permission #userRole></app-user-role-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Menu\">\r\n      <app-role-menu-permission #roleMenu></app-role-menu-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Resource permission\">\r\n      <resource-permission #resource></resource-permission>\r\n    </nz-tab>\r\n    <nz-tab nzTitle=\"Role - Resource permission\">\r\n      <role-resource-permission #roleResource></role-resource-permission>\r\n    </nz-tab>\r\n  </nz-tabset>\r\n</div>\r\n" }]
+        }], propDecorators: { userRole: [{
+                type: ViewChild,
+                args: ['userRole']
+            }], roleMenu: [{
+                type: ViewChild,
+                args: ['roleMenu']
+            }], resource: [{
+                type: ViewChild,
+                args: ['resource']
+            }], roleResource: [{
+                type: ViewChild,
+                args: ['roleResource']
+            }] } });
+
+class App_Org {
+    // #region properties
+    App_Org_Id;
+    CreatedDate;
+    CreatedUser;
+    UpdatedDate;
+    UpdatedUser;
+    IsActive;
+    Code;
+    Name;
+    NameEn;
+    Type;
+    Address;
+    Description;
+    ParentId;
+    OrderValue;
+    // #endregion properties
+    ParentName;
+    TreeNodeName;
+    LstUserId;
+}
+class OrgFilter extends GridFilter {
+    Code;
+    Name;
+    ParentName;
+}
 
 class HasPermissionPipe {
     permissionService;
+    static debug = false;
     constructor(permissionService) {
         this.permissionService = permissionService;
+        if (HasPermissionPipe.debug) {
+            console.log('HasPermissionPipe > constructor');
+        }
     }
     /**
      * @example *ngIf="row | hasPermission: 'org' : 'update'"
@@ -7610,9 +7648,14 @@ class HasPermissionPipe {
      * @param action Hành động (VD: 'update', 'delete')
      */
     transform(data, resource, action) {
+        if (HasPermissionPipe.debug) {
+            console.log('HasPermissionPipe > transform: ', data, resource, action);
+        }
         if (data === null)
             return false;
-        // Chuyển việc thẩm định cho PermissionService xử lý
+        if (HasPermissionPipe.debug) {
+            console.log(this.permissionService.hasAccess(resource, action, data));
+        }
         return this.permissionService.hasAccess(resource, action, data);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: HasPermissionPipe, deps: [{ token: PermissionService$1 }], target: i0.ɵɵFactoryTarget.Pipe });
@@ -8351,104 +8394,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 
-const URLs$1 = {
-    getById: '/api/file/GetById',
-    getAll: '/api/file/GetAll',
-    getList: '/api/file/GetList',
-    getPaging: '/api/file/GetPaging',
-    addOrEdit: '/api/file/AddOrEdit',
-    delete: '/api/file/Delete',
-    addFileWithRef: '/api/file/addFileWithRef',
-    moveFileToDisk: '/api/file/MoveFileToDisk',
-};
-class FileService extends HTTPService {
-    cms = inject(CommonService);
-    getById(id) {
-        return this.cms.ESP({
-            SPN: 'App_File_getByIdJson',
-            Params: [id],
-        });
-    }
-    getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs$1.getAll);
-    }
-    getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.getList, filter);
-    }
-    getPaging(filter) {
-        return this.cms.ESP({
-            SPN: 'App_File_getpaging',
-            Params: [filter],
-        });
-    }
-    addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.addOrEdit, obj);
-    }
-    delete(id) {
-        const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$1.delete, params);
-    }
-    downloadFile(id) {
-        const params = new HttpParams().append('id', id);
-        return firstValueFrom(this.httpClient.post(`${AppGlobals.apiEndpoint}/api/file/downloadFile`, {}, { responseType: ENUM_ResponseType.ARRAYBUFFER, params: params }));
-    }
-    downloadFileByCode(Code) {
-        const params = new HttpParams().append('Code', Code);
-        return firstValueFrom(this.httpClient.post(`${AppGlobals.apiEndpoint}/api/file/downloadFileByCode`, {}, { responseType: ENUM_ResponseType.BLOB, observe: 'response', params: params }));
-    }
-    downloadFileBase64(id) {
-        const params = new HttpParams().append('id', id);
-        return this.postParams(`${AppGlobals.apiEndpoint}/api/file/DownloadFileBase64`, params);
-    }
-    downloadFileBase64ByCode(Code) {
-        const params = new HttpParams().append('Code', Code);
-        return this.postParams(`${AppGlobals.apiEndpoint}/api/file/DownloadFileBase64ByCode`, params);
-    }
-    getFileVersion(code) {
-        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/fileversion?code=' + code);
-    }
-    getFile(id) {
-        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/image?id=' + id, {
-            responseType: ENUM_ResponseType.BLOB,
-        });
-    }
-    getImage(id) {
-        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/image?id=' + id, {
-            responseType: ENUM_ResponseType.BLOB,
-        });
-    }
-    getAudio(id) {
-        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/get-audio?id=' + id, {
-            responseType: ENUM_ResponseType.BLOB,
-        });
-    }
-    getVideo(id) {
-        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/get-video?id=' + id, {
-            responseType: ENUM_ResponseType.BLOB,
-        });
-    }
-    addFileWithRef(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.addFileWithRef, obj);
-    }
-    getAnhWithRef(Ref_Table, Ref_Id) {
-        return this.cms.ESP({
-            SPN: 'App_File_getAnhWithRef',
-            Params: [Ref_Table, Ref_Id],
-        });
-    }
-    moveFileToDisk(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.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' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: FileService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 const fadeInOut = trigger('fadeInOut', [
     transition(':enter', [
         style({ opacity: 0, transform: 'translateY(-5px)' }),
@@ -8788,6 +8733,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 type: Output
             }] } });
 
+const URLs$1 = {
+    getById: '/api/file/GetById',
+    getAll: '/api/file/GetAll',
+    getList: '/api/file/GetList',
+    getPaging: '/api/file/GetPaging',
+    addOrEdit: '/api/file/AddOrEdit',
+    delete: '/api/file/Delete',
+    addFileWithRef: '/api/file/addFileWithRef',
+    moveFileToDisk: '/api/file/MoveFileToDisk',
+};
+class FileService extends HTTPService {
+    commonService = inject(CommonService);
+    getById(id) {
+        const params = new HttpParams().append('id', id);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$1.getById, params);
+    }
+    getAll() {
+        return this.post(AppGlobals.apiEndpoint + URLs$1.getAll);
+    }
+    getList(filter) {
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.getList, filter);
+    }
+    getPaging(filter) {
+        return this.commonService.ESP({
+            SPN: 'App_File_getpaging',
+            Params: [filter],
+        });
+    }
+    addOrEdit(obj) {
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.addOrEdit, obj);
+    }
+    delete(id) {
+        const params = new HttpParams().append('id', id);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$1.delete, params);
+    }
+    downloadFile(id) {
+        const params = new HttpParams().append('id', id);
+        return firstValueFrom(this.httpClient.post(`${AppGlobals.apiEndpoint}/api/file/downloadFile`, {}, { responseType: ENUM_ResponseType.ARRAYBUFFER, params: params }));
+    }
+    downloadFileByCode(Code) {
+        const params = new HttpParams().append('Code', Code);
+        return firstValueFrom(this.httpClient.post(`${AppGlobals.apiEndpoint}/api/file/downloadFileByCode`, {}, { responseType: ENUM_ResponseType.BLOB, observe: 'response', params: params }));
+    }
+    downloadFileBase64(id) {
+        const params = new HttpParams().append('id', id);
+        return this.postParams(`${AppGlobals.apiEndpoint}/api/file/DownloadFileBase64`, params);
+    }
+    downloadFileBase64ByCode(Code) {
+        const params = new HttpParams().append('Code', Code);
+        return this.postParams(`${AppGlobals.apiEndpoint}/api/file/DownloadFileBase64ByCode`, params);
+    }
+    getFileVersion(code) {
+        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/fileversion?code=' + code);
+    }
+    getFile(id) {
+        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/image?id=' + id, {
+            responseType: ENUM_ResponseType.BLOB,
+        });
+    }
+    getImage(id) {
+        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/image?id=' + id, {
+            responseType: ENUM_ResponseType.BLOB,
+        });
+    }
+    getAudio(id) {
+        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/get-audio?id=' + id, {
+            responseType: ENUM_ResponseType.BLOB,
+        });
+    }
+    getVideo(id) {
+        return this.httpClient.get(AppGlobals.apiEndpoint + '/api/file/get-video?id=' + id, {
+            responseType: ENUM_ResponseType.BLOB,
+        });
+    }
+    addFileWithRef(obj) {
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.addFileWithRef, obj);
+    }
+    getAnhWithRef(Ref_Table, Ref_Id) {
+        return this.commonService.ESP({
+            SPN: 'App_File_getAnhWithRef',
+            Params: [Ref_Table, Ref_Id],
+        });
+    }
+    moveFileToDisk(obj) {
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.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' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: FileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class App_Menu {
     // #region properties
     App_Menu_Id;
@@ -9299,5 +9340,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_Org, AuthGuard, AuthService, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, CustomNotiComponent, CustomNotiService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainPipe, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExpandableSearchComponent, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendPaginationComponent, ExtendSelectComponent, ExtendTableComponent, ExtendTextArea, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, HasPermissionDirective, HasPermissionPipe, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconCheck, IconClose, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, PagingData, PagingModel, PdfViewerComponent, PermissionComponent, ReadMoreProComponent, RouteMonitorService, SessionManagerService, TableHeader, ThemeService, TokenStorage, TranslateKey, URLs$7 as URLs, UnsavedChangesGuard, UpperCaseFirsLetterEachWordDirective, UppercaseDirective, UppercaseFirstLetterDirective, 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_Org, AuthGuard, AuthService, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, CustomNotiComponent, CustomNotiService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainPipe, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExpandableSearchComponent, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendPaginationComponent, ExtendSelectComponent, ExtendTableComponent, ExtendTextArea, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, HasPermissionDirective, HasPermissionPipe, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconCheck, IconClose, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, OrgFilter, PagingData, PagingModel, PdfViewerComponent, PermissionComponent, PermissionService$1 as PermissionService, ReadMoreProComponent, RouteMonitorService, SessionManagerService, TableHeader, ThemeService, TokenStorage, TranslateKey, URLs$7 as URLs, UnsavedChangesGuard, UpperCaseFirsLetterEachWordDirective, UppercaseDirective, UppercaseFirstLetterDirective, VscService, WF_TemplateActionRef, WF_TransitionRule, WF_TransitionRuleLine, Width, Workflow, WorkflowAction, WorkflowActionEditorOption, WorkflowActionRef, WorkflowEditorComponent, WorkflowEditorOption, WorkflowStage, WorkflowStageEditorOption, XLSXHelper, authInterceptor };
 //# sourceMappingURL=brggroup-share-lib.mjs.map