@recursyve/nice-data-filter-kit 14.5.7 → 14.5.9

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.
Files changed (16) hide show
  1. package/esm2020/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.constant.mjs +2 -1
  2. package/esm2020/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.module.mjs +8 -4
  3. package/esm2020/lib/components/nice-filter-view/components/advanced-filters/models/advanced-date-filter-options.model.mjs +2 -0
  4. package/esm2020/lib/components/nice-filter-view/components/advanced-filters/public-api.mjs +5 -1
  5. package/esm2020/lib/components/nice-filter-view/components/advanced-filters/rule/components/date/date-filter.component.mjs +18 -6
  6. package/esm2020/lib/components/nice-filter-view/store/nice-filter-view.service.mjs +2 -1
  7. package/fesm2015/recursyve-nice-data-filter-kit.mjs +26 -8
  8. package/fesm2015/recursyve-nice-data-filter-kit.mjs.map +1 -1
  9. package/fesm2020/recursyve-nice-data-filter-kit.mjs +25 -7
  10. package/fesm2020/recursyve-nice-data-filter-kit.mjs.map +1 -1
  11. package/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.constant.d.ts +1 -0
  12. package/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.module.d.ts +3 -1
  13. package/lib/components/nice-filter-view/components/advanced-filters/models/advanced-date-filter-options.model.d.ts +3 -0
  14. package/lib/components/nice-filter-view/components/advanced-filters/public-api.d.ts +4 -0
  15. package/lib/components/nice-filter-view/components/advanced-filters/rule/components/date/date-filter.component.d.ts +6 -2
  16. package/package.json +1 -1
@@ -3176,6 +3176,7 @@ class NiceFilterViewService {
3176
3176
  }
3177
3177
  const { filterParameters } = this.store.getValue();
3178
3178
  const newRules = {
3179
+ search: filterParameters.search,
3179
3180
  order: filterParameters.order,
3180
3181
  fallbackOrder: filterParameters.fallbackOrder,
3181
3182
  start: 0,
@@ -3281,6 +3282,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
3281
3282
  }] }]; }, propDecorators: { resetResult: [] } });
3282
3283
 
3283
3284
  const ADVANCED_FILTER_ICONS = new InjectionToken("advanced_filter_icons");
3285
+ const ADVANCED_DATE_FILTER_OPTIONS = new InjectionToken("advanced_date_filter_options");
3284
3286
 
3285
3287
  class NiceFilterGroupIconPipe {
3286
3288
  constructor(service) {
@@ -3696,19 +3698,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
3696
3698
  }] });
3697
3699
 
3698
3700
  class NiceAdvancedDateFilterComponent extends FilterComponent {
3699
- constructor(icons) {
3701
+ constructor(icons, advancedDateFilterOptions) {
3700
3702
  super();
3701
3703
  this.icons = icons;
3704
+ this.advancedDateFilterOptions = advancedDateFilterOptions;
3705
+ }
3706
+ onInputClick(picker) {
3707
+ if (!this.advancedDateFilterOptions.openDatePickerOnClick) {
3708
+ return;
3709
+ }
3710
+ picker.open();
3702
3711
  }
3703
3712
  }
3704
- NiceAdvancedDateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAdvancedDateFilterComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
3713
+ NiceAdvancedDateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAdvancedDateFilterComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: ADVANCED_DATE_FILTER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
3705
3714
  NiceAdvancedDateFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceAdvancedDateFilterComponent, selector: "nice-advanced-date-filter", providers: [
3706
3715
  {
3707
3716
  provide: NG_VALUE_ACCESSOR,
3708
3717
  useExisting: forwardRef(() => NiceAdvancedDateFilterComponent),
3709
3718
  multi: true
3710
3719
  }
3711
- ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n <input matInput [matDatepicker]=\"picker\" [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\" />\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon matDatepickerToggleIcon [svgIcon]=\"icons.datePicker.svgIcon\">{{ icons.datePicker.matIcon }}</mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5$2.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }], encapsulation: i0.ViewEncapsulation.None });
3720
+ ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n <input\n matInput\n [matDatepicker]=\"picker\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onValueChange($event)\"\n (click)=\"onInputClick(picker)\"\n />\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon\n matDatepickerToggleIcon\n [svgIcon]=\"icons.datePicker.svgIcon\"\n >\n {{ icons.datePicker.matIcon }}\n </mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5$2.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }], encapsulation: i0.ViewEncapsulation.None });
3712
3721
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAdvancedDateFilterComponent, decorators: [{
3713
3722
  type: Component,
3714
3723
  args: [{ selector: "nice-advanced-date-filter", encapsulation: ViewEncapsulation.None, providers: [
@@ -3717,12 +3726,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
3717
3726
  useExisting: forwardRef(() => NiceAdvancedDateFilterComponent),
3718
3727
  multi: true
3719
3728
  }
3720
- ], template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n <input matInput [matDatepicker]=\"picker\" [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\" />\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon matDatepickerToggleIcon [svgIcon]=\"icons.datePicker.svgIcon\">{{ icons.datePicker.matIcon }}</mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n</mat-form-field>\n" }]
3729
+ ], template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n <input\n matInput\n [matDatepicker]=\"picker\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onValueChange($event)\"\n (click)=\"onInputClick(picker)\"\n />\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon\n matDatepickerToggleIcon\n [svgIcon]=\"icons.datePicker.svgIcon\"\n >\n {{ icons.datePicker.matIcon }}\n </mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n</mat-form-field>\n" }]
3721
3730
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
3722
3731
  type: Optional
