@indigina/ui-kit 1.1.21 → 1.1.22

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

@@ -0,0 +1,73 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { KitMultiselectItem } from './kit-multiselect.model';
+import { ItemDisabledFn, PopupSettings } from '@progress/kendo-angular-dropdowns';
+import { ControlValueAccessor } from '@angular/forms';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
+import * as i0 from "@angular/core";
+export declare class KitMultiselectComponent<T> implements ControlValueAccessor {
+    private elementRef;
+    /**
+     * An items list which is going to be rendered as multiselect items
+     */
+    items: KitMultiselectItem<T>[];
+    /**
+     * An items which need to be selected as a default value
+     */
+    selectedItems?: T[];
+    /**
+     * Defines a value that is going to be applied as a multiselect label
+     */
+    label?: string;
+    /**
+     * Defines whether the component will be in disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Defines a value that is going to be applied as a multiselect placeholder
+     */
+    placeholder?: string;
+    /**
+     * Determines whether to close the popup of the multiSelect after the item selection, false by default
+     */
+    autoClose: boolean;
+    /**
+     * Defines an icon which will be used to the left of the info message
+     */
+    messageIcon?: KitSvgIcon;
+    /**
+     * Defines a value which going to be an info message text
+     */
+    messageText?: string;
+    /**
+     * Defines a value which going to be an info message type
+     */
+    messageType: KitInputMessageType;
+    /**
+     * An action which is emitted when value is changed
+     */
+    changed: EventEmitter<T[]>;
+    /**
+     * Settings for the multiselect popup
+     */
+    readonly popupSettings: PopupSettings;
+    readonly KitSvgIcon: typeof KitSvgIcon;
+    constructor(elementRef: ElementRef);
+    ngOnInit(): void;
+    onItemDisabled(): ItemDisabledFn;
+    onValueChange(value: T[]): void;
+    /**
+     * Function that should be called every time the form control value changes
+     */
+    onChange: (value: T[]) => void;
+    /**
+     * Function that should be called when input lost focus and changed form control state to "touched"
+     */
+    onTouched: () => void;
+    writeValue(value: T[]): void;
+    registerOnChange(fn: (_: T[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitMultiselectComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitMultiselectComponent<any>, "kit-multiselect", never, { "items": { "alias": "items"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "messageType": { "alias": "messageType"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
+}

package/lib/components/kit-multiselect/kit-multiselect.model.d.ts

@@ -0,0 +1,6 @@
+import { Predicate } from '@angular/core';
+export interface KitMultiselectItem<T> {
+    text: string;
+    value: T;
+    disabled?: Predicate<KitMultiselectItem<T>>;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./kit-multiselect.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@progress/kendo-angular-dropdowns";
+import * as i4 from "@angular/forms";
+import * as i5 from "projects/ui-kit/src/lib/components/kit-svg-icon/kit-svg-icon.module";
+import * as i6 from "@progress/kendo-angular-label";
+import * as i7 from "projects/ui-kit/src/lib/components/kit-input-message/kit-input-message.module";
+export declare class KitMultiselectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitMultiselectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitMultiselectModule, [typeof i1.KitMultiselectComponent], [typeof i2.CommonModule, typeof i3.MultiSelectModule, typeof i3.DropDownListModule, typeof i4.FormsModule, typeof i5.KitSvgIconModule, typeof i6.LabelModule, typeof i7.KitInputMessageModule], [typeof i1.KitMultiselectComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KitMultiselectModule>;
+}

package/package.json

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

package/public-api.d.ts

@@ -92,3 +92,6 @@ 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';
+export { KitMultiselectModule } from './lib/components/kit-multiselect/kit-multiselect.module';
+export { KitMultiselectComponent } from './lib/components/kit-multiselect/kit-multiselect.component';
+export { KitMultiselectItem } from './lib/components/kit-multiselect/kit-multiselect.model';