@indigina/ui-kit 1.1.178 → 1.1.180

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

@@ -4,7 +4,7 @@ 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 { KitDropdownComponent } from '../kit-dropdown/kit-dropdown.component';
+import { KitCollapsedListDropdownAlign } from './kit-collapsed-list.const';
 import * as i0 from "@angular/core";
 export declare class KitCollapsedListComponent<T extends KitCollapsedListItem> implements AfterViewInit, OnChanges, OnDestroy {
     readonly itemList: InputSignal<T[]>;
@@ -18,16 +18,15 @@ export declare class KitCollapsedListComponent<T extends KitCollapsedListItem> i
     readonly dropdownNoDataTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
     readonly appendTo: InputSignal<PopupSettings['appendTo']>;
     readonly alwaysShowDropdown: InputSignal<boolean>;
+    readonly dropdownAlign: InputSignal<KitCollapsedListDropdownAlign>;
     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 kitDropdownComponent: Signal<KitDropdownComponent<T> | undefined>;
+    readonly wrapper: Signal<ElementRef<HTMLElement>>;
+    readonly measureItem: Signal<readonly ElementRef<HTMLElement>[]>;
+    readonly dropdown: Signal<ElementRef<HTMLElement> | undefined>;
     readonly defaultSelectedItem: Signal<KitCollapsedListItem>;
-    shouldShowDropdown: WritableSignal<boolean>;
-    dropdownItems: WritableSignal<KitCollapsedListItem[]>;
-    containerWidth: string;
+    readonly shouldShowDropdown: WritableSignal<boolean>;
+    readonly dropdownItems: WritableSignal<KitCollapsedListItem[]>;
+    readonly visibleItems: WritableSignal<T[]>;
     readonly kitSvgIcon: typeof KitSvgIcon;
     readonly kitButtonType: typeof KitButtonType;
     readonly kitButtonKind: typeof KitButtonKind;
@@ -35,19 +34,15 @@ export declare class KitCollapsedListComponent<T extends KitCollapsedListItem> i
     protected _selectedItem: WritableSignal<KitCollapsedListItem>;
     private resizeObserver;
     readonly dropdownSelectedItem: Signal<KitCollapsedListItem>;
-    get selectedItem(): KitCollapsedListItem;
-    get popupSettings(): PopupSettings;
     ngAfterViewInit(): void;
     ngOnChanges({ itemList, gap, dropdownDefaultValueText }: SimpleChanges): void;
     ngOnDestroy(): void;
+    get selectedItem(): KitCollapsedListItem;
+    get popupSettings(): PopupSettings;
     setSelectedItem(item: T): void;
     selectionChange(item: T): void;
     initResizeObserver(): void;
-    resize(dropdownText: string): void;
-    private checkOverflow;
-    private getDropdownWidth;
-    private applyInitialStyles;
-    private setDropdownState;
+    private resize;
     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>;
+    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; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; }, { "onSelectItem": "onSelectItem"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,4 @@
+export declare enum KitCollapsedListDropdownAlign {
+    INLINE = "inline",
+    END = "end"
+}

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

@@ -6,6 +6,7 @@ import { KitCollapsedListItem } from '../kit-collapsed-list/kit-collapsed-list.m
 import { KitCollapsedListComponent } from '../kit-collapsed-list/kit-collapsed-list.component';
 import { KitTooltipPosition } from '../../directives/kit-tooltip/kit-tooltip.const';
 import { KitBadgeTheme } from '../../directives/kit-badge/kit-badge.const';
+import { KitCollapsedListDropdownAlign } from '../../components/kit-collapsed-list/kit-collapsed-list.const';
 import * as i0 from "@angular/core";
 export declare class KitScrollNavigationComponent implements AfterViewInit {
     readonly isNavigationBtnDisabled: InputSignal<boolean>;
@@ -20,6 +21,7 @@ export declare class KitScrollNavigationComponent implements AfterViewInit {
     readonly kitButtonIconPosition: typeof KitButtonIconPosition;
     readonly kitTooltipPosition: typeof KitTooltipPosition;
     readonly kitBadgeTheme: typeof KitBadgeTheme;
+    readonly kitCollapsedListDropdownAlign: typeof KitCollapsedListDropdownAlign;
     protected readonly collapsedListItems: WritableSignal<KitCollapsedListItem[]>;
     private disableScrollUpdates;
     get currentVisibleItem(): KitCollapsedListItem | null;

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

@@ -12,16 +12,13 @@ export declare class KitSearchBarComponent {
     searchButtonClick: EventEmitter<void>;
     closeButtonClick: EventEmitter<void>;
     searchTextboxElementRef: ElementRef;
-    icon: KitSvgIcon;
-    clearIcon: KitSvgIcon;
-    buttonType: KitButtonType;
-    buttonCloseType: KitButtonType;
-    buttonKind: KitButtonKind;
-    buttonIcon: KitSvgIcon;
-    buttonIconType: KitSvgIconType;
-    buttonIconPosition: KitButtonIconPosition;
+    readonly KitSvgIcon: typeof KitSvgIcon;
+    readonly kitButtonType: typeof KitButtonType;
+    readonly kitButtonKind: typeof KitButtonKind;
+    readonly kitSvgIconType: typeof KitSvgIconType;
+    readonly KitButtonIconPosition: typeof KitButtonIconPosition;
     readonly kitTextboxSize: typeof KitTextboxSize;
-    searchVisible: WritableSignal<boolean>;
+    readonly searchVisible: WritableSignal<boolean>;
     constructor();
     onSearchChange(value: string): void;
     onSearchButtonClick(): void;

package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts

@@ -147,7 +147,8 @@ export declare enum KitSvgIcon {
     AIR = "air",
     TABLE_VIEW = "table-view",
     LIST_VIEW = "list-view",
-    KANBAN_VIEW = "kanban-view"
+    KANBAN_VIEW = "kanban-view",
+    VIEWS = "views"
 }
 export declare enum KitSvgIconType {
     FILL = "fill",

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

@@ -9,6 +9,7 @@ export declare class KitFilterCheckboxComponent implements OnInit, OnChanges {
     readonly translateKeyPrefix: InputSignal<string>;
     readonly items: ModelSignal<KitFilterListOption[]>;
     readonly showPopupOnInit: InputSignal<boolean>;
+    readonly guidField: InputSignal<string>;
     readonly filterRemoved: OutputEmitterRef<void>;
     readonly filterChanged: OutputEmitterRef<KitFilterValue>;
     readonly anchor: Signal<ElementRef>;
@@ -38,5 +39,5 @@ export declare class KitFilterCheckboxComponent implements OnInit, OnChanges {
     private initializeSelectedValues;
     private updateItemsState;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitFilterCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitFilterCheckboxComponent, "kit-filter-checkbox", never, { "filter": { "alias": "filter"; "required": true; "isSignal": true; }; "translateKeyPrefix": { "alias": "translateKeyPrefix"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "showPopupOnInit": { "alias": "showPopupOnInit"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "filterRemoved": "filterRemoved"; "filterChanged": "filterChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitFilterCheckboxComponent, "kit-filter-checkbox", never, { "filter": { "alias": "filter"; "required": true; "isSignal": true; }; "translateKeyPrefix": { "alias": "translateKeyPrefix"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "showPopupOnInit": { "alias": "showPopupOnInit"; "required": false; "isSignal": true; }; "guidField": { "alias": "guidField"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "filterRemoved": "filterRemoved"; "filterChanged": "filterChanged"; }, never, never, true, never>;
 }

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

@@ -17,7 +17,8 @@ export declare enum KitFilterType {
     DATE = "date",
     TEXT = "text",
     NUMERIC = "numeric",
-    NULL = "null"
+    NULL = "null",
+    GUID = "guid"
 }
 export interface KitFilterListOption<T = string> {
     title: string;
@@ -27,6 +28,7 @@ export interface KitFilterListOption<T = string> {
 interface KitFilterListConfigValue<T> {
     items: KitFilterListOption<T>[];
     translateKeyPrefix: string;
+    guidField?: string;
 }
 export type KitFilterListConfig = Record<string, KitFilterListConfigValue<string | boolean | number>>;
 export {};

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

@@ -4,7 +4,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { KitPopupComponent } from '../../../../components/kit-popup/kit-popup.component';
 import { KitGridView } from '../store/kit-grid-views.model';
 import { KitAutocompleteItem } from '../../../../components/kit-autocomplete/kit-autocomplete.component';
-import { KitButtonIconPosition, KitButtonKind } from '../../../../components/kit-button/kit-button.const';
+import { KitButtonIconPosition, KitButtonKind, KitButtonType } from '../../../../components/kit-button/kit-button.const';
 import { KitSvgIcon } from '../../../../components/kit-svg-icon/kit-svg-icon.const';
 import { KitTooltipPosition } from '../../../../directives/kit-tooltip/kit-tooltip.const';
 import { TranslateService } from '@ngx-translate/core';
@@ -22,6 +22,7 @@ export declare class KitGridViewsSaveComponent {
     readonly popup: Signal<KitPopupComponent | undefined>;
     readonly viewName: WritableSignal<string>;
     readonly kitButtonKind: typeof KitButtonKind;
+    readonly kitButtonType: typeof KitButtonType;
     readonly kitSvgIcon: typeof KitSvgIcon;
     readonly kitButtonIconPosition: typeof KitButtonIconPosition;
     readonly kitTooltipPosition: typeof KitTooltipPosition;

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

@@ -1,4 +1,4 @@
-import { DestroyRef, InputSignal, OnDestroy, OnInit, OutputEmitterRef, Signal, ViewContainerRef, WritableSignal } from '@angular/core';
+import { DestroyRef, ElementRef, InputSignal, OnDestroy, OnInit, OutputEmitterRef, Signal, ViewContainerRef, WritableSignal } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
 import { TitleCasePipe } from '@angular/common';
@@ -17,6 +17,8 @@ import { KitPopupComponent } from '../../../components/kit-popup/kit-popup.compo
 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 { KitTooltipPosition } from '../../../directives/kit-tooltip/kit-tooltip.const';
+import { KitCollapsedListDropdownAlign } from '../../../components/kit-collapsed-list/kit-collapsed-list.const';
 import * as i0 from "@angular/core";
 export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     private readonly store;
@@ -35,6 +37,7 @@ export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     readonly defaultSorting: InputSignal<KitSortDescriptor[]>;
     readonly systemViews: InputSignal<KitGridView[]>;
     readonly viewChanged: OutputEmitterRef<void>;
+    readonly anchor: Signal<ElementRef | undefined>;
     readonly collapsedList: Signal<KitCollapsedListComponent<KitGridViewListItem> | undefined>;
     readonly createNewViewPopup: Signal<KitPopupComponent | undefined>;
     readonly createNewViewName: WritableSignal<string>;
@@ -50,6 +53,8 @@ export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     readonly kitButtonKind: typeof KitButtonKind;
     readonly kitButtonIconPosition: typeof KitButtonIconPosition;
     readonly kitTextboxState: typeof KitTextboxState;
+    readonly kitTooltipPosition: typeof KitTooltipPosition;
+    readonly kitCollapsedListDropdownAlign: typeof KitCollapsedListDropdownAlign;
     readonly selectedView: Signal<KitGridView | null>;
     readonly collapsedListDropdownText: WritableSignal<string>;
     readonly skipQueryParamsUpdate: WritableSignal<boolean>;
@@ -63,7 +68,7 @@ export declare class KitGridViewsComponent implements OnInit, OnDestroy {
     onSelectView(selectedView: KitGridViewListItem): void;
     openViewsManagerModal(): void;
     onViewCreate(): void;
-    onPopupToggle(): void;
+    onCreateViewPopupToggle(): void;
     resetQueryParams(): void;
     private fetchViews;
     private handleViewsOnRouteChange;

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.178",
+  "version": "1.1.180",
   "peerDependencies": {
     "@angular/common": ">=19.1.4 <20.0.0",
     "@angular/core": ">=19.1.4 <20.0.0"

package/public-api.d.ts

@@ -167,6 +167,7 @@ export { KitFilterOperator, KitFilterLogic, KitSortDirection } from './lib/utils
 export { KitTruncateTextComponent } from './lib/components/kit-truncate-text/kit-truncate-text.component';
 export { KitCollapsedListComponent } from './lib/components/kit-collapsed-list/kit-collapsed-list.component';
 export { KitCollapsedListItem } from './lib/components/kit-collapsed-list/kit-collapsed-list.model';
+export { KitCollapsedListDropdownAlign } from './lib/components/kit-collapsed-list/kit-collapsed-list.const';
 export { KitPageLayoutComponent } from './lib/components/kit-page-layout/kit-page-layout.component';
 export { KIT_BASE_PATH } from './lib/token/kit-base-path.token';
 export { KitTranslateService } from './lib/services/kit-translate/kit-translate.service';