@memberjunction/ng-explorer-settings 3.1.1 → 3.3.0

package/dist/lib/notification-preferences/notification-preferences.component.js

@@ -0,0 +1,382 @@
+import { Component } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-shared-generic";
+const _forTrack0 = ($index, $item) => $item.type.ID;
+function NotificationPreferencesComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 1);
+} }
+function NotificationPreferencesComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 6);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No notification types configured yet.");
+    i0.ɵɵelementEnd()();
+} }
+function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "This notification type's delivery channels cannot be customized.");
+    i0.ɵɵelementEnd()();
+} }
+function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵelementStart(2, "span", 26);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const vm_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Auto-marks as read after ", ctx_r2.getTypeAutoExpireDays(vm_r2.type), " day(s) ");
+} }
+function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "article", 8)(1, "div", 9)(2, "div", 10);
+    i0.ɵɵelement(3, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 11)(5, "h4");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "p", 12);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 13)(10, "div", 14)(11, "label", 15);
+    i0.ɵɵtext(12, "Delivery Channels");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 16)(14, "label", 17)(15, "input", 18);
+    i0.ɵɵtwoWayListener("ngModelChange", function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Template_input_ngModelChange_15_listener($event) { const vm_r2 = i0.ɵɵrestoreView(_r1).$implicit; i0.ɵɵtwoWayBindingSet(vm_r2.inAppEnabled, $event) || (vm_r2.inAppEnabled = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Template_input_change_15_listener() { const vm_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onChannelChange(vm_r2)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(16, "i", 19);
+    i0.ɵɵelementStart(17, "span");
+    i0.ɵɵtext(18, "In-App");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "label", 17)(20, "input", 18);
+    i0.ɵɵtwoWayListener("ngModelChange", function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Template_input_ngModelChange_20_listener($event) { const vm_r2 = i0.ɵɵrestoreView(_r1).$implicit; i0.ɵɵtwoWayBindingSet(vm_r2.emailEnabled, $event) || (vm_r2.emailEnabled = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Template_input_change_20_listener() { const vm_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onChannelChange(vm_r2)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(21, "i", 20);
+    i0.ɵɵelementStart(22, "span");
+    i0.ɵɵtext(23, "Email");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "label", 17)(25, "input", 18);
+    i0.ɵɵtwoWayListener("ngModelChange", function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Template_input_ngModelChange_25_listener($event) { const vm_r2 = i0.ɵɵrestoreView(_r1).$implicit; i0.ɵɵtwoWayBindingSet(vm_r2.smsEnabled, $event) || (vm_r2.smsEnabled = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Template_input_change_25_listener() { const vm_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onChannelChange(vm_r2)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(26, "i", 21);
+    i0.ɵɵelementStart(27, "span");
+    i0.ɵɵtext(28, "SMS");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(29, NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Conditional_29_Template, 4, 0, "div", 22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(30, NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Conditional_30_Template, 4, 1, "div", 23);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const vm_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("changed", vm_r2.changed);
+    i0.ɵɵattribute("aria-label", "Notification settings for " + vm_r2.type.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("border-left-color", ctx_r2.getTypeColor(vm_r2.type));
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background-color", ctx_r2.getTypeColor(vm_r2.type) + "20");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r2.getTypeIcon(vm_r2.type));
+    i0.ɵɵstyleProp("color", ctx_r2.getTypeColor(vm_r2.type));
+    i0.ɵɵattribute("aria-hidden", true);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(vm_r2.type.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(vm_r2.type.Description);
+    i0.ɵɵadvance(3);
+    i0.ɵɵattribute("id", "delivery-label-" + vm_r2.type.ID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵattribute("aria-labelledby", "delivery-label-" + vm_r2.type.ID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", vm_r2.inAppEnabled);
+    i0.ɵɵproperty("disabled", !ctx_r2.getAllowUserPreference(vm_r2.type));
+    i0.ɵɵattribute("aria-label", "Enable in-app notifications for " + vm_r2.type.Name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", vm_r2.emailEnabled);
+    i0.ɵɵproperty("disabled", !ctx_r2.getAllowUserPreference(vm_r2.type));
+    i0.ɵɵattribute("aria-label", "Enable email notifications for " + vm_r2.type.Name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", vm_r2.smsEnabled);
+    i0.ɵɵproperty("disabled", !ctx_r2.getAllowUserPreference(vm_r2.type));
+    i0.ɵɵattribute("aria-label", "Enable SMS notifications for " + vm_r2.type.Name);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(!ctx_r2.getAllowUserPreference(vm_r2.type) ? 29 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.getTypeAutoExpireDays(vm_r2.type) ? 30 : -1);
+} }
+function NotificationPreferencesComponent_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵrepeaterCreate(1, NotificationPreferencesComponent_Conditional_2_Conditional_2_For_2_Template, 31, 27, "article", 7, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.viewModels);
+} }
+function NotificationPreferencesComponent_Conditional_2_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 29);
+} }
+function NotificationPreferencesComponent_Conditional_2_Conditional_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 30);
+} }
+function NotificationPreferencesComponent_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5)(1, "button", 27);
+    i0.ɵɵlistener("click", function NotificationPreferencesComponent_Conditional_2_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancel()); });
+    i0.ɵɵtext(2, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 28);
+    i0.ɵɵlistener("click", function NotificationPreferencesComponent_Conditional_2_Conditional_3_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.save()); });
+    i0.ɵɵtemplate(4, NotificationPreferencesComponent_Conditional_2_Conditional_3_Conditional_4_Template, 1, 0, "i", 29)(5, NotificationPreferencesComponent_Conditional_2_Conditional_3_Conditional_5_Template, 1, 0, "i", 30);
+    i0.ɵɵelementStart(6, "span");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r2.saving);
+    i0.ɵɵattribute("aria-busy", ctx_r2.saving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.saving);
+    i0.ɵɵattribute("aria-busy", ctx_r2.saving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.saving ? 4 : 5);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.saving ? "Saving..." : "Save Preferences");
+} }
+function NotificationPreferencesComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtemplate(1, NotificationPreferencesComponent_Conditional_2_Conditional_1_Template, 4, 0, "div", 3)(2, NotificationPreferencesComponent_Conditional_2_Conditional_2_Template, 3, 0, "div", 4)(3, NotificationPreferencesComponent_Conditional_2_Conditional_3_Template, 8, 6, "div", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.viewModels.length === 0 ? 1 : 2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.hasChanges ? 3 : -1);
+} }
+/**
+ * Component for managing user notification preferences.
+ *
+ * Displays notification types with configurable delivery channels (in-app, email, SMS).
+ * Users can customize which channels they want to receive notifications through,
+ * unless the notification type restricts user customization.
+ *
+ * Uses Material Design 3 (MD3) styling principles for consistent, accessible UI.
+ *
+ * Data flow:
+ * - Loads notification types from UserInfoEngine (global cache)
+ * - Loads user preferences from UserInfoEngine (per-user cache)
+ * - Saves preferences using transaction groups for batch updates
+ */
+export class NotificationPreferencesComponent {
+    sharedService;
+    loading = true;
+    saving = false;
+    viewModels = [];
+    hasChanges = false;
+    constructor(sharedService) {
+        this.sharedService = sharedService;
+    }
+    /**
+     * Angular lifecycle hook - initializes the component by loading notification preferences.
+     */
+    async ngOnInit() {
+        await this.loadData();
+    }
+    /**
+     * Loads notification types and user preferences from UserInfoEngine.
+     * Builds view models by merging type defaults with user preferences.
+     * Sorts types by Priority (ascending), then Name (alphabetical).
+     * @private
+     */
+    async loadData() {
+        try {
+            this.loading = true;
+            // UserInfoEngine is auto-configured via @RegisterForStartup()
+            // NotificationEngine (server-side) loads notification types into global cache
+            // UserInfoEngine provides a getter to access them from both client and server
+            // Get notification types from UserInfoEngine, sorted client-side
+            const types = [...UserInfoEngine.Instance.NotificationTypes].sort((a, b) => {
+                const priorityA = a.Priority ?? 999;
+                const priorityB = b.Priority ?? 999;
+                if (priorityA !== priorityB) {
+                    return priorityA - priorityB;
+                }
+                return a.Name.localeCompare(b.Name);
+            });
+            // Get preferences from UserInfoEngine (entity objects - can be mutated)
+            const prefs = UserInfoEngine.Instance.NotificationPreferences;
+            // Build view models from cached data
+            this.viewModels = types.map((type) => {
+                const existingPref = prefs.find((p) => p.NotificationTypeID === type.ID);
+                // Get channel values: user preference > type default
+                const inAppEnabled = existingPref?.InAppEnabled ?? type.DefaultInApp ?? true;
+                const emailEnabled = existingPref?.EmailEnabled ?? type.DefaultEmail ?? false;
+                const smsEnabled = existingPref?.SMSEnabled ?? type.DefaultSMS ?? false;
+                return {
+                    type,
+                    preference: existingPref || null,
+                    inAppEnabled,
+                    emailEnabled,
+                    smsEnabled,
+                    changed: false,
+                    originalInAppEnabled: inAppEnabled,
+                    originalEmailEnabled: emailEnabled,
+                    originalSmsEnabled: smsEnabled,
+                };
+            });
+            this.loading = false;
+        }
+        catch (error) {
+            this.loading = false;
+            const message = error instanceof Error ? error.message : 'Unknown error';
+            this.sharedService.CreateSimpleNotification(`Failed to load notification preferences: ${message}`, 'error', 3000);
+        }
+    }
+    /**
+     * Called when a user toggles any delivery channel checkbox.
+     * Updates the view model's changed flag by comparing current state to original values.
+     * Sets the global hasChanges flag to show/hide the save/cancel buttons.
+     * @param vm The view model for the notification type being modified
+     */
+    onChannelChange(vm) {
+        vm.changed = vm.inAppEnabled !== vm.originalInAppEnabled || vm.emailEnabled !== vm.originalEmailEnabled || vm.smsEnabled !== vm.originalSmsEnabled;
+        this.hasChanges = this.viewModels.some((v) => v.changed);
+    }
+    /**
+     * Saves all changed notification preferences using a transaction group for batch updates.
+     * Creates new preference records for types that don't have existing preferences.
+     * Updates the Enabled field based on whether any channel is enabled.
+     * Shows success/error notification on completion.
+     * @returns Promise that resolves when save is complete
+     */
+    async save() {
+        try {
+            this.saving = true;
+            const md = new Metadata();
+            const currentUser = md.CurrentUser;
+            const transGroup = await md.CreateTransactionGroup();
+            // Queue all saves in transaction group - no need to await individual saves
+            // Transaction group queues them and submits all in one batch
+            for (const vm of this.viewModels.filter((v) => v.changed)) {
+                let pref = vm.preference;
+                if (!pref) {
+                    // Create new preference record
+                    pref = await md.GetEntityObject('MJ: User Notification Preferences');
+                    pref.UserID = currentUser.ID;
+                    pref.NotificationTypeID = vm.type.ID;
+                    vm.preference = pref;
+                }
+                // Set Enabled based on whether any channel is enabled
+                pref.Enabled = vm.inAppEnabled || vm.emailEnabled || vm.smsEnabled;
+                // Set the boolean channel fields
+                pref.InAppEnabled = vm.inAppEnabled;
+                pref.EmailEnabled = vm.emailEnabled;
+                pref.SMSEnabled = vm.smsEnabled;
+                pref.TransactionGroup = transGroup;
+                // Don't await - Save() with transaction group queues immediately
+                pref.Save();
+            }
+            // Submit transaction group - this is where the actual network call happens
+            const success = await transGroup.Submit();
+            if (success) {
+                // Cache refresh happens automatically in UserNotificationPreferenceEntityExtended.Save()
+                // Update original values
+                this.viewModels.forEach((vm) => {
+                    vm.originalInAppEnabled = vm.inAppEnabled;
+                    vm.originalEmailEnabled = vm.emailEnabled;
+                    vm.originalSmsEnabled = vm.smsEnabled;
+                    vm.changed = false;
+                });
+                this.hasChanges = false;
+                this.sharedService.CreateSimpleNotification('Notification preferences saved successfully', 'success', 2500);
+            }
+            else {
+                throw new Error('Failed to save preferences');
+            }
+            this.saving = false;
+        }
+        catch (error) {
+            this.saving = false;
+            const message = error instanceof Error ? error.message : 'Unknown error';
+            this.sharedService.CreateSimpleNotification(`Failed to save preferences: ${message}`, 'error', 3000);
+        }
+    }
+    /**
+     * Cancels all unsaved changes and reverts to original values.
+     * Resets the changed flag on all view models and hides the action buttons.
+     */
+    cancel() {
+        // Revert changes
+        this.viewModels.forEach((vm) => {
+            vm.inAppEnabled = vm.originalInAppEnabled;
+            vm.emailEnabled = vm.originalEmailEnabled;
+            vm.smsEnabled = vm.originalSmsEnabled;
+            vm.changed = false;
+        });
+        this.hasChanges = false;
+    }
+    /**
+     * Gets the Font Awesome icon class for a notification type.
+     * Used for MD3 dynamic icon styling in the card header.
+     * @param type The notification type entity
+     * @returns Font Awesome icon class (e.g., 'fa-bell'), defaults to 'fa-bell' if not specified
+     */
+    getTypeIcon(type) {
+        return type.Icon || 'fa-bell';
+    }
+    /**
+     * Gets the color hex code for a notification type.
+     * Used for MD3 dynamic color styling (icon background, border accent).
+     * @param type The notification type entity
+     * @returns Hex color code (e.g., '#0076B6'), defaults to '#999' if not specified
+     */
+    getTypeColor(type) {
+        return type.Color || '#999';
+    }
+    /**
+     * Gets the auto-expire duration in days for a notification type.
+     * Displayed in the metadata row to inform users about automatic read marking.
+     * @param type The notification type entity
+     * @returns Number of days until auto-expire, or null if not configured
+     */
+    getTypeAutoExpireDays(type) {
+        return type.AutoExpireDays || null;
+    }
+    /**
+     * Checks if users are allowed to customize preferences for this notification type.
+     * When false, the delivery channel checkboxes are disabled and an info message is shown.
+     * @param type The notification type entity
+     * @returns True if user customization is allowed (default), false otherwise
+     */
+    getAllowUserPreference(type) {
+        return type.AllowUserPreference !== false;
+    }
+    static ɵfac = function NotificationPreferencesComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NotificationPreferencesComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NotificationPreferencesComponent, selectors: [["mj-notification-preferences"]], decls: 3, vars: 1, consts: [[1, "notification-preferences-container"], ["text", "Loading notification preferences..."], [1, "content"], [1, "empty-state"], [1, "notification-types-grid"], ["role", "group", "aria-label", "Save or cancel changes", 1, "actions"], [1, "fa-solid", "fa-bell-slash"], ["role", "region", 1, "notification-type-card", 3, "changed"], ["role", "region", 1, "notification-type-card"], [1, "card-header"], [1, "icon-wrapper"], [1, "header-text"], [1, "type-description"], [1, "card-body"], [1, "preference-row"], [1, "delivery-label"], ["role", "group", 1, "delivery-checkboxes"], [1, "channel-checkbox"], ["type", "checkbox", 3, "ngModelChange", "change", "ngModel", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-bell"], ["aria-hidden", "true", 1, "fa-solid", "fa-envelope"], ["aria-hidden", "true", 1, "fa-solid", "fa-mobile"], ["role", "alert", "aria-live", "polite", 1, "info-message"], [1, "metadata-row"], ["aria-hidden", "true", 1, "fa-solid", "fa-info-circle"], ["aria-hidden", "true", 1, "fa-solid", "fa-clock"], [1, "metadata-text"], ["type", "button", 1, "btn", "btn-secondary", 3, "click", "disabled"], ["type", "button", 1, "btn", "btn-primary", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "fa-spin"], ["aria-hidden", "true", 1, "fa-solid", "fa-save"]], template: function NotificationPreferencesComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, NotificationPreferencesComponent_Conditional_1_Template, 1, 0, "mj-loading", 1)(2, NotificationPreferencesComponent_Conditional_2_Template, 4, 2, "div", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.loading ? 1 : 2);
+        } }, dependencies: [i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.LoadingComponent], styles: ["\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n  \n\n  --md-primary: #0076B6;\n  --md-on-primary: #FFFFFF;\n  --md-primary-container: #AAE7FD;\n  --md-on-primary-container: #001F2A;\n\n  \n\n  --md-secondary: #F5A623;\n  --md-on-secondary: #FFFFFF;\n  --md-secondary-container: #FFECD6;\n  --md-on-secondary-container: #2D1600;\n\n  \n\n  --md-tertiary: #4CAF50;\n  --md-on-tertiary: #FFFFFF;\n  --md-tertiary-container: #C8E6C9;\n  --md-on-tertiary-container: #002204;\n\n  \n\n  --md-error: #D32F2F;\n  --md-on-error: #FFFFFF;\n  --md-error-container: #FFCDD2;\n  --md-on-error-container: #410002;\n\n  \n\n  --md-warning: #FFC107;\n  --md-on-warning: #2D1600;\n  --md-warning-container: #FFF3CD;\n  --md-on-warning-container: #856404;\n\n  \n\n  --md-surface: #FAFCFF;\n  --md-surface-container-lowest: #FFFFFF;\n  --md-surface-container-low: #F3F5F9;\n  --md-surface-container: #EDF0F4;\n  --md-surface-container-high: #E7EAEE;\n  --md-surface-container-highest: #E1E3E8;\n  --md-on-surface: #191C20;\n  --md-on-surface-variant: #43474E;\n  --md-outline: #74777F;\n  --md-outline-variant: #C4C6D0;\n\n  \n\n  --md-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);\n  --md-elevation-2: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.08);\n  --md-elevation-3: 0 4px 8px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.08);\n  --md-elevation-4: 0 6px 12px rgba(0, 0, 0, 0.1), 0 12px 24px rgba(0, 0, 0, 0.08);\n  --md-elevation-5: 0 8px 16px rgba(0, 0, 0, 0.12), 0 16px 32px rgba(0, 0, 0, 0.1);\n\n  \n\n  --md-corner-extra-small: 4px;\n  --md-corner-small: 8px;\n  --md-corner-medium: 12px;\n  --md-corner-large: 16px;\n  --md-corner-extra-large: 28px;\n  --md-corner-full: 9999px;\n\n  \n\n  display: block;\n  width: 100%;\n}\n\n\n\n\n\n.notification-preferences-container[_ngcontent-%COMP%] {\n  padding: 1.5rem;\n  max-width: 1200px;\n  margin: 0 auto;\n  background: var(--md-surface);\n}\n\n\n\n\n\n.content[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 3rem 1.5rem;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 4rem;\n  color: var(--md-outline-variant);\n  margin-bottom: 1.5rem;\n  display: block;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 1.125rem;\n  font-weight: 500;\n  color: var(--md-on-surface-variant);\n  margin: 0;\n}\n\n\n\n\n\n.notification-types-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n\n\n\n\n.notification-type-card[_ngcontent-%COMP%] {\n  background: var(--md-surface-container-lowest);\n  border: 1px solid var(--md-outline-variant);\n  border-radius: var(--md-corner-medium);\n  border-left: 4px solid var(--md-outline-variant);\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: var(--md-elevation-1);\n}\n\n.notification-type-card[_ngcontent-%COMP%]:hover {\n  box-shadow: var(--md-elevation-2);\n  border-color: var(--md-primary);\n}\n\n.notification-type-card.changed[_ngcontent-%COMP%] {\n  border-left-color: var(--md-primary) !important;\n  border-color: var(--md-primary);\n  box-shadow: var(--md-elevation-3);\n  background: var(--md-primary-container);\n}\n\n\n\n\n\n.card-header[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 1rem;\n  padding: 1.25rem;\n  border-bottom: 1px solid var(--md-outline-variant);\n  align-items: flex-start;\n}\n\n.icon-wrapper[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  border-radius: var(--md-corner-small);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: transform 0.2s;\n}\n\n.notification-type-card[_ngcontent-%COMP%]:hover   .icon-wrapper[_ngcontent-%COMP%] {\n  transform: scale(1.05);\n}\n\n.icon-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.5rem;\n}\n\n.header-text[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.header-text[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 0.375rem 0;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--md-on-surface);\n}\n\n.type-description[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.875rem;\n  color: var(--md-on-surface-variant);\n  line-height: 1.4;\n}\n\n\n\n\n\n.card-body[_ngcontent-%COMP%] {\n  padding: 1.25rem;\n}\n\n.preference-row[_ngcontent-%COMP%] {\n  margin-bottom: 1rem;\n}\n\n.preference-row[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0;\n}\n\n.delivery-label[_ngcontent-%COMP%] {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--md-on-surface);\n  letter-spacing: 0.01em;\n}\n\n\n\n\n\n.delivery-checkboxes[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.75rem;\n  flex-wrap: wrap;\n}\n\n.channel-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.75rem 1rem;\n  border: 2px solid var(--md-outline-variant);\n  border-radius: var(--md-corner-small);\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  user-select: none;\n  background: var(--md-surface);\n  min-height: 44px;\n}\n\n.channel-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  accent-color: var(--md-primary);\n  margin: 0;\n}\n\n.channel-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%]:disabled {\n  cursor: not-allowed;\n}\n\n.channel-checkbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--md-on-surface-variant);\n  font-size: 1rem;\n  transition: color 0.2s;\n}\n\n.channel-checkbox[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--md-on-surface);\n}\n\n.channel-checkbox[_ngcontent-%COMP%]:hover:not(:has(input:disabled)) {\n  border-color: var(--md-primary);\n  background: var(--md-primary-container);\n}\n\n.channel-checkbox[_ngcontent-%COMP%]:hover:not(:has(input:disabled))   i[_ngcontent-%COMP%] {\n  color: var(--md-primary);\n}\n\n.channel-checkbox[_ngcontent-%COMP%]:has(input:checked) {\n  border-color: var(--md-primary);\n  background: var(--md-primary-container);\n}\n\n.channel-checkbox[_ngcontent-%COMP%]:has(input:checked)   i[_ngcontent-%COMP%] {\n  color: var(--md-primary);\n}\n\n.channel-checkbox[_ngcontent-%COMP%]:has(input:disabled) {\n  opacity: 0.5;\n  cursor: not-allowed;\n  background: var(--md-surface-container-low);\n}\n\n.channel-checkbox[_ngcontent-%COMP%]:focus-within {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n\n\n\n\n.info-message[_ngcontent-%COMP%] {\n  margin-top: 0.75rem;\n  padding: 0.75rem;\n  background: var(--md-warning-container);\n  border-left: 3px solid var(--md-warning);\n  border-radius: var(--md-corner-small);\n  font-size: 0.8125rem;\n  display: flex;\n  gap: 0.75rem;\n  align-items: flex-start;\n  line-height: 1.4;\n  color: var(--md-on-warning-container);\n}\n\n.info-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--md-on-warning-container);\n  font-size: 1rem;\n  margin-top: 0.1rem;\n  flex-shrink: 0;\n}\n\n\n\n\n\n.metadata-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.625rem;\n  align-items: center;\n  font-size: 0.8125rem;\n  color: var(--md-on-surface-variant);\n  padding-top: 0.75rem;\n  margin-top: 0.75rem;\n  border-top: 1px solid var(--md-outline-variant);\n}\n\n.metadata-row[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--md-on-surface-variant);\n  font-size: 0.875rem;\n  flex-shrink: 0;\n}\n\n.metadata-text[_ngcontent-%COMP%] {\n  line-height: 1.4;\n}\n\n\n\n\n\n.actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n  gap: 0.75rem;\n  padding: 1.25rem;\n  background: var(--md-surface-container-low);\n  border-radius: var(--md-corner-medium);\n  border: 1px solid var(--md-outline-variant);\n  margin-top: 1.5rem;\n}\n\n\n\n\n\n.btn[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.5rem;\n  border: none;\n  border-radius: var(--md-corner-full);\n  font-size: 0.875rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  white-space: nowrap;\n  min-height: 44px;\n}\n\n.btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.38;\n  cursor: not-allowed;\n}\n\n.btn[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n.btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1rem;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: var(--md-surface);\n  color: var(--md-primary);\n  border: 1px solid var(--md-outline);\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n  border-color: var(--md-primary);\n}\n\n.btn-secondary[_ngcontent-%COMP%]:active:not(:disabled) {\n  background: #005A8C;\n  border-color: #005A8C;\n  transform: scale(0.98);\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n  box-shadow: var(--md-elevation-1);\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #3395C8;\n  box-shadow: var(--md-elevation-2);\n}\n\n.btn-primary[_ngcontent-%COMP%]:active:not(:disabled) {\n  background: #4BA5D4;\n  transform: scale(0.98);\n}\n\n.btn-ghost[_ngcontent-%COMP%] {\n  background: transparent;\n  color: var(--md-on-surface-variant);\n  border: none;\n}\n\n.btn-ghost[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n}\n\n.btn-ghost[_ngcontent-%COMP%]:active:not(:disabled) {\n  background: #005A8C;\n  transform: scale(0.98);\n}\n\n.btn-danger[_ngcontent-%COMP%] {\n  background: var(--md-error);\n  color: var(--md-on-error);\n  box-shadow: var(--md-elevation-1);\n}\n\n.btn-danger[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #E57373;\n  box-shadow: var(--md-elevation-2);\n}\n\n.btn-danger[_ngcontent-%COMP%]:active:not(:disabled) {\n  background: #EF9A9A;\n  transform: scale(0.98);\n}\n\n.btn-sm[_ngcontent-%COMP%] {\n  padding: 0.5rem 0.875rem;\n  font-size: 0.8125rem;\n  min-height: 36px;\n}\n\n\n\n\n\n.badge-system[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.375rem 0.875rem;\n  border-radius: var(--md-corner-full);\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  background: var(--md-secondary-container);\n  color: #7A4D0C;\n  border: 1px solid var(--md-secondary);\n}\n\n.badge-custom[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.375rem 0.875rem;\n  border-radius: var(--md-corner-full);\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  background: var(--md-tertiary-container);\n  color: #1B5E20;\n  border: 1px solid var(--md-tertiary);\n}\n\n\n\n\n\nbutton[_ngcontent-%COMP%]:focus-visible, \ninput[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n\n\n\n\n@media (prefers-reduced-motion: reduce) {\n  *[_ngcontent-%COMP%], \n   *[_ngcontent-%COMP%]::before, \n   *[_ngcontent-%COMP%]::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n\n\n\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\n\n\n@media (max-width: 639px) {\n  .notification-preferences-container[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n\n  .notification-types-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .card-header[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n\n  .card-body[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n\n  .delivery-checkboxes[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .channel-checkbox[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n    padding: 1rem;\n  }\n\n  .actions[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 640px) and (max-width: 767px) {\n  .notification-types-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (min-width: 768px) {\n  .notification-preferences-container[_ngcontent-%COMP%] {\n    padding: 2rem;\n  }\n\n  .notification-types-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));\n  }\n}\n\n@media (min-width: 1024px) {\n  .notification-types-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n    gap: 1.5rem;\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationPreferencesComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-notification-preferences', template: "<div class=\"notification-preferences-container\">\n    @if (loading) {\n        <mj-loading text=\"Loading notification preferences...\"></mj-loading>\n    } @else {\n        <div class=\"content\">\n            @if (viewModels.length === 0) {\n                <!-- Empty state -->\n                <div class=\"empty-state\">\n                    <i class=\"fa-solid fa-bell-slash\"></i>\n                    <p>No notification types configured yet.</p>\n                </div>\n            } @else {\n                <!-- Notification type cards -->\n                <div class=\"notification-types-grid\">\n                    @for (vm of viewModels; track vm.type.ID) {\n                        <article class=\"notification-type-card\"\n                                 [class.changed]=\"vm.changed\"\n                                 role=\"region\"\n                                 [attr.aria-label]=\"'Notification settings for ' + vm.type.Name\">\n\n                            <div class=\"card-header\" [style.border-left-color]=\"getTypeColor(vm.type)\">\n                                <div class=\"icon-wrapper\" [style.background-color]=\"getTypeColor(vm.type) + '20'\">\n                                    <i [class]=\"'fa-solid ' + getTypeIcon(vm.type)\" [style.color]=\"getTypeColor(vm.type)\" [attr.aria-hidden]=\"true\"></i>\n                                </div>\n                                <div class=\"header-text\">\n                                    <h4>{{ vm.type.Name }}</h4>\n                                    <p class=\"type-description\">{{ vm.type.Description }}</p>\n                                </div>\n                            </div>\n\n                            <div class=\"card-body\">\n                                <!-- Delivery channel checkboxes -->\n                                <div class=\"preference-row\">\n                                    <label class=\"delivery-label\" [attr.id]=\"'delivery-label-' + vm.type.ID\">Delivery Channels</label>\n\n                                    <div class=\"delivery-checkboxes\" role=\"group\" [attr.aria-labelledby]=\"'delivery-label-' + vm.type.ID\">\n                                        <label class=\"channel-checkbox\">\n                                            <input type=\"checkbox\"\n                                                   [(ngModel)]=\"vm.inAppEnabled\"\n                                                   (change)=\"onChannelChange(vm)\"\n                                                   [disabled]=\"!getAllowUserPreference(vm.type)\"\n                                                   [attr.aria-label]=\"'Enable in-app notifications for ' + vm.type.Name\">\n                                            <i class=\"fa-solid fa-bell\" aria-hidden=\"true\"></i>\n                                            <span>In-App</span>\n                                        </label>\n\n                                        <label class=\"channel-checkbox\">\n                                            <input type=\"checkbox\"\n                                                   [(ngModel)]=\"vm.emailEnabled\"\n                                                   (change)=\"onChannelChange(vm)\"\n                                                   [disabled]=\"!getAllowUserPreference(vm.type)\"\n                                                   [attr.aria-label]=\"'Enable email notifications for ' + vm.type.Name\">\n                                            <i class=\"fa-solid fa-envelope\" aria-hidden=\"true\"></i>\n                                            <span>Email</span>\n                                        </label>\n\n                                        <label class=\"channel-checkbox\">\n                                            <input type=\"checkbox\"\n                                                   [(ngModel)]=\"vm.smsEnabled\"\n                                                   (change)=\"onChannelChange(vm)\"\n                                                   [disabled]=\"!getAllowUserPreference(vm.type)\"\n                                                   [attr.aria-label]=\"'Enable SMS notifications for ' + vm.type.Name\">\n                                            <i class=\"fa-solid fa-mobile\" aria-hidden=\"true\"></i>\n                                            <span>SMS</span>\n                                        </label>\n                                    </div>\n\n                                    @if (!getAllowUserPreference(vm.type)) {\n                                        <div class=\"info-message\" role=\"alert\" aria-live=\"polite\">\n                                            <i class=\"fa-solid fa-info-circle\" aria-hidden=\"true\"></i>\n                                            <span>This notification type's delivery channels cannot be customized.</span>\n                                        </div>\n                                    }\n                                </div>\n\n                                <!-- Auto-expire info -->\n                                @if (getTypeAutoExpireDays(vm.type)) {\n                                    <div class=\"metadata-row\">\n                                        <i class=\"fa-solid fa-clock\" aria-hidden=\"true\"></i>\n                                        <span class=\"metadata-text\">\n                                            Auto-marks as read after {{ getTypeAutoExpireDays(vm.type) }} day(s)\n                                        </span>\n                                    </div>\n                                }\n                            </div>\n                        </article>\n                    }\n                </div>\n            }\n\n            <!-- Action buttons -->\n            @if (hasChanges) {\n                <div class=\"actions\" role=\"group\" aria-label=\"Save or cancel changes\">\n                    <button class=\"btn btn-secondary\"\n                            type=\"button\"\n                            (click)=\"cancel()\"\n                            [disabled]=\"saving\"\n                            [attr.aria-busy]=\"saving\">\n                        Cancel\n                    </button>\n                    <button class=\"btn btn-primary\"\n                            type=\"button\"\n                            (click)=\"save()\"\n                            [disabled]=\"saving\"\n                            [attr.aria-busy]=\"saving\">\n                        @if (saving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i>\n                        } @else {\n                            <i class=\"fa-solid fa-save\" aria-hidden=\"true\"></i>\n                        }\n                        <span>{{ saving ? 'Saving...' : 'Save Preferences' }}</span>\n                    </button>\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: ["/* =============================================================================\n   Notification Preferences Component - Material Design 3\n   Following MD3 Design System Guidelines\n   ============================================================================= */\n\n/* MD3 Color Tokens */\n:host {\n  /* Primary - Deep Blue */\n  --md-primary: #0076B6;\n  --md-on-primary: #FFFFFF;\n  --md-primary-container: #AAE7FD;\n  --md-on-primary-container: #001F2A;\n\n  /* Secondary - Light Orange */\n  --md-secondary: #F5A623;\n  --md-on-secondary: #FFFFFF;\n  --md-secondary-container: #FFECD6;\n  --md-on-secondary-container: #2D1600;\n\n  /* Tertiary - Light Green */\n  --md-tertiary: #4CAF50;\n  --md-on-tertiary: #FFFFFF;\n  --md-tertiary-container: #C8E6C9;\n  --md-on-tertiary-container: #002204;\n\n  /* Error - Red */\n  --md-error: #D32F2F;\n  --md-on-error: #FFFFFF;\n  --md-error-container: #FFCDD2;\n  --md-on-error-container: #410002;\n\n  /* Warning - Amber */\n  --md-warning: #FFC107;\n  --md-on-warning: #2D1600;\n  --md-warning-container: #FFF3CD;\n  --md-on-warning-container: #856404;\n\n  /* Surface Colors */\n  --md-surface: #FAFCFF;\n  --md-surface-container-lowest: #FFFFFF;\n  --md-surface-container-low: #F3F5F9;\n  --md-surface-container: #EDF0F4;\n  --md-surface-container-high: #E7EAEE;\n  --md-surface-container-highest: #E1E3E8;\n  --md-on-surface: #191C20;\n  --md-on-surface-variant: #43474E;\n  --md-outline: #74777F;\n  --md-outline-variant: #C4C6D0;\n\n  /* Elevation (Box Shadows) */\n  --md-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);\n  --md-elevation-2: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.08);\n  --md-elevation-3: 0 4px 8px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.08);\n  --md-elevation-4: 0 6px 12px rgba(0, 0, 0, 0.1), 0 12px 24px rgba(0, 0, 0, 0.08);\n  --md-elevation-5: 0 8px 16px rgba(0, 0, 0, 0.12), 0 16px 32px rgba(0, 0, 0, 0.1);\n\n  /* Corner Radii */\n  --md-corner-extra-small: 4px;\n  --md-corner-small: 8px;\n  --md-corner-medium: 12px;\n  --md-corner-large: 16px;\n  --md-corner-extra-large: 28px;\n  --md-corner-full: 9999px;\n\n  /* Host element configuration */\n  display: block;\n  width: 100%;\n}\n\n/* -----------------------------------------------------------------------------\n   Container & Layout\n   ----------------------------------------------------------------------------- */\n.notification-preferences-container {\n  padding: 1.5rem;\n  max-width: 1200px;\n  margin: 0 auto;\n  background: var(--md-surface);\n}\n\n/* -----------------------------------------------------------------------------\n   Loading State\n   ----------------------------------------------------------------------------- */\n.content {\n  animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* -----------------------------------------------------------------------------\n   Empty State\n   ----------------------------------------------------------------------------- */\n.empty-state {\n  text-align: center;\n  padding: 3rem 1.5rem;\n}\n\n.empty-state i {\n  font-size: 4rem;\n  color: var(--md-outline-variant);\n  margin-bottom: 1.5rem;\n  display: block;\n}\n\n.empty-state p {\n  font-size: 1.125rem;\n  font-weight: 500;\n  color: var(--md-on-surface-variant);\n  margin: 0;\n}\n\n/* -----------------------------------------------------------------------------\n   Notification Types Grid\n   ----------------------------------------------------------------------------- */\n.notification-types-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n/* -----------------------------------------------------------------------------\n   Notification Type Card\n   ----------------------------------------------------------------------------- */\n.notification-type-card {\n  background: var(--md-surface-container-lowest);\n  border: 1px solid var(--md-outline-variant);\n  border-radius: var(--md-corner-medium);\n  border-left: 4px solid var(--md-outline-variant);\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: var(--md-elevation-1);\n}\n\n.notification-type-card:hover {\n  box-shadow: var(--md-elevation-2);\n  border-color: var(--md-primary);\n}\n\n.notification-type-card.changed {\n  border-left-color: var(--md-primary) !important;\n  border-color: var(--md-primary);\n  box-shadow: var(--md-elevation-3);\n  background: var(--md-primary-container);\n}\n\n/* -----------------------------------------------------------------------------\n   Card Header\n   ----------------------------------------------------------------------------- */\n.card-header {\n  display: flex;\n  gap: 1rem;\n  padding: 1.25rem;\n  border-bottom: 1px solid var(--md-outline-variant);\n  align-items: flex-start;\n}\n\n.icon-wrapper {\n  width: 48px;\n  height: 48px;\n  border-radius: var(--md-corner-small);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: transform 0.2s;\n}\n\n.notification-type-card:hover .icon-wrapper {\n  transform: scale(1.05);\n}\n\n.icon-wrapper i {\n  font-size: 1.5rem;\n}\n\n.header-text {\n  flex: 1;\n  min-width: 0;\n}\n\n.header-text h4 {\n  margin: 0 0 0.375rem 0;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--md-on-surface);\n}\n\n.type-description {\n  margin: 0;\n  font-size: 0.875rem;\n  color: var(--md-on-surface-variant);\n  line-height: 1.4;\n}\n\n/* -----------------------------------------------------------------------------\n   Card Body\n   ----------------------------------------------------------------------------- */\n.card-body {\n  padding: 1.25rem;\n}\n\n.preference-row {\n  margin-bottom: 1rem;\n}\n\n.preference-row:last-child {\n  margin-bottom: 0;\n}\n\n.delivery-label {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--md-on-surface);\n  letter-spacing: 0.01em;\n}\n\n/* -----------------------------------------------------------------------------\n   Delivery Channel Checkboxes\n   ----------------------------------------------------------------------------- */\n.delivery-checkboxes {\n  display: flex;\n  gap: 0.75rem;\n  flex-wrap: wrap;\n}\n\n.channel-checkbox {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.75rem 1rem;\n  border: 2px solid var(--md-outline-variant);\n  border-radius: var(--md-corner-small);\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  user-select: none;\n  background: var(--md-surface);\n  min-height: 44px;\n}\n\n.channel-checkbox input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  accent-color: var(--md-primary);\n  margin: 0;\n}\n\n.channel-checkbox input[type=\"checkbox\"]:disabled {\n  cursor: not-allowed;\n}\n\n.channel-checkbox i {\n  color: var(--md-on-surface-variant);\n  font-size: 1rem;\n  transition: color 0.2s;\n}\n\n.channel-checkbox span {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--md-on-surface);\n}\n\n.channel-checkbox:hover:not(:has(input:disabled)) {\n  border-color: var(--md-primary);\n  background: var(--md-primary-container);\n}\n\n.channel-checkbox:hover:not(:has(input:disabled)) i {\n  color: var(--md-primary);\n}\n\n.channel-checkbox:has(input:checked) {\n  border-color: var(--md-primary);\n  background: var(--md-primary-container);\n}\n\n.channel-checkbox:has(input:checked) i {\n  color: var(--md-primary);\n}\n\n.channel-checkbox:has(input:disabled) {\n  opacity: 0.5;\n  cursor: not-allowed;\n  background: var(--md-surface-container-low);\n}\n\n.channel-checkbox:focus-within {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n/* -----------------------------------------------------------------------------\n   Info Message\n   ----------------------------------------------------------------------------- */\n.info-message {\n  margin-top: 0.75rem;\n  padding: 0.75rem;\n  background: var(--md-warning-container);\n  border-left: 3px solid var(--md-warning);\n  border-radius: var(--md-corner-small);\n  font-size: 0.8125rem;\n  display: flex;\n  gap: 0.75rem;\n  align-items: flex-start;\n  line-height: 1.4;\n  color: var(--md-on-warning-container);\n}\n\n.info-message i {\n  color: var(--md-on-warning-container);\n  font-size: 1rem;\n  margin-top: 0.1rem;\n  flex-shrink: 0;\n}\n\n/* -----------------------------------------------------------------------------\n   Metadata Row\n   ----------------------------------------------------------------------------- */\n.metadata-row {\n  display: flex;\n  gap: 0.625rem;\n  align-items: center;\n  font-size: 0.8125rem;\n  color: var(--md-on-surface-variant);\n  padding-top: 0.75rem;\n  margin-top: 0.75rem;\n  border-top: 1px solid var(--md-outline-variant);\n}\n\n.metadata-row i {\n  color: var(--md-on-surface-variant);\n  font-size: 0.875rem;\n  flex-shrink: 0;\n}\n\n.metadata-text {\n  line-height: 1.4;\n}\n\n/* -----------------------------------------------------------------------------\n   Action Buttons Section\n   ----------------------------------------------------------------------------- */\n.actions {\n  display: flex;\n  justify-content: flex-start;\n  gap: 0.75rem;\n  padding: 1.25rem;\n  background: var(--md-surface-container-low);\n  border-radius: var(--md-corner-medium);\n  border: 1px solid var(--md-outline-variant);\n  margin-top: 1.5rem;\n}\n\n/* -----------------------------------------------------------------------------\n   Button System - MD3 Patterns\n   ----------------------------------------------------------------------------- */\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.5rem;\n  border: none;\n  border-radius: var(--md-corner-full);\n  font-size: 0.875rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  white-space: nowrap;\n  min-height: 44px;\n}\n\n.btn:disabled {\n  opacity: 0.38;\n  cursor: not-allowed;\n}\n\n.btn:focus-visible {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n.btn i {\n  font-size: 1rem;\n}\n\n.btn-secondary {\n  background: var(--md-surface);\n  color: var(--md-primary);\n  border: 1px solid var(--md-outline);\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n  border-color: var(--md-primary);\n}\n\n.btn-secondary:active:not(:disabled) {\n  background: #005A8C;\n  border-color: #005A8C;\n  transform: scale(0.98);\n}\n\n.btn-primary {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n  box-shadow: var(--md-elevation-1);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: #3395C8;\n  box-shadow: var(--md-elevation-2);\n}\n\n.btn-primary:active:not(:disabled) {\n  background: #4BA5D4;\n  transform: scale(0.98);\n}\n\n.btn-ghost {\n  background: transparent;\n  color: var(--md-on-surface-variant);\n  border: none;\n}\n\n.btn-ghost:hover:not(:disabled) {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n}\n\n.btn-ghost:active:not(:disabled) {\n  background: #005A8C;\n  transform: scale(0.98);\n}\n\n.btn-danger {\n  background: var(--md-error);\n  color: var(--md-on-error);\n  box-shadow: var(--md-elevation-1);\n}\n\n.btn-danger:hover:not(:disabled) {\n  background: #E57373;\n  box-shadow: var(--md-elevation-2);\n}\n\n.btn-danger:active:not(:disabled) {\n  background: #EF9A9A;\n  transform: scale(0.98);\n}\n\n.btn-sm {\n  padding: 0.5rem 0.875rem;\n  font-size: 0.8125rem;\n  min-height: 36px;\n}\n\n/* -----------------------------------------------------------------------------\n   Badge System - MD3 Patterns\n   ----------------------------------------------------------------------------- */\n.badge-system {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.375rem 0.875rem;\n  border-radius: var(--md-corner-full);\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  background: var(--md-secondary-container);\n  color: #7A4D0C;\n  border: 1px solid var(--md-secondary);\n}\n\n.badge-custom {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.375rem 0.875rem;\n  border-radius: var(--md-corner-full);\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  background: var(--md-tertiary-container);\n  color: #1B5E20;\n  border: 1px solid var(--md-tertiary);\n}\n\n/* -----------------------------------------------------------------------------\n   Accessibility: Focus Indicators\n   ----------------------------------------------------------------------------- */\nbutton:focus-visible,\ninput:focus-visible {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n/* -----------------------------------------------------------------------------\n   Accessibility: Reduced Motion\n   ----------------------------------------------------------------------------- */\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n/* -----------------------------------------------------------------------------\n   Animations\n   ----------------------------------------------------------------------------- */\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* -----------------------------------------------------------------------------\n   Responsive Design - Mobile First\n   ----------------------------------------------------------------------------- */\n@media (max-width: 639px) {\n  .notification-preferences-container {\n    padding: 1rem;\n  }\n\n  .notification-types-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .card-header {\n    padding: 1rem;\n  }\n\n  .card-body {\n    padding: 1rem;\n  }\n\n  .delivery-checkboxes {\n    flex-direction: column;\n  }\n\n  .channel-checkbox {\n    width: 100%;\n  }\n\n  .actions {\n    flex-direction: column;\n    padding: 1rem;\n  }\n\n  .actions .btn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 640px) and (max-width: 767px) {\n  .notification-types-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (min-width: 768px) {\n  .notification-preferences-container {\n    padding: 2rem;\n  }\n\n  .notification-types-grid {\n    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));\n  }\n}\n\n@media (min-width: 1024px) {\n  .notification-types-grid {\n    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n    gap: 1.5rem;\n  }\n}\n"] }]
+    }], () => [{ type: i1.SharedService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NotificationPreferencesComponent, { className: "NotificationPreferencesComponent", filePath: "src/lib/notification-preferences/notification-preferences.component.ts", lineNumber: 50 }); })();
+//# sourceMappingURL=notification-preferences.component.js.map

