@indigina/ui-kit 1.1.18 → 1.1.20

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

@@ -0,0 +1,21 @@
+import { KitAvatarSize } from './kit-avatar.const';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import * as i0 from "@angular/core";
+export declare class KitAvatarComponent {
+    /**
+     * Defines the name that is going to be used to set initials to the avatar
+     */
+    name?: string;
+    /**
+     * Defines the image source of the avatar
+     */
+    imageSrc?: string;
+    /**
+     * Defines the size of the avatar
+     */
+    size: KitAvatarSize;
+    readonly userIcon: KitSvgIcon;
+    getInitialsByName(name: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitAvatarComponent, "kit-avatar", never, { "name": { "alias": "name"; "required": false; }; "imageSrc": { "alias": "imageSrc"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/kit-avatar/kit-avatar.const.d.ts

@@ -0,0 +1,5 @@
+export declare enum KitAvatarSize {
+    LARGE = "large",
+    DEFAULT = "default",
+    SMALL = "small"
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./kit-avatar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../kit-svg-icon/kit-svg-icon.module";
+export declare class KitAvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitAvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitAvatarModule, [typeof i1.KitAvatarComponent], [typeof i2.CommonModule, typeof i3.KitSvgIconModule], [typeof i1.KitAvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KitAvatarModule>;
+}

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/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts

@@ -77,5 +77,7 @@ export declare enum KitSvgIcon {
     MESSAGE = "message",
     RELOAD = "reload",
     WINDOW_RESTORE = "window-restore",
-    BACK_ARROW = "back-arrow"
+    BACK_ARROW = "back-arrow",
+    USER = "user",
+    CARET_DOWN = "caret-down"
 }

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.18",
+  "version": "1.1.20",
   "peerDependencies": {
     "@angular/common": "^17.0.7",
     "@angular/core": "^17.0.7"
@@ -36,8 +36,9 @@
     "@progress/kendo-licensing": "1.3.5",
     "@progress/kendo-svg-icons": "2.1.0",
     "@progress/kendo-theme-default": "6.7.0",
-    "tslib": "2.6.2",
-    "ngx-toastr": "18.0.0"
+    "initials": "3.1.2",
+    "ngx-toastr": "18.0.0",
+    "tslib": "2.6.2"
   },
   "module": "fesm2022/indigina-ui-kit.mjs",
   "typings": "index.d.ts",

package/public-api.d.ts

@@ -89,3 +89,6 @@ export { KitNavigationMenuItem } from './lib/components/kit-navigation-menu/kit-
 export { KitBadgeModule } from './lib/directives/kit-badge/kit-badge.module';
 export { KitBadgeDirective } from './lib/directives/kit-badge/kit-badge.directive';
 export { KitBadgeTheme } from './lib/directives/kit-badge/kit-badge.const';
+export { KitAvatarModule } from './lib/components/kit-avatar/kit-avatar.module';
+export { KitAvatarComponent } from './lib/components/kit-avatar/kit-avatar.component';
+export { KitAvatarSize } from './lib/components/kit-avatar/kit-avatar.const';

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;