@indigina/ui-kit 1.1.155 → 1.1.157

package/fesm2022/indigina-ui-kit.mjs

@@ -23,7 +23,7 @@ import * as i1$6 from 'ngx-toastr';
 import { ToastrModule, TOAST_CONFIG, DefaultGlobalConfig } from 'ngx-toastr';
 import * as i1$7 from '@angular/router';
 import { RouterModule, NavigationEnd, RouterLink } from '@angular/router';
-import { BehaviorSubject, filter, Subject, startWith, pairwise, takeUntil, of, tap, map, combineLatest, combineLatestWith, distinctUntilChanged, debounceTime, switchMap } from 'rxjs';
+import { BehaviorSubject, filter, Subject, startWith, pairwise, takeUntil, of, tap, map, debounceTime, switchMap } from 'rxjs';
 import { v4 } from 'uuid';
 import * as i1$8 from '@progress/kendo-angular-dialog';
 import { KENDO_DIALOGS, DialogActionsComponent, DialogContentBase, DialogCloseResult, DialogRef } from '@progress/kendo-angular-dialog';
@@ -6605,6 +6605,9 @@ class AbstractPayloadAction {
 class SetGridSkip extends AbstractPayloadAction {
     static { this.type = '[Grid] SetSkip'; }
 }
+class SetGridTake extends AbstractPayloadAction {
+    static { this.type = '[Grid] SetTake'; }
+}
 class SetGridSearch extends AbstractPayloadAction {
     static { this.type = '[Grid] SetSearch'; }
 }
@@ -6637,6 +6640,11 @@ let KitGridState = class KitGridState {
             skip: action.payload,
         }));
     }
