novo-elements 6.0.1 → 6.0.4

package/fesm2015/novo-elements.js

@@ -20423,6 +20423,12 @@ class NovoFormGroup extends FormGroup {
         super(...arguments);
         this.fieldInteractionEvents = new EventEmitter();
     }
+    get value() {
+        return this.getRawValue(); // The value property on Angular form groups do not include disabled form control values.  Find way to address this.
+    }
+    set value(v) {
+        this._value = v;
+    }
     enableAllControls() {
         for (const key in this.controls) {
             if (this.controls[key].readOnly) {
@@ -20738,6 +20744,7 @@ class BasePickerResults {
     constructor(element, ref) {
         this._term = '';
         this.selected = [];
+        this.matches = [];
         this.hasError = false;
         this.isLoading = false;
         this.isStatic = true;
@@ -20746,17 +20753,10 @@ class BasePickerResults {
         this.autoSelectFirstOption = true;
         this.optionsFunctionHasChanged = false;
         this.selectingMatches = false;
-        this._matches = [];
         this.element = element;
         this.ref = ref;
         this.scrollHandler = this.onScrollDown.bind(this);
     }
-    set matches(m) {
-        this._matches = m;
-    }
-    get matches() {
-        return this._matches;
-    }
     cleanUp() {
         const element = this.getListElement();
         if (element && element.hasAttribute('scrollListener')) {
@@ -22113,7 +22113,7 @@ class FormUtils {
     forceValidation(form) {
         Object.keys(form.controls).forEach((key) => {
             const control = form.controls[key];
-            if (control.required && Helpers.isBlank(form.getRawValue()[control.key])) {
+            if (control.required && Helpers.isBlank(form.value[control.key])) {
                 control.markAsDirty();
                 control.markAsTouched();
             }
@@ -32820,8 +32820,11 @@ class NovoChipsElement {
             }
         }
         this._items.next(this.items);
-        this.value = this.source && this.source.valueFormatter ? this.source.valueFormatter(this.items) : this.items.map((i) => i.value);
-        this._propagateChanges();
+        const valueToSet = this.source && this.source.valueFormatter ? this.source.valueFormatter(this.items) : this.items.map((i) => i.value);
+        if (Helpers.isBlank(this.value) !== Helpers.isBlank(valueToSet) || JSON.stringify(this.value) !== JSON.stringify(valueToSet)) {
+            this.value = valueToSet;
+            this._propagateChanges();
+        }
     }
     getLabelFromOptions(value) {
         let id = value;
@@ -35930,7 +35933,7 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
             var _a;
             this.checked = false;
             if ((_a = this.dataTable) === null || _a === void 0 ? void 0 : _a.canSelectAll) {
-                this.selectAllChanged();
+                this.resetAllMatchingSelected();
             }
             this.ref.markForCheck();
         });
@@ -35963,9 +35966,19 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
             this.dataTable.selectRows(!this.checked);
         }
         if ((_a = this.dataTable) === null || _a === void 0 ? void 0 : _a.canSelectAll) {
-            this.selectAllChanged();
+            if (this.checked) {
+                this.resetAllMatchingSelected();
+            }
+            else {
+                this.selectAllChanged();
+            }
         }
     }
+    resetAllMatchingSelected() {
+        var _a, _b, _c;
+        (_b = (_a = this.dataTable.state) === null || _a === void 0 ? void 0 : _a.allMatchingSelectedSource) === null || _b === void 0 ? void 0 : _b.next(false);
+        (_c = this.dataTable.state) === null || _c === void 0 ? void 0 : _c.onSelectionChange();
+    }
     selectAllChanged() {
         var _a, _b, _c, _d;
         const allSelectedEvent = {
@@ -38133,7 +38146,7 @@ class NovoSelectElement extends NovoSelectMixins {
         this.id = this._uniqueId;
         this.name = this._uniqueId;
         this.placeholder = 'Select...';
-        this.position = 'bottom';
+        this.position = 'above-below';
         this.onSelect = new EventEmitter();
         /** Event emitted when the selected value has been changed by the user. */
         this.selectionChange = new EventEmitter();
@@ -44133,7 +44146,7 @@ class NovoControlGroup {
         const nestedFormGroup = controlsArray.at(index);
         nestedFormGroup.fieldInteractionEvents.unsubscribe();
         if (emitEvent) {
-            this.onRemove.emit({ value: nestedFormGroup.getRawValue(), index });
+            this.onRemove.emit({ value: nestedFormGroup.value, index });
         }
         controlsArray.removeAt(index);
         this.disabledArray = this.disabledArray.filter((value, idx) => idx !== index);
@@ -44943,7 +44956,7 @@ class NovoDynamicFormElement {
                 }
                 // Hide required fields that have been successfully filled out
                 if (hideRequiredWithValue &&
-                    !Helpers.isBlank(this.form.getRawValue()[control.key]) &&
+                    !Helpers.isBlank(this.form.value[control.key]) &&
                     (!control.isEmpty || (control.isEmpty && control.isEmpty(ctl)))) {
                     ctl.hidden = true;
                 }
@@ -44958,7 +44971,7 @@ class NovoDynamicFormElement {
         this.forceValidation();
     }
     get values() {
-        return this.form ? this.form.getRawValue() : null;
+        return this.form ? this.form.value : null;
     }
     get isValid() {
         return this.form ? this.form.valid : false;
@@ -44971,7 +44984,7 @@ class NovoDynamicFormElement {
                     if (!ret) {
                         ret = {};
                     }
-                    ret[control.key] = this.form.getRawValue()[control.key];
+                    ret[control.key] = this.form.value[control.key];
                 }
             });
         });
@@ -44980,7 +44993,7 @@ class NovoDynamicFormElement {
     forceValidation() {
         Object.keys(this.form.controls).forEach((key) => {
             const control = this.form.controls[key];
-            if (control.required && Helpers.isBlank(this.form.getRawValue()[control.key])) {
+            if (control.required && Helpers.isBlank(this.form.value[control.key])) {
                 control.markAsDirty();
                 control.markAsTouched();
             }
@@ -45070,7 +45083,7 @@ class NovoFormElement {
                 this.form.controls[key].hidden = true;
             }
             // Hide required fields that have been successfully filled out
-            if (hideRequiredWithValue && !Helpers.isBlank(this.form.getRawValue()[key])) {
+            if (hideRequiredWithValue && !Helpers.isBlank(this.form.value[key])) {
                 this.form.controls[key].hidden = true;
             }
             // Don't hide fields with errors
@@ -45085,7 +45098,7 @@ class NovoFormElement {
     forceValidation() {
         Object.keys(this.form.controls).forEach((key) => {
             const control = this.form.controls[key];
-            if (control.required && Helpers.isBlank(this.form.getRawValue()[control.key])) {
+            if (control.required && Helpers.isBlank(this.form.value[control.key])) {
                 control.markAsDirty();
                 control.markAsTouched();
             }
@@ -51971,9 +51984,16 @@ class NovoStepper extends CdkStepper {
         /** Consumer-specified template-refs to be used to override the header icons. */
         this._iconOverrides = {};
     }
+    /** Steps that belong to the current stepper, excluding ones from nested steppers. */
+    get steps() {
+        return this._steps;
+    }
+    set steps(value) {
+        this._steps = value;
+    }
     get completed() {
         try {
-            const steps = this.steps.toArray();
+            const steps = this._steps.toArray();
             const length = steps.length - 1;
             return steps[length].completed && length === this.selectedIndex;
         }
@@ -51983,11 +52003,11 @@ class NovoStepper extends CdkStepper {
     }
     ngAfterContentInit() {
         // Mark the component for change detection whenever the content children query changes
-        this.steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => this._stateChanged());
+        this._steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => this._stateChanged());
     }
     complete() {
         try {
-            const steps = this.steps.toArray();
+            const steps = this._steps.toArray();
             steps[this.selectedIndex].completed = true;
             this.next();
             this._stateChanged();
@@ -51997,7 +52017,7 @@ class NovoStepper extends CdkStepper {
         }
     }
     getIndicatorType(index) {
-        const steps = this.steps.toArray();
+        const steps = this._steps.toArray();
         if (index === this.selectedIndex) {
             if (steps[index] && index === steps.length - 1 && steps[index].completed) {
                 return 'done';
@@ -52021,7 +52041,7 @@ NovoStepper.decorators = [
 ];
 NovoStepper.propDecorators = {
     _stepHeader: [{ type: ViewChildren, args: [NovoStepHeader,] }],
-    steps: [{ type: ContentChildren, args: [NovoStep, { descendants: true },] }],
+    _steps: [{ type: ContentChildren, args: [NovoStep, { descendants: true },] }],
     _icons: [{ type: ContentChildren, args: [NovoIconComponent,] }]
 };
 class NovoHorizontalStepper extends NovoStepper {
@@ -52440,22 +52460,10 @@ NovoTabbedGroupPickerModule.decorators = [
 
 class BaseRenderer {
     constructor() {
-        this._data = {};
-        this._value = '';
+        this.data = {};
+        this.value = '';
         this.meta = {};
     }
-    get data() {
-        return this._data;
-    }
-    set data(d) {
-        this._data = d;
-    }
-    get value() {
-        return this._value;
-    }
-    set value(v) {
-        this._value = v;
-    }
 }
 
 // NG2
@@ -52464,9 +52472,6 @@ class DateCell extends BaseRenderer {
         super();
         this.labels = labels;
     }
-    set value(v) {
-        this._value = v;
-    }
     getFormattedDate() {
         return this.labels.formatDate(this.value);
     }
@@ -52490,9 +52495,6 @@ DateCell.propDecorators = {
 
 // NG2
 class NovoDropdownCell extends BaseRenderer {
-    set value(v) {
-        this._value = v;
-    }
     ngOnInit() {
         // Check for and fix bad config
         if (!this.meta.dropdownCellConfig) {