@flusys/ng-iam 6.2.1 → 6.3.0

package/fesm2022/flusys-ng-iam-permission-page.component-DhwjuKxl.mjs

@@ -1,143 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, computed, effect, untracked, Component } from '@angular/core';
-import { COMPANY_ACTION_PERMISSIONS, USER_ACTION_PERMISSIONS, USER_ROLE_PERMISSIONS, ROLE_ACTION_PERMISSIONS, AngularModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-import { APP_CONFIG, getPermissionMode, isCompanyFeatureEnabled } from '@flusys/ng-core';
-import { b as RoleActionSelectorComponent, C as CompanyActionSelectorComponent, U as UserRoleSelectorComponent, d as UserActionSelectorComponent } from './flusys-ng-iam-flusys-ng-iam-D397Jg30.mjs';
-import * as i2 from '@flusys/ng-ui';
-import { UiModule } from '@flusys/ng-ui';
-
-/** Permission codes for each tab */
-const TAB_PERMISSIONS = {
-    'role-actions': ROLE_ACTION_PERMISSIONS.READ,
-    'user-roles': USER_ROLE_PERMISSIONS.READ,
-    'user-actions': USER_ACTION_PERMISSIONS.READ,
-    'company-actions': COMPANY_ACTION_PERMISSIONS.READ,
-};
-/** Main permission management interface with tabs for role/user/company permission assignment */
-class PermissionPageComponent {
-    appConfig = inject(APP_CONFIG);
-    activeTab = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
-    /** Available tabs based on permission mode */
-    availableTabs = computed(() => {
-        const permissionMode = getPermissionMode(this.appConfig);
-        const tabs = [];
-        if (permissionMode === 'rbac' || permissionMode === 'full') {
-            tabs.push({ id: 'role-actions', labelKey: 'iam.permission.role.actions', icon: 'shield', permission: TAB_PERMISSIONS['role-actions'] }, { id: 'user-roles', labelKey: 'iam.permission.user.roles', icon: 'user', permission: TAB_PERMISSIONS['user-roles'] });
-        }
-        if (permissionMode === 'direct' || permissionMode === 'full') {
-            tabs.push({ id: 'user-actions', labelKey: 'iam.permission.user.actions', icon: 'key', permission: TAB_PERMISSIONS['user-actions'] });
-        }
-        if (isCompanyFeatureEnabled(this.appConfig)) {
-            tabs.push({ id: 'company-actions', labelKey: 'iam.permission.company.actions', icon: 'building', permission: TAB_PERMISSIONS['company-actions'] });
-        }
-        return tabs;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "availableTabs" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            const tabs = this.availableTabs();
-            const currentTab = untracked(() => this.activeTab());
-            if (!currentTab || !tabs.some((t) => t.id === currentTab)) {
-                if (tabs.length > 0) {
-                    this.activeTab.set(tabs[0].id);
-                }
-            }
-        });
-    }
-    setActiveTab(tabId) {
-        this.activeTab.set(tabId);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: PermissionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: PermissionPageComponent, isStandalone: true, selector: "lib-permission-page", ngImport: i0, template: `
-    <div class="card">
-      <h3 class="text-xl font-semibold mb-4">{{ 'iam.permission.title' | translate }}</h3>
-
-      <div class="scrollbar-hide flex gap-2 mb-4 overflow-x-auto flex-nowrap">
-        @for (tab of availableTabs(); track tab.id) {
-          <button
-            fButton
-            *hasPermission="tab.permission"
-            [outlined]="activeTab() !== tab.id"
-            size="small"
-            class="shrink-0"
-            (click)="setActiveTab(tab.id)"
-          >
-            <ui-icon pButtonIcon [name]="tab.icon"></ui-icon>
-            <span pButtonLabel>{{ tab.labelKey | translate }}</span>
-          </button>
-        }
-      </div>
-
-      <div class="mt-4">
-        @switch (activeTab()) {
-          @case ('role-actions') {
-            <flusys-role-action-selector />
-          }
-          @case ('user-roles') {
-            <flusys-user-role-selector />
-          }
-          @case ('user-actions') {
-            <flusys-user-action-selector />
-          }
-          @case ('company-actions') {
-            <flusys-company-action-selector />
-          }
-        }
-      </div>
-    </div>
-  `, isInline: true, styles: [".scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: RoleActionSelectorComponent, selector: "flusys-role-action-selector" }, { kind: "component", type: CompanyActionSelectorComponent, selector: "flusys-company-action-selector" }, { kind: "component", type: UserRoleSelectorComponent, selector: "flusys-user-role-selector" }, { kind: "component", type: UserActionSelectorComponent, selector: "flusys-user-action-selector" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: PermissionPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-permission-page', imports: [
-                        AngularModule,
-                        UiModule,
-                        HasPermissionDirective,
-                        TranslatePipe,
-                        RoleActionSelectorComponent,
-                        CompanyActionSelectorComponent,
-                        UserRoleSelectorComponent,
-                        UserActionSelectorComponent
-                    ], template: `
-    <div class="card">
-      <h3 class="text-xl font-semibold mb-4">{{ 'iam.permission.title' | translate }}</h3>
-
-      <div class="scrollbar-hide flex gap-2 mb-4 overflow-x-auto flex-nowrap">
-        @for (tab of availableTabs(); track tab.id) {
-          <button
-            fButton
-            *hasPermission="tab.permission"
-            [outlined]="activeTab() !== tab.id"
-            size="small"
-            class="shrink-0"
-            (click)="setActiveTab(tab.id)"
-          >
-            <ui-icon pButtonIcon [name]="tab.icon"></ui-icon>
-            <span pButtonLabel>{{ tab.labelKey | translate }}</span>
-          </button>
-        }
-      </div>
-
-      <div class="mt-4">
-        @switch (activeTab()) {
-          @case ('role-actions') {
-            <flusys-role-action-selector />
-          }
-          @case ('user-roles') {
-            <flusys-user-role-selector />
-          }
-          @case ('user-actions') {
-            <flusys-user-action-selector />
-          }
-          @case ('company-actions') {
-            <flusys-company-action-selector />
-          }
-        }
-      </div>
-    </div>
-  `, styles: [".scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}\n"] }]
-        }], ctorParameters: () => [] });
-
-export { PermissionPageComponent };
-//# sourceMappingURL=flusys-ng-iam-permission-page.component-DhwjuKxl.mjs.map

