@indigina/ui-kit 1.1.173 → 1.1.175
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/fesm2022/indigina-ui-kit.mjs +100 -4
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-null-check/kit-filter-null-check.component.d.ts +38 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.component.d.ts +3 -1
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.model.d.ts +2 -1
- package/package.json +1 -1
|
@@ -6855,7 +6855,7 @@ class KitGridUrlStateService {
|
|
|
6855
6855
|
sort: params?.sort && JSON.parse(params.sort),
|
|
6856
6856
|
filter: params?.filter && JSON.parse(params.filter),
|
|
6857
6857
|
search: params?.search,
|
|
6858
|
-
columns:
|
|
6858
|
+
columns: params?.columns && JSON.parse(params.columns),
|
|
6859
6859
|
};
|
|
6860
6860
|
}
|
|
6861
6861
|
setGridStateToUrl(state) {
|
|
@@ -6865,6 +6865,7 @@ class KitGridUrlStateService {
|
|
|
6865
6865
|
search: state.search,
|
|
6866
6866
|
sort: JSON.stringify(state.sort),
|
|
6867
6867
|
filter: JSON.stringify(state.filter),
|
|
6868
|
+
columns: JSON.stringify(state.columns),
|
|
6868
6869
|
};
|
|
6869
6870
|
this.router.navigate([], {
|
|
6870
6871
|
relativeTo: this.activatedRoute,
|
|
@@ -7148,6 +7149,7 @@ var KitFilterType;
|
|
|
7148
7149
|
KitFilterType["DATE"] = "date";
|
|
7149
7150
|
KitFilterType["TEXT"] = "text";
|
|
7150
7151
|
KitFilterType["NUMERIC"] = "numeric";
|
|
7152
|
+
KitFilterType["NULL"] = "null";
|
|
7151
7153
|
})(KitFilterType || (KitFilterType = {}));
|
|
7152
7154
|
|
|
7153
7155
|
const textFilterOperators = [
|
|
@@ -7610,7 +7612,7 @@ class KitGridViewsComponent {
|
|
|
7610
7612
|
take: urlState.take ?? defaults.take,
|
|
7611
7613
|
sort: useViewState ? viewState.sort ?? defaults.sort : urlState.sort ?? [],
|
|
7612
7614
|
filter: convertFilterStringDate(useViewState ? viewState.filter ?? [] : urlState.filter ?? []),
|
|
7613
|
-
columns: buildGridColumns(defaults.columns, viewState.columns ?? defaults.columns),
|
|
7615
|
+
columns: reset ? buildGridColumns(defaults.columns, viewState.columns ?? defaults.columns) : urlState.columns,
|
|
7614
7616
|
search: urlState.search,
|
|
7615
7617
|
};
|
|
7616
7618
|
if (reset) {
|
|
@@ -8195,6 +8197,97 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
8195
8197
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (selectedValues()?.filters; as selectedFilters) {\n @for (filter of selectedFilters; track $index) {\n {{ getSelectedFilterText(filter) }}\n\n @if ($index === 0) {\n {{ getSelectedLogicText(selectedValues()) }}\n }\n }\n }\n</kit-pill>\n\n<kit-popup #popup\n popupClass=\"kit-filter-input-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled\"\n [closePopupOnCancel]=\"false\"\n (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n @for (item of filterItems().filters; track $index) {\n <div class=\"filter-item\">\n <kit-dropdown [items]=\"getFilterOperatorDropdownItems()\"\n [size]=\"kitDropdownSize.SMALL\"\n [selectedItem]=\"$any(item.operator)\"\n (selected)=\"onOperatorSelect($event.value, $index)\"\n ></kit-dropdown>\n <div class=\"filter-controls\">\n @switch (filterInputType()) {\n @case (kitFilterType.TEXT) {\n <kit-textbox class=\"filter-item-value\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n ></kit-textbox>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-numeric-textbox class=\"filter-item-value\"\n format=\"##\"\n [size]=\"kitNumericTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [min]=\"0\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n ></kit-numeric-textbox>\n }\n }\n @if ($index === 0) {\n <kit-dropdown class=\"logic-selector\"\n [selectedItem]=\"filterItems().logic\"\n [items]=\"filterLogicDropdownItems\"\n [size]=\"kitDropdownSize.SMALL\"\n (selected)=\"onLogicChange($event.value)\"\n ></kit-dropdown>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n", styles: ["::ng-deep .kit-filter-input-popup .popup-content{display:flex;flex-direction:column;gap:10px;width:296px;box-sizing:border-box}::ng-deep .kit-filter-input-popup .filter-item{display:flex;flex-direction:column;gap:10px}::ng-deep .kit-filter-input-popup .filter-item-value{flex:1}::ng-deep .kit-filter-input-popup .filter-controls{display:flex;gap:10px}::ng-deep .kit-filter-input-popup .logic-selector{flex-shrink:0;width:100px}\n"] }]
|
|
8196
8198
|
}], ctorParameters: () => [{ type: i1$a.TranslateService }] });
|
|
8197
8199
|
|
|
8200
|
+
class KitFilterNullCheckComponent {
|
|
8201
|
+
constructor() {
|
|
8202
|
+
this.filter = input.required();
|
|
8203
|
+
this.nullLabel = input('');
|
|
8204
|
+
this.notNullLabel = input('');
|
|
8205
|
+
this.showPopupOnInit = input(true);
|
|
8206
|
+
this.filterRemoved = output();
|
|
8207
|
+
this.filterChanged = output();
|
|
8208
|
+
this.anchor = viewChild.required('toggleButton', { read: ElementRef });
|
|
8209
|
+
this.popup = viewChild('popup', { read: KitPopupComponent });
|
|
8210
|
+
this.kitTooltipPosition = KitTooltipPosition;
|
|
8211
|
+
this.kitPillTheme = KitPillTheme;
|
|
8212
|
+
this.selectedOption = model(null);
|
|
8213
|
+
this.options = model([]);
|
|
8214
|
+
}
|
|
8215
|
+
get isPopupOpen() {
|
|
8216
|
+
return !!this.popup()?.isPopupOpen;
|
|
8217
|
+
}
|
|
8218
|
+
get displayedValue() {
|
|
8219
|
+
return this.selectedOption()?.label ?? '';
|
|
8220
|
+
}
|
|
8221
|
+
ngOnInit() {
|
|
8222
|
+
this.options.set([
|
|
8223
|
+
{ label: this.nullLabel(), value: KitFilterOperator.IS_NULL, checked: false },
|
|
8224
|
+
{ label: this.notNullLabel(), value: KitFilterOperator.IS_NOT_NULL, checked: false },
|
|
8225
|
+
]);
|
|
8226
|
+
this.initializeSelectedOption();
|
|
8227
|
+
if (this.showPopupOnInit() && !this.selectedOption()) {
|
|
8228
|
+
requestAnimationFrame(() => this.onPopupToggle());
|
|
8229
|
+
}
|
|
8230
|
+
}
|
|
8231
|
+
removeFilter() {
|
|
8232
|
+
this.popup()?.close();
|
|
8233
|
+
this.filterRemoved.emit();
|
|
8234
|
+
}
|
|
8235
|
+
clearFilter() {
|
|
8236
|
+
this.selectedOption.set(null);
|
|
8237
|
+
}
|
|
8238
|
+
applyFilter() {
|
|
8239
|
+
const filter = {
|
|
8240
|
+
logic: KitFilterLogic.AND,
|
|
8241
|
+
filters: [{
|
|
8242
|
+
field: this.filter().field,
|
|
8243
|
+
operator: this.selectedOption()?.value ?? KitFilterOperator.IS_NULL,
|
|
8244
|
+
value: null,
|
|
8245
|
+
}],
|
|
8246
|
+
};
|
|
8247
|
+
this.filterChanged.emit(filter);
|
|
8248
|
+
}
|
|
8249
|
+
onPopupToggle() {
|
|
8250
|
+
requestAnimationFrame(() => this.popup()?.toggle());
|
|
8251
|
+
}
|
|
8252
|
+
close() {
|
|
8253
|
+
if (!this.filter().value && !this.selectedOption()) {
|
|
8254
|
+
this.removeFilter();
|
|
8255
|
+
}
|
|
8256
|
+
else {
|
|
8257
|
+
this.initializeSelectedOption();
|
|
8258
|
+
}
|
|
8259
|
+
}
|
|
8260
|
+
onOptionChange(option) {
|
|
8261
|
+
this.selectedOption.set({ ...option, checked: true });
|
|
8262
|
+
this.options.update(options => options.map(item => ({
|
|
8263
|
+
...item,
|
|
8264
|
+
checked: item.value === option.value,
|
|
8265
|
+
})));
|
|
8266
|
+
}
|
|
8267
|
+
initializeSelectedOption() {
|
|
8268
|
+
const currentFilter = this.filter().value?.filters[0];
|
|
8269
|
+
if (!currentFilter) {
|
|
8270
|
+
this.selectedOption.set(null);
|
|
8271
|
+
return;
|
|
8272
|
+
}
|
|
8273
|
+
const option = this.options().find(opt => opt.value === currentFilter.operator);
|
|
8274
|
+
this.onOptionChange(option ?? this.options()[0]);
|
|
8275
|
+
}
|
|
8276
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitFilterNullCheckComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8277
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.14", type: KitFilterNullCheckComponent, isStandalone: true, selector: "kit-filter-null-check", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, nullLabel: { classPropertyName: "nullLabel", publicName: "nullLabel", isSignal: true, isRequired: false, transformFunction: null }, notNullLabel: { classPropertyName: "notNullLabel", publicName: "notNullLabel", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged", selectedOption: "selectedOptionChange", options: "optionsChange" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-null\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}: {{ selectedOption()?.label }}\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-null-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [closePopupOnCancel]=\"false\"\n (onApply)=\"applyFilter()\"\n (onCancel)=\"clearFilter()\"\n (onClose)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"options()\"\n (changed)=\"onOptionChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>", styles: ["::ng-deep .kit-filter-null-popup .popup-content{width:172px}::ng-deep .kit-filter-null-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$a.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }, { kind: "ngmodule", type: KitRadioButtonModule }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8278
|
+
}
|
|
8279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitFilterNullCheckComponent, decorators: [{
|
|
8280
|
+
type: Component,
|
|
8281
|
+
args: [{ selector: 'kit-filter-null-check', imports: [
|
|
8282
|
+
KitPillComponent,
|
|
8283
|
+
KitTextboxModule,
|
|
8284
|
+
TranslateModule,
|
|
8285
|
+
FormsModule,
|
|
8286
|
+
KitPopupComponent,
|
|
8287
|
+
KitRadioButtonModule,
|
|
8288
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-filter-null\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}: {{ selectedOption()?.label }}\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-null-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [closePopupOnCancel]=\"false\"\n (onApply)=\"applyFilter()\"\n (onCancel)=\"clearFilter()\"\n (onClose)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"options()\"\n (changed)=\"onOptionChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>", styles: ["::ng-deep .kit-filter-null-popup .popup-content{width:172px}::ng-deep .kit-filter-null-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"] }]
|
|
8289
|
+
}] });
|
|
8290
|
+
|
|
8198
8291
|
class KitGridFiltersComponent {
|
|
8199
8292
|
constructor(store, kitGridUrlStateService) {
|
|
8200
8293
|
this.store = store;
|
|
@@ -8203,6 +8296,8 @@ class KitGridFiltersComponent {
|
|
|
8203
8296
|
this.columns = input.required();
|
|
8204
8297
|
this.filterListConfig = input.required();
|
|
8205
8298
|
this.useLocalTimeZone = input(false);
|
|
8299
|
+
this.nullLabel = input('');
|
|
8300
|
+
this.notNullLabel = input('');
|
|
8206
8301
|
this.kitFilterType = KitFilterType;
|
|
8207
8302
|
this.filters = toSignal(this.store.select(KIT_GRID_STATE_TOKEN).pipe(map(gridData => gridData.filter)), { initialValue: [] });
|
|
8208
8303
|
this.filterSelectorItems = computed(() => this.columns()
|
|
@@ -8247,7 +8342,7 @@ class KitGridFiltersComponent {
|
|
|
8247
8342
|
return filters.some(filter => filter.field === item.field);
|
|
8248
8343
|
}
|
|
8249
8344
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitGridFiltersComponent, deps: [{ token: i1$d.Store }, { token: KitGridUrlStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8250
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: KitGridFiltersComponent, isStandalone: true, selector: "kit-grid-filters", inputs: { excludedColumns: { classPropertyName: "excludedColumns", publicName: "excludedColumns", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, filterListConfig: { classPropertyName: "filterListConfig", publicName: "filterListConfig", isSignal: true, isRequired: true, transformFunction: null }, useLocalTimeZone: { classPropertyName: "useLocalTimeZone", publicName: "useLocalTimeZone", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-grid-filters\">\n @for (item of filters(); track item) {\n @switch (item.type) {\n @case (kitFilterType.CHECKBOX) {\n <kit-filter-checkbox [filter]=\"item\"\n [items]=\"filterListConfig()[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-checkbox>\n }\n @case (kitFilterType.RADIO) {\n <kit-filter-radio [filter]=\"item\"\n [items]=\"filterListConfig()?.[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-radio>\n }\n @case (kitFilterType.DATE) {\n <kit-filter-date [filter]=\"item\"\n [useLocalTimeZone]=\"useLocalTimeZone()\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-date>\n }\n @case (kitFilterType.TEXT) {\n <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n }\n }\n\n <kit-filter-selector [items]=\"filterSelectorItems()\"\n (itemSelected)=\"addFilter($event)\"\n ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}\n"], dependencies: [{ kind: "component", type: KitFilterSelectorComponent, selector: "kit-filter-selector", inputs: ["items"], outputs: ["itemSelected"] }, { kind: "component", type: KitFilterCheckboxComponent, selector: "kit-filter-checkbox", inputs: ["filter", "translateKeyPrefix", "items", "showPopupOnInit"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterDateComponent, selector: "kit-filter-date", inputs: ["filter", "useLocalTimeZone"], outputs: ["filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterRadioComponent, selector: "kit-filter-radio", inputs: ["filter", "translateKeyPrefix", "items"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterInputComponent, selector: "kit-filter-input", inputs: ["filter", "filterInputType"], outputs: ["filterRemoved", "filterChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8345
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: KitGridFiltersComponent, isStandalone: true, selector: "kit-grid-filters", inputs: { excludedColumns: { classPropertyName: "excludedColumns", publicName: "excludedColumns", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, filterListConfig: { classPropertyName: "filterListConfig", publicName: "filterListConfig", isSignal: true, isRequired: true, transformFunction: null }, useLocalTimeZone: { classPropertyName: "useLocalTimeZone", publicName: "useLocalTimeZone", isSignal: true, isRequired: false, transformFunction: null }, nullLabel: { classPropertyName: "nullLabel", publicName: "nullLabel", isSignal: true, isRequired: false, transformFunction: null }, notNullLabel: { classPropertyName: "notNullLabel", publicName: "notNullLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-grid-filters\">\n @for (item of filters(); track item) {\n @switch (item.type) {\n @case (kitFilterType.CHECKBOX) {\n <kit-filter-checkbox [filter]=\"item\"\n [items]=\"filterListConfig()[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-checkbox>\n }\n @case (kitFilterType.RADIO) {\n <kit-filter-radio [filter]=\"item\"\n [items]=\"filterListConfig()?.[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-radio>\n }\n @case (kitFilterType.DATE) {\n <kit-filter-date [filter]=\"item\"\n [useLocalTimeZone]=\"useLocalTimeZone()\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-date>\n }\n @case (kitFilterType.TEXT) {\n <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NULL) {\n <kit-filter-null-check [filter]=\"item\"\n [nullLabel]=\"nullLabel()\"\n [notNullLabel]=\"notNullLabel()\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-null-check>\n }\n }\n }\n\n <kit-filter-selector [items]=\"filterSelectorItems()\"\n (itemSelected)=\"addFilter($event)\"\n ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}\n"], dependencies: [{ kind: "component", type: KitFilterSelectorComponent, selector: "kit-filter-selector", inputs: ["items"], outputs: ["itemSelected"] }, { kind: "component", type: KitFilterCheckboxComponent, selector: "kit-filter-checkbox", inputs: ["filter", "translateKeyPrefix", "items", "showPopupOnInit"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterDateComponent, selector: "kit-filter-date", inputs: ["filter", "useLocalTimeZone"], outputs: ["filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterRadioComponent, selector: "kit-filter-radio", inputs: ["filter", "translateKeyPrefix", "items"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterInputComponent, selector: "kit-filter-input", inputs: ["filter", "filterInputType"], outputs: ["filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterNullCheckComponent, selector: "kit-filter-null-check", inputs: ["filter", "nullLabel", "notNullLabel", "showPopupOnInit", "selectedOption", "options"], outputs: ["filterRemoved", "filterChanged", "selectedOptionChange", "optionsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8251
8346
|
}
|
|
8252
8347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitGridFiltersComponent, decorators: [{
|
|
8253
8348
|
type: Component,
|
|
@@ -8257,7 +8352,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
8257
8352
|
KitFilterDateComponent,
|
|
8258
8353
|
KitFilterRadioComponent,
|
|
8259
8354
|
KitFilterInputComponent,
|
|
8260
|
-
|
|
8355
|
+
KitFilterNullCheckComponent,
|
|
8356
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-filters\">\n @for (item of filters(); track item) {\n @switch (item.type) {\n @case (kitFilterType.CHECKBOX) {\n <kit-filter-checkbox [filter]=\"item\"\n [items]=\"filterListConfig()[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-checkbox>\n }\n @case (kitFilterType.RADIO) {\n <kit-filter-radio [filter]=\"item\"\n [items]=\"filterListConfig()?.[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-radio>\n }\n @case (kitFilterType.DATE) {\n <kit-filter-date [filter]=\"item\"\n [useLocalTimeZone]=\"useLocalTimeZone()\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-date>\n }\n @case (kitFilterType.TEXT) {\n <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NULL) {\n <kit-filter-null-check [filter]=\"item\"\n [nullLabel]=\"nullLabel()\"\n [notNullLabel]=\"notNullLabel()\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-null-check>\n }\n }\n }\n\n <kit-filter-selector [items]=\"filterSelectorItems()\"\n (itemSelected)=\"addFilter($event)\"\n ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}\n"] }]
|
|
8261
8357
|
}], ctorParameters: () => [{ type: i1$d.Store }, { type: KitGridUrlStateService }] });
|
|
8262
8358
|
|
|
8263
8359
|
var GridExportOptions;
|