@tolle_/tolle-ui 18.2.16 → 18.2.19
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/country-selector.component.mjs +35 -23
- package/esm2022/lib/date-picker.component.mjs +2 -2
- package/esm2022/lib/masked-input.component.mjs +61 -86
- package/esm2022/lib/phone-number-input.component.mjs +109 -63
- package/fesm2022/tolle-ui.mjs +199 -167
- package/fesm2022/tolle-ui.mjs.map +1 -1
- package/lib/button.component.d.ts +1 -1
- package/lib/country-selector.component.d.ts +4 -1
- package/lib/masked-input.component.d.ts +2 -1
- package/lib/phone-number-input.component.d.ts +2 -0
- package/lib/toggle.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
|
|
6
6
|
busy?: boolean | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
export type ButtonProps = VariantProps<typeof buttonVariants>;
|
|
@@ -19,7 +19,10 @@ export declare class CountrySelectorComponent implements OnInit, ControlValueAcc
|
|
|
19
19
|
defaultCountryCode: string;
|
|
20
20
|
returnValue: 'object' | 'isoAlpha2' | 'dialCode' | 'name';
|
|
21
21
|
showName: boolean;
|
|
22
|
+
mergedPosition: 'left' | 'none';
|
|
22
23
|
onSelect: EventEmitter<any>;
|
|
24
|
+
onFocusChange: EventEmitter<void>;
|
|
25
|
+
onBlurChange: EventEmitter<void>;
|
|
23
26
|
popover: PopoverComponent;
|
|
24
27
|
searchInput: ElementRef<HTMLInputElement>;
|
|
25
28
|
private countryCodesService;
|
|
@@ -51,5 +54,5 @@ export declare class CountrySelectorComponent implements OnInit, ControlValueAcc
|
|
|
51
54
|
registerOnTouched(fn: any): void;
|
|
52
55
|
setDisabledState(isDisabled: boolean): void;
|
|
53
56
|
static ɵfac: i0.ɵɵFactoryDeclaration<CountrySelectorComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CountrySelectorComponent, "tolle-country-selector", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "error": { "alias": "error"; "required": false; }; "hideHintOnFocus": { "alias": "hideHintOnFocus"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "defaultCountryCode": { "alias": "defaultCountryCode"; "required": false; }; "returnValue": { "alias": "returnValue"; "required": false; }; "showName": { "alias": "showName"; "required": false; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CountrySelectorComponent, "tolle-country-selector", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "error": { "alias": "error"; "required": false; }; "hideHintOnFocus": { "alias": "hideHintOnFocus"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "defaultCountryCode": { "alias": "defaultCountryCode"; "required": false; }; "returnValue": { "alias": "returnValue"; "required": false; }; "showName": { "alias": "showName"; "required": false; }; "mergedPosition": { "alias": "mergedPosition"; "required": false; }; }, { "onSelect": "onSelect"; "onFocusChange": "onFocusChange"; "onBlurChange": "onBlurChange"; }, never, never, true, never>;
|
|
55
58
|
}
|
|
@@ -20,6 +20,7 @@ export declare class MaskedInputComponent implements ControlValueAccessor, After
|
|
|
20
20
|
size: 'xs' | 'sm' | 'default' | 'lg';
|
|
21
21
|
returnRaw: boolean;
|
|
22
22
|
hideHintOnFocus: boolean;
|
|
23
|
+
mergedPosition: 'left' | 'right' | 'none';
|
|
23
24
|
inputEl: ElementRef<HTMLInputElement>;
|
|
24
25
|
hasPrefix: boolean;
|
|
25
26
|
hasSuffix: boolean;
|
|
@@ -45,5 +46,5 @@ export declare class MaskedInputComponent implements ControlValueAccessor, After
|
|
|
45
46
|
setDisabledState(isDisabled: boolean): void;
|
|
46
47
|
protected cn: typeof cn;
|
|
47
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<MaskedInputComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MaskedInputComponent, "tolle-masked-input", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "class": { "alias": "class"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "error": { "alias": "error"; "required": false; }; "size": { "alias": "size"; "required": false; }; "returnRaw": { "alias": "returnRaw"; "required": false; }; "hideHintOnFocus": { "alias": "hideHintOnFocus"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MaskedInputComponent, "tolle-masked-input", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "class": { "alias": "class"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "error": { "alias": "error"; "required": false; }; "size": { "alias": "size"; "required": false; }; "returnRaw": { "alias": "returnRaw"; "required": false; }; "hideHintOnFocus": { "alias": "hideHintOnFocus"; "required": false; }; "mergedPosition": { "alias": "mergedPosition"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
|
|
49
50
|
}
|
|
@@ -27,6 +27,8 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor {
|
|
|
27
27
|
onChange: any;
|
|
28
28
|
onTouched: any;
|
|
29
29
|
constructor();
|
|
30
|
+
get computedLabelClass(): string;
|
|
31
|
+
get computedMergedClass(): string;
|
|
30
32
|
writeValue(value: any): void;
|
|
31
33
|
registerOnChange(fn: any): void;
|
|
32
34
|
registerOnTouched(fn: any): void;
|
|
@@ -4,7 +4,7 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
declare const toggleVariants: (props?: ({
|
|
6
6
|
variant?: "default" | "outline" | null | undefined;
|
|
7
|
-
size?: "
|
|
7
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
9
|
export type ToggleProps = VariantProps<typeof toggleVariants>;
|
|
10
10
|
export declare class ToggleComponent implements ControlValueAccessor {
|