@memberjunction/ng-explorer-settings 3.4.0 → 4.1.0

package/README.md

@@ -1,21 +1,67 @@
 # @memberjunction/ng-explorer-settings
 
-Angular components for managing MemberJunction application settings, including users, roles, applications, and entity permissions. This package provides a comprehensive administrative interface for configuring system access and permissions.
+Angular components for the Settings section of MemberJunction Explorer. Provides a tabbed settings interface covering general preferences, user management, role management, application management, entity permissions, appearance, notifications, SQL logging, and profile settings.
 
 ## Overview
 
-The `@memberjunction/ng-explorer-settings` package provides a complete settings management interface for MemberJunction Explorer applications. It offers a unified navigation system with dedicated components for managing users, roles, applications, and entity permissions.
+The `SettingsComponent` serves as the main container, registered via `@RegisterClass(BaseNavigationComponent, 'Settings')`. It provides a searchable, tabbed interface for administrative and user settings. Each settings area is implemented as a standalone component that can be used independently.
+
+```mermaid
+graph TD
+    SC["SettingsComponent\n(<mj-settings>)"] --> GS["GeneralSettingsComponent"]
+    SC --> AI["AccountInfoComponent"]
+    SC --> AS["AppearanceSettingsComponent"]
+    SC --> APS["ApplicationSettingsComponent"]
+    SC --> UM["UserManagementComponent"]
+    SC --> RM["RoleManagementComponent"]
+    SC --> AM["ApplicationManagementComponent"]
+    SC --> EP["EntityPermissionsComponent"]
+    SC --> NP["NotificationPreferencesComponent"]
+    SC --> SL["SQLLoggingComponent"]
+    SC --> UP["UserProfileSettingsComponent"]
+    SC --> UAC["UserAppConfigComponent"]
+
+    UM --> UD["UserDialogComponent"]
+    RM --> RD["RoleDialogComponent"]
+    AM --> AD["ApplicationDialogComponent"]
+    EP --> PD["PermissionDialogComponent"]
+
+    style SC fill:#7c5295,stroke:#563a6b,color:#fff
+    style GS fill:#2d6a9f,stroke:#1a4971,color:#fff
+    style AI fill:#2d6a9f,stroke:#1a4971,color:#fff
+    style AS fill:#2d6a9f,stroke:#1a4971,color:#fff
+    style APS fill:#2d6a9f,stroke:#1a4971,color:#fff
+    style UM fill:#2d8659,stroke:#1a5c3a,color:#fff
+    style RM fill:#2d8659,stroke:#1a5c3a,color:#fff
+    style AM fill:#2d8659,stroke:#1a5c3a,color:#fff
+    style EP fill:#2d8659,stroke:#1a5c3a,color:#fff
+    style NP fill:#b8762f,stroke:#8a5722,color:#fff
+    style SL fill:#b8762f,stroke:#8a5722,color:#fff
+    style UP fill:#b8762f,stroke:#8a5722,color:#fff
+    style UAC fill:#b8762f,stroke:#8a5722,color:#fff
+    style UD fill:#2d8659,stroke:#1a5c3a,color:#fff
+    style RD fill:#2d8659,stroke:#1a5c3a,color:#fff
+    style AD fill:#2d8659,stroke:#1a5c3a,color:#fff
+    style PD fill:#2d8659,stroke:#1a5c3a,color:#fff
+```
 
 ## Features
 
-- **User Management**: Create, edit, activate/deactivate users with role assignments
-- **Role Management**: Define and manage security roles with user assignments
-- **Application Configuration**: Configure applications and their associated entities
-- **Entity Permissions**: Granular control over entity-level permissions
-- **SQL Logging Management**: Real-time SQL logging configuration and session control
-- **Transaction-based Updates**: Batch updates using MemberJunction's transaction system
-- **Responsive Navigation**: Left-side navigation with dynamic content area
-- **Real-time Updates**: Immediate reflection of permission and assignment changes
+- **Tabbed settings interface** with search across all settings
+- **General settings**: Core application preferences
+- **Account info**: User account details
+- **Appearance settings**: Theme and display preferences
+- **Application settings**: Application-specific configuration
+- **User management**: CRUD for users with dialog-based editing
+- **Role management**: CRUD for roles with dialog-based editing
+- **Application management**: CRUD for applications with dialog-based editing
+- **Entity permissions**: Permission grid integrated from `@memberjunction/ng-entity-permissions`
+- **Notification preferences**: Notification configuration
+- **SQL logging**: SQL query logging viewer
+- **User profile settings**: Profile editing
+- **User app configuration**: Per-user application configuration
+- **Reusable settings card**: `SettingsCardComponent` for consistent card layout
+- **Shared settings module**: Common settings UI elements
 
 ## Installation
 
