novo-elements 6.0.0 → 6.0.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/bundles/novo-elements.umd.js +60 -37
- package/bundles/novo-elements.umd.js.map +1 -1
- package/bundles/novo-elements.umd.min.js +1 -1
- package/bundles/novo-elements.umd.min.js.map +1 -1
- package/esm2015/src/elements/form/ControlGroup.js +2 -2
- package/esm2015/src/elements/form/DynamicForm.js +5 -5
- package/esm2015/src/elements/form/Form.js +3 -3
- package/esm2015/src/elements/form/NovoFormGroup.js +1 -7
- package/esm2015/src/elements/picker/extras/base-picker-results/BasePickerResults.js +8 -2
- package/esm2015/src/elements/stepper/stepper.component.js +6 -13
- package/esm2015/src/elements/table/extras/base-renderer/BaseRenderer.js +15 -3
- package/esm2015/src/elements/table/extras/date-cell/DateCell.js +4 -1
- package/esm2015/src/elements/table/extras/dropdown-cell/DropdownCell.js +4 -1
- package/esm2015/src/utils/form-utils/FormUtils.js +2 -2
- package/fesm2015/novo-elements.js +40 -29
- package/fesm2015/novo-elements.js.map +1 -1
- package/package.json +1 -1
- package/schematics/package.json +1 -1
- package/src/elements/form/NovoFormGroup.d.ts +0 -2
- package/src/elements/picker/extras/base-picker-results/BasePickerResults.d.ts +3 -1
- package/src/elements/stepper/stepper.component.d.ts +1 -4
- package/src/elements/table/extras/base-renderer/BaseRenderer.d.ts +6 -2
- package/src/elements/table/extras/date-cell/DateCell.d.ts +1 -1
- package/src/elements/table/extras/dropdown-cell/DropdownCell.d.ts +1 -1
|
@@ -20423,12 +20423,6 @@ class NovoFormGroup extends FormGroup {
|
|
|
20423
20423
|
super(...arguments);
|
|
20424
20424
|
this.fieldInteractionEvents = new EventEmitter();
|
|
20425
20425
|
}
|
|
20426
|
-
get value() {
|
|
20427
|
-
return this.getRawValue(); // The value property on Angular form groups do not include disabled form control values. Find way to address this.
|
|
20428
|
-
}
|
|
20429
|
-
set value(v) {
|
|
20430
|
-
this._value = v;
|
|
20431
|
-
}
|
|
20432
20426
|
enableAllControls() {
|
|
20433
20427
|
for (const key in this.controls) {
|
|
20434
20428
|
if (this.controls[key].readOnly) {
|
|
@@ -20744,7 +20738,6 @@ class BasePickerResults {
|
|
|
20744
20738
|
constructor(element, ref) {
|
|
20745
20739
|
this._term = '';
|
|
20746
20740
|
this.selected = [];
|
|
20747
|
-
this.matches = [];
|
|
20748
20741
|
this.hasError = false;
|
|
20749
20742
|
this.isLoading = false;
|
|
20750
20743
|
this.isStatic = true;
|
|
@@ -20753,10 +20746,17 @@ class BasePickerResults {
|
|
|
20753
20746
|
this.autoSelectFirstOption = true;
|
|
20754
20747
|
this.optionsFunctionHasChanged = false;
|
|
20755
20748
|
this.selectingMatches = false;
|
|
20749
|
+
this._matches = [];
|
|
20756
20750
|
this.element = element;
|
|
20757
20751
|
this.ref = ref;
|
|
20758
20752
|
this.scrollHandler = this.onScrollDown.bind(this);
|
|
20759
20753
|
}
|
|
20754
|
+
set matches(m) {
|
|
20755
|
+
this._matches = m;
|
|
20756
|
+
}
|
|
20757
|
+
get matches() {
|
|
20758
|
+
return this._matches;
|
|
20759
|
+
}
|
|
20760
20760
|
cleanUp() {
|
|
20761
20761
|
const element = this.getListElement();
|
|
20762
20762
|
if (element && element.hasAttribute('scrollListener')) {
|
|
@@ -22113,7 +22113,7 @@ class FormUtils {
|
|
|
22113
22113
|
forceValidation(form) {
|
|
22114
22114
|
Object.keys(form.controls).forEach((key) => {
|
|
22115
22115
|
const control = form.controls[key];
|
|
22116
|
-
if (control.required && Helpers.isBlank(form.
|
|
22116
|
+
if (control.required && Helpers.isBlank(form.getRawValue()[control.key])) {
|
|
22117
22117
|
control.markAsDirty();
|
|
22118
22118
|
control.markAsTouched();
|
|
22119
22119
|
}
|
|
@@ -44133,7 +44133,7 @@ class NovoControlGroup {
|
|
|
44133
44133
|
const nestedFormGroup = controlsArray.at(index);
|
|
44134
44134
|
nestedFormGroup.fieldInteractionEvents.unsubscribe();
|
|
44135
44135
|
if (emitEvent) {
|
|
44136
|
-
this.onRemove.emit({ value: nestedFormGroup.
|
|
44136
|
+
this.onRemove.emit({ value: nestedFormGroup.getRawValue(), index });
|
|
44137
44137
|
}
|
|
44138
44138
|
controlsArray.removeAt(index);
|
|
44139
44139
|
this.disabledArray = this.disabledArray.filter((value, idx) => idx !== index);
|
|
@@ -44943,7 +44943,7 @@ class NovoDynamicFormElement {
|
|
|
44943
44943
|
}
|
|
44944
44944
|
// Hide required fields that have been successfully filled out
|
|
44945
44945
|
if (hideRequiredWithValue &&
|
|
44946
|
-
!Helpers.isBlank(this.form.
|
|
44946
|
+
!Helpers.isBlank(this.form.getRawValue()[control.key]) &&
|
|
44947
44947
|
(!control.isEmpty || (control.isEmpty && control.isEmpty(ctl)))) {
|
|
44948
44948
|
ctl.hidden = true;
|
|
44949
44949
|
}
|
|
@@ -44958,7 +44958,7 @@ class NovoDynamicFormElement {
|
|
|
44958
44958
|
this.forceValidation();
|
|
44959
44959
|
}
|
|
44960
44960
|
get values() {
|
|
44961
|
-
return this.form ? this.form.
|
|
44961
|
+
return this.form ? this.form.getRawValue() : null;
|
|
44962
44962
|
}
|
|
44963
44963
|
get isValid() {
|
|
44964
44964
|
return this.form ? this.form.valid : false;
|
|
@@ -44971,7 +44971,7 @@ class NovoDynamicFormElement {
|
|
|
44971
44971
|
if (!ret) {
|
|
44972
44972
|
ret = {};
|
|
44973
44973
|
}
|
|
44974
|
-
ret[control.key] = this.form.
|
|
44974
|
+
ret[control.key] = this.form.getRawValue()[control.key];
|
|
44975
44975
|
}
|
|
44976
44976
|
});
|
|
44977
44977
|
});
|
|
@@ -44980,7 +44980,7 @@ class NovoDynamicFormElement {
|
|
|
44980
44980
|
forceValidation() {
|
|
44981
44981
|
Object.keys(this.form.controls).forEach((key) => {
|
|
44982
44982
|
const control = this.form.controls[key];
|
|
44983
|
-
if (control.required && Helpers.isBlank(this.form.
|
|
44983
|
+
if (control.required && Helpers.isBlank(this.form.getRawValue()[control.key])) {
|
|
44984
44984
|
control.markAsDirty();
|
|
44985
44985
|
control.markAsTouched();
|
|
44986
44986
|
}
|
|
@@ -45070,7 +45070,7 @@ class NovoFormElement {
|
|
|
45070
45070
|
this.form.controls[key].hidden = true;
|
|
45071
45071
|
}
|
|
45072
45072
|
// Hide required fields that have been successfully filled out
|
|
45073
|
-
if (hideRequiredWithValue && !Helpers.isBlank(this.form.
|
|
45073
|
+
if (hideRequiredWithValue && !Helpers.isBlank(this.form.getRawValue()[key])) {
|
|
45074
45074
|
this.form.controls[key].hidden = true;
|
|
45075
45075
|
}
|
|
45076
45076
|
// Don't hide fields with errors
|
|
@@ -45085,7 +45085,7 @@ class NovoFormElement {
|
|
|
45085
45085
|
forceValidation() {
|
|
45086
45086
|
Object.keys(this.form.controls).forEach((key) => {
|
|
45087
45087
|
const control = this.form.controls[key];
|
|
45088
|
-
if (control.required && Helpers.isBlank(this.form.
|
|
45088
|
+
if (control.required && Helpers.isBlank(this.form.getRawValue()[control.key])) {
|
|
45089
45089
|
control.markAsDirty();
|
|
45090
45090
|
control.markAsTouched();
|
|
45091
45091
|
}
|
|
@@ -51971,16 +51971,9 @@ class NovoStepper extends CdkStepper {
|
|
|
51971
51971
|
/** Consumer-specified template-refs to be used to override the header icons. */
|
|
51972
51972
|
this._iconOverrides = {};
|
|
51973
51973
|
}
|
|
51974
|
-
/** Steps that belong to the current stepper, excluding ones from nested steppers. */
|
|
51975
|
-
get steps() {
|
|
51976
|
-
return this._steps;
|
|
51977
|
-
}
|
|
51978
|
-
set steps(value) {
|
|
51979
|
-
this._steps = value;
|
|
51980
|
-
}
|
|
51981
51974
|
get completed() {
|
|
51982
51975
|
try {
|
|
51983
|
-
const steps = this.
|
|
51976
|
+
const steps = this.steps.toArray();
|
|
51984
51977
|
const length = steps.length - 1;
|
|
51985
51978
|
return steps[length].completed && length === this.selectedIndex;
|
|
51986
51979
|
}
|
|
@@ -51990,11 +51983,11 @@ class NovoStepper extends CdkStepper {
|
|
|
51990
51983
|
}
|
|
51991
51984
|
ngAfterContentInit() {
|
|
51992
51985
|
// Mark the component for change detection whenever the content children query changes
|
|
51993
|
-
this.
|
|
51986
|
+
this.steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => this._stateChanged());
|
|
51994
51987
|
}
|
|
51995
51988
|
complete() {
|
|
51996
51989
|
try {
|
|
51997
|
-
const steps = this.
|
|
51990
|
+
const steps = this.steps.toArray();
|
|
51998
51991
|
steps[this.selectedIndex].completed = true;
|
|
51999
51992
|
this.next();
|
|
52000
51993
|
this._stateChanged();
|
|
@@ -52004,7 +51997,7 @@ class NovoStepper extends CdkStepper {
|
|
|
52004
51997
|
}
|
|
52005
51998
|
}
|
|
52006
51999
|
getIndicatorType(index) {
|
|
52007
|
-
const steps = this.
|
|
52000
|
+
const steps = this.steps.toArray();
|
|
52008
52001
|
if (index === this.selectedIndex) {
|
|
52009
52002
|
if (steps[index] && index === steps.length - 1 && steps[index].completed) {
|
|
52010
52003
|
return 'done';
|
|
@@ -52028,7 +52021,7 @@ NovoStepper.decorators = [
|
|
|
52028
52021
|
];
|
|
52029
52022
|
NovoStepper.propDecorators = {
|
|
52030
52023
|
_stepHeader: [{ type: ViewChildren, args: [NovoStepHeader,] }],
|
|
52031
|
-
|
|
52024
|
+
steps: [{ type: ContentChildren, args: [NovoStep, { descendants: true },] }],
|
|
52032
52025
|
_icons: [{ type: ContentChildren, args: [NovoIconComponent,] }]
|
|
52033
52026
|
};
|
|
52034
52027
|
class NovoHorizontalStepper extends NovoStepper {
|
|
@@ -52447,10 +52440,22 @@ NovoTabbedGroupPickerModule.decorators = [
|
|
|
52447
52440
|
|
|
52448
52441
|
class BaseRenderer {
|
|
52449
52442
|
constructor() {
|
|
52450
|
-
this.
|
|
52451
|
-
this.
|
|
52443
|
+
this._data = {};
|
|
52444
|
+
this._value = '';
|
|
52452
52445
|
this.meta = {};
|
|
52453
52446
|
}
|
|
52447
|
+
get data() {
|
|
52448
|
+
return this._data;
|
|
52449
|
+
}
|
|
52450
|
+
set data(d) {
|
|
52451
|
+
this._data = d;
|
|
52452
|
+
}
|
|
52453
|
+
get value() {
|
|
52454
|
+
return this._value;
|
|
52455
|
+
}
|
|
52456
|
+
set value(v) {
|
|
52457
|
+
this._value = v;
|
|
52458
|
+
}
|
|
52454
52459
|
}
|
|
52455
52460
|
|
|
52456
52461
|
// NG2
|
|
@@ -52459,6 +52464,9 @@ class DateCell extends BaseRenderer {
|
|
|
52459
52464
|
super();
|
|
52460
52465
|
this.labels = labels;
|
|
52461
52466
|
}
|
|
52467
|
+
set value(v) {
|
|
52468
|
+
this._value = v;
|
|
52469
|
+
}
|
|
52462
52470
|
getFormattedDate() {
|
|
52463
52471
|
return this.labels.formatDate(this.value);
|
|
52464
52472
|
}
|
|
@@ -52482,6 +52490,9 @@ DateCell.propDecorators = {
|
|
|
52482
52490
|
|
|
52483
52491
|
// NG2
|
|
52484
52492
|
class NovoDropdownCell extends BaseRenderer {
|
|
52493
|
+
set value(v) {
|
|
52494
|
+
this._value = v;
|
|
52495
|
+
}
|
|
52485
52496
|
ngOnInit() {
|
|
52486
52497
|
// Check for and fix bad config
|
|
52487
52498
|
if (!this.meta.dropdownCellConfig) {
|