ud-components 0.4.0 → 0.4.1
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 +55 -21
- package/fesm2022/ud-components.mjs.map +1 -1
- package/lib/form-fields/autocomplete/autocomplete.component.d.ts +2 -1
- package/lib/form-fields/date-input/date-input.component.d.ts +2 -1
- package/lib/form-fields/date-range-input/date-range-input.component.d.ts +2 -1
- package/lib/form-fields/multi-select/multi-select.component.d.ts +2 -1
- package/lib/form-fields/phone-input/phone-input.component.d.ts +2 -1
- package/lib/form-fields/pill-toggle/pill-toggle.component.d.ts +2 -1
- package/lib/form-fields/text-input/text-input.component.d.ts +2 -1
- package/lib/form-fields/textarea/textarea.component.d.ts +2 -1
- package/lib/form-fields/time-picker/time-picker.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -23,6 +23,7 @@ export declare class AutocompleteComponent implements OnInit, OnChanges, OnDestr
|
|
|
23
23
|
options: UdSelectOption[];
|
|
24
24
|
loading: boolean;
|
|
25
25
|
disabled: boolean;
|
|
26
|
+
hint: string;
|
|
26
27
|
searchChange: EventEmitter<string>;
|
|
27
28
|
/** Internal text control that drives the visible input */
|
|
28
29
|
searchControl: FormControl<string | null>;
|
|
@@ -42,5 +43,5 @@ export declare class AutocompleteComponent implements OnInit, OnChanges, OnDestr
|
|
|
42
43
|
private filter;
|
|
43
44
|
private buildLabelMap;
|
|
44
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
|
|
45
|
-
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; }; }, { "searchChange": "searchChange"; }, never, never, true, 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>;
|
|
46
47
|
}
|
|
@@ -19,9 +19,10 @@ export declare class DateInputComponent implements OnChanges {
|
|
|
19
19
|
min?: Date;
|
|
20
20
|
max?: Date;
|
|
21
21
|
disabled: boolean;
|
|
22
|
+
hint: string;
|
|
22
23
|
private controlContainer;
|
|
23
24
|
get control(): FormControl;
|
|
24
25
|
ngOnChanges(changes: SimpleChanges): void;
|
|
25
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "ud-date-input", 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; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "ud-date-input", 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; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
|
|
27
28
|
}
|
|
@@ -23,10 +23,11 @@ export declare class DateRangeInputComponent implements OnChanges {
|
|
|
23
23
|
min?: Date;
|
|
24
24
|
max?: Date;
|
|
25
25
|
disabled: boolean;
|
|
26
|
+
hint: string;
|
|
26
27
|
private controlContainer;
|
|
27
28
|
get startControl(): FormControl;
|
|
28
29
|
get endControl(): FormControl;
|
|
29
30
|
ngOnChanges(changes: SimpleChanges): void;
|
|
30
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInputComponent, never>;
|
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeInputComponent, "ud-date-range-input", never, { "startControlName": { "alias": "startControlName"; "required": true; }; "endControlName": { "alias": "endControlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeInputComponent, "ud-date-range-input", never, { "startControlName": { "alias": "startControlName"; "required": true; }; "endControlName": { "alias": "endControlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "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>;
|
|
32
33
|
}
|
|
@@ -39,6 +39,7 @@ export declare class MultiSelectComponent implements OnInit, OnChanges, OnDestro
|
|
|
39
39
|
moreText: string;
|
|
40
40
|
loading: boolean;
|
|
41
41
|
disabled: boolean;
|
|
42
|
+
hint: string;
|
|
42
43
|
selectedValues: any[];
|
|
43
44
|
private controlContainer;
|
|
44
45
|
private destroy$;
|
|
@@ -51,5 +52,5 @@ export declare class MultiSelectComponent implements OnInit, OnChanges, OnDestro
|
|
|
51
52
|
getMoreText(count: number): string;
|
|
52
53
|
private buildLabelMap;
|
|
53
54
|
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ud-multi-select", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxChipsVisible": { "alias": "maxChipsVisible"; "required": false; }; "moreText": { "alias": "moreText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ud-multi-select", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxChipsVisible": { "alias": "maxChipsVisible"; "required": false; }; "moreText": { "alias": "moreText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
|
|
55
56
|
}
|
|
@@ -7,6 +7,7 @@ export declare class PhoneInputComponent implements OnInit, OnChanges {
|
|
|
7
7
|
label: string;
|
|
8
8
|
placeholder: string;
|
|
9
9
|
disabled: boolean;
|
|
10
|
+
hint: string;
|
|
10
11
|
get isDisabled(): boolean;
|
|
11
12
|
private controlContainer;
|
|
12
13
|
protected displayValue: string;
|
|
@@ -22,5 +23,5 @@ export declare class PhoneInputComponent implements OnInit, OnChanges {
|
|
|
22
23
|
private formatLocal;
|
|
23
24
|
private getCursorPosition;
|
|
24
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
|
|
25
|
-
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; }; }, {}, never, never, true, 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>;
|
|
26
27
|
}
|
|
@@ -21,10 +21,11 @@ export declare class PillToggleComponent implements OnChanges {
|
|
|
21
21
|
label: string;
|
|
22
22
|
options: PillToggleOption[];
|
|
23
23
|
disabled: boolean;
|
|
24
|
+
hint: string;
|
|
24
25
|
private controlContainer;
|
|
25
26
|
ngOnChanges(changes: SimpleChanges): void;
|
|
26
27
|
get control(): FormControl;
|
|
27
28
|
select(value: string): void;
|
|
28
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<PillToggleComponent, never>;
|
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PillToggleComponent, "ud-pill-toggle", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PillToggleComponent, "ud-pill-toggle", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
|
|
30
31
|
}
|
|
@@ -26,11 +26,12 @@ export declare class TextInputComponent implements OnChanges {
|
|
|
26
26
|
min?: number;
|
|
27
27
|
max?: number;
|
|
28
28
|
disabled: boolean;
|
|
29
|
+
hint: string;
|
|
29
30
|
private controlContainer;
|
|
30
31
|
ngOnChanges(changes: SimpleChanges): void;
|
|
31
32
|
get control(): FormControl;
|
|
32
33
|
increment(): void;
|
|
33
34
|
decrement(): void;
|
|
34
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
|
|
35
|
-
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; }; }, {}, never, never, true, 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>;
|
|
36
37
|
}
|
|
@@ -23,9 +23,10 @@ export declare class TextareaComponent implements OnChanges {
|
|
|
23
23
|
/** Maximum number of rows before a scrollbar appears. */
|
|
24
24
|
maxRows: number;
|
|
25
25
|
disabled: boolean;
|
|
26
|
+
hint: string;
|
|
26
27
|
private controlContainer;
|
|
27
28
|
get control(): FormControl;
|
|
28
29
|
ngOnChanges(changes: SimpleChanges): void;
|
|
29
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "ud-textarea", 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; }; "minRows": { "alias": "minRows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "ud-textarea", 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; }; "minRows": { "alias": "minRows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
|
|
31
32
|
}
|
|
@@ -32,10 +32,11 @@ export declare class TimePickerComponent implements OnChanges {
|
|
|
32
32
|
/** Pre-defined list of selectable times. When set, `intervalMinutes` is ignored. */
|
|
33
33
|
options?: readonly MatTimepickerOption<Date>[] | null;
|
|
34
34
|
disabled: boolean;
|
|
35
|
+
hint: string;
|
|
35
36
|
private controlContainer;
|
|
36
37
|
get control(): FormControl;
|
|
37
38
|
ngOnChanges(changes: SimpleChanges): void;
|
|
38
39
|
get _intervalSeconds(): number | null;
|
|
39
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ud-time-picker", 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; }; "intervalMinutes": { "alias": "intervalMinutes"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ud-time-picker", 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; }; "intervalMinutes": { "alias": "intervalMinutes"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
|
|
41
42
|
}
|