@@ -23,461 +69,63 @@ The `@memberjunction/ng-explorer-settings` package provides a complete settings
 npm install @memberjunction/ng-explorer-settings
 ```
 
-## Usage
+## Key Dependencies
 
-### Module Import
+| Dependency | Purpose |
+|---|---|
+| `@memberjunction/core`, `@memberjunction/core-entities` | Entity metadata and data |
+| `@memberjunction/ng-base-application` | BaseNavigationComponent |
+| `@memberjunction/ng-entity-permissions` | Entity permission grid |
+| `@memberjunction/ng-entity-form-dialog` | Entity form dialogs |
+| `@memberjunction/ng-simple-record-list` | Simple record CRUD lists |
+| `@memberjunction/ng-join-grid` | Join/relationship grid |
+| `@memberjunction/ng-user-avatar` | User avatar display |
+| `@progress/kendo-angular-*` | Kendo UI components |
+| `@angular/cdk` | Angular CDK utilities |
 
-Import the `ExplorerSettingsModule` in your Angular application:
+## Usage
 
 ```typescript
 import { ExplorerSettingsModule } from '@memberjunction/ng-explorer-settings';
 
 @NgModule({
-  imports: [
-    CommonModule,
-    ExplorerSettingsModule,
-    // other imports...
-  ]
+  imports: [ExplorerSettingsModule]
 })
