@memberjunction/ng-explorer-core 2.52.0 → 2.54.0

package/dist/lib/user-notifications/user-notifications.component.js

@@ -9,115 +9,174 @@ import * as i2 from "@angular/router";
 import * as i3 from "@angular/common";
 import * as i4 from "@progress/kendo-angular-buttons";
 import * as i5 from "@progress/kendo-angular-inputs";
-import * as i6 from "@memberjunction/ng-container-directives";
-import * as i7 from "@progress/kendo-angular-listview";
+import * as i6 from "@progress/kendo-angular-listview";
 const _c0 = ["allRadio"];
 const _c1 = ["unreadRadio"];
 const _c2 = ["readRadio"];
-function UserNotificationsComponent_button_5_Template(rf, ctx) { if (rf & 1) {
+function UserNotificationsComponent_button_7_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.markAllAsRead()); });
-    i0.ɵɵtext(1, "Mark All as Read");
+    i0.ɵɵlistener("click", function UserNotificationsComponent_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.markAllAsRead()); });
+    i0.ɵɵelement(1, "i", 16);
+    i0.ɵɵtext(2, " Mark All as Read ");
     i0.ɵɵelementEnd();
 } }
-function UserNotificationsComponent_button_6_Template(rf, ctx) { if (rf & 1) {
+function UserNotificationsComponent_button_8_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.markAllAsUnread()); });
-    i0.ɵɵtext(1, "Mark All as Unread");
+    i0.ɵɵlistener("click", function UserNotificationsComponent_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.markAllAsUnread()); });
+    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵtext(2, " Mark All as Unread ");
     i0.ɵɵelementEnd();
 } }
-function UserNotificationsComponent_input_7_Template(rf, ctx) { if (rf & 1) {
+function UserNotificationsComponent_div_10_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 16, 0);
-    i0.ɵɵlistener("change", function UserNotificationsComponent_input_7_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onReadRadioChanged($event)); });
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_div_10_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectReadOption("All")); });
+    i0.ɵɵelementStart(1, "input", 21, 0);
+    i0.ɵɵlistener("change", function UserNotificationsComponent_div_10_div_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onReadRadioChanged($event)); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 22);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("All (", ctx_r1.AllNotifications.length, ")");
 } }
-function UserNotificationsComponent_span_8_Template(rf, ctx) { if (rf & 1) {
+function UserNotificationsComponent_div_10_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_span_8_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectReadOption("All")); });
-    i0.ɵɵtext(1, "All");
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_div_10_div_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectReadOption("Unread")); });
+    i0.ɵɵelementStart(1, "input", 23, 1);
+    i0.ɵɵlistener("change", function UserNotificationsComponent_div_10_div_2_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onReadRadioChanged($event)); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 22);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("Unread (", ctx_r1.UnreadNotifications.length, ")");
 } }
-function UserNotificationsComponent_input_9_Template(rf, ctx) { if (rf & 1) {
+function UserNotificationsComponent_div_10_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 18, 1);
-    i0.ɵɵlistener("change", function UserNotificationsComponent_input_9_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onReadRadioChanged($event)); });
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_div_10_div_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectReadOption("Read")); });
+    i0.ɵɵelementStart(1, "input", 24, 2);
+    i0.ɵɵlistener("change", function UserNotificationsComponent_div_10_div_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onReadRadioChanged($event)); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 22);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("Read (", ctx_r1.ReadNotifications.length, ")");
 } }
-function UserNotificationsComponent_span_10_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_span_10_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectReadOption("Unread")); });
-    i0.ɵɵtext(1, "Unread");
+function UserNotificationsComponent_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵtemplate(1, UserNotificationsComponent_div_10_div_1_Template, 5, 1, "div", 19)(2, UserNotificationsComponent_div_10_div_2_Template, 5, 1, "div", 19)(3, UserNotificationsComponent_div_10_div_3_Template, 5, 1, "div", 19);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.AllNotifications.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.UnreadNotifications.length > 0 && ctx_r1.ReadNotifications.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.ReadNotifications.length > 0 && ctx_r1.UnreadNotifications.length > 0);
 } }
-function UserNotificationsComponent_input_11_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 19, 2);
-    i0.ɵɵlistener("change", function UserNotificationsComponent_input_11_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onReadRadioChanged($event)); });
-    i0.ɵɵelementEnd();
+function UserNotificationsComponent_div_11_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 28);
 } }
-function UserNotificationsComponent_span_12_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_span_12_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectReadOption("Read")); });
-    i0.ɵɵtext(1, "Read");
+function UserNotificationsComponent_div_11_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25)(1, "kendo-textbox", 26);
+    i0.ɵɵlistener("valueChange", function UserNotificationsComponent_div_11_Template_kendo_textbox_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterChanged($event)); });
+    i0.ɵɵtemplate(2, UserNotificationsComponent_div_11_ng_template_2_Template, 1, 0, "ng-template", 27);
+    i0.ɵɵelementEnd()();
+} }
+function UserNotificationsComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "i", 29);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "No Notifications");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "You're all caught up! New notifications will appear here.");
+    i0.ɵɵelementEnd()();
 } }
-function UserNotificationsComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 20);
+function UserNotificationsComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "i", 30);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "No Matching Notifications");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "Try adjusting your filters to see more notifications.");
+    i0.ɵɵelementEnd()();
 } }
-function UserNotificationsComponent_ng_template_16_button_10_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
+function UserNotificationsComponent_Conditional_14_ng_template_1_button_11_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_16_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const dataItem_r11 = i0.ɵɵnextContext().dataItem; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.markAsRead(dataItem_r11, true, null)); });
-    i0.ɵɵtext(1, "Mark as Read");
+    i0.ɵɵlistener("click", function UserNotificationsComponent_Conditional_14_ng_template_1_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const dataItem_r9 = i0.ɵɵnextContext().dataItem; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.markAsRead(dataItem_r9, true, null)); });
+    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵtext(2, " Mark as Read ");
     i0.ɵɵelementEnd();
 } }
-function UserNotificationsComponent_ng_template_16_button_11_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
+function UserNotificationsComponent_Conditional_14_ng_template_1_button_12_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_16_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const dataItem_r11 = i0.ɵɵnextContext().dataItem; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.markAsRead(dataItem_r11, false, null)); });
-    i0.ɵɵtext(1, "Mark as Unread");
+    i0.ɵɵlistener("click", function UserNotificationsComponent_Conditional_14_ng_template_1_button_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const dataItem_r9 = i0.ɵɵnextContext().dataItem; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.markAsRead(dataItem_r9, false, null)); });
+    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵtext(2, " Mark as Unread ");
     i0.ɵɵelementEnd();
 } }