3723
3732
  }, {
3724
3733
  type: Inject,
3725
3734
  args: [ADVANCED_FILTER_ICONS]
3735
+ }] }, { type: undefined, decorators: [{
3736
+ type: Optional
3737
+ }, {
3738
+ type: Inject,
3739
+ args: [ADVANCED_DATE_FILTER_OPTIONS]
3726
3740
  }] }]; } });
3727
3741
 
3728
3742
  class NiceAdvancedNumberFilterComponent extends FilterComponent {
@@ -4023,6 +4037,10 @@ class NiceAdvancedFiltersModule {
4023
4037
  ...(options?.icons ?? {})
4024
4038
  }
4025
4039
  },
4040
+ {
4041
+ provide: ADVANCED_DATE_FILTER_OPTIONS,
4042
+ useValue: { ...(options?.advancedDateFilter ?? {}) }
4043
+ },
4026
4044
  options?.filterGroupService ? {
4027
4045
  provide: NiceFilterGroupService,
4028
4046
  useClass: options.filterGroupService
@@ -4061,7 +4079,7 @@ NiceAdvancedFiltersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0
4061
4079
  MatDatepickerModule,
4062
4080
  NiceTypeaheadModule,
4063
4081
  NgxMaskModule,
4064
- NiceAsyncTypeaheadModule], exports: [NiceAdvancedFiltersComponent, NiceAdvancedFiltersButtonComponent, AdvancedFiltersTriggerDirective] });
4082
+ NiceAsyncTypeaheadModule], exports: [NiceAdvancedFiltersComponent, NiceAdvancedRuleComponent, NiceAdvancedFiltersButtonComponent, AdvancedFiltersTriggerDirective] });
4065
4083
  NiceAdvancedFiltersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAdvancedFiltersModule, imports: [CommonModule,
4066
4084
  ReactiveFormsModule,
4067
4085
  MatRadioModule,
@@ -4121,7 +4139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
4121
4139
  NiceFilterGroupIconPipe
4122
4140
  ],
4123
4141
  providers: [],
4124
- exports: [NiceAdvancedFiltersComponent, NiceAdvancedFiltersButtonComponent, AdvancedFiltersTriggerDirective],
4142
+ exports: [NiceAdvancedFiltersComponent, NiceAdvancedRuleComponent, NiceAdvancedFiltersButtonComponent, AdvancedFiltersTriggerDirective],
4125
4143
  }]
4126
4144
  }] });
4127
4145
 
