@memberjunction/ng-explorer-core 5.42.0 → 5.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/generated/lazy-feature-config.d.ts +1 -1
  2. package/dist/generated/lazy-feature-config.d.ts.map +1 -1
  3. package/dist/generated/lazy-feature-config.js +14 -3
  4. package/dist/generated/lazy-feature-config.js.map +1 -1
  5. package/dist/lib/about/about-dialog.component.d.ts +0 -1
  6. package/dist/lib/about/about-dialog.component.d.ts.map +1 -1
  7. package/dist/lib/about/about-dialog.component.js +217 -218
  8. package/dist/lib/about/about-dialog.component.js.map +1 -1
  9. package/dist/lib/command-palette/command-palette.component.js +8 -14
  10. package/dist/lib/command-palette/command-palette.component.js.map +1 -1
  11. package/dist/lib/conversation-feedback/conversation-feedback.js +66 -73
  12. package/dist/lib/conversation-feedback/conversation-feedback.js.map +1 -1
  13. package/dist/lib/dashboard-preferences-dialog/dashboard-preferences-dialog.component.js +35 -45
  14. package/dist/lib/dashboard-preferences-dialog/dashboard-preferences-dialog.component.js.map +1 -1
  15. package/dist/lib/resource-wrappers/chat-conversations-resource.component.d.ts +2 -1
  16. package/dist/lib/resource-wrappers/chat-conversations-resource.component.d.ts.map +1 -1
  17. package/dist/lib/resource-wrappers/chat-conversations-resource.component.js +14 -8
  18. package/dist/lib/resource-wrappers/chat-conversations-resource.component.js.map +1 -1
  19. package/dist/lib/resource-wrappers/dashboard-resource.component.d.ts.map +1 -1
  20. package/dist/lib/resource-wrappers/dashboard-resource.component.js +9 -8
  21. package/dist/lib/resource-wrappers/dashboard-resource.component.js.map +1 -1
  22. package/dist/lib/resource-wrappers/livekit-room-resource.component.d.ts +62 -2
  23. package/dist/lib/resource-wrappers/livekit-room-resource.component.d.ts.map +1 -1
  24. package/dist/lib/resource-wrappers/livekit-room-resource.component.js +604 -105
  25. package/dist/lib/resource-wrappers/livekit-room-resource.component.js.map +1 -1
  26. package/dist/lib/resource-wrappers/search-results-resource.component.d.ts.map +1 -1
  27. package/dist/lib/resource-wrappers/search-results-resource.component.js +35 -43
  28. package/dist/lib/resource-wrappers/search-results-resource.component.js.map +1 -1
  29. package/dist/lib/shell/components/tabs/component-cache-manager.d.ts +10 -2
  30. package/dist/lib/shell/components/tabs/component-cache-manager.d.ts.map +1 -1
  31. package/dist/lib/shell/components/tabs/component-cache-manager.js +19 -1
  32. package/dist/lib/shell/components/tabs/component-cache-manager.js.map +1 -1
  33. package/dist/lib/shell/components/tabs/tab-container.component.d.ts +1 -0
  34. package/dist/lib/shell/components/tabs/tab-container.component.d.ts.map +1 -1
  35. package/dist/lib/shell/components/tabs/tab-container.component.js +3 -2
  36. package/dist/lib/shell/components/tabs/tab-container.component.js.map +1 -1
  37. package/dist/lib/shell/shell.module.d.ts +1 -1
  38. package/dist/lib/shell/shell.module.d.ts.map +1 -1
  39. package/dist/lib/shell/shell.module.js +4 -1
  40. package/dist/lib/shell/shell.module.js.map +1 -1
  41. package/dist/lib/single-dashboard/Components/add-item/add-item.component.js +5 -7
  42. package/dist/lib/single-dashboard/Components/add-item/add-item.component.js.map +1 -1
  43. package/dist/lib/single-dashboard/single-dashboard.component.js +17 -27
  44. package/dist/lib/single-dashboard/single-dashboard.component.js.map +1 -1
  45. package/dist/lib/single-list-detail/single-list-detail.component.d.ts +6 -2
  46. package/dist/lib/single-list-detail/single-list-detail.component.d.ts.map +1 -1
  47. package/dist/lib/single-list-detail/single-list-detail.component.js +48 -57
  48. package/dist/lib/single-list-detail/single-list-detail.component.js.map +1 -1
  49. package/dist/lib/single-search-result/single-search-result.component.js +17 -22
  50. package/dist/lib/single-search-result/single-search-result.component.js.map +1 -1
  51. package/dist/lib/user-notifications/user-notifications.component.js +60 -75
  52. package/dist/lib/user-notifications/user-notifications.component.js.map +1 -1
  53. package/dist/module.d.ts +1 -1
  54. package/dist/module.d.ts.map +1 -1
  55. package/dist/module.js +12 -5
  56. package/dist/module.js.map +1 -1
  57. package/package.json +47 -47
  58. package/dist/lib/__tests__/explorer-core.test.d.ts +0 -2
  59. package/dist/lib/__tests__/explorer-core.test.d.ts.map +0 -1
  60. package/dist/lib/__tests__/explorer-core.test.js +0 -229
  61. package/dist/lib/__tests__/explorer-core.test.js.map +0 -1
@@ -5,14 +5,16 @@ import { GraphQLDataProvider, PACKAGE_VERSION } from '@memberjunction/graphql-da
5
5
  import { MJAuthBase } from '@memberjunction/ng-auth-services';
6
6
  import { BaseAngularComponent } from '@memberjunction/ng-base-types';
7
7
  import { ThemeService } from '@memberjunction/ng-shared';
8
+ import { MJAccordionModule } from '@memberjunction/ng-ui-components';
8
9
  import { ServerConnectivityService } from '../services/server-connectivity.service';
9
10
  import * as i0 from "@angular/core";
11
+ import * as i1 from "@memberjunction/ng-ui-components";
10
12
  function AboutDialogComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
11
- i0.ɵɵdomElementStart(0, "div", 14);
13
+ i0.ɵɵelementStart(0, "div", 14);
12
14
  i0.ɵɵtext(1, " Connected to ");
13
- i0.ɵɵdomElementStart(2, "span", 50);
15
+ i0.ɵɵelementStart(2, "span", 37);
14
16
  i0.ɵɵtext(3);
15
- i0.ɵɵdomElementEnd()();
17
+ i0.ɵɵelementEnd()();
16
18
  } if (rf & 2) {
17
19
  const ctx_r1 = i0.ɵɵnextContext();
18
20
  i0.ɵɵadvance(3);
@@ -20,35 +22,169 @@ function AboutDialogComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
20
22
  } }
21
23
  function AboutDialogComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
22
24
  const _r3 = i0.ɵɵgetCurrentView();
23
- i0.ɵɵdomElementStart(0, "img", 51);
24
- i0.ɵɵdomListener("error", function AboutDialogComponent_Conditional_18_Template_img_error_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnAvatarLoadError()); });
25
- i0.ɵɵdomElementEnd();
25
+ i0.ɵɵelementStart(0, "img", 38);
26
+ i0.ɵɵlistener("error", function AboutDialogComponent_Conditional_18_Template_img_error_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnAvatarLoadError()); });
27
+ i0.ɵɵelementEnd();
26
28
  } if (rf & 2) {
27
29
  const ctx_r1 = i0.ɵɵnextContext();
28
- i0.ɵɵdomProperty("src", ctx_r1.AvatarUrl, i0.ɵɵsanitizeUrl);
30
+ i0.ɵɵproperty("src", ctx_r1.AvatarUrl, i0.ɵɵsanitizeUrl);
29
31
  } }
30
32
  function AboutDialogComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
31
- i0.ɵɵdomElementStart(0, "div", 17);
32
- i0.ɵɵdomElement(1, "i");
33
- i0.ɵɵdomElementEnd();
33
+ i0.ɵɵelementStart(0, "div", 17);
34
+ i0.ɵɵelement(1, "i");
35
+ i0.ɵɵelementEnd();
34
36
  } if (rf & 2) {
35
37
  const ctx_r1 = i0.ɵɵnextContext();
36
38
  i0.ɵɵadvance();
37
39
  i0.ɵɵclassMap(ctx_r1.AvatarIconClass);
38
40
  } }
39
41
  function AboutDialogComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
40
- i0.ɵɵdomElementStart(0, "div", 18);
42
+ i0.ɵɵelementStart(0, "div", 18);
41
43
  i0.ɵɵtext(1);
42
- i0.ɵɵdomElementEnd();
44
+ i0.ɵɵelementEnd();
43
45
  } if (rf & 2) {
44
46
  const ctx_r1 = i0.ɵɵnextContext();
45
47
  i0.ɵɵadvance();
46
48
  i0.ɵɵtextInterpolate(ctx_r1.UserInitials);
47
49
  } }