-function UserNotificationsComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "div", 21);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_16_Template_div_click_1_listener() { const dataItem_r11 = i0.ɵɵrestoreView(_r10).dataItem; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.notificationClicked(dataItem_r11)); });
-    i0.ɵɵtext(2);
+function UserNotificationsComponent_Conditional_14_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "div", 32);
+    i0.ɵɵelementStart(2, "div", 33);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_Conditional_14_ng_template_1_Template_div_click_2_listener() { const dataItem_r9 = i0.ɵɵrestoreView(_r8).dataItem; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.notificationClicked(dataItem_r9)); });
+    i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 22);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_16_Template_div_click_3_listener() { const dataItem_r11 = i0.ɵɵrestoreView(_r10).dataItem; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.notificationClicked(dataItem_r11)); });
-    i0.ɵɵelementStart(4, "div", 23);
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "date");
+    i0.ɵɵelementStart(4, "div", 34);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_Conditional_14_ng_template_1_Template_div_click_4_listener() { const dataItem_r9 = i0.ɵɵrestoreView(_r8).dataItem; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.notificationClicked(dataItem_r9)); });
+    i0.ɵɵelementStart(5, "div", 35);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 24);
-    i0.ɵɵtext(8);
+    i0.ɵɵelementStart(8, "div", 36);
+    i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div");
-    i0.ɵɵtemplate(10, UserNotificationsComponent_ng_template_16_button_10_Template, 2, 0, "button", 6)(11, UserNotificationsComponent_ng_template_16_button_11_Template, 2, 0, "button", 6);
+    i0.ɵɵelementStart(10, "div", 37);
+    i0.ɵɵtemplate(11, UserNotificationsComponent_Conditional_14_ng_template_1_button_11_Template, 3, 0, "button", 9)(12, UserNotificationsComponent_Conditional_14_ng_template_1_button_12_Template, 3, 0, "button", 9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const dataItem_r11 = ctx.dataItem;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassMap(ctx_r1.getItemWrapperClass(dataItem_r11));
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.getItemTitleClass(dataItem_r11));
+    const dataItem_r9 = ctx.dataItem;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap(ctx_r1.getItemWrapperClass(dataItem_r9));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getItemTitleClass(dataItem_r9));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(dataItem_r11.Title);
+    i0.ɵɵtextInterpolate1(" ", dataItem_r9.Title, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(6, 9, dataItem_r11.__mj_CreatedAt, "long"));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(7, 9, dataItem_r9.__mj_CreatedAt, "MMM d, y 'at' h:mm a"), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(dataItem_r11.Message);
+    i0.ɵɵtextInterpolate(dataItem_r9.Message);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", dataItem_r11.Unread);
+    i0.ɵɵproperty("ngIf", dataItem_r9.Unread);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !dataItem_r11.Unread);
+    i0.ɵɵproperty("ngIf", !dataItem_r9.Unread);
+} }
+function UserNotificationsComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-listview", 14);
+    i0.ɵɵtemplate(1, UserNotificationsComponent_Conditional_14_ng_template_1_Template, 13, 12, "ng-template", 31);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("data", ctx_r1.NotificationsToShow);
 } }
 export class UserNotificationsComponent {
     sharedService;
@@ -372,44 +431,35 @@ export class UserNotificationsComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.allRadio = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.unreadRadio = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.readRadio = _t.first);
-        } }, decls: 17, vars: 10, consts: [["allRadio", ""], ["unreadRadio", ""], ["readRadio", ""], ["mjFillContainer", "", 1, "notification-list-wrap", 3, "bottomMargin"], [1, "header"], [1, "title"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change", 4, "ngIf"], ["class", "radio-label", 3, "click", 4, "ngIf"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change", 4, "ngIf"], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change", 4, "ngIf"], ["placeholder", "Filter items...", 1, "filter-input", 3, "valueChange"], ["kendoTextBoxSuffixTemplate", ""], [3, "data"], ["kendoListViewItemTemplate", ""], ["kendoButton", "", 3, "click"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change"], [1, "radio-label", 3, "click"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change"], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change"], [1, "fa-solid", "fa-magnifying-glass"], [3, "click"], [1, "notification-body", 3, "click"], [1, "notification-date"], [1, "notification-message"]], template: function UserNotificationsComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, decls: 15, vars: 5, consts: [["allRadio", ""], ["unreadRadio", ""], ["readRadio", ""], [1, "notification-list-wrap"], [1, "header"], [1, "title"], [1, "fa-solid", "fa-bell"], [1, "header-actions"], [1, "action-buttons"], ["kendoButton", "", 3, "click", 4, "ngIf"], [1, "filter-controls"], ["class", "radio-group", 4, "ngIf"], ["class", "mj-search filter-input", 4, "ngIf"], [1, "empty-notifications"], [3, "data"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-check-double"], [1, "fa-solid", "fa-envelope"], [1, "radio-group"], ["class", "radio-option", 3, "click", 4, "ngIf"], [1, "radio-option", 3, "click"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change"], [1, "radio-label"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change"], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change"], [1, "mj-search", "filter-input"], ["placeholder", "Filter notifications...", 1, "mj-search-input", 3, "valueChange"], ["kendoTextBoxSuffixTemplate", ""], [1, "fa-solid", "fa-magnifying-glass", "mj-search-icon"], [1, "fa-solid", "fa-bell-slash"], [1, "fa-solid", "fa-filter"], ["kendoListViewItemTemplate", ""], [1, "notification-status"], [3, "click"], [1, "notification-body", 3, "click"], [1, "notification-date"], [1, "notification-message"], [1, "notification-actions"], [1, "fa-solid", "fa-check"]], template: function UserNotificationsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 3)(1, "div", 4)(2, "div", 5);
-            i0.ɵɵtext(3, " Notifications ");
+            i0.ɵɵelement(3, "i", 6);
+            i0.ɵɵtext(4, " Notifications ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div");
-            i0.ɵɵtemplate(5, UserNotificationsComponent_button_5_Template, 2, 0, "button", 6)(6, UserNotificationsComponent_button_6_Template, 2, 0, "button", 6)(7, UserNotificationsComponent_input_7_Template, 2, 0, "input", 7)(8, UserNotificationsComponent_span_8_Template, 2, 0, "span", 8)(9, UserNotificationsComponent_input_9_Template, 2, 0, "input", 9)(10, UserNotificationsComponent_span_10_Template, 2, 0, "span", 8)(11, UserNotificationsComponent_input_11_Template, 2, 0, "input", 10)(12, UserNotificationsComponent_span_12_Template, 2, 0, "span", 8);
-            i0.ɵɵelementStart(13, "kendo-textbox", 11);
-            i0.ɵɵlistener("valueChange", function UserNotificationsComponent_Template_kendo_textbox_valueChange_13_listener($event) { return ctx.onFilterChanged($event); });
-            i0.ɵɵtemplate(14, UserNotificationsComponent_ng_template_14_Template, 1, 0, "ng-template", 12);
+            i0.ɵɵelementStart(5, "div", 7)(6, "div", 8);
+            i0.ɵɵtemplate(7, UserNotificationsComponent_button_7_Template, 3, 0, "button", 9)(8, UserNotificationsComponent_button_8_Template, 3, 0, "button", 9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "div", 10);
+            i0.ɵɵtemplate(10, UserNotificationsComponent_div_10_Template, 4, 3, "div", 11)(11, UserNotificationsComponent_div_11_Template, 3, 0, "div", 12);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(15, "kendo-listview", 13);
-            i0.ɵɵtemplate(16, UserNotificationsComponent_ng_template_16_Template, 12, 12, "ng-template", 14);
-            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(12, UserNotificationsComponent_Conditional_12_Template, 6, 0, "div", 13)(13, UserNotificationsComponent_Conditional_13_Template, 6, 0, "div", 13)(14, UserNotificationsComponent_Conditional_14_Template, 2, 1, "kendo-listview", 14);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("bottomMargin", 5);
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(7);
             i0.ɵɵproperty("ngIf", ctx.UnreadNotifications.length > 0);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.ReadNotifications.length > 0);
