novo-elements 7.4.1-next.1 → 7.5.0

package/fesm2020/novo-elements.mjs

@@ -35114,7 +35114,7 @@ class NovoChipInput {
     focus(options) {
         this._inputElement.focus(options);
     }
-    /** Focuses the input. */
+    /** Clears the input. */
     clearValue() {
         this._inputElement.value = '';
         this.ngControl?.control.setValue('');
@@ -37185,6 +37185,8 @@ class DataTableState {
         this.isForceRefresh = false;
         this.updates = new EventEmitter();
         this.retainSelected = false;
+        this.savedSearchName = undefined;
+        this.displayedColumns = undefined;
     }
     get userFiltered() {
         return !!(this.filter || this.sort || this.globalSearch || this.outsideFilter || this.where);
@@ -37196,27 +37198,7 @@ class DataTableState {
         return Array.from(this.selectedRows.values());
     }
     reset(fireUpdate = true, persistUserFilters) {
-        if (!persistUserFilters) {
-            this.sort = undefined;
-            this.globalSearch = undefined;
-            this.filter = undefined;
-            this.where = undefined;
-        }
-        this.page = 0;
-        if (!this.retainSelected) {
-            this.selectedRows.clear();
-            this.resetSource.next();
-        }
-        this.onSortFilterChange();
-        this.retainSelected = false;
-        if (fireUpdate) {
-            this.updates.emit({
-                sort: this.sort,
-                filter: this.filter,
-                globalSearch: this.globalSearch,
-                where: this.where,
-            });
-        }
+        this.setState({}, fireUpdate, persistUserFilters);
     }
     clearSort(fireUpdate = true) {
         this.sort = undefined;
@@ -37298,6 +37280,7 @@ class DataTableState {
             filter: this.filter,
             globalSearch: this.globalSearch,
             where: this.where,
+            savedSearchName: this.savedSearchName,
         });
     }
     setInitialSortFilter(preferences) {
@@ -37309,23 +37292,58 @@ class DataTableState {
                 this.sort = preferences.sort;
             }
             if (preferences.filter) {
-                const filters = Helpers.convertToArray(preferences.filter);
-                filters.forEach((filter) => {
-                    filter.value =
-                        filter.selectedOption && filter.type
-                            ? NovoDataTableFilterUtils.constructFilter(filter.selectedOption, filter.type)
-                            : filter.value;
-                });
-                this.filter = filters;
+                this.filter = this.transformFilters(preferences.filter);
             }
             if (preferences.globalSearch) {
                 this.globalSearch = preferences.globalSearch;
             }
+            if (preferences.savedSearchName) {
+                this.savedSearchName = preferences.savedSearchName;
+            }
+        }
+    }
+    setState(preferences, fireUpdate = true, persistUserFilters = false) {
+        if (!persistUserFilters) {
+            this.where = preferences.where;
+            this.sort = preferences.sort;
+            this.filter = preferences.filter ? this.transformFilters(preferences.filter) : undefined;
+            this.globalSearch = preferences.globalSearch;
+            this.savedSearchName = preferences.savedSearchName;
+            if (preferences.displayedColumns?.length) {
+                this.displayedColumns = preferences.displayedColumns;
+            }
+        }
+        this.page = 0;
+        if (!this.retainSelected) {
+            this.selectedRows.clear();
+            this.resetSource.next();
+        }
+        this.onSortFilterChange();
+        this.retainSelected = false;
+        if (fireUpdate) {
+            this.updates.emit({
+                sort: this.sort,
+                filter: this.filter,
+                globalSearch: this.globalSearch,
+                where: this.where,
+                savedSearchName: this.savedSearchName,
+                displayedColumns: this.displayedColumns,
+            });
         }
     }
     checkRetainment(caller, allMatchingSelected = false) {
         this.retainSelected = this.selectionOptions?.some((option) => option.label === caller) || this.retainSelected || allMatchingSelected;
     }
+    transformFilters(filters) {
+        const filterArray = Helpers.convertToArray(filters);
+        filterArray.forEach((filter) => {
+            filter.value =
+                filter.selectedOption && filter.type
+                    ? NovoDataTableFilterUtils.constructFilter(filter.selectedOption, filter.type)
+                    : filter.value;
+        });
+        return filterArray;
+    }
 }
 DataTableState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataTableState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 DataTableState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataTableState });
