@memberjunction/ng-base-forms 2.47.0 → 2.49.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/base-field-component.js +50 -47
- package/dist/lib/base-field-component.js.map +1 -1
- package/dist/lib/base-form-component.js +169 -192
- package/dist/lib/base-form-component.js.map +1 -1
- package/dist/lib/base-form-section-component.js +2 -4
- package/dist/lib/base-form-section-component.js.map +1 -1
- package/dist/lib/link-field.component.js +163 -182
- package/dist/lib/link-field.component.js.map +1 -1
- package/dist/lib/section-loader-component.js +19 -14
- package/dist/lib/section-loader-component.js.map +1 -1
- package/dist/module.js +17 -17
- package/dist/module.js.map +1 -1
- package/package.json +10 -10
|
@@ -216,13 +216,44 @@ function MJFormField_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
216
216
|
* components for field rendering/editing when needed.
|
|
217
217
|
*/
|
|
218
218
|
export class MJFormField extends BaseRecordComponent {
|
|
219
|
+
renderer;
|
|
220
|
+
/**
|
|
221
|
+
* The record object that contains the field to be rendered. This object should be an instance of BaseEntity or a derived class.
|
|
222
|
+
*/
|
|
223
|
+
record;
|
|
224
|
+
/**
|
|
225
|
+
* EditMode must be bound to the containing form's edit mode/state. When the form is in edit mode, the field will be rendered as an editable control (if not a read only field), otherwise the field will be rendered read-only.
|
|
226
|
+
*/
|
|
227
|
+
EditMode = false;
|
|
228
|
+
/**
|
|
229
|
+
* The name of the field in the entity to be rendered.
|
|
230
|
+
*/
|
|
231
|
+
FieldName = '';
|
|
232
|
+
/**
|
|
233
|
+
* The type of control to be rendered for the field. The default is 'textbox'. Other possible values are 'textarea', 'numerictextbox', 'datepicker', 'checkbox', 'dropdownlist', 'combobox', 'code'.
|
|
234
|
+
*/
|
|
235
|
+
Type = 'textbox';
|
|
236
|
+
/**
|
|
237
|
+
* Optional, the type of link field that should be shown. Email and URL fields will be rendered as hyperlinks, Record fields will be rendered as links to the record. The default is 'None'. Record Fields are only
|
|
238
|
+
* valid when the FieldName field is a foreign key field to another entity.
|
|
239
|
+
*/
|
|
240
|
+
LinkType = 'None';
|
|
241
|
+
/**
|
|
242
|
+
* Optional, when the field type is a linked field, you can specify if a search box is shown or a dropdown component is shown. The default is 'search'.
|
|
243
|
+
*/
|
|
244
|
+
LinkComponentType = 'Dropdown';
|
|
245
|
+
/**
|
|
246
|
+
* If set to false, the label for the field will not be shown. The default is true.
|
|
247
|
+
*/
|
|
248
|
+
ShowLabel = true;
|
|
249
|
+
languages = languages;
|
|
250
|
+
_displayName = null;
|
|
219
251
|
/**
|
|
220
252
|
* Display Name to show on the the control. By default, this is derived from the DisplayName in the entity field metadata, and can be overridden if desired by setting this property manually. Leave it empty to use the default.
|
|
221
253
|
*/
|
|
222
254
|
get DisplayName() {
|
|
223
|
-
var _a;
|
|
224
255
|
if (!this._displayName) {
|
|
225
|
-
const ef =
|
|
256
|
+
const ef = this.record.Fields.find((f) => f.CodeName == this.FieldName)?.EntityFieldInfo;
|
|
226
257
|
if (ef)
|
|
227
258
|
this._displayName = ef.DisplayNameOrName;
|
|
228
259
|
else
|
|
@@ -241,14 +272,14 @@ export class MJFormField extends BaseRecordComponent {
|
|
|
241
272
|
}
|
|
242
273
|
return entityField.EntityFieldInfo.ExtendedType;
|
|
243
274
|
}
|
|
275
|
+
_possibleValues = null;
|
|
244
276
|
/**
|
|
245
277
|
* The possible values for the field. This is only used when the field is a dropdownlist or combobox. The possible values are derived from the EntityFieldValues in the entity field metadata.
|
|
246
278
|
* If the field is not a dropdownlist or combobox, this property is ignored. If you would like to specify a custom list of values, you can set this property manually.
|
|
247
279
|
*/
|
|
248
280
|
get PossibleValues() {
|
|
249
|
-
var _a;
|
|
250
281
|
if (!this._possibleValues) {
|
|
251
|
-
const ef =
|
|
282
|
+
const ef = this.record.Fields.find((f) => f.CodeName == this.FieldName)?.EntityFieldInfo;
|
|
252
283
|
if (ef && ef.ValueListType !== 'None')
|
|
253
284
|
this._possibleValues = ef.EntityFieldValues.map((v) => v.Value);
|
|
254
285
|
else
|
|
@@ -265,7 +296,7 @@ export class MJFormField extends BaseRecordComponent {
|
|
|
265
296
|
const f = this.record.Fields.find((f) => f.CodeName == this.FieldName);
|
|
266
297
|
if (v === null || v === undefined) {
|
|
267
298
|
// check to see if this is a text type of field
|
|
268
|
-
if (
|
|
299
|
+
if (f?.EntityFieldInfo.TSType === EntityFieldTSType.String)
|
|
269
300
|
return '';
|
|
270
301
|
}
|
|
271
302
|
// get here, return the value as it is
|
|
@@ -278,6 +309,7 @@ export class MJFormField extends BaseRecordComponent {
|
|
|
278
309
|
}
|
|
279
310
|
// ignore this if it is read only
|
|
280
311
|
}
|
|
312
|
+
ValueChange = new EventEmitter();
|
|
281
313
|
/**
|
|
282
314
|
* Returns true if the field is read only. This is determined by the ReadOnly property in the entity field metadata.
|
|
283
315
|
*/
|
|
@@ -295,48 +327,19 @@ export class MJFormField extends BaseRecordComponent {
|
|
|
295
327
|
else
|
|
296
328
|
throw new Error(`Field ${this.FieldName} not found in record ${this.record.EntityInfo.Name}`);
|
|
297
329
|
}
|
|
330
|
+
markdown;
|
|
298
331
|
constructor(renderer) {
|
|
299
332
|
super();
|
|
300
333
|
this.renderer = renderer;
|
|
301
|
-
/**
|
|
302
|
-
* EditMode must be bound to the containing form's edit mode/state. When the form is in edit mode, the field will be rendered as an editable control (if not a read only field), otherwise the field will be rendered read-only.
|
|
303
|
-
*/
|
|
304
|
-
this.EditMode = false;
|
|
305
|
-
/**
|
|
306
|
-
* The name of the field in the entity to be rendered.
|
|
307
|
-
*/
|
|
308
|
-
this.FieldName = '';
|
|
309
|
-
/**
|
|
310
|
-
* The type of control to be rendered for the field. The default is 'textbox'. Other possible values are 'textarea', 'numerictextbox', 'datepicker', 'checkbox', 'dropdownlist', 'combobox', 'code'.
|
|
311
|
-
*/
|
|
312
|
-
this.Type = 'textbox';
|
|
313
|
-
/**
|
|
314
|
-
* Optional, the type of link field that should be shown. Email and URL fields will be rendered as hyperlinks, Record fields will be rendered as links to the record. The default is 'None'. Record Fields are only
|
|
315
|
-
* valid when the FieldName field is a foreign key field to another entity.
|
|
316
|
-
*/
|
|
317
|
-
this.LinkType = 'None';
|
|
318
|
-
/**
|
|
319
|
-
* Optional, when the field type is a linked field, you can specify if a search box is shown or a dropdown component is shown. The default is 'search'.
|
|
320
|
-
*/
|
|
321
|
-
this.LinkComponentType = 'Dropdown';
|
|
322
|
-
/**
|
|
323
|
-
* If set to false, the label for the field will not be shown. The default is true.
|
|
324
|
-
*/
|
|
325
|
-
this.ShowLabel = true;
|
|
326
|
-
this.languages = languages;
|
|
327
|
-
this._displayName = null;
|
|
328
|
-
this._possibleValues = null;
|
|
329
|
-
this.ValueChange = new EventEmitter();
|
|
330
334
|
}
|
|
331
335
|
ngAfterViewInit() {
|
|
332
336
|
if (this.markdown) {
|
|
333
337
|
// Create a MutationObserver to watch for changes in the markdown component
|
|
334
338
|
const observer = new MutationObserver((mutations) => {
|
|
335
339
|
mutations.forEach((mutation) => {
|
|
336
|
-
var _a;
|
|
337
340
|
if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
|
|
338
341
|
// Get the first child element inside the markdown component
|
|
339
|
-
const el =
|
|
342
|
+
const el = this.markdown?.element.nativeElement.firstChild;
|
|
340
343
|
if (el) {
|
|
341
344
|
// Apply styles using Renderer2
|
|
342
345
|
this.renderer.setStyle(el, 'margin-top', '0');
|
|
@@ -352,18 +355,18 @@ export class MJFormField extends BaseRecordComponent {
|
|
|
352
355
|
observer.observe(this.markdown.element.nativeElement, { childList: true });
|
|
353
356
|
}
|
|
354
357
|
}
|
|
358
|
+
static ɵfac = function MJFormField_Factory(t) { return new (t || MJFormField)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
|
|
359
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJFormField, selectors: [["mj-form-field"]], viewQuery: function MJFormField_Query(rf, ctx) { if (rf & 1) {
|
|
360
|
+
i0.ɵɵviewQuery(_c0, 5);
|
|
361
|
+
} if (rf & 2) {
|
|
362
|
+
let _t;
|
|
363
|
+
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"], ["mjFillContainer", "", 3, "ngModel", "fillWidth", "fillHeight"], [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"], ["mjFillContainer", "", 3, "ngModelChange", "ngModel", "fillWidth", "fillHeight"], [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
|
+
i0.ɵɵtemplate(0, MJFormField_Conditional_0_Template, 2, 2);
|
|
366
|
+
} if (rf & 2) {
|
|
367
|
+
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.FillContainer, i8.CodeEditorComponent, i9.MarkdownComponent, i10.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}"] });
|
|
355
369
|
}
|
|
356
|
-
MJFormField.ɵfac = function MJFormField_Factory(t) { return new (t || MJFormField)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
|
|
357
|
-
MJFormField.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJFormField, selectors: [["mj-form-field"]], viewQuery: function MJFormField_Query(rf, ctx) { if (rf & 1) {
|
|
358
|
-
i0.ɵɵviewQuery(_c0, 5);
|
|
359
|
-
} if (rf & 2) {
|
|
360
|
-
let _t;
|
|
361
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.markdown = _t.first);
|
|
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"], ["mjFillContainer", "", 3, "ngModel", "fillWidth", "fillHeight"], [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"], ["mjFillContainer", "", 3, "ngModelChange", "ngModel", "fillWidth", "fillHeight"], [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) {
|
|
363
|
-
i0.ɵɵtemplate(0, MJFormField_Conditional_0_Template, 2, 2);
|
|
364
|
-
} if (rf & 2) {
|
|
365
|
-
i0.ɵɵconditional(ctx.record.IsSaved || !ctx.IsFieldReadOnly ? 0 : -1);
|
|
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.FillContainer, i8.CodeEditorComponent, i9.MarkdownComponent, i10.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}"] });
|
|
367
370
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJFormField, [{
|
|
368
371
|
type: Component,
|
|
369
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\" mjFillContainer [fillWidth]=\"ShowLabel ? false : true\" [fillHeight]=\"ShowLabel ? false : true\" ></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 "] }]
|
|
@@ -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":"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
|
|
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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"}
|