@memberjunction/ng-entity-card 6.1.0-edge.4 → 6.1.0-edge.6
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.
|
@@ -544,7 +544,7 @@ export class MJEntityCardComponent extends BaseAngularComponent {
|
|
|
544
544
|
i0.ɵɵconditional(ctx.DisplayFields.length > 0 ? 9 : -1);
|
|
545
545
|
i0.ɵɵadvance();
|
|
546
546
|
i0.ɵɵconditional(ctx.ShowOpenButton ? 10 : -1);
|
|
547
|
-
} }, styles: ["\n\n\n\n
|
|
547
|
+
} }, styles: ["\n\n\n\n.mj-entity-card[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n background: var(--mj-bg-surface);\n border: 1px solid var(--mj-border-default);\n border-radius: 8px;\n padding: 12px;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;\n position: relative;\n}\n\n.mj-entity-card[_ngcontent-%COMP%]:hover {\n border-color: var(--mj-border-strong);\n box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n\n\n.mj-entity-card--compact[_ngcontent-%COMP%] {\n padding: 8px 10px;\n gap: 8px;\n border-radius: 6px;\n}\n\n.mj-entity-card--compact[_ngcontent-%COMP%] .mj-ec-title[_ngcontent-%COMP%] {\n font-size: 0.85rem;\n}\n\n.mj-entity-card--compact[_ngcontent-%COMP%] .mj-ec-fields[_ngcontent-%COMP%] {\n gap: 4px;\n}\n\n.mj-entity-card--compact[_ngcontent-%COMP%] .mj-ec-field-value[_ngcontent-%COMP%] {\n font-size: 0.75rem;\n}\n\n\n\n.mj-entity-card--card[_ngcontent-%COMP%] {\n padding: 14px;\n}\n\n\n\n.mj-entity-card--detail[_ngcontent-%COMP%] {\n padding: 16px;\n flex-direction: column;\n gap: 14px;\n cursor: default;\n}\n\n.mj-entity-card--detail[_ngcontent-%COMP%] .mj-ec-avatar-area[_ngcontent-%COMP%] {\n align-self: flex-start;\n}\n\n.mj-entity-card--detail[_ngcontent-%COMP%] .mj-ec-content[_ngcontent-%COMP%] {\n width: 100%;\n}\n\n.mj-entity-card--detail[_ngcontent-%COMP%] .mj-ec-fields[_ngcontent-%COMP%] {\n flex-direction: column;\n gap: 8px;\n}\n\n.mj-entity-card--detail[_ngcontent-%COMP%] .mj-ec-field[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n padding: 6px 0;\n border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mj-entity-card--detail[_ngcontent-%COMP%] .mj-ec-field[_ngcontent-%COMP%]:last-child {\n border-bottom: none;\n}\n\n.mj-entity-card--detail[_ngcontent-%COMP%] .mj-ec-field-label[_ngcontent-%COMP%] {\n font-weight: 600;\n color: var(--mj-text-secondary);\n min-width: 120px;\n flex-shrink: 0;\n}\n\n.mj-entity-card--detail[_ngcontent-%COMP%] .mj-ec-field-value[_ngcontent-%COMP%] {\n text-align: right;\n word-break: break-word;\n}\n\n\n\n.mj-ec-avatar-area[_ngcontent-%COMP%] {\n flex-shrink: 0;\n}\n\n.mj-ec-avatar[_ngcontent-%COMP%] {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--mj-text-inverse, white);\n font-size: 0.8rem;\n font-weight: 700;\n letter-spacing: 0.5px;\n}\n\n.mj-ec-thumbnail[_ngcontent-%COMP%] {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n overflow: hidden;\n}\n\n.mj-ec-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n\n\n.mj-ec-content[_ngcontent-%COMP%] {\n flex: 1;\n min-width: 0;\n}\n\n.mj-ec-header[_ngcontent-%COMP%] {\n margin-bottom: 4px;\n}\n\n.mj-ec-title[_ngcontent-%COMP%] {\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--mj-text-primary);\n line-height: 1.3;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.mj-ec-entity[_ngcontent-%COMP%] {\n font-size: 0.72rem;\n color: var(--mj-brand-primary);\n font-weight: 500;\n margin-top: 1px;\n}\n\n.mj-ec-subtitle[_ngcontent-%COMP%] {\n font-size: 0.8rem;\n color: var(--mj-text-secondary);\n margin-bottom: 6px;\n}\n\n.mj-ec-description[_ngcontent-%COMP%] {\n font-size: 0.82rem;\n color: var(--mj-text-secondary);\n line-height: 1.45;\n margin-bottom: 8px;\n}\n\n\n\n.mj-ec-fields[_ngcontent-%COMP%] {\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n margin-top: 6px;\n}\n\n.mj-ec-fields--labeled[_ngcontent-%COMP%] .mj-ec-field[_ngcontent-%COMP%] {\n flex-direction: column;\n gap: 1px;\n}\n\n.mj-ec-field[_ngcontent-%COMP%] {\n display: flex;\n align-items: baseline;\n gap: 4px;\n}\n\n.mj-ec-field-label[_ngcontent-%COMP%] {\n font-size: 0.68rem;\n font-weight: 600;\n color: var(--mj-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.3px;\n}\n\n.mj-ec-field-value[_ngcontent-%COMP%] {\n font-size: 0.82rem;\n color: var(--mj-text-primary);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 200px;\n}\n\n\n\n.mj-ec-open-btn[_ngcontent-%COMP%] {\n position: absolute;\n top: 8px;\n right: 8px;\n width: 26px;\n height: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n border-radius: 6px;\n background: none;\n color: var(--mj-text-muted);\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease, color 0.15s ease, background 0.15s ease;\n font-size: 0.75rem;\n}\n\n.mj-entity-card[_ngcontent-%COMP%]:hover .mj-ec-open-btn[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n.mj-ec-open-btn[_ngcontent-%COMP%]:hover {\n color: var(--mj-brand-primary);\n background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}"], changeDetection: 0 });
|
|
548
548
|
}
|
|
549
549
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJEntityCardComponent, [{
|
|
550
550
|
type: Component,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-entity-card",
|
|
3
|
-
"version": "6.1.0-edge.
|
|
3
|
+
"version": "6.1.0-edge.6",
|
|
4
4
|
"description": "MemberJunction: Generic entity record card component with metadata-driven field prioritization",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -11,19 +11,19 @@
|
|
|
11
11
|
"author": "MemberJunction.com",
|
|
12
12
|
"license": "BUSL-1.1",
|
|
13
13
|
"devDependencies": {
|
|
14
|
-
"@angular/compiler": "21.
|
|
15
|
-
"@angular/compiler-cli": "21.
|
|
16
|
-
"@memberjunction/ng-test-utils": "6.1.0-edge.
|
|
14
|
+
"@angular/compiler": "21.2.22",
|
|
15
|
+
"@angular/compiler-cli": "21.2.22",
|
|
16
|
+
"@memberjunction/ng-test-utils": "6.1.0-edge.6",
|
|
17
17
|
"vitest": "^4.0.18"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@angular/common": "^21.
|
|
21
|
-
"@angular/core": "^21.
|
|
20
|
+
"@angular/common": "^21.2.22",
|
|
21
|
+
"@angular/core": "^21.2.22"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@memberjunction/core": "6.1.0-edge.
|
|
25
|
-
"@memberjunction/ng-base-types": "6.1.0-edge.
|
|
26
|
-
"@memberjunction/global": "6.1.0-edge.
|
|
24
|
+
"@memberjunction/core": "6.1.0-edge.6",
|
|
25
|
+
"@memberjunction/ng-base-types": "6.1.0-edge.6",
|
|
26
|
+
"@memberjunction/global": "6.1.0-edge.6",
|
|
27
27
|
"tslib": "^2.8.1"
|
|
28
28
|
},
|
|
29
29
|
"repository": {
|