@indigina/ui-kit 1.1.19 → 1.1.20

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

@@ -1,5 +1,5 @@
-import { ChangeDetectorRef, EventEmitter, Predicate, TemplateRef } from '@angular/core';
-import { ItemDisabledFn, PopupSettings } from '@progress/kendo-angular-dropdowns';
+import { ChangeDetectorRef, EventEmitter, Predicate, TemplateRef, WritableSignal } from '@angular/core';
+import { DropDownListComponent, ItemDisabledFn, PopupSettings } from '@progress/kendo-angular-dropdowns';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
 import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
 import { ControlValueAccessor } from '@angular/forms';
@@ -62,15 +62,25 @@ export declare class KitDropdownComponent<T> implements ControlValueAccessor {
      * Whether the default item will be hidden. "true" by default
      */
     hideDefaultItem: boolean;
+    /**
+     * Defines the icon which going to be the icon for the dropdown toggle button
+     */
+    toggleIcon: KitSvgIcon;
     /**
      * occurs once an item in the dropdown is selected
      */
     selected: EventEmitter<KitDropdownItem<T>>;
+    /**
+     * Defines template for a dropdown value
+     */
+    kitDropdownValueTemplate?: TemplateRef<HTMLTemplateElement>;
     /**
      * Defines template for a dropdown list item
      */
     kitDropdownItemTemplate?: TemplateRef<HTMLTemplateElement>;
+    dropdown: DropDownListComponent | null;
     readonly KitSvgIcon: typeof KitSvgIcon;
+    readonly isPopupExpanded: WritableSignal<boolean>;
     constructor(changeDetectorRef: ChangeDetectorRef);
     /**
      * Build an object with appropriate options, based on hiding default item state
@@ -94,6 +104,9 @@ export declare class KitDropdownComponent<T> implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     reset(value: T): void;
+    onOpen(): void;
+    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; }; "messageType": { "alias": "messageType"; "required": false; }; "state": { "alias": "state"; "required": false; }; "defaultItem": { "alias": "defaultItem"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "hideDefaultItem": { "alias": "hideDefaultItem"; "required": false; }; }, { "selected": "selected"; }, ["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; }; "messageType": { "alias": "messageType"; "required": false; }; "state": { "alias": "state"; "required": false; }; "defaultItem": { "alias": "defaultItem"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "hideDefaultItem": { "alias": "hideDefaultItem"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; }, { "selected": "selected"; }, ["kitDropdownValueTemplate", "kitDropdownItemTemplate"], never, false, never>;
 }

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.19",
+  "version": "1.1.20",
   "peerDependencies": {
     "@angular/common": "^17.0.7",
     "@angular/core": "^17.0.7"

package/styles/theming.scss

@@ -11,6 +11,7 @@
   --ui-kit-color-hover: #3678c3;
   --ui-kit-color-selected: #3678c366;
   --ui-kit-color-active: #002a3a;
+  --ui-lit-color-focus: #56a2f733;
 
   --ui-kit-color-grey-0: #252b30;
   --ui-kit-color-grey-2: #a7b2c3;