@ajsf/material 0.3.0-beta.4 → 0.4.0-beta.1
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/ajsf-material.metadata.json +1 -1
- package/bundles/ajsf-material.umd.js +27 -29
- package/bundles/ajsf-material.umd.js.map +1 -1
- package/bundles/ajsf-material.umd.min.js +2 -2
- package/bundles/ajsf-material.umd.min.js.map +1 -1
- package/esm2015/ajsf-material.js +1 -1
- package/esm2015/lib/angular-flex-monkey-patch.js +1 -1
- package/esm2015/lib/material-design-framework.component.js +2 -2
- package/esm2015/lib/material-design-framework.module.js +1 -1
- package/esm2015/lib/material-design.framework.js +1 -1
- package/esm2015/lib/widgets/flex-layout-root.component.js +1 -1
- package/esm2015/lib/widgets/flex-layout-section.component.js +1 -1
- package/esm2015/lib/widgets/material-add-reference.component.js +1 -1
- package/esm2015/lib/widgets/material-button-group.component.js +1 -1
- package/esm2015/lib/widgets/material-button.component.js +1 -1
- package/esm2015/lib/widgets/material-checkbox.component.js +1 -1
- package/esm2015/lib/widgets/material-checkboxes.component.js +1 -1
- package/esm2015/lib/widgets/material-chip-list.component.js +1 -1
- package/esm2015/lib/widgets/material-datepicker.component.js +3 -6
- package/esm2015/lib/widgets/material-file.component.js +1 -1
- package/esm2015/lib/widgets/material-input.component.js +3 -6
- package/esm2015/lib/widgets/material-number.component.js +3 -6
- package/esm2015/lib/widgets/material-one-of.component.js +1 -1
- package/esm2015/lib/widgets/material-radios.component.js +1 -1
- package/esm2015/lib/widgets/material-select.component.js +3 -6
- package/esm2015/lib/widgets/material-slider.component.js +1 -1
- package/esm2015/lib/widgets/material-stepper.component.js +1 -1
- package/esm2015/lib/widgets/material-tabs.component.js +1 -1
- package/esm2015/lib/widgets/material-textarea.component.js +3 -6
- package/esm2015/lib/widgets/public_api.js +1 -1
- package/esm2015/public_api.js +1 -1
- package/fesm2015/ajsf-material.js +12 -22
- package/fesm2015/ajsf-material.js.map +1 -1
- package/lib/widgets/material-datepicker.component.d.ts +1 -2
- package/lib/widgets/material-input.component.d.ts +1 -2
- package/lib/widgets/material-number.component.d.ts +1 -2
- package/lib/widgets/material-select.component.d.ts +1 -2
- package/lib/widgets/material-textarea.component.d.ts +1 -2
- package/package.json +9 -6
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ajsf/core'), require('@angular/material/
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@ajsf/material', ['exports', '@angular/core', '@ajsf/core', '@angular/material/
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ajsf = global.ajsf || {}, global.ajsf.material = {}), global.ng.core, global['@ajsf/core'], global.ng.material.
|
|
5
|
-
}(this, (function (exports, core, core$1,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ajsf/core'), require('@angular/material/form-field'), require('lodash/cloneDeep'), require('@angular/common'), require('@angular/forms'), require('@angular/flex-layout'), require('@angular/material/autocomplete'), require('@angular/material/button'), require('@angular/material/button-toggle'), require('@angular/material/card'), require('@angular/material/checkbox'), require('@angular/material/chips'), require('@angular/material/core'), require('@angular/material/datepicker'), require('@angular/material/expansion'), require('@angular/material/icon'), require('@angular/material/input'), require('@angular/material/radio'), require('@angular/material/select'), require('@angular/material/slide-toggle'), require('@angular/material/slider'), require('@angular/material/stepper'), require('@angular/material/tabs'), require('@angular/material/tooltip'), require('@angular/material/menu'), require('@angular/material/toolbar'), require('@angular/flex-layout/core')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@ajsf/material', ['exports', '@angular/core', '@ajsf/core', '@angular/material/form-field', 'lodash/cloneDeep', '@angular/common', '@angular/forms', '@angular/flex-layout', '@angular/material/autocomplete', '@angular/material/button', '@angular/material/button-toggle', '@angular/material/card', '@angular/material/checkbox', '@angular/material/chips', '@angular/material/core', '@angular/material/datepicker', '@angular/material/expansion', '@angular/material/icon', '@angular/material/input', '@angular/material/radio', '@angular/material/select', '@angular/material/slide-toggle', '@angular/material/slider', '@angular/material/stepper', '@angular/material/tabs', '@angular/material/tooltip', '@angular/material/menu', '@angular/material/toolbar', '@angular/flex-layout/core'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ajsf = global.ajsf || {}, global.ajsf.material = {}), global.ng.core, global['@ajsf/core'], global.ng.material.formField, global['lodash-es'], global.ng.common, global.ng.forms, global.ng.flexLayout, global.ng.material.autocomplete, global.ng.material.button, global.ng.material.buttonToggle, global.ng.material.card, global.ng.material.checkbox, global.ng.material.chips, global.ng.material.core, global.ng.material.datepicker, global.ng.material.expansion, global.ng.material.icon, global.ng.material.input, global.ng.material.radio, global.ng.material.select, global.ng.material.slideToggle, global.ng.material.slider, global.ng.material.stepper, global.ng.material.tabs, global.ng.material.tooltip, global.ng.material.menu, global.ng.material.toolbar, global.ng.flexLayout.core));
|
|
5
|
+
}(this, (function (exports, core, core$1, formField, cloneDeep, common, forms, flexLayout, autocomplete, button, buttonToggle, card, checkbox, chips, core$3, datepicker, expansion, icon, input, radio, select, slideToggle, slider, stepper, tabs, tooltip, menu, toolbar, core$2) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -32,6 +32,8 @@
|
|
|
32
32
|
return extendStatics(d, b);
|
|
33
33
|
};
|
|
34
34
|
function __extends(d, b) {
|
|
35
|
+
if (typeof b !== "function" && b !== null)
|
|
36
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
35
37
|
extendStatics(d, b);
|
|
36
38
|
function __() { this.constructor = d; }
|
|
37
39
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -217,11 +219,13 @@
|
|
|
217
219
|
}
|
|
218
220
|
return ar;
|
|
219
221
|
}
|
|
222
|
+
/** @deprecated */
|
|
220
223
|
function __spread() {
|
|
221
224
|
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
222
225
|
ar = ar.concat(__read(arguments[i]));
|
|
223
226
|
return ar;
|
|
224
227
|
}
|
|
228
|
+
/** @deprecated */
|
|
225
229
|
function __spreadArrays() {
|
|
226
230
|
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
|
|
227
231
|
s += arguments[i].length;
|
|
@@ -230,7 +234,11 @@
|
|
|
230
234
|
r[k] = a[j];
|
|
231
235
|
return r;
|
|
232
236
|
}
|
|
233
|
-
|
|
237
|
+
function __spreadArray(to, from) {
|
|
238
|
+
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
239
|
+
to[j] = from[i];
|
|
240
|
+
return to;
|
|
241
|
+
}
|
|
234
242
|
function __await(v) {
|
|
235
243
|
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
236
244
|
}
|
|
@@ -732,9 +740,8 @@
|
|
|
732
740
|
};
|
|
733
741
|
|
|
734
742
|
var MaterialDatepickerComponent = /** @class */ (function () {
|
|
735
|
-
function MaterialDatepickerComponent(matFormFieldDefaultOptions,
|
|
743
|
+
function MaterialDatepickerComponent(matFormFieldDefaultOptions, jsf) {
|
|
736
744
|
this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
|
|
737
|
-
this.matLabelGlobalOptions = matLabelGlobalOptions;
|
|
738
745
|
this.jsf = jsf;
|
|
739
746
|
this.controlDisabled = false;
|
|
740
747
|
this.boundControl = false;
|
|
@@ -762,13 +769,12 @@
|
|
|
762
769
|
{ type: core.Component, args: [{
|
|
763
770
|
// tslint:disable-next-line:component-selector
|
|
764
771
|
selector: 'material-datepicker-widget',
|
|
765
|
-
template: "\n <mat-form-field [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel ||
|
|
772
|
+
template: "\n <mat-form-field [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')\"\n [hideRequiredMarker]=\"options?.hideRequired ? 'true' : 'false'\"\n [style.width]=\"'100%'\">\n <mat-label *ngIf=\"!options?.notitle\">{{options?.title}}</mat-label>\n <span matPrefix *ngIf=\"options?.prefix || options?.fieldAddonLeft\"\n [innerHTML]=\"options?.prefix || options?.fieldAddonLeft\"></span>\n <input matInput *ngIf=\"boundControl\"\n [formControl]=\"formControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n [attr.readonly]=\"options?.readonly ? 'readonly' : null\"\n [id]=\"'control' + layoutNode?._id\"\n [max]=\"options?.maximum\"\n [matDatepicker]=\"picker\"\n [min]=\"options?.minimum\"\n [name]=\"controlName\"\n [placeholder]=\"options?.title\"\n [readonly]=\"options?.readonly\"\n [required]=\"options?.required\"\n [style.width]=\"'100%'\"\n (blur)=\"options.showErrors = true\"\n (dateChange)=\"updateValue($event)\"\n (dateInput)=\"updateValue($event)\">\n <input matInput *ngIf=\"!boundControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n [attr.readonly]=\"options?.readonly ? 'readonly' : null\"\n [disabled]=\"controlDisabled || options?.readonly\"\n [id]=\"'control' + layoutNode?._id\"\n [max]=\"options?.maximum\"\n [matDatepicker]=\"picker\"\n [min]=\"options?.minimum\"\n [name]=\"controlName\"\n [placeholder]=\"options?.title\"\n [required]=\"options?.required\"\n [style.width]=\"'100%'\"\n [readonly]=\"options?.readonly\"\n (blur)=\"options.showErrors = true\"\n (dateChange)=\"updateValue($event)\"\n (dateInput)=\"updateValue($event)\">\n <span matSuffix *ngIf=\"options?.suffix || options?.fieldAddonRight\"\n [innerHTML]=\"options?.suffix || options?.fieldAddonRight\"></span>\n <mat-hint *ngIf=\"options?.description && (!options?.showErrors || !options?.errorMessage)\"\n align=\"end\" [innerHTML]=\"options?.description\"></mat-hint>\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n </mat-form-field>\n <mat-datepicker #picker ></mat-datepicker>\n <mat-error *ngIf=\"options?.showErrors && options?.errorMessage\"\n [innerHTML]=\"options?.errorMessage\"></mat-error>",
|
|
766
773
|
styles: ["\n mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n .mat-form-field-infix { width: initial; }\n "]
|
|
767
774
|
},] }
|
|
768
775
|
];
|
|
769
776
|
MaterialDatepickerComponent.ctorParameters = function () { return [
|
|
770
777
|
{ type: undefined, decorators: [{ type: core.Inject, args: [formField.MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: core.Optional }] },
|
|
771
|
-
{ type: undefined, decorators: [{ type: core.Inject, args: [core$2.MAT_LABEL_GLOBAL_OPTIONS,] }, { type: core.Optional }] },
|
|
772
778
|
{ type: core$1.JsonSchemaFormService }
|
|
773
779
|
]; };
|
|
774
780
|
MaterialDatepickerComponent.propDecorators = {
|
|
@@ -867,7 +873,7 @@
|
|
|
867
873
|
// tslint:disable-next-line:component-selector
|
|
868
874
|
selector: 'material-design-framework',
|
|
869
875
|
template: "<div\n [class.array-item]=\"widgetLayoutNode?.arrayItem && widgetLayoutNode?.type !== '$ref'\"\n [orderable]=\"isOrderable\"\n [dataIndex]=\"dataIndex\"\n [layoutIndex]=\"layoutIndex\"\n [layoutNode]=\"widgetLayoutNode\">\n <svg *ngIf=\"showRemoveButton\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"18\" width=\"18\" viewBox=\"0 0 24 24\"\n class=\"close-button\"\n (click)=\"removeItem()\">\n <path\n d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/>\n </svg>\n <select-widget-widget\n [dataIndex]=\"dataIndex\"\n [layoutIndex]=\"layoutIndex\"\n [layoutNode]=\"widgetLayoutNode\"></select-widget-widget>\n</div>\n<div class=\"spacer\" *ngIf=\"widgetLayoutNode?.arrayItem && widgetLayoutNode?.type !== '$ref'\"></div>\n",
|
|
870
|
-
styles: [".array-item{border-radius:2px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);padding:6px;position:relative;transition:all .28s cubic-bezier(.4,0,.2,1)}.close-button{cursor:pointer;fill:rgba(0,0,0,.4);
|
|
876
|
+
styles: [".array-item{border-radius:2px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);padding:6px;position:relative;transition:all .28s cubic-bezier(.4,0,.2,1)}.close-button{cursor:pointer;position:absolute;top:6px;right:6px;fill:rgba(0,0,0,.4);visibility:hidden;z-index:500}.close-button:hover{fill:rgba(0,0,0,.8)}.array-item:hover>.close-button{visibility:visible}.spacer{margin:6px 0}[draggable=true]:hover{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);cursor:move;z-index:10}[draggable=true].drag-target-top{box-shadow:0 -2px 0 #000;position:relative;z-index:20}[draggable=true].drag-target-bottom{box-shadow:0 2px 0 #000;position:relative;z-index:20}"]
|
|
871
877
|
},] }
|
|
872
878
|
];
|
|
873
879
|
MaterialDesignFrameworkComponent.ctorParameters = function () { return [
|
|
@@ -913,9 +919,8 @@
|
|
|
913
919
|
};
|
|
914
920
|
|
|
915
921
|
var MaterialInputComponent = /** @class */ (function () {
|
|
916
|
-
function MaterialInputComponent(matFormFieldDefaultOptions,
|
|
922
|
+
function MaterialInputComponent(matFormFieldDefaultOptions, jsf) {
|
|
917
923
|
this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
|
|
918
|
-
this.matLabelGlobalOptions = matLabelGlobalOptions;
|
|
919
924
|
this.jsf = jsf;
|
|
920
925
|
this.controlDisabled = false;
|
|
921
926
|
this.boundControl = false;
|
|
@@ -937,13 +942,12 @@
|
|
|
937
942
|
{ type: core.Component, args: [{
|
|
938
943
|
// tslint:disable-next-line:component-selector
|
|
939
944
|
selector: 'material-input-widget',
|
|
940
|
-
template: "\n <mat-form-field [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel ||
|
|
945
|
+
template: "\n <mat-form-field [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')\"\n [hideRequiredMarker]=\"options?.hideRequired ? 'true' : 'false'\"\n [style.width]=\"'100%'\">\n <mat-label *ngIf=\"!options?.notitle\">{{options?.title}}</mat-label>\n <span matPrefix *ngIf=\"options?.prefix || options?.fieldAddonLeft\"\n [innerHTML]=\"options?.prefix || options?.fieldAddonLeft\"></span>\n <input matInput *ngIf=\"boundControl\"\n [formControl]=\"formControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n [attr.maxlength]=\"options?.maxLength\"\n [attr.minlength]=\"options?.minLength\"\n [attr.pattern]=\"options?.pattern\"\n [readonly]=\"options?.readonly ? 'readonly' : null\"\n [id]=\"'control' + layoutNode?._id\"\n [name]=\"controlName\"\n [placeholder]=\"options?.notitle ? options?.placeholder : options?.title\"\n [required]=\"options?.required\"\n [style.width]=\"'100%'\"\n [type]=\"layoutNode?.type\"\n (blur)=\"options.showErrors = true\">\n <input matInput *ngIf=\"!boundControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n [attr.maxlength]=\"options?.maxLength\"\n [attr.minlength]=\"options?.minLength\"\n [attr.pattern]=\"options?.pattern\"\n [disabled]=\"controlDisabled\"\n [id]=\"'control' + layoutNode?._id\"\n [name]=\"controlName\"\n [placeholder]=\"options?.notitle ? options?.placeholder : options?.title\"\n [readonly]=\"options?.readonly ? 'readonly' : null\"\n [required]=\"options?.required\"\n [style.width]=\"'100%'\"\n [type]=\"layoutNode?.type\"\n [value]=\"controlValue\"\n (input)=\"updateValue($event)\"\n (blur)=\"options.showErrors = true\">\n <span matSuffix *ngIf=\"options?.suffix || options?.fieldAddonRight\"\n [innerHTML]=\"options?.suffix || options?.fieldAddonRight\"></span>\n <mat-hint *ngIf=\"options?.description && (!options?.showErrors || !options?.errorMessage)\"\n align=\"end\" [innerHTML]=\"options?.description\"></mat-hint>\n <mat-autocomplete *ngIf=\"options?.typeahead?.source\">\n <mat-option *ngFor=\"let word of options?.typeahead?.source\"\n [value]=\"word\">{{word}}</mat-option>\n </mat-autocomplete>\n </mat-form-field>\n <mat-error *ngIf=\"options?.showErrors && options?.errorMessage\"\n [innerHTML]=\"options?.errorMessage\"></mat-error>",
|
|
941
946
|
styles: ["\n mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n .mat-form-field-infix { width: initial; }\n "]
|
|
942
947
|
},] }
|
|
943
948
|
];
|
|
944
949
|
MaterialInputComponent.ctorParameters = function () { return [
|
|
945
950
|
{ type: undefined, decorators: [{ type: core.Inject, args: [formField.MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: core.Optional }] },
|
|
946
|
-
{ type: undefined, decorators: [{ type: core.Inject, args: [core$2.MAT_LABEL_GLOBAL_OPTIONS,] }, { type: core.Optional }] },
|
|
947
951
|
{ type: core$1.JsonSchemaFormService }
|
|
948
952
|
]; };
|
|
949
953
|
MaterialInputComponent.propDecorators = {
|
|
@@ -953,9 +957,8 @@
|
|
|
953
957
|
};
|
|
954
958
|
|
|
955
959
|
var MaterialNumberComponent = /** @class */ (function () {
|
|
956
|
-
function MaterialNumberComponent(matFormFieldDefaultOptions,
|
|
960
|
+
function MaterialNumberComponent(matFormFieldDefaultOptions, jsf) {
|
|
957
961
|
this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
|
|
958
|
-
this.matLabelGlobalOptions = matLabelGlobalOptions;
|
|
959
962
|
this.jsf = jsf;
|
|
960
963
|
this.controlDisabled = false;
|
|
961
964
|
this.boundControl = false;
|
|
@@ -983,13 +986,12 @@
|
|
|
983
986
|
{ type: core.Component, args: [{
|
|
984
987
|
// tslint:disable-next-line:component-selector
|
|
985
988
|
selector: 'material-number-widget',
|
|
986
|
-
template: "\n <mat-form-field [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel ||
|
|
989
|
+
template: "\n <mat-form-field [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')\"\n [hideRequiredMarker]=\"options?.hideRequired ? 'true' : 'false'\"\n [style.width]=\"'100%'\">\n <mat-label *ngIf=\"!options?.notitle\">{{options?.title}}</mat-label>\n <span matPrefix *ngIf=\"options?.prefix || options?.fieldAddonLeft\"\n [innerHTML]=\"options?.prefix || options?.fieldAddonLeft\"></span>\n <input matInput *ngIf=\"boundControl\"\n [formControl]=\"formControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.max]=\"options?.maximum\"\n [attr.min]=\"options?.minimum\"\n [attr.step]=\"options?.multipleOf || options?.step || 'any'\"\n [id]=\"'control' + layoutNode?._id\"\n [name]=\"controlName\"\n [placeholder]=\"options?.notitle ? options?.placeholder : options?.title\"\n [readonly]=\"options?.readonly ? 'readonly' : null\"\n [required]=\"options?.required\"\n [style.width]=\"'100%'\"\n [type]=\"'number'\"\n (blur)=\"options.showErrors = true\">\n <input matInput *ngIf=\"!boundControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.max]=\"options?.maximum\"\n [attr.min]=\"options?.minimum\"\n [attr.step]=\"options?.multipleOf || options?.step || 'any'\"\n [disabled]=\"controlDisabled\"\n [id]=\"'control' + layoutNode?._id\"\n [name]=\"controlName\"\n [placeholder]=\"options?.notitle ? options?.placeholder : options?.title\"\n [readonly]=\"options?.readonly ? 'readonly' : null\"\n [required]=\"options?.required\"\n [style.width]=\"'100%'\"\n [type]=\"'number'\"\n [value]=\"controlValue\"\n (input)=\"updateValue($event)\"\n (blur)=\"options.showErrors = true\">\n <span matSuffix *ngIf=\"options?.suffix || options?.fieldAddonRight\"\n [innerHTML]=\"options?.suffix || options?.fieldAddonRight\"></span>\n <mat-hint *ngIf=\"layoutNode?.type === 'range'\" align=\"start\"\n [innerHTML]=\"controlValue\"></mat-hint>\n <mat-hint *ngIf=\"options?.description && (!options?.showErrors || !options?.errorMessage)\"\n align=\"end\" [innerHTML]=\"options?.description\"></mat-hint>\n </mat-form-field>\n <mat-error *ngIf=\"options?.showErrors && options?.errorMessage\"\n [innerHTML]=\"options?.errorMessage\"></mat-error>",
|
|
987
990
|
styles: ["\n mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n .mat-form-field-infix { width: initial; }\n "]
|
|
988
991
|
},] }
|
|
989
992
|
];
|
|
990
993
|
MaterialNumberComponent.ctorParameters = function () { return [
|
|
991
994
|
{ type: undefined, decorators: [{ type: core.Inject, args: [formField.MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: core.Optional }] },
|
|
992
|
-
{ type: undefined, decorators: [{ type: core.Inject, args: [core$2.MAT_LABEL_GLOBAL_OPTIONS,] }, { type: core.Optional }] },
|
|
993
995
|
{ type: core$1.JsonSchemaFormService }
|
|
994
996
|
]; };
|
|
995
997
|
MaterialNumberComponent.propDecorators = {
|
|
@@ -1070,9 +1072,8 @@
|
|
|
1070
1072
|
};
|
|
1071
1073
|
|
|
1072
1074
|
var MaterialSelectComponent = /** @class */ (function () {
|
|
1073
|
-
function MaterialSelectComponent(matFormFieldDefaultOptions,
|
|
1075
|
+
function MaterialSelectComponent(matFormFieldDefaultOptions, jsf) {
|
|
1074
1076
|
this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
|
|
1075
|
-
this.matLabelGlobalOptions = matLabelGlobalOptions;
|
|
1076
1077
|
this.jsf = jsf;
|
|
1077
1078
|
this.controlDisabled = false;
|
|
1078
1079
|
this.boundControl = false;
|
|
@@ -1097,13 +1098,12 @@
|
|
|
1097
1098
|
{ type: core.Component, args: [{
|
|
1098
1099
|
// tslint:disable-next-line:component-selector
|
|
1099
1100
|
selector: 'material-select-widget',
|
|
1100
|
-
template: "\n <mat-form-field\n [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel ||
|
|
1101
|
+
template: "\n <mat-form-field\n [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')\"\n [hideRequiredMarker]=\"options?.hideRequired ? 'true' : 'false'\"\n [style.width]=\"'100%'\">\n <mat-label *ngIf=\"!options?.notitle\">{{options?.title}}</mat-label>\n <span matPrefix *ngIf=\"options?.prefix || options?.fieldAddonLeft\"\n [innerHTML]=\"options?.prefix || options?.fieldAddonLeft\"></span>\n <mat-select *ngIf=\"boundControl\"\n [formControl]=\"formControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.name]=\"controlName\"\n [id]=\"'control' + layoutNode?._id\"\n [multiple]=\"options?.multiple\"\n [placeholder]=\"options?.notitle ? options?.placeholder : options?.title\"\n [required]=\"options?.required\"\n [style.width]=\"'100%'\"\n (blur)=\"options.showErrors = true\">\n <ng-template ngFor let-selectItem [ngForOf]=\"selectList\">\n <mat-option *ngIf=\"!isArray(selectItem?.items)\"\n [value]=\"selectItem?.value\">\n <span [innerHTML]=\"selectItem?.name\"></span>\n </mat-option>\n <mat-optgroup *ngIf=\"isArray(selectItem?.items)\"\n [label]=\"selectItem?.group\">\n <mat-option *ngFor=\"let subItem of selectItem.items\"\n [value]=\"subItem?.value\">\n <span [innerHTML]=\"subItem?.name\"></span>\n </mat-option>\n </mat-optgroup>\n </ng-template>\n </mat-select>\n <mat-select *ngIf=\"!boundControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.name]=\"controlName\"\n [disabled]=\"controlDisabled || options?.readonly\"\n [id]=\"'control' + layoutNode?._id\"\n [multiple]=\"options?.multiple\"\n [placeholder]=\"options?.notitle ? options?.placeholder : options?.title\"\n [required]=\"options?.required\"\n [style.width]=\"'100%'\"\n [value]=\"controlValue\"\n (blur)=\"options.showErrors = true\"\n (change)=\"updateValue($event)\">\n <ng-template ngFor let-selectItem [ngForOf]=\"selectList\">\n <mat-option *ngIf=\"!isArray(selectItem?.items)\"\n [attr.selected]=\"selectItem?.value === controlValue\"\n [value]=\"selectItem?.value\">\n <span [innerHTML]=\"selectItem?.name\"></span>\n </mat-option>\n <mat-optgroup *ngIf=\"isArray(selectItem?.items)\"\n [label]=\"selectItem?.group\">\n <mat-option *ngFor=\"let subItem of selectItem.items\"\n [attr.selected]=\"subItem?.value === controlValue\"\n [value]=\"subItem?.value\">\n <span [innerHTML]=\"subItem?.name\"></span>\n </mat-option>\n </mat-optgroup>\n </ng-template>\n </mat-select>\n <span matSuffix *ngIf=\"options?.suffix || options?.fieldAddonRight\"\n [innerHTML]=\"options?.suffix || options?.fieldAddonRight\"></span>\n <mat-hint *ngIf=\"options?.description && (!options?.showErrors || !options?.errorMessage)\"\n align=\"end\" [innerHTML]=\"options?.description\"></mat-hint>\n </mat-form-field>\n <mat-error *ngIf=\"options?.showErrors && options?.errorMessage\"\n [innerHTML]=\"options?.errorMessage\"></mat-error>",
|
|
1101
1102
|
styles: ["\n mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n .mat-form-field-infix { width: initial; }\n "]
|
|
1102
1103
|
},] }
|
|
1103
1104
|
];
|
|
1104
1105
|
MaterialSelectComponent.ctorParameters = function () { return [
|
|
1105
1106
|
{ type: undefined, decorators: [{ type: core.Inject, args: [formField.MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: core.Optional }] },
|
|
1106
|
-
{ type: undefined, decorators: [{ type: core.Inject, args: [core$2.MAT_LABEL_GLOBAL_OPTIONS,] }, { type: core.Optional }] },
|
|
1107
1107
|
{ type: core$1.JsonSchemaFormService }
|
|
1108
1108
|
]; };
|
|
1109
1109
|
MaterialSelectComponent.propDecorators = {
|
|
@@ -1232,9 +1232,8 @@
|
|
|
1232
1232
|
};
|
|
1233
1233
|
|
|
1234
1234
|
var MaterialTextareaComponent = /** @class */ (function () {
|
|
1235
|
-
function MaterialTextareaComponent(matFormFieldDefaultOptions,
|
|
1235
|
+
function MaterialTextareaComponent(matFormFieldDefaultOptions, jsf) {
|
|
1236
1236
|
this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
|
|
1237
|
-
this.matLabelGlobalOptions = matLabelGlobalOptions;
|
|
1238
1237
|
this.jsf = jsf;
|
|
1239
1238
|
this.controlDisabled = false;
|
|
1240
1239
|
this.boundControl = false;
|
|
@@ -1255,13 +1254,12 @@
|
|
|
1255
1254
|
{ type: core.Component, args: [{
|
|
1256
1255
|
// tslint:disable-next-line:component-selector
|
|
1257
1256
|
selector: 'material-textarea-widget',
|
|
1258
|
-
template: "\n <mat-form-field [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel ||
|
|
1257
|
+
template: "\n <mat-form-field [appearance]=\"options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'\"\n [class]=\"options?.htmlClass || ''\"\n [floatLabel]=\"options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')\"\n [hideRequiredMarker]=\"options?.hideRequired ? 'true' : 'false'\"\n [style.width]=\"'100%'\">\n <mat-label *ngIf=\"!options?.notitle\">{{options?.title}}</mat-label>\n <span matPrefix *ngIf=\"options?.prefix || options?.fieldAddonLeft\"\n [innerHTML]=\"options?.prefix || options?.fieldAddonLeft\"></span>\n <textarea matInput *ngIf=\"boundControl\"\n [formControl]=\"formControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n [attr.maxlength]=\"options?.maxLength\"\n [attr.minlength]=\"options?.minLength\"\n [attr.pattern]=\"options?.pattern\"\n [required]=\"options?.required\"\n [id]=\"'control' + layoutNode?._id\"\n [name]=\"controlName\"\n [placeholder]=\"options?.notitle ? options?.placeholder : options?.title\"\n [readonly]=\"options?.readonly ? 'readonly' : null\"\n [style.width]=\"'100%'\"\n (blur)=\"options.showErrors = true\"></textarea>\n <textarea matInput *ngIf=\"!boundControl\"\n [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n [attr.maxlength]=\"options?.maxLength\"\n [attr.minlength]=\"options?.minLength\"\n [attr.pattern]=\"options?.pattern\"\n [required]=\"options?.required\"\n [disabled]=\"controlDisabled\"\n [id]=\"'control' + layoutNode?._id\"\n [name]=\"controlName\"\n [placeholder]=\"options?.notitle ? options?.placeholder : options?.title\"\n [readonly]=\"options?.readonly ? 'readonly' : null\"\n [style.width]=\"'100%'\"\n [value]=\"controlValue\"\n (input)=\"updateValue($event)\"\n (blur)=\"options.showErrors = true\"></textarea>\n <span matSuffix *ngIf=\"options?.suffix || options?.fieldAddonRight\"\n [innerHTML]=\"options?.suffix || options?.fieldAddonRight\"></span>\n <mat-hint *ngIf=\"options?.description && (!options?.showErrors || !options?.errorMessage)\"\n align=\"end\" [innerHTML]=\"options?.description\"></mat-hint>\n </mat-form-field>\n <mat-error *ngIf=\"options?.showErrors && options?.errorMessage\"\n [innerHTML]=\"options?.errorMessage\"></mat-error>",
|
|
1259
1258
|
styles: ["\n mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n .mat-form-field-infix { width: initial; }\n "]
|
|
1260
1259
|
},] }
|
|
1261
1260
|
];
|
|
1262
1261
|
MaterialTextareaComponent.ctorParameters = function () { return [
|
|
1263
1262
|
{ type: undefined, decorators: [{ type: core.Inject, args: [formField.MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: core.Optional }] },
|
|
1264
|
-
{ type: undefined, decorators: [{ type: core.Inject, args: [core$2.MAT_LABEL_GLOBAL_OPTIONS,] }, { type: core.Optional }] },
|
|
1265
1263
|
{ type: core$1.JsonSchemaFormService }
|
|
1266
1264
|
]; };
|
|
1267
1265
|
MaterialTextareaComponent.propDecorators = {
|
|
@@ -1338,8 +1336,8 @@
|
|
|
1338
1336
|
|
|
1339
1337
|
function fixAngularFlex() {
|
|
1340
1338
|
// monkey patch based on errors in console - https://github.com/angular/flex-layout/issues/1011
|
|
1341
|
-
var MediaMarshallerUpdateElement = core$
|
|
1342
|
-
core$
|
|
1339
|
+
var MediaMarshallerUpdateElement = core$2.MediaMarshaller.prototype.updateElement;
|
|
1340
|
+
core$2.MediaMarshaller.prototype.updateElement = function (element, key, value) {
|
|
1343
1341
|
if (key === 'layout-gap' && (value === null || value === undefined)) {
|
|
1344
1342
|
value = '0px';
|
|
1345
1343
|
}
|
|
@@ -1357,7 +1355,7 @@
|
|
|
1357
1355
|
var ANGULAR_MATERIAL_MODULES = [
|
|
1358
1356
|
autocomplete.MatAutocompleteModule, button.MatButtonModule, buttonToggle.MatButtonToggleModule, card.MatCardModule,
|
|
1359
1357
|
checkbox.MatCheckboxModule, chips.MatChipsModule, datepicker.MatDatepickerModule, expansion.MatExpansionModule,
|
|
1360
|
-
formField.MatFormFieldModule, icon.MatIconModule, input.MatInputModule, core$
|
|
1358
|
+
formField.MatFormFieldModule, icon.MatIconModule, input.MatInputModule, core$3.MatNativeDateModule,
|
|
1361
1359
|
radio.MatRadioModule, select.MatSelectModule, slider.MatSliderModule, slideToggle.MatSlideToggleModule,
|
|
1362
1360
|
stepper.MatStepperModule, tabs.MatTabsModule, tooltip.MatTooltipModule,
|
|
1363
1361
|
toolbar.MatToolbarModule, menu.MatMenuModule, toolbar.MatToolbarModule,
|