48
- function AboutDialogComponent_Conditional_129_Template(rf, ctx) { if (rf & 1) {
49
- i0.ɵɵdomElementStart(0, "div", 49);
50
+ function AboutDialogComponent_ng_template_30_Template(rf, ctx) { if (rf & 1) {
51
+ i0.ɵɵelement(0, "i", 39);
52
+ i0.ɵɵtext(1, " Diagnostics ");
53
+ } }
54
+ function AboutDialogComponent_ng_template_31_Template(rf, ctx) { if (rf & 1) {
55
+ const _r4 = i0.ɵɵgetCurrentView();
56
+ i0.ɵɵelementStart(0, "div", 40)(1, "div", 41)(2, "h5");
57
+ i0.ɵɵelement(3, "i", 42);
58
+ i0.ɵɵtext(4, " Build");
59
+ i0.ɵɵelementEnd();
60
+ i0.ɵɵelementStart(5, "div", 43)(6, "span", 44);
61
+ i0.ɵɵtext(7, "Version");
62
+ i0.ɵɵelementEnd();
63
+ i0.ɵɵelementStart(8, "span", 45);
64
+ i0.ɵɵtext(9);
65
+ i0.ɵɵelementEnd()();
66
+ i0.ɵɵelementStart(10, "div", 43)(11, "span", 44);
67
+ i0.ɵɵtext(12, "Environment");
68
+ i0.ɵɵelementEnd();
69
+ i0.ɵɵelementStart(13, "span", 45);
70
+ i0.ɵɵtext(14);
71
+ i0.ɵɵelementEnd()()();
72
+ i0.ɵɵelementStart(15, "div", 41)(16, "h5");
73
+ i0.ɵɵelement(17, "i", 46);
74
+ i0.ɵɵtext(18, " Connection");
75
+ i0.ɵɵelementEnd();
76
+ i0.ɵɵelementStart(19, "div", 43)(20, "span", 44);
77
+ i0.ɵɵtext(21, "API endpoint");
78
+ i0.ɵɵelementEnd();
79
+ i0.ɵɵelementStart(22, "span", 47);
80
+ i0.ɵɵtext(23);
81
+ i0.ɵɵelementEnd()();
82
+ i0.ɵɵelementStart(24, "div", 43)(25, "span", 44);
83
+ i0.ɵɵtext(26, "Auth provider");
84
+ i0.ɵɵelementEnd();
85
+ i0.ɵɵelementStart(27, "span", 45);
86
+ i0.ɵɵtext(28);
87
+ i0.ɵɵelementEnd()();
88
+ i0.ɵɵelementStart(29, "div", 43)(30, "span", 44);
89
+ i0.ɵɵtext(31, "Status");
90
+ i0.ɵɵelementEnd();
91
+ i0.ɵɵelementStart(32, "span", 45);
92
+ i0.ɵɵtext(33);
93
+ i0.ɵɵelementEnd()()();
94
+ i0.ɵɵelementStart(34, "div", 41)(35, "h5");
95
+ i0.ɵɵelement(36, "i", 48);
96
+ i0.ɵɵtext(37, " Loaded");
97
+ i0.ɵɵelementEnd();
98
+ i0.ɵɵelementStart(38, "div", 43)(39, "span", 44);
99
+ i0.ɵɵtext(40, "Entities");
100
+ i0.ɵɵelementEnd();
101
+ i0.ɵɵelementStart(41, "span", 45);
102
+ i0.ɵɵtext(42);
103
+ i0.ɵɵelementEnd()();
104
+ i0.ɵɵelementStart(43, "div", 43)(44, "span", 44);
105
+ i0.ɵɵtext(45, "Applications");
106
+ i0.ɵɵelementEnd();
107
+ i0.ɵɵelementStart(46, "span", 45);
108
+ i0.ɵɵtext(47);
109
+ i0.ɵɵelementEnd()();
110
+ i0.ɵɵelementStart(48, "div", 43)(49, "span", 44);
111
+ i0.ɵɵtext(50, "Queries");
112
+ i0.ɵɵelementEnd();
113
+ i0.ɵɵelementStart(51, "span", 45);
114
+ i0.ɵɵtext(52);
115
+ i0.ɵɵelementEnd()()();
116
+ i0.ɵɵelementStart(53, "div", 41)(54, "h5");
117
+ i0.ɵɵelement(55, "i", 49);
118
+ i0.ɵɵtext(56, " Session");
119
+ i0.ɵɵelementEnd();
120
+ i0.ɵɵelementStart(57, "div", 43)(58, "span", 44);
121
+ i0.ɵɵtext(59, "User");
122
+ i0.ɵɵelementEnd();
123
+ i0.ɵɵelementStart(60, "span", 45);
124
+ i0.ɵɵtext(61);
125
+ i0.ɵɵelementEnd()();
126
+ i0.ɵɵelementStart(62, "div", 43)(63, "span", 44);
127
+ i0.ɵɵtext(64, "Roles");
128
+ i0.ɵɵelementEnd();
129
+ i0.ɵɵelementStart(65, "span", 45);
130
+ i0.ɵɵtext(66);
131
+ i0.ɵɵelementEnd()();
132
+ i0.ɵɵelementStart(67, "div", 43)(68, "span", 44);
133
+ i0.ɵɵtext(69, "Theme");
134
+ i0.ɵɵelementEnd();
135
+ i0.ɵɵelementStart(70, "span", 45);
136
+ i0.ɵɵtext(71);
137
+ i0.ɵɵelementEnd()();
138
+ i0.ɵɵelementStart(72, "div", 43)(73, "span", 44);
139
+ i0.ɵɵtext(74, "Browser");
140
+ i0.ɵɵelementEnd();
141
+ i0.ɵɵelementStart(75, "span", 45);
142
+ i0.ɵɵtext(76);
143
+ i0.ɵɵelementEnd()()();
144
+ i0.ɵɵelementStart(77, "button", 50);
145
+ i0.ɵɵlistener("click", function AboutDialogComponent_ng_template_31_Template_button_click_77_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CopyDiagnostics()); });
146
+ i0.ɵɵelement(78, "i", 51);
147
+ i0.ɵɵtext(79);
148
+ i0.ɵɵelementEnd()();
149
+ } if (rf & 2) {
150
+ const ctx_r1 = i0.ɵɵnextContext();
151
+ i0.ɵɵadvance(9);
152
+ i0.ɵɵtextInterpolate(ctx_r1.Version);
153
+ i0.ɵɵadvance(5);
154
+ i0.ɵɵtextInterpolate(ctx_r1.Environment);
155
+ i0.ɵɵadvance(8);
156
+ i0.ɵɵproperty("title", ctx_r1.ApiUrl);
157
+ i0.ɵɵadvance();
158
+ i0.ɵɵtextInterpolate(ctx_r1.ApiUrlShort);
159
+ i0.ɵɵadvance(5);
160
+ i0.ɵɵtextInterpolate(ctx_r1.AuthProvider);
161
+ i0.ɵɵadvance(4);
162
+ i0.ɵɵclassProp("mj-about__success", ctx_r1.IsConnected)("mj-about__error", !ctx_r1.IsConnected);
163
+ i0.ɵɵadvance();
164
+ i0.ɵɵtextInterpolate(ctx_r1.IsConnected ? "Connected" : "Offline");
165
+ i0.ɵɵadvance(9);
166
+ i0.ɵɵtextInterpolate(ctx_r1.EntityCount);
167
+ i0.ɵɵadvance(5);
168
+ i0.ɵɵtextInterpolate(ctx_r1.ApplicationCount);
169
+ i0.ɵɵadvance(5);
170
+ i0.ɵɵtextInterpolate(ctx_r1.QueryCount);
171
+ i0.ɵɵadvance(9);
172
+ i0.ɵɵtextInterpolate(ctx_r1.UserEmail);
173
+ i0.ɵɵadvance(5);
174
+ i0.ɵɵtextInterpolate(ctx_r1.UserRolesText);
175
+ i0.ɵɵadvance(5);
176
+ i0.ɵɵtextInterpolate(ctx_r1.ThemeLabel);
177
+ i0.ɵɵadvance(5);
178
+ i0.ɵɵtextInterpolate(ctx_r1.BrowserLabel);
179
+ i0.ɵɵadvance(2);
180
+ i0.ɵɵclassProp("fa-clipboard", !ctx_r1.CopyConfirmed)("fa-check", ctx_r1.CopyConfirmed);
181
+ i0.ɵɵadvance();
182
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.CopyConfirmed ? "Copied!" : "Copy diagnostics", " ");
183
+ } }
184
+ function AboutDialogComponent_Conditional_47_Template(rf, ctx) { if (rf & 1) {
185
+ i0.ɵɵelementStart(0, "div", 36);
50
186
  i0.ɵɵtext(1);
51
- i0.ɵɵdomElementEnd();
187
+ i0.ɵɵelementEnd();
52
188
  } if (rf & 2) {
53
189
  const ctx_r1 = i0.ɵɵnextContext();
54
190
  i0.ɵɵadvance();
@@ -187,9 +323,6 @@ export class AboutDialogComponent extends BaseAngularComponent {
187
323
  return `${displayName} · ${host}`;
188
324
  return displayName || host;
189
325
  }
190
- ToggleDiagnostics() {
191
- this.DiagnosticsOpen = !this.DiagnosticsOpen;
192
- }
193
326
  OnCloseClick() {
194
327
  this.CloseRequested.emit();
195
328
  }
@@ -346,161 +479,64 @@ export class AboutDialogComponent extends BaseAngularComponent {
346
479
  dialog?.animate([{ transform: 'rotate(0)' }, { transform: 'rotate(360deg)' }], { duration: 900, easing: 'cubic-bezier(0.65, 0, 0.35, 1)' });
347
480
  }
348
481
  static ɵfac = /*@__PURE__*/ (() => { let ɵAboutDialogComponent_BaseFactory; return function AboutDialogComponent_Factory(__ngFactoryType__) { return (ɵAboutDialogComponent_BaseFactory || (ɵAboutDialogComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AboutDialogComponent)))(__ngFactoryType__ || AboutDialogComponent); }; })();
349
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AboutDialogComponent, selectors: [["mj-about-dialog"]], inputs: { AvatarUrl: "AvatarUrl", AvatarIconClass: "AvatarIconClass" }, outputs: { CloseRequested: "CloseRequested" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 130, vars: 36, consts: [["aboutLogo", ""], ["role", "document", 1, "mj-about"], ["type", "button", "aria-label", "Close", 1, "mj-about__close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "mj-about__hero"], [1, "mj-about__logo-wrap", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 448.28 57.11", "aria-label", "MemberJunction", 1, "mj-about__logo"], ["fill", "#fff", "d", "M428.73,44.89v-16.92c.7-1.34,1.66-2.37,2.88-3.09,1.22-.72,2.59-1.08,4.12-1.08,2.2,0,3.92.65,5.17,1.94,1.25,1.3,1.87,3.07,1.87,5.33v13.81h2.01v-14.36c0-1.71-.36-3.21-1.08-4.51-.72-1.3-1.72-2.3-3.02-3.02-1.3-.72-2.8-1.08-4.51-1.08-3.14,0-5.63,1.21-7.46,3.61v-3.16h-2.01v22.51h2.01ZM407.08,42.12c-1.39-.87-2.49-2.04-3.29-3.52-.81-1.48-1.21-3.13-1.21-4.96s.4-3.48,1.21-4.96c.81-1.48,1.91-2.65,3.29-3.52,1.39-.87,2.94-1.31,4.64-1.31s3.25.44,4.64,1.31c1.39.87,2.49,2.04,3.29,3.52.81,1.48,1.21,3.13,1.21,4.96s-.41,3.48-1.21,4.96c-.81,1.48-1.91,2.65-3.29,3.52-1.39.87-2.94,1.3-4.64,1.3s-3.26-.43-4.64-1.3M417.42,43.79c1.69-1.04,3.04-2.45,4.03-4.23.99-1.78,1.49-3.76,1.49-5.92s-.5-4.18-1.49-5.95c-.99-1.77-2.33-3.17-4.03-4.21-1.69-1.04-3.59-1.56-5.69-1.56s-3.97.52-5.67,1.56c-1.71,1.04-3.06,2.44-4.05,4.21-.99,1.77-1.49,3.75-1.49,5.95s.5,4.14,1.49,5.92c.99,1.79,2.34,3.19,4.05,4.23,1.71,1.04,3.6,1.56,5.67,1.56s4-.52,5.69-1.56M397.14,16.8c.32-.34.48-.75.48-1.24s-.16-.9-.48-1.24c-.32-.34-.74-.5-1.26-.5-.49,0-.9.17-1.24.5-.34.34-.5.75-.5,1.24s.17.9.5,1.24c.34.34.75.5,1.24.5.52,0,.94-.17,1.26-.5M396.89,22.38h-2.01v22.51h2.01v-22.51ZM390.57,45.21c.61-.09,1.2-.25,1.78-.46v-1.97c-.52.21-1.02.37-1.51.48-.49.11-1.08.16-1.79.16-1.31,0-2.25-.28-2.81-.84s-.85-1.49-.85-2.77v-15.6h6.95v-1.83h-6.95v-6.31l-2.01.64v5.67h-4.94v1.83h4.94v16.29c0,1.52.46,2.71,1.37,3.57.91.85,2.23,1.28,3.94,1.28.64,0,1.26-.05,1.87-.14M373.12,44.43c1.54-.61,2.89-1.45,4.05-2.51l-1.37-1.65c-.98.95-2.1,1.71-3.36,2.29s-2.57.87-3.91.87c-1.71,0-3.25-.43-4.64-1.3-1.39-.87-2.49-2.04-3.29-3.52-.81-1.48-1.21-3.13-1.21-4.96s.4-3.48,1.21-4.96c.81-1.48,1.9-2.65,3.29-3.52,1.39-.87,2.93-1.31,4.64-1.31,1.34,0,2.64.28,3.91.85,1.27.56,2.39,1.33,3.36,2.31l1.37-1.65c-1.16-1.07-2.51-1.91-4.05-2.52-1.54-.61-3.07-.91-4.6-.91-2.07,0-3.96.52-5.67,1.56s-3.06,2.44-4.05,4.21c-.99,1.77-1.49,3.75-1.49,5.95s.49,4.18,1.49,5.95c.99,1.77,2.34,3.17,4.05,4.21s3.6,1.56,5.67,1.56c1.52,0,3.06-.31,4.6-.92M337.65,44.89v-16.92c.7-1.34,1.66-2.37,2.88-3.09,1.22-.72,2.59-1.08,4.12-1.08,2.2,0,3.92.65,5.17,1.94,1.25,1.3,1.88,3.07,1.88,5.33v13.81h2.01v-14.36c0-1.71-.36-3.21-1.07-4.51-.72-1.3-1.73-2.3-3.02-3.02s-2.8-1.08-4.5-1.08c-3.14,0-5.63,1.21-7.46,3.61v-3.16h-2.01v22.51h2.01ZM328.7,41.78v3.11h2.01v-22.51h-2.01v16.92c-.7,1.31-1.66,2.33-2.88,3.06-1.22.73-2.59,1.1-4.12,1.1-2.2,0-3.92-.65-5.17-1.97-1.25-1.31-1.87-3.08-1.87-5.31v-13.81h-2.01v14.36c0,1.71.37,3.21,1.1,4.51.73,1.3,1.74,2.3,3.04,3.02,1.3.72,2.78,1.08,4.46,1.08,3.2,0,5.69-1.19,7.46-3.57M303.64,43.88c1.74-1.01,3.08-2.43,4.02-4.28.95-1.84,1.42-4.05,1.42-6.61V12.87h-2.1v20.13c0,3.2-.85,5.74-2.56,7.62-1.71,1.88-4.01,2.81-6.91,2.81-2.17,0-4.02-.56-5.58-1.69-1.56-1.13-2.77-2.75-3.66-4.85l-1.92.87c1.01,2.5,2.46,4.4,4.37,5.7,1.9,1.3,4.15,1.94,6.75,1.94,2.38,0,4.44-.5,6.18-1.51M279.77,44.89v-15.37c.61-.97,1.41-1.73,2.4-2.26.99-.53,2.07-.8,3.22-.8.64,0,1.27.06,1.88.18.61.12,1.16.3,1.65.55v-6.45c-.55-.37-1.48-.56-2.79-.59-1.31,0-2.5.25-3.57.75-1.07.5-2,1.24-2.79,2.22v-2.42h-7.41v24.2h7.41ZM253.44,28.07c.47-.56,1.04-1,1.72-1.3.67-.3,1.42-.46,2.24-.46s1.52.16,2.2.48c.67.32,1.26.76,1.76,1.33.5.56.88,1.24,1.12,2.04h-10.11c.24-.82.6-1.52,1.07-2.08M263.5,44.47c1.6-.58,3.17-1.51,4.69-2.79l-4.9-4.35c-.58.58-1.28,1.03-2.1,1.35-.82.32-1.74.48-2.75.48-.91,0-1.77-.16-2.56-.48-.79-.32-1.47-.77-2.03-1.35-.56-.58-1.02-1.25-1.35-2.01h17.25v-1.83c0-2.56-.53-4.83-1.58-6.82-1.05-1.98-2.49-3.54-4.32-4.69-1.83-1.14-3.94-1.72-6.31-1.72s-4.48.55-6.4,1.67c-1.92,1.11-3.44,2.62-4.55,4.5-1.11,1.89-1.67,4.01-1.67,6.36s.58,4.47,1.74,6.36c1.16,1.89,2.74,3.39,4.73,4.51,2,1.11,4.23,1.67,6.7,1.67,2.01,0,3.82-.29,5.42-.87M227.12,38.44c-.88-.34-1.65-.79-2.29-1.37v-8.46c.67-.64,1.43-1.12,2.29-1.44s1.8-.48,2.84-.48c1.19,0,2.26.27,3.23.8.96.53,1.72,1.26,2.29,2.2.56.93.84,1.97.84,3.13s-.28,2.2-.84,3.13c-.56.93-1.32,1.66-2.27,2.2-.95.54-2.03.8-3.25.8-1.01,0-1.95-.17-2.84-.5M224.74,44.89v-1.37c.92.55,1.91.97,2.97,1.26,1.07.29,2.16.43,3.29.43,2.35,0,4.48-.55,6.38-1.65,1.91-1.1,3.41-2.58,4.53-4.46,1.11-1.88,1.67-3.97,1.67-6.29s-.55-4.42-1.65-6.29c-1.1-1.88-2.58-3.37-4.44-4.49-1.86-1.11-3.95-1.67-6.27-1.67s-4.51.67-6.41,2.01v-10.66l-7.41,1.14v32.02h7.32ZM183.69,44.89v-16.56c.46-.58,1.01-1.01,1.67-1.3.66-.29,1.4-.43,2.22-.43,1.19,0,2.14.4,2.86,1.19.72.79,1.07,1.86,1.07,3.2v13.91h7.41v-14.91c0-.28,0-.54-.02-.8-.01-.26-.04-.51-.07-.76.49-.61,1.07-1.07,1.74-1.37.67-.31,1.42-.46,2.24-.46,1.19,0,2.14.4,2.86,1.19s1.08,1.86,1.08,3.2v13.91h7.41v-14.91c0-1.92-.41-3.61-1.21-5.08-.81-1.46-1.91-2.61-3.31-3.43-1.4-.82-3.02-1.23-4.85-1.23-1.59,0-3.05.29-4.39.87-1.34.58-2.5,1.4-3.48,2.47-.83-1.07-1.85-1.89-3.07-2.47-1.22-.58-2.59-.87-4.12-.87-2.32,0-4.33.67-6.04,2.01v-1.56h-7.41v24.2h7.41ZM157.36,28.07c.47-.56,1.04-1,1.72-1.3.67-.3,1.42-.46,2.24-.46s1.52.16,2.2.48c.67.32,1.26.76,1.76,1.33.5.56.88,1.24,1.12,2.04h-10.11c.24-.82.6-1.52,1.08-2.08M167.42,44.47c1.6-.58,3.16-1.51,4.69-2.79l-4.9-4.35c-.58.58-1.28,1.03-2.1,1.35-.83.32-1.74.48-2.75.48-.91,0-1.77-.16-2.56-.48-.79-.32-1.47-.77-2.03-1.35-.56-.58-1.02-1.25-1.35-2.01h17.25v-1.83c0-2.56-.53-4.83-1.58-6.82-1.05-1.98-2.49-3.54-4.32-4.69-1.83-1.14-3.93-1.72-6.31-1.72s-4.48.55-6.41,1.67c-1.92,1.11-3.44,2.62-4.55,4.5-1.11,1.89-1.67,4.01-1.67,6.36s.58,4.47,1.74,6.36c1.16,1.89,2.74,3.39,4.74,4.51,2,1.11,4.23,1.67,6.7,1.67,2.01,0,3.82-.29,5.42-.87M118.71,44.89v-21.91l10.52,19.62,10.52-19.53v21.82h7.41V12.87h-9.93l-7.91,15.1-7.91-15.1h-9.93v32.02h7.23Z"], ["fill", "#fff", "d", "M88.82,12.69v27.95s9.76,5.58,9.76,5.58c.01-.24.02-34.61.02-34.61,0-3.72-1.57-6.76-4.3-8.35-2.73-1.59-6.15-1.44-9.38.39l-33.88,19.27L17.17,3.66c-3.23-1.84-6.65-1.98-9.38-.39-2.73,1.59-4.3,4.63-4.3,8.35,0,0,0,34.39.02,34.64l9.75-5.58V12.69l27.89,15.87L4.21,49.57c.71,1.84,1.93,3.32,3.57,4.28,1.26.73,2.67,1.1,4.13,1.1,1.71,0,3.51-.5,5.25-1.49L88.82,12.69Z"], ["fill", "#fff", "d", "M64.22,30.43l-9.86,5.64,30.56,17.39c1.74.99,3.54,1.49,5.26,1.49,1.46,0,2.87-.37,4.13-1.1,1.65-.96,2.87-2.46,3.59-4.31l-33.67-19.11Z"], [1, "mj-about__version-row"], ["role", "button", "tabindex", "0", 1, "mj-about__version-pill", 3, "click"], [1, "mj-about__version-dot"], [1, "mj-about__body"], [1, "mj-about__connection-line"], [1, "mj-about__user-card"], ["alt", "", 1, "mj-about__user-avatar", "mj-about__user-avatar--img", 3, "src"], [1, "mj-about__user-avatar", "mj-about__user-avatar--icon"], [1, "mj-about__user-avatar"], [1, "mj-about__user-info"], [1, "mj-about__user-name"], [1, "mj-about__user-meta"], [1, "mj-about__conn-pill"], [1, "fa-solid", "fa-circle"], ["type", "button", 1, "mj-about__diag-toggle", 3, "click"], [1, "mj-about__diag-toggle-left"], [1, "fa-solid", "fa-stethoscope"], [1, "fa-solid", "fa-chevron-down", "mj-about__diag-chev"], [1, "mj-about__diag-panel"], [1, "mj-about__diag-section"], [1, "fa-solid", "fa-cube"], [1, "mj-about__diag-row"], [1, "k"], [1, "v"], [1, "fa-solid", "fa-plug"], [1, "v", 3, "title"], [1, "fa-solid", "fa-database"], [1, "fa-solid", "fa-user"], ["type", "button", 1, "mj-about__copy-btn", 3, "click"], [1, "fa-solid"], [1, "mj-about__footer"], ["href", "https://docs.memberjunction.org", "target", "_blank", "rel", "noopener", 1, "mj-about__footer-link"], [1, "fa-solid", "fa-book"], ["href", "https://github.com/MemberJunction/MJ", "target", "_blank", "rel", "noopener", 1, "mj-about__footer-link"], [1, "fa-brands", "fa-github"], ["href", "https://memberjunction.com", "target", "_blank", "rel", "noopener", 1, "mj-about__footer-link"], [1, "fa-solid", "fa-globe"], [1, "mj-about__credit"], [1, "mj-about__heart"], [1, "mj-about__toast"], [1, "mj-about__connection-name"], ["alt", "", 1, "mj-about__user-avatar", "mj-about__user-avatar--img", 3, "error", "src"]], template: function AboutDialogComponent_Template(rf, ctx) { if (rf & 1) {
482
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AboutDialogComponent, selectors: [["mj-about-dialog"]], inputs: { AvatarUrl: "AvatarUrl", AvatarIconClass: "AvatarIconClass" }, outputs: { CloseRequested: "CloseRequested" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 48, vars: 10, consts: [["aboutLogo", ""], ["role", "document", 1, "mj-about"], ["type", "button", "aria-label", "Close", 1, "mj-about__close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "mj-about__hero"], [1, "mj-about__logo-wrap", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 448.28 57.11", "aria-label", "MemberJunction", 1, "mj-about__logo"], ["fill", "#fff", "d", "M428.73,44.89v-16.92c.7-1.34,1.66-2.37,2.88-3.09,1.22-.72,2.59-1.08,4.12-1.08,2.2,0,3.92.65,5.17,1.94,1.25,1.3,1.87,3.07,1.87,5.33v13.81h2.01v-14.36c0-1.71-.36-3.21-1.08-4.51-.72-1.3-1.72-2.3-3.02-3.02-1.3-.72-2.8-1.08-4.51-1.08-3.14,0-5.63,1.21-7.46,3.61v-3.16h-2.01v22.51h2.01ZM407.08,42.12c-1.39-.87-2.49-2.04-3.29-3.52-.81-1.48-1.21-3.13-1.21-4.96s.4-3.48,1.21-4.96c.81-1.48,1.91-2.65,3.29-3.52,1.39-.87,2.94-1.31,4.64-1.31s3.25.44,4.64,1.31c1.39.87,2.49,2.04,3.29,3.52.81,1.48,1.21,3.13,1.21,4.96s-.41,3.48-1.21,4.96c-.81,1.48-1.91,2.65-3.29,3.52-1.39.87-2.94,1.3-4.64,1.3s-3.26-.43-4.64-1.3M417.42,43.79c1.69-1.04,3.04-2.45,4.03-4.23.99-1.78,1.49-3.76,1.49-5.92s-.5-4.18-1.49-5.95c-.99-1.77-2.33-3.17-4.03-4.21-1.69-1.04-3.59-1.56-5.69-1.56s-3.97.52-5.67,1.56c-1.71,1.04-3.06,2.44-4.05,4.21-.99,1.77-1.49,3.75-1.49,5.95s.5,4.14,1.49,5.92c.99,1.79,2.34,3.19,4.05,4.23,1.71,1.04,3.6,1.56,5.67,1.56s4-.52,5.69-1.56M397.14,16.8c.32-.34.48-.75.48-1.24s-.16-.9-.48-1.24c-.32-.34-.74-.5-1.26-.5-.49,0-.9.17-1.24.5-.34.34-.5.75-.5,1.24s.17.9.5,1.24c.34.34.75.5,1.24.5.52,0,.94-.17,1.26-.5M396.89,22.38h-2.01v22.51h2.01v-22.51ZM390.57,45.21c.61-.09,1.2-.25,1.78-.46v-1.97c-.52.21-1.02.37-1.51.48-.49.11-1.08.16-1.79.16-1.31,0-2.25-.28-2.81-.84s-.85-1.49-.85-2.77v-15.6h6.95v-1.83h-6.95v-6.31l-2.01.64v5.67h-4.94v1.83h4.94v16.29c0,1.52.46,2.71,1.37,3.57.91.85,2.23,1.28,3.94,1.28.64,0,1.26-.05,1.87-.14M373.12,44.43c1.54-.61,2.89-1.45,4.05-2.51l-1.37-1.65c-.98.95-2.1,1.71-3.36,2.29s-2.57.87-3.91.87c-1.71,0-3.25-.43-4.64-1.3-1.39-.87-2.49-2.04-3.29-3.52-.81-1.48-1.21-3.13-1.21-4.96s.4-3.48,1.21-4.96c.81-1.48,1.9-2.65,3.29-3.52,1.39-.87,2.93-1.31,4.64-1.31,1.34,0,2.64.28,3.91.85,1.27.56,2.39,1.33,3.36,2.31l1.37-1.65c-1.16-1.07-2.51-1.91-4.05-2.52-1.54-.61-3.07-.91-4.6-.91-2.07,0-3.96.52-5.67,1.56s-3.06,2.44-4.05,4.21c-.99,1.77-1.49,3.75-1.49,5.95s.49,4.18,1.49,5.95c.99,1.77,2.34,3.17,4.05,4.21s3.6,1.56,5.67,1.56c1.52,0,3.06-.31,4.6-.92M337.65,44.89v-16.92c.7-1.34,1.66-2.37,2.88-3.09,1.22-.72,2.59-1.08,4.12-1.08,2.2,0,3.92.65,5.17,1.94,1.25,1.3,1.88,3.07,1.88,5.33v13.81h2.01v-14.36c0-1.71-.36-3.21-1.07-4.51-.72-1.3-1.73-2.3-3.02-3.02s-2.8-1.08-4.5-1.08c-3.14,0-5.63,1.21-7.46,3.61v-3.16h-2.01v22.51h2.01ZM328.7,41.78v3.11h2.01v-22.51h-2.01v16.92c-.7,1.31-1.66,2.33-2.88,3.06-1.22.73-2.59,1.1-4.12,1.1-2.2,0-3.92-.65-5.17-1.97-1.25-1.31-1.87-3.08-1.87-5.31v-13.81h-2.01v14.36c0,1.71.37,3.21,1.1,4.51.73,1.3,1.74,2.3,3.04,3.02,1.3.72,2.78,1.08,4.46,1.08,3.2,0,5.69-1.19,7.46-3.57M303.64,43.88c1.74-1.01,3.08-2.43,4.02-4.28.95-1.84,1.42-4.05,1.42-6.61V12.87h-2.1v20.13c0,3.2-.85,5.74-2.56,7.62-1.71,1.88-4.01,2.81-6.91,2.81-2.17,0-4.02-.56-5.58-1.69-1.56-1.13-2.77-2.75-3.66-4.85l-1.92.87c1.01,2.5,2.46,4.4,4.37,5.7,1.9,1.3,4.15,1.94,6.75,1.94,2.38,0,4.44-.5,6.18-1.51M279.77,44.89v-15.37c.61-.97,1.41-1.73,2.4-2.26.99-.53,2.07-.8,3.22-.8.64,0,1.27.06,1.88.18.61.12,1.16.3,1.65.55v-6.45c-.55-.37-1.48-.56-2.79-.59-1.31,0-2.5.25-3.57.75-1.07.5-2,1.24-2.79,2.22v-2.42h-7.41v24.2h7.41ZM253.44,28.07c.47-.56,1.04-1,1.72-1.3.67-.3,1.42-.46,2.24-.46s1.52.16,2.2.48c.67.32,1.26.76,1.76,1.33.5.56.88,1.24,1.12,2.04h-10.11c.24-.82.6-1.52,1.07-2.08M263.5,44.47c1.6-.58,3.17-1.51,4.69-2.79l-4.9-4.35c-.58.58-1.28,1.03-2.1,1.35-.82.32-1.74.48-2.75.48-.91,0-1.77-.16-2.56-.48-.79-.32-1.47-.77-2.03-1.35-.56-.58-1.02-1.25-1.35-2.01h17.25v-1.83c0-2.56-.53-4.83-1.58-6.82-1.05-1.98-2.49-3.54-4.32-4.69-1.83-1.14-3.94-1.72-6.31-1.72s-4.48.55-6.4,1.67c-1.92,1.11-3.44,2.62-4.55,4.5-1.11,1.89-1.67,4.01-1.67,6.36s.58,4.47,1.74,6.36c1.16,1.89,2.74,3.39,4.73,4.51,2,1.11,4.23,1.67,6.7,1.67,2.01,0,3.82-.29,5.42-.87M227.12,38.44c-.88-.34-1.65-.79-2.29-1.37v-8.46c.67-.64,1.43-1.12,2.29-1.44s1.8-.48,2.84-.48c1.19,0,2.26.27,3.23.8.96.53,1.72,1.26,2.29,2.2.56.93.84,1.97.84,3.13s-.28,2.2-.84,3.13c-.56.93-1.32,1.66-2.27,2.2-.95.54-2.03.8-3.25.8-1.01,0-1.95-.17-2.84-.5M224.74,44.89v-1.37c.92.55,1.91.97,2.97,1.26,1.07.29,2.16.43,3.29.43,2.35,0,4.48-.55,6.38-1.65,1.91-1.1,3.41-2.58,4.53-4.46,1.11-1.88,1.67-3.97,1.67-6.29s-.55-4.42-1.65-6.29c-1.1-1.88-2.58-3.37-4.44-4.49-1.86-1.11-3.95-1.67-6.27-1.67s-4.51.67-6.41,2.01v-10.66l-7.41,1.14v32.02h7.32ZM183.69,44.89v-16.56c.46-.58,1.01-1.01,1.67-1.3.66-.29,1.4-.43,2.22-.43,1.19,0,2.14.4,2.86,1.19.72.79,1.07,1.86,1.07,3.2v13.91h7.41v-14.91c0-.28,0-.54-.02-.8-.01-.26-.04-.51-.07-.76.49-.61,1.07-1.07,1.74-1.37.67-.31,1.42-.46,2.24-.46,1.19,0,2.14.4,2.86,1.19s1.08,1.86,1.08,3.2v13.91h7.41v-14.91c0-1.92-.41-3.61-1.21-5.08-.81-1.46-1.91-2.61-3.31-3.43-1.4-.82-3.02-1.23-4.85-1.23-1.59,0-3.05.29-4.39.87-1.34.58-2.5,1.4-3.48,2.47-.83-1.07-1.85-1.89-3.07-2.47-1.22-.58-2.59-.87-4.12-.87-2.32,0-4.33.67-6.04,2.01v-1.56h-7.41v24.2h7.41ZM157.36,28.07c.47-.56,1.04-1,1.72-1.3.67-.3,1.42-.46,2.24-.46s1.52.16,2.2.48c.67.32,1.26.76,1.76,1.33.5.56.88,1.24,1.12,2.04h-10.11c.24-.82.6-1.52,1.08-2.08M167.42,44.47c1.6-.58,3.16-1.51,4.69-2.79l-4.9-4.35c-.58.58-1.28,1.03-2.1,1.35-.83.32-1.74.48-2.75.48-.91,0-1.77-.16-2.56-.48-.79-.32-1.47-.77-2.03-1.35-.56-.58-1.02-1.25-1.35-2.01h17.25v-1.83c0-2.56-.53-4.83-1.58-6.82-1.05-1.98-2.49-3.54-4.32-4.69-1.83-1.14-3.93-1.72-6.31-1.72s-4.48.55-6.41,1.67c-1.92,1.11-3.44,2.62-4.55,4.5-1.11,1.89-1.67,4.01-1.67,6.36s.58,4.47,1.74,6.36c1.16,1.89,2.74,3.39,4.74,4.51,2,1.11,4.23,1.67,6.7,1.67,2.01,0,3.82-.29,5.42-.87M118.71,44.89v-21.91l10.52,19.62,10.52-19.53v21.82h7.41V12.87h-9.93l-7.91,15.1-7.91-15.1h-9.93v32.02h7.23Z"], ["fill", "#fff", "d", "M88.82,12.69v27.95s9.76,5.58,9.76,5.58c.01-.24.02-34.61.02-34.61,0-3.72-1.57-6.76-4.3-8.35-2.73-1.59-6.15-1.44-9.38.39l-33.88,19.27L17.17,3.66c-3.23-1.84-6.65-1.98-9.38-.39-2.73,1.59-4.3,4.63-4.3,8.35,0,0,0,34.39.02,34.64l9.75-5.58V12.69l27.89,15.87L4.21,49.57c.71,1.84,1.93,3.32,3.57,4.28,1.26.73,2.67,1.1,4.13,1.1,1.71,0,3.51-.5,5.25-1.49L88.82,12.69Z"], ["fill", "#fff", "d", "M64.22,30.43l-9.86,5.64,30.56,17.39c1.74.99,3.54,1.49,5.26,1.49,1.46,0,2.87-.37,4.13-1.1,1.65-.96,2.87-2.46,3.59-4.31l-33.67-19.11Z"], [1, "mj-about__version-row"], ["role", "button", "tabindex", "0", 1, "mj-about__version-pill", 3, "click"], [1, "mj-about__version-dot"], [1, "mj-about__body"], [1, "mj-about__connection-line"], [1, "mj-about__user-card"], ["alt", "", 1, "mj-about__user-avatar", "mj-about__user-avatar--img", 3, "src"], [1, "mj-about__user-avatar", "mj-about__user-avatar--icon"], [1, "mj-about__user-avatar"], [1, "mj-about__user-info"], [1, "mj-about__user-name"], [1, "mj-about__user-meta"], [1, "mj-about__conn-pill"], [1, "fa-solid", "fa-circle"], ["Size", "sm", 1, "mj-about__diag", 3, "ExpandedChange", "Expanded"], ["mjAccordionTitle", ""], ["mjAccordionBody", ""], [1, "mj-about__footer"], ["href", "https://docs.memberjunction.org", "target", "_blank", "rel", "noopener", 1, "mj-about__footer-link"], [1, "fa-solid", "fa-book"], ["href", "https://github.com/MemberJunction/MJ", "target", "_blank", "rel", "noopener", 1, "mj-about__footer-link"], [1, "fa-brands", "fa-github"], ["href", "https://memberjunction.com", "target", "_blank", "rel", "noopener", 1, "mj-about__footer-link"], [1, "fa-solid", "fa-globe"], [1, "mj-about__credit"], [1, "mj-about__heart"], [1, "mj-about__toast"], [1, "mj-about__connection-name"], ["alt", "", 1, "mj-about__user-avatar", "mj-about__user-avatar--img", 3, "error", "src"], [1, "fa-solid", "fa-stethoscope"], [1, "mj-about__diag-panel"], [1, "mj-about__diag-section"], [1, "fa-solid", "fa-cube"], [1, "mj-about__diag-row"], [1, "k"], [1, "v"], [1, "fa-solid", "fa-plug"], [1, "v", 3, "title"], [1, "fa-solid", "fa-database"], [1, "fa-solid", "fa-user"], ["type", "button", 1, "mj-about__copy-btn", 3, "click"], [1, "fa-solid"]], template: function AboutDialogComponent_Template(rf, ctx) { if (rf & 1) {
350
483
  const _r1 = i0.ɵɵgetCurrentView();
351
- i0.ɵɵdomElementStart(0, "div", 1)(1, "button", 2);
352
- i0.ɵɵdomListener("click", function AboutDialogComponent_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnCloseClick()); });
353
- i0.ɵɵdomElement(2, "i", 3);
354
- i0.ɵɵdomElementEnd();
355
- i0.ɵɵdomElementStart(3, "div", 4)(4, "div", 5);
356
- i0.ɵɵdomListener("click", function AboutDialogComponent_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnLogoClick()); });
484
+ i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
485
+ i0.ɵɵlistener("click", function AboutDialogComponent_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnCloseClick()); });
486
+ i0.ɵɵelement(2, "i", 3);
487
+ i0.ɵɵelementEnd();
488
+ i0.ɵɵelementStart(3, "div", 4)(4, "div", 5);
489
+ i0.ɵɵlistener("click", function AboutDialogComponent_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnLogoClick()); });
357
490
  i0.ɵɵnamespaceSVG();
