@ascentgl/ads-ui 0.0.157 → 0.0.159

package/index.d.ts

@@ -71,3 +71,4 @@ export * from './lib/components/shell-layout/navigation/components/navigation-it
 export * from './lib/components/shell-layout/navigation/components/navigation-item';
 export * from './lib/components/header/org-display-text';
 export * from './lib/components/tabs';
+export * from './lib/components/form-fields/international-phone-field';

package/lib/components/badge/numeric-badge.component.d.ts

@@ -1,5 +1,6 @@
 import { AdsIconHoverComponent } from '../icon-hover';
 import { adsIcon } from '@ascentgl/ads-icons/icons';
+import { AdsIconRegistry } from '@ascentgl/ads-icons';
 import * as i0 from "@angular/core";
 export declare enum BadgeColor {
     primary = "primary",
@@ -7,6 +8,9 @@ export declare enum BadgeColor {
     alert = "alert"
 }
 export declare class AdsNumericBadgeComponent extends AdsIconHoverComponent {
+    private registry;
+    /** @ignore **/
+    constructor(registry: AdsIconRegistry);
     /** choose badge color mode "primary" or "alert" **/
     color: import("@angular/core").InputSignal<BadgeColor>;
     /** provide icon name. NOTE: the icon must be registered in icon registry **/

package/lib/components/form-fields/abstracts/abstract.base.component.d.ts

@@ -31,11 +31,11 @@ export declare abstract class AbstractBaseComponent implements OnChanges, AfterV
     /** @ignore */
     valueControl: FormControl;
     /** @ignore */
-    private readonly genericError;
+    protected readonly genericError: string;
     /** @ignore */
     protected readonly defaultErrorMessages: GENERIC_COLLECTION<string>;
     /** @ignore */
-    private readonly requiredErrorMessage;
+    protected readonly requiredErrorMessage: string;
     constructor();
     ngOnChanges(changes: {
         immediateValidation: SimpleChange;

package/lib/components/form-fields/dropdowns/dropdown/dropdown.component.d.ts

@@ -1,4 +1,4 @@
-import { OnChanges, SimpleChange } from '@angular/core';
+import { OnChanges, SimpleChange, TemplateRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { AbstractDropdownComponent, DropdownComponentOption, DropdownComponentOptions } from '../../abstracts/abstract.dropdown.component';
 import { MatSelect } from '@angular/material/select';
@@ -16,6 +16,12 @@ export declare class AdsDropdownComponent extends AbstractDropdownComponent impl
     checkSelected: boolean;
     /** Contains dropdown options */
     options?: DropdownComponentOptions;
+    /** Custom Option Template */
+    optionTemplate?: TemplateRef<unknown>;
+    /** Custom Trigger Template */
+    triggerTemplate?: TemplateRef<unknown>;
+    /** Custom Panel Class */
+    panelClass?: string;
     /** @ignore */
     panel?: MatSelect;
     /** @ignore */
@@ -59,6 +65,8 @@ export declare class AdsDropdownComponent extends AbstractDropdownComponent impl
     toggleOption(option: DropdownComponentOption): void;
     /** @ignore */
     onCheckboxChange(option: DropdownComponentOption): void;
+    /** @ignore */
+    get panelClassList(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsDropdownComponent, "ads-dropdown", never, { "displayValueFormatter": { "alias": "displayValueFormatter"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "checkSelected": { "alias": "checkSelected"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsDropdownComponent, "ads-dropdown", never, { "displayValueFormatter": { "alias": "displayValueFormatter"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "checkSelected": { "alias": "checkSelected"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "triggerTemplate": { "alias": "triggerTemplate"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/form-fields/international-phone-field/canadian-area-codes.d.ts

@@ -0,0 +1 @@
+export declare const canadianAreaCodes: string[];

package/lib/components/form-fields/international-phone-field/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/form-fields/international-phone-field/international-phone-field.component.d.ts

@@ -0,0 +1,53 @@
+import { OnInit, ElementRef, AfterViewInit } from '@angular/core';
+import { AbstractInputComponent } from '../abstracts/abstract.input.component';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+interface Option {
+    name: string;
+    code: string;
+    iso: string;
+}
+export declare class AdsInternationalPhoneFieldComponent extends AbstractInputComponent implements OnInit, AfterViewInit {
+    /** Optional "id" attribute for dropdown field */
+    dropdownId: string;
+    wrapperRef: ElementRef;
+    /** @ignore */
+    phoneMask: string;
+    /** @ignore */
+    countryOptions: Option[];
+    /** @ignore */
+    flagBase64: {
+        US: string;
+        CA: string;
+        MX: string;
+    };
+    /** @ignore */
+    dropdownControl: FormControl;
+    /** @ignore */
+    inputControl: FormControl;
+    /** @ignore */
+    getNorthAmericanCountry(phone: string): Option;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    private parsePhoneNumber;
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /** @ignore */
+    getFlag(option: Option): string;
+    /** @ignore */
+    onBlur: () => void;
+    /** @ignore */
+    protected validatePhoneNumber: () => void;
+    /** @ignore */
+    private provideValueToTheValueControl;
+    /** @ignore */
+    canShowError(): boolean;
+    /** @ignore */
+    canShowSuccess(): boolean;
+    /** @ignore */
+    displayFirstError(control?: FormControl): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsInternationalPhoneFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsInternationalPhoneFieldComponent, "ads-international-phone-field", never, { "dropdownId": { "alias": "dropdownId"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};

package/lib/components/form-fields/international-phone-field/international-phone-field.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./international-phone-field.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-mask";
+import * as i4 from "../input/input.module";
+import * as i5 from "../dropdowns/dropdown/dropdown.module";
+import * as i6 from "../common/error/error.component";
+import * as i7 from "../common/hint/hint.component";
+import * as i8 from "../common/input.tooltip.component";
+import * as i9 from "../common/success/success.component";
+export declare class AdsInternationalPhoneFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsInternationalPhoneFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsInternationalPhoneFieldModule, [typeof i1.AdsInternationalPhoneFieldComponent], [typeof i2.CommonModule, typeof i3.NgxMaskDirective, typeof i4.AdsInputModule, typeof i5.AdsDropdownModule, typeof i6.AdsErrorComponent, typeof i7.AdsHintComponent, typeof i8.AdsInputTooltipComponent, typeof i9.AdsSuccessComponent], [typeof i1.AdsInternationalPhoneFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsInternationalPhoneFieldModule>;
+}

package/lib/components/form-fields/international-phone-field/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './international-phone-field.module';
+export * from './international-phone-field.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "0.0.157",
+  "version": "0.0.159",
   "peerDependencies": {
     "@ascentgl/ads-icons": ">=0.0.0",
     "@ascentgl/ads-utils": ">=0.0.0",
@@ -44,14 +44,14 @@
       "types": "./src/lib/components/header/index.d.ts",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs"
     },
-    "./src/lib/components/shell-layout": {
-      "types": "./src/lib/components/shell-layout/index.d.ts",
-      "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs"
-    },
     "./src/lib/components/splash-page": {
       "types": "./src/lib/components/splash-page/index.d.ts",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs"
     },
+    "./src/lib/components/shell-layout": {
+      "types": "./src/lib/components/shell-layout/index.d.ts",
+      "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs"
+    },
     "./src/lib/components/buttons/button-container": {
       "types": "./src/lib/components/buttons/button-container/index.d.ts",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs"

package/src/assets/sass/ads-ui/overrides/angular-material/_html.scss

@@ -11,4 +11,5 @@ html {
 
   --mat-form-field-container-height: 48px !important;
   --mat-dialog-container-small-max-width: calc(100vw - 32px) !important;
+  --mat-badge-container-shape: 50% !important;
 }