@@ -5438,5 +5456,5 @@ String.prototype.toTableColumn = function (sortableOrOptions, nullLast) {
5438
5456
  * Generated bundle index. Do not edit.
5439
5457
  */
5440
5458
 
5441
- export { AdvancedFiltersForm, AdvancedFiltersTriggerDirective, DateFilterComponent, FilterComponent$1 as FilterComponent, FilterForm, FilterFormValues, FilterGroupIconPipe, FilterOperatorTypes, FilterSelectionComponent, FilterType, FilterUtils, LayoutContent, NiceAdvancedFiltersButtonComponent, NiceAdvancedFiltersComponent, NiceAdvancedFiltersModule, NiceBaseFilterViewComponent, NiceBaseListButtonsDirective, NiceBaseListCardsDirective, NiceBaseListComponent, NiceBaseListCustomContentDirective, NiceBaseListDirectiveModule, NiceBaseListEmptySearchResultStateDirective, NiceBaseListEmptyStateDirective, NiceBaseListFiltersDirective, NiceBaseListModule, NiceBaseListQuery, NiceBaseListService, NiceBaseListStore, NiceBaseListTableDirective, NiceBaseListTitleDirective, NiceCustomDateAdapter, NiceFilterApi, NiceFilterCustomDataViewComponent, NiceFilterDataDirective, NiceFilterExportButtonsComponent, NiceFilterExportDirective, NiceFilterGroupService, NiceFilterInfiniteScrollDataViewComponent, NiceFilterMatPaginatorPaginationDirective, NiceFilterMatSortSortingDirective, NiceFilterMatTableViewDirective, NiceFilterQueryParamsDirective, NiceFilterSearchComponent, NiceFilterService, NiceFilterViewComponent, NiceFilterViewModule, NiceFilterViewQuery, NiceFilterViewService, NiceListState, NiceMultiStateFilterService, NiceMultiStateListComponent, NiceMultiStateListModule, NiceMultiStateListQuery, NiceMultiStateListService, NiceMultiStateListStore, NicePreloadSelectedEntitiesProvider, NiceQueryBuilderComponent, NiceQueryBuilderModule, NiceSavedReportService, NiceSelectableListCheckboxDirective, NiceSelectableListDirective, NiceSelectableListModule, NiceSelectableListSelectAllDirective, NiceSelectableListService, NiceSelectableListStateQuery, NiceSelectableListStateService, NumberFilterComponent, OrderUtils, QBFilterUtils, QueryBuilderTriggerDirective, RadioFilterComponent, RuleComponent, SelectFilterComponent, StringUtils, TableColumns, TextFilterComponent, defaultLayout, initialBaseListState, initialValue$1 as initialValue, mixinNiceFilterApi };
5459
+ export { AdvancedFiltersAsyncTypeaheadProvider, AdvancedFiltersForm, AdvancedFiltersTriggerDirective, AdvancedFiltersUtils, DateFilterComponent, FilterComponent$1 as FilterComponent, FilterForm, FilterFormValues, FilterGroupIconPipe, FilterOperatorTypes, FilterSelectionComponent, FilterType, FilterUtils, LayoutContent, NiceAdvancedDateFilterComponent, NiceAdvancedFiltersButtonComponent, NiceAdvancedFiltersComponent, NiceAdvancedFiltersModule, NiceAdvancedRuleComponent, NiceBaseFilterViewComponent, NiceBaseListButtonsDirective, NiceBaseListCardsDirective, NiceBaseListComponent, NiceBaseListCustomContentDirective, NiceBaseListDirectiveModule, NiceBaseListEmptySearchResultStateDirective, NiceBaseListEmptyStateDirective, NiceBaseListFiltersDirective, NiceBaseListModule, NiceBaseListQuery, NiceBaseListService, NiceBaseListStore, NiceBaseListTableDirective, NiceBaseListTitleDirective, NiceCustomDateAdapter, NiceFilterApi, NiceFilterCustomDataViewComponent, NiceFilterDataDirective, NiceFilterExportButtonsComponent, NiceFilterExportDirective, NiceFilterGroupService, NiceFilterInfiniteScrollDataViewComponent, NiceFilterMatPaginatorPaginationDirective, NiceFilterMatSortSortingDirective, NiceFilterMatTableViewDirective, NiceFilterQueryParamsDirective, NiceFilterSearchComponent, NiceFilterService, NiceFilterViewComponent, NiceFilterViewModule, NiceFilterViewQuery, NiceFilterViewService, NiceListState, NiceMultiStateFilterService, NiceMultiStateListComponent, NiceMultiStateListModule, NiceMultiStateListQuery, NiceMultiStateListService, NiceMultiStateListStore, NicePreloadSelectedEntitiesProvider, NiceQueryBuilderComponent, NiceQueryBuilderModule, NiceSavedReportService, NiceSelectableListCheckboxDirective, NiceSelectableListDirective, NiceSelectableListModule, NiceSelectableListSelectAllDirective, NiceSelectableListService, NiceSelectableListStateQuery, NiceSelectableListStateService, NumberFilterComponent, OrderUtils, QBFilterUtils, QueryBuilderTriggerDirective, RadioFilterComponent, RuleComponent, SelectFilterComponent, StringUtils, TableColumns, TextFilterComponent, defaultLayout, initialBaseListState, initialValue$1 as initialValue, mixinNiceFilterApi };
5442
5460
  //# sourceMappingURL=recursyve-nice-data-filter-kit.mjs.map