@mj-biz-apps/common-ng 5.65.0 → 5.66.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/identity-header/activity-identity.component.js +71 -68
- package/dist/lib/components/identity-header/activity-identity.component.js.map +1 -1
- package/dist/lib/components/identity-header/organization-identity.component.js +6 -5
- package/dist/lib/components/identity-header/organization-identity.component.js.map +1 -1
- package/dist/lib/components/identity-header/person-identity.component.js +6 -5
- package/dist/lib/components/identity-header/person-identity.component.js.map +1 -1
- package/dist/lib/components/org-hierarchy-tree/org-hierarchy-tree.component.d.ts.map +1 -1
- package/dist/lib/components/org-hierarchy-tree/org-hierarchy-tree.component.js +11 -7
- package/dist/lib/components/org-hierarchy-tree/org-hierarchy-tree.component.js.map +1 -1
- package/dist/lib/components/related-chips/related-chips.component.d.ts +1 -1
- package/dist/lib/components/related-chips/related-chips.component.d.ts.map +1 -1
- package/dist/lib/components/related-chips/related-chips.component.js +34 -23
- package/dist/lib/components/related-chips/related-chips.component.js.map +1 -1
- package/dist/lib/components/relationship-list/relationship-list.component.js +7 -5
- package/dist/lib/components/relationship-list/relationship-list.component.js.map +1 -1
- package/dist/lib/custom/panels/activity-links.panel.d.ts.map +1 -1
- package/dist/lib/custom/panels/activity-links.panel.js +12 -5
- package/dist/lib/custom/panels/activity-links.panel.js.map +1 -1
- package/dist/lib/custom/panels/organization-staff.panel.d.ts.map +1 -1
- package/dist/lib/custom/panels/organization-staff.panel.js +15 -7
- package/dist/lib/custom/panels/organization-staff.panel.js.map +1 -1
- package/package.json +2 -2
|
@@ -40,11 +40,12 @@ function OrganizationIdentityComponent_Conditional_10_Template(rf, ctx) { if (rf
|
|
|
40
40
|
function OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
41
41
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
42
42
|
i0.ɵɵelementStart(0, "button", 22);
|
|
43
|
-
i0.ɵɵlistener("click", function OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_1_Conditional_3_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnParentClick($event)); });
|
|
43
|
+
i0.ɵɵlistener("Navigate", function OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_1_Conditional_3_Template_button_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.Navigate.emit($event)); })("click", function OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_1_Conditional_3_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnParentClick($event)); });
|
|
44
44
|
i0.ɵɵtext(1);
|
|
45
45
|
i0.ɵɵelementEnd();
|
|
46
46
|
} if (rf & 2) {
|
|
47
47
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
48
|
+
i0.ɵɵproperty("mjRecordLink", ctx_r1.Record)("HandleClick", false);
|
|
48
49
|
i0.ɵɵadvance();
|
|
49
50
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.Record.Parent, " ");
|
|
50
51
|
} }
|
|
@@ -61,7 +62,7 @@ function OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_
|
|
|
61
62
|
i0.ɵɵelementStart(0, "div", 18)(1, "span", 19);
|
|
62
63
|
i0.ɵɵtext(2, "Parent Org");
|
|
63
64
|
i0.ɵɵelementEnd();
|
|
64
|
-
i0.ɵɵconditionalCreate(3, OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_1_Conditional_3_Template, 2,
|
|
65
|
+
i0.ɵɵconditionalCreate(3, OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_1_Conditional_3_Template, 2, 3, "button", 20)(4, OrganizationIdentityComponent_Conditional_19_Conditional_0_Conditional_1_Conditional_4_Template, 2, 1, "span", 21);
|
|
65
66
|
i0.ɵɵelementEnd();
|
|
66
67
|
} if (rf & 2) {
|
|
67
68
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -268,7 +269,7 @@ export class OrganizationIdentityComponent {
|
|
|
268
269
|
}
|
|
269
270
|
}
|
|
270
271
|
static ɵfac = function OrganizationIdentityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrganizationIdentityComponent)(); };
|
|
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) {
|
|
272
|
+
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", "FieldName", "ParentID", "EntityName", "MJ_BizApps_Common: Organizations", 1, "biz-hero__stat-val", 3, "mjRecordLink", "HandleClick"], [1, "biz-hero__stat-val"], ["type", "button", "FieldName", "ParentID", "EntityName", "MJ_BizApps_Common: Organizations", 1, "biz-hero__stat-val", 3, "Navigate", "click", "mjRecordLink", "HandleClick"], ["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) {
|
|
272
273
|
i0.ɵɵprojectionDef();
|
|
273
274
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
|
|
274
275
|
i0.ɵɵconditionalCreate(3, OrganizationIdentityComponent_Conditional_3_Template, 1, 2, "img", 3)(4, OrganizationIdentityComponent_Conditional_4_Template, 2, 1, "span", 4);
|
|
@@ -315,11 +316,11 @@ export class OrganizationIdentityComponent {
|
|
|
315
316
|
i0.ɵɵconditional(!ctx.Collapsed ? 19 : -1);
|
|
316
317
|
i0.ɵɵadvance();
|
|
317
318
|
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}"] });
|
|
319
|
+
} }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, i1.MjRecordLinkDirective, 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}"] });
|
|
319
320
|
}
|
|
320
321
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganizationIdentityComponent, [{
|
|
321
322
|
type: Component,
|
|
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"] }]
|
|
323
|
+
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\"\n [mjRecordLink]=\"Record\"\n FieldName=\"ParentID\"\n EntityName=\"MJ_BizApps_Common: Organizations\"\n [HandleClick]=\"false\"\n (Navigate)=\"Navigate.emit($event)\"\n (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"] }]
|
|
323
324
|
}], null, { Record: [{
|
|
324
325
|
type: Input,
|
|
325
326
|
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,
|
|
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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"}
|
|
@@ -108,11 +108,12 @@ function PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_1_Temp
|
|
|
108
108
|
function PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
109
109
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
110
110
|
i0.ɵɵelementStart(0, "button", 31);
|
|
111
|
-
i0.ɵɵlistener("click", function PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Conditional_3_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnOrgClick($event)); });
|
|
111
|
+
i0.ɵɵlistener("Navigate", function PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Conditional_3_Template_button_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.Navigate.emit($event)); })("click", function PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Conditional_3_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnOrgClick($event)); });
|
|
112
112
|
i0.ɵɵtext(1);
|
|
113
113
|
i0.ɵɵelementEnd();
|
|
114
114
|
} if (rf & 2) {
|
|
115
115
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
116
|
+
i0.ɵɵproperty("mjRecordLink", ctx_r1.Record)("HandleClick", false);
|
|
116
117
|
i0.ɵɵadvance();
|
|
117
118
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.Record.CurrentOrganizationName, " ");
|
|
118
119
|
} }
|
|
@@ -129,7 +130,7 @@ function PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Temp
|
|
|
129
130
|
i0.ɵɵelementStart(0, "div", 27)(1, "span", 28);
|
|
130
131
|
i0.ɵɵtext(2, "Organization");
|
|
131
132
|
i0.ɵɵelementEnd();
|
|
132
|
-
i0.ɵɵconditionalCreate(3, PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Conditional_3_Template, 2,
|
|
133
|
+
i0.ɵɵconditionalCreate(3, PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Conditional_3_Template, 2, 3, "button", 30)(4, PersonIdentityComponent_Conditional_22_Conditional_0_Conditional_2_Conditional_4_Template, 2, 1, "span", 29);
|
|
133
134
|
i0.ɵɵelementEnd();
|
|
134
135
|
} if (rf & 2) {
|
|
135
136
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -366,7 +367,7 @@ export class PersonIdentityComponent {
|
|
|
366
367
|
}
|
|
367
368
|
}
|
|
368
369
|
static ɵfac = function PersonIdentityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PersonIdentityComponent)(); };
|
|
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) {
|
|
370
|
+
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", "FieldName", "CurrentOrganizationID", "EntityName", "MJ_BizApps_Common: Organizations", 1, "biz-hero__stat-val", 3, "mjRecordLink", "HandleClick"], ["type", "button", "FieldName", "CurrentOrganizationID", "EntityName", "MJ_BizApps_Common: Organizations", 1, "biz-hero__stat-val", 3, "Navigate", "click", "mjRecordLink", "HandleClick"], [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) {
|
|
370
371
|
i0.ɵɵprojectionDef();
|
|
371
372
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
|
|
372
373
|
i0.ɵɵconditionalCreate(3, PersonIdentityComponent_Conditional_3_Template, 1, 2, "img", 3)(4, PersonIdentityComponent_Conditional_4_Template, 2, 1, "span", 4);
|
|
@@ -424,11 +425,11 @@ export class PersonIdentityComponent {
|
|
|
424
425
|
i0.ɵɵconditional(!ctx.Collapsed ? 22 : -1);
|
|
425
426
|
i0.ɵɵadvance();
|
|
426
427
|
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}"] });
|
|
428
|
+
} }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, i1.MjRecordLinkDirective, 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}"] });
|
|
428
429
|
}
|
|
429
430
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PersonIdentityComponent, [{
|
|
430
431
|
type: Component,
|
|
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"] }]
|
|
432
|
+
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\"\n [mjRecordLink]=\"Record\"\n FieldName=\"CurrentOrganizationID\"\n EntityName=\"MJ_BizApps_Common: Organizations\"\n [HandleClick]=\"false\"\n (Navigate)=\"Navigate.emit($event)\"\n (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"] }]
|
|
432
433
|
}], null, { Record: [{
|
|
433
434
|
type: Input,
|
|
434
435
|
args: [{ required: true }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"person-identity.component.js","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/person-identity.component.ts","../../../../src/lib/components/identity-header/person-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,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvE,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;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;;;;;;ICH/C,+BAAuF;IAA/B,8LAAS,2BAAoB,KAAC;IAAtF,iBAAuF;;;IAA1D,AAAxB,8DAAuB,kCAA2B;;;IAEvD,+BAAiC;IAAA,YAAc;IAAA,iBAAO;;;IAArB,cAAc;IAAd,qCAAc;;;IAG/C,0BAAuD;;;IASvD,8BAA2B;IAAA,YAAkC;IAAA,iBAAM;;;IAAxC,cAAkC;IAAlC,8DAAkC;;;IASzD,gCAAuE;IACnE,wBAAuC;IACvC,YACJ;IAAA,iBAAO;;;IADH,eACJ;IADI,6DACJ;;;IASQ,gCAAmC;IAAA,YAAiC;IAAA,iBAAO;;;IAAxC,cAAiC;IAAjC,6DAAiC;;;;IAN5E,kCAEuC;IAA/B,4LAAS,2BAAoB,KAAC;IAClC,wBAAqC;IACrC,YACA;IAAA,0GAAkC;IAGtC,iBAAS;;;IAPD,iGAA4E;IAGhF,eACA;IADA,iEACA;IAAA,cAEC;IAFD,4DAEC;;;IAQD,gCAAiC;IAAA,YAAQ;IAAA,iBAAO;;;IAAf,cAAQ;IAAR,2BAAQ;;;IAF7C,AADJ,+BAAuC,eACK;IAAA,8BAAc;IAAA,iBAAO;IAC7D,6HAEC;IACL,iBAAM;;;IAHF,eAEC;IAFD,qCAEC;;;IAmBG,AADJ,+BAA4B,eACW;IAAA,qBAAK;IAAA,iBAAO;IAC/C,gCAAiC;IAAA,YAAkB;IACvD,AADuD,iBAAO,EACxD;;;IAD+B,eAAkB;IAAlB,yCAAkB;;;;IAO/C,
|
|
1
|
+
{"version":3,"file":"person-identity.component.js","sourceRoot":"","sources":["../../../../src/lib/components/identity-header/person-identity.component.ts","../../../../src/lib/components/identity-header/person-identity.component.html"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"org-hierarchy-tree.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/org-hierarchy-tree/org-hierarchy-tree.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAA6B,MAAM,EAAE,MAAM,eAAe,CAAC;AAG1G,OAAO,
|
|
1
|
+
{"version":3,"file":"org-hierarchy-tree.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/org-hierarchy-tree/org-hierarchy-tree.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAA6B,MAAM,EAAE,MAAM,eAAe,CAAC;AAG1G,OAAO,EAAmB,mBAAmB,EAAyB,MAAM,+BAA+B,CAAC;AAE5G,OAAO,EAA0B,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;;AAIhG;;GAEG;AACH,MAAM,WAAW,WAAW;IACxB,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,gBAAgB,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,QAAQ,EAAE,WAAW,EAAE,CAAC;CAC3B;AAED;;;;;GAKG;AACH,qBAOa,yBAA0B,YAAW,MAAM;IACpD,OAAO,CAAC,GAAG,CAA6B;IAExC,OAAO,CAAC,eAAe,CAAM;IAE7B,+EAA+E;IACxE,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAW;IAE/C,IACI,cAAc,CAAC,KAAK,EAAE,MAAM,EAM/B;IACD,IAAI,cAAc,IAAI,MAAM,CAAiC;IAEnD,QAAQ,oCAA2C;IAEtD,UAAU,EAAE,WAAW,GAAG,IAAI,CAAQ;IACtC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAQ;IACvC,UAAU,EAAE,WAAW,EAAE,CAAM;IAC/B,OAAO,UAAS;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEpC,QAAQ,IAAI,IAAI;IAIvB,OAAO,CAAC,kBAAkB;IAOnB,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAMnD,IAAW,UAAU,IAAI,mBAAmB,CAY3C;YAEa,aAAa;IAwC3B,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,aAAa;IAUd,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI;yCApJhE,yBAAyB;2CAAzB,yBAAyB;CAgKrC"}
|