asksuite-citrus 3.17.30-beta.2 → 3.18.0-beta.0

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

@@ -4,6 +4,10 @@ import { Overlay } from '@angular/cdk/overlay';
 import { TranslateService } from '@ngx-translate/core';
 import { OverlayComponent } from '../../classes/overlay.component';
 import * as i0 from "@angular/core";
+export type SubChoice = {
+    label: string;
+    value: any;
+};
 export declare class AutocompleteComponent extends OverlayComponent implements AfterViewInit, ControlValueAccessor, OnChanges {
     private formBuilder;
     private change;
@@ -61,6 +65,11 @@ export declare class AutocompleteComponent extends OverlayComponent implements A
     title?: string;
     chipBackgroundOrangeGradient: boolean;
     keepChipsUncollapsed: boolean;
+    subChoices: SubChoice[] | null;
+    subChoice: SubChoice | null;
+    subChoiceChange: EventEmitter<SubChoice>;
+    subChoiceSelectorTitle: string;
+    subChoiceSelectorSubtitle: string;
     position: 'above' | 'below';
     itemCheck: EventEmitter<any>;
     selectionDone: EventEmitter<any>;
@@ -86,6 +95,7 @@ export declare class AutocompleteComponent extends OverlayComponent implements A
     shouldProcessMaxOptions(option: any, value: boolean): boolean;
     selectAllOptions(selected: boolean): void;
     handleChipAction(option: any): void;
+    setSubChoice(subChoice: SubChoice): void;
     display(option: any): string | undefined;
     getMoreItems(firstLoad?: boolean): void;
     sortSelectedFirst(items: Array<any>, selectedItems: Array<any>, prop: string): void;
@@ -97,5 +107,5 @@ export declare class AutocompleteComponent extends OverlayComponent implements A
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ask-autocomplete", never, { "filterFn": { "alias": "filterFn"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxOptions": { "alias": "maxOptions"; "required": false; }; "valueProp": { "alias": "valueProp"; "required": false; }; "options": { "alias": "options"; "required": false; }; "fixedOptions": { "alias": "fixedOptions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "allOptionsSelectedText": { "alias": "allOptionsSelectedText"; "required": false; }; "selectAllMessage": { "alias": "selectAllMessage"; "required": false; }; "iconPropReference": { "alias": "iconPropReference"; "required": false; }; "enableRemove": { "alias": "enableRemove"; "required": false; }; "title": { "alias": "title"; "required": false; }; "chipBackgroundOrangeGradient": { "alias": "chipBackgroundOrangeGradient"; "required": false; }; "keepChipsUncollapsed": { "alias": "keepChipsUncollapsed"; "required": false; }; }, { "itemCheck": "itemCheck"; "selectionDone": "selectionDone"; "optionRemoved": "optionRemoved"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ask-autocomplete", never, { "filterFn": { "alias": "filterFn"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxOptions": { "alias": "maxOptions"; "required": false; }; "valueProp": { "alias": "valueProp"; "required": false; }; "options": { "alias": "options"; "required": false; }; "fixedOptions": { "alias": "fixedOptions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "allOptionsSelectedText": { "alias": "allOptionsSelectedText"; "required": false; }; "selectAllMessage": { "alias": "selectAllMessage"; "required": false; }; "iconPropReference": { "alias": "iconPropReference"; "required": false; }; "enableRemove": { "alias": "enableRemove"; "required": false; }; "title": { "alias": "title"; "required": false; }; "chipBackgroundOrangeGradient": { "alias": "chipBackgroundOrangeGradient"; "required": false; }; "keepChipsUncollapsed": { "alias": "keepChipsUncollapsed"; "required": false; }; "subChoices": { "alias": "subChoices"; "required": false; }; "subChoice": { "alias": "subChoice"; "required": false; }; "subChoiceSelectorTitle": { "alias": "subChoiceSelectorTitle"; "required": false; }; "subChoiceSelectorSubtitle": { "alias": "subChoiceSelectorSubtitle"; "required": false; }; }, { "subChoiceChange": "subChoiceChange"; "itemCheck": "itemCheck"; "selectionDone": "selectionDone"; "optionRemoved": "optionRemoved"; }, never, never, false, never>;
 }

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

@@ -5,7 +5,6 @@ import { AskDropdownDirective } from "../../directives";
 import CountryFlagService from "../../../shared/services/country-flag.service";
 import { CountryData } from "../../../shared/providers/flag.provider";
 import { OverlayComponent } from "../../classes/overlay.component";
-import { NgxMaskDirective } from 'ngx-mask';
 import * as i0 from "@angular/core";
 export declare class PhoneDdiComponent extends OverlayComponent implements OnInit, ControlValueAccessor {
     private countryFlagService;
@@ -22,8 +21,6 @@ export declare class PhoneDdiComponent extends OverlayComponent implements OnIni
     wrapper: ElementRef | undefined;
     menuContainer: ElementRef | undefined;
     overlayContent: TemplateRef<any> | undefined;
-    inputMask?: NgxMaskDirective;
-    inputElement?: ElementRef;
     dropdownList?: QueryList<AskDropdownDirective>;
     _selectedFlag?: CountryData;
     set selectedFlag(item: CountryData | undefined);
@@ -32,17 +29,13 @@ export declare class PhoneDdiComponent extends OverlayComponent implements OnIni
     onChange: (value?: any) => void;
     onTouch: () => void;
     protected closed: boolean;
-    set inputValue(value: string);
-    get inputValue(): string;
-    get prefix(): string;
+    protected inputValue: string;
     protected searchFieldControl: FormControl<string | null>;
     protected filteredOptions: any[];
     private _destroy;
     private scrollSub?;
     constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, countryFlagService: CountryFlagService, destroyRef: DestroyRef);
     ngOnInit(): void;
-    private loadCountries;
-    private getFullValue;
     onPaste(event: any): void;
     handleOptionSelected(item: any): void;
     display(option: any): string;
@@ -51,17 +44,18 @@ export declare class PhoneDdiComponent extends OverlayComponent implements OnIni
     handleFlagClick(event?: Event): void;
     showOptions(): void;
     hideOptions(): void;
-    onChangePhoneNumber(number: string, removeDdi?: boolean, changeValue?: boolean): void;
-    private normalizePhoneInput;
-    private removeDdiFromNumber;
+    onChangePhoneNumber(number: string): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;
     protected readonly displayFn: (countryFlag: any) => string;
     protected readonly filterFn: (search: string) => CountryData[];
+    private addAvailableFlags;
     private initSelectedFlag;
     private getDefaultCountryFlag;
     private handleInputChange;
+    handlePhoneChange(event: any): void;
+    normalizePhoneNumberBr(input: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneDdiComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PhoneDdiComponent, "ask-phone-ddi", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "useCountryCode": { "alias": "useCountryCode"; "required": false; }; "disableMask": { "alias": "disableMask"; "required": false; }; "inferCountryCodeByNumber": { "alias": "inferCountryCodeByNumber"; "required": false; }; }, { "valueChange": "valueChange"; "onChangeFlag": "onChangeFlag"; }, never, never, false, never>;
 }

package/lib/helpers/phone.helper.d.ts

@@ -1 +1 @@
-export declare function getCountryFromPhone(phone: string): string;
+export declare function getCountryFromPhone(phone: string): string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asksuite-citrus",
-  "version": "3.17.30-beta.2",
+  "version": "3.18.0-beta.0",
   "peerDependencies": {
     "@angular/common": "^17.3.7",
     "@angular/core": "^17.3.7",

package/shared/services/country-flag.service.d.ts

@@ -1,6 +1,5 @@
 import { CountryData } from "../providers/flag.provider";
 import { HttpClient } from "@angular/common/http";
-import { Observable } from "rxjs";
 import { TranslateService } from "@ngx-translate/core";
 import * as i0 from "@angular/core";
 export default class CountryFlagService {
@@ -10,9 +9,8 @@ export default class CountryFlagService {
     private defaultCountryCode;
     private defaultCountryLanguage;
     private cacheList;
-    private listCache$?;
     constructor(flagUrl: string, http: HttpClient, translateService: TranslateService);
-    list: () => Observable<CountryData[]>;
+    list: () => import("rxjs").Observable<CountryData[]>;
     getDefaultCountryFlag(searchData: CountryData[], useCountryCode?: string): CountryData;
     getCountryDataForFlag(searchData: CountryData[], countryCode: string): CountryData;
     private getDefaultCountryLanguage;

package/styles/styles.scss

@@ -62,3 +62,7 @@ input {
 .ask-tooltip {
   white-space: break-spaces;
 }
+
+.menu-container .operator-selector .helper-text b {
+  font-weight: 700;
+}