-            i0.ɵɵadvance();
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.AllNotifications.length > 0);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.AllNotifications.length > 0);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.UnreadNotifications.length > 0 && ctx.ReadNotifications.length > 0);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.UnreadNotifications.length > 0 && ctx.ReadNotifications.length > 0);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.ReadNotifications.length > 0 && ctx.UnreadNotifications.length > 0);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.ReadNotifications.length > 0 && ctx.UnreadNotifications.length > 0);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("data", ctx.NotificationsToShow);
-        } }, dependencies: [i3.NgIf, i4.ButtonComponent, i5.TextBoxComponent, i5.TextBoxSuffixTemplateDirective, i6.FillContainer, i7.ItemTemplateDirective, i7.ListViewComponent, i3.DatePipe], styles: [".notification-list-wrap[_ngcontent-%COMP%] {\n  height: 800px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border: solid 1px lightgray;\n}\n\n.k-listview[_ngcontent-%COMP%] {\n  font-family: sans-serif;\n  border: 0;\n}\n.product[_ngcontent-%COMP%] {\n  width: 100%;\n}\n.header[_ngcontent-%COMP%] {\n  display: flex;\n  background-color: lightgray;\n  padding: 12px;\n  height: 24px;\n}\n\n.header[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] { \n\n  margin-right: 10px; \n}\n\n.title[_ngcontent-%COMP%] {\n  flex: 1;\n  font-size: 22px;\n  font-weight: bold;\n}\n.filter-input[_ngcontent-%COMP%] {\n  width: 200px;\n}\n.radio-label[_ngcontent-%COMP%] {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.notification-wrap[_ngcontent-%COMP%] {\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border-bottom: dashed 1px lightgray;\n  background-color: white;\n}\n\n.notification-wrap-unread[_ngcontent-%COMP%] {\n  background-color: aliceblue;\n}\n\n.notification-wrap-clickable[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.notification-title[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n.notification-wrap-clickable[_ngcontent-%COMP%]    > .notification-title[_ngcontent-%COMP%] {\n  color: blue;\n  text-decoration: underline;\n}\n.notification-title-unread[_ngcontent-%COMP%] {\n  font-weight: bold;\n}\n\n.notification-body[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.notification-date[_ngcontent-%COMP%] {\n  margin-left: 1px;\n  font-size: 12px;\n  color: gray;\n  font-style: italic;\n}"] });
+            i0.ɵɵconditional(ctx.NotificationsToShow.length === 0 && ctx.AllNotifications.length === 0 ? 12 : ctx.NotificationsToShow.length === 0 ? 13 : 14);
+        } }, dependencies: [i3.NgIf, i4.ButtonComponent, i5.TextBoxComponent, i5.TextBoxSuffixTemplateDirective, i6.ItemTemplateDirective, i6.ListViewComponent, i3.DatePipe], styles: ["\n\n\n\n\n.notification-list-wrap[_ngcontent-%COMP%] {\n    @extend .mj-content-container;\n    height: 800px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 0;\n}\n\n\n\n.header[_ngcontent-%COMP%] {\n    @extend .mj-toolbar;\n    background: var(--gray-600);\n    border-bottom: 1px solid var(--gray-700);\n    padding: 16px 20px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n}\n\n.title[_ngcontent-%COMP%] {\n    @extend .mj-toolbar-title;\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin: 0;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    @extend .mj-toolbar-actions;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n\n\n\n.filter-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.radio-group[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.radio-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: var(--border-radius);\n    transition: var(--transition-time);\n}\n\n.radio-option[_ngcontent-%COMP%]:hover {\n    background: var(--gray-700);\n}\n\n.radio-option[_ngcontent-%COMP%]   input[type=\"radio\"][_ngcontent-%COMP%] {\n    margin: 0;\n    cursor: pointer;\n}\n\n.radio-label[_ngcontent-%COMP%] {\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--navy);\n    user-select: none;\n}\n\n.filter-input[_ngcontent-%COMP%] {\n    @extend .mj-search;\n    width: 200px;\n    max-width: 200px;\n}\n\n\n\n.header[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    @extend .mj-btn-secondary;\n    @extend .mj-btn-sm;\n}\n\n.header[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:first-of-type {\n    @extend .mj-btn-primary;\n}\n\n\n\n.k-listview[_ngcontent-%COMP%] {\n    font-family: inherit;\n    border: 0;\n    background: transparent;\n}\n\n\n\n.notification-wrap[_ngcontent-%COMP%] {\n    padding: 20px;\n    border-bottom: 1px solid var(--gray-700);\n    background: var(--white-color);\n    transition: var(--transition-time);\n    position: relative;\n}\n\n.notification-wrap[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.notification-wrap[_ngcontent-%COMP%]:hover {\n    background: var(--gray-600);\n}\n\n.notification-wrap-unread[_ngcontent-%COMP%] {\n    background: var(--light-blue);\n    border-left: 4px solid var(--mj-blue);\n}\n\n.notification-wrap-unread[_ngcontent-%COMP%]:hover {\n    background: rgba(170, 231, 253, 0.7);\n}\n\n.notification-wrap-clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.notification-wrap-clickable[_ngcontent-%COMP%]:hover {\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\n\n.notification-title[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--navy);\n    margin-bottom: 8px;\n    line-height: 1.4;\n    transition: var(--transition-time);\n}\n\n.notification-wrap-clickable[_ngcontent-%COMP%]   .notification-title[_ngcontent-%COMP%] {\n    color: var(--mj-blue);\n    text-decoration: underline;\n}\n\n.notification-title-unread[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--navy);\n}\n\n.notification-body[_ngcontent-%COMP%] {\n    margin-bottom: 12px;\n}\n\n.notification-date[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--gray-800);\n    font-style: italic;\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.notification-date[_ngcontent-%COMP%]::before {\n    content: \"\uD83D\uDCC5\";\n    font-size: 10px;\n}\n\n.notification-message[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--gray-900);\n    line-height: 1.5;\n}\n\n\n\n.notification-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-top: 12px;\n}\n\n.notification-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    @extend .mj-btn-ghost;\n    @extend .mj-btn-sm;\n}\n\n\n\n.empty-notifications[_ngcontent-%COMP%] {\n    @extend .mj-empty-state;\n    margin: 40px 20px;\n}\n\n.empty-notifications[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 4rem;\n    color: var(--gray-800);\n    opacity: 0.4;\n    margin-bottom: 20px;\n}\n\n.empty-notifications[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    color: var(--navy);\n    margin-bottom: 12px;\n}\n\n.empty-notifications[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    color: var(--gray-800);\n    margin-bottom: 0;\n}\n\n\n\n.notification-status[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--mj-blue);\n    opacity: 0;\n    transition: var(--transition-time);\n}\n\n.notification-wrap-unread[_ngcontent-%COMP%]   .notification-status[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n\n\n\n\n\n@media (max-width: 768px) {\n    .header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 16px;\n    }\n    \n    .header-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n    }\n    \n    .filter-controls[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n    }\n    \n    .radio-group[_ngcontent-%COMP%] {\n        justify-content: center;\n    }\n    \n    .filter-input[_ngcontent-%COMP%] {\n        max-width: none;\n        width: 100%;\n    }\n    \n    .notification-wrap[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n    \n    .notification-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n    }\n}\n\n@media (max-width: 480px) {\n    .notification-list-wrap[_ngcontent-%COMP%] {\n        height: calc(100vh - 120px);\n    }\n    \n    .header[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n    }\n    \n    .radio-group[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    \n    .radio-option[_ngcontent-%COMP%] {\n        justify-content: center;\n        padding: 8px;\n    }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserNotificationsComponent, [{
         type: Component,
-        args: [{ selector: 'app-user-notifications', template: "<div class=\"notification-list-wrap\" mjFillContainer [bottomMargin]=\"5\"> \n  <div class=\"header\">\n    <div class=\"title\">\n      Notifications\n    </div>\n    <div>\n      <button *ngIf=\"UnreadNotifications.length > 0\" kendoButton (click)=\"markAllAsRead()\">Mark All as Read</button>\n      <button *ngIf=\"ReadNotifications.length > 0\" kendoButton (click)=\"markAllAsUnread()\">Mark All as Unread</button>\n      <input *ngIf=\"AllNotifications.length > 0\" #allRadio checked type=\"radio\" name=\"UnreadStatus\" value=\"All\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"AllNotifications.length > 0\" class=\"radio-label\"  \n            (click)=\"selectReadOption('All')\">All</span>\n      <input *ngIf=\"UnreadNotifications.length > 0 && ReadNotifications.length > 0\" #unreadRadio type=\"radio\" name=\"UnreadStatus\" value=\"Unread\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"UnreadNotifications.length > 0 && ReadNotifications.length > 0\" class=\"radio-label\"  \n            (click)=\"selectReadOption('Unread')\">Unread</span>\n      <input *ngIf=\"ReadNotifications.length > 0 && UnreadNotifications.length > 0\" #readRadio type=\"radio\" name=\"UnreadStatus\" value=\"Read\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"ReadNotifications.length > 0 && UnreadNotifications.length > 0\" class=\"radio-label\" \n            (click)=\"selectReadOption('Read')\">Read</span>\n      <kendo-textbox\n        class=\"filter-input\"\n        placeholder=\"Filter items...\"\n        (valueChange)=\"onFilterChanged($event)\"\n      >\n        <ng-template kendoTextBoxSuffixTemplate>\n          <span class=\"fa-solid fa-magnifying-glass\"></span>\n        </ng-template>\n      </kendo-textbox>  \n    </div>\n  </div> \n\n  <kendo-listview [data]=\"NotificationsToShow\">\n    <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n      <div [class]=\"getItemWrapperClass(dataItem)\">\n        <div [class]=\"getItemTitleClass(dataItem)\" (click)=\"notificationClicked(dataItem)\">{{dataItem.Title}}</div>\n        <div class=\"notification-body\"  (click)=\"notificationClicked(dataItem)\">\n          <div class=\"notification-date\">{{dataItem.__mj_CreatedAt | date:'long'}}</div>\n          <div class=\"notification-message\">{{dataItem.Message}}</div>\n        </div>\n        <div>\n          <button kendoButton *ngIf=\"dataItem.Unread\" (click)=\"markAsRead(dataItem, true, null)\">Mark as Read</button>\n          <button kendoButton *ngIf=\"!dataItem.Unread\" (click)=\"markAsRead(dataItem, false, null)\">Mark as Unread</button>\n        </div>  \n      </div>\n    </ng-template>\n  </kendo-listview>\n</div>\n", styles: [".notification-list-wrap {\n  height: 800px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border: solid 1px lightgray;\n}\n\n.k-listview {\n  font-family: sans-serif;\n  border: 0;\n}\n.product {\n  width: 100%;\n}\n.header {\n  display: flex;\n  background-color: lightgray;\n  padding: 12px;\n  height: 24px;\n}\n\n.header button { /*buttons within the header*/\n  margin-right: 10px; \n}\n\n.title {\n  flex: 1;\n  font-size: 22px;\n  font-weight: bold;\n}\n.filter-input {\n  width: 200px;\n}\n.radio-label {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.notification-wrap {\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border-bottom: dashed 1px lightgray;\n  background-color: white;\n}\n\n.notification-wrap-unread {\n  background-color: aliceblue;\n}\n\n.notification-wrap-clickable {\n  cursor: pointer;\n}\n\n.notification-title {\n  font-size: 16px;\n}\n.notification-wrap-clickable > .notification-title {\n  color: blue;\n  text-decoration: underline;\n}\n.notification-title-unread {\n  font-weight: bold;\n}\n\n.notification-body {\n  font-size: 14px;\n}\n\n.notification-date {\n  margin-left: 1px;\n  font-size: 12px;\n  color: gray;\n  font-style: italic;\n}"] }]
+        args: [{ selector: 'app-user-notifications', template: "<div class=\"notification-list-wrap\"> \n  <!-- Header Section -->\n  <div class=\"header\">\n    <div class=\"title\">\n      <i class=\"fa-solid fa-bell\"></i>\n      Notifications\n    </div>\n    \n    <div class=\"header-actions\">\n      <!-- Action Buttons -->\n      <div class=\"action-buttons\">\n        <button *ngIf=\"UnreadNotifications.length > 0\" \n                kendoButton \n                (click)=\"markAllAsRead()\">\n          <i class=\"fa-solid fa-check-double\"></i>\n          Mark All as Read\n        </button>\n        <button *ngIf=\"ReadNotifications.length > 0\" \n                kendoButton \n                (click)=\"markAllAsUnread()\">\n          <i class=\"fa-solid fa-envelope\"></i>\n          Mark All as Unread\n        </button>\n      </div>\n      \n      <!-- Filter Controls -->\n      <div class=\"filter-controls\">\n        <!-- Radio Filter Options -->\n        <div class=\"radio-group\" *ngIf=\"AllNotifications.length > 0\">\n          <div class=\"radio-option\" \n               *ngIf=\"AllNotifications.length > 0\"\n               (click)=\"selectReadOption('All')\">\n            <input #allRadio \n                   checked \n                   type=\"radio\" \n                   name=\"UnreadStatus\" \n                   value=\"All\" \n                   (change)=\"onReadRadioChanged($event)\" />\n            <span class=\"radio-label\">All ({{AllNotifications.length}})</span>\n          </div>\n          \n          <div class=\"radio-option\" \n               *ngIf=\"UnreadNotifications.length > 0 && ReadNotifications.length > 0\"\n               (click)=\"selectReadOption('Unread')\">\n            <input #unreadRadio \n                   type=\"radio\" \n                   name=\"UnreadStatus\" \n                   value=\"Unread\" \n                   (change)=\"onReadRadioChanged($event)\" />\n            <span class=\"radio-label\">Unread ({{UnreadNotifications.length}})</span>\n          </div>\n          \n          <div class=\"radio-option\" \n               *ngIf=\"ReadNotifications.length > 0 && UnreadNotifications.length > 0\"\n               (click)=\"selectReadOption('Read')\">\n            <input #readRadio \n                   type=\"radio\" \n                   name=\"UnreadStatus\" \n                   value=\"Read\" \n                   (change)=\"onReadRadioChanged($event)\" />\n            <span class=\"radio-label\">Read ({{ReadNotifications.length}})</span>\n          </div>\n        </div>\n        \n        <!-- Search Filter -->\n        <div class=\"mj-search filter-input\" *ngIf=\"AllNotifications.length > 0\">\n          <kendo-textbox\n            placeholder=\"Filter notifications...\"\n            (valueChange)=\"onFilterChanged($event)\"\n            class=\"mj-search-input\">\n            <ng-template kendoTextBoxSuffixTemplate>\n              <i class=\"fa-solid fa-magnifying-glass mj-search-icon\"></i>\n            </ng-template>\n          </kendo-textbox>\n        </div>\n      </div>\n    </div>\n  </div> \n\n  <!-- Notifications Content -->\n  @if(NotificationsToShow.length === 0 && AllNotifications.length === 0) {\n    <div class=\"empty-notifications\">\n      <i class=\"fa-solid fa-bell-slash\"></i>\n      <h3>No Notifications</h3>\n      <p>You're all caught up! New notifications will appear here.</p>\n    </div>\n  }\n  @else if(NotificationsToShow.length === 0) {\n    <div class=\"empty-notifications\">\n      <i class=\"fa-solid fa-filter\"></i>\n      <h3>No Matching Notifications</h3>\n      <p>Try adjusting your filters to see more notifications.</p>\n    </div>\n  }\n  @else {\n    <!-- Notifications List -->\n    <kendo-listview [data]=\"NotificationsToShow\">\n      <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n        <div [class]=\"getItemWrapperClass(dataItem)\">\n          <div class=\"notification-status\"></div>\n          \n          <div [class]=\"getItemTitleClass(dataItem)\" \n               (click)=\"notificationClicked(dataItem)\">\n            {{dataItem.Title}}\n          </div>\n          \n          <div class=\"notification-body\" (click)=\"notificationClicked(dataItem)\">\n            <div class=\"notification-date\">\n              {{dataItem.__mj_CreatedAt | date:'MMM d, y \\'at\\' h:mm a'}}\n            </div>\n            <div class=\"notification-message\">{{dataItem.Message}}</div>\n          </div>\n          \n          <div class=\"notification-actions\">\n            <button kendoButton \n                    *ngIf=\"dataItem.Unread\" \n                    (click)=\"markAsRead(dataItem, true, null)\">\n              <i class=\"fa-solid fa-check\"></i>\n              Mark as Read\n            </button>\n            <button kendoButton \n                    *ngIf=\"!dataItem.Unread\" \n                    (click)=\"markAsRead(dataItem, false, null)\">\n              <i class=\"fa-solid fa-envelope\"></i>\n              Mark as Unread\n            </button>\n          </div>  \n        </div>\n      </ng-template>\n    </kendo-listview>\n  }\n</div>", styles: ["/* ===================================\n   USER NOTIFICATIONS COMPONENT - STANDARDIZED\n   =================================== */\n\n.notification-list-wrap {\n    @extend .mj-content-container;\n    height: 800px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 0;\n}\n\n/* Header Section */\n.header {\n    @extend .mj-toolbar;\n    background: var(--gray-600);\n    border-bottom: 1px solid var(--gray-700);\n    padding: 16px 20px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n}\n\n.title {\n    @extend .mj-toolbar-title;\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--navy);\n    margin: 0;\n}\n\n.header-actions {\n    @extend .mj-toolbar-actions;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n\n/* Filter Controls */\n.filter-controls {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.radio-group {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.radio-option {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: var(--border-radius);\n    transition: var(--transition-time);\n}\n\n.radio-option:hover {\n    background: var(--gray-700);\n}\n\n.radio-option input[type=\"radio\"] {\n    margin: 0;\n    cursor: pointer;\n}\n\n.radio-label {\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--navy);\n    user-select: none;\n}\n\n.filter-input {\n    @extend .mj-search;\n    width: 200px;\n    max-width: 200px;\n}\n\n/* Action Buttons */\n.header button {\n    @extend .mj-btn-secondary;\n    @extend .mj-btn-sm;\n}\n\n.header button:first-of-type {\n    @extend .mj-btn-primary;\n}\n\n/* Notification List */\n.k-listview {\n    font-family: inherit;\n    border: 0;\n    background: transparent;\n}\n\n/* Notification Item */\n.notification-wrap {\n    padding: 20px;\n    border-bottom: 1px solid var(--gray-700);\n    background: var(--white-color);\n    transition: var(--transition-time);\n    position: relative;\n}\n\n.notification-wrap:last-child {\n    border-bottom: none;\n}\n\n.notification-wrap:hover {\n    background: var(--gray-600);\n}\n\n.notification-wrap-unread {\n    background: var(--light-blue);\n    border-left: 4px solid var(--mj-blue);\n}\n\n.notification-wrap-unread:hover {\n    background: rgba(170, 231, 253, 0.7);\n}\n\n.notification-wrap-clickable {\n    cursor: pointer;\n}\n\n.notification-wrap-clickable:hover {\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n/* Notification Content */\n.notification-title {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--navy);\n    margin-bottom: 8px;\n    line-height: 1.4;\n    transition: var(--transition-time);\n}\n\n.notification-wrap-clickable .notification-title {\n    color: var(--mj-blue);\n    text-decoration: underline;\n}\n\n.notification-title-unread {\n    font-weight: 600;\n    color: var(--navy);\n}\n\n.notification-body {\n    margin-bottom: 12px;\n}\n\n.notification-date {\n    font-size: 12px;\n    color: var(--gray-800);\n    font-style: italic;\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.notification-date::before {\n    content: \"\uD83D\uDCC5\";\n    font-size: 10px;\n}\n\n.notification-message {\n    font-size: 14px;\n    color: var(--gray-900);\n    line-height: 1.5;\n}\n\n/* Notification Actions */\n.notification-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 12px;\n}\n\n.notification-actions button {\n    @extend .mj-btn-ghost;\n    @extend .mj-btn-sm;\n}\n\n/* Empty State */\n.empty-notifications {\n    @extend .mj-empty-state;\n    margin: 40px 20px;\n}\n\n.empty-notifications i {\n    font-size: 4rem;\n    color: var(--gray-800);\n    opacity: 0.4;\n    margin-bottom: 20px;\n}\n\n.empty-notifications h3 {\n    color: var(--navy);\n    margin-bottom: 12px;\n}\n\n.empty-notifications p {\n    color: var(--gray-800);\n    margin-bottom: 0;\n}\n\n/* Status Indicators */\n.notification-status {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--mj-blue);\n    opacity: 0;\n    transition: var(--transition-time);\n}\n\n.notification-wrap-unread .notification-status {\n    opacity: 1;\n}\n\n/* ===================================\n   RESPONSIVE DESIGN\n   =================================== */\n\n@media (max-width: 768px) {\n    .header {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 16px;\n    }\n    \n    .header-actions {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n    }\n    \n    .filter-controls {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n    }\n    \n    .radio-group {\n        justify-content: center;\n    }\n    \n    .filter-input {\n        max-width: none;\n        width: 100%;\n    }\n    \n    .notification-wrap {\n        padding: 16px;\n    }\n    \n    .notification-actions {\n        flex-direction: column;\n        align-items: stretch;\n    }\n}\n\n@media (max-width: 480px) {\n    .notification-list-wrap {\n        height: calc(100vh - 120px);\n    }\n    \n    .header {\n        padding: 12px 16px;\n    }\n    \n    .radio-group {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    \n    .radio-option {\n        justify-content: center;\n        padding: 8px;\n    }\n}"] }]
     }], () => [{ type: i1.SharedService }, { type: i2.Router }], { allRadio: [{
             type: ViewChild,
             args: ['allRadio']

package/dist/lib/user-notifications/user-notifications.component.js.map

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

package/dist/module.d.ts

@@ -41,48 +41,50 @@ import * as i39 from "./lib/single-list-detail/single-list-detail.component";
 import * as i40 from "./lib/resource-wrappers/list-detail-resource.component";
 import * as i41 from "./lib/tabbed-dashboard/tabbed-dashboard.component";
 import * as i42 from "./lib/dashboard-preferences-dialog/dashboard-preferences-dialog.component";
-import * as i43 from "./app-routing.module";
-import * as i44 from "@angular/common";
-import * as i45 from "@angular/forms";
-import * as i46 from "@angular/router";
-import * as i47 from "@progress/kendo-angular-grid";
-import * as i48 from "@progress/kendo-angular-dialog";
-import * as i49 from "@progress/kendo-angular-excel-export";
-import * as i50 from "@memberjunction/ng-compare-records";
-import * as i51 from "@progress/kendo-angular-indicators";
-import * as i52 from "@progress/kendo-angular-charts";
-import * as i53 from "@progress/kendo-angular-buttons";
-import * as i54 from "@progress/kendo-angular-layout";
-import * as i55 from "@progress/kendo-angular-inputs";
-import * as i56 from "@progress/kendo-angular-label";
-import * as i57 from "@memberjunction/ng-record-changes";
-import * as i58 from "@memberjunction/ng-container-directives";
-import * as i59 from "@memberjunction/ng-base-forms";
-import * as i60 from "@progress/kendo-angular-listview";
-import * as i61 from "@progress/kendo-angular-treeview";
-import * as i62 from "@memberjunction/ng-user-view-grid";
-import * as i63 from "@memberjunction/ng-query-grid";
-import * as i64 from "@progress/kendo-angular-sortable";
-import * as i65 from "@progress/kendo-angular-filter";
-import * as i66 from "@progress/kendo-angular-dropdowns";
-import * as i67 from "@memberjunction/ng-shared";
-import * as i68 from "@memberjunction/ng-ask-skip";
-import * as i69 from "@memberjunction/ng-dashboards";
-import * as i70 from "@memberjunction/ng-skip-chat";
-import * as i71 from "@memberjunction/ng-entity-permissions";
-import * as i72 from "@memberjunction/ng-explorer-settings";
-import * as i73 from "@memberjunction/ng-file-storage";
-import * as i74 from "@memberjunction/ng-user-view-properties";
-import * as i75 from "@memberjunction/ng-tabstrip";
-import * as i76 from "@memberjunction/ng-entity-form-dialog";
-import * as i77 from "@memberjunction/ng-record-selector";
-import * as i78 from "@memberjunction/ng-resource-permissions";
-import * as i79 from "@memberjunction/ng-generic-dialog";
-import * as i80 from "@progress/kendo-angular-progressbar";
-import * as i81 from "@angular/cdk/drag-drop";
+import * as i43 from "./lib/style-guide-test/style-guide-test.component";
+import * as i44 from "./app-routing.module";
+import * as i45 from "@angular/common";
+import * as i46 from "@angular/forms";
+import * as i47 from "@angular/router";
+import * as i48 from "@progress/kendo-angular-grid";
+import * as i49 from "@progress/kendo-angular-dialog";
+import * as i50 from "@progress/kendo-angular-excel-export";
+import * as i51 from "@memberjunction/ng-compare-records";
+import * as i52 from "@progress/kendo-angular-indicators";
+import * as i53 from "@progress/kendo-angular-charts";
+import * as i54 from "@progress/kendo-angular-buttons";
+import * as i55 from "@progress/kendo-angular-layout";
+import * as i56 from "@progress/kendo-angular-inputs";
+import * as i57 from "@progress/kendo-angular-label";
+import * as i58 from "@memberjunction/ng-record-changes";
+import * as i59 from "@memberjunction/ng-container-directives";
+import * as i60 from "@memberjunction/ng-base-forms";
+import * as i61 from "@progress/kendo-angular-listview";
+import * as i62 from "@progress/kendo-angular-treeview";
+import * as i63 from "@memberjunction/ng-user-view-grid";
+import * as i64 from "@memberjunction/ng-query-grid";
+import * as i65 from "@progress/kendo-angular-sortable";
+import * as i66 from "@progress/kendo-angular-filter";
+import * as i67 from "@progress/kendo-angular-dropdowns";
+import * as i68 from "@memberjunction/ng-shared";
+import * as i69 from "@memberjunction/ng-ask-skip";
+import * as i70 from "@memberjunction/ng-dashboards";
+import * as i71 from "@memberjunction/ng-skip-chat";
+import * as i72 from "@memberjunction/ng-entity-permissions";
+import * as i73 from "@memberjunction/ng-explorer-settings";
+import * as i74 from "@memberjunction/ng-file-storage";
+import * as i75 from "@memberjunction/ng-user-view-properties";
+import * as i76 from "@memberjunction/ng-tabstrip";
+import * as i77 from "@memberjunction/ng-entity-form-dialog";
+import * as i78 from "@memberjunction/ng-record-selector";
+import * as i79 from "@memberjunction/ng-resource-permissions";
+import * as i80 from "@memberjunction/ng-generic-dialog";
+import * as i81 from "@progress/kendo-angular-progressbar";
+import * as i82 from "@progress/kendo-angular-dateinputs";
+import * as i83 from "@angular/cdk/drag-drop";
 export declare class ExplorerCoreModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ExplorerCoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ExplorerCoreModule, [typeof i1.FormToolbarComponent, typeof i2.ResourceContainerComponent, typeof i3.AuthButtonComponent, typeof i4.DashboardBrowserComponent, typeof i5.DataBrowserComponent, typeof i6.GenericBrowseListComponent, typeof i7.GenericBrowserListComponent, typeof i8.HomeComponent, typeof i9.HomeWrapperComponent, typeof i10.NavigationComponent, typeof i11.ReportBrowserComponent, typeof i12.QueryBrowserComponent, typeof i13.DashboardResource, typeof i14.EntityRecordResource, typeof i15.ReportResource, typeof i16.SearchResultsResource, typeof i17.UserViewResource, typeof i18.FilesComponent, typeof i19.SingleApplicationComponent, typeof i20.FavoritesComponent, typeof i21.HeaderComponent, typeof i22.SingleEntityComponent, typeof i23.SingleRecordComponent, typeof i24.SingleReportComponent, typeof i25.SingleSearchResultComponent, typeof i26.SingleViewComponent, typeof i27.SingleQueryComponent, typeof i28.UserProfileComponent, typeof i29.SingleDashboardComponent, typeof i30.AddItemComponent, typeof i31.DeleteItemComponent, typeof i32.EditDashboardComponent, typeof i33.UserNotificationsComponent, typeof i34.QueryResource, typeof i35.ExpansionPanelComponent, typeof i36.ApplicationViewComponent, typeof i37.ListViewComponent, typeof i38.ResourceBrowserComponent, typeof i39.SingleListDetailComponent, typeof i40.ListDetailResource, typeof i41.TabbedDashboardComponent, typeof i42.DashboardPreferencesDialogComponent], [typeof i43.AppRoutingModule, typeof i44.CommonModule, typeof i45.FormsModule, typeof i45.ReactiveFormsModule, typeof i46.RouterModule, typeof i47.GridModule, typeof i48.DialogsModule, typeof i49.ExcelExportModule, typeof i50.CompareRecordsModule, typeof i51.IndicatorsModule, typeof i44.CommonModule, typeof i45.FormsModule, typeof i47.GridModule, typeof i52.ChartsModule, typeof i53.ButtonsModule, typeof i54.TabStripModule, typeof i47.ExcelModule, typeof i47.PDFModule, typeof i51.IndicatorsModule, typeof i48.DialogsModule, typeof i55.InputsModule, typeof i56.LabelModule, typeof i50.CompareRecordsModule, typeof i57.RecordChangesModule, typeof i58.ContainerDirectivesModule, typeof i59.BaseFormsModule, typeof i60.ListViewModule, typeof i61.TreeViewModule, typeof i62.UserViewGridModule, typeof i63.QueryGridModule, typeof i64.SortableModule, typeof i54.LayoutModule, typeof i65.FilterModule, typeof i66.DropDownsModule, typeof i67.MemberJunctionSharedModule, typeof i68.AskSkipModule, typeof i69.DashboardsModule, typeof i70.SkipChatModule, typeof i71.EntityPermissionsModule, typeof i72.ExplorerSettingsModule, typeof i73.FileStorageModule, typeof i74.UserViewPropertiesDialogModule, typeof i75.MJTabStripModule, typeof i76.EntityFormDialogModule, typeof i77.RecordSelectorModule, typeof i78.ResourcePermissionsModule, typeof i79.GenericDialogModule, typeof i80.ProgressBarModule, typeof i81.DragDropModule], [typeof i1.FormToolbarComponent, typeof i2.ResourceContainerComponent, typeof i3.AuthButtonComponent, typeof i4.DashboardBrowserComponent, typeof i5.DataBrowserComponent, typeof i6.GenericBrowseListComponent, typeof i7.GenericBrowserListComponent, typeof i8.HomeComponent, typeof i9.HomeWrapperComponent, typeof i10.NavigationComponent, typeof i11.ReportBrowserComponent, typeof i13.DashboardResource, typeof i14.EntityRecordResource, typeof i15.ReportResource, typeof i16.SearchResultsResource, typeof i17.UserViewResource, typeof i19.SingleApplicationComponent, typeof i20.FavoritesComponent, typeof i21.HeaderComponent, typeof i22.SingleEntityComponent, typeof i23.SingleRecordComponent, typeof i24.SingleReportComponent, typeof i25.SingleSearchResultComponent, typeof i26.SingleViewComponent, typeof i28.UserProfileComponent, typeof i29.SingleDashboardComponent, typeof i30.AddItemComponent, typeof i31.DeleteItemComponent, typeof i32.EditDashboardComponent, typeof i33.UserNotificationsComponent, typeof i35.ExpansionPanelComponent, typeof i36.ApplicationViewComponent, typeof i37.ListViewComponent, typeof i38.ResourceBrowserComponent, typeof i40.ListDetailResource, typeof i41.TabbedDashboardComponent, typeof i42.DashboardPreferencesDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ExplorerCoreModule, [typeof i1.FormToolbarComponent, typeof i2.ResourceContainerComponent, typeof i3.AuthButtonComponent, typeof i4.DashboardBrowserComponent, typeof i5.DataBrowserComponent, typeof i6.GenericBrowseListComponent, typeof i7.GenericBrowserListComponent, typeof i8.HomeComponent, typeof i9.HomeWrapperComponent, typeof i10.NavigationComponent, typeof i11.ReportBrowserComponent, typeof i12.QueryBrowserComponent, typeof i13.DashboardResource, typeof i14.EntityRecordResource, typeof i15.ReportResource, typeof i16.SearchResultsResource, typeof i17.UserViewResource, typeof i18.FilesComponent, typeof i19.SingleApplicationComponent, typeof i20.FavoritesComponent, typeof i21.HeaderComponent, typeof i22.SingleEntityComponent, typeof i23.SingleRecordComponent, typeof i24.SingleReportComponent, typeof i25.SingleSearchResultComponent, typeof i26.SingleViewComponent, typeof i27.SingleQueryComponent, typeof i28.UserProfileComponent, typeof i29.SingleDashboardComponent, typeof i30.AddItemComponent, typeof i31.DeleteItemComponent, typeof i32.EditDashboardComponent, typeof i33.UserNotificationsComponent, typeof i34.QueryResource, typeof i35.ExpansionPanelComponent, typeof i36.ApplicationViewComponent, typeof i37.ListViewComponent, typeof i38.ResourceBrowserComponent, typeof i39.SingleListDetailComponent, typeof i40.ListDetailResource, typeof i41.TabbedDashboardComponent, typeof i42.DashboardPreferencesDialogComponent, typeof i43.StyleGuideTestComponent], [typeof i44.AppRoutingModule, typeof i45.CommonModule, typeof i46.FormsModule, typeof i46.ReactiveFormsModule, typeof i47.RouterModule, typeof i48.GridModule, typeof i49.DialogsModule, typeof i50.ExcelExportModule, typeof i51.CompareRecordsModule, typeof i52.IndicatorsModule, typeof i45.CommonModule, typeof i46.FormsModule, typeof i48.GridModule, typeof i53.ChartsModule, typeof i54.ButtonsModule, typeof i55.TabStripModule, typeof i48.ExcelModule, typeof i48.PDFModule, typeof i52.IndicatorsModule, typeof i49.DialogsModule, typeof i56.InputsModule, typeof i57.LabelModule, typeof i51.CompareRecordsModule, typeof i58.RecordChangesModule, typeof i59.ContainerDirectivesModule, typeof i60.BaseFormsModule, typeof i61.ListViewModule, typeof i62.TreeViewModule, typeof i63.UserViewGridModule, typeof i64.QueryGridModule, typeof i65.SortableModule, typeof i55.LayoutModule, typeof i66.FilterModule, typeof i67.DropDownsModule, typeof i68.MemberJunctionSharedModule, typeof i69.AskSkipModule, typeof i70.DashboardsModule, typeof i71.SkipChatModule, typeof i72.EntityPermissionsModule, typeof i73.ExplorerSettingsModule, typeof i74.FileStorageModule, typeof i75.UserViewPropertiesDialogModule, typeof i76.MJTabStripModule, typeof i77.EntityFormDialogModule, typeof i78.RecordSelectorModule, typeof i79.ResourcePermissionsModule, typeof i80.GenericDialogModule, typeof i81.ProgressBarModule, typeof i82.DateInputsModule, typeof i83.DragDropModule, typeof i55.CardModule, typeof i55.AvatarModule], [typeof i1.FormToolbarComponent, typeof i2.ResourceContainerComponent, typeof i3.AuthButtonComponent, typeof i4.DashboardBrowserComponent, typeof i5.DataBrowserComponent, typeof i6.GenericBrowseListComponent, typeof i7.GenericBrowserListComponent, typeof i8.HomeComponent, typeof i9.HomeWrapperComponent, typeof i10.NavigationComponent, typeof i11.ReportBrowserComponent, typeof i13.DashboardResource, typeof i14.EntityRecordResource, typeof i15.ReportResource, typeof i16.SearchResultsResource, typeof i17.UserViewResource, typeof i19.SingleApplicationComponent, typeof i20.FavoritesComponent, typeof i21.HeaderComponent, typeof i22.SingleEntityComponent, typeof i23.SingleRecordComponent, typeof i24.SingleReportComponent, typeof i25.SingleSearchResultComponent, typeof i26.SingleViewComponent, typeof i28.UserProfileComponent, typeof i29.SingleDashboardComponent, typeof i30.AddItemComponent, typeof i31.DeleteItemComponent, typeof i32.EditDashboardComponent, typeof i33.UserNotificationsComponent, typeof i35.ExpansionPanelComponent, typeof i36.ApplicationViewComponent, typeof i37.ListViewComponent, typeof i38.ResourceBrowserComponent, typeof i40.ListDetailResource, typeof i41.TabbedDashboardComponent, typeof i42.DashboardPreferencesDialogComponent, typeof i43.StyleGuideTestComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ExplorerCoreModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,qBAyIa,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAAG"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,qBAkJa,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAAG"}