package/fesm2022/flusys-ng-iam-permission-page.component-DhwjuKxl.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"flusys-ng-iam-permission-page.component-DhwjuKxl.mjs","sources":["../../../projects/ng-iam/pages/permission/permission-page.component.ts"],"sourcesContent":["import { Component, computed, effect, inject, signal, untracked } from '@angular/core';\nimport {\n  AngularModule,\n  HasPermissionDirective,\n  ROLE_ACTION_PERMISSIONS,\n  USER_ROLE_PERMISSIONS,\n  USER_ACTION_PERMISSIONS,\n  COMPANY_ACTION_PERMISSIONS,\n  TranslatePipe,\n} from '@flusys/ng-shared';\nimport { APP_CONFIG, getPermissionMode, isCompanyFeatureEnabled } from '@flusys/ng-core';\nimport { RoleActionSelectorComponent } from '../../components/role-action-selector.component';\nimport { CompanyActionSelectorComponent } from '../../components/company-action-selector.component';\nimport { UserRoleSelectorComponent } from '../../components/user-role-selector.component';\nimport { UserActionSelectorComponent } from '../../components/user-action-selector.component';\nimport { UiModule } from '@flusys/ng-ui';\n\n/** Permission codes for each tab */\nconst TAB_PERMISSIONS = {\n  'role-actions': ROLE_ACTION_PERMISSIONS.READ,\n  'user-roles': USER_ROLE_PERMISSIONS.READ,\n  'user-actions': USER_ACTION_PERMISSIONS.READ,\n  'company-actions': COMPANY_ACTION_PERMISSIONS.READ,\n} as const;\n\n/** Main permission management interface with tabs for role/user/company permission assignment */\n@Component({\n  selector: 'lib-permission-page',\n  imports: [\n    AngularModule,\n    UiModule,\n    HasPermissionDirective,\n    TranslatePipe,\n    RoleActionSelectorComponent,\n    CompanyActionSelectorComponent,\n    UserRoleSelectorComponent,\n    UserActionSelectorComponent\n  ],\n  styles: `\n    .scrollbar-hide {\n      -ms-overflow-style: none;\n      scrollbar-width: none;\n      &::-webkit-scrollbar { display: none; }\n    }\n  `,\n  template: `\n    <div class=\"card\">\n      <h3 class=\"text-xl font-semibold mb-4\">{{ 'iam.permission.title' | translate }}</h3>\n\n      <div class=\"scrollbar-hide flex gap-2 mb-4 overflow-x-auto flex-nowrap\">\n        @for (tab of availableTabs(); track tab.id) {\n          <button\n            fButton\n            *hasPermission=\"tab.permission\"\n            [outlined]=\"activeTab() !== tab.id\"\n            size=\"small\"\n            class=\"shrink-0\"\n            (click)=\"setActiveTab(tab.id)\"\n          >\n            <ui-icon pButtonIcon [name]=\"tab.icon\"></ui-icon>\n            <span pButtonLabel>{{ tab.labelKey | translate }}</span>\n          </button>\n        }\n      </div>\n\n      <div class=\"mt-4\">\n        @switch (activeTab()) {\n          @case ('role-actions') {\n            <flusys-role-action-selector />\n          }\n          @case ('user-roles') {\n            <flusys-user-role-selector />\n          }\n          @case ('user-actions') {\n            <flusys-user-action-selector />\n          }\n          @case ('company-actions') {\n            <flusys-company-action-selector />\n          }\n        }\n      </div>\n    </div>\n  `,\n})\nexport class PermissionPageComponent {\n  private readonly appConfig = inject(APP_CONFIG);\n\n  readonly activeTab = signal<string>('');\n\n  /** Available tabs based on permission mode */\n  readonly availableTabs = computed(() => {\n    const permissionMode = getPermissionMode(this.appConfig);\n    const tabs: Array<{ id: string; labelKey: string; icon: string; permission: string }> = [];\n\n    if (permissionMode === 'rbac' || permissionMode === 'full') {\n      tabs.push(\n        { id: 'role-actions', labelKey: 'iam.permission.role.actions', icon: 'shield', permission: TAB_PERMISSIONS['role-actions'] },\n        { id: 'user-roles', labelKey: 'iam.permission.user.roles', icon: 'user', permission: TAB_PERMISSIONS['user-roles'] }\n      );\n    }\n\n    if (permissionMode === 'direct' || permissionMode === 'full') {\n      tabs.push({ id: 'user-actions', labelKey: 'iam.permission.user.actions', icon: 'key', permission: TAB_PERMISSIONS['user-actions'] });\n    }\n\n    if (isCompanyFeatureEnabled(this.appConfig)) {\n      tabs.push({ id: 'company-actions', labelKey: 'iam.permission.company.actions', icon: 'building', permission: TAB_PERMISSIONS['company-actions'] });\n    }\n\n    return tabs;\n  });\n\n  constructor() {\n    effect(() => {\n      const tabs = this.availableTabs();\n      const currentTab = untracked(() => this.activeTab());\n      if (!currentTab || !tabs.some((t) => t.id === currentTab)) {\n        if (tabs.length > 0) {\n          this.activeTab.set(tabs[0].id);\n        }\n      }\n    });\n  }\n\n  setActiveTab(tabId: string): void {\n    this.activeTab.set(tabId);\n  }\n}\n"],"names":["i1"],"mappings":"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"}