-export class YourModule { }
-```
-
-### Basic Implementation
-
-Add the main settings component to your application:
-
-```html
-<mj-settings></mj-settings>
-```
-
-The component automatically handles routing to different settings sections based on the URL path.
-
-## Components
-
-### SettingsComponent
-
-The main navigation component that provides a consistent interface for all settings sections.
-
-**Selector**: `mj-settings`
-
-**Features**:
-- Left-side navigation menu
-- Dynamic content area based on selected section
-- URL-based routing support
-- Responsive layout using MemberJunction's container directives
-
-**Routes Handled**:
-- `/settings/users` - User list view
-- `/settings/user/:id` - Individual user details
-- `/settings/roles` - Role list view
-- `/settings/role/:id` - Individual role details
-- `/settings/applications` - Application list view
-- `/settings/application/:name` - Individual application details
-- `/settings/entitypermissions` - Entity permission management
-- `/settings/sqllogging` - SQL logging configuration and session management
-
-**Example**:
-```typescript
-// Navigate to a specific user
-this.router.navigate(['/settings/user', userId]);
-
-// Navigate to roles section
-this.router.navigate(['/settings/roles']);
-```
-
-### SingleUserComponent
-
-Manages individual user details and configurations.
-
-**Selector**: `mj-single-user`
-
-**Inputs**:
-- `UserID: string` - The ID of the user to display/edit
-
-**Features**:
-- User information display and editing
-- User role assignments via embedded grid
-- User views management
-- Integration with entity form dialog for editing
-
-**Example**:
-```html
-<mj-single-user [UserID]="selectedUserId"></mj-single-user>
-```
-
-### SingleRoleComponent
-
-Manages individual role details and user assignments.
-
-**Selector**: `mj-single-role`
-
-**Inputs**:
-- `RoleID: string` - The ID of the role to display/edit
-
-**Features**:
-- Role information display and editing
-- User assignments to the role
-- Batch operations for user-role assignments
-
-**Example**:
-```html
-<mj-single-role [RoleID]="selectedRoleId"></mj-single-role>
-```
-
-### SingleApplicationComponent
-
-Manages application configurations and entity associations.
-
-**Selector**: `mj-single-application`
-
-**Inputs**:
-- `ApplicationID: string` - The ID of the application to manage
-
-**Features**:
-- Application details management
-- Entity associations configuration
-- Bulk entity assignment operations
-
-**Example**:
-```html
-<mj-single-application [ApplicationID]="selectedApplicationId"></mj-single-application>
-```
-
-### UserRolesGridComponent
-
-A specialized grid for managing user-role relationships.
-
-**Selector**: `mj-user-roles-grid`
-
-**Inputs**:
-- `UserID: string` - User ID when in 'Users' mode
-- `RoleID: string` - Role ID when in 'Roles' mode
-- `Mode: 'Users' | 'Roles'` - Determines the grid's perspective
-- `UserRecord: UserEntity | null` - User entity when in 'Users' mode
-- `RoleRecord: RoleEntity | null` - Role entity when in 'Roles' mode
-
-**Features**:
-- Checkbox-based role/user selection
-- Batch save/cancel operations
-- Flip all functionality
-- Transaction-based updates
-- Visual indication of pending changes
-
-**Example**:
-```html
-<!-- For managing roles assigned to a user -->
-<mj-user-roles-grid 
-  [UserID]="userId" 
-  [UserRecord]="userEntity"
-  Mode="Users">
-</mj-user-roles-grid>
-
-<!-- For managing users assigned to a role -->
-<mj-user-roles-grid 
-  [RoleID]="roleId" 
-  [RoleRecord]="roleEntity"
-  Mode="Roles">
-</mj-user-roles-grid>
-```
-
-### ApplicationEntitiesGridComponent
-
-Manages entity associations with applications.
-
-**Selector**: `mj-application-entities-grid`
-
-**Inputs**:
-- `ApplicationID: string` - Application ID when in 'Applications' mode
-- `EntityID: string` - Entity ID when in 'Entities' mode
-- `Mode: 'Applications' | 'Entities'` - Determines the grid's perspective
-- `ApplicationRecord: ApplicationEntity | null` - Application entity
-- `EntityRecord: EntityEntity | null` - Entity record
-
-**Features**:
-- Entity-application association management
-- Bulk selection/deselection
-- Transaction-based saves
-- Dirty state tracking
-
-**Example**:
-```html
-<mj-application-entities-grid 
-  [ApplicationID]="appId" 
-  [ApplicationRecord]="appEntity"
-  Mode="Applications">
-</mj-application-entities-grid>
-```
-
-### SqlLoggingComponent
-
-Provides comprehensive SQL logging management for debugging and migration generation.
-
-**Selector**: `mj-sql-logging`
-
-**Features**:
-- Real-time SQL logging session management
-- Owner-level access control (requires `Type = 'Owner'`)
-- Session configuration with filtering options
-- Live session monitoring with statement counts
-- Multiple concurrent session support
-- Auto-refresh capabilities
-- Integration with MemberJunction's GraphQL API
-
-**Key Capabilities**:
-- **Session Creation**: Start new SQL logging sessions with custom options
-- **User Filtering**: Capture SQL statements from specific users only
-- **Format Options**: Standard SQL logs or migration-ready files
-- **Real-time Monitoring**: View active sessions and their progress
-- **Batch Operations**: Stop individual sessions or all sessions at once
-- **Auto-cleanup**: Sessions automatically expire and clean up empty files
-
-**Security Requirements**:
-- User must have `Type = 'Owner'` in the Users table
-- SQL logging must be enabled in server configuration
-- Valid authentication required for all operations
-
-**Example Usage**:
-```html
-<!-- Include in settings navigation -->
-<mj-sql-logging></mj-sql-logging>
-```
-
-**Session Configuration Options**:
-```typescript
-interface SessionOptions {
-  fileName?: string;              // Custom log file name
-  sessionName?: string;           // Human-readable session name
-  filterToCurrentUser?: boolean;  // Filter to current user's SQL only
-  formatAsMigration?: boolean;    // Format as migration file
-  prettyPrint?: boolean;          // Format SQL with indentation
-  statementTypes?: 'queries' | 'mutations' | 'both';  // SQL types to capture
-}
-```
-
-**GraphQL Integration**:
-```typescript
-// The component automatically handles GraphQL operations:
-// - sqlLoggingConfig: Get current configuration
-// - activeSqlLoggingSessions: List active sessions
-// - startSqlLogging: Create new session
-// - stopSqlLogging: Stop specific session
-// - stopAllSqlLogging: Stop all sessions
-```
-
-**UI Features**:
-- **Dashboard-style interface** with modern AI dashboard styling
-- **Status indicators** showing configuration state and active sessions
-- **Interactive session cards** with duration, statement counts, and controls
-- **Dialog-based session creation** with comprehensive options
-- **Auto-refresh toggle** for real-time session monitoring
-- **Responsive layout** optimized for desktop use
-
-**Access Control**:
-- Non-Owner users see access denied message with permission refresh option
-- Disabled state shown when SQL logging not enabled in server config
-- Clear instructions provided for enabling SQL logging
-
-**Error Handling**:
-- Comprehensive error messages for common issues
-- Graceful handling of permission and configuration problems
-- User-friendly notifications for all operations
-- Debug logging for troubleshooting
-
-**Integration Notes**:
-- Requires MJServer with SqlLoggingConfigResolver
-- Works with SQLServerDataProvider logging capabilities
-- Follows MemberJunction's security and styling patterns
-- Compatible with modern Angular control flow syntax (`@if`, `@for`)
-
-## User Management Features
-
-### User Activation/Deactivation
-
-The settings module implements a soft-delete pattern for users:
-
-```typescript
-// Example implementation in SettingsComponent
-public async toggleUserActivation(record: BaseEntity) {
-  try {
-    const user = record as UserEntity;
-    const currentlyActive = user.IsActive;
-    
-    // Toggle the IsActive flag
-    user.IsActive = !currentlyActive;
-    
-    if (await user.Save()) {
-      MJNotificationService.Instance.CreateSimpleNotification(
-        `User ${user.Name} has been ${currentlyActive ? 'deactivated' : 'activated'} successfully.`, 
-        'success', 
-        3000
-      );
-    }
-  } catch (error) {
-    console.error('Error toggling user activation:', error);
-    MJNotificationService.Instance.CreateSimpleNotification(
-      'An error occurred while toggling user activation.', 
-      'error', 
-      5000
-    );
-  }
-}
-```
-
-### Custom Action Support
-
-The user list supports custom actions with configurable icons and tooltips:
-
-```typescript
-// Icon function for toggle button
-public getUserToggleIcon(record: BaseEntity): string {
-  const user = record as UserEntity;
-  return user.IsActive ? 'fa-user-lock' : 'fa-user-check';
-}
-
-// Tooltip function for toggle button
-public getUserToggleTooltip(record: BaseEntity): string {
-  const user = record as UserEntity;
-  return user.IsActive ? 'Deactivate user' : 'Activate user';
-}
-```
-
-## Configuration Options
-
-### Navigation Options
-
-The settings component defines navigation options:
-
-```typescript
-public options = [
-  { label: 'Users', value: SettingsItem.Users },
-  { label: 'Roles', value: SettingsItem.Roles },
-  { label: 'Applications', value: SettingsItem.Applications },
-  { label: 'Entity Permissions', value: SettingsItem.EntityPermissions },
-  { label: 'SQL Logging', value: SettingsItem.SqlLogging }
-];
-```
-
-### Grid Configuration
-
-User roles and application entities grids support various configurations:
-
-```typescript
-// Example: Configure grid height
-<mj-user-roles-grid 
-  [UserID]="userId"
-  style="height: 600px;">
-</mj-user-roles-grid>
-```
-
-## Dependencies
-
-This package depends on several MemberJunction and third-party packages:
-
-### MemberJunction Dependencies
-- `@memberjunction/core`: Core functionality and metadata
-- `@memberjunction/core-entities`: Entity definitions
-- `@memberjunction/global`: Global utilities and decorators
-- `@memberjunction/ng-container-directives`: Layout directives
-- `@memberjunction/ng-shared`: Shared Angular components
-- `@memberjunction/ng-notifications`: Notification service
-- `@memberjunction/ng-entity-permissions`: Entity permission components
-- `@memberjunction/ng-base-forms`: Base form components
-- `@memberjunction/ng-entity-form-dialog`: Entity editing dialogs
-- `@memberjunction/ng-user-view-grid`: User view grid component
-- `@memberjunction/ng-simple-record-list`: Record list component
-- `@memberjunction/ng-tabstrip`: Tab navigation component
-- `@memberjunction/graphql-dataprovider`: GraphQL operations for SQL logging
-
-### Kendo UI Dependencies
-- `@progress/kendo-angular-dropdowns`: Dropdown components
-- `@progress/kendo-angular-grid`: Grid functionality
-- `@progress/kendo-angular-buttons`: Button components
-- `@progress/kendo-angular-dialog`: Dialog components
-- `@progress/kendo-angular-layout`: Layout utilities
-- `@progress/kendo-angular-indicators`: Loading indicators
-- `@progress/kendo-angular-inputs`: Form input components
-- `@progress/kendo-angular-label`: Label components
-- `@progress/kendo-angular-dialog`: Modal dialogs for session configuration
-
-### Angular Dependencies (Peer)
-- `@angular/common`: ^18.0.2
-- `@angular/core`: ^18.0.2
-- `@angular/forms`: ^18.0.2
-- `@angular/router`: ^18.0.2
-
-## Integration with MemberJunction
-
-### Entity Registration
-
-Components register with MemberJunction's class system:
-
-```typescript
-@RegisterClass(BaseNavigationComponent, 'Settings')
-export class SettingsComponent extends BaseNavigationComponent {
-  // Component implementation
-}
-```
-
-### Transaction Support
-
-Batch operations use MemberJunction's transaction system:
-
-```typescript
-const md = new Metadata();
-const tg = await md.CreateTransactionGroup();
-
-for (const record of records) {
-  record.TransactionGroup = tg;
-  await record.Save();
-}
-
-await tg.Submit();
-```
-
-### Metadata Integration
-
-Components leverage MemberJunction's metadata system:
-
-```typescript
-const md = new Metadata();
-const userEntity = await md.GetEntityObject<UserEntity>('Users');
-const applications = md.Applications;
-const roles = md.Roles;
-```
-
-## Build and Development
-
-### Building the Package
+export class AppModule {}
+```
+
+The `SettingsComponent` is registered via `@RegisterClass(BaseNavigationComponent, 'Settings')` and is typically loaded through Explorer's navigation system.
+
+## Exported API
+
+| Export | Type | Description |
+|---|---|---|
+| `ExplorerSettingsModule` | NgModule | Main settings module |
+| `SettingsComponent` | Component | Main tabbed settings container |
+| `GeneralSettingsComponent` | Component | General preferences |
+| `AccountInfoComponent` | Component | Account information |
+| `AppearanceSettingsComponent` | Component | Theme/display settings |
+| `ApplicationSettingsComponent` | Component | Application preferences |
+| `UserManagementComponent` | Component | User CRUD management |
+| `RoleManagementComponent` | Component | Role CRUD management |
+| `ApplicationManagementComponent` | Component | Application CRUD management |
+| `EntityPermissionsSettingsComponent` | Component | Entity permission management |
+| `NotificationPreferencesComponent` | Component | Notification settings |
+| `SQLLoggingComponent` | Component | SQL logging viewer |
+| `UserProfileSettingsComponent` | Component | Profile editing |
+| `UserAppConfigComponent` | Component | User app configuration |
+| `SettingsCardComponent` | Component | Reusable settings card layout |
+| `UserDialogComponent` | Component | User edit dialog |
+| `RoleDialogComponent` | Component | Role edit dialog |
+| `ApplicationDialogComponent` | Component | Application edit dialog |
+| `PermissionDialogComponent` | Component | Permission edit dialog |
+
+## Build
 
 ```bash
-# From the package directory
-npm run build
-
-# Or from the repository root
-npm run build -- --filter="@memberjunction/ng-explorer-settings"
+cd packages/Angular/Explorer/explorer-settings && npm run build
 ```
 
