monkey-style-guide-v2 0.0.16 → 0.0.18

package/lib/components/accordion/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './accordion.component';

package/lib/components/action-bar/action-bar.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class MonkeyActionBarComponent {
+    get classes(): string | undefined;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    position: import("@angular/core").InputSignal<string | undefined>;
+    open: import("@angular/core").InputSignal<boolean | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyActionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyActionBarComponent, "monkey-action-bar", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/action-bar/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './action-bar.component';

package/lib/components/alert/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './alert.component';

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

@@ -0,0 +1,30 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { InputSignal } from '@angular/core';
+import { MonkeySize } from '../../interfaces';
+import * as i0 from "@angular/core";
+type MonkeyAvatarSrc = {
+    iconName: string;
+} | {
+    imageUrl: string;
+} | {
+    name: string;
+};
+type MonkeyAvatarType = 'icon' | 'image' | 'name';
+export declare class MonkeyAvatarComponent {
+    protected _id: any;
+    readonly size: InputSignal<MonkeySize>;
+    readonly src: InputSignal<MonkeyAvatarSrc>;
+    readonly id: InputSignal<string | undefined>;
+    avatar: string;
+    avatarType: MonkeyAvatarType;
+    constructor();
+    private getInitial;
+    private handleAvatarType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyAvatarComponent, "monkey-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/components/avatar/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './avatar.component';

package/lib/components/badge/badge.component.d.ts

@@ -0,0 +1,19 @@
+import { MonkeySize } from '../../interfaces';
+import * as i0 from "@angular/core";
+export declare class MonkeyBadgeComponent {
+    private readonly idGenerator;
+    readonly id: string;
+    hostVariables: {};
+    set type(value: 'success' | 'alert' | 'error' | 'info' | 'default');
+    set typeColors(value: {
+        background: string;
+        color: string;
+    });
+    size: MonkeySize;
+    largePadding: boolean;
+    icon: string;
+    text: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyBadgeComponent, "monkey-badge", never, { "type": { "alias": "type"; "required": false; }; "typeColors": { "alias": "typeColors"; "required": false; }; "size": { "alias": "size"; "required": false; }; "largePadding": { "alias": "largePadding"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_largePadding: unknown;
+}

package/lib/components/badge/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './badge.component';

package/lib/components/breadcrumb/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './breadcrumb.component';

package/lib/components/button/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './button.component';

package/lib/components/{monkey-checkbox/monkey-checkbox.component.d.ts → checkbox/checkbox.component.d.ts}

@@ -11,7 +11,7 @@ export declare class MonkeyCheckboxComponent implements ControlValueAccessor, On
     showFooter: boolean;
     size: 'sm' | 'md' | 'lg';
     onChange: EventEmitter<boolean>;
-    private _destroyed;
+    private _destroyRef;
     private readonly icons;
     private readonly idGenerator;
     private injector;

package/lib/components/checkbox/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './checkbox.component';

package/lib/components/date-range/date-range.component.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+interface Calendar {
+    month: number;
+    year: number;
+}
+export declare class MonkeyDateRangeComponent implements OnInit {
+    set startDate(val: string);
+    set endDate(val: string);
+    hideQuickAction: boolean;
+    hideHeader: boolean;
+    hideActions: boolean;
+    hideSecondCalendar: boolean;
+    allowFastActionOnHeader: boolean;
+    set minDate(val: Date | string);
+    set maxDate(val: Date | string);
+    onCancel: EventEmitter<any>;
+    onDate: EventEmitter<any>;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    private _screenWidth;
+    private _allowChangeFastAction;
+    private _allowChangeSecondCalendar;
+    private readonly _today;
+    readonly i18nDictionary: import("rxjs").Observable<any>;
+    handledStartDate: string;
+    handledEndDate: string;
+    firstCalendar: Calendar;
+    secondCalendar: Calendar;
+    isInvalidInterval: boolean;
+    handledMinDate: string;
+    handledMaxDate: string;
+    constructor();
+    private handleInitialValues;
+    private handleProperties;
+    private handleInputChange;
+    onResize(event: any): void;
+    ngOnInit(): void;
+    onHandleDate({ startDate, endDate }: {
+        startDate: string;
+        endDate: string;
+    }): void;
+    onSubmit(): void;
+    onHandleQuickAction(event: number): void;
+    onChangeInputStartDate(event: Event): void;
+    onChangeInputEndDate(event: Event): void;
+    onDataChange(event: string, isStart: boolean): void;
+    onHandleNavigate(action: 'previous' | 'next'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyDateRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyDateRangeComponent, "monkey-date-range", never, { "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "hideQuickAction": { "alias": "hideQuickAction"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hideActions": { "alias": "hideActions"; "required": false; }; "hideSecondCalendar": { "alias": "hideSecondCalendar"; "required": false; }; "allowFastActionOnHeader": { "alias": "allowFastActionOnHeader"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onCancel": "onCancel"; "onDate": "onDate"; }, never, never, true, never>;
+    static ngAcceptInputType_hideQuickAction: unknown;
+    static ngAcceptInputType_hideHeader: unknown;
+    static ngAcceptInputType_hideActions: unknown;
+    static ngAcceptInputType_hideSecondCalendar: unknown;
+    static ngAcceptInputType_allowFastActionOnHeader: unknown;
+}
+export {};

package/lib/components/date-range/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './date-range.component';

package/lib/components/date-range/month/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './month.component';

package/lib/components/date-range/month/month.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter, OnChanges } from '@angular/core';
+import * as Utils from '../utils';
+import * as i0 from "@angular/core";
+export declare class MonkeyDateRangeMonthComponent implements OnChanges {
+    month: number;
+    year: number;
+    set startDate(val: string);
+    set endDate(val: string);
+    hidePrevious: boolean;
+    hideNext: boolean;
+    minDate: string;
+    maxDate: string;
+    onNavigate: EventEmitter<any>;
+    onDate: EventEmitter<any>;
+    protected _uid: string;
+    protected _id: string;
+    private readonly _today;
+    private _handledStartDate;
+    private _handledEndDate;
+    readonly i18nDictionary: import("rxjs").Observable<any>;
+    daysInMonth: Utils.CalendarWeekDay;
+    temporaryEndDate: Utils.WeekDay | null;
+    get id(): string;
+    set id(value: string);
+    constructor();
+    ngOnChanges(): void;
+    isFirst(param: Utils.WeekDay): boolean;
+    isLast(param: Utils.WeekDay): boolean;
+    isSelected(param: Utils.WeekDay): boolean;
+    isInRange(param: Utils.WeekDay): boolean;
+    isInRangeTemporary(param: Utils.WeekDay): boolean;
+    isInLastTemporary(param: Utils.WeekDay): boolean;
+    onSelectDate(event: Event, param: Utils.WeekDay): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyDateRangeMonthComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyDateRangeMonthComponent, "monkey-date-range-month", never, { "month": { "alias": "month"; "required": true; }; "year": { "alias": "year"; "required": true; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "hidePrevious": { "alias": "hidePrevious"; "required": false; }; "hideNext": { "alias": "hideNext"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onNavigate": "onNavigate"; "onDate": "onDate"; }, never, never, true, never>;
+    static ngAcceptInputType_hidePrevious: unknown;
+    static ngAcceptInputType_hideNext: unknown;
+}

package/lib/components/date-range/quick-actions/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './quick-actions.component';

package/lib/components/date-range/quick-actions/quick-actions.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MonkeyDateRangeQuickActionsComponent {
+    onChange: EventEmitter<any>;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    selectedAction: string;
+    readonly actions: any[];
+    readonly i18nDictionary: import("rxjs").Observable<any>;
+    constructor();
+    onHandleAction({ key, value }: {
+        key: string;
+        value: number;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyDateRangeQuickActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyDateRangeQuickActionsComponent, "monkey-date-range-quick-actions", never, { "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/lib/components/date-range/utils.d.ts

@@ -0,0 +1,40 @@
+export interface DefaultDates {
+    minDate: string;
+    maxDate: string;
+}
+export interface WeekDay {
+    date: Date | null;
+    isDisabled: boolean;
+    isToday: boolean;
+}
+export interface CalendarWeekDay {
+    blockNext: boolean;
+    blockPrev: boolean;
+    days: (WeekDay | null)[];
+}
+export declare enum QuickActionsEnum {
+    LAST_30_DAYS = -30,
+    LAST_60_DAYS = -60,
+    LAST_90_DAYS = -90,
+    LAST_6_MONTHS = -180,
+    LAST_12_MONTHS = -365,
+    NEXT_30_DAYS = 30,
+    NEXT_60_DAYS = 60,
+    NEXT_90_DAYS = 90,
+    NEXT_6_MONTHS = 180,
+    NEXT_12_MONTHS = 365
+}
+export declare function parseStringDate(val: Date | string): string;
+export declare function getDefaultdates(): DefaultDates;
+export declare function buildCalendars(date: Date | string, action?: 'previous' | 'next'): {
+    firstCalendar: {
+        month: number;
+        year: number;
+    };
+    secondCalendar: {
+        month: number;
+        year: number;
+    };
+};
+export declare function buildMonthByDays(year: number, month: number, minDate: Date | string, maxDate: Date | string): CalendarWeekDay;
+export declare function getEnumKeys(enumObj: any): any[];

package/lib/components/divider/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './divider.component';

package/lib/components/{monkey-form-field/form-field.d.ts → form-field/form-field.component.d.ts}

@@ -5,12 +5,15 @@
  ************************* */
 import { AfterContentChecked, AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
+import { MonkeySize } from '../../interfaces';
 import { MonkeyFormFieldControl } from './form-field-control';
 import * as i0 from "@angular/core";
 export declare class MonkeyFormFieldComponent implements AfterContentInit, AfterContentChecked, OnDestroy {
     get id(): string;
     set id(value: string);
-    hideClear: boolean;
+    hideAction: boolean;
+    enableClear: boolean;
+    size: MonkeySize;
     private _formFieldControl;
     private _labelChildren;
     private _helperChildren;
@@ -25,7 +28,7 @@ export declare class MonkeyFormFieldComponent implements AfterContentInit, After
     private readonly _labelId;
     protected _uid: string;
     protected _id: string;
-    private _destroyed;
+    private _destroyRef;
     private _isFocused;
     private _previousControl;
     private _stateChanges;
@@ -43,6 +46,7 @@ export declare class MonkeyFormFieldComponent implements AfterContentInit, After
     hasError: boolean;
     get control(): MonkeyFormFieldControl;
     get labelId(): string;
+    get hideBorder(): boolean;
     get showHeader(): boolean;
     get showFooter(): boolean;
     get showInvalid(): boolean;
@@ -69,6 +73,7 @@ export declare class MonkeyFormFieldComponent implements AfterContentInit, After
     onClear(event: MouseEvent): void;
     onOpenCalendar(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyFormFieldComponent, "monkey-form-field", ["monkeyFormField"], { "id": { "alias": "id"; "required": false; }; "hideClear": { "alias": "hideClear"; "required": false; }; }, {}, ["_formFieldControl", "_labelChildren", "_helperChildren", "_prefixChildren", "_suffixChildren", "_infoChildren", "_errorChildren"], ["monkey-label", "monkey-helper", "monkey-prefix", "*", "monkey-suffix", "monkey-error", "monkey-info"], false, never>;
-    static ngAcceptInputType_hideClear: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyFormFieldComponent, "monkey-form-field", ["monkeyFormField"], { "id": { "alias": "id"; "required": false; }; "hideAction": { "alias": "hideAction"; "required": false; }; "enableClear": { "alias": "enableClear"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["_formFieldControl", "_labelChildren", "_helperChildren", "_prefixChildren", "_suffixChildren", "_infoChildren", "_errorChildren"], ["monkey-label", "monkey-helper", "monkey-prefix", "*", "monkey-suffix", "monkey-error", "monkey-info"], false, never>;
+    static ngAcceptInputType_hideAction: unknown;
+    static ngAcceptInputType_enableClear: unknown;
 }

package/lib/components/{monkey-form-field/module.d.ts → form-field/form-field.module.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./form-field";
+import * as i1 from "./form-field.component";
 export declare class MonkeyFormFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFormFieldModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyFormFieldModule, [typeof i1.MonkeyFormFieldComponent], never, [typeof i1.MonkeyFormFieldComponent]>;

package/lib/components/form-field/index.d.ts

@@ -0,0 +1,9 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './form-field-control';
+export * from './form-field.component';
+export * from './form-field.module';
+export * from './utils';

package/lib/components/icon/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './icon.component';

package/lib/components/icon-button/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './icon-button.component';

package/lib/components/index.d.ts

@@ -1,19 +1,26 @@
-export * from './monkey-accordion';
-export * from './monkey-alert';
-export * from './monkey-breadcrumb';
-export * from './monkey-button';
-export * from './monkey-checkbox';
-export * from './monkey-divider';
-export * from './monkey-form-field';
-export * from './monkey-icon';
-export * from './monkey-icon-button';
-export * from './monkey-input';
-export * from './monkey-security-level';
-export * from './monkey-status';
-export * from './monkey-table';
-export * from './monkey-toast';
-export * from './monkey-toggle';
-export * from './monkey-toggle-line';
-export * from './monkey-tooltip';
-export * from './monkey-select';
-export * from './monkey-option';
+export * from './accordion';
+export * from './action-bar';
+export * from './alert';
+export * from './avatar';
+export * from './badge';
+export * from './breadcrumb';
+export * from './button';
+export * from './checkbox';
+export * from './date-range';
+export * from './divider';
+export * from './form-field';
+export * from './icon';
+export * from './icon-button';
+export * from './input';
+export * from './input-code';
+export * from './input-upload';
+export * from './modal';
+export * from './option';
+export * from './security-level';
+export * from './select';
+export * from './status';
+export * from './table';
+export * from './toast';
+export * from './toggle';
+export * from './toggle-line';
+export * from './tooltip';

package/lib/components/input/index.d.ts

@@ -0,0 +1,8 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './input-currency.directive';
+export * from './input.directive';
+export * from './input.module';

package/lib/components/{monkey-input/monkey-input-currency.directive.d.ts → input/input-currency.directive.d.ts}

@@ -8,7 +8,7 @@ import { CurrencyPipe } from '@angular/common';
 import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { Subject } from 'rxjs';
-import { MonkeyFormFieldControl } from '../monkey-form-field';
+import { MonkeyFormFieldControl } from '../form-field';
 import * as i0 from "@angular/core";
 export declare class MonkeyInputCurrencyDirective implements MonkeyFormFieldControl, OnChanges, OnInit, OnDestroy {
     private el;
@@ -35,7 +35,7 @@ export declare class MonkeyInputCurrencyDirective implements MonkeyFormFieldCont
     private readonly _changeDetectorRef;
     private readonly _currencyCode;
     private readonly _localeId;
-    private _destroyed;
+    private _destroyRef;
     private _valueChanges;
     private _rawValue;
     ngControl: NgControl | null;

package/lib/components/{monkey-input/monkey-input.directive.d.ts → input/input.directive.d.ts}

@@ -7,7 +7,7 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { Subject } from 'rxjs';
-import { MonkeyFormFieldControl } from '../monkey-form-field';
+import { MonkeyFormFieldControl } from '../form-field';
 import * as i0 from "@angular/core";
 export declare class MonkeyInputDirective implements MonkeyFormFieldControl, OnChanges, OnDestroy {
     protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
@@ -25,7 +25,13 @@ export declare class MonkeyInputDirective implements MonkeyFormFieldControl, OnC
     protected _disabled: boolean;
     get type(): string;
     set type(value: string);
+    get min(): string;
+    set min(value: string);
+    get max(): string;
+    set max(value: string);
     protected _type: string;
+    protected _min: string;
+    protected _max: string;
     get currency(): boolean;
     get percent(): boolean;
     set percent(value: '');
@@ -41,6 +47,6 @@ export declare class MonkeyInputDirective implements MonkeyFormFieldControl, OnC
     focusChanged(isFocused: boolean): void;
     focusOutChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyInputDirective, "input[monkey-input],textarea[monkey-input]", ["monkeyInput"], { "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyInputDirective, "input[monkey-input],textarea[monkey-input]", ["monkeyInput"], { "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; }, {}, never, never, false, never>;
     static ngAcceptInputType_disabled: unknown;
 }

package/lib/components/{monkey-input/monkey-input.module.d.ts → input/input.module.d.ts}

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./monkey-input.directive";
-import * as i2 from "./monkey-input-currency.directive";
+import * as i1 from "./input.directive";
+import * as i2 from "./input-currency.directive";
 export declare class MonkeyInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyInputModule, [typeof i1.MonkeyInputDirective, typeof i2.MonkeyInputCurrencyDirective], never, [typeof i1.MonkeyInputDirective, typeof i2.MonkeyInputCurrencyDirective]>;

package/lib/components/input-code/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './input-code.component';

package/lib/components/input-code/input-code.component.d.ts

@@ -0,0 +1,48 @@
+import { AfterViewInit, ElementRef, InputSignal, QueryList } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { MonkeyFormFieldComponent, MonkeyFormFieldControl } from '../form-field';
+import * as i0 from "@angular/core";
+export declare class MonkeyInputCodeComponent implements ControlValueAccessor, MonkeyFormFieldControl, AfterViewInit {
+    private formField;
+    readonly stateChanges: Subject<void>;
+    readonly type: string;
+    readonly currency: boolean;
+    readonly percent: boolean;
+    readonly id: any;
+    private _onChange;
+    private _onTouched;
+    private _value;
+    ngControl: NgControl | null;
+    focused: boolean;
+    length: InputSignal<number>;
+    inputType: InputSignal<string>;
+    inputIndices: import("@angular/core").Signal<string[]>;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    _disabled: boolean;
+    set value(value: any);
+    get value(): any;
+    inputs: QueryList<ElementRef<HTMLInputElement>>;
+    constructor(formField: MonkeyFormFieldComponent);
+    ngAfterViewInit(): void;
+    private _onFocus;
+    private propagateCode;
+    private focusNextInput;
+    private focusPreviousInput;
+    private setFullInputValue;
+    isInvalid(): boolean;
+    onContainerClick(): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+    onInput(event: Event, index: number): void;
+    onPaste(event: ClipboardEvent): void;
+    onBlur(): void;
+    onFocus(event: FocusEvent): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputCodeComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyInputCodeComponent, "monkey-input-code", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "inputType": { "alias": "inputType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/lib/components/input-upload/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './input-upload.component';