monkey-style-guide-v2 0.0.17 → 0.0.18

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

@@ -0,0 +1,64 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { MonkeyFormFieldControl } from '../form-field';
+import * as i0 from "@angular/core";
+export type MonkeyInputUploadChangeEvent = {
+    component: MonkeyInputUploadComponent;
+    file: File;
+};
+export declare class MonkeyInputUploadComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit, OnDestroy, OnChanges {
+    fileInput: ElementRef<HTMLInputElement>;
+    progress: number;
+    placeholder: string;
+    maxSizeBytes: number;
+    allowedExtensions: string[];
+    loading: boolean;
+    tabIndex: number;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    _disabled: boolean;
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    set value(value: any);
+    get value(): any;
+    _value: null;
+    constructor();
+    onChange: EventEmitter<MonkeyInputUploadChangeEvent>;
+    ngControl: NgControl | null;
+    private readonly idGenerator;
+    readonly id: string;
+    focused: boolean;
+    readonly type: string;
+    currency: boolean;
+    readonly percent: boolean;
+    readonly stateChanges: Subject<void>;
+    private validateFileSize;
+    private validateFileExtension;
+    onContainerClick(event: MouseEvent): void;
+    _onFocus(): void;
+    _onBlur(): void;
+    disableToBeDirty?: boolean | undefined;
+    _onChange: any;
+    _onTouched: any;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    reset(): void;
+    onFileSelected(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyInputUploadComponent, "monkey-input-upload", never, { "progress": { "alias": "progress"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxSizeBytes": { "alias": "maxSizeBytes"; "required": false; }; "allowedExtensions": { "alias": "allowedExtensions"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+}

package/lib/components/{monkey-modal → modal}/components/default.d.ts

@@ -10,7 +10,6 @@ export declare class MonkeyModalDefaultComponent {
     cancelLabel: string;
     okLabel: string;
     constructor(config: MonkeyModalDefaultConfig, modalRef: MonkeyModalRef);
-    ngAfterViewInit(): void;
     onSubmit(): void;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalDefaultComponent, never>;

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

@@ -0,0 +1,15 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './directives/actions';
+export * from './directives/content';
+export * from './directives/subtitle';
+export * from './directives/title';
+export * from './modal-config';
+export * from './modal-ref';
+export * from './modal.component';
+export * from './modal.module';
+export * from './modal.service';
+export { MECX_MODAL_DATA, MECX_MODAL_DEFAULT_CONFIG } from './utils';

package/lib/components/{monkey-modal → modal}/modal-config.d.ts

@@ -3,7 +3,7 @@
  * This style guide was developed by Monkey Exchange Team
  * MIT Licence
  ************************* */
-import { PositionStrategy, ScrollStrategy } from '@angular/cdk/overlay';
+import { ScrollStrategy } from '@angular/cdk/overlay';
 import { StaticProvider } from '@angular/core';
 export declare class MonkeyModalConfig {
     id?: string;
@@ -12,13 +12,14 @@ export declare class MonkeyModalConfig {
     hasBackdrop?: boolean;
     backdropClass?: string | string[];
     disableClose?: boolean;
+    disableBackdropClose?: boolean;
     width?: string;
     height?: string;
     minWidth?: number | string;
     minHeight?: number | string;
     maxWidth?: number | string;
     maxHeight?: number | string;
-    positionStrategy?: PositionStrategy;
+    position?: 'left-top' | 'center-top' | 'right-top' | 'left-center' | 'center-center' | 'right-center' | 'left-bottom' | 'center-bottom' | 'right-bottom';
     data?: any | null;
     scrollStrategy?: ScrollStrategy;
     closeOnNavigation?: boolean;

package/lib/components/{monkey-modal → modal}/modal-ref.d.ts

@@ -15,6 +15,7 @@ export declare class MonkeyModalRef {
     readonly componentRef: ComponentRef<any> | null;
     readonly icon?: string;
     disableClose: boolean | undefined;
+    disableBackdropClose: boolean | undefined;
     closeOnNavigation: boolean | undefined;
     readonly closed: Observable<any>;
     readonly backdropClick: Observable<MouseEvent>;

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

@@ -4,20 +4,19 @@
  * MIT Licence
  ************************* */
 import { OverlayRef } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { MonkeyModalRef } from './modal-ref';
 import * as i0 from "@angular/core";
 export declare class MonkeyModalComponent implements AfterViewInit, OnDestroy {
     private _elementRef;
-    viewContainerRef: ViewContainerRef;
     overlayRef?: OverlayRef | undefined;
     modalRef?: MonkeyModalRef | undefined;
     private _navigationSubscription;
     private _router;
-    constructor(_elementRef: ElementRef, viewContainerRef: ViewContainerRef, overlayRef?: OverlayRef | undefined, modalRef?: MonkeyModalRef | undefined);
+    constructor(_elementRef: ElementRef, overlayRef?: OverlayRef | undefined, modalRef?: MonkeyModalRef | undefined);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalComponent, [null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalComponent, [null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyModalComponent, "monkey-modal", never, {}, {}, never, ["monkey-modal-title", "[monkey-modal-title]", "monkey-modal-subtitle", "[monkey-modal-subtitle]", "monkey-modal-content", "[monkey-modal-content]", "monkey-modal-actions", "[monkey-modal-actions]"], false, never>;
 }

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

@@ -1,14 +1,14 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./modal";
+import * as i1 from "./modal.component";
 import * as i2 from "./components/default";
 import * as i3 from "./directives/title";
 import * as i4 from "./directives/subtitle";
 import * as i5 from "./directives/content";
 import * as i6 from "./directives/actions";
 import * as i7 from "@angular/common";
-import * as i8 from "../monkey-button/monkey-button.component";
-import * as i9 from "../monkey-icon-button/monkey-icon-button.component";
-import * as i10 from "../monkey-icon/monkey-icon.component";
+import * as i8 from "../button/button.component";
+import * as i9 from "../icon-button/icon-button.component";
+import * as i10 from "../icon/icon.component";
 export declare class MonkeyModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyModalModule, [typeof i1.MonkeyModalComponent, typeof i2.MonkeyModalDefaultComponent, typeof i3.MonkeyModalTitleDirective, typeof i4.MonkeyModalSubtitleDirective, typeof i5.MonkeyModalContentDirective, typeof i6.MonkeyModalActionsDirective], [typeof i7.CommonModule, typeof i8.MonkeyButtonComponent, typeof i9.MonkeyIconButtonComponent, typeof i10.MonkeyIconComponent], [typeof i1.MonkeyModalComponent, typeof i3.MonkeyModalTitleDirective, typeof i4.MonkeyModalSubtitleDirective, typeof i5.MonkeyModalContentDirective, typeof i6.MonkeyModalActionsDirective]>;

package/lib/components/option/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 './option.component';

package/lib/components/security-level/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 './security-level.component';

package/lib/components/select/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 './select.component';

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

@@ -1,12 +1,12 @@
 import { Overlay } from '@angular/cdk/overlay';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { Subject } from 'rxjs';
-import { MonkeyFormFieldComponent } from '../monkey-form-field/form-field';
-import { MonkeyFormFieldControl } from '../monkey-form-field/form-field-control';
-import { MonkeyOptionComponent } from '../monkey-option/monkey-option.component';
+import { MonkeyFormFieldControl } from '../form-field/form-field-control';
+import { MonkeyFormFieldComponent } from '../form-field/form-field.component';
+import { MonkeyOptionComponent } from '../option/option.component';
 import * as i0 from "@angular/core";
-export declare class MonkeySelectComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit, OnDestroy, OnChanges {
+export declare class MonkeySelectComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit, OnInit, OnDestroy, OnChanges {
     private overlay;
     private changeDetectorRef;
     private viewContainerRef;
@@ -17,8 +17,12 @@ export declare class MonkeySelectComponent implements MonkeyFormFieldControl, Co
     options: QueryList<MonkeyOptionComponent>;
     tabIndex: number;
     onChange: EventEmitter<any>;
+    onSearch: EventEmitter<any>;
     placeholder: string;
     loading: boolean;
+    showSearch: boolean;
+    searchPlaceholder: string;
+    callbackSearch: boolean;
     get disabled(): boolean;
     set disabled(value: boolean);
     get required(): boolean;
@@ -29,8 +33,7 @@ export declare class MonkeySelectComponent implements MonkeyFormFieldControl, Co
     _value: null;
     labelSelected: string;
     private overlayRef;
-    isOpen: boolean;
-    private _destroyed;
+    private _destroyRef;
     readonly iconArrowDown: import("@angular/platform-browser").SafeHtml | null;
     private readonly idGenerator;
     ngControl: NgControl | null;
@@ -42,20 +45,32 @@ export declare class MonkeySelectComponent implements MonkeyFormFieldControl, Co
     readonly percent: boolean;
     readonly stateChanges: Subject<void>;
     readonly type: string;
+    readonly searchHandle: EventEmitter<string>;
+    readonly searchDictionary: import("rxjs").Observable<any>;
+    readonly loadingDictionary: import("rxjs").Observable<any>;
+    readonly imgSearchNoData: import("@angular/platform-browser").SafeHtml | null;
+    readonly imgSearch: import("@angular/platform-browser").SafeHtml | null;
+    showSearchNoData: boolean;
+    isOpen: boolean;
+    searchData: string;
     constructor(overlay: Overlay, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, formField: MonkeyFormFieldComponent);
     private changeControl;
     private changeSelected;
     private initializeOptions;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    toggleDropdown(): void;
     private openDropdown;
     private closeDropdown;
     private closeOverlay;
-    onAnimationEnd: (event: any) => void;
+    private initializeWithOverlay;
     private createOverlay;
-    selectOption(option: MonkeyOptionComponent): void;
     private updateSelectedLabel;
+    private executeSearch;
+    private repositionScroll;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    toggleDropdown(): void;
+    onAnimationEnd: (event: any) => void;
+    selectOption(option: MonkeyOptionComponent): void;
     writeValue(value: any): void;
     onContainerClick(event: MouseEvent): void;
     _onFocus(): void;
@@ -66,9 +81,12 @@ export declare class MonkeySelectComponent implements MonkeyFormFieldControl, Co
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     ngOnChanges(changes: SimpleChanges): void;
+    onHandleSearch(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeySelectComponent, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeySelectComponent, "monkey-select", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": true; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, ["options"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeySelectComponent, "monkey-select", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": true; }; "loading": { "alias": "loading"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "callbackSearch": { "alias": "callbackSearch"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; "onSearch": "onSearch"; }, ["options"], ["*"], true, never>;
     static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_showSearch: unknown;
+    static ngAcceptInputType_callbackSearch: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_required: unknown;
 }

package/lib/components/status/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 './status.component';

package/lib/components/{monkey-table → table}/directives/column-checked.d.ts

@@ -4,8 +4,8 @@
  * MIT Licence
  ************************* */
 import { AfterViewInit, ComponentRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
-import { MonkeyCheckboxComponent } from '../../monkey-checkbox';
-import { MonkeyTableComponent } from '../table';
+import { MonkeyCheckboxComponent } from '../../checkbox';
+import { MonkeyTableComponent } from '../table.component';
 import * as i0 from "@angular/core";
 export declare class MonkeyColumnChecked implements OnInit, AfterViewInit, OnChanges, OnDestroy {
     private el;

package/lib/components/{monkey-table → table}/directives/column-expansible.d.ts

@@ -4,7 +4,7 @@
  * MIT Licence
  ************************* */
 import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { MonkeyTableComponent } from '../table';
+import { MonkeyTableComponent } from '../table.component';
 import * as i0 from "@angular/core";
 export declare class MonkeyColumnExpansible implements OnInit, OnDestroy {
     private el;

package/lib/components/{monkey-table → table}/directives/column-sortable.d.ts

@@ -4,7 +4,7 @@
  * MIT Licence
  ************************* */
 import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { MonkeyTableComponent } from '../table';
+import { MonkeyTableComponent } from '../table.component';
 import * as i0 from "@angular/core";
 export declare class MonkeyColumnSortable implements OnInit, OnDestroy {
     private el;

package/lib/components/{monkey-table → table}/index.d.ts

@@ -1,3 +1,8 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 export * from './components/pagination-action/pagination-action';
 export * from './components/pagination-label/pagination-label';
 export * from './components/pagination-size/pagination-size';
@@ -5,5 +10,5 @@ export * from './directives/column-checked';
 export * from './directives/column-expansible';
 export * from './directives/column-sortable';
 export * from './directives/column-stick';
-export * from './table';
+export * from './table.component';
 export * from './table.module';

package/lib/components/table/table.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "./directives/column-stick";
+import * as i3 from "./directives/column-checked";
+import * as i4 from "./directives/column-sortable";
+import * as i5 from "./directives/column-expansible";
+import * as i6 from "@angular/common";
+import * as i7 from "../button/button.component";
+import * as i8 from "./components/pagination-size/pagination-size";
+import * as i9 from "./components/pagination-label/pagination-label";
+import * as i10 from "./components/pagination-action/pagination-action";
+export declare class MonkeyTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyTableModule, [typeof i1.MonkeyTableComponent, typeof i2.MonkeyColumnStick, typeof i3.MonkeyColumnChecked, typeof i4.MonkeyColumnSortable, typeof i5.MonkeyColumnExpansible], [typeof i6.CommonModule, typeof i7.MonkeyButtonComponent, typeof i8.MonkeyPaginationSizeComponent, typeof i9.MonkeyPaginationLabelComponent, typeof i10.MonkeyPaginationActionComponent], [typeof i1.MonkeyTableComponent, typeof i2.MonkeyColumnStick, typeof i3.MonkeyColumnChecked, typeof i4.MonkeyColumnSortable, typeof i5.MonkeyColumnExpansible]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyTableModule>;
+}

package/lib/components/toast/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 './toast.component';

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

@@ -1,3 +1,8 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 import { ElementRef, EventEmitter } from '@angular/core';
 import { type ToastType } from '../../interfaces';
 import * as i0 from "@angular/core";

package/lib/components/toggle/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 './toggle.component';

package/lib/components/toggle-line/index.d.ts

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

package/lib/components/toggle-line/toggle-line-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 './toggle-line-button.component';

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

@@ -1,5 +1,5 @@
 import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, QueryList } from '@angular/core';
-import { MonkeyToggleLineButtonComponent } from './monkey-toggle-line-button';
+import { MonkeyToggleLineButtonComponent } from './toggle-line-button';
 import * as i0 from "@angular/core";
 export declare class MonkeyToggleLineComponent implements AfterContentInit, OnDestroy, OnChanges {
     value: boolean | undefined;

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

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

package/lib/components/tooltip/tooltip/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 './tooltip.component';

package/lib/directives/badge.d.ts

@@ -0,0 +1,24 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { ElementRef, OnChanges, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MonkeyBadgeDirective implements OnChanges {
+    private el;
+    private renderer;
+    badgePosition: 'left' | 'right';
+    badgeSize: 'sm' | 'md' | 'lg';
+    badgeHidden: boolean;
+    monkeyBadge: string;
+    badgeBackground: string | null;
+    badgeColor: string | null;
+    private badgeEl;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnChanges(): void;
+    private updateBadge;
+    private removeBadge;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyBadgeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyBadgeDirective, "[monkeyBadge]", never, { "badgePosition": { "alias": "badgePosition"; "required": false; }; "badgeSize": { "alias": "badgeSize"; "required": false; }; "badgeHidden": { "alias": "badgeHidden"; "required": false; }; "monkeyBadge": { "alias": "monkeyBadge"; "required": false; }; "badgeBackground": { "alias": "badgeBackground"; "required": false; }; "badgeColor": { "alias": "badgeColor"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/directives/index.d.ts

@@ -1,3 +1,4 @@
+export * from './badge';
 export * from './error';
 export * from './helper';
 export * from './info';

package/lib/directives/module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "./info";
 import * as i4 from "./label";
 import * as i5 from "./prefix";
 import * as i6 from "./suffix";
+import * as i7 from "./badge";
 export declare class MonkeyDirectivesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyDirectivesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyDirectivesModule, [typeof i1.MonkeyError, typeof i2.MonkeyHelper, typeof i3.MonkeyInfo, typeof i4.MonkeyLabel, typeof i5.MonkeyPrefix, typeof i6.MonkeySuffix], never, [typeof i1.MonkeyError, typeof i2.MonkeyHelper, typeof i3.MonkeyInfo, typeof i4.MonkeyLabel, typeof i5.MonkeyPrefix, typeof i6.MonkeySuffix]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyDirectivesModule, [typeof i1.MonkeyError, typeof i2.MonkeyHelper, typeof i3.MonkeyInfo, typeof i4.MonkeyLabel, typeof i5.MonkeyPrefix, typeof i6.MonkeySuffix, typeof i7.MonkeyBadgeDirective], never, [typeof i1.MonkeyError, typeof i2.MonkeyHelper, typeof i3.MonkeyInfo, typeof i4.MonkeyLabel, typeof i5.MonkeyPrefix, typeof i6.MonkeySuffix, typeof i7.MonkeyBadgeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyDirectivesModule>;
 }

package/lib/interfaces/sizes.d.ts

@@ -1 +1 @@
-export type MonkeySize = 'sm' | 'md' | 'lg';
+export type MonkeySize = 'xs' | 'sm' | 'md' | 'lg';

package/lib/services/dictionary.service.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class MonkeyDictionaryService {
+    private _localeId;
+    private _destroyRef;
+    private _data$;
+    constructor();
+    private handleWrapperValues;
+    get(key: string): import("rxjs").Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyDictionaryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyDictionaryService>;
+}

package/lib/services/{monkey-icons.service.d.ts → icons.service.d.ts}

@@ -9,6 +9,8 @@ export declare class MonkeyIconsService {
     get check(): SafeHtml | null;
     get minus(): SafeHtml | null;
     get loading(): SafeHtml | null;
+    get searchFail(): SafeHtml | null;
+    get search(): SafeHtml | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyIconsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyIconsService>;
 }

package/lib/services/index.d.ts

@@ -1,3 +1,7 @@
-export * from './monkey-destroy.service';
-export * from './monkey-icons.service';
-export * from './monkey-toast.service';
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './icons.service';
+export * from './toast.service';

package/lib/services/{monkey-toast.service.d.ts → toast.service.d.ts}

@@ -1,3 +1,8 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 import { Overlay } from '@angular/cdk/overlay';
 import { MonkeyToastComponent } from '../components';
 import { type ToastConfig } from '../interfaces';

package/lib/tokens/index.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+export declare const MECX_I18N_WRAPPER: InjectionToken<BehaviorSubject<string>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monkey-style-guide-v2",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "peerDependencies": {
     "@angular/common": "^18.1.2",
     "@angular/core": "^18.1.2",
@@ -13,6 +13,7 @@
     "ngx-mask": "^19.0.6"
   },
   "dependencies": {
+    "date-fns": "^4.1.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,

package/utils/utils.d.ts

@@ -1 +1,6 @@
 export declare function getRandomString(len: number, charSet?: string): string;
+export declare const objHaveProperty: (obj: object, property: string) => boolean;
+export declare function formatFileSize(bytes: number): string;
+export declare function getFileExtension(filename: string): string;
+export declare function sanitizeString(input: string): string;
+export declare function normalizeStringToSearch(text: string): string;

package/esm2022/lib/components/monkey-accordion/index.mjs

@@ -1,2 +0,0 @@
-export * from './monkey-accordion.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1hY2NvcmRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWFjY29yZGlvbi5jb21wb25lbnQnO1xuIl19