ud-components 0.5.9 → 0.5.10
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/fesm2022/ud-components.mjs +41 -104
- package/fesm2022/ud-components.mjs.map +1 -1
- package/lib/form-fields/autocomplete/autocomplete.component.d.ts +4 -2
- package/lib/form-fields/date-input/date-input.component.d.ts +1 -0
- package/lib/form-fields/date-range-input/date-range-input.component.d.ts +1 -0
- package/lib/form-fields/phone-input/phone-input.component.d.ts +4 -1
- package/lib/form-fields/text-input/text-input.component.d.ts +4 -14
- package/lib/form-fields/textarea/textarea.component.d.ts +1 -0
- package/lib/form-fields/time-picker/time-picker.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { FormControl } from '@angular/forms';
|
|
3
3
|
import { UdSelectOption } from '../multi-select/multi-select.component';
|
|
4
|
+
import { UdInputSize } from '../text-input/text-input.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* Styled autocomplete input that participates in the parent FormGroup.
|
|
@@ -24,8 +25,9 @@ export declare class AutocompleteComponent implements OnInit, OnChanges, OnDestr
|
|
|
24
25
|
loading: boolean;
|
|
25
26
|
disabled: boolean;
|
|
26
27
|
hint: string;
|
|
28
|
+
size: UdInputSize;
|
|
27
29
|
searchChange: EventEmitter<string>;
|
|
28
|
-
|
|
30
|
+
focused: boolean;
|
|
29
31
|
searchControl: FormControl<string | null>;
|
|
30
32
|
filteredOptions: UdSelectOption[];
|
|
31
33
|
private controlContainer;
|
|
@@ -43,5 +45,5 @@ export declare class AutocompleteComponent implements OnInit, OnChanges, OnDestr
|
|
|
43
45
|
private filter;
|
|
44
46
|
private buildLabelMap;
|
|
45
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ud-autocomplete", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "options": { "alias": "options"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
|
|
48
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ud-autocomplete", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "options": { "alias": "options"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
|
|
47
49
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CountryCode } from '../../../interfaces/phone.interface';
|
|
2
2
|
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
3
|
+
import { UdInputSize } from '../text-input/text-input.component';
|
|
3
4
|
import { FormControl, FormGroup } from '@angular/forms';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class PhoneInputComponent implements OnInit, OnChanges {
|
|
@@ -8,7 +9,9 @@ export declare class PhoneInputComponent implements OnInit, OnChanges {
|
|
|
8
9
|
placeholder: string;
|
|
9
10
|
disabled: boolean;
|
|
10
11
|
hint: string;
|
|
12
|
+
size: UdInputSize;
|
|
11
13
|
get isDisabled(): boolean;
|
|
14
|
+
focused: boolean;
|
|
12
15
|
private controlContainer;
|
|
13
16
|
protected displayValue: string;
|
|
14
17
|
protected readonly countries: CountryCode[];
|
|
@@ -23,5 +26,5 @@ export declare class PhoneInputComponent implements OnInit, OnChanges {
|
|
|
23
26
|
private formatLocal;
|
|
24
27
|
private getCursorPosition;
|
|
25
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ud-phone-input", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ud-phone-input", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
|
27
30
|
}
|
|
@@ -1,37 +1,27 @@
|
|
|
1
1
|
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { FormControl } from '@angular/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
|
|
5
|
-
* Styled text input that participates in the parent FormGroup.
|
|
6
|
-
*
|
|
7
|
-
* Usage:
|
|
8
|
-
* <ud-text-input
|
|
9
|
-
* controlName="name"
|
|
10
|
-
* label="Full name"
|
|
11
|
-
* icon="account_circle"
|
|
12
|
-
* placeholder="Enter name" />
|
|
13
|
-
*/
|
|
4
|
+
export type UdInputSize = 'small' | 'medium' | 'large';
|
|
14
5
|
export declare class TextInputComponent implements OnChanges {
|
|
15
|
-
/** Key of the control inside the parent FormGroup */
|
|
16
6
|
controlName: string;
|
|
17
7
|
label: string;
|
|
18
8
|
placeholder: string;
|
|
19
9
|
type: 'text' | 'email' | 'password' | 'number';
|
|
20
|
-
/** Material icon name. Leave empty to show no icon. */
|
|
21
10
|
icon?: string;
|
|
22
11
|
iconFontSet: string;
|
|
23
12
|
loading: boolean;
|
|
24
|
-
/** Step amount for number type increment/decrement. */
|
|
25
13
|
step: number;
|
|
26
14
|
min?: number;
|
|
27
15
|
max?: number;
|
|
28
16
|
disabled: boolean;
|
|
29
17
|
hint: string;
|
|
18
|
+
size: UdInputSize;
|
|
19
|
+
focused: boolean;
|
|
30
20
|
private controlContainer;
|
|
31
21
|
ngOnChanges(changes: SimpleChanges): void;
|
|
32
22
|
get control(): FormControl;
|
|
33
23
|
increment(): void;
|
|
34
24
|
decrement(): void;
|
|
35
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "ud-text-input", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "ud-text-input", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
|
37
27
|
}
|
|
@@ -33,6 +33,7 @@ export declare class TimePickerComponent implements OnChanges {
|
|
|
33
33
|
options?: readonly MatTimepickerOption<Date>[] | null;
|
|
34
34
|
disabled: boolean;
|
|
35
35
|
hint: string;
|
|
36
|
+
focused: boolean;
|
|
36
37
|
private controlContainer;
|
|
37
38
|
get control(): FormControl;
|
|
38
39
|
ngOnChanges(changes: SimpleChanges): void;
|