+    setGridTake(ctx, action) {
+        ctx.setState(patch({
+            take: action.payload,
+        }));
+    }
     setGridSearch(ctx, action) {
         ctx.setState(patch({
             search: action.payload,
@@ -6685,6 +6693,9 @@ let KitGridState = class KitGridState {
 __decorate([
     Action(SetGridSkip)
 ], KitGridState.prototype, "setGridSkip", null);
+__decorate([
+    Action(SetGridTake)
+], KitGridState.prototype, "setGridTake", null);
 __decorate([
     Action(SetGridSearch)
 ], KitGridState.prototype, "setGridSearch", null);
@@ -6714,6 +6725,7 @@ KitGridState = __decorate([
         name: KIT_GRID_STATE_TOKEN,
         defaults: {
             skip: 0,
+            take: 10,
             sort: [],
             filter: [],
             columns: [],
@@ -6722,7 +6734,7 @@ KitGridState = __decorate([
 ], KitGridState);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridState, decorators: [{
             type: Injectable
-        }], propDecorators: { setGridSkip: [], setGridSearch: [], removeGridSearch: [], setGridSort: [], setGridColumns: [], addGridFilter: [], removeGridFilter: [], updateGridFilter: [], setGridFilters: [] } });
+        }], propDecorators: { setGridSkip: [], setGridTake: [], setGridSearch: [], removeGridSearch: [], setGridSort: [], setGridColumns: [], addGridFilter: [], removeGridFilter: [], updateGridFilter: [], setGridFilters: [] } });
 
 const kitBuildGridColumn = (field, title, type, sortable = true, hidden = false, width, filterType) => ({
     field,
@@ -6755,15 +6767,17 @@ class KitGridUrlStateService {
         const params = this.activatedRoute.snapshot.queryParams;
         return {
             skip: params?.skip && Number(params.skip),
+            take: params?.take && Number(params.take),
             sort: params?.sort && JSON.parse(params.sort),
             filter: params?.filter && JSON.parse(params.filter),
-            search: params?.search && JSON.parse(params.search),
+            search: params?.search,
             columns: [],
         };
     }
     setGridStateToUrl(state) {
         const queryParams = {
             skip: state.skip,
+            take: state.take,
             search: state.search,
             sort: JSON.stringify(state.sort),
             filter: JSON.stringify(state.filter),
@@ -6772,6 +6786,7 @@ class KitGridUrlStateService {
             relativeTo: this.activatedRoute,
             queryParams,
             queryParamsHandling: 'merge',
+            replaceUrl: true,
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridUrlStateService, deps: [{ token: i1$7.ActivatedRoute }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -6792,9 +6807,13 @@ const filterDuplicateGridViews = (views) => views.filter((item, index, arr) => {
     const duplicateItems = arr.filter(i => i.title === item.title);
     return duplicateItems.length <= 1 || item.type !== KitGridViewType.SYSTEM;
 });
-const findGridViewByName = (views, name) => views.find(view => view.title === name && view.type === KitGridViewType.USER && !view.hidden) ??
-    views.find(view => view.title === name && !view.hidden) ??
-    null;
+const findGridViewByName = (views, name, type) => {
+    const matches = views.filter(view => view.title === name && !view.hidden);
+    if (type) {
+        return matches.find(view => view.type === type) ?? matches[0] ?? null;
+    }
+    return matches.find(view => view.type === KitGridViewType.USER) ?? matches[0] ?? null;
+};
 const buildGridViewColumns = (columns) => columns.map(column => ({
     field: column.field,
     hidden: column.hidden,
@@ -7303,10 +7322,6 @@ class KitGridViewsComponent {
         this.collapsedList = viewChild((KitCollapsedListComponent));
         this.createNewViewPopup = viewChild('popup', { read: KitPopupComponent });
         this.createNewViewName = signal('');
-        this.currentViewName$ = combineLatest([
-            this.activatedRoute.params.pipe(map(params => params['view'] && decodeViewNameFromUrl(params['view']))),
-            this.activatedRoute.data.pipe(map(data => data['view'])),
-        ]).pipe(map(([viewParam, viewData,]) => viewParam ?? viewData));
         this.viewsState$ = this.store.select(KIT_GRID_VIEWS_STATE_TOKEN);
         this.views$ = this.store.select(KitGridViewsState.getViews());
         this.views = this.store.selectSignal(KitGridViewsState.getViews());
@@ -7324,21 +7339,16 @@ class KitGridViewsComponent {
         this.kitTextboxState = KitTextboxState;
         this.selectedView = this.store.selectSignal(KitGridViewsState.selectedView);
         this.collapsedListDropdownText = signal(this.translateService.instant('kit.views.newView'));
+        this.skipQueryParamsUpdate = signal(false);
         effect(() => {
             this.collapsedListDropdownText.set(this.translateService.instant(this.collapsedList()?.dropdownItems().length ? 'kit.views.moreViews' : 'kit.views.newView'));
         });
     }
     ngOnInit() {
         this.fetchViews();
-        this.handleViewOnRouteChange();
-        this.store.select(KitGridViewsState.selectedView).pipe(filter(Boolean), takeUntilDestroyed(this.destroyRef)).subscribe(view => {
-            const item = this.collapsedListItems().find(item => item.value === this.getCollapsedListItem(view).value);
-            item && this.collapsedList()?.setSelectedItem(item);
-            this.updateGridState(view);
-        });
-        this.views$.subscribe((views) => {
-            this.collapsedListItems.set(views.filter(view => !view.hidden).map(view => this.getCollapsedListItem(view)));
-        });
+        this.handleViewsOnRouteChange();
+        this.handelCollapsedListItems();
+        this.handleSelectedView();
     }
     ngOnDestroy() {
         this.store.dispatch(new StateReset(KitGridViewsState));
@@ -7351,7 +7361,7 @@ class KitGridViewsComponent {
         return messageKey && this.translateService.instant(messageKey) || '';
     }
     onSelectView(selectedView) {
-        this.navigateToView(selectedView.title).then(() => this.store.dispatch(new SetSelectedView(selectedView)));
+        this.navigateToView(selectedView.title, selectedView.type);
     }
     openViewsManagerModal() {
         this.kitDialogService.openDialog({
@@ -7369,7 +7379,7 @@ class KitGridViewsComponent {
             }
             else {
                 const defaultView = findGridViewByName(views, this.defaultViewName());
-                this.navigateToView(this.defaultViewName()).then(() => {
+                this.navigateToView(this.defaultViewName(), this.selectedView()?.type).then(() => {
                     defaultView && this.store.dispatch(new SetSelectedView(defaultView));
                 });
             }
@@ -7406,24 +7416,50 @@ class KitGridViewsComponent {
                 defaultItems: this.systemViews(),
             }),
             new FetchGridViewsConfig(this.viewConfigGroup()),
-        ]);
+        ]).subscribe(() => {
+            const views = this.store.selectSnapshot(KitGridViewsState.getViews());
+            const viewName = this.activatedRoute.snapshot.params['view'] ?? this.activatedRoute.snapshot.data['view'];
+            this.handleViewChange(viewName, views);
+        });
+    }
+    handleViewsOnRouteChange() {
+        this.router.events.pipe(filter(event => event instanceof NavigationEnd), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            if (this.skipQueryParamsUpdate()) {
+                this.skipQueryParamsUpdate.set(false);
+                return;
+            }
+            const views = this.store.selectSnapshot(KitGridViewsState.getViews());
+            const viewName = decodeViewNameFromUrl(this.activatedRoute.snapshot.params['view'])
+                ?? this.activatedRoute.snapshot.data['view'];
+            this.handleViewChange(viewName, views);
+        });
+    }
+    handelCollapsedListItems() {
+        this.views$.subscribe((views) => {
+            this.collapsedListItems.set(views.filter(view => !view.hidden).map(view => this.getCollapsedListItem(view)));
+        });
     }
-    handleViewOnRouteChange() {
-        this.currentViewName$.pipe(combineLatestWith(this.views$), filter(([_, views,]) => !!views.length), distinctUntilChanged(([prevViewName], [currViewName]) => prevViewName === currViewName), takeUntilDestroyed(this.destroyRef)).subscribe(([viewName, views,]) => this.handleViewChange(viewName, views));
+    handleSelectedView() {
+        this.store.select(KitGridViewsState.selectedView).pipe(filter(Boolean), takeUntilDestroyed(this.destroyRef)).subscribe(view => {
+            const item = this.collapsedListItems().find(item => item.value === this.getCollapsedListItem(view).value);
+            item && this.collapsedList()?.setSelectedItem(item);
+        });
     }
     handleViewChange(viewName, views) {
         if (viewName !== viewName.toLowerCase()) {
-            this.navigateToView(viewName);
+            this.navigateToView(viewName, this.selectedView()?.type);
             return;
         }
-        const currentView = findGridViewByName(views, viewName);
+        const queryType = this.activatedRoute.snapshot.queryParams['type'];
+        const preferredType = queryType ?? KitGridViewType.USER;
+        const currentView = findGridViewByName(views, viewName, preferredType);
         if (!currentView) {
-            this.navigateToView(this.defaultViewName());
+            this.navigateToView(this.defaultViewName(), this.selectedView()?.type);
             return;
         }
-        if (!this.store.selectSnapshot(KitGridViewsState.selectedView)) {
-            this.store.dispatch(new SetSelectedView(currentView));
-        }
+        this.store.dispatch(new SetSelectedView(currentView)).subscribe(() => {
+            this.updateGridState(currentView);
+        });
     }
     updateGridState(view) {
         const urlState = this.kitGridUrlStateService.getGridStateFromUrl();
@@ -7432,8 +7468,15 @@ class KitGridViewsComponent {
             new SetGridFilters(convertFilterStringDate(urlState.filter ?? view?.viewState?.filter ?? [])),
             new SetGridColumns(buildGridColumns(this.defaultColumns(), view?.viewState?.columns ?? this.defaultColumns())),
             new SetGridSkip(urlState.skip ?? 0),
+            new SetGridTake(urlState.take ?? 10),
             new SetGridSearch(urlState.search),
-        ]).subscribe(() => this.viewChanged.emit());
+        ]).subscribe(() => {
+            if (urlState?.skip === undefined) {
+                this.skipQueryParamsUpdate.set(true);
+                this.kitGridUrlStateService.setGridStateToUrl(this.store.selectSnapshot(KIT_GRID_STATE_TOKEN));
+            }
+            this.viewChanged.emit();
+        });
     }
     getCollapsedListItem(view) {
         return {
@@ -7442,9 +7485,13 @@ class KitGridViewsComponent {
             value: `${view.title}_${view.group}_${view.type}`,
         };
     }
-    navigateToView(viewName) {
+    navigateToView(viewName, type = KitGridViewType.USER) {
         const routePath = kitEncodeViewNameToUrl(viewName.toLowerCase());
-        return this.router.navigate([`../${routePath}`], { relativeTo: this.activatedRoute });
+        return this.router.navigate([`../${routePath}`], {
+            relativeTo: this.activatedRoute,
+            queryParams: { type },
+            queryParamsHandling: 'merge',
+        });
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridViewsComponent, deps: [{ token: i1$d.Store }, { token: i1$7.ActivatedRoute }, { token: i1$7.Router }, { token: i0.DestroyRef }, { token: i1$1.TitleCasePipe }, { token: KitDialogService }, { token: i1$a.TranslateService }, { token: i0.ViewContainerRef }, { token: KitGridUrlStateService }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -8022,7 +8069,6 @@ class KitGridFiltersComponent {
         this.excludedColumns = input.required();
         this.columns = input.required();
         this.filterListConfig = input.required();
-        this.filterChanged = output();
         this.kitFilterType = KitFilterType;
         this.filters = toSignal(this.store.select(KIT_GRID_STATE_TOKEN).pipe(map(gridData => gridData.filter)), { initialValue: [] });
         this.filterSelectorItems = computed(() => this.columns()
@@ -8041,7 +8087,6 @@ class KitGridFiltersComponent {
     removeFilter(field) {
         this.store.dispatch(new RemoveGridFilter(field)).subscribe(() => {
             this.kitGridUrlStateService.setGridStateToUrl(this.store.selectSnapshot(KIT_GRID_STATE_TOKEN));
-            this.filterChanged.emit();
         });
     }
     applyFilter(filter, values) {
@@ -8053,7 +8098,6 @@ class KitGridFiltersComponent {
             new SetGridSkip(0),
         ]).subscribe(() => {
             this.kitGridUrlStateService.setGridStateToUrl(this.store.selectSnapshot(KIT_GRID_STATE_TOKEN));
-            this.filterChanged.emit();
         });
     }
     buildFilterSelectorItem(item, filters) {
@@ -8069,9 +8113,7 @@ class KitGridFiltersComponent {
         return filters.some(filter => filter.field === item.field);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridFiltersComponent, deps: [{ token: i1$d.Store }, { token: KitGridUrlStateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", 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 } }, outputs: { filterChanged: "filterChanged" }, providers: [
-            KitGridUrlStateService,
-        ], 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                         (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"], 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", 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 } }, 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                         (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"], 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridFiltersComponent, decorators: [{
             type: Component,
@@ -8081,8 +8123,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         KitFilterDateComponent,
                         KitFilterRadioComponent,
                         KitFilterInputComponent,
-                    ], providers: [
-                        KitGridUrlStateService,
                     ], 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                         (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"] }]
         }], ctorParameters: () => [{ type: i1$d.Store }, { type: KitGridUrlStateService }] });
 
@@ -8364,29 +8404,24 @@ class KitGridSearchComponent {
     constructor(store, kitGridUrlStateService) {
         this.store = store;
         this.kitGridUrlStateService = kitGridUrlStateService;
-        this.onSearchChanged = output();
         this.kitSearchBarComponent = viewChild.required(KitSearchBarComponent);
         this.gridState$ = this.store.select(KIT_GRID_STATE_TOKEN);
     }
     ngAfterViewInit() {
         this.kitSearchBarComponent().changed.pipe(debounceTime(500), switchMap(value => value && this.store.dispatch(new SetGridSearch(value)) || this.store.dispatch(new RemoveGridSearch()))).subscribe(() => {
             this.kitGridUrlStateService.setGridStateToUrl(this.store.selectSnapshot(KIT_GRID_STATE_TOKEN));
-            this.onSearchChanged.emit();
         });
     }
     closeButtonClick() {
         this.store.dispatch(new RemoveGridSearch()).subscribe(() => {
             this.kitGridUrlStateService.setGridStateToUrl(this.store.selectSnapshot(KIT_GRID_STATE_TOKEN));
-            this.onSearchChanged.emit();
         });
     }
     closeSearch() {
         this.kitSearchBarComponent().onCloseButtonClick();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridSearchComponent, deps: [{ token: i1$d.Store }, { token: KitGridUrlStateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitGridSearchComponent, isStandalone: true, selector: "kit-grid-search", outputs: { onSearchChanged: "onSearchChanged" }, providers: [
-            KitGridUrlStateService,
-        ], viewQueries: [{ propertyName: "kitSearchBarComponent", first: true, predicate: KitSearchBarComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                (closeButtonClick)=\"closeButtonClick()\"\n></kit-search-bar>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$a.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: KitSearchBarModule }, { kind: "component", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: ["placeholder", "searchButtonLabel", "closeButtonLabel", "searchString"], outputs: ["changed", "searchButtonClick", "closeButtonClick"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitGridSearchComponent, isStandalone: true, selector: "kit-grid-search", viewQueries: [{ propertyName: "kitSearchBarComponent", first: true, predicate: KitSearchBarComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                (closeButtonClick)=\"closeButtonClick()\"\n></kit-search-bar>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$a.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: KitSearchBarModule }, { kind: "component", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: ["placeholder", "searchButtonLabel", "closeButtonLabel", "searchString"], outputs: ["changed", "searchButtonClick", "closeButtonClick"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridSearchComponent, decorators: [{
             type: Component,
@@ -8394,8 +8429,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         TranslateModule,
                         KitSearchBarModule,
                         AsyncPipe,
-                    ], providers: [
-                        KitGridUrlStateService,
                     ], template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                (closeButtonClick)=\"closeButtonClick()\"\n></kit-search-bar>\n" }]
         }], ctorParameters: () => [{ type: i1$d.Store }, { type: KitGridUrlStateService }] });
 
@@ -8472,5 +8505,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl };
 //# sourceMappingURL=indigina-ui-kit.mjs.map