@indigina/ui-kit 1.1.136 → 1.1.137

package/lib/components/kit-collapsed-list/kit-collapsed-list.component.d.ts

@@ -3,16 +3,23 @@ import { KitCollapsedListItem } from './kit-collapsed-list.model';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
 import { KitButtonKind, KitButtonType } from '../kit-button/kit-button.const';
 import { KitDropdownSize } from '../kit-dropdown/kit-dropdown.const';
+import { PopupSettings } from '@progress/kendo-angular-dropdowns';
 import * as i0 from "@angular/core";
-export declare class KitCollapsedListComponent implements AfterViewInit, OnChanges, OnDestroy {
-    readonly itemList: InputSignal<KitCollapsedListItem[]>;
+export declare class KitCollapsedListComponent<T extends KitCollapsedListItem> implements AfterViewInit, OnChanges, OnDestroy {
+    readonly itemList: InputSignal<T[]>;
     readonly lineHeight: InputSignal<number>;
     readonly dropdownDefaultValueText: InputSignal<string>;
     readonly gap: InputSignal<number>;
     readonly disableActions: InputSignal<boolean>;
-    readonly itemTemplate: InputSignal<TemplateRef<unknown> | undefined>;
-    readonly onSelectItem: OutputEmitterRef<KitCollapsedListItem>;
+    readonly itemTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
+    readonly dropdownFooterTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
+    readonly dropdownItemTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
+    readonly dropdownNoDataTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
+    readonly appendTo: InputSignal<PopupSettings['appendTo']>;
+    readonly alwaysShowDropdown: InputSignal<boolean>;
+    readonly onSelectItem: OutputEmitterRef<T>;
     readonly wrapper: Signal<ElementRef<HTMLDivElement>>;
+    readonly wrapperInner: Signal<ElementRef<HTMLDivElement>>;
     readonly container: Signal<ElementRef<HTMLDivElement>>;
     readonly dropdown: Signal<ElementRef<HTMLDivElement> | undefined>;
     readonly defaultSelectedItem: Signal<KitCollapsedListItem>;
@@ -27,15 +34,18 @@ export declare class KitCollapsedListComponent implements AfterViewInit, OnChang
     private resizeObserver;
     readonly dropdownSelectedItem: Signal<KitCollapsedListItem>;
     get selectedItem(): KitCollapsedListItem;
+    get popupSettings(): PopupSettings;
     ngAfterViewInit(): void;
     ngOnChanges({ itemList, gap }: SimpleChanges): void;
     ngOnDestroy(): void;
-    setSelectedItem(item: KitCollapsedListItem): void;
-    selectionChange(item: KitCollapsedListItem): void;
+    setSelectedItem(item: T): void;
+    selectionChange(item: T): void;
     initResizeObserver(): void;
     resize(dropdownText: string): void;
     private checkOverflow;
     private getDropdownWidth;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KitCollapsedListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitCollapsedListComponent, "kit-collapsed-list", never, { "itemList": { "alias": "itemList"; "required": true; "isSignal": true; }; "lineHeight": { "alias": "lineHeight"; "required": false; "isSignal": true; }; "dropdownDefaultValueText": { "alias": "dropdownDefaultValueText"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "disableActions": { "alias": "disableActions"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "onSelectItem": "onSelectItem"; }, never, never, true, never>;
+    private applyInitialStyles;
+    private setDropdownState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitCollapsedListComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitCollapsedListComponent<any>, "kit-collapsed-list", never, { "itemList": { "alias": "itemList"; "required": true; "isSignal": true; }; "lineHeight": { "alias": "lineHeight"; "required": false; "isSignal": true; }; "dropdownDefaultValueText": { "alias": "dropdownDefaultValueText"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "disableActions": { "alias": "disableActions"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "dropdownFooterTemplate": { "alias": "dropdownFooterTemplate"; "required": false; "isSignal": true; }; "dropdownItemTemplate": { "alias": "dropdownItemTemplate"; "required": false; "isSignal": true; }; "dropdownNoDataTemplate": { "alias": "dropdownNoDataTemplate"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "alwaysShowDropdown": { "alias": "alwaysShowDropdown"; "required": false; "isSignal": true; }; }, { "onSelectItem": "onSelectItem"; }, never, never, true, never>;
 }

package/lib/components/kit-dropdown/kit-dropdown-item-template.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class KitDropdownItemTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitDropdownItemTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KitDropdownItemTemplateDirective, "[kitDropdownItemTemplate]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/kit-dropdown/kit-dropdown.component.d.ts

@@ -62,6 +62,8 @@ export declare class KitDropdownComponent<T> implements ControlValueAccessor {
     toggleIcon: KitSvgIcon;
     popupSettings: PopupSettings;
     isValuePrimitive: boolean;
+    readonly footerTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
+    readonly noDataTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
     /**
      * Defines the size of the dropdown
      */
@@ -77,7 +79,7 @@ export declare class KitDropdownComponent<T> implements ControlValueAccessor {
     /**
      * Defines template for a dropdown list item
      */
-    kitDropdownItemTemplate?: TemplateRef<HTMLTemplateElement>;
+    kitDropdownItemTemplate?: TemplateRef<HTMLElement>;
     dropdown: DropDownListComponent | null;
     readonly KitSvgIcon: typeof KitSvgIcon;
     readonly isPopupExpanded: WritableSignal<boolean>;
@@ -108,5 +110,5 @@ export declare class KitDropdownComponent<T> implements ControlValueAccessor {
     onClose(): void;
     getCssClasses(): Record<string, boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitDropdownComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitDropdownComponent<any>, "kit-dropdown", never, { "items": { "alias": "items"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "defaultItem": { "alias": "defaultItem"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "hideDefaultItem": { "alias": "hideDefaultItem"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "isValuePrimitive": { "alias": "isValuePrimitive"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, ["kitDropdownValueTemplate", "kitDropdownItemTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitDropdownComponent<any>, "kit-dropdown", never, { "items": { "alias": "items"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "defaultItem": { "alias": "defaultItem"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "hideDefaultItem": { "alias": "hideDefaultItem"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "isValuePrimitive": { "alias": "isValuePrimitive"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, ["kitDropdownValueTemplate", "kitDropdownItemTemplate"], never, false, never>;
 }

package/lib/components/kit-dropdown/kit-dropdown.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "../kit-input-message/kit-input-message.module";
 import * as i5 from "@angular/forms";
 import * as i6 from "../kit-svg-icon/kit-svg-icon.module";
 import * as i7 from "../kit-input-label/kit-input-label.module";
+import * as i8 from "./kit-dropdown-item-template.directive";
 export declare class KitDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KitDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KitDropdownModule, [typeof i1.KitDropdownComponent], [typeof i2.DropDownListModule, typeof i3.CommonModule, typeof i4.KitInputMessageModule, typeof i5.ReactiveFormsModule, typeof i5.FormsModule, typeof i6.KitSvgIconModule, typeof i7.KitInputLabelModule], [typeof i1.KitDropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitDropdownModule, [typeof i1.KitDropdownComponent], [typeof i2.DropDownListModule, typeof i3.CommonModule, typeof i4.KitInputMessageModule, typeof i5.ReactiveFormsModule, typeof i5.FormsModule, typeof i6.KitSvgIconModule, typeof i7.KitInputLabelModule, typeof i8.KitDropdownItemTemplateDirective], [typeof i1.KitDropdownComponent, typeof i8.KitDropdownItemTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KitDropdownModule>;
 }

package/lib/components/kit-scroll-navigation/kit-scroll-navigation.component.d.ts

@@ -12,7 +12,7 @@ export declare class KitScrollNavigationComponent implements AfterViewInit {
     readonly dropdownDefaultText: InputSignal<string>;
     sections: QueryList<KitScrollNavigationSectionComponent> | null;
     content: ElementRef | null;
-    collapsedList: KitCollapsedListComponent | null;
+    collapsedList: KitCollapsedListComponent<KitCollapsedListItem> | null;
     readonly kitSvgIcon: typeof KitSvgIcon;
     readonly kitButtonType: typeof KitButtonType;
     readonly kitButtonKind: typeof KitButtonKind;

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

@@ -1,4 +1,4 @@
-import { DestroyRef, EventEmitter, InputSignal, OnDestroy, OnInit } from '@angular/core';
+import { DestroyRef, ElementRef, EventEmitter, InputSignal, OnDestroy, OnInit, Signal, ViewContainerRef, WritableSignal } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
 import { TitleCasePipe } from '@angular/common';
@@ -6,8 +6,16 @@ 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';
 import { ApiResponseState } from '../../../store/store.model';
-import { KitGridView, KitViewsState } from './store/kit-grid-views.model';
+import { KitGridView, KitGridViewType, KitViewsState } from './store/kit-grid-views.model';
 import { KitGridColumnConfig } from '../store/kit-grid.model';
+import { KitCollapsedListComponent } from '../../../components/kit-collapsed-list/kit-collapsed-list.component';
+import { KitSvgIcon, KitSvgIconType } from '../../../components/kit-svg-icon/kit-svg-icon.const';
+import { KitButtonType, KitButtonKind, KitButtonIconPosition } from '../../../components/kit-button/kit-button.const';
+import { KitDialogService } from '../../../components/kit-dialog/kit-dialog.service';
+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 * as i0 from "@angular/core";
 export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     private readonly store;
@@ -15,6 +23,9 @@ export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     private readonly router;
     private readonly destroyRef;
     private readonly titleCasePipe;
+    private readonly kitDialogService;
+    private readonly translateService;
+    private readonly viewContainerRef;
     readonly viewGroup: InputSignal<string>;
     readonly viewConfigGroup: InputSignal<string>;
     readonly defaultColumns: InputSignal<KitGridColumnConfig[]>;
@@ -22,17 +33,38 @@ export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     readonly defaultSorting: InputSignal<KitSortDescriptor[]>;
     readonly systemViews: InputSignal<KitGridView[]>;
     viewChanged: EventEmitter<void>;
+    readonly collapsedList: Signal<KitCollapsedListComponent<KitGridViewListItem> | undefined>;
+    readonly createNewViewPopup: Signal<KitPopupComponent | undefined>;
+    readonly anchor: Signal<ElementRef | undefined>;
+    readonly createNewViewName: WritableSignal<string>;
     readonly currentViewName$: Observable<string>;
     readonly viewsState$: Observable<ApiResponseState<KitViewsState>>;
     readonly views$: Observable<KitGridView[]>;
+    readonly views: Signal<KitGridView[]>;
+    readonly collapsedListItems: WritableSignal<KitGridViewListItem[]>;
     readonly viewsAutocompleteItems$: Observable<KitAutocompleteItem<string>[]>;
-    constructor(store: Store, activatedRoute: ActivatedRoute, router: Router, destroyRef: DestroyRef, titleCasePipe: TitleCasePipe);
+    readonly kitSvgIcon: typeof KitSvgIcon;
+    readonly kitSvgIconType: typeof KitSvgIconType;
+    readonly gridViewType: typeof KitGridViewType;
+    readonly kitButtonType: typeof KitButtonType;
+    readonly kitButtonKind: typeof KitButtonKind;
+    readonly kitButtonIconPosition: typeof KitButtonIconPosition;
+    readonly kitTextboxState: typeof KitTextboxState;
+    readonly selectedView: Signal<KitGridView | null>;
+    get isViewNameValid(): boolean;
+    get inputMessage(): string;
+    constructor(store: Store, activatedRoute: ActivatedRoute, router: Router, destroyRef: DestroyRef, titleCasePipe: TitleCasePipe, kitDialogService: KitDialogService, translateService: TranslateService, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    onSelectView(selectedView: KitGridViewListItem): void;
+    openViewsManagerModal(): void;
+    onViewCreate(): void;
+    onPopupToggle(): void;
     private fetchViews;
     private handleViewOnRouteChange;
     private handleViewChange;
     private updateGridState;
+    private getCollapsedListItem;
     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.model.d.ts

@@ -0,0 +1,4 @@
+import { KitCollapsedListItem } from '../../../components/kit-collapsed-list/kit-collapsed-list.model';
+import { KitGridView } from './store/kit-grid-views.model';
+export interface KitGridViewListItem extends KitCollapsedListItem, KitGridView {
+}

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

@@ -25,7 +25,7 @@ export interface KitGridView {
     group: string | null;
     type: KitGridViewType;
     hidden?: boolean;
-    value?: KitGridViewState;
+    viewState?: KitGridViewState;
 }
 export interface KitGridViewColumn {
     field: string;

package/package.json

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

package/public-api.d.ts

@@ -22,6 +22,7 @@ export { KitInputMessageModule } from './lib/components/kit-input-message/kit-in
 export { KitDropdownComponent, KitDropdownItem } from './lib/components/kit-dropdown/kit-dropdown.component';
 export { KitDropdownModule } from './lib/components/kit-dropdown/kit-dropdown.module';
 export { KitDropdownSize } from './lib/components/kit-dropdown/kit-dropdown.const';
+export { KitDropdownItemTemplateDirective } from './lib/components/kit-dropdown/kit-dropdown-item-template.directive';
 export { KitTextareaComponent } from './lib/components/kit-textarea/kit-textarea.component';
 export { KitTextareaModule } from './lib/components/kit-textarea/kit-textarea.module';
 export { KitTextareaState } from './lib/components/kit-textarea/kit-textarea.const';

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

@@ -1,50 +0,0 @@
-import { ElementRef, InputSignal, Signal, ViewContainerRef, WritableSignal } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
-import { Store } from '@ngxs/store';
-import { KitGridView, KitGridViewType } from '../store/kit-grid-views.model';
-import { KitPopupComponent } from '../../../../components/kit-popup/kit-popup.component';
-import { KitSortDescriptor } from '../../../../utils/kit-data-query/kit-data-query.model';
-import { KitButtonIconPosition, KitButtonKind, KitButtonType } from '../../../../components/kit-button/kit-button.const';
-import { KitSvgIcon, KitSvgIconType } from '../../../../components/kit-svg-icon/kit-svg-icon.const';
-import { KitTextboxState } from '../../../../components/kit-textbox/kit-textbox.const';
-import { KitDialogService } from '../../../../components/kit-dialog/kit-dialog.service';
-import { KitGridColumnConfig } from '../../store/kit-grid.model';
-import * as i0 from "@angular/core";
-export declare class KitGridViewsListComponent {
-    private readonly activatedRoute;
-    private readonly router;
-    private readonly store;
-    private readonly kitDialogService;
-    private readonly translateService;
-    private readonly viewContainerRef;
-    readonly viewGroup: InputSignal<string>;
-    readonly viewConfigGroup: InputSignal<string>;
-    readonly views: InputSignal<KitGridView[]>;
-    readonly defaultColumns: InputSignal<KitGridColumnConfig[]>;
-    readonly defaultSorting: InputSignal<KitSortDescriptor[]>;
-    readonly defaultViewName: InputSignal<string>;
-    readonly anchor: Signal<ElementRef>;
-    readonly popup: Signal<KitPopupComponent | undefined>;
-    readonly viewName: WritableSignal<string>;
-    readonly createViewPopupVisible: WritableSignal<boolean>;
-    readonly kitButtonType: typeof KitButtonType;
-    readonly kitButtonKind: typeof KitButtonKind;
-    readonly kitSvgIcon: typeof KitSvgIcon;
-    readonly kitSvgIconType: typeof KitSvgIconType;
-    readonly kitButtonIconPosition: typeof KitButtonIconPosition;
-    readonly gridViewType: typeof KitGridViewType;
-    readonly kitTextboxState: typeof KitTextboxState;
-    readonly selectedView: Signal<KitGridView | null>;
-    constructor(activatedRoute: ActivatedRoute, router: Router, store: Store, kitDialogService: KitDialogService, translateService: TranslateService, viewContainerRef: ViewContainerRef);
-    get isViewNameValid(): boolean;
-    get inputMessage(): string;
-    onViewSelect(item: KitGridView): void;
-    newViewToggle(visible: boolean): void;
-    onPopupToggle(): void;
-    onViewCreate(): void;
-    openViewsManagerModal(): void;
-    private handleViewChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KitGridViewsListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitGridViewsListComponent, "kit-grid-views-list", never, { "viewGroup": { "alias": "viewGroup"; "required": true; "isSignal": true; }; "viewConfigGroup": { "alias": "viewConfigGroup"; "required": true; "isSignal": true; }; "views": { "alias": "views"; "required": true; "isSignal": true; }; "defaultColumns": { "alias": "defaultColumns"; "required": true; "isSignal": true; }; "defaultSorting": { "alias": "defaultSorting"; "required": true; "isSignal": true; }; "defaultViewName": { "alias": "defaultViewName"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}