ngx-techlify-core 18.86.0 → 18.87.0

package/lib/phone-number-selector/country.service.d.ts

@@ -0,0 +1,12 @@
+import { TechlifyService } from '../base-model/techlify-service';
+import { HttpService } from '../core/http.service';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class CountryService extends TechlifyService {
+    protected http: HttpService;
+    private countries?;
+    constructor(http: HttpService);
+    getCountriesObservable(reload?: boolean): Observable<any[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CountryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CountryService>;
+}

package/lib/phone-number-selector/phone-number-selector.component.d.ts

@@ -0,0 +1,47 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
+import { CountryService } from './country.service';
+import * as i0 from "@angular/core";
+export declare class PhoneNumberSelectorComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    private service;
+    label: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    required: import("@angular/core").InputSignal<boolean>;
+    countries: import("@angular/core").WritableSignal<any[]>;
+    readonly phoneGroup: FormGroup<{
+        country_code: FormControl<string>;
+        number: FormControl<string>;
+    }>;
+    private onChange;
+    protected onTouched: () => void;
+    private destroy$;
+    /**
+     * Used to validate inline that the number entered is valid based on the
+     * selected country's phone length, with or without its calling code.
+     * Countries without a phone length are not validated yet
+     */
+    private readonly phoneFormatValidator;
+    constructor(service: CountryService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Adjust the number to be sent to the api in the correct format
+     */
+    private normalizeForApi;
+    private getCountry;
+    /**
+     * Returns the digits of the number without the country's calling code
+     */
+    private toLocalDigits;
+    /**
+     * Finds the country from the calling code the number starts with.
+     * +1 is shared by several countries, so it defaults to US like before
+     */
+    private detectCountry;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberSelectorComponent, "app-phone-number-selector", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-techlify-core",
-  "version": "18.86.0",
+  "version": "18.87.0",
   "peerDependencies": {
     "@angular/common": ">=18",
     "@angular/core": ">=18",

package/public-api.d.ts

@@ -138,6 +138,8 @@ export * from './lib/file-dragdrop-uploader/file-dragdrop-uploader/file-dragdrop
 export * from './lib/file-dragdrop-uploader/file-dragdrop-uploader.module';
 export * from './lib/number-input-button';
 export * from './lib/number-selector/number-selector.component';
+export * from './lib/phone-number-selector/phone-number-selector.component';
+export * from './lib/phone-number-selector/country.service';
 export * from './lib/column-selector';
 export * from './lib/reset-password';
 export * from './lib/reset-password/reset-password.module';