358
- i0.ɵɵdomElementStart(5, "svg", 6, 0);
359
- i0.ɵɵdomElement(7, "path", 7)(8, "path", 8)(9, "path", 9);
360
- i0.ɵɵdomElementEnd()();
491
+ i0.ɵɵelementStart(5, "svg", 6, 0);
492
+ i0.ɵɵelement(7, "path", 7)(8, "path", 8)(9, "path", 9);
493
+ i0.ɵɵelementEnd()();
361
494
  i0.ɵɵnamespaceHTML();
362
- i0.ɵɵdomElementStart(10, "div", 10)(11, "span", 11);
363
- i0.ɵɵdomListener("click", function AboutDialogComponent_Template_span_click_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnVersionClick()); });
364
- i0.ɵɵdomElement(12, "span", 12);
365
- i0.ɵɵdomElementStart(13, "span");
495
+ i0.ɵɵelementStart(10, "div", 10)(11, "span", 11);
496
+ i0.ɵɵlistener("click", function AboutDialogComponent_Template_span_click_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnVersionClick()); });
497
+ i0.ɵɵelement(12, "span", 12);
498
+ i0.ɵɵelementStart(13, "span");
366
499
  i0.ɵɵtext(14);
367
- i0.ɵɵdomElementEnd()()()();
368
- i0.ɵɵdomElementStart(15, "div", 13);
500
+ i0.ɵɵelementEnd()()()();
501
+ i0.ɵɵelementStart(15, "div", 13);
369
502
  i0.ɵɵconditionalCreate(16, AboutDialogComponent_Conditional_16_Template, 4, 1, "div", 14);
