@mj-biz-apps/common-ng 5.45.0 → 5.46.1
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.
- package/dist/lib/components/identity-header/activity-identity.component.d.ts +3 -0
- package/dist/lib/components/identity-header/activity-identity.component.d.ts.map +1 -1
- package/dist/lib/components/identity-header/activity-identity.component.js +87 -46
- package/dist/lib/components/identity-header/activity-identity.component.js.map +1 -1
- package/dist/lib/components/identity-header/organization-identity.component.js +2 -2
- package/dist/lib/components/identity-header/person-identity.component.d.ts +4 -0
- package/dist/lib/components/identity-header/person-identity.component.d.ts.map +1 -1
- package/dist/lib/components/identity-header/person-identity.component.js +157 -55
- package/dist/lib/components/identity-header/person-identity.component.js.map +1 -1
- package/dist/lib/components/person-job-functions/person-job-functions.component.d.ts +49 -0
- package/dist/lib/components/person-job-functions/person-job-functions.component.d.ts.map +1 -0
- package/dist/lib/components/person-job-functions/person-job-functions.component.js +506 -0
- package/dist/lib/components/person-job-functions/person-job-functions.component.js.map +1 -0
- package/dist/lib/components/relationship-list/relationship-list.component.d.ts +25 -1
- package/dist/lib/components/relationship-list/relationship-list.component.d.ts.map +1 -1
- package/dist/lib/components/relationship-list/relationship-list.component.js +318 -119
- package/dist/lib/components/relationship-list/relationship-list.component.js.map +1 -1
- package/dist/lib/custom/custom-forms.module.d.ts +22 -20
- package/dist/lib/custom/custom-forms.module.d.ts.map +1 -1
- package/dist/lib/custom/custom-forms.module.js +10 -0
- package/dist/lib/custom/custom-forms.module.js.map +1 -1
- package/dist/lib/custom/panels/__tests__/activity-header.panel.test.js +17 -0
- package/dist/lib/custom/panels/__tests__/activity-header.panel.test.js.map +1 -1
- package/dist/lib/custom/panels/person-job-functions.panel.d.ts +13 -0
- package/dist/lib/custom/panels/person-job-functions.panel.d.ts.map +1 -0
- package/dist/lib/custom/panels/person-job-functions.panel.js +60 -0
- package/dist/lib/custom/panels/person-job-functions.panel.js.map +1 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonActivity/mjbizappscommonactivity.form.component.js +43 -41
- package/dist/lib/generated/Entities/mjBizAppsCommonActivity/mjbizappscommonactivity.form.component.js.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsCommonJobFunction/mjbizappscommonjobfunction.form.component.d.ts +10 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonJobFunction/mjbizappscommonjobfunction.form.component.d.ts.map +1 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonJobFunction/mjbizappscommonjobfunction.form.component.js +106 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonJobFunction/mjbizappscommonjobfunction.form.component.js.map +1 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonOrganization/mjbizappscommonorganization.form.component.js +27 -31
- package/dist/lib/generated/Entities/mjBizAppsCommonOrganization/mjbizappscommonorganization.form.component.js.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsCommonPerson/mjbizappscommonperson.form.component.d.ts.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsCommonPerson/mjbizappscommonperson.form.component.js +61 -37
- package/dist/lib/generated/Entities/mjBizAppsCommonPerson/mjbizappscommonperson.form.component.js.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsCommonPersonJobFunction/mjbizappscommonpersonjobfunction.form.component.d.ts +10 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonPersonJobFunction/mjbizappscommonpersonjobfunction.form.component.d.ts.map +1 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonPersonJobFunction/mjbizappscommonpersonjobfunction.form.component.js +77 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonPersonJobFunction/mjbizappscommonpersonjobfunction.form.component.js.map +1 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonRelationship/mjbizappscommonrelationship.form.component.d.ts.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsCommonRelationship/mjbizappscommonrelationship.form.component.js +9 -9
- package/dist/lib/generated/Entities/mjBizAppsCommonRelationship/mjbizappscommonrelationship.form.component.js.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsCommonSeniorityLevel/mjbizappscommonsenioritylevel.form.component.d.ts +10 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonSeniorityLevel/mjbizappscommonsenioritylevel.form.component.d.ts.map +1 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonSeniorityLevel/mjbizappscommonsenioritylevel.form.component.js +106 -0
- package/dist/lib/generated/Entities/mjBizAppsCommonSeniorityLevel/mjbizappscommonsenioritylevel.form.component.js.map +1 -0
- package/dist/lib/generated/generated-forms.module.d.ts +114 -31
- package/dist/lib/generated/generated-forms.module.d.ts.map +1 -1
- package/dist/lib/generated/generated-forms.module.js +543 -54
- package/dist/lib/generated/generated-forms.module.js.map +1 -1
- package/dist/public-api.d.ts +2 -0
- package/dist/public-api.d.ts.map +1 -1
- package/dist/public-api.js +2 -0
- package/dist/public-api.js.map +1 -1
- package/package.json +2 -2
|
@@ -25,6 +25,9 @@ export declare class ActivityIdentityComponent implements OnInit {
|
|
|
25
25
|
get TypeBackground(): string;
|
|
26
26
|
get DirectionIcon(): string;
|
|
27
27
|
get StatusTone(): 'success' | 'warning' | 'danger' | 'info' | 'muted';
|
|
28
|
+
get SentimentDisplay(): string | null;
|
|
29
|
+
get SentimentTone(): 'success' | 'danger' | 'info';
|
|
30
|
+
get SentimentIcon(): string;
|
|
28
31
|
get DurationText(): string | null;
|
|
29
32
|
get MeetingURL(): string | null;
|
|
30
33
|
get LocationDisplay(): string | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-identity.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/activity-identity.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAI/E,OAAO,EAAmB,WAAW,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAElG,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;;AAElF,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACtB;AA8CD;;;;GAIG;AACH,qBAOa,yBAA0B,YAAW,MAAM;IACzB,MAAM,EAAG,6BAA6B,CAAC;IACzD,QAAQ,UAAS;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,oCAA2C;IAEtD,SAAS,UAAS;IAElB,QAAQ,IAAI,IAAI;IAWhB,eAAe,IAAI,IAAI;IAQ9B,IAAW,SAAS,IAAI,iBAAiB,CAGxC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,cAAc,IAAI,MAAM,CAElC;IAED,IAAW,aAAa,IAAI,MAAM,CAUjC;IAED,IAAW,UAAU,IAAI,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAc3E;IAED,IAAW,YAAY,IAAI,MAAM,GAAG,IAAI,CAYvC;IAED,IAAW,UAAU,IAAI,MAAM,GAAG,IAAI,CAQrC;IAED,IAAW,eAAe,IAAI,MAAM,GAAG,IAAI,CAE1C;IAED,IAAW,aAAa,IAAI,MAAM,CAQjC;IAEM,qBAAqB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"activity-identity.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/activity-identity.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAI/E,OAAO,EAAmB,WAAW,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAElG,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;;AAElF,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACtB;AA8CD;;;;GAIG;AACH,qBAOa,yBAA0B,YAAW,MAAM;IACzB,MAAM,EAAG,6BAA6B,CAAC;IACzD,QAAQ,UAAS;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,oCAA2C;IAEtD,SAAS,UAAS;IAElB,QAAQ,IAAI,IAAI;IAWhB,eAAe,IAAI,IAAI;IAQ9B,IAAW,SAAS,IAAI,iBAAiB,CAGxC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,cAAc,IAAI,MAAM,CAElC;IAED,IAAW,aAAa,IAAI,MAAM,CAUjC;IAED,IAAW,UAAU,IAAI,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAc3E;IAED,IAAW,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM3C;IAED,IAAW,aAAa,IAAI,SAAS,GAAG,QAAQ,GAAG,MAAM,CAKxD;IAED,IAAW,aAAa,IAAI,MAAM,CAKjC;IAED,IAAW,YAAY,IAAI,MAAM,GAAG,IAAI,CAYvC;IAED,IAAW,UAAU,IAAI,MAAM,GAAG,IAAI,CAQrC;IAED,IAAW,eAAe,IAAI,MAAM,GAAG,IAAI,CAE1C;IAED,IAAW,aAAa,IAAI,MAAM,CAQjC;IAEM,qBAAqB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCAhI5C,yBAAyB;2CAAzB,yBAAyB;CA4IrC"}
|
|
@@ -30,7 +30,7 @@ function ActivityIdentityComponent_Conditional_13_Template(rf, ctx) { if (rf & 1
|
|
|
30
30
|
} }
|
|
31
31
|
function ActivityIdentityComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
32
32
|
i0.ɵɵdomElementStart(0, "span", 11);
|
|
33
|
-
i0.ɵɵdomElement(1, "i",
|
|
33
|
+
i0.ɵɵdomElement(1, "i", 14);
|
|
34
34
|
i0.ɵɵtext(2);
|
|
35
35
|
i0.ɵɵdomElementEnd();
|
|
36
36
|
} if (rf & 2) {
|
|
@@ -38,8 +38,21 @@ function ActivityIdentityComponent_Conditional_14_Template(rf, ctx) { if (rf & 1
|
|
|
38
38
|
i0.ɵɵadvance(2);
|
|
39
39
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.Record.Outcome, " ");
|
|
40
40
|
} }
|
|
41
|
-
function
|
|
42
|
-
i0.ɵɵdomElementStart(0, "span",
|
|
41
|
+
function ActivityIdentityComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
42
|
+
i0.ɵɵdomElementStart(0, "span", 12);
|
|
43
|
+
i0.ɵɵdomElement(1, "i");
|
|
44
|
+
i0.ɵɵtext(2);
|
|
45
|
+
i0.ɵɵdomElementEnd();
|
|
46
|
+
} if (rf & 2) {
|
|
47
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
48
|
+
i0.ɵɵattribute("data-tone", ctx_r0.SentimentTone);
|
|
49
|
+
i0.ɵɵadvance();
|
|
50
|
+
i0.ɵɵclassMap(ctx_r0.SentimentIcon);
|
|
51
|
+
i0.ɵɵadvance();
|
|
52
|
+
i0.ɵɵtextInterpolate1(" Sentiment ", ctx_r0.SentimentDisplay, " ");
|
|
53
|
+
} }
|
|
54
|
+
function ActivityIdentityComponent_Conditional_18_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
55
|
+
i0.ɵɵdomElementStart(0, "span", 20);
|
|
43
56
|
i0.ɵɵtext(1);
|
|
44
57
|
i0.ɵɵdomElementEnd();
|
|
45
58
|
} if (rf & 2) {
|
|
@@ -47,14 +60,14 @@ function ActivityIdentityComponent_Conditional_17_Conditional_1_Conditional_6_Te
|
|
|
47
60
|
i0.ɵɵadvance();
|
|
48
61
|
i0.ɵɵtextInterpolate1("(", ctx_r0.DurationText, ")");
|
|
49
62
|
} }
|
|
50
|
-
function
|
|
51
|
-
i0.ɵɵdomElementStart(0, "div",
|
|
63
|
+
function ActivityIdentityComponent_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
64
|
+
i0.ɵɵdomElementStart(0, "div", 16)(1, "span", 18);
|
|
52
65
|
i0.ɵɵtext(2, "When");
|
|
53
66
|
i0.ɵɵdomElementEnd();
|
|
54
|
-
i0.ɵɵdomElementStart(3, "span",
|
|
67
|
+
i0.ɵɵdomElementStart(3, "span", 19);
|
|
55
68
|
i0.ɵɵtext(4);
|
|
56
69
|
i0.ɵɵpipe(5, "date");
|
|
57
|
-
i0.ɵɵconditionalCreate(6,
|
|
70
|
+
i0.ɵɵconditionalCreate(6, ActivityIdentityComponent_Conditional_18_Conditional_1_Conditional_6_Template, 2, 1, "span", 20);
|
|
58
71
|
i0.ɵɵdomElementEnd()();
|
|
59
72
|
} if (rf & 2) {
|
|
60
73
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
@@ -63,11 +76,11 @@ function ActivityIdentityComponent_Conditional_17_Conditional_1_Template(rf, ctx
|
|
|
63
76
|
i0.ɵɵadvance(2);
|
|
64
77
|
i0.ɵɵconditional(ctx_r0.DurationText ? 6 : -1);
|
|
65
78
|
} }
|
|
66
|
-
function
|
|
67
|
-
i0.ɵɵdomElementStart(0, "div",
|
|
79
|
+
function ActivityIdentityComponent_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
80
|
+
i0.ɵɵdomElementStart(0, "div", 16)(1, "span", 18);
|
|
68
81
|
i0.ɵɵtext(2, "Logged By");
|
|
69
82
|
i0.ɵɵdomElementEnd();
|
|
70
|
-
i0.ɵɵdomElementStart(3, "span",
|
|
83
|
+
i0.ɵɵdomElementStart(3, "span", 19);
|
|
71
84
|
i0.ɵɵtext(4);
|
|
72
85
|
i0.ɵɵdomElementEnd()();
|
|
73
86
|
} if (rf & 2) {
|
|
@@ -75,12 +88,12 @@ function ActivityIdentityComponent_Conditional_17_Conditional_2_Template(rf, ctx
|
|
|
75
88
|
i0.ɵɵadvance(4);
|
|
76
89
|
i0.ɵɵtextInterpolate(ctx_r0.Record.LoggedByUser);
|
|
77
90
|
} }
|
|
78
|
-
function
|
|
79
|
-
i0.ɵɵdomElementStart(0, "div",
|
|
91
|
+
function ActivityIdentityComponent_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
92
|
+
i0.ɵɵdomElementStart(0, "div", 16)(1, "span", 18);
|
|
80
93
|
i0.ɵɵtext(2, "Location");
|
|
81
94
|
i0.ɵɵdomElementEnd();
|
|
82
|
-
i0.ɵɵdomElementStart(3, "span",
|
|
83
|
-
i0.ɵɵdomElement(4, "i",
|
|
95
|
+
i0.ɵɵdomElementStart(3, "span", 19);
|
|
96
|
+
i0.ɵɵdomElement(4, "i", 21);
|
|
84
97
|
i0.ɵɵtext(5);
|
|
85
98
|
i0.ɵɵdomElementEnd()();
|
|
86
99
|
} if (rf & 2) {
|
|
@@ -88,12 +101,12 @@ function ActivityIdentityComponent_Conditional_17_Conditional_3_Template(rf, ctx
|
|
|
88
101
|
i0.ɵɵadvance(5);
|
|
89
102
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.LocationDisplay, " ");
|
|
90
103
|
} }
|
|
91
|
-
function
|
|
92
|
-
i0.ɵɵdomElementStart(0, "div",
|
|
104
|
+
function ActivityIdentityComponent_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
105
|
+
i0.ɵɵdomElementStart(0, "div", 16)(1, "span", 18);
|
|
93
106
|
i0.ɵɵtext(2, "Video Meeting");
|
|
94
107
|
i0.ɵɵdomElementEnd();
|
|
95
|
-
i0.ɵɵdomElementStart(3, "a",
|
|
96
|
-
i0.ɵɵdomElement(4, "i",
|
|
108
|
+
i0.ɵɵdomElementStart(3, "a", 22);
|
|
109
|
+
i0.ɵɵdomElement(4, "i", 23);
|
|
97
110
|
i0.ɵɵtext(5, " Join Meeting ");
|
|
98
111
|
i0.ɵɵdomElementEnd()();
|
|
99
112
|
} if (rf & 2) {
|
|
@@ -101,12 +114,12 @@ function ActivityIdentityComponent_Conditional_17_Conditional_4_Template(rf, ctx
|
|
|
101
114
|
i0.ɵɵadvance(3);
|
|
102
115
|
i0.ɵɵdomProperty("href", ctx_r0.MeetingURL, i0.ɵɵsanitizeUrl);
|
|
103
116
|
} }
|
|
104
|
-
function
|
|
105
|
-
i0.ɵɵdomElementStart(0, "div",
|
|
117
|
+
function ActivityIdentityComponent_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
118
|
+
i0.ɵɵdomElementStart(0, "div", 16)(1, "span", 18);
|
|
106
119
|
i0.ɵɵtext(2, "Source");
|
|
107
120
|
i0.ɵɵdomElementEnd();
|
|
108
|
-
i0.ɵɵdomElementStart(3, "span",
|
|
109
|
-
i0.ɵɵdomElement(4, "i",
|
|
121
|
+
i0.ɵɵdomElementStart(3, "span", 19);
|
|
122
|
+
i0.ɵɵdomElement(4, "i", 24);
|
|
110
123
|
i0.ɵɵtext(5);
|
|
111
124
|
i0.ɵɵdomElementEnd()();
|
|
112
125
|
} if (rf & 2) {
|
|
@@ -114,14 +127,14 @@ function ActivityIdentityComponent_Conditional_17_Conditional_5_Template(rf, ctx
|
|
|
114
127
|
i0.ɵɵadvance(5);
|
|
115
128
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.SourceDisplay, " ");
|
|
116
129
|
} }
|
|
117
|
-
function
|
|
130
|
+
function ActivityIdentityComponent_Conditional_18_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
118
131
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
119
|
-
i0.ɵɵdomElementStart(0, "div",
|
|
132
|
+
i0.ɵɵdomElementStart(0, "div", 16)(1, "span", 18);
|
|
120
133
|
i0.ɵɵtext(2, "Thread / Parent");
|
|
121
134
|
i0.ɵɵdomElementEnd();
|
|
122
|
-
i0.ɵɵdomElementStart(3, "button",
|
|
123
|
-
i0.ɵɵdomListener("click", function
|
|
124
|
-
i0.ɵɵdomElement(4, "i",
|
|
135
|
+
i0.ɵɵdomElementStart(3, "button", 25);
|
|
136
|
+
i0.ɵɵdomListener("click", function ActivityIdentityComponent_Conditional_18_Conditional_6_Template_button_click_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnParentActivityClick($event)); });
|
|
137
|
+
i0.ɵɵdomElement(4, "i", 26);
|
|
125
138
|
i0.ɵɵtext(5);
|
|
126
139
|
i0.ɵɵdomElementEnd()();
|
|
127
140
|
} if (rf & 2) {
|
|
@@ -129,8 +142,8 @@ function ActivityIdentityComponent_Conditional_17_Conditional_6_Template(rf, ctx
|
|
|
129
142
|
i0.ɵɵadvance(5);
|
|
130
143
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.Record.ParentActivity, " ");
|
|
131
144
|
} }
|
|
132
|
-
function
|
|
133
|
-
i0.ɵɵdomElementStart(0, "div",
|
|
145
|
+
function ActivityIdentityComponent_Conditional_18_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
146
|
+
i0.ɵɵdomElementStart(0, "div", 17);
|
|
134
147
|
i0.ɵɵtext(1);
|
|
135
148
|
i0.ɵɵdomElementEnd();
|
|
136
149
|
} if (rf & 2) {
|
|
@@ -138,16 +151,16 @@ function ActivityIdentityComponent_Conditional_17_Conditional_7_Template(rf, ctx
|
|
|
138
151
|
i0.ɵɵadvance();
|
|
139
152
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.Record.Description, " ");
|
|
140
153
|
} }
|
|
141
|
-
function
|
|
142
|
-
i0.ɵɵdomElementStart(0, "div",
|
|
143
|
-
i0.ɵɵconditionalCreate(1,
|
|
144
|
-
i0.ɵɵconditionalCreate(2,
|
|
145
|
-
i0.ɵɵconditionalCreate(3,
|
|
146
|
-
i0.ɵɵconditionalCreate(4,
|
|
147
|
-
i0.ɵɵconditionalCreate(5,
|
|
148
|
-
i0.ɵɵconditionalCreate(6,
|
|
154
|
+
function ActivityIdentityComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
155
|
+
i0.ɵɵdomElementStart(0, "div", 15);
|
|
156
|
+
i0.ɵɵconditionalCreate(1, ActivityIdentityComponent_Conditional_18_Conditional_1_Template, 7, 5, "div", 16);
|
|
157
|
+
i0.ɵɵconditionalCreate(2, ActivityIdentityComponent_Conditional_18_Conditional_2_Template, 5, 1, "div", 16);
|
|
158
|
+
i0.ɵɵconditionalCreate(3, ActivityIdentityComponent_Conditional_18_Conditional_3_Template, 6, 1, "div", 16);
|
|
159
|
+
i0.ɵɵconditionalCreate(4, ActivityIdentityComponent_Conditional_18_Conditional_4_Template, 6, 1, "div", 16);
|
|
160
|
+
i0.ɵɵconditionalCreate(5, ActivityIdentityComponent_Conditional_18_Conditional_5_Template, 6, 1, "div", 16);
|
|
161
|
+
i0.ɵɵconditionalCreate(6, ActivityIdentityComponent_Conditional_18_Conditional_6_Template, 6, 1, "div", 16);
|
|
149
162
|
i0.ɵɵdomElementEnd();
|
|
150
|
-
i0.ɵɵconditionalCreate(7,
|
|
163
|
+
i0.ɵɵconditionalCreate(7, ActivityIdentityComponent_Conditional_18_Conditional_7_Template, 2, 1, "div", 17);
|
|
151
164
|
} if (rf & 2) {
|
|
152
165
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
153
166
|
i0.ɵɵadvance();
|
|
@@ -269,6 +282,31 @@ export class ActivityIdentityComponent {
|
|
|
269
282
|
return 'muted';
|
|
270
283
|
}
|
|
271
284
|
}
|
|
285
|
+
get SentimentDisplay() {
|
|
286
|
+
if (this.Record.SentimentScore === null || this.Record.SentimentScore === undefined)
|
|
287
|
+
return null;
|
|
288
|
+
const score = Number(this.Record.SentimentScore);
|
|
289
|
+
if (isNaN(score))
|
|
290
|
+
return null;
|
|
291
|
+
const sign = score > 0 ? '+' : '';
|
|
292
|
+
return `${sign}${score.toFixed(2)}`;
|
|
293
|
+
}
|
|
294
|
+
get SentimentTone() {
|
|
295
|
+
const score = Number(this.Record.SentimentScore ?? 0);
|
|
296
|
+
if (score >= 0.25)
|
|
297
|
+
return 'success';
|
|
298
|
+
if (score <= -0.25)
|
|
299
|
+
return 'danger';
|
|
300
|
+
return 'info';
|
|
301
|
+
}
|
|
302
|
+
get SentimentIcon() {
|
|
303
|
+
const score = Number(this.Record.SentimentScore ?? 0);
|
|
304
|
+
if (score >= 0.25)
|
|
305
|
+
return 'fa-solid fa-face-smile';
|
|
306
|
+
if (score <= -0.25)
|
|
307
|
+
return 'fa-solid fa-face-frown';
|
|
308
|
+
return 'fa-solid fa-face-meh';
|
|
309
|
+
}
|
|
272
310
|
get DurationText() {
|
|
273
311
|
if (!this.Record.StartedAt || !this.Record.EndedAt)
|
|
274
312
|
return null;
|
|
@@ -322,7 +360,7 @@ export class ActivityIdentityComponent {
|
|
|
322
360
|
});
|
|
323
361
|
}
|
|
324
362
|
static ɵfac = function ActivityIdentityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityIdentityComponent)(); };
|
|
325
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityIdentityComponent, selectors: [["bizapps-activity-identity"]], inputs: { Record: "Record", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate" }, decls:
|
|
363
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityIdentityComponent, selectors: [["bizapps-activity-identity"]], inputs: { Record: "Record", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate" }, decls: 19, vars: 19, consts: [[1, "biz-hero"], [1, "biz-hero__identity"], ["aria-hidden", "true", 1, "biz-hero__avatar"], [2, "font-size", "1.5rem", "color", "#ffffff"], [1, "biz-hero__copy"], [1, "biz-hero__title-row"], [1, "biz-hero__name"], [1, "biz-hero__badges"], [1, "biz-hero__entity-chip"], ["data-tone", "info", 1, "biz-hero__chip"], [1, "biz-hero__chip"], ["data-tone", "purple", 1, "biz-hero__chip"], ["title", "Derived Sentiment Score", 1, "biz-hero__chip"], ["type", "button", 1, "biz-hero__toggle", 3, "click", "title"], [1, "fa-solid", "fa-flag"], [1, "biz-hero__summary"], [1, "biz-hero__stat"], [2, "padding-top", "var(--mj-space-2, 8px)", "border-top", "1px solid var(--mj-border-subtle, #f1f5f9)", "font-size", "var(--mj-text-sm, 13px)", "line-height", "1.5", "color", "var(--mj-text-secondary, #334155)", "white-space", "pre-wrap"], [1, "biz-hero__stat-label"], [1, "biz-hero__stat-val"], [2, "opacity", "0.75", "font-size", "0.88em", "font-weight", "500"], [1, "fa-solid", "fa-location-dot", 2, "font-size", "0.85em", "opacity", "0.7", "margin-right", "4px"], ["target", "_blank", "rel", "noopener noreferrer", 1, "biz-hero__stat-val", 2, "color", "var(--mj-brand-primary)", "text-decoration", "underline", "display", "inline-flex", "align-items", "center", "gap", "4px", 3, "href"], [1, "fa-solid", "fa-video"], [1, "fa-solid", "fa-cloud", 2, "font-size", "0.85em", "opacity", "0.7", "margin-right", "4px"], ["type", "button", 1, "biz-hero__stat-val", 3, "click"], [1, "fa-solid", "fa-reply", 2, "font-size", "0.85em", "opacity", "0.7", "margin-right", "4px"]], template: function ActivityIdentityComponent_Template(rf, ctx) { if (rf & 1) {
|
|
326
364
|
i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
|
|
327
365
|
i0.ɵɵdomElement(3, "i", 3);
|
|
328
366
|
i0.ɵɵdomElementEnd();
|
|
@@ -336,12 +374,13 @@ export class ActivityIdentityComponent {
|
|
|
336
374
|
i0.ɵɵconditionalCreate(12, ActivityIdentityComponent_Conditional_12_Template, 3, 3, "span", 9);
|
|
337
375
|
i0.ɵɵconditionalCreate(13, ActivityIdentityComponent_Conditional_13_Template, 2, 2, "span", 10);
|
|
338
376
|
i0.ɵɵconditionalCreate(14, ActivityIdentityComponent_Conditional_14_Template, 3, 1, "span", 11);
|
|
377
|
+
i0.ɵɵconditionalCreate(15, ActivityIdentityComponent_Conditional_15_Template, 3, 4, "span", 12);
|
|
339
378
|
i0.ɵɵdomElementEnd()();
|
|
340
|
-
i0.ɵɵdomElementStart(
|
|
341
|
-
i0.ɵɵdomListener("click", function
|
|
342
|
-
i0.ɵɵdomElement(
|
|
379
|
+
i0.ɵɵdomElementStart(16, "button", 13);
|
|
380
|
+
i0.ɵɵdomListener("click", function ActivityIdentityComponent_Template_button_click_16_listener() { return ctx.ToggleCollapsed(); });
|
|
381
|
+
i0.ɵɵdomElement(17, "i");
|
|
343
382
|
i0.ɵɵdomElementEnd()();
|
|
344
|
-
i0.ɵɵconditionalCreate(
|
|
383
|
+
i0.ɵɵconditionalCreate(18, ActivityIdentityComponent_Conditional_18_Template, 8, 7);
|
|
345
384
|
i0.ɵɵdomElementEnd();
|
|
346
385
|
} if (rf & 2) {
|
|
347
386
|
i0.ɵɵclassProp("biz-hero--collapsed", ctx.Collapsed);
|
|
@@ -362,17 +401,19 @@ export class ActivityIdentityComponent {
|
|
|
362
401
|
i0.ɵɵadvance();
|
|
363
402
|
i0.ɵɵconditional(ctx.Record.Outcome ? 14 : -1);
|
|
364
403
|
i0.ɵɵadvance();
|
|
404
|
+
i0.ɵɵconditional(ctx.SentimentDisplay ? 15 : -1);
|
|
405
|
+
i0.ɵɵadvance();
|
|
365
406
|
i0.ɵɵdomProperty("title", ctx.Collapsed ? "Expand header" : "Collapse header");
|
|
366
407
|
i0.ɵɵattribute("aria-label", ctx.Collapsed ? "Expand header" : "Collapse header");
|
|
367
408
|
i0.ɵɵadvance();
|
|
368
409
|
i0.ɵɵclassMap(ctx.Collapsed ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-up");
|
|
369
410
|
i0.ɵɵadvance();
|
|
370
|
-
i0.ɵɵconditional(!ctx.Collapsed ?
|
|
371
|
-
} }, dependencies: [CommonModule, BaseFormsModule, LinkDirectivesModule, i1.DatePipe], styles: [".biz-hero[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-4);\n padding: 20px 24px;\n margin-bottom: var(--mj-space-4);\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-xl, 16px);\n box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));\n position: relative;\n overflow: hidden;\n container-type: inline-size;\n container-name: biz-hero;\n}\n\n.biz-hero[_ngcontent-%COMP%]::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3.5px;\n background: linear-gradient(90deg, #38bdf8 0%, #6366f1 50%, #10b981 100%);\n}\n\n.biz-hero__identity[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-4);\n min-width: 0;\n}\n\n.biz-hero__avatar[_ngcontent-%COMP%] {\n flex: none;\n width: 60px;\n height: 60px;\n border-radius: var(--mj-radius-lg, 14px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-accent, #6366f1) 25%, var(--mj-bg-surface)) 100%);\n color: var(--mj-text-inverse, #ffffff);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.biz-hero__avatar[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n}\n\n.biz-hero__presence[_ngcontent-%COMP%] {\n position: absolute;\n bottom: -2px;\n right: -2px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: var(--mj-status-success, #10b981);\n border: 2.5px solid var(--mj-bg-surface-card);\n}\n\n.biz-hero__initials[_ngcontent-%COMP%] {\n font-size: 1.15rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__copy[_ngcontent-%COMP%] {\n min-width: 0;\n flex: 1;\n}\n\n.biz-hero__title-row[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.biz-hero__name[_ngcontent-%COMP%] {\n margin: 0;\n font-size: var(--mj-text-lg, 18px);\n font-weight: var(--mj-font-bold, 700);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--mj-text-primary);\n}\n\n.biz-hero__badges[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-2);\n}\n\n.biz-hero__entity-chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.biz-hero__chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 2px 9px;\n border-radius: var(--mj-radius-full);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.02em;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n border: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__chip[data-tone='success'][_ngcontent-%COMP%] {\n background: var(--mj-status-success-bg);\n color: var(--mj-status-success-text);\n border-color: var(--mj-status-success-border);\n}\n\n.biz-hero__chip[data-tone='success'][_ngcontent-%COMP%]::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--mj-status-success);\n}\n\n.biz-hero__chip[data-tone='warning'][_ngcontent-%COMP%] {\n background: var(--mj-status-warning-bg);\n color: var(--mj-status-warning-text);\n border-color: var(--mj-status-warning-border);\n}\n\n.biz-hero__aka[_ngcontent-%COMP%] {\n margin-top: 2px;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.biz-hero__summary[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--mj-space-3);\n margin-top: var(--mj-space-4);\n padding-top: var(--mj-space-4);\n border-top: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__stat[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 0;\n}\n\n.biz-hero__stat-label[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.biz-hero__stat-val[_ngcontent-%COMP%] {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 15px;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__stat-val.is-link[_ngcontent-%COMP%], \nbutton.biz-hero__stat-val[_ngcontent-%COMP%] {\n border: 0;\n padding: 0;\n background: transparent;\n color: var(--mj-text-link);\n cursor: pointer;\n font: inherit;\n font-weight: var(--mj-font-semibold);\n text-align: left;\n}\n\n.biz-hero__stat-val.is-link[_ngcontent-%COMP%]:hover, \nbutton.biz-hero__stat-val[_ngcontent-%COMP%]:hover {\n text-decoration: underline;\n}\n\n\n\n\n.biz-hero__edit[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-3);\n padding-top: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.biz-hero__field[_ngcontent-%COMP%] {\n min-width: 0;\n}\n\n\n\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field-control {\n width: 100%;\n}\n\n@container biz-hero (min-width: 52rem) {\n .biz-hero__edit[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: var(--mj-space-3) var(--mj-space-4);\n }\n\n .biz-hero__field--span[_ngcontent-%COMP%] {\n grid-column: 1 / -1;\n }\n}\n\n@media (max-width: 720px) {\n .biz-hero__identity[_ngcontent-%COMP%] {\n align-items: flex-start;\n }\n\n .biz-hero__summary[_ngcontent-%COMP%] {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n\n\n.biz-hero__toggle[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--mj-radius-md, 8px);\n background: var(--mj-bg-surface-sunken, rgba(255, 255, 255, 0.04));\n border: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n cursor: pointer;\n padding: 0;\n font-size: 12px;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.biz-hero__toggle[_ngcontent-%COMP%]:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-hover, rgba(255, 255, 255, 0.08));\n border-color: var(--mj-brand-primary);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] {\n padding: 12px 20px;\n gap: 0;\n margin-bottom: var(--mj-space-3);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__avatar[_ngcontent-%COMP%] {\n width: 42px;\n height: 42px;\n border-radius: var(--mj-radius-md, 10px);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__initials[_ngcontent-%COMP%] {\n font-size: 0.95rem;\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__name[_ngcontent-%COMP%] {\n font-size: 1.15rem;\n}"] });
|
|
411
|
+
i0.ɵɵconditional(!ctx.Collapsed ? 18 : -1);
|
|
412
|
+
} }, dependencies: [CommonModule, BaseFormsModule, LinkDirectivesModule, i1.DatePipe], styles: [".biz-hero[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-4);\n padding: 20px 24px;\n margin-bottom: var(--mj-space-4);\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-xl, 16px);\n box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));\n position: relative;\n overflow: hidden;\n container-type: inline-size;\n container-name: biz-hero;\n}\n\n.biz-hero[_ngcontent-%COMP%]::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3.5px;\n background: linear-gradient(90deg, #38bdf8 0%, #6366f1 50%, #10b981 100%);\n}\n\n.biz-hero__identity[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-4);\n min-width: 0;\n}\n\n.biz-hero__avatar[_ngcontent-%COMP%] {\n flex: none;\n width: 60px;\n height: 60px;\n border-radius: var(--mj-radius-lg, 14px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-accent, #6366f1) 25%, var(--mj-bg-surface)) 100%);\n color: var(--mj-text-inverse, #ffffff);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.biz-hero__avatar[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n}\n\n.biz-hero__presence[_ngcontent-%COMP%] {\n position: absolute;\n bottom: -2px;\n right: -2px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: var(--mj-status-success, #10b981);\n border: 2.5px solid var(--mj-bg-surface-card);\n}\n\n.biz-hero__initials[_ngcontent-%COMP%] {\n font-size: 1.15rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__copy[_ngcontent-%COMP%] {\n min-width: 0;\n flex: 1;\n}\n\n.biz-hero__title-row[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.biz-hero__name[_ngcontent-%COMP%] {\n margin: 0;\n font-size: var(--mj-text-lg, 18px);\n font-weight: var(--mj-font-bold, 700);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--mj-text-primary);\n}\n\n.biz-hero__badges[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-2);\n}\n\n.biz-hero__entity-chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.biz-hero__chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 2px 9px;\n border-radius: var(--mj-radius-full);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.02em;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n border: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__chip--interactive[_ngcontent-%COMP%] {\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.biz-hero__chip--interactive[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-card);\n border-color: var(--mj-brand-primary);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__chip-count[_ngcontent-%COMP%] {\n font-size: 10px;\n padding: 0 4px;\n border-radius: var(--mj-radius-full);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__secondary-chips[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-1);\n font-size: var(--mj-text-xs);\n}\n\n.biz-hero__secondary-label[_ngcontent-%COMP%] {\n color: var(--mj-text-muted);\n font-size: 11px;\n font-weight: var(--mj-font-medium);\n}\n\n.biz-hero__sub-chip[_ngcontent-%COMP%] {\n padding: 1px 7px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n color: var(--mj-text-secondary);\n font-size: 11px;\n}\n\n.biz-hero__chip[data-tone='success'][_ngcontent-%COMP%] {\n background: var(--mj-status-success-bg);\n color: var(--mj-status-success-text);\n border-color: var(--mj-status-success-border);\n}\n\n.biz-hero__chip[data-tone='success'][_ngcontent-%COMP%]::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--mj-status-success);\n}\n\n.biz-hero__chip[data-tone='warning'][_ngcontent-%COMP%] {\n background: var(--mj-status-warning-bg);\n color: var(--mj-status-warning-text);\n border-color: var(--mj-status-warning-border);\n}\n\n.biz-hero__aka[_ngcontent-%COMP%] {\n margin-top: 2px;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.biz-hero__summary[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--mj-space-3);\n margin-top: var(--mj-space-4);\n padding-top: var(--mj-space-4);\n border-top: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__stat[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 0;\n}\n\n.biz-hero__stat-label[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.biz-hero__stat-val[_ngcontent-%COMP%] {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 15px;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__stat-val.is-link[_ngcontent-%COMP%], \nbutton.biz-hero__stat-val[_ngcontent-%COMP%] {\n border: 0;\n padding: 0;\n background: transparent;\n color: var(--mj-text-link);\n cursor: pointer;\n font: inherit;\n font-weight: var(--mj-font-semibold);\n text-align: left;\n}\n\n.biz-hero__stat-val.is-link[_ngcontent-%COMP%]:hover, \nbutton.biz-hero__stat-val[_ngcontent-%COMP%]:hover {\n text-decoration: underline;\n}\n\n\n\n\n.biz-hero__edit[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-3);\n padding-top: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.biz-hero__field[_ngcontent-%COMP%] {\n min-width: 0;\n}\n\n\n\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field-control {\n width: 100%;\n}\n\n@container biz-hero (min-width: 52rem) {\n .biz-hero__edit[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: var(--mj-space-3) var(--mj-space-4);\n }\n\n .biz-hero__field--span[_ngcontent-%COMP%] {\n grid-column: 1 / -1;\n }\n}\n\n@media (max-width: 720px) {\n .biz-hero__identity[_ngcontent-%COMP%] {\n align-items: flex-start;\n }\n\n .biz-hero__summary[_ngcontent-%COMP%] {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n\n\n.biz-hero__toggle[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--mj-radius-md, 8px);\n background: var(--mj-bg-surface-sunken, rgba(255, 255, 255, 0.04));\n border: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n cursor: pointer;\n padding: 0;\n font-size: 12px;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.biz-hero__toggle[_ngcontent-%COMP%]:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-hover, rgba(255, 255, 255, 0.08));\n border-color: var(--mj-brand-primary);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] {\n padding: 12px 20px;\n gap: 0;\n margin-bottom: var(--mj-space-3);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__avatar[_ngcontent-%COMP%] {\n width: 42px;\n height: 42px;\n border-radius: var(--mj-radius-md, 10px);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__initials[_ngcontent-%COMP%] {\n font-size: 0.95rem;\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__name[_ngcontent-%COMP%] {\n font-size: 1.15rem;\n}"] });
|
|
372
413
|
}
|
|
373
414
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityIdentityComponent, [{
|
|
374
415
|
type: Component,
|
|
375
|
-
args: [{ standalone: true, selector: 'bizapps-activity-identity', imports: [CommonModule, BaseFormsModule, LinkDirectivesModule], template: "<div class=\"biz-hero\" [class.biz-hero--collapsed]=\"Collapsed\">\n <div class=\"biz-hero__identity\">\n <div class=\"biz-hero__avatar\" [style.background]=\"TypeBackground\" aria-hidden=\"true\">\n <i [class]=\"TypeIcon\" style=\"font-size: 1.5rem; color: #ffffff;\"></i>\n </div>\n\n <div class=\"biz-hero__copy\">\n <div class=\"biz-hero__title-row\">\n <h1 class=\"biz-hero__name\">{{ Record.Title || 'New Activity' }}</h1>\n </div>\n <div class=\"biz-hero__badges\">\n <span class=\"biz-hero__entity-chip\">\n <i [class]=\"TypeIcon\"></i>\n {{ Record.ActivityType || 'Activity' }}\n </span>\n @if (Record.Direction) {\n <span class=\"biz-hero__chip\" data-tone=\"info\">\n <i [class]=\"DirectionIcon\"></i>\n {{ Record.Direction }}\n </span>\n }\n @if (Record.Status) {\n <span class=\"biz-hero__chip\" [attr.data-tone]=\"StatusTone\">\n {{ Record.Status }}\n </span>\n }\n @if (Record.Outcome) {\n <span class=\"biz-hero__chip\" data-tone=\"purple\">\n <i class=\"fa-solid fa-flag\"></i>\n {{ Record.Outcome }}\n </span>\n }\n </div>\n </div>\n\n <button type=\"button\"\n class=\"biz-hero__toggle\"\n [title]=\"Collapsed ? 'Expand header' : 'Collapse header'\"\n [attr.aria-label]=\"Collapsed ? 'Expand header' : 'Collapse header'\"\n (click)=\"ToggleCollapsed()\">\n <i [class]=\"Collapsed ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-up'\"></i>\n </button>\n </div>\n\n @if (!Collapsed) {\n <div class=\"biz-hero__summary\">\n @if (Record.StartedAt) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">When</span>\n <span class=\"biz-hero__stat-val\">\n {{ Record.StartedAt | date:'MMM d, y, h:mm a' }}\n @if (DurationText) {\n <span style=\"opacity: 0.75; font-size: 0.88em; font-weight: 500;\">({{ DurationText }})</span>\n }\n </span>\n </div>\n }\n @if (Record.LoggedByUser) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Logged By</span>\n <span class=\"biz-hero__stat-val\">{{ Record.LoggedByUser }}</span>\n </div>\n }\n @if (LocationDisplay) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Location</span>\n <span class=\"biz-hero__stat-val\">\n <i class=\"fa-solid fa-location-dot\" style=\"font-size: 0.85em; opacity: 0.7; margin-right: 4px;\"></i>\n {{ LocationDisplay }}\n </span>\n </div>\n }\n @if (MeetingURL) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Video Meeting</span>\n <a [href]=\"MeetingURL\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"biz-hero__stat-val\" style=\"color: var(--mj-brand-primary); text-decoration: underline; display: inline-flex; align-items: center; gap: 4px;\">\n <i class=\"fa-solid fa-video\"></i>\n Join Meeting\n </a>\n </div>\n }\n @if (Record.Source) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Source</span>\n <span class=\"biz-hero__stat-val\">\n <i class=\"fa-solid fa-cloud\" style=\"font-size: 0.85em; opacity: 0.7; margin-right: 4px;\"></i>\n {{ SourceDisplay }}\n </span>\n </div>\n }\n @if (Record.ParentActivity) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Thread / Parent</span>\n <button type=\"button\" class=\"biz-hero__stat-val\" (click)=\"OnParentActivityClick($event)\">\n <i class=\"fa-solid fa-reply\" style=\"font-size: 0.85em; opacity: 0.7; margin-right: 4px;\"></i>\n {{ Record.ParentActivity }}\n </button>\n </div>\n }\n </div>\n\n @if (Record.Description) {\n <div style=\"padding-top: var(--mj-space-2, 8px); border-top: 1px solid var(--mj-border-subtle, #f1f5f9); font-size: var(--mj-text-sm, 13px); line-height: 1.5; color: var(--mj-text-secondary, #334155); white-space: pre-wrap;\">\n {{ Record.Description }}\n </div>\n }\n }\n</div>\n", styles: [".biz-hero {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-4);\n padding: 20px 24px;\n margin-bottom: var(--mj-space-4);\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-xl, 16px);\n box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));\n position: relative;\n overflow: hidden;\n container-type: inline-size;\n container-name: biz-hero;\n}\n\n.biz-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3.5px;\n background: linear-gradient(90deg, #38bdf8 0%, #6366f1 50%, #10b981 100%);\n}\n\n.biz-hero__identity {\n display: flex;\n align-items: center;\n gap: var(--mj-space-4);\n min-width: 0;\n}\n\n.biz-hero__avatar {\n flex: none;\n width: 60px;\n height: 60px;\n border-radius: var(--mj-radius-lg, 14px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-accent, #6366f1) 25%, var(--mj-bg-surface)) 100%);\n color: var(--mj-text-inverse, #ffffff);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.biz-hero__avatar img {\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n}\n\n.biz-hero__presence {\n position: absolute;\n bottom: -2px;\n right: -2px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: var(--mj-status-success, #10b981);\n border: 2.5px solid var(--mj-bg-surface-card);\n}\n\n.biz-hero__initials {\n font-size: 1.15rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__copy {\n min-width: 0;\n flex: 1;\n}\n\n.biz-hero__title-row {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.biz-hero__name {\n margin: 0;\n font-size: var(--mj-text-lg, 18px);\n font-weight: var(--mj-font-bold, 700);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--mj-text-primary);\n}\n\n.biz-hero__badges {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-2);\n}\n\n.biz-hero__entity-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.biz-hero__chip {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 2px 9px;\n border-radius: var(--mj-radius-full);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.02em;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n border: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__chip[data-tone='success'] {\n background: var(--mj-status-success-bg);\n color: var(--mj-status-success-text);\n border-color: var(--mj-status-success-border);\n}\n\n.biz-hero__chip[data-tone='success']::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--mj-status-success);\n}\n\n.biz-hero__chip[data-tone='warning'] {\n background: var(--mj-status-warning-bg);\n color: var(--mj-status-warning-text);\n border-color: var(--mj-status-warning-border);\n}\n\n.biz-hero__aka {\n margin-top: 2px;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.biz-hero__summary {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--mj-space-3);\n margin-top: var(--mj-space-4);\n padding-top: var(--mj-space-4);\n border-top: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__stat {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 0;\n}\n\n.biz-hero__stat-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.biz-hero__stat-val {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 15px;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__stat-val.is-link,\nbutton.biz-hero__stat-val {\n border: 0;\n padding: 0;\n background: transparent;\n color: var(--mj-text-link);\n cursor: pointer;\n font: inherit;\n font-weight: var(--mj-font-semibold);\n text-align: left;\n}\n\n.biz-hero__stat-val.is-link:hover,\nbutton.biz-hero__stat-val:hover {\n text-decoration: underline;\n}\n\n/* mj-form-field is display:contents \u2014 never let its label/control become\n siblings of a parent grid. Each field sits in a wrapping cell. */\n.biz-hero__edit {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-3);\n padding-top: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.biz-hero__field {\n min-width: 0;\n}\n\n/* Label above the control. The shared field is a 200px|1fr row \u2014 that\n needs ~28rem per field and is why this card looked broken. */\n.biz-hero__field ::ng-deep .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field-control {\n width: 100%;\n}\n\n@container biz-hero (min-width: 52rem) {\n .biz-hero__edit {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: var(--mj-space-3) var(--mj-space-4);\n }\n\n .biz-hero__field--span {\n grid-column: 1 / -1;\n }\n}\n\n@media (max-width: 720px) {\n .biz-hero__identity {\n align-items: flex-start;\n }\n\n .biz-hero__summary {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n/* \u2500\u2500 Collapsed State & Toggle Button \u2500\u2500 */\n.biz-hero__toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--mj-radius-md, 8px);\n background: var(--mj-bg-surface-sunken, rgba(255, 255, 255, 0.04));\n border: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n cursor: pointer;\n padding: 0;\n font-size: 12px;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.biz-hero__toggle:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-hover, rgba(255, 255, 255, 0.08));\n border-color: var(--mj-brand-primary);\n}\n\n.biz-hero--collapsed {\n padding: 12px 20px;\n gap: 0;\n margin-bottom: var(--mj-space-3);\n}\n\n.biz-hero--collapsed .biz-hero__avatar {\n width: 42px;\n height: 42px;\n border-radius: var(--mj-radius-md, 10px);\n}\n\n.biz-hero--collapsed .biz-hero__initials {\n font-size: 0.95rem;\n}\n\n.biz-hero--collapsed .biz-hero__name {\n font-size: 1.15rem;\n}\n"] }]
|
|
416
|
+
args: [{ standalone: true, selector: 'bizapps-activity-identity', imports: [CommonModule, BaseFormsModule, LinkDirectivesModule], template: "<div class=\"biz-hero\" [class.biz-hero--collapsed]=\"Collapsed\">\n <div class=\"biz-hero__identity\">\n <div class=\"biz-hero__avatar\" [style.background]=\"TypeBackground\" aria-hidden=\"true\">\n <i [class]=\"TypeIcon\" style=\"font-size: 1.5rem; color: #ffffff;\"></i>\n </div>\n\n <div class=\"biz-hero__copy\">\n <div class=\"biz-hero__title-row\">\n <h1 class=\"biz-hero__name\">{{ Record.Title || 'New Activity' }}</h1>\n </div>\n <div class=\"biz-hero__badges\">\n <span class=\"biz-hero__entity-chip\">\n <i [class]=\"TypeIcon\"></i>\n {{ Record.ActivityType || 'Activity' }}\n </span>\n @if (Record.Direction) {\n <span class=\"biz-hero__chip\" data-tone=\"info\">\n <i [class]=\"DirectionIcon\"></i>\n {{ Record.Direction }}\n </span>\n }\n @if (Record.Status) {\n <span class=\"biz-hero__chip\" [attr.data-tone]=\"StatusTone\">\n {{ Record.Status }}\n </span>\n }\n @if (Record.Outcome) {\n <span class=\"biz-hero__chip\" data-tone=\"purple\">\n <i class=\"fa-solid fa-flag\"></i>\n {{ Record.Outcome }}\n </span>\n }\n @if (SentimentDisplay) {\n <span class=\"biz-hero__chip\" [attr.data-tone]=\"SentimentTone\" title=\"Derived Sentiment Score\">\n <i [class]=\"SentimentIcon\"></i>\n Sentiment {{ SentimentDisplay }}\n </span>\n }\n </div>\n </div>\n\n <button type=\"button\"\n class=\"biz-hero__toggle\"\n [title]=\"Collapsed ? 'Expand header' : 'Collapse header'\"\n [attr.aria-label]=\"Collapsed ? 'Expand header' : 'Collapse header'\"\n (click)=\"ToggleCollapsed()\">\n <i [class]=\"Collapsed ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-up'\"></i>\n </button>\n </div>\n\n @if (!Collapsed) {\n <div class=\"biz-hero__summary\">\n @if (Record.StartedAt) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">When</span>\n <span class=\"biz-hero__stat-val\">\n {{ Record.StartedAt | date:'MMM d, y, h:mm a' }}\n @if (DurationText) {\n <span style=\"opacity: 0.75; font-size: 0.88em; font-weight: 500;\">({{ DurationText }})</span>\n }\n </span>\n </div>\n }\n @if (Record.LoggedByUser) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Logged By</span>\n <span class=\"biz-hero__stat-val\">{{ Record.LoggedByUser }}</span>\n </div>\n }\n @if (LocationDisplay) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Location</span>\n <span class=\"biz-hero__stat-val\">\n <i class=\"fa-solid fa-location-dot\" style=\"font-size: 0.85em; opacity: 0.7; margin-right: 4px;\"></i>\n {{ LocationDisplay }}\n </span>\n </div>\n }\n @if (MeetingURL) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Video Meeting</span>\n <a [href]=\"MeetingURL\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"biz-hero__stat-val\" style=\"color: var(--mj-brand-primary); text-decoration: underline; display: inline-flex; align-items: center; gap: 4px;\">\n <i class=\"fa-solid fa-video\"></i>\n Join Meeting\n </a>\n </div>\n }\n @if (Record.Source) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Source</span>\n <span class=\"biz-hero__stat-val\">\n <i class=\"fa-solid fa-cloud\" style=\"font-size: 0.85em; opacity: 0.7; margin-right: 4px;\"></i>\n {{ SourceDisplay }}\n </span>\n </div>\n }\n @if (Record.ParentActivity) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Thread / Parent</span>\n <button type=\"button\" class=\"biz-hero__stat-val\" (click)=\"OnParentActivityClick($event)\">\n <i class=\"fa-solid fa-reply\" style=\"font-size: 0.85em; opacity: 0.7; margin-right: 4px;\"></i>\n {{ Record.ParentActivity }}\n </button>\n </div>\n }\n </div>\n\n @if (Record.Description) {\n <div style=\"padding-top: var(--mj-space-2, 8px); border-top: 1px solid var(--mj-border-subtle, #f1f5f9); font-size: var(--mj-text-sm, 13px); line-height: 1.5; color: var(--mj-text-secondary, #334155); white-space: pre-wrap;\">\n {{ Record.Description }}\n </div>\n }\n }\n</div>\n", styles: [".biz-hero {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-4);\n padding: 20px 24px;\n margin-bottom: var(--mj-space-4);\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-xl, 16px);\n box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));\n position: relative;\n overflow: hidden;\n container-type: inline-size;\n container-name: biz-hero;\n}\n\n.biz-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3.5px;\n background: linear-gradient(90deg, #38bdf8 0%, #6366f1 50%, #10b981 100%);\n}\n\n.biz-hero__identity {\n display: flex;\n align-items: center;\n gap: var(--mj-space-4);\n min-width: 0;\n}\n\n.biz-hero__avatar {\n flex: none;\n width: 60px;\n height: 60px;\n border-radius: var(--mj-radius-lg, 14px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-accent, #6366f1) 25%, var(--mj-bg-surface)) 100%);\n color: var(--mj-text-inverse, #ffffff);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.biz-hero__avatar img {\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n}\n\n.biz-hero__presence {\n position: absolute;\n bottom: -2px;\n right: -2px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: var(--mj-status-success, #10b981);\n border: 2.5px solid var(--mj-bg-surface-card);\n}\n\n.biz-hero__initials {\n font-size: 1.15rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__copy {\n min-width: 0;\n flex: 1;\n}\n\n.biz-hero__title-row {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.biz-hero__name {\n margin: 0;\n font-size: var(--mj-text-lg, 18px);\n font-weight: var(--mj-font-bold, 700);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--mj-text-primary);\n}\n\n.biz-hero__badges {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-2);\n}\n\n.biz-hero__entity-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.biz-hero__chip {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 2px 9px;\n border-radius: var(--mj-radius-full);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.02em;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n border: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__chip--interactive {\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.biz-hero__chip--interactive:hover {\n background: var(--mj-bg-surface-card);\n border-color: var(--mj-brand-primary);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__chip-count {\n font-size: 10px;\n padding: 0 4px;\n border-radius: var(--mj-radius-full);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__secondary-chips {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-1);\n font-size: var(--mj-text-xs);\n}\n\n.biz-hero__secondary-label {\n color: var(--mj-text-muted);\n font-size: 11px;\n font-weight: var(--mj-font-medium);\n}\n\n.biz-hero__sub-chip {\n padding: 1px 7px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n color: var(--mj-text-secondary);\n font-size: 11px;\n}\n\n.biz-hero__chip[data-tone='success'] {\n background: var(--mj-status-success-bg);\n color: var(--mj-status-success-text);\n border-color: var(--mj-status-success-border);\n}\n\n.biz-hero__chip[data-tone='success']::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--mj-status-success);\n}\n\n.biz-hero__chip[data-tone='warning'] {\n background: var(--mj-status-warning-bg);\n color: var(--mj-status-warning-text);\n border-color: var(--mj-status-warning-border);\n}\n\n.biz-hero__aka {\n margin-top: 2px;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.biz-hero__summary {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--mj-space-3);\n margin-top: var(--mj-space-4);\n padding-top: var(--mj-space-4);\n border-top: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__stat {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 0;\n}\n\n.biz-hero__stat-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.biz-hero__stat-val {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 15px;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__stat-val.is-link,\nbutton.biz-hero__stat-val {\n border: 0;\n padding: 0;\n background: transparent;\n color: var(--mj-text-link);\n cursor: pointer;\n font: inherit;\n font-weight: var(--mj-font-semibold);\n text-align: left;\n}\n\n.biz-hero__stat-val.is-link:hover,\nbutton.biz-hero__stat-val:hover {\n text-decoration: underline;\n}\n\n/* mj-form-field is display:contents \u2014 never let its label/control become\n siblings of a parent grid. Each field sits in a wrapping cell. */\n.biz-hero__edit {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-3);\n padding-top: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.biz-hero__field {\n min-width: 0;\n}\n\n/* Label above the control. The shared field is a 200px|1fr row \u2014 that\n needs ~28rem per field and is why this card looked broken. */\n.biz-hero__field ::ng-deep .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field-control {\n width: 100%;\n}\n\n@container biz-hero (min-width: 52rem) {\n .biz-hero__edit {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: var(--mj-space-3) var(--mj-space-4);\n }\n\n .biz-hero__field--span {\n grid-column: 1 / -1;\n }\n}\n\n@media (max-width: 720px) {\n .biz-hero__identity {\n align-items: flex-start;\n }\n\n .biz-hero__summary {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n/* \u2500\u2500 Collapsed State & Toggle Button \u2500\u2500 */\n.biz-hero__toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--mj-radius-md, 8px);\n background: var(--mj-bg-surface-sunken, rgba(255, 255, 255, 0.04));\n border: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n cursor: pointer;\n padding: 0;\n font-size: 12px;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.biz-hero__toggle:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-hover, rgba(255, 255, 255, 0.08));\n border-color: var(--mj-brand-primary);\n}\n\n.biz-hero--collapsed {\n padding: 12px 20px;\n gap: 0;\n margin-bottom: var(--mj-space-3);\n}\n\n.biz-hero--collapsed .biz-hero__avatar {\n width: 42px;\n height: 42px;\n border-radius: var(--mj-radius-md, 10px);\n}\n\n.biz-hero--collapsed .biz-hero__initials {\n font-size: 0.95rem;\n}\n\n.biz-hero--collapsed .biz-hero__name {\n font-size: 1.15rem;\n}\n"] }]
|
|
376
417
|
}], null, { Record: [{
|
|
377
418
|
type: Input,
|
|
378
419
|
args: [{ required: true }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-identity.component.js","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/activity-identity.component.ts","../../../../src/lib/components/identity-header/activity-identity.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAoC,MAAM,+BAA+B,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;;;;ICWtD,kCAA8C;IAC1C,uBAA+B;IAC/B,YACJ;IAAA,oBAAO;;;IAFA,cAAuB;IAAvB,mCAAuB;IAC1B,cACJ;IADI,wDACJ;;;IAGA,mCAA2D;IACvD,YACJ;IAAA,oBAAO;;;;IADH,cACJ;IADI,qDACJ;;;IAGA,mCAAgD;IAC5C,2BAAgC;IAChC,YACJ;IAAA,oBAAO;;;IADH,eACJ;IADI,sDACJ;;;IAsBQ,mCAAkE;IAAA,YAAoB;IAAA,oBAAO;;;IAA3B,cAAoB;IAApB,oDAAoB;;;IAJ9F,AADJ,kCAA4B,eACW;IAAA,oBAAI;IAAA,oBAAO;IAC9C,mCAAiC;IAC7B,YACA;;IAAA,0HAAoB;IAI5B,AADI,oBAAO,EACL;;;IALE,eACA;IADA,kGACA;IAAA,eAEC;IAFD,8CAEC;;;IAML,AADJ,kCAA4B,eACW;IAAA,yBAAS;IAAA,oBAAO;IACnD,mCAAiC;IAAA,YAAyB;IAC9D,AAD8D,oBAAO,EAC/D;;;IAD+B,eAAyB;IAAzB,gDAAyB;;;IAK1D,AADJ,kCAA4B,eACW;IAAA,wBAAQ;IAAA,oBAAO;IAClD,mCAAiC;IAC7B,2BAAoG;IACpG,YACJ;IACJ,AADI,oBAAO,EACL;;;IAFE,eACJ;IADI,uDACJ;;;IAKA,AADJ,kCAA4B,eACW;IAAA,6BAAa;IAAA,oBAAO;IACvD,gCAAqN;IACjN,2BAAiC;IACjC,8BACJ;IACJ,AADI,oBAAI,EACF;;;IAJC,eAAmB;IAAnB,6DAAmB;;;IAQtB,AADJ,kCAA4B,eACW;IAAA,sBAAM;IAAA,oBAAO;IAChD,mCAAiC;IAC7B,2BAA6F;IAC7F,YACJ;IACJ,AADI,oBAAO,EACL;;;IAFE,eACJ;IADI,qDACJ;;;;IAKA,AADJ,kCAA4B,eACW;IAAA,+BAAe;IAAA,oBAAO;IACzD,qCAAyF;IAAxC,sNAAS,oCAA6B,KAAC;IACpF,2BAA6F;IAC7F,YACJ;IACJ,AADI,oBAAS,EACP;;;IAFE,eACJ;IADI,6DACJ;;;IAMR,kCAAiO;IAC7N,YACJ;IAAA,oBAAM;;;IADF,cACJ;IADI,0DACJ;;;IA3DJ,kCAA+B;IAC3B,2GAAwB;IAWxB,2GAA2B;IAM3B,2GAAuB;IASvB,2GAAkB;IASlB,2GAAqB;IASrB,2GAA6B;IASjC,oBAAM;IAEN,2GAA0B;;;IAvDtB,cAUC;IAVD,kDAUC;IACD,cAKC;IALD,qDAKC;IACD,cAQC;IARD,iDAQC;IACD,cAQC;IARD,4CAQC;IACD,cAQC;IARD,+CAQC;IACD,cAQC;IARD,uDAQC;IAGL,cAIC;IAJD,oDAIC;;
|
|
1
|
+
{"version":3,"file":"activity-identity.component.js","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/activity-identity.component.ts","../../../../src/lib/components/identity-header/activity-identity.component.html"],"names":[],"mappings":"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"}
|
|
@@ -285,11 +285,11 @@ export class OrganizationIdentityComponent {
|
|
|
285
285
|
i0.ɵɵclassMap(ctx.Collapsed ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-up");
|
|
286
286
|
i0.ɵɵadvance();
|
|
287
287
|
i0.ɵɵconditional(!ctx.Collapsed ? 19 : -1);
|
|
288
|
-
} }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, LinkDirectivesModule], styles: [".biz-hero[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-4);\n padding: 20px 24px;\n margin-bottom: var(--mj-space-4);\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-xl, 16px);\n box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));\n position: relative;\n overflow: hidden;\n container-type: inline-size;\n container-name: biz-hero;\n}\n\n.biz-hero[_ngcontent-%COMP%]::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3.5px;\n background: linear-gradient(90deg, #38bdf8 0%, #6366f1 50%, #10b981 100%);\n}\n\n.biz-hero__identity[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-4);\n min-width: 0;\n}\n\n.biz-hero__avatar[_ngcontent-%COMP%] {\n flex: none;\n width: 60px;\n height: 60px;\n border-radius: var(--mj-radius-lg, 14px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-accent, #6366f1) 25%, var(--mj-bg-surface)) 100%);\n color: var(--mj-text-inverse, #ffffff);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.biz-hero__avatar[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n}\n\n.biz-hero__presence[_ngcontent-%COMP%] {\n position: absolute;\n bottom: -2px;\n right: -2px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: var(--mj-status-success, #10b981);\n border: 2.5px solid var(--mj-bg-surface-card);\n}\n\n.biz-hero__initials[_ngcontent-%COMP%] {\n font-size: 1.15rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__copy[_ngcontent-%COMP%] {\n min-width: 0;\n flex: 1;\n}\n\n.biz-hero__title-row[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.biz-hero__name[_ngcontent-%COMP%] {\n margin: 0;\n font-size: var(--mj-text-lg, 18px);\n font-weight: var(--mj-font-bold, 700);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--mj-text-primary);\n}\n\n.biz-hero__badges[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-2);\n}\n\n.biz-hero__entity-chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.biz-hero__chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 2px 9px;\n border-radius: var(--mj-radius-full);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.02em;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n border: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__chip[data-tone='success'][_ngcontent-%COMP%] {\n background: var(--mj-status-success-bg);\n color: var(--mj-status-success-text);\n border-color: var(--mj-status-success-border);\n}\n\n.biz-hero__chip[data-tone='success'][_ngcontent-%COMP%]::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--mj-status-success);\n}\n\n.biz-hero__chip[data-tone='warning'][_ngcontent-%COMP%] {\n background: var(--mj-status-warning-bg);\n color: var(--mj-status-warning-text);\n border-color: var(--mj-status-warning-border);\n}\n\n.biz-hero__aka[_ngcontent-%COMP%] {\n margin-top: 2px;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.biz-hero__summary[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--mj-space-3);\n margin-top: var(--mj-space-4);\n padding-top: var(--mj-space-4);\n border-top: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__stat[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 0;\n}\n\n.biz-hero__stat-label[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.biz-hero__stat-val[_ngcontent-%COMP%] {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 15px;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__stat-val.is-link[_ngcontent-%COMP%], \nbutton.biz-hero__stat-val[_ngcontent-%COMP%] {\n border: 0;\n padding: 0;\n background: transparent;\n color: var(--mj-text-link);\n cursor: pointer;\n font: inherit;\n font-weight: var(--mj-font-semibold);\n text-align: left;\n}\n\n.biz-hero__stat-val.is-link[_ngcontent-%COMP%]:hover, \nbutton.biz-hero__stat-val[_ngcontent-%COMP%]:hover {\n text-decoration: underline;\n}\n\n\n\n\n.biz-hero__edit[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-3);\n padding-top: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.biz-hero__field[_ngcontent-%COMP%] {\n min-width: 0;\n}\n\n\n\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field-control {\n width: 100%;\n}\n\n@container biz-hero (min-width: 52rem) {\n .biz-hero__edit[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: var(--mj-space-3) var(--mj-space-4);\n }\n\n .biz-hero__field--span[_ngcontent-%COMP%] {\n grid-column: 1 / -1;\n }\n}\n\n@media (max-width: 720px) {\n .biz-hero__identity[_ngcontent-%COMP%] {\n align-items: flex-start;\n }\n\n .biz-hero__summary[_ngcontent-%COMP%] {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n\n\n.biz-hero__toggle[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--mj-radius-md, 8px);\n background: var(--mj-bg-surface-sunken, rgba(255, 255, 255, 0.04));\n border: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n cursor: pointer;\n padding: 0;\n font-size: 12px;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.biz-hero__toggle[_ngcontent-%COMP%]:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-hover, rgba(255, 255, 255, 0.08));\n border-color: var(--mj-brand-primary);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] {\n padding: 12px 20px;\n gap: 0;\n margin-bottom: var(--mj-space-3);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__avatar[_ngcontent-%COMP%] {\n width: 42px;\n height: 42px;\n border-radius: var(--mj-radius-md, 10px);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__initials[_ngcontent-%COMP%] {\n font-size: 0.95rem;\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__name[_ngcontent-%COMP%] {\n font-size: 1.15rem;\n}"] });
|
|
288
|
+
} }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, LinkDirectivesModule], styles: [".biz-hero[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-4);\n padding: 20px 24px;\n margin-bottom: var(--mj-space-4);\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-xl, 16px);\n box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));\n position: relative;\n overflow: hidden;\n container-type: inline-size;\n container-name: biz-hero;\n}\n\n.biz-hero[_ngcontent-%COMP%]::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3.5px;\n background: linear-gradient(90deg, #38bdf8 0%, #6366f1 50%, #10b981 100%);\n}\n\n.biz-hero__identity[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-4);\n min-width: 0;\n}\n\n.biz-hero__avatar[_ngcontent-%COMP%] {\n flex: none;\n width: 60px;\n height: 60px;\n border-radius: var(--mj-radius-lg, 14px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-accent, #6366f1) 25%, var(--mj-bg-surface)) 100%);\n color: var(--mj-text-inverse, #ffffff);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.biz-hero__avatar[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n}\n\n.biz-hero__presence[_ngcontent-%COMP%] {\n position: absolute;\n bottom: -2px;\n right: -2px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: var(--mj-status-success, #10b981);\n border: 2.5px solid var(--mj-bg-surface-card);\n}\n\n.biz-hero__initials[_ngcontent-%COMP%] {\n font-size: 1.15rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__copy[_ngcontent-%COMP%] {\n min-width: 0;\n flex: 1;\n}\n\n.biz-hero__title-row[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.biz-hero__name[_ngcontent-%COMP%] {\n margin: 0;\n font-size: var(--mj-text-lg, 18px);\n font-weight: var(--mj-font-bold, 700);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--mj-text-primary);\n}\n\n.biz-hero__badges[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-2);\n}\n\n.biz-hero__entity-chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.biz-hero__chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 2px 9px;\n border-radius: var(--mj-radius-full);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.02em;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n border: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__chip--interactive[_ngcontent-%COMP%] {\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.biz-hero__chip--interactive[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-card);\n border-color: var(--mj-brand-primary);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__chip-count[_ngcontent-%COMP%] {\n font-size: 10px;\n padding: 0 4px;\n border-radius: var(--mj-radius-full);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__secondary-chips[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-1);\n font-size: var(--mj-text-xs);\n}\n\n.biz-hero__secondary-label[_ngcontent-%COMP%] {\n color: var(--mj-text-muted);\n font-size: 11px;\n font-weight: var(--mj-font-medium);\n}\n\n.biz-hero__sub-chip[_ngcontent-%COMP%] {\n padding: 1px 7px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n color: var(--mj-text-secondary);\n font-size: 11px;\n}\n\n.biz-hero__chip[data-tone='success'][_ngcontent-%COMP%] {\n background: var(--mj-status-success-bg);\n color: var(--mj-status-success-text);\n border-color: var(--mj-status-success-border);\n}\n\n.biz-hero__chip[data-tone='success'][_ngcontent-%COMP%]::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--mj-status-success);\n}\n\n.biz-hero__chip[data-tone='warning'][_ngcontent-%COMP%] {\n background: var(--mj-status-warning-bg);\n color: var(--mj-status-warning-text);\n border-color: var(--mj-status-warning-border);\n}\n\n.biz-hero__aka[_ngcontent-%COMP%] {\n margin-top: 2px;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.biz-hero__summary[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--mj-space-3);\n margin-top: var(--mj-space-4);\n padding-top: var(--mj-space-4);\n border-top: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__stat[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 0;\n}\n\n.biz-hero__stat-label[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.biz-hero__stat-val[_ngcontent-%COMP%] {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 15px;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__stat-val.is-link[_ngcontent-%COMP%], \nbutton.biz-hero__stat-val[_ngcontent-%COMP%] {\n border: 0;\n padding: 0;\n background: transparent;\n color: var(--mj-text-link);\n cursor: pointer;\n font: inherit;\n font-weight: var(--mj-font-semibold);\n text-align: left;\n}\n\n.biz-hero__stat-val.is-link[_ngcontent-%COMP%]:hover, \nbutton.biz-hero__stat-val[_ngcontent-%COMP%]:hover {\n text-decoration: underline;\n}\n\n\n\n\n.biz-hero__edit[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-3);\n padding-top: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.biz-hero__field[_ngcontent-%COMP%] {\n min-width: 0;\n}\n\n\n\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.biz-hero__field[_ngcontent-%COMP%] .mj-forms-field-control {\n width: 100%;\n}\n\n@container biz-hero (min-width: 52rem) {\n .biz-hero__edit[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: var(--mj-space-3) var(--mj-space-4);\n }\n\n .biz-hero__field--span[_ngcontent-%COMP%] {\n grid-column: 1 / -1;\n }\n}\n\n@media (max-width: 720px) {\n .biz-hero__identity[_ngcontent-%COMP%] {\n align-items: flex-start;\n }\n\n .biz-hero__summary[_ngcontent-%COMP%] {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n\n\n.biz-hero__toggle[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--mj-radius-md, 8px);\n background: var(--mj-bg-surface-sunken, rgba(255, 255, 255, 0.04));\n border: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n cursor: pointer;\n padding: 0;\n font-size: 12px;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.biz-hero__toggle[_ngcontent-%COMP%]:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-hover, rgba(255, 255, 255, 0.08));\n border-color: var(--mj-brand-primary);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] {\n padding: 12px 20px;\n gap: 0;\n margin-bottom: var(--mj-space-3);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__avatar[_ngcontent-%COMP%] {\n width: 42px;\n height: 42px;\n border-radius: var(--mj-radius-md, 10px);\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__initials[_ngcontent-%COMP%] {\n font-size: 0.95rem;\n}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__name[_ngcontent-%COMP%] {\n font-size: 1.15rem;\n}"] });
|
|
289
289
|
}
|
|
290
290
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganizationIdentityComponent, [{
|
|
291
291
|
type: Component,
|
|
292
|
-
args: [{ standalone: true, selector: 'bizapps-organization-identity', imports: [CommonModule, BaseFormsModule, LinkDirectivesModule], template: "<div class=\"biz-hero\" [class.biz-hero--collapsed]=\"Collapsed\">\n <div class=\"biz-hero__identity\">\n <div class=\"biz-hero__avatar\" aria-hidden=\"true\">\n @if (Record.LogoURL && !EditMode) {\n <img [src]=\"Record.LogoURL\" [alt]=\"Record.Name\" (error)=\"OnLogoError($event)\">\n } @else {\n <span class=\"biz-hero__initials\">{{ Initials }}</span>\n }\n @if (!EditMode) {\n <span class=\"biz-hero__presence\" title=\"Active\"></span>\n }\n </div>\n\n <div class=\"biz-hero__copy\">\n <div class=\"biz-hero__title-row\">\n <h1 class=\"biz-hero__name\">{{ Record.Name }}</h1>\n </div>\n @if (LegalDiffers && !Collapsed) {\n <div class=\"biz-hero__aka\">Legal name: {{ Record.LegalName }}</div>\n }\n <div class=\"biz-hero__badges\">\n <span class=\"biz-hero__entity-chip\">\n <i class=\"fa-solid fa-building\"></i>\n Organizations\n </span>\n <span class=\"biz-hero__chip\" [attr.data-tone]=\"StatusTone\">{{ Record.Status }}</span>\n </div>\n </div>\n\n <button type=\"button\"\n class=\"biz-hero__toggle\"\n [title]=\"Collapsed ? 'Expand header' : 'Collapse header'\"\n [attr.aria-label]=\"Collapsed ? 'Expand header' : 'Collapse header'\"\n (click)=\"ToggleCollapsed()\">\n <i [class]=\"Collapsed ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-up'\"></i>\n </button>\n </div>\n\n @if (!Collapsed) {\n @if (!EditMode && (Record.Parent || Record.Website || Record.PrimaryEmail || Record.Email || LocationLine)) {\n <div class=\"biz-hero__summary\">\n @if (Record.Parent) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Parent Org</span>\n @if (Record.ParentID) {\n <button type=\"button\" class=\"biz-hero__stat-val\" (click)=\"OnParentClick($event)\">\n {{ Record.Parent }}\n </button>\n } @else {\n <span class=\"biz-hero__stat-val\">{{ Record.Parent }}</span>\n }\n </div>\n }\n @if (Record.Website) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Website</span>\n <a class=\"biz-hero__stat-val is-link\" [href]=\"Record.Website\" target=\"_blank\" rel=\"noopener noreferrer\">\n {{ Record.Website }}\n </a>\n </div>\n }\n @if (Record.PrimaryEmail || Record.Email) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Email</span>\n <a class=\"biz-hero__stat-val is-link\"\n [href]=\"'mailto:' + (Record.PrimaryEmail || Record.Email)\">\n {{ Record.PrimaryEmail || Record.Email }}\n </a>\n </div>\n }\n @if (LocationLine) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Location</span>\n <span class=\"biz-hero__stat-val\">{{ LocationLine }}</span>\n </div>\n }\n </div>\n }\n\n <ng-content></ng-content>\n\n @if (EditMode) {\n <div class=\"biz-hero__edit\">\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"Name\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"LegalName\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"Website\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\" LinkType=\"URL\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"LogoURL\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\" LinkType=\"URL\"></mj-form-field>\n </div>\n </div>\n }\n }\n</div>\n", styles: [".biz-hero {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-4);\n padding: 20px 24px;\n margin-bottom: var(--mj-space-4);\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-xl, 16px);\n box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));\n position: relative;\n overflow: hidden;\n container-type: inline-size;\n container-name: biz-hero;\n}\n\n.biz-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3.5px;\n background: linear-gradient(90deg, #38bdf8 0%, #6366f1 50%, #10b981 100%);\n}\n\n.biz-hero__identity {\n display: flex;\n align-items: center;\n gap: var(--mj-space-4);\n min-width: 0;\n}\n\n.biz-hero__avatar {\n flex: none;\n width: 60px;\n height: 60px;\n border-radius: var(--mj-radius-lg, 14px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-accent, #6366f1) 25%, var(--mj-bg-surface)) 100%);\n color: var(--mj-text-inverse, #ffffff);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.biz-hero__avatar img {\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n}\n\n.biz-hero__presence {\n position: absolute;\n bottom: -2px;\n right: -2px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: var(--mj-status-success, #10b981);\n border: 2.5px solid var(--mj-bg-surface-card);\n}\n\n.biz-hero__initials {\n font-size: 1.15rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__copy {\n min-width: 0;\n flex: 1;\n}\n\n.biz-hero__title-row {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.biz-hero__name {\n margin: 0;\n font-size: var(--mj-text-lg, 18px);\n font-weight: var(--mj-font-bold, 700);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--mj-text-primary);\n}\n\n.biz-hero__badges {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-2);\n}\n\n.biz-hero__entity-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.biz-hero__chip {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 2px 9px;\n border-radius: var(--mj-radius-full);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.02em;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n border: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__chip[data-tone='success'] {\n background: var(--mj-status-success-bg);\n color: var(--mj-status-success-text);\n border-color: var(--mj-status-success-border);\n}\n\n.biz-hero__chip[data-tone='success']::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--mj-status-success);\n}\n\n.biz-hero__chip[data-tone='warning'] {\n background: var(--mj-status-warning-bg);\n color: var(--mj-status-warning-text);\n border-color: var(--mj-status-warning-border);\n}\n\n.biz-hero__aka {\n margin-top: 2px;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.biz-hero__summary {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--mj-space-3);\n margin-top: var(--mj-space-4);\n padding-top: var(--mj-space-4);\n border-top: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__stat {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 0;\n}\n\n.biz-hero__stat-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.biz-hero__stat-val {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 15px;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__stat-val.is-link,\nbutton.biz-hero__stat-val {\n border: 0;\n padding: 0;\n background: transparent;\n color: var(--mj-text-link);\n cursor: pointer;\n font: inherit;\n font-weight: var(--mj-font-semibold);\n text-align: left;\n}\n\n.biz-hero__stat-val.is-link:hover,\nbutton.biz-hero__stat-val:hover {\n text-decoration: underline;\n}\n\n/* mj-form-field is display:contents \u2014 never let its label/control become\n siblings of a parent grid. Each field sits in a wrapping cell. */\n.biz-hero__edit {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-3);\n padding-top: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.biz-hero__field {\n min-width: 0;\n}\n\n/* Label above the control. The shared field is a 200px|1fr row \u2014 that\n needs ~28rem per field and is why this card looked broken. */\n.biz-hero__field ::ng-deep .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field-control {\n width: 100%;\n}\n\n@container biz-hero (min-width: 52rem) {\n .biz-hero__edit {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: var(--mj-space-3) var(--mj-space-4);\n }\n\n .biz-hero__field--span {\n grid-column: 1 / -1;\n }\n}\n\n@media (max-width: 720px) {\n .biz-hero__identity {\n align-items: flex-start;\n }\n\n .biz-hero__summary {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n/* \u2500\u2500 Collapsed State & Toggle Button \u2500\u2500 */\n.biz-hero__toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--mj-radius-md, 8px);\n background: var(--mj-bg-surface-sunken, rgba(255, 255, 255, 0.04));\n border: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n cursor: pointer;\n padding: 0;\n font-size: 12px;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.biz-hero__toggle:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-hover, rgba(255, 255, 255, 0.08));\n border-color: var(--mj-brand-primary);\n}\n\n.biz-hero--collapsed {\n padding: 12px 20px;\n gap: 0;\n margin-bottom: var(--mj-space-3);\n}\n\n.biz-hero--collapsed .biz-hero__avatar {\n width: 42px;\n height: 42px;\n border-radius: var(--mj-radius-md, 10px);\n}\n\n.biz-hero--collapsed .biz-hero__initials {\n font-size: 0.95rem;\n}\n\n.biz-hero--collapsed .biz-hero__name {\n font-size: 1.15rem;\n}\n"] }]
|
|
292
|
+
args: [{ standalone: true, selector: 'bizapps-organization-identity', imports: [CommonModule, BaseFormsModule, LinkDirectivesModule], template: "<div class=\"biz-hero\" [class.biz-hero--collapsed]=\"Collapsed\">\n <div class=\"biz-hero__identity\">\n <div class=\"biz-hero__avatar\" aria-hidden=\"true\">\n @if (Record.LogoURL && !EditMode) {\n <img [src]=\"Record.LogoURL\" [alt]=\"Record.Name\" (error)=\"OnLogoError($event)\">\n } @else {\n <span class=\"biz-hero__initials\">{{ Initials }}</span>\n }\n @if (!EditMode) {\n <span class=\"biz-hero__presence\" title=\"Active\"></span>\n }\n </div>\n\n <div class=\"biz-hero__copy\">\n <div class=\"biz-hero__title-row\">\n <h1 class=\"biz-hero__name\">{{ Record.Name }}</h1>\n </div>\n @if (LegalDiffers && !Collapsed) {\n <div class=\"biz-hero__aka\">Legal name: {{ Record.LegalName }}</div>\n }\n <div class=\"biz-hero__badges\">\n <span class=\"biz-hero__entity-chip\">\n <i class=\"fa-solid fa-building\"></i>\n Organizations\n </span>\n <span class=\"biz-hero__chip\" [attr.data-tone]=\"StatusTone\">{{ Record.Status }}</span>\n </div>\n </div>\n\n <button type=\"button\"\n class=\"biz-hero__toggle\"\n [title]=\"Collapsed ? 'Expand header' : 'Collapse header'\"\n [attr.aria-label]=\"Collapsed ? 'Expand header' : 'Collapse header'\"\n (click)=\"ToggleCollapsed()\">\n <i [class]=\"Collapsed ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-up'\"></i>\n </button>\n </div>\n\n @if (!Collapsed) {\n @if (!EditMode && (Record.Parent || Record.Website || Record.PrimaryEmail || Record.Email || LocationLine)) {\n <div class=\"biz-hero__summary\">\n @if (Record.Parent) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Parent Org</span>\n @if (Record.ParentID) {\n <button type=\"button\" class=\"biz-hero__stat-val\" (click)=\"OnParentClick($event)\">\n {{ Record.Parent }}\n </button>\n } @else {\n <span class=\"biz-hero__stat-val\">{{ Record.Parent }}</span>\n }\n </div>\n }\n @if (Record.Website) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Website</span>\n <a class=\"biz-hero__stat-val is-link\" [href]=\"Record.Website\" target=\"_blank\" rel=\"noopener noreferrer\">\n {{ Record.Website }}\n </a>\n </div>\n }\n @if (Record.PrimaryEmail || Record.Email) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Email</span>\n <a class=\"biz-hero__stat-val is-link\"\n [href]=\"'mailto:' + (Record.PrimaryEmail || Record.Email)\">\n {{ Record.PrimaryEmail || Record.Email }}\n </a>\n </div>\n }\n @if (LocationLine) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Location</span>\n <span class=\"biz-hero__stat-val\">{{ LocationLine }}</span>\n </div>\n }\n </div>\n }\n\n <ng-content></ng-content>\n\n @if (EditMode) {\n <div class=\"biz-hero__edit\">\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"Name\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"LegalName\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"Website\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\" LinkType=\"URL\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"LogoURL\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\" LinkType=\"URL\"></mj-form-field>\n </div>\n </div>\n }\n }\n</div>\n", styles: [".biz-hero {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-4);\n padding: 20px 24px;\n margin-bottom: var(--mj-space-4);\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-xl, 16px);\n box-shadow: var(--mj-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.08));\n position: relative;\n overflow: hidden;\n container-type: inline-size;\n container-name: biz-hero;\n}\n\n.biz-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3.5px;\n background: linear-gradient(90deg, #38bdf8 0%, #6366f1 50%, #10b981 100%);\n}\n\n.biz-hero__identity {\n display: flex;\n align-items: center;\n gap: var(--mj-space-4);\n min-width: 0;\n}\n\n.biz-hero__avatar {\n flex: none;\n width: 60px;\n height: 60px;\n border-radius: var(--mj-radius-lg, 14px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-accent, #6366f1) 25%, var(--mj-bg-surface)) 100%);\n color: var(--mj-text-inverse, #ffffff);\n box-shadow: 0 4px 14px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.biz-hero__avatar img {\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n}\n\n.biz-hero__presence {\n position: absolute;\n bottom: -2px;\n right: -2px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: var(--mj-status-success, #10b981);\n border: 2.5px solid var(--mj-bg-surface-card);\n}\n\n.biz-hero__initials {\n font-size: 1.15rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__copy {\n min-width: 0;\n flex: 1;\n}\n\n.biz-hero__title-row {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.biz-hero__name {\n margin: 0;\n font-size: var(--mj-text-lg, 18px);\n font-weight: var(--mj-font-bold, 700);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--mj-text-primary);\n}\n\n.biz-hero__badges {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-2);\n}\n\n.biz-hero__entity-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.biz-hero__chip {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 2px 9px;\n border-radius: var(--mj-radius-full);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.02em;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n border: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__chip--interactive {\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.biz-hero__chip--interactive:hover {\n background: var(--mj-bg-surface-card);\n border-color: var(--mj-brand-primary);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__chip-count {\n font-size: 10px;\n padding: 0 4px;\n border-radius: var(--mj-radius-full);\n background: var(--mj-status-info-bg);\n color: var(--mj-brand-primary);\n}\n\n.biz-hero__secondary-chips {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mj-space-2);\n margin-top: var(--mj-space-1);\n font-size: var(--mj-text-xs);\n}\n\n.biz-hero__secondary-label {\n color: var(--mj-text-muted);\n font-size: 11px;\n font-weight: var(--mj-font-medium);\n}\n\n.biz-hero__sub-chip {\n padding: 1px 7px;\n border-radius: var(--mj-radius-sm);\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n color: var(--mj-text-secondary);\n font-size: 11px;\n}\n\n.biz-hero__chip[data-tone='success'] {\n background: var(--mj-status-success-bg);\n color: var(--mj-status-success-text);\n border-color: var(--mj-status-success-border);\n}\n\n.biz-hero__chip[data-tone='success']::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--mj-status-success);\n}\n\n.biz-hero__chip[data-tone='warning'] {\n background: var(--mj-status-warning-bg);\n color: var(--mj-status-warning-text);\n border-color: var(--mj-status-warning-border);\n}\n\n.biz-hero__aka {\n margin-top: 2px;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.biz-hero__summary {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--mj-space-3);\n margin-top: var(--mj-space-4);\n padding-top: var(--mj-space-4);\n border-top: 1px solid var(--mj-border-default);\n}\n\n.biz-hero__stat {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 0;\n}\n\n.biz-hero__stat-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.biz-hero__stat-val {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 15px;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.biz-hero__stat-val.is-link,\nbutton.biz-hero__stat-val {\n border: 0;\n padding: 0;\n background: transparent;\n color: var(--mj-text-link);\n cursor: pointer;\n font: inherit;\n font-weight: var(--mj-font-semibold);\n text-align: left;\n}\n\n.biz-hero__stat-val.is-link:hover,\nbutton.biz-hero__stat-val:hover {\n text-decoration: underline;\n}\n\n/* mj-form-field is display:contents \u2014 never let its label/control become\n siblings of a parent grid. Each field sits in a wrapping cell. */\n.biz-hero__edit {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-3);\n padding-top: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.biz-hero__field {\n min-width: 0;\n}\n\n/* Label above the control. The shared field is a 200px|1fr row \u2014 that\n needs ~28rem per field and is why this card looked broken. */\n.biz-hero__field ::ng-deep .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.biz-hero__field ::ng-deep .mj-forms-field-control {\n width: 100%;\n}\n\n@container biz-hero (min-width: 52rem) {\n .biz-hero__edit {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: var(--mj-space-3) var(--mj-space-4);\n }\n\n .biz-hero__field--span {\n grid-column: 1 / -1;\n }\n}\n\n@media (max-width: 720px) {\n .biz-hero__identity {\n align-items: flex-start;\n }\n\n .biz-hero__summary {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n/* \u2500\u2500 Collapsed State & Toggle Button \u2500\u2500 */\n.biz-hero__toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--mj-radius-md, 8px);\n background: var(--mj-bg-surface-sunken, rgba(255, 255, 255, 0.04));\n border: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n cursor: pointer;\n padding: 0;\n font-size: 12px;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.biz-hero__toggle:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-hover, rgba(255, 255, 255, 0.08));\n border-color: var(--mj-brand-primary);\n}\n\n.biz-hero--collapsed {\n padding: 12px 20px;\n gap: 0;\n margin-bottom: var(--mj-space-3);\n}\n\n.biz-hero--collapsed .biz-hero__avatar {\n width: 42px;\n height: 42px;\n border-radius: var(--mj-radius-md, 10px);\n}\n\n.biz-hero--collapsed .biz-hero__initials {\n font-size: 0.95rem;\n}\n\n.biz-hero--collapsed .biz-hero__name {\n font-size: 1.15rem;\n}\n"] }]
|
|
293
293
|
}], null, { Record: [{
|
|
294
294
|
type: Input,
|
|
295
295
|
args: [{ required: true }]
|
|
@@ -12,6 +12,10 @@ export declare class PersonIdentityComponent implements OnInit {
|
|
|
12
12
|
FormContext?: FormContext;
|
|
13
13
|
Navigate: EventEmitter<FormNavigationEvent>;
|
|
14
14
|
Collapsed: boolean;
|
|
15
|
+
AllJobFunctions: string[];
|
|
16
|
+
ShowAllFunctions: boolean;
|
|
17
|
+
LoadingFunctions: boolean;
|
|
18
|
+
ToggleAllFunctions(): Promise<void>;
|
|
15
19
|
ngOnInit(): void;
|
|
16
20
|
ToggleCollapsed(): void;
|
|
17
21
|
get DisplayTitle(): string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"person-identity.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/person-identity.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAI/E,OAAO,EAAmB,WAAW,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAElG,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;;AAE3E;;;GAGG;AACH,qBAOa,uBAAwB,YAAW,MAAM;IACvB,MAAM,EAAG,2BAA2B,CAAC;IACvD,QAAQ,UAAS;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,oCAA2C;IAEtD,SAAS,UAAS;
|
|
1
|
+
{"version":3,"file":"person-identity.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/person-identity.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAU,MAAM,eAAe,CAAC;AAI/E,OAAO,EAAmB,WAAW,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAElG,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;;AAE3E;;;GAGG;AACH,qBAOa,uBAAwB,YAAW,MAAM;IACvB,MAAM,EAAG,2BAA2B,CAAC;IACvD,QAAQ,UAAS;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,oCAA2C;IAEtD,SAAS,UAAS;IAClB,eAAe,EAAE,MAAM,EAAE,CAAM;IAC/B,gBAAgB,UAAS;IACzB,gBAAgB,UAAS;IAEnB,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IA0BzC,QAAQ,IAAI,IAAI;IAWhB,eAAe,IAAI,IAAI;IAQ9B,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,IAAW,QAAQ,IAAI,MAAM,CAe5B;IAED,IAAW,UAAU,IAAI,SAAS,GAAG,SAAS,GAAG,OAAO,CASvD;IAED,IAAW,YAAY,IAAI,MAAM,CAOhC;IAED,IAAW,gBAAgB,IAAI,OAAO,CAMrC;IAEM,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAcnC,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAvH9B,uBAAuB;2CAAvB,uBAAuB;CA6HnC"}
|