@indigina/ui-kit 1.1.151 → 1.1.153

package/lib/components/kit-search-bar/kit-search-bar.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, ElementRef } from '@angular/core';
+import { EventEmitter, ElementRef, InputSignal, WritableSignal } from '@angular/core';
 import { KitButtonKind, KitButtonType, KitButtonIconPosition } from '../kit-button/kit-button.const';
 import { KitTextboxSize } from '../kit-textbox/kit-textbox.const';
 import { KitSvgIcon, KitSvgIconType } from '../kit-svg-icon/kit-svg-icon.const';
@@ -7,6 +7,11 @@ export declare class KitSearchBarComponent {
     placeholder: string;
     searchButtonLabel: string;
     closeButtonLabel: string;
+    readonly searchString: InputSignal<string | undefined>;
+    changed: EventEmitter<string>;
+    searchButtonClick: EventEmitter<void>;
+    closeButtonClick: EventEmitter<void>;
+    searchTextboxElementRef: ElementRef;
     icon: KitSvgIcon;
     clearIcon: KitSvgIcon;
     buttonType: KitButtonType;
@@ -16,15 +21,12 @@ export declare class KitSearchBarComponent {
     buttonIconType: KitSvgIconType;
     buttonIconPosition: KitButtonIconPosition;
     readonly kitTextboxSize: typeof KitTextboxSize;
-    changed: EventEmitter<string>;
-    searchButtonClick: EventEmitter<void>;
-    closeButtonClick: EventEmitter<void>;
-    searchTextboxElementRef: ElementRef;
-    isSearchVisible: boolean;
+    searchVisible: WritableSignal<boolean>;
+    constructor();
     onSearchChange(value: string): void;
     onSearchButtonClick(): void;
     clearSearch(): void;
     onCloseButtonClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitSearchBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitSearchBarComponent, "kit-search-bar", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "searchButtonLabel": { "alias": "searchButtonLabel"; "required": false; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; }; }, { "changed": "changed"; "searchButtonClick": "searchButtonClick"; "closeButtonClick": "closeButtonClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitSearchBarComponent, "kit-search-bar", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "searchButtonLabel": { "alias": "searchButtonLabel"; "required": false; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; }; "searchString": { "alias": "searchString"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "searchButtonClick": "searchButtonClick"; "closeButtonClick": "closeButtonClick"; }, never, never, false, never>;
 }

package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.component.d.ts

@@ -3,9 +3,11 @@ import { Store } from '@ngxs/store';
 import { KitGridColumnConfig } from '../store/kit-grid.model';
 import { KitFilterListConfig, KitFilterItem, KitFilterType, KitFilterValue } from './kit-grid-filters.model';
 import { KitFilterSelectorItem } from './kit-filter-selector/kit-filter-selector.model';
+import { KitGridUrlStateService } from '../kit-grid-url-state.service';
 import * as i0 from "@angular/core";
 export declare class KitGridFiltersComponent {
     private readonly store;
+    private readonly kitGridUrlStateService;
     readonly excludedColumns: InputSignal<string[]>;
     readonly columns: InputSignal<KitGridColumnConfig[]>;
     readonly filterListConfig: InputSignal<KitFilterListConfig>;
@@ -13,7 +15,7 @@ export declare class KitGridFiltersComponent {
     readonly kitFilterType: typeof KitFilterType;
     readonly filters: Signal<KitFilterItem[]>;
     readonly filterSelectorItems: Signal<KitFilterSelectorItem[]>;
-    constructor(store: Store);
+    constructor(store: Store, kitGridUrlStateService: KitGridUrlStateService);
     addFilter(item: KitFilterSelectorItem): void;
     removeFilter(field: string): void;
     applyFilter(filter: KitFilterItem, values: KitFilterValue): void;

package/lib/widgets/kit-grid-management/kit-grid-search/kit-grid-search.component.d.ts

@@ -1,13 +1,20 @@
 import { AfterViewInit, OutputEmitterRef, Signal } from '@angular/core';
+import { Observable } from 'rxjs';
 import { KitSearchBarComponent } from '../../../components/kit-search-bar/kit-search-bar.component';
+import { Store } from '@ngxs/store';
+import { KitGridDataState } from '../store/kit-grid.model';
+import { KitGridUrlStateService } from '../kit-grid-url-state.service';
 import * as i0 from "@angular/core";
 export declare class KitGridSearchComponent implements AfterViewInit {
-    readonly onSearchChanged: OutputEmitterRef<string>;
-    readonly onCloseSearch: OutputEmitterRef<void>;
+    private readonly store;
+    private readonly kitGridUrlStateService;
+    readonly onSearchChanged: OutputEmitterRef<void>;
     readonly kitSearchBarComponent: Signal<KitSearchBarComponent>;
+    readonly gridState$: Observable<KitGridDataState>;
+    constructor(store: Store, kitGridUrlStateService: KitGridUrlStateService);
     ngAfterViewInit(): void;
     closeButtonClick(): void;
     closeSearch(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitGridSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitGridSearchComponent, "kit-grid-search", never, {}, { "onSearchChanged": "onSearchChanged"; "onCloseSearch": "onCloseSearch"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitGridSearchComponent, "kit-grid-search", never, {}, { "onSearchChanged": "onSearchChanged"; }, never, never, true, never>;
 }

package/lib/widgets/kit-grid-management/kit-grid-url-state.service.d.ts

@@ -0,0 +1,12 @@
+import { ActivatedRoute, Router } from '@angular/router';
+import { KitGridDataState } from '../../widgets/kit-grid-management/store/kit-grid.model';
+import * as i0 from "@angular/core";
+export declare class KitGridUrlStateService {
+    private readonly activatedRoute;
+    private readonly router;
+    constructor(activatedRoute: ActivatedRoute, router: Router);
+    getGridStateFromUrl(): KitGridDataState;
+    setGridStateToUrl(state: KitGridDataState): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitGridUrlStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KitGridUrlStateService>;
+}

package/lib/widgets/kit-grid-management/kit-grid-views/kit-grid-views.component.d.ts

@@ -1,7 +1,7 @@
 import { DestroyRef, EventEmitter, InputSignal, OnDestroy, OnInit, Signal, ViewContainerRef, WritableSignal } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
-import { TitleCasePipe, Location as NgLocation } from '@angular/common';
+import { TitleCasePipe } from '@angular/common';
 import { ActivatedRoute, Router } from '@angular/router';
 import { KitSortDescriptor } from '../../../utils/kit-data-query/kit-data-query.model';
 import { KitAutocompleteItem } from '../../../components/kit-autocomplete/kit-autocomplete.component';
@@ -16,6 +16,7 @@ import { TranslateService } from '@ngx-translate/core';
 import { KitPopupComponent } from '../../../components/kit-popup/kit-popup.component';
 import { KitTextboxState } from '../../../components/kit-textbox/kit-textbox.const';
 import { KitGridViewListItem } from './kit-grid-views.model';
+import { KitGridUrlStateService } from '../kit-grid-url-state.service';
 import * as i0 from "@angular/core";
 export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     private readonly store;
@@ -26,7 +27,7 @@ export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     private readonly kitDialogService;
     private readonly translateService;
     private readonly viewContainerRef;
-    private readonly location;
+    private readonly kitGridUrlStateService;
     readonly viewGroup: InputSignal<string>;
     readonly viewConfigGroup: InputSignal<string>;
     readonly defaultColumns: InputSignal<KitGridColumnConfig[]>;
@@ -52,7 +53,7 @@ export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     readonly kitTextboxState: typeof KitTextboxState;
     readonly selectedView: Signal<KitGridView | null>;
     readonly collapsedListDropdownText: WritableSignal<string>;
-    constructor(store: Store, activatedRoute: ActivatedRoute, router: Router, destroyRef: DestroyRef, titleCasePipe: TitleCasePipe, kitDialogService: KitDialogService, translateService: TranslateService, viewContainerRef: ViewContainerRef, location: NgLocation);
+    constructor(store: Store, activatedRoute: ActivatedRoute, router: Router, destroyRef: DestroyRef, titleCasePipe: TitleCasePipe, kitDialogService: KitDialogService, translateService: TranslateService, viewContainerRef: ViewContainerRef, kitGridUrlStateService: KitGridUrlStateService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     get isViewNameValid(): boolean;
@@ -66,6 +67,7 @@ export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     private handleViewChange;
     private updateGridState;
     private getCollapsedListItem;
+    private navigateToView;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitGridViewsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KitGridViewsComponent, "kit-grid-views", never, { "viewGroup": { "alias": "viewGroup"; "required": true; "isSignal": true; }; "viewConfigGroup": { "alias": "viewConfigGroup"; "required": true; "isSignal": true; }; "defaultColumns": { "alias": "defaultColumns"; "required": true; "isSignal": true; }; "defaultViewName": { "alias": "defaultViewName"; "required": true; "isSignal": true; }; "defaultSorting": { "alias": "defaultSorting"; "required": true; "isSignal": true; }; "systemViews": { "alias": "systemViews"; "required": true; "isSignal": true; }; }, { "viewChanged": "viewChanged"; }, never, never, true, never>;
 }

package/lib/widgets/kit-grid-management/kit-grid-views/kit-grid-views.util.d.ts

@@ -1,4 +1,3 @@
-import { ActivatedRoute, Router } from '@angular/router';
 import { KitGridView, KitGridViewColumn } from './store/kit-grid-views.model';
 import { KitGridColumnConfig } from '../store/kit-grid.model';
 import { KitGridViewValidation } from './kit-grid-views.model';
@@ -7,7 +6,6 @@ export declare const findGridViewByName: (views: KitGridView[], name: string) =>
 export declare const buildGridViewColumns: (columns: KitGridColumnConfig[]) => KitGridViewColumn[];
 export declare const hasOverriddenSystemView: (name: string, views: KitGridView[]) => boolean;
 export declare const buildGridColumns: (columns: KitGridColumnConfig[], viewColumns: KitGridViewColumn[]) => KitGridColumnConfig[];
-export declare const navigateToView: (name: string, router: Router, activatedRoute: ActivatedRoute) => void;
 export declare const kitEncodeViewNameToUrl: (name: string) => string;
 export declare const decodeViewNameFromUrl: (name: string) => string;
 export declare const validateViewName: (views: KitGridView[], viewName: string) => KitGridViewValidation;

package/lib/widgets/kit-grid-management/store/kit-grid.action.d.ts

@@ -5,6 +5,12 @@ import { KitFilterItem } from '../kit-grid-filters/kit-grid-filters.model';
 export declare class SetGridSkip extends AbstractPayloadAction<number> {
     static readonly type: string;
 }
+export declare class SetGridSearch extends AbstractPayloadAction<string | undefined> {
+    static readonly type: string;
+}
+export declare class RemoveGridSearch {
+    static readonly type: string;
+}
 export declare class SetGridSort extends AbstractPayloadAction<KitSortDescriptor[]> {
     static readonly type: string;
 }

package/lib/widgets/kit-grid-management/store/kit-grid.model.d.ts

@@ -15,4 +15,5 @@ export interface KitGridDataState {
     sort: KitSortDescriptor[];
     filter: KitFilterItem[];
     columns: KitGridColumnConfig[];
+    search?: string;
 }

package/lib/widgets/kit-grid-management/store/kit-grid.state.d.ts

@@ -1,12 +1,14 @@
 import { StateContext, StateToken } from '@ngxs/store';
 import { Observable } from 'rxjs';
-import { AddGridFilter, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSkip, SetGridSort, UpdateGridFilter } from '../store/kit-grid.action';
+import { AddGridFilter, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, UpdateGridFilter } from '../store/kit-grid.action';
 import { KitGridDataState } from '../store/kit-grid.model';
 import { KitFilterItem } from '../kit-grid-filters/kit-grid-filters.model';
 import * as i0 from "@angular/core";
 export declare const KIT_GRID_STATE_TOKEN: StateToken<KitGridDataState>;
 export declare class KitGridState {
     setGridSkip(ctx: StateContext<KitGridDataState>, action: SetGridSkip): void;
+    setGridSearch(ctx: StateContext<KitGridDataState>, action: SetGridSearch): void;
+    removeGridSearch(ctx: StateContext<KitGridDataState>): void;
     setGridSort(ctx: StateContext<KitGridDataState>, action: SetGridSort): void;
     setGridColumns(ctx: StateContext<KitGridDataState>, action: SetGridColumns): void;
     addGridFilter(ctx: StateContext<KitGridDataState>, action: AddGridFilter): Observable<KitFilterItem[]>;

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.151",
+  "version": "1.1.153",
   "peerDependencies": {
     "@angular/common": "^19.1.4",
     "@angular/core": "^19.1.4"

package/public-api.d.ts

@@ -171,7 +171,8 @@ export { KitGridState, KIT_GRID_STATE_TOKEN } from './lib/widgets/kit-grid-manag
 export { kitBuildGridColumn, kitBuildGridDataResults, kitBuildSortString, } from './lib/widgets/kit-grid-management/kit-grid-management.util';
 export { KitGridColumn, KitGridColumns, KitGridDataResult } from './lib/widgets/kit-grid-management/kit-grid-management.model';
 export { KitGridDataState, KitGridColumnConfig } from './lib/widgets/kit-grid-management/store/kit-grid.model';
-export { AddGridFilter, RemoveGridFilter, SetGridSkip, SetGridSort, SetGridColumns, UpdateGridFilter, } from './lib/widgets/kit-grid-management/store/kit-grid.action';
+export { AddGridFilter, RemoveGridFilter, SetGridSkip, SetGridSort, SetGridFilters, SetGridColumns, SetGridSearch, UpdateGridFilter, } from './lib/widgets/kit-grid-management/store/kit-grid.action';
+export { KitGridUrlStateService } from './lib/widgets/kit-grid-management/kit-grid-url-state.service';
 export { KitGridViewsComponent } from './lib/widgets/kit-grid-management/kit-grid-views/kit-grid-views.component';
 export { KitGridViewsState } from './lib/widgets/kit-grid-management/kit-grid-views/store/kit-grid-views.state';
 export { KitGridView, KitGridViewColumn, KitGridViewType, } from './lib/widgets/kit-grid-management/kit-grid-views/store/kit-grid-views.model';

package/styles/kendo.scss

@@ -18,3 +18,5 @@
 @include kendo-popup--styles();
 @include kendo-grid--styles();
 @include kendo-tile-layout--styles();
+@include kendo-loader--styles();
+@include kendo-skeleton--styles();