monkey-style-guide-v2 0.0.21 → 0.0.23

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

@@ -1,14 +1,11 @@
 import { TemplateRef } from '@angular/core';
-import { SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class MonkeyAccordionComponent {
-    private readonly _icons;
     open: boolean;
     disabled: boolean;
     set title(data: string | TemplateRef<any>);
     titleStr: string | undefined;
     titleRef: TemplateRef<any> | undefined;
-    imgArrowDown: SafeHtml | null;
     protected _uid: string;
     protected _id: string;
     get id(): string;

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

@@ -5,12 +5,14 @@ export declare class MonkeyButtonComponent {
     disabled: boolean;
     size: MonkeySize;
     type: MonkeyButtonType;
+    private readonly elementRef;
     protected _uid: string;
     protected _id: string;
     get id(): string;
     set id(value: string);
     constructor();
     onClick(event: PointerEvent): void;
+    get element(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyButtonComponent, "monkey-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["[first]", "*", "[last]"], true, never>;
 }

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

@@ -12,13 +12,10 @@ export declare class MonkeyCheckboxComponent implements ControlValueAccessor, On
     size: 'sm' | 'md' | 'lg';
     onChange: EventEmitter<boolean>;
     private _destroyRef;
-    private readonly icons;
     private readonly idGenerator;
     private injector;
     private cdr;
     control: AbstractControl<any, any> | null | undefined;
-    readonly iconCheck: import("@angular/platform-browser").SafeHtml | null;
-    readonly iconIndeterminate: import("@angular/platform-browser").SafeHtml | null;
     readonly inputId: string;
     value: boolean;
     isFocused: boolean;

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

@@ -7,9 +7,9 @@ export declare abstract class MonkeyFormFieldControl {
     readonly disabled: boolean;
     readonly focused: boolean;
     readonly stateChanges: Observable<void>;
-    readonly type: string;
-    readonly currency: boolean;
-    readonly percent: boolean;
+    readonly type?: string;
+    readonly currency?: boolean;
+    readonly percent?: boolean;
     abstract onContainerClick(event: MouseEvent): void;
     loading?: boolean;
     disableToBeDirty?: boolean;

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

@@ -4,7 +4,6 @@
  * MIT Licence
  ************************* */
 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";
@@ -22,7 +21,6 @@ export declare class MonkeyFormFieldComponent implements AfterContentInit, After
     private _infoChildren;
     private _errorChildren;
     elementRef: ElementRef<any>;
-    private readonly _icons;
     private readonly _changeDetectorRef;
     private readonly _idGenerator;
     private readonly _labelId;
@@ -35,9 +33,6 @@ export declare class MonkeyFormFieldComponent implements AfterContentInit, After
     private _valueChanges;
     readonly currencySymbol: string | undefined;
     readonly percentSymbol = "%";
-    imgClear: SafeHtml | null;
-    imgCalendar: SafeHtml | null;
-    imgLoading: SafeHtml | null;
     hasLabel: boolean;
     hasHelper: boolean;
     hasPrefix: boolean;

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

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./form-field.component";
+import * as i2 from "../../../utils/icon";
 export declare class MonkeyFormFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFormFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyFormFieldModule, [typeof i1.MonkeyFormFieldComponent], never, [typeof i1.MonkeyFormFieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyFormFieldModule, [typeof i1.MonkeyFormFieldComponent], [typeof i2.UtilIconComponent], [typeof i1.MonkeyFormFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyFormFieldModule>;
 }

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

@@ -2,7 +2,7 @@ import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class MonkeyIconComponent implements OnInit {
     set icon(val: string);
-    size: string;
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
     _icon: string;
     protected _uid: string;
     protected _id: string;

package/lib/components/index.d.ts

@@ -13,9 +13,11 @@ export * from './icon';
 export * from './icon-button';
 export * from './input';
 export * from './input-code';
+export * from './input-phone';
 export * from './input-upload';
 export * from './modal';
 export * from './option';
+export * from './radio-button';
 export * from './security-level';
 export * from './select';
 export * from './status';

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

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

@@ -0,0 +1,68 @@
+import { AfterContentInit, ElementRef, OnChanges, OnDestroy, QueryList, 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";
+interface Country {
+    code: string;
+    name: string;
+    flag: string;
+}
+export declare class MonkeyInputPhoneComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit, OnDestroy, OnChanges {
+    placeholder: string;
+    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: string | null;
+    constructor();
+    ngControl: NgControl | null;
+    private readonly idGenerator;
+    private readonly countryCode;
+    private readonly locale;
+    readonly id: string;
+    readonly inputId: string;
+    focused: boolean;
+    readonly type: string;
+    readonly stateChanges: Subject<void>;
+    countries: Country[];
+    countriesFiltered: Country[];
+    selectedCallingCode: string;
+    phoneFormatted: string;
+    phoneValid: boolean;
+    inputs: QueryList<ElementRef<HTMLInputElement>>;
+    private getCountryNameFromCode;
+    private getCountryByCallingCode;
+    private isoToFlagEmoji;
+    private getCountryFromPhoneNumber;
+    private performValue;
+    private validateValue;
+    private formatValue;
+    disableToBeDirty?: boolean | undefined;
+    _onChange: any;
+    _onTouched: any;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onContainerClick(event: MouseEvent): void;
+    _onFocus(): void;
+    _onBlur(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    onInputChange(event: Event): void;
+    onCountryChange(): void;
+    getMaxLength(): number;
+    onHandleSearchSelect(query: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputPhoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyInputPhoneComponent, "monkey-input-phone", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+}
+export {};

package/lib/components/modal/components/confirmation.component.d.ts

@@ -0,0 +1,12 @@
+import { MonkeyModalConfirmationConfig } from '../modal-config';
+import { MonkeyModalRef } from '../modal-ref';
+import * as i0 from "@angular/core";
+export declare class MonkeyModalConfirmationComponent {
+    config: MonkeyModalConfirmationConfig;
+    private modalRef;
+    constructor(config: MonkeyModalConfirmationConfig, modalRef: MonkeyModalRef);
+    onSubmit(): void;
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalConfirmationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyModalConfirmationComponent, "monkey-modal-confirmation", never, {}, {}, never, never, false, never>;
+}

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

@@ -4,11 +4,6 @@ import * as i0 from "@angular/core";
 export declare class MonkeyModalDefaultComponent {
     config: MonkeyModalDefaultConfig;
     private modalRef;
-    title: string;
-    subtitle: string;
-    content: string;
-    cancelLabel: string;
-    okLabel: string;
     constructor(config: MonkeyModalDefaultConfig, modalRef: MonkeyModalRef);
     onSubmit(): void;
     onClose(): void;

package/lib/components/modal/modal-config.d.ts

@@ -3,7 +3,6 @@
  * This style guide was developed by Monkey Exchange Team
  * MIT Licence
  ************************* */
-import { ScrollStrategy } from '@angular/cdk/overlay';
 import { StaticProvider } from '@angular/core';
 export declare class MonkeyModalConfig {
     id?: string;
@@ -13,15 +12,11 @@ export declare class MonkeyModalConfig {
     backdropClass?: string | string[];
     disableClose?: boolean;
     disableBackdropClose?: boolean;
-    width?: string;
-    height?: string;
-    minWidth?: number | string;
-    minHeight?: number | string;
     maxWidth?: number | string;
     maxHeight?: number | string;
+    fullscreen?: boolean;
     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;
     providers?: StaticProvider[];
 }
@@ -32,3 +27,12 @@ export interface MonkeyModalDefaultConfig {
     cancelLabel: string;
     okLabel: string;
 }
+export interface MonkeyModalConfirmationConfig {
+    title: string;
+    content: string;
+    cancelLabel: string;
+    okLabel: string;
+    type?: 'error' | 'success' | 'warning';
+    confirmColor?: 'error' | 'success' | 'theme';
+    icon?: string;
+}

package/lib/components/modal/modal-ref.d.ts

@@ -17,6 +17,7 @@ export declare class MonkeyModalRef {
     disableClose: boolean | undefined;
     disableBackdropClose: boolean | undefined;
     closeOnNavigation: boolean | undefined;
+    componentElement: HTMLElement;
     readonly closed: Observable<any>;
     readonly backdropClick: Observable<MouseEvent>;
     readonly keydownEvents: Observable<KeyboardEvent>;

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

@@ -1,16 +1,17 @@
 import * as i0 from "@angular/core";
 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 "../button/button.component";
-import * as i9 from "../icon-button/icon-button.component";
-import * as i10 from "../icon/icon.component";
+import * as i3 from "./components/confirmation.component";
+import * as i4 from "./directives/title";
+import * as i5 from "./directives/subtitle";
+import * as i6 from "./directives/content";
+import * as i7 from "./directives/actions";
+import * as i8 from "@angular/common";
+import * as i9 from "../button/button.component";
+import * as i10 from "../icon-button/icon-button.component";
+import * as i11 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]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyModalModule, [typeof i1.MonkeyModalComponent, typeof i2.MonkeyModalDefaultComponent, typeof i3.MonkeyModalConfirmationComponent, typeof i4.MonkeyModalTitleDirective, typeof i5.MonkeyModalSubtitleDirective, typeof i6.MonkeyModalContentDirective, typeof i7.MonkeyModalActionsDirective], [typeof i8.CommonModule, typeof i9.MonkeyButtonComponent, typeof i10.MonkeyIconButtonComponent, typeof i11.MonkeyIconComponent], [typeof i1.MonkeyModalComponent, typeof i4.MonkeyModalTitleDirective, typeof i5.MonkeyModalSubtitleDirective, typeof i6.MonkeyModalContentDirective, typeof i7.MonkeyModalActionsDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyModalModule>;
 }

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

@@ -7,21 +7,21 @@ import { Overlay } from '@angular/cdk/overlay';
 import { ComponentType } from '@angular/cdk/portal';
 import { Injector } from '@angular/core';
 import { IdGenerator } from '../../../utils';
-import { MonkeyModalConfig, MonkeyModalDefaultConfig } from './modal-config';
+import { MonkeyModalConfig, MonkeyModalConfirmationConfig, MonkeyModalDefaultConfig } from './modal-config';
 import { MonkeyModalRef } from './modal-ref';
 import * as i0 from "@angular/core";
 export declare class MonkeyModalService {
-    private overlay;
-    private injector;
     protected _idGenerator: IdGenerator;
+    protected _injector: Injector;
+    protected _overlay: Overlay;
     protected _openDialogsAtThisLevel: MonkeyModalRef[];
     protected _parentDialog: MonkeyModalService | null;
-    constructor(overlay: Overlay, injector: Injector);
     protected get openDialogs(): readonly MonkeyModalRef[];
     private getOverlayConfig;
     private createInjector;
     open<T>(component: ComponentType<T>, config: MonkeyModalConfig): MonkeyModalRef;
     openDefault(params: MonkeyModalDefaultConfig, config: MonkeyModalConfig): MonkeyModalRef;
+    openConfirmation(params: MonkeyModalConfirmationConfig, config: MonkeyModalConfig): MonkeyModalRef;
     closeAll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyModalService>;

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

@@ -4,8 +4,10 @@
  * MIT Licence
  ************************* */
 import { InjectionToken } from '@angular/core';
+import { MonkeyModalConfirmationConfig, MonkeyModalDefaultConfig } from './modal-config';
 export declare const MECX_MODAL_DATA: InjectionToken<any>;
-export declare const MECX_MODAL_DEFAULT_CONFIG: InjectionToken<any>;
+export declare const MECX_MODAL_DEFAULT_CONFIG: InjectionToken<MonkeyModalDefaultConfig>;
+export declare const MECX_MODAL_CONFIRMATION_CONFIG: InjectionToken<MonkeyModalConfirmationConfig>;
 /**
  * @license
  * Copyright Google LLC All Rights Reserved.

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

@@ -10,13 +10,16 @@ export declare class MonkeyOptionComponent {
     _content: ElementRef<HTMLElement> | undefined;
     value: any;
     disabled: boolean;
+    type: string;
     get displayContent(): string;
     selected: boolean;
     tabIndex: number;
     action: Function;
     readonly id: string;
+    private handleAction;
     onClick(event: MouseEvent): void;
+    handleKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyOptionComponent, "monkey-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyOptionComponent, "monkey-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

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

package/lib/components/radio-button/radio-button.component.d.ts

@@ -0,0 +1,54 @@
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { MonkeySize } from '../../interfaces';
+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 MonkeyRadioButtonComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit {
+    private changeDetectorRef;
+    private formField;
+    options: QueryList<MonkeyOptionComponent>;
+    tabIndex: number;
+    onChange: EventEmitter<any>;
+    onSearch: EventEmitter<any>;
+    position: string;
+    size: MonkeySize;
+    get classes(): string;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    set value(value: any);
+    get value(): any;
+    _value: null;
+    private _destroyRef;
+    private readonly idGenerator;
+    ngControl: NgControl | null;
+    protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    focused: boolean;
+    _disabled: boolean;
+    readonly id: string;
+    readonly stateChanges: Subject<void>;
+    readonly type: string;
+    constructor(changeDetectorRef: ChangeDetectorRef, formField: MonkeyFormFieldComponent);
+    private changeSelected;
+    private initializeOptions;
+    ngAfterContentInit(): void;
+    selectOption(option: MonkeyOptionComponent): void;
+    writeValue(value: any): void;
+    onContainerClick(event: MouseEvent): void;
+    _onFocus(): void;
+    _onBlur(): void;
+    _onChange: any;
+    _onTouched: any;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyRadioButtonComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyRadioButtonComponent, "monkey-radiobutton", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "position": { "alias": "position"; "required": false; }; "size": { "alias": "size"; "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_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+}

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

@@ -34,7 +34,6 @@ export declare class MonkeySelectComponent implements MonkeyFormFieldControl, Co
     labelSelected: string;
     private overlayRef;
     private _destroyRef;
-    readonly iconArrowDown: import("@angular/platform-browser").SafeHtml | null;
     private readonly idGenerator;
     ngControl: NgControl | null;
     protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
@@ -48,8 +47,6 @@ export declare class MonkeySelectComponent implements MonkeyFormFieldControl, Co
     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;

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

@@ -23,6 +23,7 @@ export declare class MonkeyTooltipDirective {
     private positionBottom;
     show(): void;
     hide(): void;
+    onScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTooltipDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyTooltipDirective, "[monkeyTooltip]", never, { "tooltipText": { "alias": "monkeyTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_enabled: unknown;

package/lib/directives/error.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class MonkeyError {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyError, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyError, "monkey-error", never, {}, {}, never, never, false, never>;
+export declare class MonkeyErrorDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyErrorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyErrorDirective, "monkey-error", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/helper.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class MonkeyHelper {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyHelper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyHelper, "monkey-helper", never, {}, {}, never, never, false, never>;
+export declare class MonkeyHelperDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyHelperDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyHelperDirective, "monkey-helper", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/index.d.ts

@@ -4,5 +4,6 @@ export * from './helper';
 export * from './info';
 export * from './label';
 export * from './module';
+export * from './popover';
 export * from './prefix';
 export * from './suffix';

package/lib/directives/info.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class MonkeyInfo {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInfo, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyInfo, "monkey-info", never, {}, {}, never, never, false, never>;
+export declare class MonkeyInfoDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInfoDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyInfoDirective, "monkey-info", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/label.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class MonkeyLabel {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyLabel, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyLabel, "monkey-label", never, {}, {}, never, never, false, never>;
+export declare class MonkeyLabelDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyLabelDirective, "monkey-label", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "./label";
 import * as i5 from "./prefix";
 import * as i6 from "./suffix";
 import * as i7 from "./badge";
+import * as i8 from "./popover";
 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, 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 ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyDirectivesModule, [typeof i1.MonkeyErrorDirective, typeof i2.MonkeyHelperDirective, typeof i3.MonkeyInfoDirective, typeof i4.MonkeyLabelDirective, typeof i5.MonkeyPrefixDirective, typeof i6.MonkeySuffixDirective, typeof i7.MonkeyBadgeDirective, typeof i8.MonkeyPopoverDirective], [typeof i8.MonkeyPopoverContentComponent], [typeof i1.MonkeyErrorDirective, typeof i2.MonkeyHelperDirective, typeof i3.MonkeyInfoDirective, typeof i4.MonkeyLabelDirective, typeof i5.MonkeyPrefixDirective, typeof i6.MonkeySuffixDirective, typeof i7.MonkeyBadgeDirective, typeof i8.MonkeyPopoverDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyDirectivesModule>;
 }

package/lib/directives/popover.d.ts

@@ -0,0 +1,65 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { MonkeyPopoverDir } from '../interfaces';
+import * as i0 from "@angular/core";
+export declare class MonkeyPopoverContentComponent implements AfterViewInit {
+    private host;
+    title?: string | TemplateRef<any>;
+    content: TemplateRef<any>;
+    actions?: string | TemplateRef<any>;
+    onClose: EventEmitter<any>;
+    hideHeader: boolean;
+    hideClose: boolean;
+    hideActions: boolean;
+    constructor(host: ElementRef<HTMLElement>);
+    ngAfterViewInit(): void;
+    isTemplate(value: unknown): value is TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPopoverContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPopoverContentComponent, "monkey-popover-content", never, { "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hideClose": { "alias": "hideClose"; "required": false; }; "hideActions": { "alias": "hideActions"; "required": false; }; }, { "onClose": "onClose"; }, never, never, true, never>;
+    static ngAcceptInputType_hideHeader: unknown;
+    static ngAcceptInputType_hideClose: unknown;
+    static ngAcceptInputType_hideActions: unknown;
+}
+export declare class MonkeyPopoverDirective implements OnDestroy {
+    private readonly _tpl;
+    private readonly _vcr;
+    private readonly _el;
+    private readonly _zone;
+    private readonly _overlay;
+    private readonly _overlayPositionBuilder;
+    private readonly _router;
+    private readonly _destroyRef;
+    private readonly _options?;
+    private _overlayRef?;
+    private _componentRef?;
+    private _positionStrategy?;
+    private _resizeObserver?;
+    private _show;
+    set popover(show: boolean);
+    get popover(): boolean;
+    closed?: (e?: MouseEvent) => void;
+    private _target?;
+    set target(value: any | undefined);
+    get target(): HTMLElement | undefined;
+    minwidth: boolean;
+    backdrop: boolean;
+    watch: boolean;
+    dir: MonkeyPopoverDir;
+    contextmenu: boolean;
+    height?: number | string;
+    title?: string | TemplateRef<unknown>;
+    actions?: string | TemplateRef<unknown>;
+    hideClose: boolean;
+    hideHeader: boolean;
+    hideActions: boolean;
+    constructor();
+    ngOnDestroy(): void;
+    private closePopover;
+    private disposePopover;
+    private getPositions;
+    private createPopover;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPopoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyPopoverDirective, "[monkeyPopover]", never, { "popover": { "alias": "monkeyPopover"; "required": false; }; "closed": { "alias": "monkeyPopoverClosed"; "required": false; }; "target": { "alias": "monkeyPopoverTarget"; "required": false; }; "minwidth": { "alias": "monkeyPopoverMinwidth"; "required": false; }; "backdrop": { "alias": "monkeyPopoverBackdrop"; "required": false; }; "watch": { "alias": "monkeyPopoverWatch"; "required": false; }; "dir": { "alias": "monkeyPopoverDir"; "required": false; }; "contextmenu": { "alias": "monkeyPopoverContextmenu"; "required": false; }; "height": { "alias": "monkeyPopoverHeight"; "required": false; }; "title": { "alias": "monkeyPopoverTitle"; "required": false; }; "actions": { "alias": "monkeyPopoverActions"; "required": false; }; "hideClose": { "alias": "monkeyPopoverHideClose"; "required": false; }; "hideHeader": { "alias": "monkeyPopoverHideHeader"; "required": false; }; "hideActions": { "alias": "monkeyPopoverHideActions"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_hideClose: unknown;
+    static ngAcceptInputType_hideHeader: unknown;
+    static ngAcceptInputType_hideActions: unknown;
+}

package/lib/directives/prefix.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class MonkeyPrefix {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPrefix, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyPrefix, "monkey-prefix", never, {}, {}, never, never, false, never>;
+export declare class MonkeyPrefixDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPrefixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyPrefixDirective, "monkey-prefix", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/suffix.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-export declare class MonkeySuffix {
+export declare class MonkeySuffixDirective {
     set _hasAction(value: '');
     hasAction: boolean;
     action: Function | null;
     onClick(event: PointerEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeySuffix, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeySuffix, "monkey-suffix", never, { "_hasAction": { "alias": "hasAction"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeySuffixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeySuffixDirective, "monkey-suffix", never, { "_hasAction": { "alias": "hasAction"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/interfaces/index.d.ts

@@ -1,6 +1,7 @@
 export * from './alert';
 export * from './breadcrumb';
 export * from './button';
+export * from './popover';
 export * from './sizes';
 export * from './table';
 export * from './toast';

package/lib/interfaces/popover.d.ts

@@ -0,0 +1,7 @@
+export type MonkeyPopoverDir = 'rtl' | 'ltr' | 'trtl' | 'tltr' | 'ct' | 'cc' | 'cr' | 'rt' | 'rb' | 'lt' | 'lb';
+export interface MonkeyPopoverOptions {
+    dir?: MonkeyPopoverDir;
+    minwidth?: boolean;
+    backdrop?: boolean;
+    contextmenu?: boolean;
+}

package/lib/services/index.d.ts

@@ -3,5 +3,4 @@
  * This style guide was developed by Monkey Exchange Team
  * MIT Licence
  ************************* */
-export * from './icons.service';
 export * from './toast.service';