@area8975/ui 0.2.2-dev.48 → 0.2.2-dev.50
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/README.md +3 -2
- package/fesm2022/area8975-ui-alert.mjs +113 -0
- package/fesm2022/area8975-ui-alert.mjs.map +1 -0
- package/fesm2022/area8975-ui-avatar.mjs +157 -0
- package/fesm2022/area8975-ui-avatar.mjs.map +1 -0
- package/fesm2022/area8975-ui-badge.mjs +116 -0
- package/fesm2022/area8975-ui-badge.mjs.map +1 -0
- package/fesm2022/area8975-ui-button.mjs +314 -0
- package/fesm2022/area8975-ui-button.mjs.map +1 -0
- package/fesm2022/area8975-ui-calendar.mjs +549 -0
- package/fesm2022/area8975-ui-calendar.mjs.map +1 -0
- package/fesm2022/area8975-ui-card-header.mjs +96 -0
- package/fesm2022/area8975-ui-card-header.mjs.map +1 -0
- package/fesm2022/area8975-ui-card.mjs +73 -0
- package/fesm2022/area8975-ui-card.mjs.map +1 -0
- package/fesm2022/area8975-ui-chart-palette.mjs +225 -0
- package/fesm2022/area8975-ui-chart-palette.mjs.map +1 -0
- package/fesm2022/area8975-ui-charts.mjs +2813 -0
- package/fesm2022/area8975-ui-charts.mjs.map +1 -0
- package/fesm2022/area8975-ui-checkbox.mjs +202 -0
- package/fesm2022/area8975-ui-checkbox.mjs.map +1 -0
- package/fesm2022/area8975-ui-colour.mjs +200 -0
- package/fesm2022/area8975-ui-colour.mjs.map +1 -0
- package/fesm2022/area8975-ui-container.mjs +40 -0
- package/fesm2022/area8975-ui-container.mjs.map +1 -0
- package/fesm2022/area8975-ui-counter.mjs +246 -0
- package/fesm2022/area8975-ui-counter.mjs.map +1 -0
- package/fesm2022/area8975-ui-date-range-picker.mjs +554 -0
- package/fesm2022/area8975-ui-date-range-picker.mjs.map +1 -0
- package/fesm2022/area8975-ui-datepicker.mjs +547 -0
- package/fesm2022/area8975-ui-datepicker.mjs.map +1 -0
- package/fesm2022/area8975-ui-disclosure.mjs +279 -0
- package/fesm2022/area8975-ui-disclosure.mjs.map +1 -0
- package/fesm2022/area8975-ui-drawer.mjs +106 -0
- package/fesm2022/area8975-ui-drawer.mjs.map +1 -0
- package/fesm2022/area8975-ui-dropdown-button.mjs +141 -0
- package/fesm2022/area8975-ui-dropdown-button.mjs.map +1 -0
- package/fesm2022/area8975-ui-dropdown-menu.mjs +96 -0
- package/fesm2022/area8975-ui-dropdown-menu.mjs.map +1 -0
- package/fesm2022/area8975-ui-dropdown.mjs +208 -0
- package/fesm2022/area8975-ui-dropdown.mjs.map +1 -0
- package/fesm2022/area8975-ui-dropzone.mjs +332 -0
- package/fesm2022/area8975-ui-dropzone.mjs.map +1 -0
- package/fesm2022/area8975-ui-field.mjs +191 -0
- package/fesm2022/area8975-ui-field.mjs.map +1 -0
- package/fesm2022/area8975-ui-file-input.mjs +340 -0
- package/fesm2022/area8975-ui-file-input.mjs.map +1 -0
- package/fesm2022/area8975-ui-file.mjs +47 -0
- package/fesm2022/area8975-ui-file.mjs.map +1 -0
- package/fesm2022/area8975-ui-format.mjs +70 -0
- package/fesm2022/area8975-ui-format.mjs.map +1 -0
- package/fesm2022/area8975-ui-input-addon.mjs +42 -0
- package/fesm2022/area8975-ui-input-addon.mjs.map +1 -0
- package/fesm2022/area8975-ui-input-group.mjs +86 -0
- package/fesm2022/area8975-ui-input-group.mjs.map +1 -0
- package/fesm2022/area8975-ui-input.mjs +682 -0
- package/fesm2022/area8975-ui-input.mjs.map +1 -0
- package/fesm2022/area8975-ui-kpi.mjs +167 -0
- package/fesm2022/area8975-ui-kpi.mjs.map +1 -0
- package/fesm2022/area8975-ui-layout.mjs +63 -0
- package/fesm2022/area8975-ui-layout.mjs.map +1 -0
- package/fesm2022/area8975-ui-loading.mjs +76 -0
- package/fesm2022/area8975-ui-loading.mjs.map +1 -0
- package/fesm2022/area8975-ui-modal-close-btn.mjs +89 -0
- package/fesm2022/area8975-ui-modal-close-btn.mjs.map +1 -0
- package/fesm2022/area8975-ui-modal.mjs +235 -0
- package/fesm2022/area8975-ui-modal.mjs.map +1 -0
- package/fesm2022/area8975-ui-money.mjs +230 -0
- package/fesm2022/area8975-ui-money.mjs.map +1 -0
- package/fesm2022/area8975-ui-overlay.mjs +317 -0
- package/fesm2022/area8975-ui-overlay.mjs.map +1 -0
- package/fesm2022/area8975-ui-pagination.mjs +152 -0
- package/fesm2022/area8975-ui-pagination.mjs.map +1 -0
- package/fesm2022/area8975-ui-private.mjs +63 -0
- package/fesm2022/area8975-ui-private.mjs.map +1 -0
- package/fesm2022/area8975-ui-progress.mjs +307 -0
- package/fesm2022/area8975-ui-progress.mjs.map +1 -0
- package/fesm2022/area8975-ui-radio.mjs +199 -0
- package/fesm2022/area8975-ui-radio.mjs.map +1 -0
- package/fesm2022/area8975-ui-rich-text-editor.mjs +778 -0
- package/fesm2022/area8975-ui-rich-text-editor.mjs.map +1 -0
- package/fesm2022/area8975-ui-search.mjs +266 -0
- package/fesm2022/area8975-ui-search.mjs.map +1 -0
- package/fesm2022/area8975-ui-segmented.mjs +118 -0
- package/fesm2022/area8975-ui-segmented.mjs.map +1 -0
- package/fesm2022/area8975-ui-select.mjs +926 -0
- package/fesm2022/area8975-ui-select.mjs.map +1 -0
- package/fesm2022/area8975-ui-sidebar-group.mjs +60 -0
- package/fesm2022/area8975-ui-sidebar-group.mjs.map +1 -0
- package/fesm2022/area8975-ui-sidebar-item.mjs +107 -0
- package/fesm2022/area8975-ui-sidebar-item.mjs.map +1 -0
- package/fesm2022/area8975-ui-sidebar.mjs +109 -0
- package/fesm2022/area8975-ui-sidebar.mjs.map +1 -0
- package/fesm2022/area8975-ui-skeleton.mjs +116 -0
- package/fesm2022/area8975-ui-skeleton.mjs.map +1 -0
- package/fesm2022/area8975-ui-stat.mjs +55 -0
- package/fesm2022/area8975-ui-stat.mjs.map +1 -0
- package/fesm2022/area8975-ui-switch.mjs +132 -0
- package/fesm2022/area8975-ui-switch.mjs.map +1 -0
- package/fesm2022/area8975-ui-tab.mjs +217 -0
- package/fesm2022/area8975-ui-tab.mjs.map +1 -0
- package/fesm2022/area8975-ui-table-filters.mjs +499 -0
- package/fesm2022/area8975-ui-table-filters.mjs.map +1 -0
- package/fesm2022/area8975-ui-table.mjs +1237 -0
- package/fesm2022/area8975-ui-table.mjs.map +1 -0
- package/fesm2022/area8975-ui-textarea.mjs +375 -0
- package/fesm2022/area8975-ui-textarea.mjs.map +1 -0
- package/fesm2022/area8975-ui-theme.mjs +246 -0
- package/fesm2022/area8975-ui-theme.mjs.map +1 -0
- package/fesm2022/area8975-ui-time-select.mjs +170 -0
- package/fesm2022/area8975-ui-time-select.mjs.map +1 -0
- package/fesm2022/area8975-ui-toast.mjs +269 -0
- package/fesm2022/area8975-ui-toast.mjs.map +1 -0
- package/fesm2022/area8975-ui-toaster.mjs +117 -0
- package/fesm2022/area8975-ui-toaster.mjs.map +1 -0
- package/fesm2022/area8975-ui-tooltip.mjs +196 -0
- package/fesm2022/area8975-ui-tooltip.mjs.map +1 -0
- package/fesm2022/area8975-ui-user-menu.mjs +186 -0
- package/fesm2022/area8975-ui-user-menu.mjs.map +1 -0
- package/fesm2022/area8975-ui.mjs +0 -16269
- package/package.json +237 -1
- package/types/area8975-ui-alert.d.ts +25 -0
- package/types/area8975-ui-avatar.d.ts +40 -0
- package/types/area8975-ui-badge.d.ts +31 -0
- package/types/area8975-ui-button.d.ts +129 -0
- package/types/area8975-ui-calendar.d.ts +177 -0
- package/types/area8975-ui-card-header.d.ts +28 -0
- package/types/area8975-ui-card.d.ts +18 -0
- package/types/area8975-ui-chart-palette.d.ts +176 -0
- package/types/area8975-ui-charts.d.ts +747 -0
- package/types/area8975-ui-checkbox.d.ts +61 -0
- package/types/area8975-ui-colour.d.ts +31 -0
- package/types/area8975-ui-container.d.ts +5 -0
- package/types/area8975-ui-counter.d.ts +43 -0
- package/types/area8975-ui-date-range-picker.d.ts +132 -0
- package/types/area8975-ui-datepicker.d.ts +124 -0
- package/types/area8975-ui-disclosure.d.ts +79 -0
- package/types/area8975-ui-drawer.d.ts +25 -0
- package/types/area8975-ui-dropdown-button.d.ts +32 -0
- package/types/area8975-ui-dropdown-menu.d.ts +25 -0
- package/types/area8975-ui-dropdown.d.ts +56 -0
- package/types/area8975-ui-dropzone.d.ts +96 -0
- package/types/area8975-ui-field.d.ts +72 -0
- package/types/area8975-ui-file-input.d.ts +72 -0
- package/types/area8975-ui-file.d.ts +21 -0
- package/types/area8975-ui-format.d.ts +37 -0
- package/types/area8975-ui-input-addon.d.ts +10 -0
- package/types/area8975-ui-input-group.d.ts +18 -0
- package/types/area8975-ui-input.d.ts +224 -0
- package/types/area8975-ui-kpi.d.ts +36 -0
- package/types/area8975-ui-layout.d.ts +7 -0
- package/types/area8975-ui-loading.d.ts +16 -0
- package/types/area8975-ui-modal-close-btn.d.ts +14 -0
- package/types/area8975-ui-modal.d.ts +45 -0
- package/types/area8975-ui-money.d.ts +77 -0
- package/types/area8975-ui-overlay.d.ts +75 -0
- package/types/area8975-ui-pagination.d.ts +27 -0
- package/types/area8975-ui-private.d.ts +20 -0
- package/types/area8975-ui-progress.d.ts +127 -0
- package/types/area8975-ui-radio.d.ts +61 -0
- package/types/area8975-ui-rich-text-editor.d.ts +165 -0
- package/types/area8975-ui-search.d.ts +56 -0
- package/types/area8975-ui-segmented.d.ts +41 -0
- package/types/area8975-ui-select.d.ts +293 -0
- package/types/area8975-ui-sidebar-group.d.ts +15 -0
- package/types/area8975-ui-sidebar-item.d.ts +20 -0
- package/types/area8975-ui-sidebar.d.ts +16 -0
- package/types/area8975-ui-skeleton.d.ts +35 -0
- package/types/area8975-ui-stat.d.ts +13 -0
- package/types/area8975-ui-switch.d.ts +32 -0
- package/types/area8975-ui-tab.d.ts +45 -0
- package/types/area8975-ui-table-filters.d.ts +138 -0
- package/types/area8975-ui-table.d.ts +371 -0
- package/types/area8975-ui-textarea.d.ts +126 -0
- package/types/area8975-ui-theme.d.ts +61 -0
- package/types/area8975-ui-time-select.d.ts +35 -0
- package/types/area8975-ui-toast.d.ts +78 -0
- package/types/area8975-ui-toaster.d.ts +23 -0
- package/types/area8975-ui-tooltip.d.ts +47 -0
- package/types/area8975-ui-user-menu.d.ts +39 -0
- package/types/area8975-ui.d.ts +1 -4464
- package/fesm2022/area8975-ui.mjs.map +0 -1
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { InputValidation } from "@area8975/ui/input";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class UiCheckboxComponent {
|
|
4
|
+
readonly value: import("@angular/core").ModelSignal<boolean>;
|
|
5
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
6
|
+
readonly name: import("@angular/core").InputSignal<string>;
|
|
7
|
+
readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
8
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
9
|
+
readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
10
|
+
/** true/false shows valid/invalid styling. null means not validated yet. */
|
|
11
|
+
readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
|
|
12
|
+
readonly classes: import("@angular/core").InputSignal<string>;
|
|
13
|
+
readonly generatedClasses: import("@angular/core").Signal<string>;
|
|
14
|
+
toggle(): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiCheckboxComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiCheckboxComponent, "ui-checkbox", never, {
|
|
17
|
+
"value": {
|
|
18
|
+
"alias": "value";
|
|
19
|
+
"required": true;
|
|
20
|
+
"isSignal": true;
|
|
21
|
+
};
|
|
22
|
+
"id": {
|
|
23
|
+
"alias": "id";
|
|
24
|
+
"required": false;
|
|
25
|
+
"isSignal": true;
|
|
26
|
+
};
|
|
27
|
+
"name": {
|
|
28
|
+
"alias": "name";
|
|
29
|
+
"required": false;
|
|
30
|
+
"isSignal": true;
|
|
31
|
+
};
|
|
32
|
+
"required": {
|
|
33
|
+
"alias": "required";
|
|
34
|
+
"required": false;
|
|
35
|
+
"isSignal": true;
|
|
36
|
+
};
|
|
37
|
+
"disabled": {
|
|
38
|
+
"alias": "disabled";
|
|
39
|
+
"required": false;
|
|
40
|
+
"isSignal": true;
|
|
41
|
+
};
|
|
42
|
+
"indeterminate": {
|
|
43
|
+
"alias": "indeterminate";
|
|
44
|
+
"required": false;
|
|
45
|
+
"isSignal": true;
|
|
46
|
+
};
|
|
47
|
+
"validationState": {
|
|
48
|
+
"alias": "validationState";
|
|
49
|
+
"required": false;
|
|
50
|
+
"isSignal": true;
|
|
51
|
+
};
|
|
52
|
+
"classes": {
|
|
53
|
+
"alias": "classes";
|
|
54
|
+
"required": false;
|
|
55
|
+
"isSignal": true;
|
|
56
|
+
};
|
|
57
|
+
}, {
|
|
58
|
+
"value": "valueChange";
|
|
59
|
+
"validationState": "validationStateChange";
|
|
60
|
+
}, never, never, true, never>;
|
|
61
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class UiColourComponent {
|
|
3
|
+
readonly value: import("@angular/core").ModelSignal<string>;
|
|
4
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
5
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
6
|
+
private readonly picker;
|
|
7
|
+
protected readonly isValid: import("@angular/core").Signal<boolean>;
|
|
8
|
+
protected readonly pickerValue: import("@angular/core").Signal<string>;
|
|
9
|
+
protected openPicker(): void;
|
|
10
|
+
protected handlePick(event: Event): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiColourComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiColourComponent, "ui-colour", never, {
|
|
13
|
+
"value": {
|
|
14
|
+
"alias": "value";
|
|
15
|
+
"required": false;
|
|
16
|
+
"isSignal": true;
|
|
17
|
+
};
|
|
18
|
+
"id": {
|
|
19
|
+
"alias": "id";
|
|
20
|
+
"required": false;
|
|
21
|
+
"isSignal": true;
|
|
22
|
+
};
|
|
23
|
+
"disabled": {
|
|
24
|
+
"alias": "disabled";
|
|
25
|
+
"required": false;
|
|
26
|
+
"isSignal": true;
|
|
27
|
+
};
|
|
28
|
+
}, {
|
|
29
|
+
"value": "valueChange";
|
|
30
|
+
}, never, never, true, never>;
|
|
31
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class UiContainerComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiContainerComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiContainerComponent, "ui-container", never, {}, {}, never, ["*"], true, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { TemplateRef } from "@angular/core";
|
|
3
|
+
export declare class UiCounterComponent {
|
|
4
|
+
readonly value: import("@angular/core").ModelSignal<number | null>;
|
|
5
|
+
readonly step: import("@angular/core").InputSignal<number>;
|
|
6
|
+
readonly max: import("@angular/core").InputSignal<number | undefined>;
|
|
7
|
+
readonly min: import("@angular/core").InputSignal<number | undefined>;
|
|
8
|
+
readonly placeholder: import("@angular/core").InputSignal<string>;
|
|
9
|
+
readonly leadingElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
|
|
10
|
+
readonly trailingElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
|
|
11
|
+
onStepUp(): void;
|
|
12
|
+
onStepDown(): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiCounterComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiCounterComponent, "ui-counter", never, {
|
|
15
|
+
"value": {
|
|
16
|
+
"alias": "value";
|
|
17
|
+
"required": false;
|
|
18
|
+
"isSignal": true;
|
|
19
|
+
};
|
|
20
|
+
"step": {
|
|
21
|
+
"alias": "step";
|
|
22
|
+
"required": false;
|
|
23
|
+
"isSignal": true;
|
|
24
|
+
};
|
|
25
|
+
"max": {
|
|
26
|
+
"alias": "max";
|
|
27
|
+
"required": false;
|
|
28
|
+
"isSignal": true;
|
|
29
|
+
};
|
|
30
|
+
"min": {
|
|
31
|
+
"alias": "min";
|
|
32
|
+
"required": false;
|
|
33
|
+
"isSignal": true;
|
|
34
|
+
};
|
|
35
|
+
"placeholder": {
|
|
36
|
+
"alias": "placeholder";
|
|
37
|
+
"required": false;
|
|
38
|
+
"isSignal": true;
|
|
39
|
+
};
|
|
40
|
+
}, {
|
|
41
|
+
"value": "valueChange";
|
|
42
|
+
}, ["leadingElement", "trailingElement"], never, true, never>;
|
|
43
|
+
}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { DateRange, IsoDate, WeekStart } from "@area8975/ui/calendar";
|
|
2
|
+
import { InputValidation } from "@area8975/ui/input";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/** A quick pick shown beside the calendar. The range is worked out when clicked. */
|
|
5
|
+
export interface DateRangePreset {
|
|
6
|
+
label: string;
|
|
7
|
+
range: () => DateRange;
|
|
8
|
+
}
|
|
9
|
+
export declare class UiDateRangePickerComponent {
|
|
10
|
+
private readonly host;
|
|
11
|
+
private readonly injector;
|
|
12
|
+
readonly value: import("@angular/core").ModelSignal<DateRange>;
|
|
13
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
14
|
+
readonly placeholder: import("@angular/core").InputSignal<string>;
|
|
15
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
16
|
+
readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
17
|
+
readonly validationState: import("@angular/core").InputSignal<InputValidation>;
|
|
18
|
+
readonly describedBy: import("@angular/core").InputSignal<string>;
|
|
19
|
+
readonly min: import("@angular/core").InputSignal<string | null>;
|
|
20
|
+
readonly max: import("@angular/core").InputSignal<string | null>;
|
|
21
|
+
readonly isDateDisabled: import("@angular/core").InputSignal<(date: IsoDate) => boolean>;
|
|
22
|
+
readonly weekStart: import("@angular/core").InputSignal<0 | 1>;
|
|
23
|
+
readonly locale: import("@angular/core").InputSignal<string>;
|
|
24
|
+
/** Intl options for the dates shown in the input. */
|
|
25
|
+
readonly format: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions>;
|
|
26
|
+
/** Quick picks beside the calendar, see date-range-presets.ts for ready made ones. */
|
|
27
|
+
readonly presets: import("@angular/core").InputSignal<DateRangePreset[]>;
|
|
28
|
+
protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
29
|
+
private readonly calendar;
|
|
30
|
+
protected readonly hasValue: import("@angular/core").Signal<boolean>;
|
|
31
|
+
protected readonly presetRanges: import("@angular/core").Signal<DateRange[]>;
|
|
32
|
+
protected readonly activePreset: import("@angular/core").Signal<number>;
|
|
33
|
+
protected readonly display: import("@angular/core").Signal<string>;
|
|
34
|
+
protected toggle(): void;
|
|
35
|
+
protected handleInputKeydown(event: KeyboardEvent): void;
|
|
36
|
+
protected handleRange(range: DateRange): void;
|
|
37
|
+
protected choosePreset(preset: DateRangePreset): void;
|
|
38
|
+
protected handlePanelKeydown(event: KeyboardEvent): void;
|
|
39
|
+
protected clear(event: Event): void;
|
|
40
|
+
private clamp;
|
|
41
|
+
private focusInput;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDateRangePickerComponent, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDateRangePickerComponent, "ui-date-range-picker", never, {
|
|
44
|
+
"value": {
|
|
45
|
+
"alias": "value";
|
|
46
|
+
"required": false;
|
|
47
|
+
"isSignal": true;
|
|
48
|
+
};
|
|
49
|
+
"id": {
|
|
50
|
+
"alias": "id";
|
|
51
|
+
"required": false;
|
|
52
|
+
"isSignal": true;
|
|
53
|
+
};
|
|
54
|
+
"placeholder": {
|
|
55
|
+
"alias": "placeholder";
|
|
56
|
+
"required": false;
|
|
57
|
+
"isSignal": true;
|
|
58
|
+
};
|
|
59
|
+
"disabled": {
|
|
60
|
+
"alias": "disabled";
|
|
61
|
+
"required": false;
|
|
62
|
+
"isSignal": true;
|
|
63
|
+
};
|
|
64
|
+
"clearable": {
|
|
65
|
+
"alias": "clearable";
|
|
66
|
+
"required": false;
|
|
67
|
+
"isSignal": true;
|
|
68
|
+
};
|
|
69
|
+
"validationState": {
|
|
70
|
+
"alias": "validationState";
|
|
71
|
+
"required": false;
|
|
72
|
+
"isSignal": true;
|
|
73
|
+
};
|
|
74
|
+
"describedBy": {
|
|
75
|
+
"alias": "describedBy";
|
|
76
|
+
"required": false;
|
|
77
|
+
"isSignal": true;
|
|
78
|
+
};
|
|
79
|
+
"min": {
|
|
80
|
+
"alias": "min";
|
|
81
|
+
"required": false;
|
|
82
|
+
"isSignal": true;
|
|
83
|
+
};
|
|
84
|
+
"max": {
|
|
85
|
+
"alias": "max";
|
|
86
|
+
"required": false;
|
|
87
|
+
"isSignal": true;
|
|
88
|
+
};
|
|
89
|
+
"isDateDisabled": {
|
|
90
|
+
"alias": "isDateDisabled";
|
|
91
|
+
"required": false;
|
|
92
|
+
"isSignal": true;
|
|
93
|
+
};
|
|
94
|
+
"weekStart": {
|
|
95
|
+
"alias": "weekStart";
|
|
96
|
+
"required": false;
|
|
97
|
+
"isSignal": true;
|
|
98
|
+
};
|
|
99
|
+
"locale": {
|
|
100
|
+
"alias": "locale";
|
|
101
|
+
"required": false;
|
|
102
|
+
"isSignal": true;
|
|
103
|
+
};
|
|
104
|
+
"format": {
|
|
105
|
+
"alias": "format";
|
|
106
|
+
"required": false;
|
|
107
|
+
"isSignal": true;
|
|
108
|
+
};
|
|
109
|
+
"presets": {
|
|
110
|
+
"alias": "presets";
|
|
111
|
+
"required": false;
|
|
112
|
+
"isSignal": true;
|
|
113
|
+
};
|
|
114
|
+
}, {
|
|
115
|
+
"value": "valueChange";
|
|
116
|
+
}, never, never, true, never>;
|
|
117
|
+
}
|
|
118
|
+
export declare function todayPreset(label?: string): DateRangePreset;
|
|
119
|
+
/** The last `days` days, counting today. */
|
|
120
|
+
export declare function lastDaysPreset(days: number, label?: string): DateRangePreset;
|
|
121
|
+
export declare function thisWeekPreset(weekStart?: WeekStart, label?: string): DateRangePreset;
|
|
122
|
+
/** A calendar month, 0 is this month, -1 is last month. */
|
|
123
|
+
export declare function monthPreset(offset?: number, label?: string): DateRangePreset;
|
|
124
|
+
/** A calendar year, 0 is this year, -1 is last year. */
|
|
125
|
+
export declare function yearPreset(offset?: number, label?: string): DateRangePreset;
|
|
126
|
+
/**
|
|
127
|
+
* A financial year starting on the given day, e.g. the UK tax year is
|
|
128
|
+
* `financialYearPreset(3, 6)` for 6 April. 0 is the current one, -1 the one before.
|
|
129
|
+
*/
|
|
130
|
+
export declare function financialYearPreset(startMonth: number, startDay: number, offset?: number, label?: string): DateRangePreset;
|
|
131
|
+
/** A sensible starting set, pass your own list to change it. */
|
|
132
|
+
export declare function defaultDateRangePresets(weekStart?: WeekStart): DateRangePreset[];
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import { IsoDate } from "@area8975/ui/calendar";
|
|
2
|
+
import { InputValidation } from "@area8975/ui/input";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class UiDatepickerComponent {
|
|
5
|
+
private readonly host;
|
|
6
|
+
private readonly injector;
|
|
7
|
+
/** "2026-09-29", or "2026-09-29T14:30" when `withTime` is on. */
|
|
8
|
+
readonly value: import("@angular/core").ModelSignal<string | null>;
|
|
9
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
10
|
+
readonly placeholder: import("@angular/core").InputSignal<string>;
|
|
11
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
12
|
+
readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
13
|
+
readonly validationState: import("@angular/core").InputSignal<InputValidation>;
|
|
14
|
+
readonly describedBy: import("@angular/core").InputSignal<string>;
|
|
15
|
+
readonly min: import("@angular/core").InputSignal<string | null>;
|
|
16
|
+
readonly max: import("@angular/core").InputSignal<string | null>;
|
|
17
|
+
readonly isDateDisabled: import("@angular/core").InputSignal<(date: IsoDate) => boolean>;
|
|
18
|
+
readonly weekStart: import("@angular/core").InputSignal<0 | 1>;
|
|
19
|
+
readonly locale: import("@angular/core").InputSignal<string>;
|
|
20
|
+
readonly withTime: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
21
|
+
readonly minuteStep: import("@angular/core").InputSignal<number>;
|
|
22
|
+
/** Time used when a date is picked before a time has been chosen. */
|
|
23
|
+
readonly defaultTime: import("@angular/core").InputSignal<string>;
|
|
24
|
+
/** Intl options for the value shown in the input. */
|
|
25
|
+
readonly format: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions | null>;
|
|
26
|
+
protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
27
|
+
private readonly calendar;
|
|
28
|
+
protected readonly datePart: import("@angular/core").Signal<string | null>;
|
|
29
|
+
protected readonly timePart: import("@angular/core").Signal<string>;
|
|
30
|
+
protected readonly display: import("@angular/core").Signal<string>;
|
|
31
|
+
protected toggle(): void;
|
|
32
|
+
protected handleInputKeydown(event: KeyboardEvent): void;
|
|
33
|
+
protected handlePick(date: IsoDate | null): void;
|
|
34
|
+
protected handleTime(time: string): void;
|
|
35
|
+
protected close(): void;
|
|
36
|
+
protected handlePanelKeydown(event: KeyboardEvent): void;
|
|
37
|
+
protected clear(event: Event): void;
|
|
38
|
+
private focusInput;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDatepickerComponent, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDatepickerComponent, "ui-datepicker", never, {
|
|
41
|
+
"value": {
|
|
42
|
+
"alias": "value";
|
|
43
|
+
"required": false;
|
|
44
|
+
"isSignal": true;
|
|
45
|
+
};
|
|
46
|
+
"id": {
|
|
47
|
+
"alias": "id";
|
|
48
|
+
"required": false;
|
|
49
|
+
"isSignal": true;
|
|
50
|
+
};
|
|
51
|
+
"placeholder": {
|
|
52
|
+
"alias": "placeholder";
|
|
53
|
+
"required": false;
|
|
54
|
+
"isSignal": true;
|
|
55
|
+
};
|
|
56
|
+
"disabled": {
|
|
57
|
+
"alias": "disabled";
|
|
58
|
+
"required": false;
|
|
59
|
+
"isSignal": true;
|
|
60
|
+
};
|
|
61
|
+
"clearable": {
|
|
62
|
+
"alias": "clearable";
|
|
63
|
+
"required": false;
|
|
64
|
+
"isSignal": true;
|
|
65
|
+
};
|
|
66
|
+
"validationState": {
|
|
67
|
+
"alias": "validationState";
|
|
68
|
+
"required": false;
|
|
69
|
+
"isSignal": true;
|
|
70
|
+
};
|
|
71
|
+
"describedBy": {
|
|
72
|
+
"alias": "describedBy";
|
|
73
|
+
"required": false;
|
|
74
|
+
"isSignal": true;
|
|
75
|
+
};
|
|
76
|
+
"min": {
|
|
77
|
+
"alias": "min";
|
|
78
|
+
"required": false;
|
|
79
|
+
"isSignal": true;
|
|
80
|
+
};
|
|
81
|
+
"max": {
|
|
82
|
+
"alias": "max";
|
|
83
|
+
"required": false;
|
|
84
|
+
"isSignal": true;
|
|
85
|
+
};
|
|
86
|
+
"isDateDisabled": {
|
|
87
|
+
"alias": "isDateDisabled";
|
|
88
|
+
"required": false;
|
|
89
|
+
"isSignal": true;
|
|
90
|
+
};
|
|
91
|
+
"weekStart": {
|
|
92
|
+
"alias": "weekStart";
|
|
93
|
+
"required": false;
|
|
94
|
+
"isSignal": true;
|
|
95
|
+
};
|
|
96
|
+
"locale": {
|
|
97
|
+
"alias": "locale";
|
|
98
|
+
"required": false;
|
|
99
|
+
"isSignal": true;
|
|
100
|
+
};
|
|
101
|
+
"withTime": {
|
|
102
|
+
"alias": "withTime";
|
|
103
|
+
"required": false;
|
|
104
|
+
"isSignal": true;
|
|
105
|
+
};
|
|
106
|
+
"minuteStep": {
|
|
107
|
+
"alias": "minuteStep";
|
|
108
|
+
"required": false;
|
|
109
|
+
"isSignal": true;
|
|
110
|
+
};
|
|
111
|
+
"defaultTime": {
|
|
112
|
+
"alias": "defaultTime";
|
|
113
|
+
"required": false;
|
|
114
|
+
"isSignal": true;
|
|
115
|
+
};
|
|
116
|
+
"format": {
|
|
117
|
+
"alias": "format";
|
|
118
|
+
"required": false;
|
|
119
|
+
"isSignal": true;
|
|
120
|
+
};
|
|
121
|
+
}, {
|
|
122
|
+
"value": "valueChange";
|
|
123
|
+
}, never, never, true, never>;
|
|
124
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { TemplateRef } from "@angular/core";
|
|
3
|
+
/** The disclosure's content, only rendered while it's expanded. */
|
|
4
|
+
export declare class UiDisclosurePanelDirective {
|
|
5
|
+
readonly template: TemplateRef<any>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosurePanelDirective, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<UiDisclosurePanelDirective, "ng-template[uiDisclosurePanel]", never, {}, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Shows and hides a panel of content from a `ui-disclosure-trigger` inside it.
|
|
11
|
+
* The content goes in an `<ng-template uiDisclosurePanel>`, rendered after
|
|
12
|
+
* everything else in the disclosure.
|
|
13
|
+
*/
|
|
14
|
+
export declare class UiDisclosureComponent {
|
|
15
|
+
readonly expanded: import("@angular/core").ModelSignal<boolean>;
|
|
16
|
+
/** The panel's id, which the trigger's aria-controls points at. Generated when left out. */
|
|
17
|
+
readonly panelId: import("@angular/core").InputSignal<string>;
|
|
18
|
+
private readonly generatedId;
|
|
19
|
+
readonly regionId: import("@angular/core").Signal<string>;
|
|
20
|
+
protected readonly panel: import("@angular/core").Signal<UiDisclosurePanelDirective | undefined>;
|
|
21
|
+
readonly toggle: () => void;
|
|
22
|
+
readonly open: () => void;
|
|
23
|
+
readonly close: () => void;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureComponent, "ui-disclosure", ["uiDisclosure"], {
|
|
26
|
+
"expanded": {
|
|
27
|
+
"alias": "expanded";
|
|
28
|
+
"required": false;
|
|
29
|
+
"isSignal": true;
|
|
30
|
+
};
|
|
31
|
+
"panelId": {
|
|
32
|
+
"alias": "panelId";
|
|
33
|
+
"required": false;
|
|
34
|
+
"isSignal": true;
|
|
35
|
+
};
|
|
36
|
+
}, {
|
|
37
|
+
"expanded": "expandedChange";
|
|
38
|
+
}, ["panel"], ["*"], true, never>;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* How a disclosure trigger looks. `"section"` is a full-width header,
|
|
42
|
+
* `"row"` stretches the trigger over its row - see
|
|
43
|
+
* `UiDisclosureTriggerComponent.appearance`.
|
|
44
|
+
*/
|
|
45
|
+
export declare const DisclosureTriggerAppearances: readonly ["section", "row"];
|
|
46
|
+
/** @see {@link DisclosureTriggerAppearances} */
|
|
47
|
+
export type DisclosureTriggerAppearance = typeof DisclosureTriggerAppearances[number];
|
|
48
|
+
/** A chevron that turns with the `ui-disclosure` it's in. Put it in the trigger, or anywhere in a row. */
|
|
49
|
+
export declare class UiDisclosureChevronComponent {
|
|
50
|
+
protected readonly disclosure: UiDisclosureComponent;
|
|
51
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureChevronComponent, never>;
|
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureChevronComponent, "ui-disclosure-chevron", never, {}, {}, never, never, true, never>;
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* The button that expands and collapses the `ui-disclosure` it's in.
|
|
56
|
+
*
|
|
57
|
+
* As a `"row"`, its hit area and focus ring cover the nearest positioned
|
|
58
|
+
* element around it, so make the row `relative`, otherwise it's the whole
|
|
59
|
+
* disclosure. Give other controls in the row `class="relative"` so they stay
|
|
60
|
+
* clickable above it.
|
|
61
|
+
*/
|
|
62
|
+
export declare class UiDisclosureTriggerComponent {
|
|
63
|
+
protected readonly disclosure: UiDisclosureComponent;
|
|
64
|
+
readonly appearance: import("@angular/core").InputSignal<"section" | "row">;
|
|
65
|
+
readonly ariaLabel: import("@angular/core").InputSignal<string>;
|
|
66
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureTriggerComponent, never>;
|
|
67
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureTriggerComponent, "ui-disclosure-trigger", never, {
|
|
68
|
+
"appearance": {
|
|
69
|
+
"alias": "appearance";
|
|
70
|
+
"required": false;
|
|
71
|
+
"isSignal": true;
|
|
72
|
+
};
|
|
73
|
+
"ariaLabel": {
|
|
74
|
+
"alias": "ariaLabel";
|
|
75
|
+
"required": false;
|
|
76
|
+
"isSignal": true;
|
|
77
|
+
};
|
|
78
|
+
}, {}, never, ["*"], true, never>;
|
|
79
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class UiDrawerComponent {
|
|
3
|
+
readonly isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
4
|
+
readonly enableBackdrop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
5
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
6
|
+
readonly subLabel: import("@angular/core").InputSignal<string>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDrawerComponent, "ui-drawer", never, {
|
|
9
|
+
"enableBackdrop": {
|
|
10
|
+
"alias": "enableBackdrop";
|
|
11
|
+
"required": false;
|
|
12
|
+
"isSignal": true;
|
|
13
|
+
};
|
|
14
|
+
"label": {
|
|
15
|
+
"alias": "label";
|
|
16
|
+
"required": false;
|
|
17
|
+
"isSignal": true;
|
|
18
|
+
};
|
|
19
|
+
"subLabel": {
|
|
20
|
+
"alias": "subLabel";
|
|
21
|
+
"required": false;
|
|
22
|
+
"isSignal": true;
|
|
23
|
+
};
|
|
24
|
+
}, {}, never, ["[drawer-actions]", "*"], true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class UiDropdownButtonComponent {
|
|
3
|
+
readonly intent: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "none">;
|
|
4
|
+
readonly appearance: import("@angular/core").InputSignal<"none" | "solid" | "outline" | "ghost" | "white" | "link">;
|
|
5
|
+
readonly icon: import("@angular/core").InputSignal<string>;
|
|
6
|
+
readonly isOpen: import("@angular/core").ModelSignal<boolean>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownButtonComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownButtonComponent, "ui-dropdown-button", never, {
|
|
9
|
+
"intent": {
|
|
10
|
+
"alias": "intent";
|
|
11
|
+
"required": false;
|
|
12
|
+
"isSignal": true;
|
|
13
|
+
};
|
|
14
|
+
"appearance": {
|
|
15
|
+
"alias": "appearance";
|
|
16
|
+
"required": false;
|
|
17
|
+
"isSignal": true;
|
|
18
|
+
};
|
|
19
|
+
"icon": {
|
|
20
|
+
"alias": "icon";
|
|
21
|
+
"required": false;
|
|
22
|
+
"isSignal": true;
|
|
23
|
+
};
|
|
24
|
+
"isOpen": {
|
|
25
|
+
"alias": "isOpen";
|
|
26
|
+
"required": true;
|
|
27
|
+
"isSignal": true;
|
|
28
|
+
};
|
|
29
|
+
}, {
|
|
30
|
+
"isOpen": "isOpenChange";
|
|
31
|
+
}, never, ["*"], true, never>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface DropdownMenuButton {
|
|
3
|
+
label: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface DropdownMenuCategory {
|
|
8
|
+
label: string;
|
|
9
|
+
children: DropdownMenuButton[];
|
|
10
|
+
}
|
|
11
|
+
export interface DropdownMenuDivider {
|
|
12
|
+
divider: true;
|
|
13
|
+
}
|
|
14
|
+
export type DropdownMenuItem = DropdownMenuButton | DropdownMenuCategory | DropdownMenuDivider;
|
|
15
|
+
export declare class UiDropdownMenuComponent {
|
|
16
|
+
readonly items: import("@angular/core").InputSignal<DropdownMenuItem[]>;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownMenuComponent, "ui-dropdown-menu", never, {
|
|
19
|
+
"items": {
|
|
20
|
+
"alias": "items";
|
|
21
|
+
"required": true;
|
|
22
|
+
"isSignal": true;
|
|
23
|
+
};
|
|
24
|
+
}, {}, never, never, true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { ElementRef, WritableSignal } from "@angular/core";
|
|
3
|
+
import { UiOverlayCloseBehaviour, UiOverlayMatchWidth } from "@area8975/ui/overlay";
|
|
4
|
+
import { Placement } from "@floating-ui/dom";
|
|
5
|
+
export declare class UiDropdownDirective {
|
|
6
|
+
readonly element: ElementRef<any>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownDirective, "[uiDropdownContent]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
export declare class UiDropdownComponent {
|
|
11
|
+
protected readonly anchor: ElementRef<any>;
|
|
12
|
+
readonly content: import("@angular/core").Signal<UiDropdownDirective | undefined>;
|
|
13
|
+
readonly isOpen: import("@angular/core").InputSignal<WritableSignal<boolean>>;
|
|
14
|
+
readonly placement: import("@angular/core").InputSignal<Placement>;
|
|
15
|
+
readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
|
|
16
|
+
readonly offset: import("@angular/core").InputSignal<number>;
|
|
17
|
+
readonly viewportPadding: import("@angular/core").InputSignal<number>;
|
|
18
|
+
/** Gives the floating content a min-width matching the dropdown's own width. */
|
|
19
|
+
readonly matchWidth: import("@angular/core").InputSignal<UiOverlayMatchWidth | null>;
|
|
20
|
+
readonly toggle: () => void;
|
|
21
|
+
readonly close: () => void;
|
|
22
|
+
readonly open: () => void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownComponent, "ui-dropdown", ["uiDropdown"], {
|
|
25
|
+
"isOpen": {
|
|
26
|
+
"alias": "isOpen";
|
|
27
|
+
"required": true;
|
|
28
|
+
"isSignal": true;
|
|
29
|
+
};
|
|
30
|
+
"placement": {
|
|
31
|
+
"alias": "placement";
|
|
32
|
+
"required": false;
|
|
33
|
+
"isSignal": true;
|
|
34
|
+
};
|
|
35
|
+
"closeBehaviour": {
|
|
36
|
+
"alias": "closeBehaviour";
|
|
37
|
+
"required": false;
|
|
38
|
+
"isSignal": true;
|
|
39
|
+
};
|
|
40
|
+
"offset": {
|
|
41
|
+
"alias": "offset";
|
|
42
|
+
"required": false;
|
|
43
|
+
"isSignal": true;
|
|
44
|
+
};
|
|
45
|
+
"viewportPadding": {
|
|
46
|
+
"alias": "viewportPadding";
|
|
47
|
+
"required": false;
|
|
48
|
+
"isSignal": true;
|
|
49
|
+
};
|
|
50
|
+
"matchWidth": {
|
|
51
|
+
"alias": "matchWidth";
|
|
52
|
+
"required": false;
|
|
53
|
+
"isSignal": true;
|
|
54
|
+
};
|
|
55
|
+
}, {}, ["content"], ["*"], true, never>;
|
|
56
|
+
}
|