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
|
@@ -20923,16 +20923,6 @@
|
|
|
20923
20923
|
_this.fieldInteractionEvents = new i0.EventEmitter();
|
|
20924
20924
|
return _this;
|
|
20925
20925
|
}
|
|
20926
|
-
Object.defineProperty(NovoFormGroup.prototype, "value", {
|
|
20927
|
-
get: function () {
|
|
20928
|
-
return this.getRawValue(); // The value property on Angular form groups do not include disabled form control values. Find way to address this.
|
|
20929
|
-
},
|
|
20930
|
-
set: function (v) {
|
|
20931
|
-
this._value = v;
|
|
20932
|
-
},
|
|
20933
|
-
enumerable: false,
|
|
20934
|
-
configurable: true
|
|
20935
|
-
});
|
|
20936
20926
|
NovoFormGroup.prototype.enableAllControls = function () {
|
|
20937
20927
|
for (var key in this.controls) {
|
|
20938
20928
|
if (this.controls[key].readOnly) {
|
|
@@ -21254,7 +21244,6 @@
|
|
|
21254
21244
|
function BasePickerResults(element, ref) {
|
|
21255
21245
|
this._term = '';
|
|
21256
21246
|
this.selected = [];
|
|
21257
|
-
this.matches = [];
|
|
21258
21247
|
this.hasError = false;
|
|
21259
21248
|
this.isLoading = false;
|
|
21260
21249
|
this.isStatic = true;
|
|
@@ -21263,10 +21252,21 @@
|
|
|
21263
21252
|
this.autoSelectFirstOption = true;
|
|
21264
21253
|
this.optionsFunctionHasChanged = false;
|
|
21265
21254
|
this.selectingMatches = false;
|
|
21255
|
+
this._matches = [];
|
|
21266
21256
|
this.element = element;
|
|
21267
21257
|
this.ref = ref;
|
|
21268
21258
|
this.scrollHandler = this.onScrollDown.bind(this);
|
|
21269
21259
|
}
|
|
21260
|
+
Object.defineProperty(BasePickerResults.prototype, "matches", {
|
|
21261
|
+
get: function () {
|
|
21262
|
+
return this._matches;
|
|
21263
|
+
},
|
|
21264
|
+
set: function (m) {
|
|
21265
|
+
this._matches = m;
|
|
21266
|
+
},
|
|
21267
|
+
enumerable: false,
|
|
21268
|
+
configurable: true
|
|
21269
|
+
});
|
|
21270
21270
|
BasePickerResults.prototype.cleanUp = function () {
|
|
21271
21271
|
var element = this.getListElement();
|
|
21272
21272
|
if (element && element.hasAttribute('scrollListener')) {
|
|
@@ -22561,7 +22561,7 @@
|
|
|
22561
22561
|
FormUtils.prototype.forceValidation = function (form) {
|
|
22562
22562
|
Object.keys(form.controls).forEach(function (key) {
|
|
22563
22563
|
var control = form.controls[key];
|
|
22564
|
-
if (control.required && Helpers.isBlank(form.
|
|
22564
|
+
if (control.required && Helpers.isBlank(form.getRawValue()[control.key])) {
|
|
22565
22565
|
control.markAsDirty();
|
|
22566
22566
|
control.markAsTouched();
|
|
22567
22567
|
}
|
|
@@ -44083,7 +44083,7 @@
|
|
|
44083
44083
|
var nestedFormGroup = controlsArray.at(index);
|
|
44084
44084
|
nestedFormGroup.fieldInteractionEvents.unsubscribe();
|
|
44085
44085
|
if (emitEvent) {
|
|
44086
|
-
this.onRemove.emit({ value: nestedFormGroup.
|
|
44086
|
+
this.onRemove.emit({ value: nestedFormGroup.getRawValue(), index: index });
|
|
44087
44087
|
}
|
|
44088
44088
|
controlsArray.removeAt(index);
|
|
44089
44089
|
this.disabledArray = this.disabledArray.filter(function (value, idx) { return idx !== index; });
|
|
@@ -44368,7 +44368,7 @@
|
|
|
44368
44368
|
}
|
|
44369
44369
|
// Hide required fields that have been successfully filled out
|
|
44370
44370
|
if (hideRequiredWithValue &&
|
|
44371
|
-
!Helpers.isBlank(_this.form.
|
|
44371
|
+
!Helpers.isBlank(_this.form.getRawValue()[control.key]) &&
|
|
44372
44372
|
(!control.isEmpty || (control.isEmpty && control.isEmpty(ctl)))) {
|
|
44373
44373
|
ctl.hidden = true;
|
|
44374
44374
|
}
|
|
@@ -44384,7 +44384,7 @@
|
|
|
44384
44384
|
};
|
|
44385
44385
|
Object.defineProperty(NovoDynamicFormElement.prototype, "values", {
|
|
44386
44386
|
get: function () {
|
|
44387
|
-
return this.form ? this.form.
|
|
44387
|
+
return this.form ? this.form.getRawValue() : null;
|
|
44388
44388
|
},
|
|
44389
44389
|
enumerable: false,
|
|
44390
44390
|
configurable: true
|
|
@@ -44405,7 +44405,7 @@
|
|
|
44405
44405
|
if (!ret) {
|
|
44406
44406
|
ret = {};
|
|
44407
44407
|
}
|
|
44408
|
-
ret[control.key] = _this.form.
|
|
44408
|
+
ret[control.key] = _this.form.getRawValue()[control.key];
|
|
44409
44409
|
}
|
|
44410
44410
|
});
|
|
44411
44411
|
});
|
|
@@ -44415,7 +44415,7 @@
|
|
|
44415
44415
|
var _this = this;
|
|
44416
44416
|
Object.keys(this.form.controls).forEach(function (key) {
|
|
44417
44417
|
var control = _this.form.controls[key];
|
|
44418
|
-
if (control.required && Helpers.isBlank(_this.form.
|
|
44418
|
+
if (control.required && Helpers.isBlank(_this.form.getRawValue()[control.key])) {
|
|
44419
44419
|
control.markAsDirty();
|
|
44420
44420
|
control.markAsTouched();
|
|
44421
44421
|
}
|
|
@@ -44493,7 +44493,7 @@
|
|
|
44493
44493
|
_this.form.controls[key].hidden = true;
|
|
44494
44494
|
}
|
|
44495
44495
|
// Hide required fields that have been successfully filled out
|
|
44496
|
-
if (hideRequiredWithValue && !Helpers.isBlank(_this.form.
|
|
44496
|
+
if (hideRequiredWithValue && !Helpers.isBlank(_this.form.getRawValue()[key])) {
|
|
44497
44497
|
_this.form.controls[key].hidden = true;
|
|
44498
44498
|
}
|
|
44499
44499
|
// Don't hide fields with errors
|
|
@@ -44509,7 +44509,7 @@
|
|
|
44509
44509
|
var _this = this;
|
|
44510
44510
|
Object.keys(this.form.controls).forEach(function (key) {
|
|
44511
44511
|
var control = _this.form.controls[key];
|
|
44512
|
-
if (control.required && Helpers.isBlank(_this.form.
|
|
44512
|
+
if (control.required && Helpers.isBlank(_this.form.getRawValue()[control.key])) {
|
|
44513
44513
|
control.markAsDirty();
|
|
44514
44514
|
control.markAsTouched();
|
|
44515
44515
|
}
|
|
@@ -51479,21 +51479,10 @@
|
|
|
51479
51479
|
_this._iconOverrides = {};
|
|
51480
51480
|
return _this;
|
|
51481
51481
|
}
|
|
51482
|
-
Object.defineProperty(NovoStepper.prototype, "steps", {
|
|
51483
|
-
/** Steps that belong to the current stepper, excluding ones from nested steppers. */
|
|
51484
|
-
get: function () {
|
|
51485
|
-
return this._steps;
|
|
51486
|
-
},
|
|
51487
|
-
set: function (value) {
|
|
51488
|
-
this._steps = value;
|
|
51489
|
-
},
|
|
51490
|
-
enumerable: false,
|
|
51491
|
-
configurable: true
|
|
51492
|
-
});
|
|
51493
51482
|
Object.defineProperty(NovoStepper.prototype, "completed", {
|
|
51494
51483
|
get: function () {
|
|
51495
51484
|
try {
|
|
51496
|
-
var steps = this.
|
|
51485
|
+
var steps = this.steps.toArray();
|
|
51497
51486
|
var length = steps.length - 1;
|
|
51498
51487
|
return steps[length].completed && length === this.selectedIndex;
|
|
51499
51488
|
}
|
|
@@ -51507,11 +51496,11 @@
|
|
|
51507
51496
|
NovoStepper.prototype.ngAfterContentInit = function () {
|
|
51508
51497
|
var _this = this;
|
|
51509
51498
|
// Mark the component for change detection whenever the content children query changes
|
|
51510
|
-
this.
|
|
51499
|
+
this.steps.changes.pipe(operators.takeUntil(this._destroyed)).subscribe(function () { return _this._stateChanged(); });
|
|
51511
51500
|
};
|
|
51512
51501
|
NovoStepper.prototype.complete = function () {
|
|
51513
51502
|
try {
|
|
51514
|
-
var steps = this.
|
|
51503
|
+
var steps = this.steps.toArray();
|
|
51515
51504
|
steps[this.selectedIndex].completed = true;
|
|
51516
51505
|
this.next();
|
|
51517
51506
|
this._stateChanged();
|
|
@@ -51521,7 +51510,7 @@
|
|
|
51521
51510
|
}
|
|
51522
51511
|
};
|
|
51523
51512
|
NovoStepper.prototype.getIndicatorType = function (index) {
|
|
51524
|
-
var steps = this.
|
|
51513
|
+
var steps = this.steps.toArray();
|
|
51525
51514
|
if (index === this.selectedIndex) {
|
|
51526
51515
|
if (steps[index] && index === steps.length - 1 && steps[index].completed) {
|
|
51527
51516
|
return 'done';
|
|
@@ -51546,7 +51535,7 @@
|
|
|
51546
51535
|
];
|
|
51547
51536
|
NovoStepper.propDecorators = {
|
|
51548
51537
|
_stepHeader: [{ type: i0.ViewChildren, args: [NovoStepHeader,] }],
|
|
51549
|
-
|
|
51538
|
+
steps: [{ type: i0.ContentChildren, args: [NovoStep, { descendants: true },] }],
|
|
51550
51539
|
_icons: [{ type: i0.ContentChildren, args: [NovoIconComponent,] }]
|
|
51551
51540
|
};
|
|
51552
51541
|
var NovoHorizontalStepper = /** @class */ (function (_super) {
|
|
@@ -52038,10 +52027,30 @@
|
|
|
52038
52027
|
|
|
52039
52028
|
var BaseRenderer = /** @class */ (function () {
|
|
52040
52029
|
function BaseRenderer() {
|
|
52041
|
-
this.
|
|
52042
|
-
this.
|
|
52030
|
+
this._data = {};
|
|
52031
|
+
this._value = '';
|
|
52043
52032
|
this.meta = {};
|
|
52044
52033
|
}
|
|
52034
|
+
Object.defineProperty(BaseRenderer.prototype, "data", {
|
|
52035
|
+
get: function () {
|
|
52036
|
+
return this._data;
|
|
52037
|
+
},
|
|
52038
|
+
set: function (d) {
|
|
52039
|
+
this._data = d;
|
|
52040
|
+
},
|
|
52041
|
+
enumerable: false,
|
|
52042
|
+
configurable: true
|
|
52043
|
+
});
|
|
52044
|
+
Object.defineProperty(BaseRenderer.prototype, "value", {
|
|
52045
|
+
get: function () {
|
|
52046
|
+
return this._value;
|
|
52047
|
+
},
|
|
52048
|
+
set: function (v) {
|
|
52049
|
+
this._value = v;
|
|
52050
|
+
},
|
|
52051
|
+
enumerable: false,
|
|
52052
|
+
configurable: true
|
|
52053
|
+
});
|
|
52045
52054
|
return BaseRenderer;
|
|
52046
52055
|
}());
|
|
52047
52056
|
|
|
@@ -52052,6 +52061,13 @@
|
|
|
52052
52061
|
_this.labels = labels;
|
|
52053
52062
|
return _this;
|
|
52054
52063
|
}
|
|
52064
|
+
Object.defineProperty(DateCell.prototype, "value", {
|
|
52065
|
+
set: function (v) {
|
|
52066
|
+
this._value = v;
|
|
52067
|
+
},
|
|
52068
|
+
enumerable: false,
|
|
52069
|
+
configurable: true
|
|
52070
|
+
});
|
|
52055
52071
|
DateCell.prototype.getFormattedDate = function () {
|
|
52056
52072
|
return this.labels.formatDate(this.value);
|
|
52057
52073
|
};
|
|
@@ -52075,6 +52091,13 @@
|
|
|
52075
52091
|
function NovoDropdownCell() {
|
|
52076
52092
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
52077
52093
|
}
|
|
52094
|
+
Object.defineProperty(NovoDropdownCell.prototype, "value", {
|
|
52095
|
+
set: function (v) {
|
|
52096
|
+
this._value = v;
|
|
52097
|
+
},
|
|
52098
|
+
enumerable: false,
|
|
52099
|
+
configurable: true
|
|
52100
|
+
});
|
|
52078
52101
|
NovoDropdownCell.prototype.ngOnInit = function () {
|
|
52079
52102
|
// Check for and fix bad config
|
|
52080
52103
|
if (!this.meta.dropdownCellConfig) {
|