@memberjunction/ng-form-toolbar 2.121.0 → 2.122.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"record-form-container.component.d.ts","sourceRoot":"","sources":["../../src/lib/record-form-container.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE;;;;;;;;GAQG;AACH,
|
|
1
|
+
{"version":3,"file":"record-form-container.component.d.ts","sourceRoot":"","sources":["../../src/lib/record-form-container.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE;;;;;;;;GAQG;AACH,qBAsCa,4BAA4B;IAC5B,MAAM,EAAE,GAAG,CAAC;IACZ,aAAa,EAAG,iBAAiB,CAAC;yCAFlC,4BAA4B;2CAA5B,4BAA4B;CAGxC"}
|
|
@@ -11,14 +11,14 @@ function RecordFormContainerComponent_form_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
11
11
|
i0.ɵɵelementStart(0, "form", 3, 0)(2, "mj-form-toolbar", 4)(3, "mj-form-section-controls", 5);
|
|
12
12
|
i0.ɵɵlistener("expandAll", function RecordFormContainerComponent_form_1_Template_mj_form_section_controls_expandAll_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.formComponent.expandAllSections()); })("collapseAll", function RecordFormContainerComponent_form_1_Template_mj_form_section_controls_collapseAll_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.formComponent.collapseAllSections()); })("filterChange", function RecordFormContainerComponent_form_1_Template_mj_form_section_controls_filterChange_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.formComponent.onFilterChange($event)); })("showEmptyFieldsChange", function RecordFormContainerComponent_form_1_Template_mj_form_section_controls_showEmptyFieldsChange_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.formComponent.showEmptyFields = $event); });
|
|
13
13
|
i0.ɵɵelementEnd()();
|
|
14
|
-
i0.ɵɵelementStart(4, "div", 6)(5, "div", 7);
|
|
15
|
-
i0.ɵɵprojection(
|
|
14
|
+
i0.ɵɵelementStart(4, "div", 6)(5, "div", 7)(6, "div", 8);
|
|
15
|
+
i0.ɵɵprojection(7);
|
|
16
16
|
i0.ɵɵelementEnd();
|
|
17
|
-
i0.ɵɵprojection(
|
|
18
|
-
i0.ɵɵelement(
|
|
19
|
-
i0.ɵɵelementStart(
|
|
20
|
-
i0.ɵɵprojection(
|
|
21
|
-
i0.ɵɵelementEnd()()();
|
|
17
|
+
i0.ɵɵprojection(8, 1);
|
|
18
|
+
i0.ɵɵelement(9, "div", 9);
|
|
19
|
+
i0.ɵɵelementStart(10, "div", 8);
|
|
20
|
+
i0.ɵɵprojection(11, 2);
|
|
21
|
+
i0.ɵɵelementEnd()()()();
|
|
22
22
|
} if (rf & 2) {
|
|
23
23
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
24
24
|
i0.ɵɵadvance(2);
|
|
@@ -39,15 +39,15 @@ export class RecordFormContainerComponent {
|
|
|
39
39
|
record;
|
|
40
40
|
formComponent;
|
|
41
41
|
static ɵfac = function RecordFormContainerComponent_Factory(t) { return new (t || RecordFormContainerComponent)(); };
|
|
42
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordFormContainerComponent, selectors: [["mj-record-form-container"]], inputs: { record: "record", formComponent: "formComponent" }, ngContentSelectors: _c1, decls: 2, vars: 1, consts: [["formElement", "ngForm"], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], ["toolbar-additional-controls", "", 3, "expandAll", "collapseAll", "filterChange", "showEmptyFieldsChange", "visibleCount", "totalCount", "expandedCount", "searchFilter", "showEmptyFields"], [1, "form-panels-container"], [1, "related-entity-grid"], [1, "related-entities-divider"]], template: function RecordFormContainerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
42
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordFormContainerComponent, selectors: [["mj-record-form-container"]], inputs: { record: "record", formComponent: "formComponent" }, ngContentSelectors: _c1, decls: 2, vars: 1, consts: [["formElement", "ngForm"], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], ["toolbar-additional-controls", "", 3, "expandAll", "collapseAll", "filterChange", "showEmptyFieldsChange", "visibleCount", "totalCount", "expandedCount", "searchFilter", "showEmptyFields"], [1, "forms-panel-container-outer"], [1, "form-panels-container"], [1, "related-entity-grid"], [1, "related-entities-divider"]], template: function RecordFormContainerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
43
43
|
i0.ɵɵprojectionDef(_c0);
|
|
44
44
|
i0.ɵɵelementStart(0, "div", 1);
|
|
45
|
-
i0.ɵɵtemplate(1, RecordFormContainerComponent_form_1_Template,
|
|
45
|
+
i0.ɵɵtemplate(1, RecordFormContainerComponent_form_1_Template, 12, 6, "form", 2);
|
|
46
46
|
i0.ɵɵelementEnd();
|
|
47
47
|
} if (rf & 2) {
|
|
48
48
|
i0.ɵɵadvance();
|
|
49
49
|
i0.ɵɵproperty("ngIf", ctx.record);
|
|
50
|
-
} }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.FormSectionControlsComponent, i4.FormToolbarComponent], styles: [".k-pane {\n background-color: #F5F6FA;\n}\n\n\na {\n font-size: 14px;\n font-weight: bolder;\n}\n\n.record-form {\n display: flex;\n flex-direction: column;\n background-color: #F5F6FA;\n padding: 0;\n min-height:
|
|
50
|
+
} }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.FormSectionControlsComponent, i4.FormToolbarComponent], styles: [".k-pane {\n background-color: #F5F6FA;\n}\n\n.record-form-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\na {\n font-size: 14px;\n font-weight: bolder;\n}\n\n.record-form {\n display: flex;\n flex-direction: column;\n background-color: #F5F6FA;\n padding: 0;\n height: 100%;\n min-height: 0; /* Allow flex child to shrink */\n}\n\n.record-form-group {\n margin-top: 0px;\n background-color: #F5F6FA;\n}\n\nbutton {\n margin-right: 5px;\n}\n\n.record-form h2 {\n margin-bottom: 10px;\n}\n\n.k-splitter {\n border-width: 0px;\n}\n\n.record-form-row {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: start;\n gap: 10px;\n margin-bottom: 12px;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n background-color: #f2f2f2;\n} */\n\n/*\n.record-form .record-form-row:nth-child(even) {\n background-color: #ffffff;\n} */\n\n.record-form .record-form-row > :first-child {\n font-weight: bold;\n padding-right: 10px;\n}\n\n.record-form .record-form-row > span {\n white-space: pre-line;\n max-height: 300px;\n overflow: auto;\n}\n\n\n\n@media (min-width: 768px) {\n .record-form-row {\n flex-direction: row;\n align-items: center;\n }\n\n .record-form-row label {\n width: 240px;\n margin-bottom: 0;\n }\n}\n\n/* Collapsible Panel Styles */\n.forms-panel-container-outer {\n flex: 1;\n min-height: 0; /* Critical: allows flex item to shrink below content size */\n overflow-y: auto;\n}\n\n.form-panels-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n padding: 20px;\n background-color: #F5F6FA;\n}\n\n/* Responsive horizontal stacking for ALL panels (field sections and related entities) */\n@media (min-width: 1200px) {\n .form-panels-container {\n grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));\n }\n}\n\n/* Even more aggressive stacking on ultra-wide screens */\n@media (min-width: 1800px) {\n .form-panels-container {\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n }\n}\n\n/* Related entity grid container - treated as regular panels now */\n.form-panels-container .related-entity-grid {\n display: contents; /* Makes children participate in parent grid */\n}\n\n/* Visual separator before related entities */\n.related-entities-divider {\n grid-column: 1 / -1;\n height: 2px;\n background: linear-gradient(to right, transparent, #d1d5db 20%, #d1d5db 80%, transparent);\n margin: 12px 0;\n position: relative;\n}\n\n.related-entities-divider::before {\n content: '';\n}\n\n.form-card {\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n}\n\n.collapsible-card {\n overflow: hidden;\n}\n\n.collapsible-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n border-bottom: 2px solid #e5e7eb;\n cursor: pointer;\n user-select: none;\n transition: all 0.3s ease;\n}\n\n.collapsible-header:hover {\n background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n border-bottom-color: #667eea;\n}\n\n.collapsible-title {\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1;\n}\n\n.collapsible-title i {\n font-size: 20px;\n color: #667eea;\n}\n\n.collapsible-title h3 {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: #1f2937;\n}\n\n.collapsible-header .collapse-icon {\n color: #6b7280;\n transition: transform 0.3s ease;\n}\n\n.collapsible-body {\n max-height: 2000px;\n overflow: hidden;\n transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n opacity: 1;\n}\n\n.collapsible-body.collapsed {\n max-height: 0;\n padding: 0;\n opacity: 0;\n}\n\n.form-body {\n padding: 24px;\n}\n\n/* Related Entity Sections - Visual Distinction */\n.form-card.related-entity {\n background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity .collapsible-header {\n background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity .collapsible-header:hover {\n background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity .collapsible-title i {\n color: #3b82f6;\n}\n\n/* Section Controls */\n.form-section-controls {\n display: flex;\n gap: 10px;\n padding: 14px 18px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n border-bottom: 2px solid #e5e7eb;\n align-items: center;\n flex-wrap: wrap;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls .control-group {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.form-section-controls button {\n padding: 8px 14px;\n font-size: 13px;\n border: 1px solid #d1d5db;\n background: white;\n color: #374151;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n margin-right: 0;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-weight: 500;\n}\n\n.form-section-controls button:hover {\n background: #667eea;\n color: white;\n border-color: #667eea;\n transform: translateY(-1px);\n box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls button:active {\n transform: translateY(0);\n}\n\n.form-section-controls button i {\n margin-right: 0;\n font-size: 14px;\n}\n\n.form-section-controls .section-search {\n padding: 8px 14px;\n font-size: 13px;\n border: 1px solid #d1d5db;\n border-radius: 6px;\n width: 240px;\n transition: all 0.2s;\n background: white;\n}\n\n.form-section-controls .section-search:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls .section-search::placeholder {\n color: #9ca3af;\n font-style: italic;\n}\n\n.form-section-controls .section-count {\n font-size: 13px;\n color: #6b7280;\n margin-left: auto;\n font-weight: 500;\n}\n\n/* Hidden sections for search filter */\n.form-card.search-hidden {\n display: none;\n}\n\n/* Section count badge */\n.section-count-badge {\n background: #667eea;\n color: white;\n padding: 2px 8px;\n border-radius: 12px;\n font-size: 12px;\n font-weight: 600;\n}\n\n/* Row count badge for related entity sections */\n.collapsible-title .row-count-badge {\n background: #10b981;\n color: white;\n padding: 3px 6px 2px 6px;\n border-radius: 12px;\n font-size: 12px;\n font-weight: 600;\n margin-left: 8px;\n vertical-align: middle;\n position: relative;\n top: -2px;\n display: inline-block;\n line-height: 1;\n}\n\n/* Gray badge for zero rows (loaded but empty) */\n.collapsible-title .row-count-badge.zero-rows {\n background: #9ca3af;\n}\n\n/* Search highlighting */\n.collapsible-title h3 .search-highlight {\n background-color: #fef08a;\n color: #854d0e;\n padding: 2px 4px;\n border-radius: 3px;\n font-weight: 700;\n}\n"], encapsulation: 2 });
|
|
51
51
|
}
|
|
52
52
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordFormContainerComponent, [{
|
|
53
53
|
type: Component,
|
|
@@ -69,23 +69,25 @@ export class RecordFormContainerComponent {
|
|
|
69
69
|
</mj-form-section-controls>
|
|
70
70
|
</mj-form-toolbar>
|
|
71
71
|
|
|
72
|
-
<div class="
|
|
73
|
-
<div class="
|
|
74
|
-
<
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
<
|
|
72
|
+
<div class="forms-panel-container-outer">
|
|
73
|
+
<div class="form-panels-container">
|
|
74
|
+
<div class="related-entity-grid">
|
|
75
|
+
<ng-content select="[slot='before-panels']"></ng-content>
|
|
76
|
+
</div>
|
|
77
|
+
<ng-content select="[slot='field-panels']"></ng-content>
|
|
78
|
+
<div class="related-entities-divider"></div>
|
|
79
|
+
<div class="related-entity-grid">
|
|
80
|
+
<ng-content select="[slot='after-panels']"></ng-content>
|
|
81
|
+
</div>
|
|
80
82
|
</div>
|
|
81
83
|
</div>
|
|
82
84
|
</form>
|
|
83
85
|
</div>
|
|
84
|
-
`, styles: [".k-pane {\n background-color: #F5F6FA;\n}\n\n\na {\n font-size: 14px;\n font-weight: bolder;\n}\n\n.record-form {\n display: flex;\n flex-direction: column;\n background-color: #F5F6FA;\n padding: 0;\n min-height:
|
|
86
|
+
`, styles: [".k-pane {\n background-color: #F5F6FA;\n}\n\n.record-form-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\na {\n font-size: 14px;\n font-weight: bolder;\n}\n\n.record-form {\n display: flex;\n flex-direction: column;\n background-color: #F5F6FA;\n padding: 0;\n height: 100%;\n min-height: 0; /* Allow flex child to shrink */\n}\n\n.record-form-group {\n margin-top: 0px;\n background-color: #F5F6FA;\n}\n\nbutton {\n margin-right: 5px;\n}\n\n.record-form h2 {\n margin-bottom: 10px;\n}\n\n.k-splitter {\n border-width: 0px;\n}\n\n.record-form-row {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: start;\n gap: 10px;\n margin-bottom: 12px;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n background-color: #f2f2f2;\n} */\n\n/*\n.record-form .record-form-row:nth-child(even) {\n background-color: #ffffff;\n} */\n\n.record-form .record-form-row > :first-child {\n font-weight: bold;\n padding-right: 10px;\n}\n\n.record-form .record-form-row > span {\n white-space: pre-line;\n max-height: 300px;\n overflow: auto;\n}\n\n\n\n@media (min-width: 768px) {\n .record-form-row {\n flex-direction: row;\n align-items: center;\n }\n\n .record-form-row label {\n width: 240px;\n margin-bottom: 0;\n }\n}\n\n/* Collapsible Panel Styles */\n.forms-panel-container-outer {\n flex: 1;\n min-height: 0; /* Critical: allows flex item to shrink below content size */\n overflow-y: auto;\n}\n\n.form-panels-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n padding: 20px;\n background-color: #F5F6FA;\n}\n\n/* Responsive horizontal stacking for ALL panels (field sections and related entities) */\n@media (min-width: 1200px) {\n .form-panels-container {\n grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));\n }\n}\n\n/* Even more aggressive stacking on ultra-wide screens */\n@media (min-width: 1800px) {\n .form-panels-container {\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n }\n}\n\n/* Related entity grid container - treated as regular panels now */\n.form-panels-container .related-entity-grid {\n display: contents; /* Makes children participate in parent grid */\n}\n\n/* Visual separator before related entities */\n.related-entities-divider {\n grid-column: 1 / -1;\n height: 2px;\n background: linear-gradient(to right, transparent, #d1d5db 20%, #d1d5db 80%, transparent);\n margin: 12px 0;\n position: relative;\n}\n\n.related-entities-divider::before {\n content: '';\n}\n\n.form-card {\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n}\n\n.collapsible-card {\n overflow: hidden;\n}\n\n.collapsible-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n border-bottom: 2px solid #e5e7eb;\n cursor: pointer;\n user-select: none;\n transition: all 0.3s ease;\n}\n\n.collapsible-header:hover {\n background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n border-bottom-color: #667eea;\n}\n\n.collapsible-title {\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1;\n}\n\n.collapsible-title i {\n font-size: 20px;\n color: #667eea;\n}\n\n.collapsible-title h3 {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: #1f2937;\n}\n\n.collapsible-header .collapse-icon {\n color: #6b7280;\n transition: transform 0.3s ease;\n}\n\n.collapsible-body {\n max-height: 2000px;\n overflow: hidden;\n transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n opacity: 1;\n}\n\n.collapsible-body.collapsed {\n max-height: 0;\n padding: 0;\n opacity: 0;\n}\n\n.form-body {\n padding: 24px;\n}\n\n/* Related Entity Sections - Visual Distinction */\n.form-card.related-entity {\n background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity .collapsible-header {\n background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity .collapsible-header:hover {\n background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity .collapsible-title i {\n color: #3b82f6;\n}\n\n/* Section Controls */\n.form-section-controls {\n display: flex;\n gap: 10px;\n padding: 14px 18px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n border-bottom: 2px solid #e5e7eb;\n align-items: center;\n flex-wrap: wrap;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls .control-group {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.form-section-controls button {\n padding: 8px 14px;\n font-size: 13px;\n border: 1px solid #d1d5db;\n background: white;\n color: #374151;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n margin-right: 0;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-weight: 500;\n}\n\n.form-section-controls button:hover {\n background: #667eea;\n color: white;\n border-color: #667eea;\n transform: translateY(-1px);\n box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls button:active {\n transform: translateY(0);\n}\n\n.form-section-controls button i {\n margin-right: 0;\n font-size: 14px;\n}\n\n.form-section-controls .section-search {\n padding: 8px 14px;\n font-size: 13px;\n border: 1px solid #d1d5db;\n border-radius: 6px;\n width: 240px;\n transition: all 0.2s;\n background: white;\n}\n\n.form-section-controls .section-search:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls .section-search::placeholder {\n color: #9ca3af;\n font-style: italic;\n}\n\n.form-section-controls .section-count {\n font-size: 13px;\n color: #6b7280;\n margin-left: auto;\n font-weight: 500;\n}\n\n/* Hidden sections for search filter */\n.form-card.search-hidden {\n display: none;\n}\n\n/* Section count badge */\n.section-count-badge {\n background: #667eea;\n color: white;\n padding: 2px 8px;\n border-radius: 12px;\n font-size: 12px;\n font-weight: 600;\n}\n\n/* Row count badge for related entity sections */\n.collapsible-title .row-count-badge {\n background: #10b981;\n color: white;\n padding: 3px 6px 2px 6px;\n border-radius: 12px;\n font-size: 12px;\n font-weight: 600;\n margin-left: 8px;\n vertical-align: middle;\n position: relative;\n top: -2px;\n display: inline-block;\n line-height: 1;\n}\n\n/* Gray badge for zero rows (loaded but empty) */\n.collapsible-title .row-count-badge.zero-rows {\n background: #9ca3af;\n}\n\n/* Search highlighting */\n.collapsible-title h3 .search-highlight {\n background-color: #fef08a;\n color: #854d0e;\n padding: 2px 4px;\n border-radius: 3px;\n font-weight: 700;\n}\n"] }]
|
|
85
87
|
}], null, { record: [{
|
|
86
88
|
type: Input
|
|
87
89
|
}], formComponent: [{
|
|
88
90
|
type: Input
|
|
89
91
|
}] }); })();
|
|
90
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordFormContainerComponent, { className: "RecordFormContainerComponent", filePath: "src/lib/record-form-container.component.ts", lineNumber:
|
|
92
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordFormContainerComponent, { className: "RecordFormContainerComponent", filePath: "src/lib/record-form-container.component.ts", lineNumber: 51 }); })();
|
|
91
93
|
//# sourceMappingURL=record-form-container.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"record-form-container.component.js","sourceRoot":"","sources":["../../src/lib/record-form-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;IAmBhD,AADJ,AADJ,kCAA+D,yBACnB,kCAWiC;IAAjE,AADA,AADA,AADA,mNAAa,wCAAiC,KAAC,0MAChC,0CAAmC,KAAC,kNACnC,2CAAoC,KAAC,sRACW;IAExE,AADI,iBAA2B,EACb;
|
|
1
|
+
{"version":3,"file":"record-form-container.component.js","sourceRoot":"","sources":["../../src/lib/record-form-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;IAmBhD,AADJ,AADJ,kCAA+D,yBACnB,kCAWiC;IAAjE,AADA,AADA,AADA,mNAAa,wCAAiC,KAAC,0MAChC,0CAAmC,KAAC,kNACnC,2CAAoC,KAAC,sRACW;IAExE,AADI,iBAA2B,EACb;IAIV,AADJ,AADJ,8BAAyC,aACF,aACE;IAC7B,kBAAyD;IAC7D,iBAAM;IACN,qBAAwD;IACxD,yBAA4C;IAC5C,+BAAiC;IAC7B,sBAAwD;IAIxE,AADI,AADI,AADI,iBAAM,EACJ,EACJ,EACH;;;IA3Bc,eAAsB;IAAtB,2CAAsB;IAG/B,cAAuD;IAIvD,AADA,AADA,AADA,AADA,4EAAuD,2DACJ,0DACD,mDACP,yDACM;;AAtBzE;;;;;;;;GAQG;AAuCH,MAAM,OAAO,4BAA4B;IAC5B,MAAM,CAAM;IACZ,aAAa,CAAqB;sFAFlC,4BAA4B;6DAA5B,4BAA4B;;YAlCjC,8BAAmC;YAC/B,gFAA+D;YA6BnE,iBAAM;;YA7BK,cAAY;YAAZ,iCAAY;;;iFAiClB,4BAA4B;cAtCxC,SAAS;2BACI,0BAA0B,iBACrB,iBAAiB,CAAC,IAAI,YAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCT;gBAIQ,MAAM;kBAAd,KAAK;YACG,aAAa;kBAArB,KAAK;;kFAFG,4BAA4B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-form-toolbar",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.122.0",
|
|
4
4
|
"description": "MemberJunction: Angular Form Toolbar",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -25,13 +25,13 @@
|
|
|
25
25
|
"@angular/router": "18.0.2"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@memberjunction/global": "2.
|
|
29
|
-
"@memberjunction/core": "2.
|
|
30
|
-
"@memberjunction/ng-shared": "2.
|
|
31
|
-
"@memberjunction/ng-base-forms": "2.
|
|
32
|
-
"@memberjunction/ng-ask-skip": "2.
|
|
33
|
-
"@memberjunction/ng-record-changes": "2.
|
|
34
|
-
"@memberjunction/ng-container-directives": "2.
|
|
28
|
+
"@memberjunction/global": "2.122.0",
|
|
29
|
+
"@memberjunction/core": "2.122.0",
|
|
30
|
+
"@memberjunction/ng-shared": "2.122.0",
|
|
31
|
+
"@memberjunction/ng-base-forms": "2.122.0",
|
|
32
|
+
"@memberjunction/ng-ask-skip": "2.122.0",
|
|
33
|
+
"@memberjunction/ng-record-changes": "2.122.0",
|
|
34
|
+
"@memberjunction/ng-container-directives": "2.122.0",
|
|
35
35
|
"@progress/kendo-angular-buttons": "16.2.0",
|
|
36
36
|
"@progress/kendo-angular-dialog": "16.2.0",
|
|
37
37
|
"ngx-markdown": "^18.0.0",
|