asksuite-citrus 3.17.30-beta.2 → 3.17.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/accordion/extendable-panel/extendable-panel.component.mjs +2 -2
- package/esm2022/lib/components/arrow-tag/arrow-tag.component.mjs +2 -2
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/avatar/avatar.component.mjs +2 -2
- package/esm2022/lib/components/box/box.component.mjs +2 -2
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/character-counter/character-counter.component.mjs +2 -2
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/lib/components/checkbox-v2/checkbox-v2.component.mjs +2 -2
- package/esm2022/lib/components/chips/chips.component.mjs +2 -2
- package/esm2022/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.mjs +2 -2
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +2 -2
- package/esm2022/lib/components/dropdown-container/dropdown-container.component.mjs +2 -2
- package/esm2022/lib/components/input/input.component.mjs +2 -2
- package/esm2022/lib/components/modal/confirmation-modal/confirmation-modal.component.mjs +2 -2
- package/esm2022/lib/components/modal/modal.component.mjs +2 -2
- package/esm2022/lib/components/pagination/pagination.component.mjs +2 -2
- package/esm2022/lib/components/phone-ddi/phone-ddi.component.mjs +57 -92
- package/esm2022/lib/components/richtext-toolbox/richtext-toolbox.component.mjs +2 -2
- package/esm2022/lib/components/richtext-url-prompt/richtext-url-prompt.component.mjs +2 -2
- package/esm2022/lib/components/select/select.component.mjs +2 -2
- package/esm2022/lib/components/tab-group/tab/tab.component.mjs +2 -2
- package/esm2022/lib/components/tab-group/tab-group.component.mjs +2 -2
- package/esm2022/lib/components/table/table.component.mjs +2 -2
- package/esm2022/lib/components/toast/toast.component.mjs +2 -2
- package/esm2022/lib/helpers/phone.helper.mjs +3 -1
- package/esm2022/shared/services/country-flag.service.mjs +3 -9
- package/fesm2022/asksuite-citrus.mjs +107 -145
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/components/phone-ddi/phone-ddi.component.d.ts +5 -11
- package/lib/helpers/phone.helper.d.ts +1 -1
- package/package.json +1 -1
- package/shared/services/country-flag.service.d.ts +1 -3
- package/styles/colors-dark.scss +1 -0
- package/styles/colors-light.scss +1 -1
|
@@ -5,7 +5,6 @@ import { AskDropdownDirective } from "../../directives";
|
|
|
5
5
|
import CountryFlagService from "../../../shared/services/country-flag.service";
|
|
6
6
|
import { CountryData } from "../../../shared/providers/flag.provider";
|
|
7
7
|
import { OverlayComponent } from "../../classes/overlay.component";
|
|
8
|
-
import { NgxMaskDirective } from 'ngx-mask';
|
|
9
8
|
import * as i0 from "@angular/core";
|
|
10
9
|
export declare class PhoneDdiComponent extends OverlayComponent implements OnInit, ControlValueAccessor {
|
|
11
10
|
private countryFlagService;
|
|
@@ -22,8 +21,6 @@ export declare class PhoneDdiComponent extends OverlayComponent implements OnIni
|
|
|
22
21
|
wrapper: ElementRef | undefined;
|
|
23
22
|
menuContainer: ElementRef | undefined;
|
|
24
23
|
overlayContent: TemplateRef<any> | undefined;
|
|
25
|
-
inputMask?: NgxMaskDirective;
|
|
26
|
-
inputElement?: ElementRef;
|
|
27
24
|
dropdownList?: QueryList<AskDropdownDirective>;
|
|
28
25
|
_selectedFlag?: CountryData;
|
|
29
26
|
set selectedFlag(item: CountryData | undefined);
|
|
@@ -32,17 +29,13 @@ export declare class PhoneDdiComponent extends OverlayComponent implements OnIni
|
|
|
32
29
|
onChange: (value?: any) => void;
|
|
33
30
|
onTouch: () => void;
|
|
34
31
|
protected closed: boolean;
|
|
35
|
-
|
|
36
|
-
get inputValue(): string;
|
|
37
|
-
get prefix(): string;
|
|
32
|
+
protected inputValue: string;
|
|
38
33
|
protected searchFieldControl: FormControl<string | null>;
|
|
39
34
|
protected filteredOptions: any[];
|
|
40
35
|
private _destroy;
|
|
41
36
|
private scrollSub?;
|
|
42
37
|
constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, countryFlagService: CountryFlagService, destroyRef: DestroyRef);
|
|
43
38
|
ngOnInit(): void;
|
|
44
|
-
private loadCountries;
|
|
45
|
-
private getFullValue;
|
|
46
39
|
onPaste(event: any): void;
|
|
47
40
|
handleOptionSelected(item: any): void;
|
|
48
41
|
display(option: any): string;
|
|
@@ -51,17 +44,18 @@ export declare class PhoneDdiComponent extends OverlayComponent implements OnIni
|
|
|
51
44
|
handleFlagClick(event?: Event): void;
|
|
52
45
|
showOptions(): void;
|
|
53
46
|
hideOptions(): void;
|
|
54
|
-
onChangePhoneNumber(number: string
|
|
55
|
-
private normalizePhoneInput;
|
|
56
|
-
private removeDdiFromNumber;
|
|
47
|
+
onChangePhoneNumber(number: string): void;
|
|
57
48
|
registerOnChange(fn: any): void;
|
|
58
49
|
registerOnTouched(fn: any): void;
|
|
59
50
|
writeValue(value: any): void;
|
|
60
51
|
protected readonly displayFn: (countryFlag: any) => string;
|
|
61
52
|
protected readonly filterFn: (search: string) => CountryData[];
|
|
53
|
+
private addAvailableFlags;
|
|
62
54
|
private initSelectedFlag;
|
|
63
55
|
private getDefaultCountryFlag;
|
|
64
56
|
private handleInputChange;
|
|
57
|
+
handlePhoneChange(event: any): void;
|
|
58
|
+
normalizePhoneNumberBr(input: string): string;
|
|
65
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<PhoneDdiComponent, never>;
|
|
66
60
|
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>;
|
|
67
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function getCountryFromPhone(phone: string): string;
|
|
1
|
+
export declare function getCountryFromPhone(phone: string): string | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CountryData } from "../providers/flag.provider";
|
|
2
2
|
import { HttpClient } from "@angular/common/http";
|
|
3
|
-
import { Observable } from "rxjs";
|
|
4
3
|
import { TranslateService } from "@ngx-translate/core";
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
export default class CountryFlagService {
|
|
@@ -10,9 +9,8 @@ export default class CountryFlagService {
|
|
|
10
9
|
private defaultCountryCode;
|
|
11
10
|
private defaultCountryLanguage;
|
|
12
11
|
private cacheList;
|
|
13
|
-
private listCache$?;
|
|
14
12
|
constructor(flagUrl: string, http: HttpClient, translateService: TranslateService);
|
|
15
|
-
list: () => Observable<CountryData[]>;
|
|
13
|
+
list: () => import("rxjs").Observable<CountryData[]>;
|
|
16
14
|
getDefaultCountryFlag(searchData: CountryData[], useCountryCode?: string): CountryData;
|
|
17
15
|
getCountryDataForFlag(searchData: CountryData[], countryCode: string): CountryData;
|
|
18
16
|
private getDefaultCountryLanguage;
|
package/styles/colors-dark.scss
CHANGED
|
@@ -381,4 +381,5 @@
|
|
|
381
381
|
--color-border-sophia-contrast: #{$color-border-brand-sophia-contrast};
|
|
382
382
|
--color-border-sophia-bold: #{$color-border-brand-sophia-bold};
|
|
383
383
|
--color-border-sophia-bolder: #{$color-border-brand-sophia-bolder};
|
|
384
|
+
--color-background-danger-subtlest-default: #{$color-r-1000};
|
|
384
385
|
}
|
package/styles/colors-light.scss
CHANGED
|
@@ -873,5 +873,5 @@ $color-border-contrast: $color-nla-1200;
|
|
|
873
873
|
--color-border-sophia-contrast: #{$color-border-brand-sophia-contrast};
|
|
874
874
|
--color-border-sophia-bold: #{$color-border-brand-sophia-bold};
|
|
875
875
|
--color-border-sophia-bolder: #{$color-border-brand-sophia-bolder};
|
|
876
|
-
|
|
876
|
+
--color-background-danger-subtlest-default: #{$color-r-100};
|
|
877
877
|
}
|