package/dist/lib/notification-preferences/notification-preferences.component.js.map

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

package/dist/lib/role-management/role-dialog/role-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"role-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/role-management/role-dialog/role-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAA2C,MAAM,eAAe,CAAC;AAE7J,OAAO,EAAiD,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAEtG,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;;AAG3D,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,qBAMa,mBAAoB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAC7D,IAAI,EAAE,cAAc,GAAG,IAAI,CAAQ;IACnC,OAAO,UAAS;IACf,MAAM,iCAAwC;IAExD,OAAO,CAAC,EAAE,CAAuB;IACjC,OAAO,CAAC,QAAQ,CAAkB;IAE3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,UAAS;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;;IAUnC,QAAQ,IAAI,IAAI;IAIhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAWzC,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,SAAS;IAUjB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAMvC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,UAAU,IAAI,OAAO,CAE/B;IAED,IAAW,YAAY,IAAI,OAAO,CAIjC;IAED,OAAO,CAAC,YAAY;IAgBP,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAgD/B,QAAQ,IAAI,IAAI;IAIvB,OAAO,CAAC,oBAAoB;yCAzIjB,mBAAmB;2CAAnB,mBAAmB;CA+I/B"}
+{"version":3,"file":"role-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/role-management/role-dialog/role-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAA2C,MAAM,eAAe,CAAC;AAE7J,OAAO,EAAiD,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAEtG,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;;AAE3D,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,qBAMa,mBAAoB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAC7D,IAAI,EAAE,cAAc,GAAG,IAAI,CAAQ;IACnC,OAAO,UAAS;IACf,MAAM,iCAAwC;IAExD,OAAO,CAAC,EAAE,CAAuB;IACjC,OAAO,CAAC,QAAQ,CAAkB;IAE3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,UAAS;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;;IAUnC,QAAQ,IAAI,IAAI;IAIhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAWzC,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,SAAS;IAUjB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAMvC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,UAAU,IAAI,OAAO,CAE/B;IAED,IAAW,YAAY,IAAI,OAAO,CAIjC;IAED,OAAO,CAAC,YAAY;IAgBP,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAgD/B,QAAQ,IAAI,IAAI;IAIvB,OAAO,CAAC,oBAAoB;yCAzIjB,mBAAmB;2CAAnB,mBAAmB;CA+I/B"}