monkey-style-guide-v2 0.0.22 → 0.0.25

package/lib/components/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 './accordion';
 export * from './action-bar';
 export * from './alert';
@@ -13,6 +18,7 @@ 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';

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/directives/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 './badge';
 export * from './error';
 export * from './helper';

package/lib/interfaces/alert.d.ts

@@ -1 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 export type MonkeyAlertType = 'default' | 'info' | 'success' | 'alert' | 'error';

package/lib/interfaces/breadcrumb.d.ts

@@ -1,3 +1,8 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 export interface MonkeyBreadcrumb {
     label: string;
     path?: string;

package/lib/interfaces/button.d.ts

@@ -1 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 export type MonkeyButtonType = 'primary' | 'secondary' | 'tertiary';

package/lib/interfaces/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 './alert';
 export * from './breadcrumb';
 export * from './button';

package/lib/interfaces/popover.d.ts

@@ -1,3 +1,8 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 export type MonkeyPopoverDir = 'rtl' | 'ltr' | 'trtl' | 'tltr' | 'ct' | 'cc' | 'cr' | 'rt' | 'rb' | 'lt' | 'lb';
 export interface MonkeyPopoverOptions {
     dir?: MonkeyPopoverDir;

package/lib/interfaces/sizes.d.ts

@@ -1 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 export type MonkeySize = 'xs' | 'sm' | 'md' | 'lg';

package/lib/interfaces/table.d.ts

@@ -1,3 +1,8 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 export interface MonkeyTableScrollConfig {
     x?: string;
     y?: string;

package/lib/interfaces/toast.d.ts

@@ -1,3 +1,8 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 import { ComponentRef } from '@angular/core';
 import { MonkeyToastComponent } from '../components';
 export declare class MonkeyToastRef {

package/lib/tokens/index.d.ts

@@ -1,4 +1,10 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 import { InjectionToken } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-export declare const MONKEY_I18N_WRAPPER: InjectionToken<BehaviorSubject<string>>;
-export declare const MONKEY_POPOVER_OPTIONS: InjectionToken<unknown>;
+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>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monkey-style-guide-v2",
-  "version": "0.0.22",
+  "version": "0.0.25",
   "peerDependencies": {
     "@angular/common": "^18.1.2",
     "@angular/core": "^18.1.2",
@@ -10,7 +10,8 @@
     "@angular/router": "^18.1.2",
     "@angular/forms": "^18.1.2",
     "rxjs": "~7.8.0",
-    "ngx-mask": "^19.0.6"
+    "ngx-mask": "^19.0.6",
+    "libphonenumber-js": "^1.12.9"
   },
   "dependencies": {
     "date-fns": "^4.1.0",