@memberjunction/ng-base-forms 2.52.0 → 2.54.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.
|
@@ -9,10 +9,9 @@ import * as i3 from "@progress/kendo-angular-inputs";
|
|
|
9
9
|
import * as i4 from "@progress/kendo-angular-dateinputs";
|
|
10
10
|
import * as i5 from "@progress/kendo-angular-dropdowns";
|
|
11
11
|
import * as i6 from "@memberjunction/ng-link-directives";
|
|
12
|
-
import * as i7 from "@memberjunction/ng-
|
|
13
|
-
import * as i8 from "
|
|
14
|
-
import * as i9 from "
|
|
15
|
-
import * as i10 from "./link-field.component";
|
|
12
|
+
import * as i7 from "@memberjunction/ng-code-editor";
|
|
13
|
+
import * as i8 from "ngx-markdown";
|
|
14
|
+
import * as i9 from "./link-field.component";
|
|
16
15
|
const _c0 = ["markdown"];
|
|
17
16
|
function MJFormField_Conditional_0_div_0_label_1_Template(rf, ctx) { if (rf & 1) {
|
|
18
17
|
i0.ɵɵelementStart(0, "label");
|
|
@@ -109,7 +108,7 @@ function MJFormField_Conditional_0_div_1_Conditional_2_Template(rf, ctx) { if (r
|
|
|
109
108
|
} }
|
|
110
109
|
function MJFormField_Conditional_0_div_1_Conditional_3_Case_0_Template(rf, ctx) { if (rf & 1) {
|
|
111
110
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
112
|
-
i0.ɵɵelementStart(0, "mj-code-editor",
|
|
111
|
+
i0.ɵɵelementStart(0, "mj-code-editor", 16);
|
|
113
112
|
i0.ɵɵtwoWayListener("ngModelChange", function MJFormField_Conditional_0_div_1_Conditional_3_Case_0_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.Value, $event) || (ctx_r0.Value = $event); return i0.ɵɵresetView($event); });
|
|
114
113
|
i0.ɵɵelementEnd();
|
|
115
114
|
} if (rf & 2) {
|
|
@@ -119,7 +118,7 @@ function MJFormField_Conditional_0_div_1_Conditional_3_Case_0_Template(rf, ctx)
|
|
|
119
118
|
} }
|
|
120
119
|
function MJFormField_Conditional_0_div_1_Conditional_3_Case_1_Template(rf, ctx) { if (rf & 1) {
|
|
121
120
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
122
|
-
i0.ɵɵelementStart(0, "kendo-textbox",
|
|
121
|
+
i0.ɵɵelementStart(0, "kendo-textbox", 17);
|
|
123
122
|
i0.ɵɵtwoWayListener("ngModelChange", function MJFormField_Conditional_0_div_1_Conditional_3_Case_1_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.Value, $event) || (ctx_r0.Value = $event); return i0.ɵɵresetView($event); });
|
|
124
123
|
i0.ɵɵelementEnd();
|
|
125
124
|
} if (rf & 2) {
|
|
@@ -128,17 +127,16 @@ function MJFormField_Conditional_0_div_1_Conditional_3_Case_1_Template(rf, ctx)
|
|
|
128
127
|
} }
|
|
129
128
|
function MJFormField_Conditional_0_div_1_Conditional_3_Case_2_Template(rf, ctx) { if (rf & 1) {
|
|
130
129
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
131
|
-
i0.ɵɵelementStart(0, "kendo-textarea",
|
|
130
|
+
i0.ɵɵelementStart(0, "kendo-textarea", 17);
|
|
132
131
|
i0.ɵɵtwoWayListener("ngModelChange", function MJFormField_Conditional_0_div_1_Conditional_3_Case_2_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.Value, $event) || (ctx_r0.Value = $event); return i0.ɵɵresetView($event); });
|
|
133
132
|
i0.ɵɵelementEnd();
|
|
134
133
|
} if (rf & 2) {
|
|
135
134
|
const ctx_r0 = i0.ɵɵnextContext(4);
|
|
136
135
|
i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Value);
|
|
137
|
-
i0.ɵɵproperty("fillWidth", ctx_r0.ShowLabel ? false : true)("fillHeight", ctx_r0.ShowLabel ? false : true);
|
|
138
136
|
} }
|
|
139
137
|
function MJFormField_Conditional_0_div_1_Conditional_3_Case_3_Template(rf, ctx) { if (rf & 1) {
|
|
140
138
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
141
|
-
i0.ɵɵelementStart(0, "kendo-numerictextbox",
|
|
139
|
+
i0.ɵɵelementStart(0, "kendo-numerictextbox", 18);
|
|
142
140
|
i0.ɵɵtwoWayListener("valueChange", function MJFormField_Conditional_0_div_1_Conditional_3_Case_3_Template_kendo_numerictextbox_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.Value, $event) || (ctx_r0.Value = $event); return i0.ɵɵresetView($event); });
|
|
143
141
|
i0.ɵɵelementEnd();
|
|
144
142
|
} if (rf & 2) {
|
|
@@ -147,7 +145,7 @@ function MJFormField_Conditional_0_div_1_Conditional_3_Case_3_Template(rf, ctx)
|
|
|
147
145
|
} }
|
|
148
146
|
function MJFormField_Conditional_0_div_1_Conditional_3_Case_4_Template(rf, ctx) { if (rf & 1) {
|
|
149
147
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
150
|
-
i0.ɵɵelementStart(0, "kendo-datepicker",
|
|
148
|
+
i0.ɵɵelementStart(0, "kendo-datepicker", 18);
|
|
151
149
|
i0.ɵɵtwoWayListener("valueChange", function MJFormField_Conditional_0_div_1_Conditional_3_Case_4_Template_kendo_datepicker_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.Value, $event) || (ctx_r0.Value = $event); return i0.ɵɵresetView($event); });
|
|
152
150
|
i0.ɵɵelementEnd();
|
|
153
151
|
} if (rf & 2) {
|
|
@@ -156,7 +154,7 @@ function MJFormField_Conditional_0_div_1_Conditional_3_Case_4_Template(rf, ctx)
|
|
|
156
154
|
} }
|
|
157
155
|
function MJFormField_Conditional_0_div_1_Conditional_3_Case_5_Template(rf, ctx) { if (rf & 1) {
|
|
158
156
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
159
|
-
i0.ɵɵelementStart(0, "input",
|
|
157
|
+
i0.ɵɵelementStart(0, "input", 19);
|
|
160
158
|
i0.ɵɵtwoWayListener("ngModelChange", function MJFormField_Conditional_0_div_1_Conditional_3_Case_5_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.Value, $event) || (ctx_r0.Value = $event); return i0.ɵɵresetView($event); });
|
|
161
159
|
i0.ɵɵelementEnd();
|
|
162
160
|
} if (rf & 2) {
|
|
@@ -165,7 +163,7 @@ function MJFormField_Conditional_0_div_1_Conditional_3_Case_5_Template(rf, ctx)
|
|
|
165
163
|
} }
|
|
166
164
|
function MJFormField_Conditional_0_div_1_Conditional_3_Case_6_Template(rf, ctx) { if (rf & 1) {
|
|
167
165
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
168
|
-
i0.ɵɵelementStart(0, "kendo-dropdownlist",
|
|
166
|
+
i0.ɵɵelementStart(0, "kendo-dropdownlist", 20);
|
|
169
167
|
i0.ɵɵtwoWayListener("ngModelChange", function MJFormField_Conditional_0_div_1_Conditional_3_Case_6_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.Value, $event) || (ctx_r0.Value = $event); return i0.ɵɵresetView($event); });
|
|
170
168
|
i0.ɵɵelementEnd();
|
|
171
169
|
} if (rf & 2) {
|
|
@@ -175,7 +173,7 @@ function MJFormField_Conditional_0_div_1_Conditional_3_Case_6_Template(rf, ctx)
|
|
|
175
173
|
} }
|
|
176
174
|
function MJFormField_Conditional_0_div_1_Conditional_3_Case_7_Template(rf, ctx) { if (rf & 1) {
|
|
177
175
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
178
|
-
i0.ɵɵelementStart(0, "kendo-combobox",
|
|
176
|
+
i0.ɵɵelementStart(0, "kendo-combobox", 21);
|
|
179
177
|
i0.ɵɵtwoWayListener("ngModelChange", function MJFormField_Conditional_0_div_1_Conditional_3_Case_7_Template_kendo_combobox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.Value, $event) || (ctx_r0.Value = $event); return i0.ɵɵresetView($event); });
|
|
180
178
|
i0.ɵɵelementEnd();
|
|
181
179
|
} if (rf & 2) {
|
|
@@ -184,7 +182,7 @@ function MJFormField_Conditional_0_div_1_Conditional_3_Case_7_Template(rf, ctx)
|
|
|
184
182
|
i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Value);
|
|
185
183
|
} }
|
|
186
184
|
function MJFormField_Conditional_0_div_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
187
|
-
i0.ɵɵtemplate(0, MJFormField_Conditional_0_div_1_Conditional_3_Case_0_Template, 1, 3, "mj-code-editor", 10)(1, MJFormField_Conditional_0_div_1_Conditional_3_Case_1_Template, 1, 1, "kendo-textbox", 11)(2, MJFormField_Conditional_0_div_1_Conditional_3_Case_2_Template, 1,
|
|
185
|
+
i0.ɵɵtemplate(0, MJFormField_Conditional_0_div_1_Conditional_3_Case_0_Template, 1, 3, "mj-code-editor", 10)(1, MJFormField_Conditional_0_div_1_Conditional_3_Case_1_Template, 1, 1, "kendo-textbox", 11)(2, MJFormField_Conditional_0_div_1_Conditional_3_Case_2_Template, 1, 1, "kendo-textarea", 11)(3, MJFormField_Conditional_0_div_1_Conditional_3_Case_3_Template, 1, 1, "kendo-numerictextbox", 12)(4, MJFormField_Conditional_0_div_1_Conditional_3_Case_4_Template, 1, 1, "kendo-datepicker", 12)(5, MJFormField_Conditional_0_div_1_Conditional_3_Case_5_Template, 1, 1, "input", 13)(6, MJFormField_Conditional_0_div_1_Conditional_3_Case_6_Template, 1, 2, "kendo-dropdownlist", 14)(7, MJFormField_Conditional_0_div_1_Conditional_3_Case_7_Template, 1, 3, "kendo-combobox", 15);
|
|
188
186
|
} if (rf & 2) {
|
|
189
187
|
let tmp_3_0;
|
|
190
188
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
@@ -361,15 +359,15 @@ export class MJFormField extends BaseRecordComponent {
|
|
|
361
359
|
} if (rf & 2) {
|
|
362
360
|
let _t;
|
|
363
361
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.markdown = _t.first);
|
|
364
|
-
} }, inputs: { record: "record", EditMode: "EditMode", FieldName: "FieldName", Type: "Type", LinkType: "LinkType", LinkComponentType: "LinkComponentType", ShowLabel: "ShowLabel", DisplayName: "DisplayName", PossibleValues: "PossibleValues", Value: "Value" }, outputs: { ValueChange: "ValueChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["markdown", ""], ["class", "record-form-row", 4, "ngIf"], [1, "record-form-row"], [4, "ngIf"], ["mjEmailLink", "", 3, "field"], ["mjWebLink", "", 3, "field"], ["mjFieldLink", "", 3, "record", "fieldName"], [3, "value", "readonly", "languages", "language"], [3, "data"], [3, "record", "FieldName", "LinkComponentType"], [3, "ngModel", "languages", "language"], [3, "ngModel"], [
|
|
362
|
+
} }, inputs: { record: "record", EditMode: "EditMode", FieldName: "FieldName", Type: "Type", LinkType: "LinkType", LinkComponentType: "LinkComponentType", ShowLabel: "ShowLabel", DisplayName: "DisplayName", PossibleValues: "PossibleValues", Value: "Value" }, outputs: { ValueChange: "ValueChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["markdown", ""], ["class", "record-form-row", 4, "ngIf"], [1, "record-form-row"], [4, "ngIf"], ["mjEmailLink", "", 3, "field"], ["mjWebLink", "", 3, "field"], ["mjFieldLink", "", 3, "record", "fieldName"], [3, "value", "readonly", "languages", "language"], [3, "data"], [3, "record", "FieldName", "LinkComponentType"], [3, "ngModel", "languages", "language"], [3, "ngModel"], [1, "narrower-component", 3, "value"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel"], [3, "data", "ngModel"], [3, "data", "allowCustom", "ngModel"], [3, "ngModelChange", "ngModel", "languages", "language"], [3, "ngModelChange", "ngModel"], [1, "narrower-component", 3, "valueChange", "value"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModelChange", "ngModel"], [3, "ngModelChange", "data", "ngModel"], [3, "ngModelChange", "data", "allowCustom", "ngModel"]], template: function MJFormField_Template(rf, ctx) { if (rf & 1) {
|
|
365
363
|
i0.ɵɵtemplate(0, MJFormField_Conditional_0_Template, 2, 2);
|
|
366
364
|
} if (rf & 2) {
|
|
367
365
|
i0.ɵɵconditional(ctx.record.IsSaved || !ctx.IsFieldReadOnly ? 0 : -1);
|
|
368
|
-
} }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.TextBoxComponent, i3.NumericTextBoxComponent, i3.CheckBoxDirective, i4.DatePickerComponent, i5.ComboBoxComponent, i5.DropDownListComponent, i6.EmailLink, i6.FieldLink, i6.WebLink, i7.
|
|
366
|
+
} }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.TextBoxComponent, i3.NumericTextBoxComponent, i3.CheckBoxDirective, i4.DatePickerComponent, i5.ComboBoxComponent, i5.DropDownListComponent, i6.EmailLink, i6.FieldLink, i6.WebLink, i7.CodeEditorComponent, i8.MarkdownComponent, i9.MJLinkField], styles: [".record-form-row[_ngcontent-%COMP%] {\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 align-items: start; \n\n} \n \n \n.narrower-component[_ngcontent-%COMP%] {\n width: 435px;\n}\n.record-form-row[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n font-weight: bold;\n padding-right: 10px;\n width: 240px;\n margin-bottom: 0;\n align-self: start; \n\n}\n\n\n\n\n\n.record-form-row[_ngcontent-%COMP%] markdown[_ngcontent-%COMP%] > p[_ngcontent-%COMP%], \n.record-form-row[_ngcontent-%COMP%] markdown[_ngcontent-%COMP%] > h1[_ngcontent-%COMP%], \n.record-form-row[_ngcontent-%COMP%] markdown[_ngcontent-%COMP%] > h2[_ngcontent-%COMP%], \n.record-form-row[_ngcontent-%COMP%] markdown[_ngcontent-%COMP%] > h3[_ngcontent-%COMP%], \n.record-form-row[_ngcontent-%COMP%] markdown[_ngcontent-%COMP%] > h4[_ngcontent-%COMP%], \n.record-form-row[_ngcontent-%COMP%] markdown[_ngcontent-%COMP%] > h5[_ngcontent-%COMP%], \n.record-form-row[_ngcontent-%COMP%] markdown[_ngcontent-%COMP%] > h6[_ngcontent-%COMP%] {\n margin:0 !important;\n}\n\nmarkdown[_ngcontent-%COMP%] {\n font-size: 1rem; \n\n}\n\n\n@media (min-width: 768px) {\n .record-form-row[_ngcontent-%COMP%] {\n display: grid; \n\n grid-template-columns: auto 1fr;\n align-items: start; \n\n gap: 10px;\n margin-bottom: 12px;\n padding-top: 5px;\n padding-bottom: 5px;\n }\n\n .record-form-row[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n width: 240px;\n margin-bottom: 0;\n align-self: start; \n\n }\n}"] });
|
|
369
367
|
}
|
|
370
368
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJFormField, [{
|
|
371
369
|
type: Component,
|
|
372
|
-
args: [{ selector: 'mj-form-field', template: "<!--\n Using a blend of *ngIf and the new @switch control flow because of a bug in early Angular 17 where\n the @if wrapping the @switch didn't fully remove elements when swtiching back and forth. In the future if Angular fixes the bug\n we can get rid of the *ngIf outer div blocks and instead use @if and contain the @switch within the same div block.\n-->\n@if (record.IsSaved || !IsFieldReadOnly) {\n <!-- We only render a field if the record is either saved, or the field is editable. Meaning, for NEW records, we only show editable fields -->\n <div class=\"record-form-row\" *ngIf=\"!EditMode || IsFieldReadOnly\">\n <label *ngIf=\"ShowLabel\">{{DisplayName}}</label>\n @switch (LinkType) {\n @case ('None') {\n @if (ExtendedType === 'Code') {\n <mj-code-editor [value]=\"record.Get(FieldName)\" [readonly]=\"true\" [languages]=\"languages\" [language]=\"'JavaScript'\"></mj-code-editor>\n }\n @else if (FieldInfo.Length === -1) {\n <!-- this is a varchar(max) type of field -->\n <markdown #markdown [data]=\"record.Get(FieldName)\"></markdown>\n <!-- <span [innerHTML]=\"record.Get(FieldName) | formatText\"></span> -->\n }\n @else {\n <span>{{FormatValue(FieldName, 0)}}</span>\n }\n }\n @case ('Email') {\n <span mjEmailLink [field]=\"record.GetFieldByName(FieldName)!\" >{{FormatValue(FieldName, 0)}}</span>\n }\n @case ('URL') {\n <span mjWebLink [field]=\"record.GetFieldByName(FieldName)!\" >{{FormatValue(FieldName, 0)}}</span>\n }\n @case ('Record') {\n <span mjFieldLink [record]=\"record\" [fieldName]=\"FieldName\" >{{FormatValue(FieldName, 0)}}</span>\n }\n }\n </div>\n <div class=\"record-form-row\" *ngIf=\"EditMode && !IsFieldReadOnly\">\n @if (ShowLabel) {\n <label>{{DisplayName}}</label>\n }\n @if (FieldInfo && FieldInfo.RelatedEntity && FieldInfo.RelatedEntity.length > 0) {\n <!-- Foreign Key Link here -->\n <mj-link-field [record]=\"record\" [FieldName]=\"FieldName\" [LinkComponentType]=\"LinkComponentType\"></mj-link-field>\n }\n @else {\n <!-- Not a foreign key -->\n @switch (Type) {\n @case ('code') {\n <mj-code-editor [(ngModel)]=\"Value\" [languages]=\"languages\" [language]=\"'JavaScript'\"></mj-code-editor>\n }\n @case ('textbox') {\n <kendo-textbox [(ngModel)]=\"Value\" />\n }\n @case ('textarea') {\n <kendo-textarea [(ngModel)]=\"Value\"
|
|
370
|
+
args: [{ selector: 'mj-form-field', template: "<!--\n Using a blend of *ngIf and the new @switch control flow because of a bug in early Angular 17 where\n the @if wrapping the @switch didn't fully remove elements when swtiching back and forth. In the future if Angular fixes the bug\n we can get rid of the *ngIf outer div blocks and instead use @if and contain the @switch within the same div block.\n-->\n@if (record.IsSaved || !IsFieldReadOnly) {\n <!-- We only render a field if the record is either saved, or the field is editable. Meaning, for NEW records, we only show editable fields -->\n <div class=\"record-form-row\" *ngIf=\"!EditMode || IsFieldReadOnly\">\n <label *ngIf=\"ShowLabel\">{{DisplayName}}</label>\n @switch (LinkType) {\n @case ('None') {\n @if (ExtendedType === 'Code') {\n <mj-code-editor [value]=\"record.Get(FieldName)\" [readonly]=\"true\" [languages]=\"languages\" [language]=\"'JavaScript'\"></mj-code-editor>\n }\n @else if (FieldInfo.Length === -1) {\n <!-- this is a varchar(max) type of field -->\n <markdown #markdown [data]=\"record.Get(FieldName)\"></markdown>\n <!-- <span [innerHTML]=\"record.Get(FieldName) | formatText\"></span> -->\n }\n @else {\n <span>{{FormatValue(FieldName, 0)}}</span>\n }\n }\n @case ('Email') {\n <span mjEmailLink [field]=\"record.GetFieldByName(FieldName)!\" >{{FormatValue(FieldName, 0)}}</span>\n }\n @case ('URL') {\n <span mjWebLink [field]=\"record.GetFieldByName(FieldName)!\" >{{FormatValue(FieldName, 0)}}</span>\n }\n @case ('Record') {\n <span mjFieldLink [record]=\"record\" [fieldName]=\"FieldName\" >{{FormatValue(FieldName, 0)}}</span>\n }\n }\n </div>\n <div class=\"record-form-row\" *ngIf=\"EditMode && !IsFieldReadOnly\">\n @if (ShowLabel) {\n <label>{{DisplayName}}</label>\n }\n @if (FieldInfo && FieldInfo.RelatedEntity && FieldInfo.RelatedEntity.length > 0) {\n <!-- Foreign Key Link here -->\n <mj-link-field [record]=\"record\" [FieldName]=\"FieldName\" [LinkComponentType]=\"LinkComponentType\"></mj-link-field>\n }\n @else {\n <!-- Not a foreign key -->\n @switch (Type) {\n @case ('code') {\n <mj-code-editor [(ngModel)]=\"Value\" [languages]=\"languages\" [language]=\"'JavaScript'\"></mj-code-editor>\n }\n @case ('textbox') {\n <kendo-textbox [(ngModel)]=\"Value\" />\n }\n @case ('textarea') {\n <kendo-textarea [(ngModel)]=\"Value\"></kendo-textarea>\n }\n @case ('numerictextbox') {\n <kendo-numerictextbox [(value)]=\"Value\" class=\"narrower-component\" />\n }\n @case ('datepicker') {\n <kendo-datepicker [(value)]=\"Value\" class=\"narrower-component\"></kendo-datepicker>\n }\n @case ('checkbox') {\n <input type=\"checkbox\" [(ngModel)]=\"Value\" kendoCheckBox />\n }\n @case ('dropdownlist') {\n <kendo-dropdownlist [data]=\"PossibleValues\" [(ngModel)]=\"Value\"></kendo-dropdownlist>\n }\n @case ('combobox') {\n <kendo-combobox [data]=\"PossibleValues\" [allowCustom]=\"true\" [(ngModel)]=\"Value\"></kendo-combobox>\n }\n }\n }\n </div>\n}\n", styles: [".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 align-items: start; /* Ensure items are aligned at the top */\n} \n \n \n.narrower-component {\n width: 435px;\n}\n.record-form-row label {\n font-weight: bold;\n padding-right: 10px;\n width: 240px;\n margin-bottom: 0;\n align-self: start; /* Align the label to the start (top) */\n}\n\n/*\n Eliminate the default margin and padding for the markdown elements\n */\n.record-form-row markdown > p,\n.record-form-row markdown > h1,\n.record-form-row markdown > h2,\n.record-form-row markdown > h3,\n.record-form-row markdown > h4,\n.record-form-row markdown > h5,\n.record-form-row markdown > h6 {\n margin:0 !important;\n}\n\nmarkdown {\n font-size: 1rem; /* Adjust this value to match your app's regular text size */\n}\n\n\n@media (min-width: 768px) {\n .record-form-row {\n display: grid; /* Ensure grid display is used for larger screens as well */\n grid-template-columns: auto 1fr;\n align-items: start; /* Keep the alignment at the top */\n gap: 10px;\n margin-bottom: 12px;\n padding-top: 5px;\n padding-bottom: 5px;\n }\n\n .record-form-row label {\n width: 240px;\n margin-bottom: 0;\n align-self: start; /* Ensure the label is aligned to the top */\n }\n}\n "] }]
|
|
373
371
|
}], () => [{ type: i0.Renderer2 }], { record: [{
|
|
374
372
|
type: Input
|
|
375
373
|
}], EditMode: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-field-component.js","sourceRoot":"","sources":["../../src/lib/base-field-component.ts","../../src/lib/base-field-component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAA2D,MAAM,eAAe,CAAC;AAC3I,OAAO,EAA4C,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC
|
|
1
|
+
{"version":3,"file":"base-field-component.js","sourceRoot":"","sources":["../../src/lib/base-field-component.ts","../../src/lib/base-field-component.html"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-base-forms",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.54.0",
|
|
4
4
|
"description": "MemberJunction: Angular Base Form Components",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -25,15 +25,15 @@
|
|
|
25
25
|
"@angular/router": "18.0.2"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@memberjunction/global": "2.
|
|
29
|
-
"@memberjunction/core": "2.
|
|
30
|
-
"@memberjunction/ng-code-editor": "2.
|
|
31
|
-
"@memberjunction/ng-shared": "2.
|
|
32
|
-
"@memberjunction/ng-tabstrip": "2.
|
|
33
|
-
"@memberjunction/ng-link-directives": "2.
|
|
34
|
-
"@memberjunction/ng-container-directives": "2.
|
|
35
|
-
"@memberjunction/ng-record-changes": "2.
|
|
36
|
-
"@memberjunction/ng-base-types": "2.
|
|
28
|
+
"@memberjunction/global": "2.54.0",
|
|
29
|
+
"@memberjunction/core": "2.54.0",
|
|
30
|
+
"@memberjunction/ng-code-editor": "2.54.0",
|
|
31
|
+
"@memberjunction/ng-shared": "2.54.0",
|
|
32
|
+
"@memberjunction/ng-tabstrip": "2.54.0",
|
|
33
|
+
"@memberjunction/ng-link-directives": "2.54.0",
|
|
34
|
+
"@memberjunction/ng-container-directives": "2.54.0",
|
|
35
|
+
"@memberjunction/ng-record-changes": "2.54.0",
|
|
36
|
+
"@memberjunction/ng-base-types": "2.54.0",
|
|
37
37
|
"@progress/kendo-angular-buttons": "16.2.0",
|
|
38
38
|
"@progress/kendo-angular-dropdowns": "16.2.0",
|
|
39
39
|
"@progress/kendo-angular-inputs": "16.2.0",
|