370
- i0.ɵɵdomElementStart(17, "div", 15);
503
+ i0.ɵɵelementStart(17, "div", 15);
371
504
  i0.ɵɵconditionalCreate(18, AboutDialogComponent_Conditional_18_Template, 1, 1, "img", 16)(19, AboutDialogComponent_Conditional_19_Template, 2, 2, "div", 17)(20, AboutDialogComponent_Conditional_20_Template, 2, 1, "div", 18);
372
- i0.ɵɵdomElementStart(21, "div", 19)(22, "div", 20);
505
+ i0.ɵɵelementStart(21, "div", 19)(22, "div", 20);
373
506
  i0.ɵɵtext(23);
374
- i0.ɵɵdomElementEnd();
375
- i0.ɵɵdomElementStart(24, "div", 21);
507
+ i0.ɵɵelementEnd();
508
+ i0.ɵɵelementStart(24, "div", 21);
376
509
  i0.ɵɵtext(25);
377
- i0.ɵɵdomElementEnd()();
378
- i0.ɵɵdomElementStart(26, "div", 22);
379
- i0.ɵɵdomElement(27, "i", 23);
510
+ i0.ɵɵelementEnd()();
511
+ i0.ɵɵelementStart(26, "div", 22);
512
+ i0.ɵɵelement(27, "i", 23);
380
513
  i0.ɵɵtext(28);
