@mj-biz-apps/common-ng 5.63.0 → 5.65.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/components/__tests__/uuid-casing.test.d.ts +7 -0
- package/dist/lib/components/__tests__/uuid-casing.test.d.ts.map +1 -0
- package/dist/lib/components/__tests__/uuid-casing.test.js +78 -0
- package/dist/lib/components/__tests__/uuid-casing.test.js.map +1 -0
- package/dist/lib/components/address-editor/address-editor.component.d.ts.map +1 -1
- package/dist/lib/components/address-editor/address-editor.component.js +9 -7
- package/dist/lib/components/address-editor/address-editor.component.js.map +1 -1
- package/dist/lib/components/contact-method-list/contact-method-list.component.d.ts +9 -2
- package/dist/lib/components/contact-method-list/contact-method-list.component.d.ts.map +1 -1
- package/dist/lib/components/contact-method-list/contact-method-list.component.js +35 -22
- package/dist/lib/components/contact-method-list/contact-method-list.component.js.map +1 -1
- package/dist/lib/components/identity-header/__tests__/activity-identity-parent.test.d.ts +8 -0
- package/dist/lib/components/identity-header/__tests__/activity-identity-parent.test.d.ts.map +1 -0
- package/dist/lib/components/identity-header/__tests__/activity-identity-parent.test.js +75 -0
- package/dist/lib/components/identity-header/__tests__/activity-identity-parent.test.js.map +1 -0
- package/dist/lib/components/identity-header/__tests__/identity-hero-claims.test.d.ts +12 -0
- package/dist/lib/components/identity-header/__tests__/identity-hero-claims.test.d.ts.map +1 -0
- package/dist/lib/components/identity-header/__tests__/identity-hero-claims.test.js +94 -0
- package/dist/lib/components/identity-header/__tests__/identity-hero-claims.test.js.map +1 -0
- package/dist/lib/components/identity-header/activity-identity.component.d.ts +9 -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 +46 -7
- package/dist/lib/components/identity-header/activity-identity.component.js.map +1 -1
- package/dist/lib/components/identity-header/organization-identity.component.js +48 -18
- package/dist/lib/components/identity-header/organization-identity.component.js.map +1 -1
- package/dist/lib/components/identity-header/person-identity.component.js +38 -28
- package/dist/lib/components/identity-header/person-identity.component.js.map +1 -1
- package/dist/lib/components/party-field/party-field.component.js +5 -5
- package/dist/lib/components/party-field/party-field.component.js.map +1 -1
- package/dist/lib/components/relationship-graph/common-relationship-graph.component.d.ts.map +1 -1
- package/dist/lib/components/relationship-graph/common-relationship-graph.component.js +29 -20
- package/dist/lib/components/relationship-graph/common-relationship-graph.component.js.map +1 -1
- package/dist/lib/components/relationship-list/relationship-list.component.js +6 -6
- package/dist/lib/components/relationship-list/relationship-list.component.js.map +1 -1
- package/dist/lib/components/selling-company-field/__tests__/selling-company-field.component.test.js +110 -4
- package/dist/lib/components/selling-company-field/__tests__/selling-company-field.component.test.js.map +1 -1
- package/dist/lib/components/selling-company-field/selling-company-field.component.d.ts +34 -3
- package/dist/lib/components/selling-company-field/selling-company-field.component.d.ts.map +1 -1
- package/dist/lib/components/selling-company-field/selling-company-field.component.js +153 -6
- package/dist/lib/components/selling-company-field/selling-company-field.component.js.map +1 -1
- package/dist/lib/custom/panels/activity-content.panel.js +2 -2
- package/dist/lib/custom/panels/activity-hierarchy.panel.js +2 -2
- package/dist/lib/custom/panels/activity-hierarchy.panel.js.map +1 -1
- package/dist/lib/custom/panels/activity-type-hierarchy.panel.js +2 -2
- package/dist/lib/custom/panels/activity-type-hierarchy.panel.js.map +1 -1
- package/dist/lib/data/__tests__/directory-dashboard-days.test.js +61 -9
- package/dist/lib/data/__tests__/directory-dashboard-days.test.js.map +1 -1
- package/dist/lib/data/directory-queries.d.ts +4 -0
- package/dist/lib/data/directory-queries.d.ts.map +1 -1
- package/dist/lib/data/directory-queries.js +41 -13
- package/dist/lib/data/directory-queries.js.map +1 -1
- package/dist/lib/pages/activities-dashboard.page.d.ts +2 -0
- package/dist/lib/pages/activities-dashboard.page.d.ts.map +1 -1
- package/dist/lib/pages/activities-dashboard.page.js +10 -5
- package/dist/lib/pages/activities-dashboard.page.js.map +1 -1
- package/dist/lib/pages/common-dashboard.page.d.ts +15 -3
- package/dist/lib/pages/common-dashboard.page.d.ts.map +1 -1
- package/dist/lib/pages/common-dashboard.page.js +380 -315
- package/dist/lib/pages/common-dashboard.page.js.map +1 -1
- package/package.json +2 -2
|
@@ -9,7 +9,7 @@ import * as i1 from "@memberjunction/ng-base-forms";
|
|
|
9
9
|
const _c0 = ["*"];
|
|
10
10
|
function OrganizationIdentityComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
11
11
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
12
|
-
i0.ɵɵelementStart(0, "img",
|
|
12
|
+
i0.ɵɵelementStart(0, "img", 16);
|
|
13
13
|
i0.ɵɵlistener("error", function OrganizationIdentityComponent_Conditional_3_Template_img_error_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnLogoError($event)); });
|
|
14
14
|
i0.ɵɵelementEnd();
|
|
15
15
|
} if (rf & 2) {
|
|
@@ -109,7 +109,7 @@ function OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_
|
|
|
109
109
|
i0.ɵɵtextInterpolate(ctx_r1.LocationLine);
|
|
110
110
|
} }
|
|
111
111
|
function OrganizationIdentityComponent_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
112
|
-
i0.ɵɵelementStart(0, "div",
|
|
112
|
+
i0.ɵɵelementStart(0, "div", 17);
|
|
113
113
|
i0.ɵɵconditionalCreate(1, OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_1_Template, 5, 1, "div", 18);
|
|
114
114
|
i0.ɵɵconditionalCreate(2, OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_2_Template, 5, 2, "div", 18);
|
|
115
115
|
i0.ɵɵconditionalCreate(3, OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_3_Template, 5, 2, "div", 18);
|
|
@@ -126,8 +126,15 @@ function OrganizationIdentityComponent_Conditional_19_Conditional_0_Template(rf,
|
|
|
126
126
|
i0.ɵɵadvance();
|
|
127
127
|
i0.ɵɵconditional(ctx_r1.LocationLine ? 4 : -1);
|
|
128
128
|
} }
|
|
129
|
-
function
|
|
130
|
-
i0.ɵɵ
|
|
129
|
+
function OrganizationIdentityComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
130
|
+
i0.ɵɵconditionalCreate(0, OrganizationIdentityComponent_Conditional_19_Conditional_0_Template, 5, 4, "div", 17);
|
|
131
|
+
i0.ɵɵprojection(1);
|
|
132
|
+
} if (rf & 2) {
|
|
133
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
134
|
+
i0.ɵɵconditional(!ctx_r1.EditMode && (ctx_r1.Record.Parent || ctx_r1.Record.Website || ctx_r1.Record.PrimaryEmail || ctx_r1.Record.Email || ctx_r1.LocationLine) ? 0 : -1);
|
|
135
|
+
} }
|
|
136
|
+
function OrganizationIdentityComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
137
|
+
i0.ɵɵelementStart(0, "div", 15)(1, "div", 25);
|
|
131
138
|
i0.ɵɵelement(2, "mj-form-field", 26);
|
|
132
139
|
i0.ɵɵelementEnd();
|
|
133
140
|
i0.ɵɵelementStart(3, "div", 25);
|
|
@@ -138,9 +145,31 @@ function OrganizationIdentityComponent_Conditional_19_Conditional_2_Template(rf,
|
|
|
138
145
|
i0.ɵɵelementEnd();
|
|
139
146
|
i0.ɵɵelementStart(7, "div", 25);
|
|
140
147
|
i0.ɵɵelement(8, "mj-form-field", 29);
|
|
148
|
+
i0.ɵɵelementEnd();
|
|
149
|
+
i0.ɵɵelementStart(9, "div", 25);
|
|
150
|
+
i0.ɵɵelement(10, "mj-form-field", 30);
|
|
151
|
+
i0.ɵɵelementEnd();
|
|
152
|
+
i0.ɵɵelementStart(11, "div", 25);
|
|
153
|
+
i0.ɵɵelement(12, "mj-form-field", 31);
|
|
154
|
+
i0.ɵɵelementEnd();
|
|
155
|
+
i0.ɵɵelementStart(13, "div", 25);
|
|
156
|
+
i0.ɵɵelement(14, "mj-form-field", 32);
|
|
157
|
+
i0.ɵɵelementEnd();
|
|
158
|
+
i0.ɵɵelementStart(15, "div", 25);
|
|
159
|
+
i0.ɵɵelement(16, "mj-form-field", 33);
|
|
160
|
+
i0.ɵɵelementEnd();
|
|
161
|
+
i0.ɵɵelementStart(17, "div", 25);
|
|
162
|
+
i0.ɵɵelement(18, "mj-form-field", 34);
|
|
163
|
+
i0.ɵɵelementEnd();
|
|
164
|
+
i0.ɵɵelementStart(19, "div", 35);
|
|
165
|
+
i0.ɵɵelement(20, "mj-form-field", 36);
|
|
141
166
|
i0.ɵɵelementEnd()();
|
|
142
167
|
} if (rf & 2) {
|
|
143
|
-
const ctx_r1 = i0.ɵɵnextContext(
|
|
168
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
169
|
+
i0.ɵɵadvance(2);
|
|
170
|
+
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
171
|
+
i0.ɵɵadvance(2);
|
|
172
|
+
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
144
173
|
i0.ɵɵadvance(2);
|
|
145
174
|
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
146
175
|
i0.ɵɵadvance(2);
|
|
@@ -149,16 +178,14 @@ function OrganizationIdentityComponent_Conditional_19_Conditional_2_Template(rf,
|
|
|
149
178
|
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
150
179
|
i0.ɵɵadvance(2);
|
|
151
180
|
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
152
|
-
} }
|
|
153
|
-
function OrganizationIdentityComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
154
|
-
i0.ɵɵconditionalCreate(0, OrganizationIdentityComponent_Conditional_19_Conditional_0_Template, 5, 4, "div", 16);
|
|
155
|
-
i0.ɵɵprojection(1);
|
|
156
|
-
i0.ɵɵconditionalCreate(2, OrganizationIdentityComponent_Conditional_19_Conditional_2_Template, 9, 16, "div", 17);
|
|
157
|
-
} if (rf & 2) {
|
|
158
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
159
|
-
i0.ɵɵconditional(!ctx_r1.EditMode && (ctx_r1.Record.Parent || ctx_r1.Record.Website || ctx_r1.Record.PrimaryEmail || ctx_r1.Record.Email || ctx_r1.LocationLine) ? 0 : -1);
|
|
160
181
|
i0.ɵɵadvance(2);
|
|
161
|
-
i0.ɵɵ
|
|
182
|
+
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
183
|
+
i0.ɵɵadvance(2);
|
|
184
|
+
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
185
|
+
i0.ɵɵadvance(2);
|
|
186
|
+
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
187
|
+
i0.ɵɵadvance(2);
|
|
188
|
+
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
162
189
|
} }
|
|
163
190
|
/**
|
|
164
191
|
* Presentational Organization identity strip. Used by Common's header
|
|
@@ -241,7 +268,7 @@ export class OrganizationIdentityComponent {
|
|
|
241
268
|
}
|
|
242
269
|
}
|
|
243
270
|
static ɵfac = function OrganizationIdentityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrganizationIdentityComponent)(); };
|
|
244
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrganizationIdentityComponent, selectors: [["bizapps-organization-identity"]], inputs: { Record: "Record", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate" }, ngContentSelectors: _c0, decls:
|
|
271
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrganizationIdentityComponent, selectors: [["bizapps-organization-identity"]], inputs: { Record: "Record", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate" }, ngContentSelectors: _c0, decls: 21, vars: 14, consts: [[1, "biz-hero"], [1, "biz-hero__identity"], ["aria-hidden", "true", 1, "biz-hero__avatar"], [3, "src", "alt"], [1, "biz-hero__initials"], ["title", "Active", 1, "biz-hero__presence"], [1, "biz-hero__copy"], [1, "biz-hero__title-row"], [1, "biz-hero__name"], [1, "biz-hero__aka"], [1, "biz-hero__badges"], [1, "biz-hero__entity-chip"], [1, "fa-solid", "fa-building"], [1, "biz-hero__chip"], ["type", "button", 1, "biz-hero__toggle", 3, "click", "title"], [1, "biz-hero__edit"], [3, "error", "src", "alt"], [1, "biz-hero__summary"], [1, "biz-hero__stat"], [1, "biz-hero__stat-label"], ["type", "button", 1, "biz-hero__stat-val"], [1, "biz-hero__stat-val"], ["type", "button", 1, "biz-hero__stat-val", 3, "click"], ["target", "_blank", "rel", "noopener noreferrer", 1, "biz-hero__stat-val", "is-link", 3, "href"], [1, "biz-hero__stat-val", "is-link", 3, "href"], [1, "biz-hero__field"], ["FieldName", "Name", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "LegalName", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Acronym", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "OrganizationTypeID", "Type", "textbox", "LinkType", "Record", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Status", "Type", "select", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "FoundedDate", "Type", "datepicker", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "TaxID", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Website", "Type", "textbox", "LinkType", "URL", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "LogoURL", "Type", "textbox", "LinkType", "URL", 3, "Record", "ShowLabel", "EditMode", "FormContext"], [1, "biz-hero__field", "biz-hero__field--span"], ["FieldName", "Description", "Type", "textarea", 3, "Record", "ShowLabel", "EditMode", "FormContext"]], template: function OrganizationIdentityComponent_Template(rf, ctx) { if (rf & 1) {
|
|
245
272
|
i0.ɵɵprojectionDef();
|
|
246
273
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
|
|
247
274
|
i0.ɵɵconditionalCreate(3, OrganizationIdentityComponent_Conditional_3_Template, 1, 2, "img", 3)(4, OrganizationIdentityComponent_Conditional_4_Template, 2, 1, "span", 4);
|
|
@@ -262,7 +289,8 @@ export class OrganizationIdentityComponent {
|
|
|
262
289
|
i0.ɵɵlistener("click", function OrganizationIdentityComponent_Template_button_click_17_listener() { return ctx.ToggleCollapsed(); });
|
|
263
290
|
i0.ɵɵelement(18, "i");
|
|
264
291
|
i0.ɵɵelementEnd()();
|
|
265
|
-
i0.ɵɵconditionalCreate(19, OrganizationIdentityComponent_Conditional_19_Template,
|
|
292
|
+
i0.ɵɵconditionalCreate(19, OrganizationIdentityComponent_Conditional_19_Template, 2, 1);
|
|
293
|
+
i0.ɵɵconditionalCreate(20, OrganizationIdentityComponent_Conditional_20_Template, 21, 40, "div", 15);
|
|
266
294
|
i0.ɵɵelementEnd();
|
|
267
295
|
} if (rf & 2) {
|
|
268
296
|
i0.ɵɵclassProp("biz-hero--collapsed", ctx.Collapsed);
|
|
@@ -285,11 +313,13 @@ export class OrganizationIdentityComponent {
|
|
|
285
313
|
i0.ɵɵclassMap(ctx.Collapsed ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-up");
|
|
286
314
|
i0.ɵɵadvance();
|
|
287
315
|
i0.ɵɵconditional(!ctx.Collapsed ? 19 : -1);
|
|
288
|
-
|
|
316
|
+
i0.ɵɵadvance();
|
|
317
|
+
i0.ɵɵconditional(ctx.EditMode ? 20 : -1);
|
|
318
|
+
} }, 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-surface-hover);\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}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__edit[_ngcontent-%COMP%] {\n margin-top: var(--mj-space-3);\n}"] });
|
|
289
319
|
}
|
|
290
320
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganizationIdentityComponent, [{
|
|
291
321
|
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--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"] }]
|
|
322
|
+
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\n <!-- Outside the collapse: this hero claims the generated identity section, so these are the only\n inputs for its fields. Collapsing the header must not take them away (#343). -->\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=\"Acronym\"\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=\"OrganizationTypeID\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\" LinkType=\"Record\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"Status\"\n Type=\"select\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"FoundedDate\"\n Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"TaxID\"\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 class=\"biz-hero__field biz-hero__field--span\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"Description\"\n Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n </div>\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-surface-hover);\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\n.biz-hero--collapsed .biz-hero__edit {\n margin-top: var(--mj-space-3);\n}\n"] }]
|
|
293
323
|
}], null, { Record: [{
|
|
294
324
|
type: Input,
|
|
295
325
|
args: [{ required: true }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"organization-identity.component.js","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/organization-identity.component.ts","../../../../src/lib/components/identity-header/organization-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;;;;;;ICD1D,+BAA8E;IAA9B,oMAAS,0BAAmB,KAAC;IAA7E,iBAA8E;;;IAAlD,AAAvB,6DAAsB,2BAAoB;;;IAE/C,+BAAiC;IAAA,YAAc;IAAA,iBAAO;;;IAArB,cAAc;IAAd,qCAAc;;;IAG/C,0BAAuD;;;IASvD,8BAA2B;IAAA,YAAkC;IAAA,iBAAM;;;IAAxC,cAAkC;IAAlC,8DAAkC;;;;IA2BjD,kCAAiF;IAAhC,mPAAS,4BAAqB,KAAC;IAC5E,YACJ;IAAA,iBAAS;;;IADL,cACJ;IADI,qDACJ;;;IAEA,gCAAiC;IAAA,YAAmB;IAAA,iBAAO;;;IAA1B,cAAmB;IAAnB,0CAAmB;;;IANxD,AADJ,+BAA4B,eACW;IAAA,0BAAU;IAAA,iBAAO;IAKlD,AAJF,8IAAuB,sHAId;IAGb,iBAAM;;;IAPF,eAMC;IAND,gDAMC;;;IAKD,AADJ,+BAA4B,eACW;IAAA,uBAAO;IAAA,iBAAO;IACjD,6BAAwG;IACpG,YACJ;IACJ,AADI,iBAAI,EACF;;;IAHoC,eAAuB;IAAvB,8DAAuB;IACzD,cACJ;IADI,sDACJ;;;IAKA,AADJ,+BAA4B,eACW;IAAA,qBAAK;IAAA,iBAAO;IAC/C,6BAC8D;IAC1D,YACJ;IACJ,AADI,iBAAI,EACF;;;IAHC,eAA0D;IAA1D,wGAA0D;IACzD,cACJ;IADI,kFACJ;;;IAKA,AADJ,+BAA4B,eACW;IAAA,wBAAQ;IAAA,iBAAO;IAClD,gCAAiC;IAAA,YAAkB;IACvD,AADuD,iBAAO,EACxD;;;IAD+B,eAAkB;IAAlB,yCAAkB;;;IAjC/D,+BAA+B;IAC3B,6HAAqB;IAYrB,6HAAsB;IAQtB,6HAA2C;IAS3C,6HAAoB;IAMxB,iBAAM;;;IAnCF,cAWC;IAXD,+CAWC;IACD,cAOC;IAPD,gDAOC;IACD,cAQC;IARD,4EAQC;IACD,cAKC;IALD,8CAKC;;;
|
|
1
|
+
{"version":3,"file":"organization-identity.component.js","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/organization-identity.component.ts","../../../../src/lib/components/identity-header/organization-identity.component.html"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ import * as i1 from "@memberjunction/ng-base-forms";
|
|
|
10
10
|
const _c0 = ["*"];
|
|
11
11
|
function PersonIdentityComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
12
12
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
13
|
-
i0.ɵɵelementStart(0, "img",
|
|
13
|
+
i0.ɵɵelementStart(0, "img", 19);
|
|
14
14
|
i0.ɵɵlistener("error", function PersonIdentityComponent_Conditional_3_Template_img_error_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPhotoError($event)); });
|
|
15
15
|
i0.ɵɵelementEnd();
|
|
16
16
|
} if (rf & 2) {
|
|
@@ -40,7 +40,7 @@ function PersonIdentityComponent_Conditional_10_Template(rf, ctx) { if (rf & 1)
|
|
|
40
40
|
} }
|
|
41
41
|
function PersonIdentityComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
42
42
|
i0.ɵɵelementStart(0, "span", 14);
|
|
43
|
-
i0.ɵɵelement(1, "i",
|
|
43
|
+
i0.ɵɵelement(1, "i", 20);
|
|
44
44
|
i0.ɵɵtext(2);
|
|
45
45
|
i0.ɵɵelementEnd();
|
|
46
46
|
} if (rf & 2) {
|
|
@@ -49,7 +49,7 @@ function PersonIdentityComponent_Conditional_17_Template(rf, ctx) { if (rf & 1)
|
|
|
49
49
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.Record.SeniorityLevel, " ");
|
|
50
50
|
} }
|
|
51
51
|
function PersonIdentityComponent_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
52
|
-
i0.ɵɵelementStart(0, "span",
|
|
52
|
+
i0.ɵɵelementStart(0, "span", 23);
|
|
53
53
|
i0.ɵɵtext(1);
|
|
54
54
|
i0.ɵɵelementEnd();
|
|
55
55
|
} if (rf & 2) {
|
|
@@ -59,11 +59,11 @@ function PersonIdentityComponent_Conditional_18_Conditional_3_Template(rf, ctx)
|
|
|
59
59
|
} }
|
|
60
60
|
function PersonIdentityComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
61
61
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
62
|
-
i0.ɵɵelementStart(0, "button",
|
|
62
|
+
i0.ɵɵelementStart(0, "button", 21);
|
|
63
63
|
i0.ɵɵlistener("click", function PersonIdentityComponent_Conditional_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleAllFunctions()); });
|
|
64
|
-
i0.ɵɵelement(1, "i",
|
|
64
|
+
i0.ɵɵelement(1, "i", 22);
|
|
65
65
|
i0.ɵɵtext(2);
|
|
66
|
-
i0.ɵɵconditionalCreate(3, PersonIdentityComponent_Conditional_18_Conditional_3_Template, 2, 1, "span",
|
|
66
|
+
i0.ɵɵconditionalCreate(3, PersonIdentityComponent_Conditional_18_Conditional_3_Template, 2, 1, "span", 23);
|
|
67
67
|
i0.ɵɵelementEnd();
|
|
68
68
|
} if (rf & 2) {
|
|
69
69
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -74,7 +74,7 @@ function PersonIdentityComponent_Conditional_18_Template(rf, ctx) { if (rf & 1)
|
|
|
74
74
|
i0.ɵɵconditional(ctx_r1.AllJobFunctions.length > 1 ? 3 : -1);
|
|
75
75
|
} }
|
|
76
76
|
function PersonIdentityComponent_Conditional_19_For_4_Template(rf, ctx) { if (rf & 1) {
|
|
77
|
-
i0.ɵɵelementStart(0, "span",
|
|
77
|
+
i0.ɵɵelementStart(0, "span", 25);
|
|
78
78
|
i0.ɵɵtext(1);
|
|
79
79
|
i0.ɵɵelementEnd();
|
|
80
80
|
} if (rf & 2) {
|
|
@@ -83,10 +83,10 @@ function PersonIdentityComponent_Conditional_19_For_4_Template(rf, ctx) { if (rf
|
|
|
83
83
|
i0.ɵɵtextInterpolate(fn_r4);
|
|
84
84
|
} }
|
|
85
85
|
function PersonIdentityComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
86
|
-
i0.ɵɵelementStart(0, "div", 16)(1, "span",
|
|
86
|
+
i0.ɵɵelementStart(0, "div", 16)(1, "span", 24);
|
|
87
87
|
i0.ɵɵtext(2, "Job Functions:");
|
|
88
88
|
i0.ɵɵelementEnd();
|
|
89
|
-
i0.ɵɵrepeaterCreate(3, PersonIdentityComponent_Conditional_19_For_4_Template, 2, 1, "span",
|
|
89
|
+
i0.ɵɵrepeaterCreate(3, PersonIdentityComponent_Conditional_19_For_4_Template, 2, 1, "span", 25, i0.ɵɵrepeaterTrackByIdentity);
|
|
90
90
|
i0.ɵɵelementEnd();
|
|
91
91
|
} if (rf & 2) {
|
|
92
92
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -163,7 +163,7 @@ function PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_4_Temp
|
|
|
163
163
|
i0.ɵɵtextInterpolate(ctx_r1.LocationLine);
|
|
164
164
|
} }
|
|
165
165
|
function PersonIdentityComponent_Conditional_22_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
166
|
-
i0.ɵɵelementStart(0, "div",
|
|
166
|
+
i0.ɵɵelementStart(0, "div", 26);
|
|
167
167
|
i0.ɵɵconditionalCreate(1, PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_1_Template, 5, 1, "div", 27);
|
|
168
168
|
i0.ɵɵconditionalCreate(2, PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Template, 5, 1, "div", 27);
|
|
169
169
|
i0.ɵɵconditionalCreate(3, PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_3_Template, 5, 2, "div", 27);
|
|
@@ -180,8 +180,15 @@ function PersonIdentityComponent_Conditional_22_Conditional_0_Template(rf, ctx)
|
|
|
180
180
|
i0.ɵɵadvance();
|
|
181
181
|
i0.ɵɵconditional(ctx_r1.LocationLine ? 4 : -1);
|
|
182
182
|
} }
|
|
183
|
-
function
|
|
184
|
-
i0.ɵɵ
|
|
183
|
+
function PersonIdentityComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
184
|
+
i0.ɵɵconditionalCreate(0, PersonIdentityComponent_Conditional_22_Conditional_0_Template, 5, 4, "div", 26);
|
|
185
|
+
i0.ɵɵprojection(1);
|
|
186
|
+
} if (rf & 2) {
|
|
187
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
188
|
+
i0.ɵɵconditional(!ctx_r1.EditMode && (ctx_r1.DisplayTitle || ctx_r1.Record.CurrentOrganizationName || ctx_r1.Record.PrimaryEmail || ctx_r1.Record.Email || ctx_r1.LocationLine) ? 0 : -1);
|
|
189
|
+
} }
|
|
190
|
+
function PersonIdentityComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
|
|
191
|
+
i0.ɵɵelementStart(0, "div", 18)(1, "div", 33);
|
|
185
192
|
i0.ɵɵelement(2, "mj-form-field", 34);
|
|
186
193
|
i0.ɵɵelementEnd();
|
|
187
194
|
i0.ɵɵelementStart(3, "div", 33);
|
|
@@ -205,11 +212,19 @@ function PersonIdentityComponent_Conditional_22_Conditional_2_Template(rf, ctx)
|
|
|
205
212
|
i0.ɵɵelementStart(15, "div", 33);
|
|
206
213
|
i0.ɵɵelement(16, "mj-form-field", 41);
|
|
207
214
|
i0.ɵɵelementEnd();
|
|
208
|
-
i0.ɵɵelementStart(17, "div",
|
|
209
|
-
i0.ɵɵelement(18, "mj-form-field",
|
|
215
|
+
i0.ɵɵelementStart(17, "div", 33);
|
|
216
|
+
i0.ɵɵelement(18, "mj-form-field", 42);
|
|
217
|
+
i0.ɵɵelementEnd();
|
|
218
|
+
i0.ɵɵelementStart(19, "div", 33);
|
|
219
|
+
i0.ɵɵelement(20, "mj-form-field", 43);
|
|
220
|
+
i0.ɵɵelementEnd();
|
|
221
|
+
i0.ɵɵelementStart(21, "div", 44);
|
|
222
|
+
i0.ɵɵelement(22, "mj-form-field", 45);
|
|
210
223
|
i0.ɵɵelementEnd()();
|
|
211
224
|
} if (rf & 2) {
|
|
212
|
-
const ctx_r1 = i0.ɵɵnextContext(
|
|
225
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
226
|
+
i0.ɵɵadvance(2);
|
|
227
|
+
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
213
228
|
i0.ɵɵadvance(2);
|
|
214
229
|
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
215
230
|
i0.ɵɵadvance(2);
|
|
@@ -228,16 +243,8 @@ function PersonIdentityComponent_Conditional_22_Conditional_2_Template(rf, ctx)
|
|
|
228
243
|
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
229
244
|
i0.ɵɵadvance(2);
|
|
230
245
|
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
231
|
-
} }
|
|
232
|
-
function PersonIdentityComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
233
|
-
i0.ɵɵconditionalCreate(0, PersonIdentityComponent_Conditional_22_Conditional_0_Template, 5, 4, "div", 25);
|
|
234
|
-
i0.ɵɵprojection(1);
|
|
235
|
-
i0.ɵɵconditionalCreate(2, PersonIdentityComponent_Conditional_22_Conditional_2_Template, 19, 36, "div", 26);
|
|
236
|
-
} if (rf & 2) {
|
|
237
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
238
|
-
i0.ɵɵconditional(!ctx_r1.EditMode && (ctx_r1.DisplayTitle || ctx_r1.Record.CurrentOrganizationName || ctx_r1.Record.PrimaryEmail || ctx_r1.Record.Email || ctx_r1.LocationLine) ? 0 : -1);
|
|
239
246
|
i0.ɵɵadvance(2);
|
|
240
|
-
i0.ɵɵ
|
|
247
|
+
i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.FormContext);
|
|
241
248
|
} }
|
|
242
249
|
/**
|
|
243
250
|
* Presentational Person identity strip. Used by Common's header contribution
|
|
@@ -359,7 +366,7 @@ export class PersonIdentityComponent {
|
|
|
359
366
|
}
|
|
360
367
|
}
|
|
361
368
|
static ɵfac = function PersonIdentityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PersonIdentityComponent)(); };
|
|
362
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PersonIdentityComponent, selectors: [["bizapps-person-identity"]], inputs: { Record: "Record", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate" }, ngContentSelectors: _c0, decls:
|
|
369
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PersonIdentityComponent, selectors: [["bizapps-person-identity"]], inputs: { Record: "Record", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate" }, ngContentSelectors: _c0, decls: 24, vars: 17, consts: [[1, "biz-hero"], [1, "biz-hero__identity"], ["aria-hidden", "true", 1, "biz-hero__avatar"], [3, "src", "alt"], [1, "biz-hero__initials"], ["title", "Active", 1, "biz-hero__presence"], [1, "biz-hero__copy"], [1, "biz-hero__title-row"], [1, "biz-hero__name"], [1, "biz-hero__aka"], [1, "biz-hero__badges"], [1, "biz-hero__entity-chip"], [1, "fa-solid", "fa-database"], [1, "biz-hero__chip"], ["data-tone", "muted", "title", "Seniority Level", 1, "biz-hero__chip"], ["type", "button", 1, "biz-hero__chip", "biz-hero__chip--interactive", 3, "title"], [1, "biz-hero__secondary-chips"], ["type", "button", 1, "biz-hero__toggle", 3, "click", "title"], [1, "biz-hero__edit"], [3, "error", "src", "alt"], [1, "fa-solid", "fa-layer-group"], ["type", "button", 1, "biz-hero__chip", "biz-hero__chip--interactive", 3, "click", "title"], [1, "fa-solid", "fa-briefcase"], [1, "biz-hero__chip-count"], [1, "biz-hero__secondary-label"], [1, "biz-hero__sub-chip"], [1, "biz-hero__summary"], [1, "biz-hero__stat"], [1, "biz-hero__stat-label"], [1, "biz-hero__stat-val"], ["type", "button", 1, "biz-hero__stat-val"], ["type", "button", 1, "biz-hero__stat-val", 3, "click"], [1, "biz-hero__stat-val", "is-link", 3, "href"], [1, "biz-hero__field"], ["FieldName", "FirstName", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "MiddleName", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "LastName", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "PreferredName", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Prefix", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Suffix", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "DisplayName", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "DateOfBirth", "Type", "datepicker", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Gender", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "SeniorityLevelID", "Type", "dropdownlist", 3, "Record", "ShowLabel", "EditMode", "FormContext"], [1, "biz-hero__field", "biz-hero__field--span"], ["FieldName", "PhotoURL", "Type", "textbox", "LinkType", "URL", 3, "Record", "ShowLabel", "EditMode", "FormContext"]], template: function PersonIdentityComponent_Template(rf, ctx) { if (rf & 1) {
|
|
363
370
|
i0.ɵɵprojectionDef();
|
|
364
371
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
|
|
365
372
|
i0.ɵɵconditionalCreate(3, PersonIdentityComponent_Conditional_3_Template, 1, 2, "img", 3)(4, PersonIdentityComponent_Conditional_4_Template, 2, 1, "span", 4);
|
|
@@ -385,7 +392,8 @@ export class PersonIdentityComponent {
|
|
|
385
392
|
i0.ɵɵlistener("click", function PersonIdentityComponent_Template_button_click_20_listener() { return ctx.ToggleCollapsed(); });
|
|
386
393
|
i0.ɵɵelement(21, "i");
|
|
387
394
|
i0.ɵɵelementEnd()();
|
|
388
|
-
i0.ɵɵconditionalCreate(22, PersonIdentityComponent_Conditional_22_Template,
|
|
395
|
+
i0.ɵɵconditionalCreate(22, PersonIdentityComponent_Conditional_22_Template, 2, 1);
|
|
396
|
+
i0.ɵɵconditionalCreate(23, PersonIdentityComponent_Conditional_23_Template, 23, 44, "div", 18);
|
|
389
397
|
i0.ɵɵelementEnd();
|
|
390
398
|
} if (rf & 2) {
|
|
391
399
|
i0.ɵɵclassProp("biz-hero--collapsed", ctx.Collapsed);
|
|
@@ -414,11 +422,13 @@ export class PersonIdentityComponent {
|
|
|
414
422
|
i0.ɵɵclassMap(ctx.Collapsed ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-up");
|
|
415
423
|
i0.ɵɵadvance();
|
|
416
424
|
i0.ɵɵconditional(!ctx.Collapsed ? 22 : -1);
|
|
417
|
-
|
|
425
|
+
i0.ɵɵadvance();
|
|
426
|
+
i0.ɵɵconditional(ctx.EditMode ? 23 : -1);
|
|
427
|
+
} }, 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-surface-hover);\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}\n\n.biz-hero--collapsed[_ngcontent-%COMP%] .biz-hero__edit[_ngcontent-%COMP%] {\n margin-top: var(--mj-space-3);\n}"] });
|
|
418
428
|
}
|
|
419
429
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PersonIdentityComponent, [{
|
|
420
430
|
type: Component,
|
|
421
|
-
args: [{ standalone: true, selector: 'bizapps-person-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.PhotoURL && !EditMode) {\n <img [src]=\"Record.PhotoURL\" [alt]=\"Record.DisplayName\" (error)=\"OnPhotoError($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.DisplayName || (Record.FirstName + ' ' + Record.LastName) }}</h1>\n </div>\n @if (PreferredDiffers && !Collapsed) {\n <div class=\"biz-hero__aka\">Goes by {{ Record.PreferredName }}</div>\n }\n <div class=\"biz-hero__badges\">\n <span class=\"biz-hero__entity-chip\">\n <i class=\"fa-solid fa-database\"></i>\n People\n </span>\n <span class=\"biz-hero__chip\" [attr.data-tone]=\"StatusTone\">{{ Record.Status }}</span>\n @if (Record.SeniorityLevel) {\n <span class=\"biz-hero__chip\" data-tone=\"muted\" title=\"Seniority Level\">\n <i class=\"fa-solid fa-layer-group\"></i>\n {{ Record.SeniorityLevel }}\n </span>\n }\n @if (Record.PrimaryJobFunction) {\n <button type=\"button\" class=\"biz-hero__chip biz-hero__chip--interactive\"\n [title]=\"ShowAllFunctions ? 'Hide job functions' : 'Show all job functions'\"\n (click)=\"ToggleAllFunctions()\">\n <i class=\"fa-solid fa-briefcase\"></i>\n {{ Record.PrimaryJobFunction }}\n @if (AllJobFunctions.length > 1) {\n <span class=\"biz-hero__chip-count\">+{{ AllJobFunctions.length - 1 }}</span>\n }\n </button>\n }\n </div>\n @if (ShowAllFunctions && AllJobFunctions.length > 0) {\n <div class=\"biz-hero__secondary-chips\">\n <span class=\"biz-hero__secondary-label\">Job Functions:</span>\n @for (fn of AllJobFunctions; track fn) {\n <span class=\"biz-hero__sub-chip\">{{ fn }}</span>\n }\n </div>\n }\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 && (DisplayTitle || Record.CurrentOrganizationName || Record.PrimaryEmail || Record.Email || LocationLine)) {\n <div class=\"biz-hero__summary\">\n @if (DisplayTitle) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Title</span>\n <span class=\"biz-hero__stat-val\">{{ DisplayTitle }}</span>\n </div>\n }\n @if (Record.CurrentOrganizationName) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Organization</span>\n @if (Record.CurrentOrganizationID) {\n <button type=\"button\" class=\"biz-hero__stat-val\" (click)=\"OnOrgClick($event)\">\n {{ Record.CurrentOrganizationName }}\n </button>\n } @else {\n <span class=\"biz-hero__stat-val\">{{ Record.CurrentOrganizationName }}</span>\n }\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=\"FirstName\"\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=\"LastName\"\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=\"PreferredName\"\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=\"Prefix\"\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=\"Suffix\"\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=\"DateOfBirth\"\n Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"Gender\"\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=\"SeniorityLevelID\"\n Type=\"dropdownlist\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field biz-hero__field--span\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"PhotoURL\"\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"] }]
|
|
431
|
+
args: [{ standalone: true, selector: 'bizapps-person-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.PhotoURL && !EditMode) {\n <img [src]=\"Record.PhotoURL\" [alt]=\"Record.DisplayName\" (error)=\"OnPhotoError($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.DisplayName || (Record.FirstName + ' ' + Record.LastName) }}</h1>\n </div>\n @if (PreferredDiffers && !Collapsed) {\n <div class=\"biz-hero__aka\">Goes by {{ Record.PreferredName }}</div>\n }\n <div class=\"biz-hero__badges\">\n <span class=\"biz-hero__entity-chip\">\n <i class=\"fa-solid fa-database\"></i>\n People\n </span>\n <span class=\"biz-hero__chip\" [attr.data-tone]=\"StatusTone\">{{ Record.Status }}</span>\n @if (Record.SeniorityLevel) {\n <span class=\"biz-hero__chip\" data-tone=\"muted\" title=\"Seniority Level\">\n <i class=\"fa-solid fa-layer-group\"></i>\n {{ Record.SeniorityLevel }}\n </span>\n }\n @if (Record.PrimaryJobFunction) {\n <button type=\"button\" class=\"biz-hero__chip biz-hero__chip--interactive\"\n [title]=\"ShowAllFunctions ? 'Hide job functions' : 'Show all job functions'\"\n (click)=\"ToggleAllFunctions()\">\n <i class=\"fa-solid fa-briefcase\"></i>\n {{ Record.PrimaryJobFunction }}\n @if (AllJobFunctions.length > 1) {\n <span class=\"biz-hero__chip-count\">+{{ AllJobFunctions.length - 1 }}</span>\n }\n </button>\n }\n </div>\n @if (ShowAllFunctions && AllJobFunctions.length > 0) {\n <div class=\"biz-hero__secondary-chips\">\n <span class=\"biz-hero__secondary-label\">Job Functions:</span>\n @for (fn of AllJobFunctions; track fn) {\n <span class=\"biz-hero__sub-chip\">{{ fn }}</span>\n }\n </div>\n }\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 && (DisplayTitle || Record.CurrentOrganizationName || Record.PrimaryEmail || Record.Email || LocationLine)) {\n <div class=\"biz-hero__summary\">\n @if (DisplayTitle) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Title</span>\n <span class=\"biz-hero__stat-val\">{{ DisplayTitle }}</span>\n </div>\n }\n @if (Record.CurrentOrganizationName) {\n <div class=\"biz-hero__stat\">\n <span class=\"biz-hero__stat-label\">Organization</span>\n @if (Record.CurrentOrganizationID) {\n <button type=\"button\" class=\"biz-hero__stat-val\" (click)=\"OnOrgClick($event)\">\n {{ Record.CurrentOrganizationName }}\n </button>\n } @else {\n <span class=\"biz-hero__stat-val\">{{ Record.CurrentOrganizationName }}</span>\n }\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\n <!-- Outside the collapse: this hero claims the generated identity section, so these are the only\n inputs for its fields. Collapsing the header must not take them away (#343). -->\n @if (EditMode) {\n <div class=\"biz-hero__edit\">\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"FirstName\"\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=\"MiddleName\"\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=\"LastName\"\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=\"PreferredName\"\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=\"Prefix\"\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=\"Suffix\"\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=\"DisplayName\"\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=\"DateOfBirth\"\n Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"Gender\"\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=\"SeniorityLevelID\"\n Type=\"dropdownlist\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\"></mj-form-field>\n </div>\n <div class=\"biz-hero__field biz-hero__field--span\">\n <mj-form-field [Record]=\"Record\" [ShowLabel]=\"true\" FieldName=\"PhotoURL\"\n Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"FormContext\" LinkType=\"URL\"></mj-form-field>\n </div>\n </div>\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-surface-hover);\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\n.biz-hero--collapsed .biz-hero__edit {\n margin-top: var(--mj-space-3);\n}\n"] }]
|
|
422
432
|
}], null, { Record: [{
|
|
423
433
|
type: Input,
|
|
424
434
|
args: [{ required: true }]
|