@@ -40795,6 +40813,7 @@ class NovoDataTable {
                     filter: event.filter,
                     globalSearch: event.globalSearch,
                     where: event.where,
+                    savedSearchName: event.savedSearchName,
                 });
                 this.performInteractions('change');
             }
@@ -40927,17 +40946,19 @@ class NovoDataTable {
     }
     modifyCellHeaderMultiSelectFilterOptions(column, newOptions) {
         const header = this.cellHeaders.find((cellHeader) => cellHeader.id === column);
-        if (header && header.config && header.config.filterConfig && header.config.filterConfig.options) {
-            const filterOptions = header.config.filterConfig.options;
-            const optionsToKeep = filterOptions.filter((opt) => header.isSelected(opt, header.multiSelectedOptions) &&
-                !newOptions.find((newOpt) => opt.value && newOpt.value && newOpt.value === opt.value));
-            header.config.filterConfig.options = [...optionsToKeep, ...newOptions];
-        }
-        else {
-            header.config.filterConfig.options = newOptions;
+        if (header) {
+            if (header.config && header.config.filterConfig && header.config.filterConfig.options) {
+                const filterOptions = header.config.filterConfig.options;
+                const optionsToKeep = filterOptions.filter((opt) => header.isSelected(opt, header.multiSelectedOptions) &&
+                    !newOptions.find((newOpt) => opt.value && newOpt.value && newOpt.value === opt.value));
+                header.config.filterConfig.options = [...optionsToKeep, ...newOptions];
+            }
+            else {
+                header.config.filterConfig.options = newOptions;
+            }
+            header.setupFilterOptions();
+            header.changeDetectorRef.markForCheck();
         }
-        header.setupFilterOptions();
-        header.changeDetectorRef.markForCheck();
     }
     ngOnDestroy() {
         this.outsideFilterSubscription?.unsubscribe();
@@ -57115,7 +57136,6 @@ class NovoDefaultStringConditionDef extends AbstractConditionFieldDef {
         super(...arguments);
         this.separatorKeysCodes = [ENTER, COMMA];
         this.defaultOperator = 'includeAny';
-        this.model = '';
     }
     getValue(formGroup) {
         return formGroup.value?.value || [];
@@ -57155,15 +57175,14 @@ NovoDefaultStringConditionDef.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
           <novo-option value="excludeAny">{{ labels.exclude }}</novo-option>
         </novo-select>
       </novo-field>
-      <novo-field *novoConditionInputDef="let formGroup">
-        <novo-chip-list #chipList aria-label="filter value">
+      <novo-field *novoConditionInputDef="let formGroup" [formGroup]="formGroup">
+        <novo-chip-list #chipList aria-label="filter value" formControlName="value">
           <novo-chip *ngFor="let chip of formGroup.value?.value || []" [value]="chip" (removed)="remove(chip, formGroup)">
             {{ chip }}
             <novo-icon novoChipRemove>close</novo-icon>
           </novo-chip>
           <input
             novoChipInput
-            [(ngModel)]="model"
             [placeholder]="labels.typeToAddChips"
             autocomplete="off"
             (novoChipInputTokenEnd)="add($event, formGroup)"
@@ -57172,7 +57191,7 @@ NovoDefaultStringConditionDef.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
         <novo-autocomplete></novo-autocomplete>
       </novo-field>
     </ng-container>
-  `, isInline: true, components: [{ type: NovoFieldElement, selector: "novo-field", inputs: ["layout", "appearance", "width"], outputs: ["valueChanges", "stateChanges"] }, { type: NovoSelectElement, selector: "novo-select", inputs: ["disabled", "required", "tabIndex", "id", "name", "options", "placeholder", "readonly", "headerConfig", "position", "overlayWidth", "overlayHeight", "displayWith", "compareWith", "value", "multiple"], outputs: ["onSelect", "selectionChange", "valueChange", "openedChange", "opened", "closed"] }, { type: NovoOption, selector: "novo-option", inputs: ["selected", "keepOpen", "novoInert", "value", "disabled"], exportAs: ["novoOption"] }, { type: NovoChipList, selector: "novo-chip-list", inputs: ["errorStateMatcher", "multiple", "stacked", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["novoChipList"] }, { type: NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { type: NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: NovoAutocompleteElement, selector: "novo-autocomplete", inputs: ["tabIndex", "triggerOn", "displayWith", "aria-label", "multiple", "disabled"], outputs: ["optionSelected", "optionActivated"], exportAs: ["novoAutocomplete"] }], directives: [{ type: NovoConditionFieldDef, selector: "[novoConditionFieldDef]" }, { type: NovoConditionOperatorsDef, selector: "[novoConditionOperatorsDef]" }, { type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: NovoConditionInputDef, selector: "[novoConditionInputDef]" }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NovoChipRemove, selector: "[novoChipRemove]" }, { type: NovoChipInput, selector: "input[novoChipInput]", inputs: ["novoChipInputAddOnBlur", "novoChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["novoChipInputTokenEnd"], exportAs: ["novoChipInput", "novoChipInputFor"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, components: [{ type: NovoFieldElement, selector: "novo-field", inputs: ["layout", "appearance", "width"], outputs: ["valueChanges", "stateChanges"] }, { type: NovoSelectElement, selector: "novo-select", inputs: ["disabled", "required", "tabIndex", "id", "name", "options", "placeholder", "readonly", "headerConfig", "position", "overlayWidth", "overlayHeight", "displayWith", "compareWith", "value", "multiple"], outputs: ["onSelect", "selectionChange", "valueChange", "openedChange", "opened", "closed"] }, { type: NovoOption, selector: "novo-option", inputs: ["selected", "keepOpen", "novoInert", "value", "disabled"], exportAs: ["novoOption"] }, { type: NovoChipList, selector: "novo-chip-list", inputs: ["errorStateMatcher", "multiple", "stacked", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["novoChipList"] }, { type: NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { type: NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: NovoAutocompleteElement, selector: "novo-autocomplete", inputs: ["tabIndex", "triggerOn", "displayWith", "aria-label", "multiple", "disabled"], outputs: ["optionSelected", "optionActivated"], exportAs: ["novoAutocomplete"] }], directives: [{ type: NovoConditionFieldDef, selector: "[novoConditionFieldDef]" }, { type: NovoConditionOperatorsDef, selector: "[novoConditionOperatorsDef]" }, { type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: NovoConditionInputDef, selector: "[novoConditionInputDef]" }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NovoChipRemove, selector: "[novoChipRemove]" }, { type: NovoChipInput, selector: "input[novoChipInput]", inputs: ["novoChipInputAddOnBlur", "novoChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["novoChipInputTokenEnd"], exportAs: ["novoChipInput", "novoChipInputFor"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoDefaultStringConditionDef, decorators: [{
             type: Component,
             args: [{
@@ -57187,15 +57206,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
           <novo-option value="excludeAny">{{ labels.exclude }}</novo-option>
         </novo-select>
       </novo-field>
-      <novo-field *novoConditionInputDef="let formGroup">
-        <novo-chip-list #chipList aria-label="filter value">
+      <novo-field *novoConditionInputDef="let formGroup" [formGroup]="formGroup">
+        <novo-chip-list #chipList aria-label="filter value" formControlName="value">
           <novo-chip *ngFor="let chip of formGroup.value?.value || []" [value]="chip" (removed)="remove(chip, formGroup)">
             {{ chip }}
             <novo-icon novoChipRemove>close</novo-icon>
           </novo-chip>
           <input
             novoChipInput
-            [(ngModel)]="model"
             [placeholder]="labels.typeToAddChips"
             autocomplete="off"
             (novoChipInputTokenEnd)="add($event, formGroup)"
@@ -57270,7 +57288,7 @@ class ConditionGroupComponent {
         return this.formBuilder.group({
             field: [field, Validators.required],
             operator: [operator, Validators.required],
-            value: [value, Validators.required],
+            value: [value],
         });
     }
     cantRemoveRow(isFirst) {
@@ -57376,7 +57394,7 @@ class CriteriaBuilderComponent {
         return this.formBuilder.group({
             field: [field, Validators.required],
             operator: [operator, Validators.required],
-            value: [value, Validators.required],
+            value: [value],
         });
     }
     removeConditionGroupAt(index) {