-### TypeScript Configuration
-
-The package uses strict TypeScript settings:
-- Target: ES2015
-- Module: ES2020
-- Strict mode enabled
-- Source maps generated
-- Declaration files generated
-
-## Best Practices
-
-1. **Always use transactions** for batch operations to ensure data consistency
-2. **Leverage entity metadata** instead of hardcoding entity names
-3. **Use the provided navigation methods** for consistent routing behavior
-4. **Handle errors appropriately** with user-friendly notifications
-5. **Follow MemberJunction patterns** for entity instantiation and data loading
-
-## Version
-
-Current version: 2.43.0
-
 ## License
 
-ISC
+ISC

package/dist/lib/account-info/account-info.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"account-info.component.d.ts","sourceRoot":"","sources":["../../../src/lib/account-info/account-info.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;;AAE3D;;;GAGG;AACH,qBAKa,oBAAqB,YAAW,MAAM;IAKrC,OAAO,CAAC,GAAG;IAJvB,SAAS,UAAQ;IACjB,WAAW,EAAE,UAAU,GAAG,IAAI,CAAQ;IACtC,YAAY,SAAM;gBAEE,GAAG,EAAE,iBAAiB;IAEpC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;YAIjB,eAAe;IA0B7B;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM;yCAxCtC,oBAAoB;2CAApB,oBAAoB;CAiDhC"}
+{"version":3,"file":"account-info.component.d.ts","sourceRoot":"","sources":["../../../src/lib/account-info/account-info.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;;AAE3D;;;GAGG;AACH,qBAMa,oBAAqB,YAAW,MAAM;IAKrC,OAAO,CAAC,GAAG;IAJvB,SAAS,UAAQ;IACjB,WAAW,EAAE,UAAU,GAAG,IAAI,CAAQ;IACtC,YAAY,SAAM;gBAEE,GAAG,EAAE,iBAAiB;IAEpC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;YAIjB,eAAe;IA0B7B;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM;yCAxCtC,oBAAoB;2CAApB,oBAAoB;CAiDhC"}

package/dist/lib/account-info/account-info.component.js

@@ -67,7 +67,7 @@ function AccountInfoComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(28, "div", 8);
     i0.ɵɵtext(29);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(30, AccountInfoComponent_Conditional_2_Conditional_30_Template, 8, 5, "div", 5);
+    i0.ɵɵconditionalCreate(30, AccountInfoComponent_Conditional_2_Conditional_30_Template, 8, 5, "div", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -137,8 +137,10 @@ export class AccountInfoComponent {
         });
     }
     static ɵfac = function AccountInfoComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccountInfoComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccountInfoComponent, selectors: [["mj-account-info"]], decls: 3, vars: 3, consts: [[1, "loading-container"], [1, "error-message"], [1, "account-info"], ["text", "Loading account info..."], [1, "fa-solid", "fa-exclamation-circle"], [1, "info-row"], [1, "info-label"], [1, "fa-solid", "fa-user"], [1, "info-value"], [1, "fa-solid", "fa-envelope"], [1, "fa-solid", "fa-shield-halved"], [1, "type-badge"], [1, "fa-solid", "fa-calendar-plus"], [1, "fa-solid", "fa-circle-check"], [1, "status-badge"]], template: function AccountInfoComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, AccountInfoComponent_Conditional_0_Template, 2, 0, "div", 0)(1, AccountInfoComponent_Conditional_1_Template, 4, 1, "div", 1)(2, AccountInfoComponent_Conditional_2_Template, 31, 7, "div", 2);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccountInfoComponent, selectors: [["mj-account-info"]], standalone: false, decls: 3, vars: 3, consts: [[1, "loading-container"], [1, "error-message"], [1, "account-info"], ["text", "Loading account info..."], [1, "fa-solid", "fa-exclamation-circle"], [1, "info-row"], [1, "info-label"], [1, "fa-solid", "fa-user"], [1, "info-value"], [1, "fa-solid", "fa-envelope"], [1, "fa-solid", "fa-shield-halved"], [1, "type-badge"], [1, "fa-solid", "fa-calendar-plus"], [1, "fa-solid", "fa-circle-check"], [1, "status-badge"]], template: function AccountInfoComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, AccountInfoComponent_Conditional_0_Template, 2, 0, "div", 0);
