@indigina/ui-kit 1.1.116 → 1.1.118

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

@@ -0,0 +1,40 @@
+import { AfterViewInit, ElementRef, InputSignal, OnChanges, OnDestroy, OutputEmitterRef, Signal, SimpleChanges, TemplateRef, WritableSignal } from '@angular/core';
+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 * as i0 from "@angular/core";
+export declare class KitCollapsedListComponent implements AfterViewInit, OnChanges, OnDestroy {
+    readonly itemList: InputSignal<KitCollapsedListItem[]>;
+    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 wrapper: Signal<ElementRef<HTMLDivElement>>;
+    readonly container: Signal<ElementRef<HTMLDivElement>>;
+    readonly dropdown: Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly defaultSelectedItem: Signal<KitCollapsedListItem>;
+    shouldShowDropdown: WritableSignal<boolean>;
+    dropdownItems: WritableSignal<KitCollapsedListItem[]>;
+    readonly kitSvgIcon: typeof KitSvgIcon;
+    readonly kitButtonType: typeof KitButtonType;
+    readonly kitButtonKind: typeof KitButtonKind;
+    readonly kitDropdownSize: typeof KitDropdownSize;
+    protected _selectedItem: WritableSignal<KitCollapsedListItem>;
+    private resizeObserver;
+    get dropdownSelectedItem(): KitCollapsedListItem;
+    get selectedItem(): KitCollapsedListItem;
+    ngAfterViewInit(): void;
+    ngOnChanges({ itemList, gap }: SimpleChanges): void;
+    ngOnDestroy(): void;
+    setSelectedItem(item: KitCollapsedListItem): void;
+    selectionChange(item: KitCollapsedListItem): 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>;
+}

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

@@ -0,0 +1,4 @@
+export interface KitCollapsedListItem {
+    text: string;
+    value: string;
+}

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

@@ -60,6 +60,8 @@ export declare class KitDropdownComponent<T> implements ControlValueAccessor {
      * Defines the icon which going to be the icon for the dropdown toggle button
      */
     toggleIcon: KitSvgIcon;
+    popupSettings: PopupSettings;
+    isValuePrimitive: boolean;
     /**
      * Defines the size of the dropdown
      */
@@ -106,5 +108,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; }; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, ["kitDropdownValueTemplate", "kitDropdownItemTemplate"], never, false, never>;
 }

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

@@ -2,20 +2,26 @@ import { AfterViewInit, ElementRef, InputSignal, QueryList, WritableSignal } fro
 import { KitScrollNavigationSectionComponent } from './kit-scroll-navigation-section/kit-scroll-navigation-section.component';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
 import { KitButtonKind, KitButtonType } from '../kit-button/kit-button.const';
+import { KitCollapsedListItem } from '../kit-collapsed-list/kit-collapsed-list.model';
+import { KitCollapsedListComponent } from '../kit-collapsed-list/kit-collapsed-list.component';
 import * as i0 from "@angular/core";
 export declare class KitScrollNavigationComponent implements AfterViewInit {
     readonly isNavigationBtnDisabled: InputSignal<boolean>;
-    items: QueryList<KitScrollNavigationSectionComponent> | null;
+    readonly dropdownDefaultText: InputSignal<string>;
+    sections: QueryList<KitScrollNavigationSectionComponent> | null;
     content: ElementRef | null;
+    collapsedList: KitCollapsedListComponent | null;
     readonly KitSvgIcon: typeof KitSvgIcon;
     readonly KitButtonType: typeof KitButtonType;
     readonly KitButtonKind: typeof KitButtonKind;
-    readonly activeSectionIndex: WritableSignal<number>;
+    protected readonly collapsedListItems: WritableSignal<KitCollapsedListItem[]>;
+    private disableScrollUpdates;
+    get currentVisibleItem(): KitCollapsedListItem | null;
     ngAfterViewInit(): void;
     onSectionScroll(): void;
-    scrollToSection(index: number): void;
+    scrollToSection(selectedItem: KitCollapsedListItem): void;
     private setLastSectionMinHeight;
     private calculateLastSectionMinHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitScrollNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitScrollNavigationComponent, "kit-scroll-navigation", never, { "isNavigationBtnDisabled": { "alias": "isNavigationBtnDisabled"; "required": false; "isSignal": true; }; }, {}, ["items"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitScrollNavigationComponent, "kit-scroll-navigation", never, { "isNavigationBtnDisabled": { "alias": "isNavigationBtnDisabled"; "required": false; "isSignal": true; }; "dropdownDefaultText": { "alias": "dropdownDefaultText"; "required": false; "isSignal": true; }; }, {}, ["sections"], never, false, never>;
 }

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

@@ -4,8 +4,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "../kit-button/kit-button.module";
 import * as i4 from "../kit-svg-icon/kit-svg-icon.module";
 import * as i5 from "./kit-scroll-navigation-section/kit-scroll-navigation-section.component";
+import * as i6 from "../kit-collapsed-list/kit-collapsed-list.component";
 export declare class KitScrollNavigationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KitScrollNavigationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KitScrollNavigationModule, [typeof i1.KitScrollNavigationComponent], [typeof i2.CommonModule, typeof i3.KitButtonModule, typeof i4.KitSvgIconModule, typeof i5.KitScrollNavigationSectionComponent], [typeof i1.KitScrollNavigationComponent, typeof i5.KitScrollNavigationSectionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitScrollNavigationModule, [typeof i1.KitScrollNavigationComponent], [typeof i2.CommonModule, typeof i3.KitButtonModule, typeof i4.KitSvgIconModule, typeof i5.KitScrollNavigationSectionComponent, typeof i6.KitCollapsedListComponent], [typeof i1.KitScrollNavigationComponent, typeof i5.KitScrollNavigationSectionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KitScrollNavigationModule>;
 }

package/package.json

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

package/public-api.d.ts

@@ -165,3 +165,5 @@ export { kitDataStateToODataString } from './lib/utils/kit-data-query/kit-data-q
 export { KitSortDescriptor, KitDataResult, KitDataState, KitFilterDescriptor, KitCompositeFilterDescriptor, } from './lib/utils/kit-data-query/kit-data-query.model';
 export { KitFilterOperator, KitFilterLogic, KitSortDirection } from './lib/utils/kit-data-query/kit-data-query.const';
 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';