ud-components 0.2.6 → 0.2.8
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 +141 -12
- package/fesm2022/ud-components.mjs.map +1 -1
- package/lib/form-fields/autocomplete/autocomplete.component.d.ts +2 -1
- package/lib/form-fields/multi-select/multi-select.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 +25 -0
- package/lib/form-fields/time-picker/time-picker.component.d.ts +35 -0
- package/package.json +26 -2
- package/public-api.d.ts +2 -0
|
@@ -21,6 +21,7 @@ export declare class AutocompleteComponent implements OnInit, OnChanges, OnDestr
|
|
|
21
21
|
icon?: string;
|
|
22
22
|
iconFontSet: string;
|
|
23
23
|
options: UdSelectOption[];
|
|
24
|
+
loading: boolean;
|
|
24
25
|
/** Internal text control that drives the visible input */
|
|
25
26
|
searchControl: FormControl<string | null>;
|
|
26
27
|
filteredOptions: UdSelectOption[];
|
|
@@ -38,5 +39,5 @@ export declare class AutocompleteComponent implements OnInit, OnChanges, OnDestr
|
|
|
38
39
|
private filter;
|
|
39
40
|
private buildLabelMap;
|
|
40
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
|
|
41
|
-
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; }; }, {}, never, never, true, never>;
|
|
42
|
+
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; }; }, {}, never, never, true, never>;
|
|
42
43
|
}
|
|
@@ -37,6 +37,7 @@ export declare class MultiSelectComponent implements OnInit, OnChanges, OnDestro
|
|
|
37
37
|
* Default: "+{n} more"
|
|
38
38
|
*/
|
|
39
39
|
moreText: string;
|
|
40
|
+
loading: boolean;
|
|
40
41
|
selectedValues: any[];
|
|
41
42
|
private controlContainer;
|
|
42
43
|
private destroy$;
|
|
@@ -49,5 +50,5 @@ export declare class MultiSelectComponent implements OnInit, OnChanges, OnDestro
|
|
|
49
50
|
getMoreText(count: number): string;
|
|
50
51
|
private buildLabelMap;
|
|
51
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
|
|
52
|
-
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; }; }, {}, never, never, true, never>;
|
|
53
|
+
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; }; }, {}, never, never, true, never>;
|
|
53
54
|
}
|
|
@@ -18,6 +18,7 @@ export declare class TextInputComponent {
|
|
|
18
18
|
/** Material icon name. Leave empty to show no icon. */
|
|
19
19
|
icon?: string;
|
|
20
20
|
iconFontSet: string;
|
|
21
|
+
loading: boolean;
|
|
21
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
|
|
22
|
-
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; }; }, {}, never, never, true, never>;
|
|
23
|
+
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; }; }, {}, never, never, true, never>;
|
|
23
24
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Styled auto-growing textarea that participates in the parent FormGroup.
|
|
4
|
+
*
|
|
5
|
+
* Usage:
|
|
6
|
+
* <ud-textarea
|
|
7
|
+
* controlName="notes"
|
|
8
|
+
* label="Notes"
|
|
9
|
+
* icon="notes"
|
|
10
|
+
* [minRows]="3"
|
|
11
|
+
* [maxRows]="8" />
|
|
12
|
+
*/
|
|
13
|
+
export declare class TextareaComponent {
|
|
14
|
+
controlName: string;
|
|
15
|
+
label: string;
|
|
16
|
+
placeholder: string;
|
|
17
|
+
icon?: string;
|
|
18
|
+
iconFontSet: string;
|
|
19
|
+
/** Minimum number of visible rows before auto-grow kicks in. */
|
|
20
|
+
minRows: number;
|
|
21
|
+
/** Maximum number of rows before a scrollbar appears. */
|
|
22
|
+
maxRows: number;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
24
|
+
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; }; }, {}, never, never, true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { MatTimepickerOption } from '@angular/material/timepicker';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Styled time picker that participates in the parent FormGroup.
|
|
5
|
+
*
|
|
6
|
+
* Usage (interval mode — value is in minutes):
|
|
7
|
+
* <ud-time-picker
|
|
8
|
+
* controlName="checkInTime"
|
|
9
|
+
* label="Check-in time"
|
|
10
|
+
* [intervalMinutes]="30" />
|
|
11
|
+
*
|
|
12
|
+
* Usage (custom options mode):
|
|
13
|
+
* <ud-time-picker
|
|
14
|
+
* controlName="checkInTime"
|
|
15
|
+
* label="Check-in time"
|
|
16
|
+
* [options]="timeOptions" />
|
|
17
|
+
*/
|
|
18
|
+
export declare class TimePickerComponent {
|
|
19
|
+
controlName: string;
|
|
20
|
+
label: string;
|
|
21
|
+
placeholder: string;
|
|
22
|
+
icon: string;
|
|
23
|
+
iconFontSet: string;
|
|
24
|
+
/**
|
|
25
|
+
* Minutes between each option in the dropdown (e.g. 30 → every half hour).
|
|
26
|
+
* Omit to use Material's default (30 min). Ignored when `options` is provided.
|
|
27
|
+
* Internally converted to seconds for mat-timepicker.
|
|
28
|
+
*/
|
|
29
|
+
intervalMinutes?: number;
|
|
30
|
+
/** Pre-defined list of selectable times. When set, `intervalMinutes` is ignored. */
|
|
31
|
+
options?: readonly MatTimepickerOption<Date>[] | null;
|
|
32
|
+
get _intervalSeconds(): number | null;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
|
|
34
|
+
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; }; }, {}, never, never, true, never>;
|
|
35
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ud-components",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.8",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^19.2.0",
|
|
6
6
|
"@angular/core": "^19.2.0"
|
|
@@ -18,6 +18,30 @@
|
|
|
18
18
|
".": {
|
|
19
19
|
"types": "./index.d.ts",
|
|
20
20
|
"default": "./fesm2022/ud-components.mjs"
|
|
21
|
+
},
|
|
22
|
+
"./enums/role.enum": {
|
|
23
|
+
"types": "./enums/role.enum.d.ts",
|
|
24
|
+
"default": "./enums/role.enum.js"
|
|
25
|
+
},
|
|
26
|
+
"./lib/kpi/kpi.enum": {
|
|
27
|
+
"types": "./lib/kpi/kpi.enum.d.ts",
|
|
28
|
+
"default": "./lib/kpi/kpi.enum.js"
|
|
29
|
+
},
|
|
30
|
+
"./lib/edit-view/edit-view-section.directive": {
|
|
31
|
+
"types": "./lib/edit-view/edit-view-section.directive.d.ts",
|
|
32
|
+
"default": "./lib/edit-view/edit-view-section.directive.js"
|
|
33
|
+
},
|
|
34
|
+
"./interfaces/page-request.interface": {
|
|
35
|
+
"types": "./interfaces/page-request.interface.d.ts",
|
|
36
|
+
"default": "./interfaces/page-request.interface.js"
|
|
37
|
+
},
|
|
38
|
+
"./interfaces/table.interface": {
|
|
39
|
+
"types": "./interfaces/table.interface.d.ts",
|
|
40
|
+
"default": "./interfaces/table.interface.js"
|
|
41
|
+
},
|
|
42
|
+
"./interfaces/table-display-column.interface": {
|
|
43
|
+
"types": "./interfaces/table-display-column.interface.d.ts",
|
|
44
|
+
"default": "./interfaces/table-display-column.interface.js"
|
|
21
45
|
}
|
|
22
46
|
}
|
|
23
|
-
}
|
|
47
|
+
}
|
package/public-api.d.ts
CHANGED
|
@@ -18,6 +18,8 @@ export * from './lib/form-fields/autocomplete/autocomplete.component';
|
|
|
18
18
|
export * from './lib/form-fields/date-input/date-input.component';
|
|
19
19
|
export * from './lib/form-fields/multi-select/multi-select.component';
|
|
20
20
|
export * from './lib/form-fields/pill-toggle/pill-toggle.component';
|
|
21
|
+
export * from './lib/form-fields/time-picker/time-picker.component';
|
|
22
|
+
export * from './lib/form-fields/textarea/textarea.component';
|
|
21
23
|
export * from './lib/button/button.component';
|
|
22
24
|
export * from './lib/toggle/toggle.component';
|
|
23
25
|
export * from './enums/application-status.enum';
|