+            i0.ɵɵconditionalCreate(1, AccountInfoComponent_Conditional_1_Template, 4, 1, "div", 1);
+            i0.ɵɵconditionalCreate(2, AccountInfoComponent_Conditional_2_Template, 31, 7, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.IsLoading ? 0 : -1);
             i0.ɵɵadvance();
@@ -149,7 +151,7 @@ export class AccountInfoComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccountInfoComponent, [{
         type: Component,
-        args: [{ selector: 'mj-account-info', template: "@if (IsLoading) {\n  <div class=\"loading-container\">\n    <mj-loading text=\"Loading account info...\"></mj-loading>\n  </div>\n}\n\n@if (ErrorMessage && !IsLoading) {\n  <div class=\"error-message\">\n    <i class=\"fa-solid fa-exclamation-circle\"></i>\n    <span>{{ ErrorMessage }}</span>\n  </div>\n}\n\n@if (CurrentUser && !IsLoading) {\n  <div class=\"account-info\">\n    <div class=\"info-row\">\n      <div class=\"info-label\">\n        <i class=\"fa-solid fa-user\"></i>\n        <span>Full Name</span>\n      </div>\n      <div class=\"info-value\">{{ CurrentUser.Name || 'Not set' }}</div>\n    </div>\n\n    <div class=\"info-row\">\n      <div class=\"info-label\">\n        <i class=\"fa-solid fa-envelope\"></i>\n        <span>Email</span>\n      </div>\n      <div class=\"info-value\">{{ CurrentUser.Email || 'Not set' }}</div>\n    </div>\n\n    <div class=\"info-row\">\n      <div class=\"info-label\">\n        <i class=\"fa-solid fa-shield-halved\"></i>\n        <span>Account Type</span>\n      </div>\n      <div class=\"info-value\">\n        <span class=\"type-badge\" [class]=\"'type-' + (CurrentUser.Type || 'user').toLowerCase()\">\n          {{ CurrentUser.Type || 'User' }}\n        </span>\n      </div>\n    </div>\n\n    <div class=\"info-row\">\n      <div class=\"info-label\">\n        <i class=\"fa-solid fa-calendar-plus\"></i>\n        <span>Account Created</span>\n      </div>\n      <div class=\"info-value\">{{ FormatDate(CurrentUser.__mj_CreatedAt) }}</div>\n    </div>\n\n    @if (CurrentUser.IsActive !== undefined) {\n      <div class=\"info-row\">\n        <div class=\"info-label\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n          <span>Status</span>\n        </div>\n        <div class=\"info-value\">\n          <span class=\"status-badge\" [class.active]=\"CurrentUser.IsActive\" [class.inactive]=\"!CurrentUser.IsActive\">\n            {{ CurrentUser.IsActive ? 'Active' : 'Inactive' }}\n          </span>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [".loading-container {\n  display: flex;\n  justify-content: center;\n  padding: 2rem;\n}\n\n.error-message {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 1rem;\n  background-color: var(--mj-error-bg, #fef2f2);\n  color: var(--mj-error-text, #dc2626);\n  border-radius: 8px;\n  font-size: 0.875rem;\n}\n\n.error-message i {\n  font-size: 1rem;\n}\n\n.account-info {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.info-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.75rem 0;\n  border-bottom: 1px solid var(--mj-border-color, #e5e7eb);\n}\n\n.info-row:last-child {\n  border-bottom: none;\n}\n\n.info-label {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  color: var(--mj-text-secondary, #6b7280);\n  font-size: 0.875rem;\n}\n\n.info-label i {\n  width: 1rem;\n  text-align: center;\n  color: var(--mj-text-tertiary, #9ca3af);\n}\n\n.info-value {\n  font-weight: 500;\n  color: var(--mj-text-primary, #1f2937);\n  text-align: right;\n}\n\n.type-badge {\n  display: inline-block;\n  padding: 0.25rem 0.75rem;\n  border-radius: 9999px;\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.type-owner {\n  background-color: var(--mj-warning-bg, #fef3c7);\n  color: var(--mj-warning-text, #d97706);\n}\n\n.type-admin {\n  background-color: var(--mj-info-bg, #dbeafe);\n  color: var(--mj-info-text, #2563eb);\n}\n\n.type-user {\n  background-color: var(--mj-neutral-bg, #f3f4f6);\n  color: var(--mj-neutral-text, #4b5563);\n}\n\n.status-badge {\n  display: inline-block;\n  padding: 0.25rem 0.75rem;\n  border-radius: 9999px;\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.status-badge.active {\n  background-color: var(--mj-success-bg, #dcfce7);\n  color: var(--mj-success-text, #16a34a);\n}\n\n.status-badge.inactive {\n  background-color: var(--mj-error-bg, #fef2f2);\n  color: var(--mj-error-text, #dc2626);\n}\n\n@media (max-width: 480px) {\n  .info-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.5rem;\n  }\n\n  .info-value {\n    text-align: left;\n    padding-left: 1.75rem;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-account-info', template: "@if (IsLoading) {\n  <div class=\"loading-container\">\n    <mj-loading text=\"Loading account info...\"></mj-loading>\n  </div>\n}\n\n@if (ErrorMessage && !IsLoading) {\n  <div class=\"error-message\">\n    <i class=\"fa-solid fa-exclamation-circle\"></i>\n    <span>{{ ErrorMessage }}</span>\n  </div>\n}\n\n@if (CurrentUser && !IsLoading) {\n  <div class=\"account-info\">\n    <div class=\"info-row\">\n      <div class=\"info-label\">\n        <i class=\"fa-solid fa-user\"></i>\n        <span>Full Name</span>\n      </div>\n      <div class=\"info-value\">{{ CurrentUser.Name || 'Not set' }}</div>\n    </div>\n\n    <div class=\"info-row\">\n      <div class=\"info-label\">\n        <i class=\"fa-solid fa-envelope\"></i>\n        <span>Email</span>\n      </div>\n      <div class=\"info-value\">{{ CurrentUser.Email || 'Not set' }}</div>\n    </div>\n\n    <div class=\"info-row\">\n      <div class=\"info-label\">\n        <i class=\"fa-solid fa-shield-halved\"></i>\n        <span>Account Type</span>\n      </div>\n      <div class=\"info-value\">\n        <span class=\"type-badge\" [class]=\"'type-' + (CurrentUser.Type || 'user').toLowerCase()\">\n          {{ CurrentUser.Type || 'User' }}\n        </span>\n      </div>\n    </div>\n\n    <div class=\"info-row\">\n      <div class=\"info-label\">\n        <i class=\"fa-solid fa-calendar-plus\"></i>\n        <span>Account Created</span>\n      </div>\n      <div class=\"info-value\">{{ FormatDate(CurrentUser.__mj_CreatedAt) }}</div>\n    </div>\n\n    @if (CurrentUser.IsActive !== undefined) {\n      <div class=\"info-row\">\n        <div class=\"info-label\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n          <span>Status</span>\n        </div>\n        <div class=\"info-value\">\n          <span class=\"status-badge\" [class.active]=\"CurrentUser.IsActive\" [class.inactive]=\"!CurrentUser.IsActive\">\n            {{ CurrentUser.IsActive ? 'Active' : 'Inactive' }}\n          </span>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [".loading-container {\n  display: flex;\n  justify-content: center;\n  padding: 2rem;\n}\n\n.error-message {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 1rem;\n  background-color: var(--mj-error-bg, #fef2f2);\n  color: var(--mj-error-text, #dc2626);\n  border-radius: 8px;\n  font-size: 0.875rem;\n}\n\n.error-message i {\n  font-size: 1rem;\n}\n\n.account-info {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.info-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.75rem 0;\n  border-bottom: 1px solid var(--mj-border-color, #e5e7eb);\n}\n\n.info-row:last-child {\n  border-bottom: none;\n}\n\n.info-label {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  color: var(--mj-text-secondary, #6b7280);\n  font-size: 0.875rem;\n}\n\n.info-label i {\n  width: 1rem;\n  text-align: center;\n  color: var(--mj-text-tertiary, #9ca3af);\n}\n\n.info-value {\n  font-weight: 500;\n  color: var(--mj-text-primary, #1f2937);\n  text-align: right;\n}\n\n.type-badge {\n  display: inline-block;\n  padding: 0.25rem 0.75rem;\n  border-radius: 9999px;\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.type-owner {\n  background-color: var(--mj-warning-bg, #fef3c7);\n  color: var(--mj-warning-text, #d97706);\n}\n\n.type-admin {\n  background-color: var(--mj-info-bg, #dbeafe);\n  color: var(--mj-info-text, #2563eb);\n}\n\n.type-user {\n  background-color: var(--mj-neutral-bg, #f3f4f6);\n  color: var(--mj-neutral-text, #4b5563);\n}\n\n.status-badge {\n  display: inline-block;\n  padding: 0.25rem 0.75rem;\n  border-radius: 9999px;\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.status-badge.active {\n  background-color: var(--mj-success-bg, #dcfce7);\n  color: var(--mj-success-text, #16a34a);\n}\n\n.status-badge.inactive {\n  background-color: var(--mj-error-bg, #fef2f2);\n  color: var(--mj-error-text, #dc2626);\n}\n\n@media (max-width: 480px) {\n  .info-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.5rem;\n  }\n\n  .info-value {\n    text-align: left;\n    padding-left: 1.75rem;\n  }\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccountInfoComponent, { className: "AccountInfoComponent", filePath: "src/lib/account-info/account-info.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccountInfoComponent, { className: "AccountInfoComponent", filePath: "src/lib/account-info/account-info.component.ts", lineNumber: 15 }); })();
 //# sourceMappingURL=account-info.component.js.map

package/dist/lib/account-info/account-info.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-info.component.js","sourceRoot":"","sources":["../../../src/lib/account-info/account-info.component.ts","../../../src/lib/account-info/account-info.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"account-info.component.js","sourceRoot":"","sources":["../../../src/lib/account-info/account-info.component.ts","../../../src/lib/account-info/account-info.component.html"],"names":[],"mappings":"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"}

package/dist/lib/appearance-settings/appearance-settings.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-settings.component.d.ts","sourceRoot":"","sources":["../../../src/lib/appearance-settings/appearance-settings.component.ts"],"names":[],"mappings":";AAEA;;;GAGG;AACH,qBAKa,2BAA2B;IAEtC,eAAe;;;;QAgBb;yCAlBS,2BAA2B;2CAA3B,2BAA2B;CAmBvC"}
+{"version":3,"file":"appearance-settings.component.d.ts","sourceRoot":"","sources":["../../../src/lib/appearance-settings/appearance-settings.component.ts"],"names":[],"mappings":";AAEA;;;GAGG;AACH,qBAMa,2BAA2B;IAEtC,eAAe;;;;QAgBb;yCAlBS,2BAA2B;2CAA3B,2BAA2B;CAmBvC"}