381
- i0.ɵɵdomElementEnd()();
382
- i0.ɵɵdomElementStart(29, "button", 24);
383
- i0.ɵɵdomListener("click", function AboutDialogComponent_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.ToggleDiagnostics()); });
384
- i0.ɵɵdomElementStart(30, "span", 25);
385
- i0.ɵɵdomElement(31, "i", 26);
386
- i0.ɵɵtext(32);
387
- i0.ɵɵdomElementEnd();
388
- i0.ɵɵdomElement(33, "i", 27);
389
- i0.ɵɵdomElementEnd();
390
- i0.ɵɵdomElementStart(34, "div", 28)(35, "div", 29)(36, "h5");
391
- i0.ɵɵdomElement(37, "i", 30);
392
- i0.ɵɵtext(38, " Build");
393
- i0.ɵɵdomElementEnd();
394
- i0.ɵɵdomElementStart(39, "div", 31)(40, "span", 32);
395
- i0.ɵɵtext(41, "Version");
396
- i0.ɵɵdomElementEnd();
397
- i0.ɵɵdomElementStart(42, "span", 33);
398
- i0.ɵɵtext(43);
399
- i0.ɵɵdomElementEnd()();
400
- i0.ɵɵdomElementStart(44, "div", 31)(45, "span", 32);
401
- i0.ɵɵtext(46, "Environment");
402
- i0.ɵɵdomElementEnd();
403
- i0.ɵɵdomElementStart(47, "span", 33);
404
- i0.ɵɵtext(48);
405
- i0.ɵɵdomElementEnd()()();
406
- i0.ɵɵdomElementStart(49, "div", 29)(50, "h5");
407
- i0.ɵɵdomElement(51, "i", 34);
408
- i0.ɵɵtext(52, " Connection");
409
- i0.ɵɵdomElementEnd();
410
- i0.ɵɵdomElementStart(53, "div", 31)(54, "span", 32);
411
- i0.ɵɵtext(55, "API endpoint");
412
- i0.ɵɵdomElementEnd();
413
- i0.ɵɵdomElementStart(56, "span", 35);
414
- i0.ɵɵtext(57);
415
- i0.ɵɵdomElementEnd()();
416
- i0.ɵɵdomElementStart(58, "div", 31)(59, "span", 32);
417
- i0.ɵɵtext(60, "Auth provider");
418
- i0.ɵɵdomElementEnd();
419
- i0.ɵɵdomElementStart(61, "span", 33);
420
- i0.ɵɵtext(62);
421
- i0.ɵɵdomElementEnd()();
422
- i0.ɵɵdomElementStart(63, "div", 31)(64, "span", 32);
423
- i0.ɵɵtext(65, "Status");
424
- i0.ɵɵdomElementEnd();
425
- i0.ɵɵdomElementStart(66, "span", 33);
426
- i0.ɵɵtext(67);
427
- i0.ɵɵdomElementEnd()()();
428
- i0.ɵɵdomElementStart(68, "div", 29)(69, "h5");
429
- i0.ɵɵdomElement(70, "i", 36);
430
- i0.ɵɵtext(71, " Loaded");
431
- i0.ɵɵdomElementEnd();
432
- i0.ɵɵdomElementStart(72, "div", 31)(73, "span", 32);
433
- i0.ɵɵtext(74, "Entities");
434
- i0.ɵɵdomElementEnd();
435
- i0.ɵɵdomElementStart(75, "span", 33);
436
- i0.ɵɵtext(76);
437
- i0.ɵɵdomElementEnd()();
438
- i0.ɵɵdomElementStart(77, "div", 31)(78, "span", 32);
439
- i0.ɵɵtext(79, "Applications");
440
- i0.ɵɵdomElementEnd();
441
- i0.ɵɵdomElementStart(80, "span", 33);
442
- i0.ɵɵtext(81);
443
- i0.ɵɵdomElementEnd()();
444
- i0.ɵɵdomElementStart(82, "div", 31)(83, "span", 32);
445
- i0.ɵɵtext(84, "Queries");
446
- i0.ɵɵdomElementEnd();
447
- i0.ɵɵdomElementStart(85, "span", 33);
448
- i0.ɵɵtext(86);
449
- i0.ɵɵdomElementEnd()()();
450
- i0.ɵɵdomElementStart(87, "div", 29)(88, "h5");
451
- i0.ɵɵdomElement(89, "i", 37);
452
- i0.ɵɵtext(90, " Session");
453
- i0.ɵɵdomElementEnd();
454
- i0.ɵɵdomElementStart(91, "div", 31)(92, "span", 32);
455
- i0.ɵɵtext(93, "User");
456
- i0.ɵɵdomElementEnd();
457
- i0.ɵɵdomElementStart(94, "span", 33);
458
- i0.ɵɵtext(95);
459
- i0.ɵɵdomElementEnd()();
460
- i0.ɵɵdomElementStart(96, "div", 31)(97, "span", 32);
461
- i0.ɵɵtext(98, "Roles");
462
- i0.ɵɵdomElementEnd();
463
- i0.ɵɵdomElementStart(99, "span", 33);
464
- i0.ɵɵtext(100);
465
- i0.ɵɵdomElementEnd()();
466
- i0.ɵɵdomElementStart(101, "div", 31)(102, "span", 32);
467
- i0.ɵɵtext(103, "Theme");
468
- i0.ɵɵdomElementEnd();
469
- i0.ɵɵdomElementStart(104, "span", 33);
470
- i0.ɵɵtext(105);
471
- i0.ɵɵdomElementEnd()();
472
- i0.ɵɵdomElementStart(106, "div", 31)(107, "span", 32);
473
- i0.ɵɵtext(108, "Browser");
474
- i0.ɵɵdomElementEnd();
475
- i0.ɵɵdomElementStart(109, "span", 33);
476
- i0.ɵɵtext(110);
477
- i0.ɵɵdomElementEnd()()();
478
- i0.ɵɵdomElementStart(111, "button", 38);
479
- i0.ɵɵdomListener("click", function AboutDialogComponent_Template_button_click_111_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.CopyDiagnostics()); });
480
- i0.ɵɵdomElement(112, "i", 39);
481
- i0.ɵɵtext(113);
482
- i0.ɵɵdomElementEnd()()();
483
- i0.ɵɵdomElementStart(114, "div", 40)(115, "a", 41);
484
- i0.ɵɵdomElement(116, "i", 42);
485
- i0.ɵɵtext(117, " Documentation ");
486
- i0.ɵɵdomElementEnd();
487
- i0.ɵɵdomElementStart(118, "a", 43);
488
- i0.ɵɵdomElement(119, "i", 44);
489
- i0.ɵɵtext(120, " GitHub ");
490
- i0.ɵɵdomElementEnd();
491
- i0.ɵɵdomElementStart(121, "a", 45);
492
- i0.ɵɵdomElement(122, "i", 46);
493
- i0.ɵɵtext(123, " Website ");
494
- i0.ɵɵdomElementEnd()();
495
- i0.ɵɵdomElementStart(124, "div", 47);
496
- i0.ɵɵtext(125, " Built with ");
497
- i0.ɵɵdomElementStart(126, "span", 48);
498
- i0.ɵɵtext(127, "\u2665");
499
- i0.ɵɵdomElementEnd();
500
- i0.ɵɵtext(128, " by the MemberJunction community ");
501
- i0.ɵɵdomElementEnd();
502
- i0.ɵɵconditionalCreate(129, AboutDialogComponent_Conditional_129_Template, 2, 1, "div", 49);
503
- i0.ɵɵdomElementEnd();
514
+ i0.ɵɵelementEnd()();
515
+ i0.ɵɵelementStart(29, "mj-accordion-panel", 24);
516
+ i0.ɵɵtwoWayListener("ExpandedChange", function AboutDialogComponent_Template_mj_accordion_panel_ExpandedChange_29_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.DiagnosticsOpen, $event) || (ctx.DiagnosticsOpen = $event); return i0.ɵɵresetView($event); });
517
+ i0.ɵɵtemplate(30, AboutDialogComponent_ng_template_30_Template, 2, 0, "ng-template", 25)(31, AboutDialogComponent_ng_template_31_Template, 80, 22, "ng-template", 26);
518
+ i0.ɵɵelementEnd()();
519
+ i0.ɵɵelementStart(32, "div", 27)(33, "a", 28);
520
+ i0.ɵɵelement(34, "i", 29);
521
+ i0.ɵɵtext(35, " Documentation ");
522
+ i0.ɵɵelementEnd();
523
+ i0.ɵɵelementStart(36, "a", 30);
524
+ i0.ɵɵelement(37, "i", 31);
525
+ i0.ɵɵtext(38, " GitHub ");
526
+ i0.ɵɵelementEnd();
527
+ i0.ɵɵelementStart(39, "a", 32);
528
+ i0.ɵɵelement(40, "i", 33);
529
+ i0.ɵɵtext(41, " Website ");
530
+ i0.ɵɵelementEnd()();
531
+ i0.ɵɵelementStart(42, "div", 34);
532
+ i0.ɵɵtext(43, " Built with ");
533
+ i0.ɵɵelementStart(44, "span", 35);
534
+ i0.ɵɵtext(45, "\u2665");
535
+ i0.ɵɵelementEnd();
536
+ i0.ɵɵtext(46, " by the MemberJunction community ");
537
+ i0.ɵɵelementEnd();
538
+ i0.ɵɵconditionalCreate(47, AboutDialogComponent_Conditional_47_Template, 2, 1, "div", 36);
539
+ i0.ɵɵelementEnd();
504
540
  } if (rf & 2) {
505
541
  i0.ɵɵadvance(14);
506
542
  i0.ɵɵtextInterpolate1("Version ", ctx.Version);
@@ -517,50 +553,14 @@ export class AboutDialogComponent extends BaseAngularComponent {
517
553
  i0.ɵɵadvance(2);
518
554
  i0.ɵɵtextInterpolate1(" ", ctx.IsConnected ? "Connected" : "Offline", " ");
519
555
  i0.ɵɵadvance();
520
- i0.ɵɵclassProp("mj-about__diag-toggle--open", ctx.DiagnosticsOpen);
521
- i0.ɵɵadvance(3);
522
- i0.ɵɵtextInterpolate1(" ", ctx.DiagnosticsOpen ? "Hide diagnostics" : "Show diagnostics", " ");
523
- i0.ɵɵadvance(2);
524
- i0.ɵɵclassProp("mj-about__diag-panel--open", ctx.DiagnosticsOpen);
525
- i0.ɵɵadvance(9);
526
- i0.ɵɵtextInterpolate(ctx.Version);
527
- i0.ɵɵadvance(5);
528
- i0.ɵɵtextInterpolate(ctx.Environment);
529
- i0.ɵɵadvance(8);
530
- i0.ɵɵdomProperty("title", ctx.ApiUrl);
531
- i0.ɵɵadvance();
532
- i0.ɵɵtextInterpolate(ctx.ApiUrlShort);
533
- i0.ɵɵadvance(5);
534
- i0.ɵɵtextInterpolate(ctx.AuthProvider);
535
- i0.ɵɵadvance(4);
536
- i0.ɵɵclassProp("mj-about__success", ctx.IsConnected)("mj-about__error", !ctx.IsConnected);
537
- i0.ɵɵadvance();
538
- i0.ɵɵtextInterpolate(ctx.IsConnected ? "Connected" : "Offline");
539
- i0.ɵɵadvance(9);
540
- i0.ɵɵtextInterpolate(ctx.EntityCount);
541
- i0.ɵɵadvance(5);
542
- i0.ɵɵtextInterpolate(ctx.ApplicationCount);
543
- i0.ɵɵadvance(5);
544
- i0.ɵɵtextInterpolate(ctx.QueryCount);
545
- i0.ɵɵadvance(9);
546
- i0.ɵɵtextInterpolate(ctx.UserEmail);
547
- i0.ɵɵadvance(5);
548
- i0.ɵɵtextInterpolate(ctx.UserRolesText);
549
- i0.ɵɵadvance(5);
550
- i0.ɵɵtextInterpolate(ctx.ThemeLabel);
551
- i0.ɵɵadvance(5);
552
- i0.ɵɵtextInterpolate(ctx.BrowserLabel);
553
- i0.ɵɵadvance(2);
554
- i0.ɵɵclassProp("fa-clipboard", !ctx.CopyConfirmed)("fa-check", ctx.CopyConfirmed);
555
- i0.ɵɵadvance();
556
- i0.ɵɵtextInterpolate1(" ", ctx.CopyConfirmed ? "Copied!" : "Copy diagnostics", " ");
557
- i0.ɵɵadvance(16);
558
- i0.ɵɵconditional(ctx.ToastMessage ? 129 : -1);
559
- } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%] {\n display: block;\n width: 100%;\n height: 100%;\n}\n.mj-about[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n height: 100%;\n min-height: 0;\n position: relative;\n font-family: inherit;\n}\n.mj-about__close[_ngcontent-%COMP%] {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 36px;\n height: 36px;\n border: none;\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(8px);\n color: #fff;\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.15s;\n z-index: 2;\n}\n.mj-about__close[_ngcontent-%COMP%]:hover { background: rgba(255, 255, 255, 0.3); }\n\n.mj-about__hero[_ngcontent-%COMP%] {\n background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n color: #fff;\n padding: 36px 24px 28px;\n position: relative;\n overflow: hidden;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n}\n.mj-about__hero[_ngcontent-%COMP%]::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, transparent 60%);\n animation: _ngcontent-%COMP%_mj-about-rotate 24s linear infinite;\n pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n .mj-about__hero[_ngcontent-%COMP%]::before { animation: none; }\n}\n@keyframes _ngcontent-%COMP%_mj-about-rotate { to { transform: rotate(360deg); } }\n\n.mj-about__logo-wrap[_ngcontent-%COMP%] {\n position: relative;\n z-index: 1;\n cursor: pointer;\n display: block;\n text-align: center;\n}\n.mj-about__logo[_ngcontent-%COMP%] {\n width: 280px;\n max-width: 80%;\n height: auto;\n display: inline-block;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));\n transition: transform 0.3s ease-out;\n}\n.mj-about__logo-wrap[_ngcontent-%COMP%]:hover .mj-about__logo[_ngcontent-%COMP%] { transform: scale(1.03); }\n\n.mj-about__version-row[_ngcontent-%COMP%] {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n.mj-about__version-pill[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.28);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n user-select: none;\n color: #fff;\n transition: background 0.15s;\n letter-spacing: 0.2px;\n}\n.mj-about__version-pill[_ngcontent-%COMP%]:hover { background: rgba(255, 255, 255, 0.28); }\n.mj-about__version-dot[_ngcontent-%COMP%] {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #4ade80;\n box-shadow: 0 0 6px #4ade80;\n}\n\n.mj-about__body[_ngcontent-%COMP%] {\n padding: 22px 24px 16px;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n\n.mj-about__connection-line[_ngcontent-%COMP%] {\n text-align: center;\n font-size: 11.5px;\n color: var(--mj-text-muted);\n margin-bottom: 14px;\n letter-spacing: 0.2px;\n}\n.mj-about__connection-name[_ngcontent-%COMP%] {\n color: var(--mj-text-secondary);\n font-weight: 600;\n}\n\n.mj-about__user-card[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 14px;\n background: var(--mj-bg-surface-sunken);\n border-radius: 10px;\n margin-bottom: 16px;\n}\n.mj-about__user-avatar[_ngcontent-%COMP%] {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 15px;\n flex-shrink: 0;\n object-fit: cover;\n overflow: hidden;\n}\nimg.mj-about__user-avatar[_ngcontent-%COMP%] { background: var(--mj-bg-surface-card); }\n.mj-about__user-avatar--icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { font-size: 18px; }\n.mj-about__user-info[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.mj-about__user-name[_ngcontent-%COMP%] {\n font-size: 13.5px;\n font-weight: 600;\n color: var(--mj-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mj-about__user-meta[_ngcontent-%COMP%] {\n font-size: 11.5px;\n color: var(--mj-text-muted);\n margin-top: 2px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mj-about__conn-pill[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 11px;\n color: var(--mj-status-success);\n font-weight: 600;\n background: color-mix(in srgb, var(--mj-status-success) 12%, transparent);\n padding: 3px 8px;\n border-radius: 100px;\n flex-shrink: 0;\n}\n.mj-about__conn-pill[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { font-size: 6px; }\n.mj-about__conn-pill--offline[_ngcontent-%COMP%] {\n color: var(--mj-status-error);\n background: color-mix(in srgb, var(--mj-status-error) 12%, transparent);\n}\n\n.mj-about__diag-toggle[_ngcontent-%COMP%] {\n width: 100%;\n background: transparent;\n border: 1px solid var(--mj-border-default);\n border-radius: 10px;\n padding: 12px 14px;\n font-size: 13px;\n font-weight: 500;\n color: var(--mj-text-secondary);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n transition: background 0.15s, border-color 0.15s, color 0.15s;\n font-family: inherit;\n}\n.mj-about__diag-toggle[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-hover);\n border-color: var(--mj-border-strong);\n color: var(--mj-text-primary);\n}\n.mj-about__diag-toggle-left[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.mj-about__diag-chev[_ngcontent-%COMP%] {\n transition: transform 0.25s;\n color: var(--mj-text-muted);\n}\n.mj-about__diag-toggle--open[_ngcontent-%COMP%] .mj-about__diag-chev[_ngcontent-%COMP%] { transform: rotate(180deg); }\n\n.mj-about__diag-panel[_ngcontent-%COMP%] {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s ease-out, margin-top 0.25s;\n}\n.mj-about__diag-panel--open[_ngcontent-%COMP%] {\n max-height: 800px;\n margin-top: 12px;\n}\n.mj-about__diag-section[_ngcontent-%COMP%] + .mj-about__diag-section[_ngcontent-%COMP%] { margin-top: 12px; }\n.mj-about__diag-section[_ngcontent-%COMP%] {\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-subtle);\n border-radius: 10px;\n padding: 12px 14px;\n}\n.mj-about__diag-section[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n margin: 0 0 8px;\n font-size: 10.5px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: var(--mj-text-muted);\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.mj-about__diag-section[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n.mj-about__diag-row[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n font-size: 12.5px;\n padding: 4px 0;\n min-width: 0;\n}\n.mj-about__diag-row[_ngcontent-%COMP%] .k[_ngcontent-%COMP%] { color: var(--mj-text-secondary); flex-shrink: 0; }\n.mj-about__diag-row[_ngcontent-%COMP%] .v[_ngcontent-%COMP%] {\n color: var(--mj-text-primary);\n font-family: 'SF Mono', Menlo, Consolas, monospace;\n font-size: 11.5px;\n font-weight: 500;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n.mj-about__success[_ngcontent-%COMP%] { color: var(--mj-status-success) !important; }\n.mj-about__error[_ngcontent-%COMP%] { color: var(--mj-status-error) !important; }\n\n.mj-about__copy-btn[_ngcontent-%COMP%] {\n width: 100%;\n margin-top: 12px;\n padding: 10px;\n border: 1px dashed var(--mj-border-strong);\n background: transparent;\n border-radius: 8px;\n font-size: 12.5px;\n color: var(--mj-text-secondary);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n transition: border-color 0.15s, color 0.15s, background 0.15s;\n font-family: inherit;\n}\n.mj-about__copy-btn[_ngcontent-%COMP%]:hover {\n border-color: var(--mj-brand-primary);\n color: var(--mj-brand-primary);\n background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.mj-about__footer[_ngcontent-%COMP%] {\n border-top: 1px solid var(--mj-border-subtle);\n padding: 14px 20px;\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n justify-content: center;\n flex-shrink: 0;\n}\n.mj-about__footer-link[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 7px 12px;\n border-radius: 7px;\n font-size: 12px;\n color: var(--mj-text-secondary);\n text-decoration: none;\n transition: background 0.15s, color 0.15s;\n cursor: pointer;\n}\n.mj-about__footer-link[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-brand-primary);\n}\n\n.mj-about__credit[_ngcontent-%COMP%] {\n text-align: center;\n font-size: 10.5px;\n color: var(--mj-text-muted);\n padding: 0 20px 14px;\n flex-shrink: 0;\n}\n.mj-about__heart[_ngcontent-%COMP%] {\n color: var(--mj-status-error);\n display: inline-block;\n animation: _ngcontent-%COMP%_mj-about-heart 2s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n .mj-about__heart[_ngcontent-%COMP%] { animation: none; }\n}\n@keyframes _ngcontent-%COMP%_mj-about-heart {\n 50% { transform: scale(1.18); }\n}\n\n.mj-about__toast[_ngcontent-%COMP%] {\n position: absolute;\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--mj-text-primary);\n color: var(--mj-bg-surface);\n padding: 10px 18px;\n border-radius: 10px;\n font-size: 13px;\n font-weight: 500;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n z-index: 5;\n pointer-events: none;\n animation: _ngcontent-%COMP%_mj-about-toast-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n max-width: calc(100% - 32px);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@keyframes _ngcontent-%COMP%_mj-about-toast-in {\n from { transform: translateX(-50%) translateY(-30px); opacity: 0; }\n to { transform: translateX(-50%) translateY(0); opacity: 1; }\n}\n\n@media (max-width: 480px) {\n .mj-about__hero[_ngcontent-%COMP%] { padding: 30px 18px 22px; gap: 12px; }\n .mj-about__logo[_ngcontent-%COMP%] { width: 220px; }\n .mj-about__body[_ngcontent-%COMP%] { padding: 18px 16px 14px; }\n .mj-about__footer[_ngcontent-%COMP%] { padding: 12px 14px; }\n}"] });
556
+ i0.ɵɵtwoWayProperty("Expanded", ctx.DiagnosticsOpen);
557
+ i0.ɵɵadvance(18);
558
+ i0.ɵɵconditional(ctx.ToastMessage ? 47 : -1);
559
+ } }, dependencies: [CommonModule, MJAccordionModule, i1.MJAccordionPanelComponent, i1.MJAccordionTitleDirective, i1.MJAccordionBodyDirective], styles: ["[_nghost-%COMP%] {\n display: block;\n width: 100%;\n height: 100%;\n}\n.mj-about[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n height: 100%;\n min-height: 0;\n position: relative;\n font-family: inherit;\n}\n.mj-about__close[_ngcontent-%COMP%] {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 36px;\n height: 36px;\n border: none;\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(8px);\n color: #fff;\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.15s;\n z-index: 2;\n}\n.mj-about__close[_ngcontent-%COMP%]:hover { background: rgba(255, 255, 255, 0.3); }\n\n.mj-about__hero[_ngcontent-%COMP%] {\n background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n color: #fff;\n padding: 36px 24px 28px;\n position: relative;\n overflow: hidden;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n}\n.mj-about__hero[_ngcontent-%COMP%]::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, transparent 60%);\n animation: _ngcontent-%COMP%_mj-about-rotate 24s linear infinite;\n pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n .mj-about__hero[_ngcontent-%COMP%]::before { animation: none; }\n}\n@keyframes _ngcontent-%COMP%_mj-about-rotate { to { transform: rotate(360deg); } }\n\n.mj-about__logo-wrap[_ngcontent-%COMP%] {\n position: relative;\n z-index: 1;\n cursor: pointer;\n display: block;\n text-align: center;\n}\n.mj-about__logo[_ngcontent-%COMP%] {\n width: 280px;\n max-width: 80%;\n height: auto;\n display: inline-block;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));\n transition: transform 0.3s ease-out;\n}\n.mj-about__logo-wrap[_ngcontent-%COMP%]:hover .mj-about__logo[_ngcontent-%COMP%] { transform: scale(1.03); }\n\n.mj-about__version-row[_ngcontent-%COMP%] {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n.mj-about__version-pill[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.28);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n user-select: none;\n color: #fff;\n transition: background 0.15s;\n letter-spacing: 0.2px;\n}\n.mj-about__version-pill[_ngcontent-%COMP%]:hover { background: rgba(255, 255, 255, 0.28); }\n.mj-about__version-dot[_ngcontent-%COMP%] {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #4ade80;\n box-shadow: 0 0 6px #4ade80;\n}\n\n.mj-about__body[_ngcontent-%COMP%] {\n padding: 22px 24px 16px;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n\n.mj-about__connection-line[_ngcontent-%COMP%] {\n text-align: center;\n font-size: 11.5px;\n color: var(--mj-text-muted);\n margin-bottom: 14px;\n letter-spacing: 0.2px;\n}\n.mj-about__connection-name[_ngcontent-%COMP%] {\n color: var(--mj-text-secondary);\n font-weight: 600;\n}\n\n.mj-about__user-card[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 14px;\n background: var(--mj-bg-surface-sunken);\n border-radius: 10px;\n margin-bottom: 16px;\n}\n.mj-about__user-avatar[_ngcontent-%COMP%] {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 15px;\n flex-shrink: 0;\n object-fit: cover;\n overflow: hidden;\n}\nimg.mj-about__user-avatar[_ngcontent-%COMP%] { background: var(--mj-bg-surface-card); }\n.mj-about__user-avatar--icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { font-size: 18px; }\n.mj-about__user-info[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.mj-about__user-name[_ngcontent-%COMP%] {\n font-size: 13.5px;\n font-weight: 600;\n color: var(--mj-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mj-about__user-meta[_ngcontent-%COMP%] {\n font-size: 11.5px;\n color: var(--mj-text-muted);\n margin-top: 2px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mj-about__conn-pill[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 11px;\n color: var(--mj-status-success);\n font-weight: 600;\n background: color-mix(in srgb, var(--mj-status-success) 12%, transparent);\n padding: 3px 8px;\n border-radius: 100px;\n flex-shrink: 0;\n}\n.mj-about__conn-pill[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { font-size: 6px; }\n.mj-about__conn-pill--offline[_ngcontent-%COMP%] {\n color: var(--mj-status-error);\n background: color-mix(in srgb, var(--mj-status-error) 12%, transparent);\n}\n\n\n\n.mj-about__diag-section[_ngcontent-%COMP%] + .mj-about__diag-section[_ngcontent-%COMP%] { margin-top: 12px; }\n.mj-about__diag-section[_ngcontent-%COMP%] {\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-subtle);\n border-radius: 10px;\n padding: 12px 14px;\n}\n.mj-about__diag-section[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n margin: 0 0 8px;\n font-size: 10.5px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: var(--mj-text-muted);\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.mj-about__diag-section[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n.mj-about__diag-row[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n font-size: 12.5px;\n padding: 4px 0;\n min-width: 0;\n}\n.mj-about__diag-row[_ngcontent-%COMP%] .k[_ngcontent-%COMP%] { color: var(--mj-text-secondary); flex-shrink: 0; }\n.mj-about__diag-row[_ngcontent-%COMP%] .v[_ngcontent-%COMP%] {\n color: var(--mj-text-primary);\n font-family: 'SF Mono', Menlo, Consolas, monospace;\n font-size: 11.5px;\n font-weight: 500;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n.mj-about__success[_ngcontent-%COMP%] { color: var(--mj-status-success) !important; }\n.mj-about__error[_ngcontent-%COMP%] { color: var(--mj-status-error) !important; }\n\n.mj-about__copy-btn[_ngcontent-%COMP%] {\n width: 100%;\n margin-top: 12px;\n padding: 10px;\n border: 1px dashed var(--mj-border-strong);\n background: transparent;\n border-radius: 8px;\n font-size: 12.5px;\n color: var(--mj-text-secondary);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n transition: border-color 0.15s, color 0.15s, background 0.15s;\n font-family: inherit;\n}\n.mj-about__copy-btn[_ngcontent-%COMP%]:hover {\n border-color: var(--mj-brand-primary);\n color: var(--mj-brand-primary);\n background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.mj-about__footer[_ngcontent-%COMP%] {\n border-top: 1px solid var(--mj-border-subtle);\n padding: 14px 20px;\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n justify-content: center;\n flex-shrink: 0;\n}\n.mj-about__footer-link[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 7px 12px;\n border-radius: 7px;\n font-size: 12px;\n color: var(--mj-text-secondary);\n text-decoration: none;\n transition: background 0.15s, color 0.15s;\n cursor: pointer;\n}\n.mj-about__footer-link[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-brand-primary);\n}\n\n.mj-about__credit[_ngcontent-%COMP%] {\n text-align: center;\n font-size: 10.5px;\n color: var(--mj-text-muted);\n padding: 0 20px 14px;\n flex-shrink: 0;\n}\n.mj-about__heart[_ngcontent-%COMP%] {\n color: var(--mj-status-error);\n display: inline-block;\n animation: _ngcontent-%COMP%_mj-about-heart 2s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n .mj-about__heart[_ngcontent-%COMP%] { animation: none; }\n}\n@keyframes _ngcontent-%COMP%_mj-about-heart {\n 50% { transform: scale(1.18); }\n}\n\n.mj-about__toast[_ngcontent-%COMP%] {\n position: absolute;\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--mj-text-primary);\n color: var(--mj-bg-surface);\n padding: 10px 18px;\n border-radius: 10px;\n font-size: 13px;\n font-weight: 500;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n z-index: 5;\n pointer-events: none;\n animation: _ngcontent-%COMP%_mj-about-toast-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n max-width: calc(100% - 32px);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@keyframes _ngcontent-%COMP%_mj-about-toast-in {\n from { transform: translateX(-50%) translateY(-30px); opacity: 0; }\n to { transform: translateX(-50%) translateY(0); opacity: 1; }\n}\n\n@media (max-width: 480px) {\n .mj-about__hero[_ngcontent-%COMP%] { padding: 30px 18px 22px; gap: 12px; }\n .mj-about__logo[_ngcontent-%COMP%] { width: 220px; }\n .mj-about__body[_ngcontent-%COMP%] { padding: 18px 16px 14px; }\n .mj-about__footer[_ngcontent-%COMP%] { padding: 12px 14px; }\n}"] });
560
560
  }
