monkey-style-guide-v2 0.0.42 → 0.0.44

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

@@ -0,0 +1,68 @@
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { Observable, Subject } from 'rxjs';
+import { MonkeyAutocompleteData, MonkeyAutocompleteResponse } from '../../interfaces';
+import { MonkeyFormFieldComponent, MonkeyFormFieldControl } from '../form-field';
+import * as i0 from "@angular/core";
+export declare class MonkeyAutocompleteComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit, OnDestroy {
+    formField: MonkeyFormFieldComponent;
+    private changeDetectorRef;
+    placeholder: string;
+    debounce: number;
+    tabIndex: number;
+    fetchOptions: (queryOrLink: string | any) => Observable<MonkeyAutocompleteResponse>;
+    onChange: EventEmitter<any>;
+    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(formField: MonkeyFormFieldComponent, changeDetectorRef: ChangeDetectorRef);
+    ngControl: NgControl | null;
+    private readonly idGenerator;
+    readonly id: string;
+    readonly inputId: string;
+    focused: boolean;
+    readonly type: string;
+    readonly stateChanges: Subject<void>;
+    protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    _onChange: any;
+    _onTouched: any;
+    get elementTarget(): any;
+    private _searchEvent;
+    private _destroyRef;
+    private _resizeObserver?;
+    initialDisplayWidth: number;
+    showPopOver: boolean;
+    options: MonkeyAutocompleteData[];
+    readonly loadingDictionary: Observable<any>;
+    readonly noDataDictionary: Observable<any>;
+    loading: boolean;
+    searchData: string;
+    optionTemplate?: TemplateRef<any>;
+    containerWrapper: ElementRef;
+    private updateWidth;
+    closePopOver: () => void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onContainerClick(event: MouseEvent): void;
+    onClear(): void;
+    _onFocus(): void;
+    _onBlur(event: FocusEvent): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    openPopOver(): void;
+    onInputChange(event: Event): void;
+    onSelect(option: MonkeyAutocompleteData): void;
+    isSelected(option: MonkeyAutocompleteData): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyAutocompleteComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyAutocompleteComponent, "monkey-autocomplete", never, { "placeholder": { "alias": "placeholder"; "required": true; }; "debounce": { "alias": "debounce"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "fetchOptions": { "alias": "fetchOptions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, ["optionTemplate"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+}

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

package/lib/components/autocomplete-address/autocomplete-address.component.d.ts

@@ -0,0 +1,68 @@
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { GoogleApiPlaces } from '../../interfaces';
+import { MonkeyFormFieldComponent, MonkeyFormFieldControl } from '../form-field';
+import * as i0 from "@angular/core";
+export declare class MonkeyAutocompleteAddressComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit, OnDestroy {
+    formField: MonkeyFormFieldComponent;
+    private changeDetectorRef;
+    placeholder: string;
+    debounce: number;
+    tabIndex: number;
+    onChange: EventEmitter<any>;
+    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(formField: MonkeyFormFieldComponent, changeDetectorRef: ChangeDetectorRef);
+    ngControl: NgControl | null;
+    private readonly idGenerator;
+    readonly id: string;
+    readonly inputId: string;
+    focused: boolean;
+    readonly type: string;
+    readonly stateChanges: Subject<void>;
+    protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    _onChange: any;
+    _onTouched: any;
+    private readonly _addressService;
+    private _searchEvent;
+    private _destroyRef;
+    private _resizeObserver?;
+    initialDisplayWidth: number;
+    showPopOver: boolean;
+    options: GoogleApiPlaces[];
+    readonly loadingDictionary: import("rxjs").Observable<any>;
+    readonly noDataDictionary: import("rxjs").Observable<any>;
+    loading: boolean;
+    searchData: string;
+    get elementTarget(): any;
+    optionTemplate?: TemplateRef<any>;
+    containerWrapper: ElementRef;
+    private updateWidth;
+    closePopOver: () => void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onContainerClick(event: MouseEvent): void;
+    onClear(): void;
+    _onFocus(): void;
+    _onBlur(event: FocusEvent): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    openPopOver(): void;
+    onInputChange(event: Event): void;
+    onSelect(option: GoogleApiPlaces): void;
+    isSelected(option: GoogleApiPlaces): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyAutocompleteAddressComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyAutocompleteAddressComponent, "monkey-autocomplete-address", never, { "placeholder": { "alias": "placeholder"; "required": true; }; "debounce": { "alias": "debounce"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, ["optionTemplate"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+}

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

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

@@ -13,7 +13,7 @@ export declare class MonkeyButtonComponent {
     get id(): string;
     set id(value: string);
     constructor();
-    onClick(event: PointerEvent): void;
+    onClick(event: MouseEvent): void;
     get element(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyButtonComponent, "monkey-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["[first]", "*", "[last]"], true, never>;

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

@@ -11,6 +11,7 @@ export declare abstract class MonkeyFormFieldControl {
     readonly currency?: boolean;
     readonly percent?: boolean;
     abstract onContainerClick(event: MouseEvent): void;
+    abstract onClear?(): void;
     loading?: boolean;
     disableToBeDirty?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFormFieldControl, never>;

package/lib/components/index.d.ts

@@ -6,6 +6,8 @@
 export * from './accordion';
 export * from './action-bar';
 export * from './alert';
+export * from './autocomplete';
+export * from './autocomplete-address';
 export * from './avatar';
 export * from './badge';
 export * from './breadcrumb';
@@ -28,11 +30,11 @@ export * from './radio-button';
 export * from './security-level';
 export * from './select';
 export * from './status';
+export * from './stepper';
 export * from './table';
+export * from './tabs';
 export * from './toast';
 export * from './toggle';
 export * from './toggle-line';
 export * from './tooltip';
-export * from './stepper';
-export * from './tabs';
 export * from './user-profile-button';

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

@@ -4,6 +4,7 @@ import { Subject } from 'rxjs';
 import { MonkeyFormFieldControl } from '../form-field';
 import * as i0 from "@angular/core";
 interface Country {
+    iso: string;
     code: string;
     name: string;
     flag: string;
@@ -23,7 +24,7 @@ export declare class MonkeyInputPhoneComponent implements MonkeyFormFieldControl
     constructor();
     ngControl: NgControl | null;
     private readonly idGenerator;
-    private readonly countryCode;
+    private readonly countryIsoCode;
     private readonly locale;
     readonly id: string;
     readonly inputId: string;

package/lib/directives/popover.d.ts

@@ -10,11 +10,12 @@ export declare class MonkeyPopoverContentComponent implements AfterViewInit {
     hideHeader: boolean;
     hideClose: boolean;
     hideActions: boolean;
+    enableAutofocus: 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 ɵ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; }; "enableAutofocus": { "alias": "enableAutofocus"; "required": false; }; }, { "onClose": "onClose"; }, never, never, true, never>;
     static ngAcceptInputType_hideHeader: unknown;
     static ngAcceptInputType_hideClose: unknown;
     static ngAcceptInputType_hideActions: unknown;
@@ -51,6 +52,7 @@ export declare class MonkeyPopoverDirective implements OnDestroy {
     hideClose: boolean;
     hideHeader: boolean;
     hideActions: boolean;
+    enableAutofocus: boolean;
     constructor();
     ngOnDestroy(): void;
     private closePopover;
@@ -58,8 +60,9 @@ export declare class MonkeyPopoverDirective implements OnDestroy {
     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 ɵ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; }; "enableAutofocus": { "alias": "monkeyPopoverEnableAutofocus"; "required": false; }; }, {}, never, never, false, never>;
     static ngAcceptInputType_hideClose: unknown;
     static ngAcceptInputType_hideHeader: unknown;
     static ngAcceptInputType_hideActions: unknown;
+    static ngAcceptInputType_enableAutofocus: unknown;
 }

package/lib/interfaces/autocomplete-address.d.ts

@@ -0,0 +1,21 @@
+export interface GoogleApiPlacesAddressComponents {
+    longText: string;
+    shortText: string;
+    types: [
+        'street_number' | 'route' | 'sublocality_level_1' | 'sublocality' | 'political' | 'administrative_area_level_1' | 'administrative_area_level_2' | 'country' | 'postal_code'
+    ];
+    languageCode: string;
+    [key: string]: any;
+}
+export interface GoogleApiPlaces {
+    formattedAddress: string;
+    addressComponents?: GoogleApiPlacesAddressComponents[];
+    adrFormatAddress?: string;
+    displayName?: {
+        text: string;
+        languageCode: string;
+    };
+}
+export interface GoogleApiPlacesResponse {
+    places: GoogleApiPlaces[];
+}

package/lib/interfaces/autocomplete.d.ts

@@ -0,0 +1,7 @@
+export interface MonkeyAutocompleteData {
+    value: string | number | Date | Object;
+    description: string;
+}
+export interface MonkeyAutocompleteResponse {
+    data: MonkeyAutocompleteData[];
+}

package/lib/interfaces/index.d.ts

@@ -4,6 +4,8 @@
  * MIT Licence
  ************************* */
 export * from './alert';
+export * from './autocomplete';
+export * from './autocomplete-address';
 export * from './breadcrumb';
 export * from './button';
 export * from './popover';

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class MonkeyEcxAddressService {
+    private readonly _http;
+    private readonly _googleApiKey;
+    private mappingData;
+    get(textQuery: string): import("rxjs").Observable<{
+        formattedAddress: string;
+        adrFormatAddress: string | undefined;
+        address: any;
+        addressNumber: any;
+        neighborhood: any;
+        city: any;
+        state: any;
+        country: any;
+        zipCode: any;
+    }[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyEcxAddressService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyEcxAddressService>;
+}

package/lib/services/index.d.ts

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

package/lib/tokens/index.d.ts

@@ -7,4 +7,6 @@ import { InjectionToken } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 export declare const MECX_I18N_WRAPPER: InjectionToken<BehaviorSubject<string>>;
 export declare const MECX_POPOVER_OPTIONS: InjectionToken<unknown>;
-export declare const MECX_COUNTRY_CODE: InjectionToken<string>;
+export declare const MECX_COUNTRY_ISO_CODE: InjectionToken<string>;
+export declare const MECX_GOOGLE_API_KEY: InjectionToken<string>;
+export declare function injectTokenWithWarning<T>(token: InjectionToken<T>, name?: string): T | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monkey-style-guide-v2",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14",

package/utils/icon.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-type IconName = 'clear' | 'calendar' | 'arrowDown' | 'arrowRight' | 'check' | 'minus' | 'loading' | 'searchFail' | 'search' | 'addPlus';
+type IconName = 'clear' | 'calendar' | 'arrowDown' | 'arrowRight' | 'check' | 'minus' | 'loading' | 'searchFail' | 'search' | 'addPlus' | 'googleMaps' | 'location';
 export declare class UtilIconComponent {
     name: import("@angular/core").InputSignal<IconName>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UtilIconComponent, never>;