@flusys/ng-auth 0.1.0-alpha.1 → 0.1.0-beta.1

package/fesm2022/flusys-ng-auth.mjs

@@ -1512,16 +1512,24 @@ class AdministrationPageComponent {
             requiresCompanyFeature: true,
         },
     ];
+    /** Check if company feature is enabled */
+    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : []));
     /** Visible tabs based on config */
     visibleTabs = computed(() => {
-        return this.allTabs.filter((tab) => !tab.requiresCompanyFeature || isCompanyFeatureEnabled(this.appConfig));
+        return this.allTabs.filter((tab) => !tab.requiresCompanyFeature || this.companyFeatureEnabled());
     }, ...(ngDevMode ? [{ debugName: "visibleTabs" }] : []));
+    /** Dynamic subtitle based on visible features */
+    subtitle = computed(() => {
+        return this.companyFeatureEnabled()
+            ? 'Manage users, companies, and branches'
+            : 'Manage users';
+    }, ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AdministrationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: AdministrationPageComponent, isStandalone: true, selector: "lib-administration-page", ngImport: i0, template: `
     <div class="administration-page p-4">
       <div class="administration-header mb-4">
         <h1 class="text-2xl font-bold m-0">Administration</h1>
-        <p class="text-gray-500 mt-1">Manage users, companies, and branches</p>
+        <p class="text-gray-500 mt-1">{{ subtitle() }}</p>
       </div>
 
       <div class="administration-tabs flex gap-1 mb-4 border-b border-gray-200">
@@ -1548,7 +1556,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
     <div class="administration-page p-4">
       <div class="administration-header mb-4">
         <h1 class="text-2xl font-bold m-0">Administration</h1>
-        <p class="text-gray-500 mt-1">Manage users, companies, and branches</p>
+        <p class="text-gray-500 mt-1">{{ subtitle() }}</p>
       </div>
 
       <div class="administration-tabs flex gap-1 mb-4 border-b border-gray-200">