561
561
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AboutDialogComponent, [{
562
562
  type: Component,
563
- args: [{ selector: 'mj-about-dialog', standalone: true, imports: [CommonModule], template: `
563
+ args: [{ selector: 'mj-about-dialog', standalone: true, imports: [CommonModule, MJAccordionModule], template: `
564
564
  <div class="mj-about" role="document">
565
565
  <button class="mj-about__close" type="button" aria-label="Close" (click)="OnCloseClick()">
566
566
  <i class="fa-solid fa-xmark"></i>
@@ -616,16 +616,13 @@ export class AboutDialogComponent extends BaseAngularComponent {
616
616
  </div>
617
617
  </div>
618
618
 
619
- <button class="mj-about__diag-toggle" type="button" [class.mj-about__diag-toggle--open]="DiagnosticsOpen"
620
- (click)="ToggleDiagnostics()">
621
- <span class="mj-about__diag-toggle-left">
622
- <i class="fa-solid fa-stethoscope"></i>
623
- {{ DiagnosticsOpen ? 'Hide diagnostics' : 'Show diagnostics' }}
624
- </span>
625
- <i class="fa-solid fa-chevron-down mj-about__diag-chev"></i>
626
- </button>
627
-
628
- <div class="mj-about__diag-panel" [class.mj-about__diag-panel--open]="DiagnosticsOpen">
619
+ <mj-accordion-panel class="mj-about__diag" Size="sm" [(Expanded)]="DiagnosticsOpen">
620
+ <ng-template mjAccordionTitle>
621
+ <i class="fa-solid fa-stethoscope"></i>
622
+ Diagnostics
623
+ </ng-template>
624
+ <ng-template mjAccordionBody>
625
+ <div class="mj-about__diag-panel">
629
626
  <div class="mj-about__diag-section">
630
627
  <h5><i class="fa-solid fa-cube"></i> Build</h5>
631
628
  <div class="mj-about__diag-row"><span class="k">Version</span><span class="v">{{ Version }}</span></div>
@@ -654,7 +651,9 @@ export class AboutDialogComponent extends BaseAngularComponent {
654
651
  <i class="fa-solid" [class.fa-clipboard]="!CopyConfirmed" [class.fa-check]="CopyConfirmed"></i>
655
652
  {{ CopyConfirmed ? 'Copied!' : 'Copy diagnostics' }}
656
653
  </button>
657
- </div>
654
+ </div>
655
+ </ng-template>
656
+ </mj-accordion-panel>
658
657
  </div>
659
658
 
660
659
  <div class="mj-about__footer">
@@ -677,7 +676,7 @@ export class AboutDialogComponent extends BaseAngularComponent {
677
676
  <div class="mj-about__toast">{{ ToastMessage }}</div>
678
677
  }
679
678
  </div>
680
- `, styles: ["\n:host {\n display: block;\n width: 100%;\n height: 100%;\n}\n.mj-about {\n display: flex;\n flex-direction: column;\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n height: 100%;\n min-height: 0;\n position: relative;\n font-family: inherit;\n}\n.mj-about__close {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 36px;\n height: 36px;\n border: none;\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(8px);\n color: #fff;\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.15s;\n z-index: 2;\n}\n.mj-about__close:hover { background: rgba(255, 255, 255, 0.3); }\n\n.mj-about__hero {\n background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n color: #fff;\n padding: 36px 24px 28px;\n position: relative;\n overflow: hidden;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n}\n.mj-about__hero::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, transparent 60%);\n animation: mj-about-rotate 24s linear infinite;\n pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n .mj-about__hero::before { animation: none; }\n}\n@keyframes mj-about-rotate { to { transform: rotate(360deg); } }\n\n.mj-about__logo-wrap {\n position: relative;\n z-index: 1;\n cursor: pointer;\n display: block;\n text-align: center;\n}\n.mj-about__logo {\n width: 280px;\n max-width: 80%;\n height: auto;\n display: inline-block;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));\n transition: transform 0.3s ease-out;\n}\n.mj-about__logo-wrap:hover .mj-about__logo { transform: scale(1.03); }\n\n.mj-about__version-row {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n.mj-about__version-pill {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.28);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n user-select: none;\n color: #fff;\n transition: background 0.15s;\n letter-spacing: 0.2px;\n}\n.mj-about__version-pill:hover { background: rgba(255, 255, 255, 0.28); }\n.mj-about__version-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #4ade80;\n box-shadow: 0 0 6px #4ade80;\n}\n\n.mj-about__body {\n padding: 22px 24px 16px;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n\n.mj-about__connection-line {\n text-align: center;\n font-size: 11.5px;\n color: var(--mj-text-muted);\n margin-bottom: 14px;\n letter-spacing: 0.2px;\n}\n.mj-about__connection-name {\n color: var(--mj-text-secondary);\n font-weight: 600;\n}\n\n.mj-about__user-card {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 14px;\n background: var(--mj-bg-surface-sunken);\n border-radius: 10px;\n margin-bottom: 16px;\n}\n.mj-about__user-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 15px;\n flex-shrink: 0;\n object-fit: cover;\n overflow: hidden;\n}\nimg.mj-about__user-avatar { background: var(--mj-bg-surface-card); }\n.mj-about__user-avatar--icon i { font-size: 18px; }\n.mj-about__user-info { flex: 1; min-width: 0; }\n.mj-about__user-name {\n font-size: 13.5px;\n font-weight: 600;\n color: var(--mj-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mj-about__user-meta {\n font-size: 11.5px;\n color: var(--mj-text-muted);\n margin-top: 2px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mj-about__conn-pill {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 11px;\n color: var(--mj-status-success);\n font-weight: 600;\n background: color-mix(in srgb, var(--mj-status-success) 12%, transparent);\n padding: 3px 8px;\n border-radius: 100px;\n flex-shrink: 0;\n}\n.mj-about__conn-pill i { font-size: 6px; }\n.mj-about__conn-pill--offline {\n color: var(--mj-status-error);\n background: color-mix(in srgb, var(--mj-status-error) 12%, transparent);\n}\n\n.mj-about__diag-toggle {\n width: 100%;\n background: transparent;\n border: 1px solid var(--mj-border-default);\n border-radius: 10px;\n padding: 12px 14px;\n font-size: 13px;\n font-weight: 500;\n color: var(--mj-text-secondary);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n transition: background 0.15s, border-color 0.15s, color 0.15s;\n font-family: inherit;\n}\n.mj-about__diag-toggle:hover {\n background: var(--mj-bg-surface-hover);\n border-color: var(--mj-border-strong);\n color: var(--mj-text-primary);\n}\n.mj-about__diag-toggle-left {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.mj-about__diag-chev {\n transition: transform 0.25s;\n color: var(--mj-text-muted);\n}\n.mj-about__diag-toggle--open .mj-about__diag-chev { transform: rotate(180deg); }\n\n.mj-about__diag-panel {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s ease-out, margin-top 0.25s;\n}\n.mj-about__diag-panel--open {\n max-height: 800px;\n margin-top: 12px;\n}\n.mj-about__diag-section + .mj-about__diag-section { margin-top: 12px; }\n.mj-about__diag-section {\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-subtle);\n border-radius: 10px;\n padding: 12px 14px;\n}\n.mj-about__diag-section h5 {\n margin: 0 0 8px;\n font-size: 10.5px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: var(--mj-text-muted);\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.mj-about__diag-section h5 i { color: var(--mj-brand-primary); }\n.mj-about__diag-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n font-size: 12.5px;\n padding: 4px 0;\n min-width: 0;\n}\n.mj-about__diag-row .k { color: var(--mj-text-secondary); flex-shrink: 0; }\n.mj-about__diag-row .v {\n color: var(--mj-text-primary);\n font-family: 'SF Mono', Menlo, Consolas, monospace;\n font-size: 11.5px;\n font-weight: 500;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n.mj-about__success { color: var(--mj-status-success) !important; }\n.mj-about__error { color: var(--mj-status-error) !important; }\n\n.mj-about__copy-btn {\n width: 100%;\n margin-top: 12px;\n padding: 10px;\n border: 1px dashed var(--mj-border-strong);\n background: transparent;\n border-radius: 8px;\n font-size: 12.5px;\n color: var(--mj-text-secondary);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n transition: border-color 0.15s, color 0.15s, background 0.15s;\n font-family: inherit;\n}\n.mj-about__copy-btn:hover {\n border-color: var(--mj-brand-primary);\n color: var(--mj-brand-primary);\n background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.mj-about__footer {\n border-top: 1px solid var(--mj-border-subtle);\n padding: 14px 20px;\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n justify-content: center;\n flex-shrink: 0;\n}\n.mj-about__footer-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 7px 12px;\n border-radius: 7px;\n font-size: 12px;\n color: var(--mj-text-secondary);\n text-decoration: none;\n transition: background 0.15s, color 0.15s;\n cursor: pointer;\n}\n.mj-about__footer-link:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-brand-primary);\n}\n\n.mj-about__credit {\n text-align: center;\n font-size: 10.5px;\n color: var(--mj-text-muted);\n padding: 0 20px 14px;\n flex-shrink: 0;\n}\n.mj-about__heart {\n color: var(--mj-status-error);\n display: inline-block;\n animation: mj-about-heart 2s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n .mj-about__heart { animation: none; }\n}\n@keyframes mj-about-heart {\n 50% { transform: scale(1.18); }\n}\n\n.mj-about__toast {\n position: absolute;\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--mj-text-primary);\n color: var(--mj-bg-surface);\n padding: 10px 18px;\n border-radius: 10px;\n font-size: 13px;\n font-weight: 500;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n z-index: 5;\n pointer-events: none;\n animation: mj-about-toast-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n max-width: calc(100% - 32px);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@keyframes mj-about-toast-in {\n from { transform: translateX(-50%) translateY(-30px); opacity: 0; }\n to { transform: translateX(-50%) translateY(0); opacity: 1; }\n}\n\n@media (max-width: 480px) {\n .mj-about__hero { padding: 30px 18px 22px; gap: 12px; }\n .mj-about__logo { width: 220px; }\n .mj-about__body { padding: 18px 16px 14px; }\n .mj-about__footer { padding: 12px 14px; }\n}\n "] }]
679
+ `, styles: ["\n:host {\n display: block;\n width: 100%;\n height: 100%;\n}\n.mj-about {\n display: flex;\n flex-direction: column;\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n height: 100%;\n min-height: 0;\n position: relative;\n font-family: inherit;\n}\n.mj-about__close {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 36px;\n height: 36px;\n border: none;\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(8px);\n color: #fff;\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.15s;\n z-index: 2;\n}\n.mj-about__close:hover { background: rgba(255, 255, 255, 0.3); }\n\n.mj-about__hero {\n background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n color: #fff;\n padding: 36px 24px 28px;\n position: relative;\n overflow: hidden;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n}\n.mj-about__hero::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, transparent 60%);\n animation: mj-about-rotate 24s linear infinite;\n pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n .mj-about__hero::before { animation: none; }\n}\n@keyframes mj-about-rotate { to { transform: rotate(360deg); } }\n\n.mj-about__logo-wrap {\n position: relative;\n z-index: 1;\n cursor: pointer;\n display: block;\n text-align: center;\n}\n.mj-about__logo {\n width: 280px;\n max-width: 80%;\n height: auto;\n display: inline-block;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));\n transition: transform 0.3s ease-out;\n}\n.mj-about__logo-wrap:hover .mj-about__logo { transform: scale(1.03); }\n\n.mj-about__version-row {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n.mj-about__version-pill {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.28);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n user-select: none;\n color: #fff;\n transition: background 0.15s;\n letter-spacing: 0.2px;\n}\n.mj-about__version-pill:hover { background: rgba(255, 255, 255, 0.28); }\n.mj-about__version-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #4ade80;\n box-shadow: 0 0 6px #4ade80;\n}\n\n.mj-about__body {\n padding: 22px 24px 16px;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n\n.mj-about__connection-line {\n text-align: center;\n font-size: 11.5px;\n color: var(--mj-text-muted);\n margin-bottom: 14px;\n letter-spacing: 0.2px;\n}\n.mj-about__connection-name {\n color: var(--mj-text-secondary);\n font-weight: 600;\n}\n\n.mj-about__user-card {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 14px;\n background: var(--mj-bg-surface-sunken);\n border-radius: 10px;\n margin-bottom: 16px;\n}\n.mj-about__user-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 15px;\n flex-shrink: 0;\n object-fit: cover;\n overflow: hidden;\n}\nimg.mj-about__user-avatar { background: var(--mj-bg-surface-card); }\n.mj-about__user-avatar--icon i { font-size: 18px; }\n.mj-about__user-info { flex: 1; min-width: 0; }\n.mj-about__user-name {\n font-size: 13.5px;\n font-weight: 600;\n color: var(--mj-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mj-about__user-meta {\n font-size: 11.5px;\n color: var(--mj-text-muted);\n margin-top: 2px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mj-about__conn-pill {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 11px;\n color: var(--mj-status-success);\n font-weight: 600;\n background: color-mix(in srgb, var(--mj-status-success) 12%, transparent);\n padding: 3px 8px;\n border-radius: 100px;\n flex-shrink: 0;\n}\n.mj-about__conn-pill i { font-size: 6px; }\n.mj-about__conn-pill--offline {\n color: var(--mj-status-error);\n background: color-mix(in srgb, var(--mj-status-error) 12%, transparent);\n}\n\n/* .mj-about__diag-toggle / -panel collapse chrome is now owned by <mj-accordion-panel>. */\n.mj-about__diag-section + .mj-about__diag-section { margin-top: 12px; }\n.mj-about__diag-section {\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-subtle);\n border-radius: 10px;\n padding: 12px 14px;\n}\n.mj-about__diag-section h5 {\n margin: 0 0 8px;\n font-size: 10.5px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: var(--mj-text-muted);\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.mj-about__diag-section h5 i { color: var(--mj-brand-primary); }\n.mj-about__diag-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n font-size: 12.5px;\n padding: 4px 0;\n min-width: 0;\n}\n.mj-about__diag-row .k { color: var(--mj-text-secondary); flex-shrink: 0; }\n.mj-about__diag-row .v {\n color: var(--mj-text-primary);\n font-family: 'SF Mono', Menlo, Consolas, monospace;\n font-size: 11.5px;\n font-weight: 500;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n.mj-about__success { color: var(--mj-status-success) !important; }\n.mj-about__error { color: var(--mj-status-error) !important; }\n\n.mj-about__copy-btn {\n width: 100%;\n margin-top: 12px;\n padding: 10px;\n border: 1px dashed var(--mj-border-strong);\n background: transparent;\n border-radius: 8px;\n font-size: 12.5px;\n color: var(--mj-text-secondary);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n transition: border-color 0.15s, color 0.15s, background 0.15s;\n font-family: inherit;\n}\n.mj-about__copy-btn:hover {\n border-color: var(--mj-brand-primary);\n color: var(--mj-brand-primary);\n background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.mj-about__footer {\n border-top: 1px solid var(--mj-border-subtle);\n padding: 14px 20px;\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n justify-content: center;\n flex-shrink: 0;\n}\n.mj-about__footer-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 7px 12px;\n border-radius: 7px;\n font-size: 12px;\n color: var(--mj-text-secondary);\n text-decoration: none;\n transition: background 0.15s, color 0.15s;\n cursor: pointer;\n}\n.mj-about__footer-link:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-brand-primary);\n}\n\n.mj-about__credit {\n text-align: center;\n font-size: 10.5px;\n color: var(--mj-text-muted);\n padding: 0 20px 14px;\n flex-shrink: 0;\n}\n.mj-about__heart {\n color: var(--mj-status-error);\n display: inline-block;\n animation: mj-about-heart 2s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n .mj-about__heart { animation: none; }\n}\n@keyframes mj-about-heart {\n 50% { transform: scale(1.18); }\n}\n\n.mj-about__toast {\n position: absolute;\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--mj-text-primary);\n color: var(--mj-bg-surface);\n padding: 10px 18px;\n border-radius: 10px;\n font-size: 13px;\n font-weight: 500;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n z-index: 5;\n pointer-events: none;\n animation: mj-about-toast-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n max-width: calc(100% - 32px);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@keyframes mj-about-toast-in {\n from { transform: translateX(-50%) translateY(-30px); opacity: 0; }\n to { transform: translateX(-50%) translateY(0); opacity: 1; }\n}\n\n@media (max-width: 480px) {\n .mj-about__hero { padding: 30px 18px 22px; gap: 12px; }\n .mj-about__logo { width: 220px; }\n .mj-about__body { padding: 18px 16px 14px; }\n .mj-about__footer { padding: 12px 14px; }\n}\n "] }]
681
680
  }], null, { CloseRequested: [{
682
681
  type: Output
683
682
  }], AvatarUrl: [{
@@ -685,5 +684,5 @@ export class AboutDialogComponent extends BaseAngularComponent {
685
684
  }], AvatarIconClass: [{
686
685
  type: Input
687
686
  }] }); })();
688
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AboutDialogComponent, { className: "AboutDialogComponent", filePath: "src/lib/about/about-dialog.component.ts", lineNumber: 530 }); })();
687
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AboutDialogComponent, { className: "AboutDialogComponent", filePath: "src/lib/about/about-dialog.component.ts", lineNumber: 489 }); })();
689
688
  //# sourceMappingURL=about-dialog.component.js.map