@edsis/ui 0.0.2
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 +40 -0
- package/accordion/README.md +195 -0
- package/alert/README.md +177 -0
- package/alert-dialog/README.md +239 -0
- package/aspect-ratio/README.md +112 -0
- package/avatar/README.md +176 -0
- package/badge/README.md +133 -0
- package/breadcrumb/README.md +216 -0
- package/button/README.md +139 -0
- package/button-group/README.md +204 -0
- package/calendar/README.md +132 -0
- package/card/README.md +220 -0
- package/carousel/README.md +276 -0
- package/chart/README.md +249 -0
- package/checkbox/README.md +149 -0
- package/collapsible/README.md +191 -0
- package/combobox/README.md +198 -0
- package/command/README.md +275 -0
- package/composer/README.md +235 -0
- package/context-menu/README.md +267 -0
- package/date-picker/README.md +177 -0
- package/dialog/README.md +237 -0
- package/drawer/README.md +145 -0
- package/dropdown-menu/README.md +311 -0
- package/editor/README.md +136 -0
- package/empty/README.md +183 -0
- package/fesm2022/edsis-ui-accordion.mjs +174 -0
- package/fesm2022/edsis-ui-accordion.mjs.map +1 -0
- package/fesm2022/edsis-ui-alert-dialog.mjs +242 -0
- package/fesm2022/edsis-ui-alert-dialog.mjs.map +1 -0
- package/fesm2022/edsis-ui-alert.mjs +90 -0
- package/fesm2022/edsis-ui-alert.mjs.map +1 -0
- package/fesm2022/edsis-ui-aspect-ratio.mjs +33 -0
- package/fesm2022/edsis-ui-aspect-ratio.mjs.map +1 -0
- package/fesm2022/edsis-ui-avatar.mjs +123 -0
- package/fesm2022/edsis-ui-avatar.mjs.map +1 -0
- package/fesm2022/edsis-ui-badge.mjs +47 -0
- package/fesm2022/edsis-ui-badge.mjs.map +1 -0
- package/fesm2022/edsis-ui-breadcrumb.mjs +186 -0
- package/fesm2022/edsis-ui-breadcrumb.mjs.map +1 -0
- package/fesm2022/edsis-ui-button-group.mjs +95 -0
- package/fesm2022/edsis-ui-button-group.mjs.map +1 -0
- package/fesm2022/edsis-ui-button.mjs +64 -0
- package/fesm2022/edsis-ui-button.mjs.map +1 -0
- package/fesm2022/edsis-ui-calendar.mjs +78 -0
- package/fesm2022/edsis-ui-calendar.mjs.map +1 -0
- package/fesm2022/edsis-ui-card.mjs +137 -0
- package/fesm2022/edsis-ui-card.mjs.map +1 -0
- package/fesm2022/edsis-ui-carousel.mjs +310 -0
- package/fesm2022/edsis-ui-carousel.mjs.map +1 -0
- package/fesm2022/edsis-ui-chart-area.mjs +6 -0
- package/fesm2022/edsis-ui-chart-area.mjs.map +1 -0
- package/fesm2022/edsis-ui-chart-bar.mjs +6 -0
- package/fesm2022/edsis-ui-chart-bar.mjs.map +1 -0
- package/fesm2022/edsis-ui-chart-line.mjs +6 -0
- package/fesm2022/edsis-ui-chart-line.mjs.map +1 -0
- package/fesm2022/edsis-ui-chart-pie.mjs +6 -0
- package/fesm2022/edsis-ui-chart-pie.mjs.map +1 -0
- package/fesm2022/edsis-ui-chart-radar.mjs +6 -0
- package/fesm2022/edsis-ui-chart-radar.mjs.map +1 -0
- package/fesm2022/edsis-ui-chart-radial.mjs +6 -0
- package/fesm2022/edsis-ui-chart-radial.mjs.map +1 -0
- package/fesm2022/edsis-ui-chart-scatter.mjs +6 -0
- package/fesm2022/edsis-ui-chart-scatter.mjs.map +1 -0
- package/fesm2022/edsis-ui-chart.mjs +3714 -0
- package/fesm2022/edsis-ui-chart.mjs.map +1 -0
- package/fesm2022/edsis-ui-checkbox.mjs +104 -0
- package/fesm2022/edsis-ui-checkbox.mjs.map +1 -0
- package/fesm2022/edsis-ui-collapsible.mjs +116 -0
- package/fesm2022/edsis-ui-collapsible.mjs.map +1 -0
- package/fesm2022/edsis-ui-combobox.mjs +263 -0
- package/fesm2022/edsis-ui-combobox.mjs.map +1 -0
- package/fesm2022/edsis-ui-command.mjs +268 -0
- package/fesm2022/edsis-ui-command.mjs.map +1 -0
- package/fesm2022/edsis-ui-composer.mjs +329 -0
- package/fesm2022/edsis-ui-composer.mjs.map +1 -0
- package/fesm2022/edsis-ui-context-menu.mjs +100 -0
- package/fesm2022/edsis-ui-context-menu.mjs.map +1 -0
- package/fesm2022/edsis-ui-date-picker.mjs +155 -0
- package/fesm2022/edsis-ui-date-picker.mjs.map +1 -0
- package/fesm2022/edsis-ui-dialog.mjs +262 -0
- package/fesm2022/edsis-ui-dialog.mjs.map +1 -0
- package/fesm2022/edsis-ui-drawer.mjs +6 -0
- package/fesm2022/edsis-ui-drawer.mjs.map +1 -0
- package/fesm2022/edsis-ui-dropdown-menu.mjs +466 -0
- package/fesm2022/edsis-ui-dropdown-menu.mjs.map +1 -0
- package/fesm2022/edsis-ui-editor.mjs +692 -0
- package/fesm2022/edsis-ui-editor.mjs.map +1 -0
- package/fesm2022/edsis-ui-empty.mjs +132 -0
- package/fesm2022/edsis-ui-empty.mjs.map +1 -0
- package/fesm2022/edsis-ui-form.mjs +334 -0
- package/fesm2022/edsis-ui-form.mjs.map +1 -0
- package/fesm2022/edsis-ui-hover-card.mjs +284 -0
- package/fesm2022/edsis-ui-hover-card.mjs.map +1 -0
- package/fesm2022/edsis-ui-input-group.mjs +164 -0
- package/fesm2022/edsis-ui-input-group.mjs.map +1 -0
- package/fesm2022/edsis-ui-input-otp.mjs +485 -0
- package/fesm2022/edsis-ui-input-otp.mjs.map +1 -0
- package/fesm2022/edsis-ui-input.mjs +43 -0
- package/fesm2022/edsis-ui-input.mjs.map +1 -0
- package/fesm2022/edsis-ui-item.mjs +241 -0
- package/fesm2022/edsis-ui-item.mjs.map +1 -0
- package/fesm2022/edsis-ui-kanban.mjs +289 -0
- package/fesm2022/edsis-ui-kanban.mjs.map +1 -0
- package/fesm2022/edsis-ui-kbd.mjs +51 -0
- package/fesm2022/edsis-ui-kbd.mjs.map +1 -0
- package/fesm2022/edsis-ui-label.mjs +30 -0
- package/fesm2022/edsis-ui-label.mjs.map +1 -0
- package/fesm2022/edsis-ui-menubar.mjs +302 -0
- package/fesm2022/edsis-ui-menubar.mjs.map +1 -0
- package/fesm2022/edsis-ui-native-select.mjs +61 -0
- package/fesm2022/edsis-ui-native-select.mjs.map +1 -0
- package/fesm2022/edsis-ui-navigation-menu.mjs +399 -0
- package/fesm2022/edsis-ui-navigation-menu.mjs.map +1 -0
- package/fesm2022/edsis-ui-pagination.mjs +216 -0
- package/fesm2022/edsis-ui-pagination.mjs.map +1 -0
- package/fesm2022/edsis-ui-pillbox.mjs +777 -0
- package/fesm2022/edsis-ui-pillbox.mjs.map +1 -0
- package/fesm2022/edsis-ui-popover.mjs +163 -0
- package/fesm2022/edsis-ui-popover.mjs.map +1 -0
- package/fesm2022/edsis-ui-progress.mjs +53 -0
- package/fesm2022/edsis-ui-progress.mjs.map +1 -0
- package/fesm2022/edsis-ui-radio.mjs +111 -0
- package/fesm2022/edsis-ui-radio.mjs.map +1 -0
- package/fesm2022/edsis-ui-resizable.mjs +454 -0
- package/fesm2022/edsis-ui-resizable.mjs.map +1 -0
- package/fesm2022/edsis-ui-scroll-area.mjs +48 -0
- package/fesm2022/edsis-ui-scroll-area.mjs.map +1 -0
- package/fesm2022/edsis-ui-select.mjs +164 -0
- package/fesm2022/edsis-ui-select.mjs.map +1 -0
- package/fesm2022/edsis-ui-separator.mjs +33 -0
- package/fesm2022/edsis-ui-separator.mjs.map +1 -0
- package/fesm2022/edsis-ui-sheet.mjs +264 -0
- package/fesm2022/edsis-ui-sheet.mjs.map +1 -0
- package/fesm2022/edsis-ui-skeleton.mjs +29 -0
- package/fesm2022/edsis-ui-skeleton.mjs.map +1 -0
- package/fesm2022/edsis-ui-slider.mjs +405 -0
- package/fesm2022/edsis-ui-slider.mjs.map +1 -0
- package/fesm2022/edsis-ui-spinner.mjs +58 -0
- package/fesm2022/edsis-ui-spinner.mjs.map +1 -0
- package/fesm2022/edsis-ui-switch.mjs +107 -0
- package/fesm2022/edsis-ui-switch.mjs.map +1 -0
- package/fesm2022/edsis-ui-table.mjs +139 -0
- package/fesm2022/edsis-ui-table.mjs.map +1 -0
- package/fesm2022/edsis-ui-tabs.mjs +252 -0
- package/fesm2022/edsis-ui-tabs.mjs.map +1 -0
- package/fesm2022/edsis-ui-textarea.mjs +37 -0
- package/fesm2022/edsis-ui-textarea.mjs.map +1 -0
- package/fesm2022/edsis-ui-timeline.mjs +213 -0
- package/fesm2022/edsis-ui-timeline.mjs.map +1 -0
- package/fesm2022/edsis-ui-toast.mjs +71 -0
- package/fesm2022/edsis-ui-toast.mjs.map +1 -0
- package/fesm2022/edsis-ui-toggle-group.mjs +269 -0
- package/fesm2022/edsis-ui-toggle-group.mjs.map +1 -0
- package/fesm2022/edsis-ui-toggle.mjs +76 -0
- package/fesm2022/edsis-ui-toggle.mjs.map +1 -0
- package/fesm2022/edsis-ui-tooltip.mjs +339 -0
- package/fesm2022/edsis-ui-tooltip.mjs.map +1 -0
- package/fesm2022/edsis-ui-utils.mjs +13 -0
- package/fesm2022/edsis-ui-utils.mjs.map +1 -0
- package/fesm2022/edsis-ui.mjs +11 -0
- package/fesm2022/edsis-ui.mjs.map +1 -0
- package/form/README.md +210 -0
- package/hover-card/README.md +146 -0
- package/input/README.md +159 -0
- package/input-group/README.md +234 -0
- package/input-otp/README.md +273 -0
- package/item/README.md +247 -0
- package/kanban/README.md +81 -0
- package/kbd/README.md +139 -0
- package/label/README.md +136 -0
- package/menubar/README.md +269 -0
- package/native-select/README.md +176 -0
- package/navigation-menu/README.md +160 -0
- package/package.json +310 -0
- package/pagination/README.md +144 -0
- package/pillbox/README.md +67 -0
- package/popover/README.md +43 -0
- package/progress/README.md +160 -0
- package/radio/README.md +209 -0
- package/resizable/README.md +164 -0
- package/scroll-area/README.md +143 -0
- package/select/README.md +174 -0
- package/separator/README.md +170 -0
- package/sheet/README.md +183 -0
- package/skeleton/README.md +158 -0
- package/slider/README.md +207 -0
- package/spinner/README.md +160 -0
- package/switch/README.md +166 -0
- package/table/README.md +291 -0
- package/tabs/README.md +214 -0
- package/textarea/README.md +154 -0
- package/timeline/README.md +94 -0
- package/toast/README.md +321 -0
- package/toggle/README.md +131 -0
- package/toggle-group/README.md +206 -0
- package/tooltip/README.md +211 -0
- package/types/edsis-ui-accordion.d.ts +51 -0
- package/types/edsis-ui-alert-dialog.d.ts +93 -0
- package/types/edsis-ui-alert.d.ts +37 -0
- package/types/edsis-ui-aspect-ratio.d.ts +12 -0
- package/types/edsis-ui-avatar.d.ts +51 -0
- package/types/edsis-ui-badge.d.ts +19 -0
- package/types/edsis-ui-breadcrumb.d.ts +46 -0
- package/types/edsis-ui-button-group.d.ts +26 -0
- package/types/edsis-ui-button.d.ts +22 -0
- package/types/edsis-ui-calendar.d.ts +33 -0
- package/types/edsis-ui-card.d.ts +60 -0
- package/types/edsis-ui-carousel.d.ts +86 -0
- package/types/edsis-ui-chart-area.d.ts +1 -0
- package/types/edsis-ui-chart-bar.d.ts +1 -0
- package/types/edsis-ui-chart-line.d.ts +1 -0
- package/types/edsis-ui-chart-pie.d.ts +1 -0
- package/types/edsis-ui-chart-radar.d.ts +1 -0
- package/types/edsis-ui-chart-radial.d.ts +1 -0
- package/types/edsis-ui-chart-scatter.d.ts +1 -0
- package/types/edsis-ui-chart.d.ts +1094 -0
- package/types/edsis-ui-checkbox.d.ts +35 -0
- package/types/edsis-ui-collapsible.d.ts +42 -0
- package/types/edsis-ui-combobox.d.ts +51 -0
- package/types/edsis-ui-command.d.ts +99 -0
- package/types/edsis-ui-composer.d.ts +90 -0
- package/types/edsis-ui-context-menu.d.ts +35 -0
- package/types/edsis-ui-date-picker.d.ts +41 -0
- package/types/edsis-ui-dialog.d.ts +87 -0
- package/types/edsis-ui-drawer.d.ts +1 -0
- package/types/edsis-ui-dropdown-menu.d.ts +136 -0
- package/types/edsis-ui-editor.d.ts +123 -0
- package/types/edsis-ui-empty.d.ts +50 -0
- package/types/edsis-ui-form.d.ts +141 -0
- package/types/edsis-ui-hover-card.d.ts +74 -0
- package/types/edsis-ui-input-group.d.ts +51 -0
- package/types/edsis-ui-input-otp.d.ts +136 -0
- package/types/edsis-ui-input.d.ts +16 -0
- package/types/edsis-ui-item.d.ts +88 -0
- package/types/edsis-ui-kanban.d.ts +70 -0
- package/types/edsis-ui-kbd.d.ts +16 -0
- package/types/edsis-ui-label.d.ts +11 -0
- package/types/edsis-ui-menubar.d.ts +67 -0
- package/types/edsis-ui-native-select.d.ts +26 -0
- package/types/edsis-ui-navigation-menu.d.ts +96 -0
- package/types/edsis-ui-pagination.d.ts +34 -0
- package/types/edsis-ui-pillbox.d.ts +157 -0
- package/types/edsis-ui-popover.d.ts +43 -0
- package/types/edsis-ui-progress.d.ts +17 -0
- package/types/edsis-ui-radio.d.ts +40 -0
- package/types/edsis-ui-resizable.d.ts +99 -0
- package/types/edsis-ui-scroll-area.d.ts +19 -0
- package/types/edsis-ui-select.d.ts +57 -0
- package/types/edsis-ui-separator.d.ts +14 -0
- package/types/edsis-ui-sheet.d.ts +76 -0
- package/types/edsis-ui-skeleton.d.ts +10 -0
- package/types/edsis-ui-slider.d.ts +74 -0
- package/types/edsis-ui-spinner.d.ts +13 -0
- package/types/edsis-ui-switch.d.ts +40 -0
- package/types/edsis-ui-table.d.ts +52 -0
- package/types/edsis-ui-tabs.d.ts +92 -0
- package/types/edsis-ui-textarea.d.ts +12 -0
- package/types/edsis-ui-timeline.d.ts +63 -0
- package/types/edsis-ui-toast.d.ts +38 -0
- package/types/edsis-ui-toggle-group.d.ts +89 -0
- package/types/edsis-ui-toggle.d.ts +25 -0
- package/types/edsis-ui-tooltip.d.ts +89 -0
- package/types/edsis-ui-utils.d.ts +5 -0
- package/types/edsis-ui.d.ts +2 -0
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { WritableSignal, Signal, TemplateRef } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
|
|
5
|
+
type PillboxSize = 'default' | 'sm';
|
|
6
|
+
type PillboxVariant = 'default' | 'combobox';
|
|
7
|
+
interface PillboxSelectedItem {
|
|
8
|
+
readonly value: unknown;
|
|
9
|
+
readonly label: string;
|
|
10
|
+
readonly template: TemplateRef<unknown> | null;
|
|
11
|
+
readonly track: unknown;
|
|
12
|
+
}
|
|
13
|
+
declare abstract class PillboxContext {
|
|
14
|
+
abstract readonly query: WritableSignal<string>;
|
|
15
|
+
abstract readonly openState: Signal<boolean>;
|
|
16
|
+
abstract optionVisible(option: PillboxOptionComponent): boolean;
|
|
17
|
+
abstract optionSelected(option: PillboxOptionComponent): boolean;
|
|
18
|
+
abstract chooseOption(option: PillboxOptionComponent, event: Event): void;
|
|
19
|
+
abstract createVisible(option: PillboxOptionCreateComponent): boolean;
|
|
20
|
+
abstract chooseCreate(option: PillboxOptionCreateComponent, event: Event): void;
|
|
21
|
+
abstract emptyVisible(): boolean;
|
|
22
|
+
abstract emptyMessage(): string;
|
|
23
|
+
}
|
|
24
|
+
declare class PillboxSelectedDirective {
|
|
25
|
+
readonly template: TemplateRef<unknown>;
|
|
26
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxSelectedDirective, never>;
|
|
27
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PillboxSelectedDirective, "ng-template[uiPillboxSelected]", ["uiPillboxSelected"], {}, {}, never, never, true, never>;
|
|
28
|
+
}
|
|
29
|
+
declare class PillboxOptionComponent {
|
|
30
|
+
private readonly context;
|
|
31
|
+
private readonly element;
|
|
32
|
+
private readonly selectedTemplate;
|
|
33
|
+
readonly value: _angular_core.InputSignal<unknown>;
|
|
34
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
35
|
+
readonly selectedLabel: _angular_core.InputSignal<string>;
|
|
36
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
37
|
+
readonly filterable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
38
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
39
|
+
readonly selectedChange: _angular_core.OutputEmitterRef<unknown>;
|
|
40
|
+
protected readonly selected: Signal<boolean>;
|
|
41
|
+
protected readonly visible: Signal<boolean>;
|
|
42
|
+
protected readonly classes: Signal<string>;
|
|
43
|
+
textLabel(): string;
|
|
44
|
+
pillLabel(): string;
|
|
45
|
+
pillTemplate(): TemplateRef<unknown> | null;
|
|
46
|
+
protected handleClick(event: Event): void;
|
|
47
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
48
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxOptionComponent, never>;
|
|
49
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillboxOptionComponent, "ui-pillbox-option, button[ui-pillbox-option]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; }, ["selectedTemplate"], ["*"], true, never>;
|
|
50
|
+
}
|
|
51
|
+
declare class PillboxOptionCreateComponent {
|
|
52
|
+
private readonly context;
|
|
53
|
+
readonly minLength: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
54
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
55
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
56
|
+
readonly selected: _angular_core.OutputEmitterRef<string>;
|
|
57
|
+
protected readonly visible: Signal<boolean>;
|
|
58
|
+
protected readonly classes: Signal<string>;
|
|
59
|
+
protected handleClick(event: Event): void;
|
|
60
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
61
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxOptionCreateComponent, never>;
|
|
62
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillboxOptionCreateComponent, "ui-pillbox-option-create, button[ui-pillbox-option-create]", never, { "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
|
|
63
|
+
}
|
|
64
|
+
declare class PillboxOptionEmptyComponent {
|
|
65
|
+
protected readonly context: PillboxContext;
|
|
66
|
+
readonly whenLoading: _angular_core.InputSignal<string>;
|
|
67
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
68
|
+
protected readonly classes: Signal<string>;
|
|
69
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxOptionEmptyComponent, never>;
|
|
70
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillboxOptionEmptyComponent, "ui-pillbox-option-empty", never, { "whenLoading": { "alias": "whenLoading"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
71
|
+
}
|
|
72
|
+
declare class PillboxComponent extends PillboxContext implements ControlValueAccessor {
|
|
73
|
+
private readonly element;
|
|
74
|
+
private readonly document;
|
|
75
|
+
private readonly destroyRef;
|
|
76
|
+
readonly id: _angular_core.InputSignal<string | null>;
|
|
77
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
78
|
+
readonly searchPlaceholder: _angular_core.InputSignal<string>;
|
|
79
|
+
readonly size: _angular_core.InputSignal<PillboxSize>;
|
|
80
|
+
readonly variant: _angular_core.InputSignal<PillboxVariant>;
|
|
81
|
+
readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
82
|
+
readonly searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
83
|
+
readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
84
|
+
readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
85
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
86
|
+
readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
87
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
88
|
+
readonly emptyText: _angular_core.InputSignal<string>;
|
|
89
|
+
readonly loadingText: _angular_core.InputSignal<string>;
|
|
90
|
+
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
91
|
+
readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
|
|
92
|
+
readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
|
|
93
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
94
|
+
readonly valueChange: _angular_core.OutputEmitterRef<unknown>;
|
|
95
|
+
readonly searchChange: _angular_core.OutputEmitterRef<string>;
|
|
96
|
+
readonly create: _angular_core.OutputEmitterRef<string>;
|
|
97
|
+
readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
98
|
+
readonly query: WritableSignal<string>;
|
|
99
|
+
readonly openState: WritableSignal<boolean>;
|
|
100
|
+
private readonly selectedValues;
|
|
101
|
+
private readonly disabledFromControl;
|
|
102
|
+
private readonly generatedId;
|
|
103
|
+
private readonly trigger;
|
|
104
|
+
private readonly inlineSearch;
|
|
105
|
+
private readonly panelSearch;
|
|
106
|
+
private readonly options;
|
|
107
|
+
private readonly createOptions;
|
|
108
|
+
private readonly emptyOptions;
|
|
109
|
+
private removeDocumentListener;
|
|
110
|
+
private onChange;
|
|
111
|
+
private onTouched;
|
|
112
|
+
protected readonly panelId: string;
|
|
113
|
+
protected readonly resolvedId: Signal<string>;
|
|
114
|
+
protected readonly disabledState: Signal<boolean>;
|
|
115
|
+
protected readonly classes: Signal<string>;
|
|
116
|
+
protected readonly triggerClasses: Signal<string>;
|
|
117
|
+
protected readonly pillClasses: Signal<string>;
|
|
118
|
+
protected readonly panelClasses: Signal<string>;
|
|
119
|
+
protected readonly selectedItems: Signal<readonly PillboxSelectedItem[]>;
|
|
120
|
+
constructor();
|
|
121
|
+
optionVisible(option: PillboxOptionComponent): boolean;
|
|
122
|
+
optionSelected(option: PillboxOptionComponent): boolean;
|
|
123
|
+
chooseOption(option: PillboxOptionComponent, event: Event): void;
|
|
124
|
+
createVisible(option: PillboxOptionCreateComponent): boolean;
|
|
125
|
+
chooseCreate(option: PillboxOptionCreateComponent, event: Event): void;
|
|
126
|
+
emptyVisible(): boolean;
|
|
127
|
+
emptyMessage(): string;
|
|
128
|
+
protected handleTriggerClick(): void;
|
|
129
|
+
protected handleTriggerKeydown(event: KeyboardEvent): void;
|
|
130
|
+
protected handleSearchInput(event: Event): void;
|
|
131
|
+
protected handleInlineBackspace(event: KeyboardEvent): void;
|
|
132
|
+
protected clearSearch(event: Event): void;
|
|
133
|
+
protected clear(event: Event): void;
|
|
134
|
+
protected removeSelected(value: unknown, event: Event): void;
|
|
135
|
+
open(): void;
|
|
136
|
+
close(): void;
|
|
137
|
+
focus(): void;
|
|
138
|
+
writeValue(value: unknown): void;
|
|
139
|
+
registerOnChange(fn: (value: unknown) => void): void;
|
|
140
|
+
registerOnTouched(fn: () => void): void;
|
|
141
|
+
setDisabledState(disabled: boolean): void;
|
|
142
|
+
private emitValue;
|
|
143
|
+
private hasValue;
|
|
144
|
+
private findOption;
|
|
145
|
+
private hasVisibleOptions;
|
|
146
|
+
private hasVisibleCreateOption;
|
|
147
|
+
private sameValue;
|
|
148
|
+
private trackValue;
|
|
149
|
+
private focusSearchInput;
|
|
150
|
+
private bindOutsideListener;
|
|
151
|
+
private removeOutsideListener;
|
|
152
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxComponent, never>;
|
|
153
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillboxComponent, "ui-pillbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; "create": "create"; "openedChange": "openedChange"; }, ["options", "createOptions", "emptyOptions"], ["*"], true, never>;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
export { PillboxComponent, PillboxOptionComponent, PillboxOptionCreateComponent, PillboxOptionEmptyComponent, PillboxSelectedDirective };
|
|
157
|
+
export type { PillboxSize, PillboxVariant };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef, InjectionToken, Signal } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class PopoverContentDirective {
|
|
5
|
+
readonly template: TemplateRef<unknown>;
|
|
6
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverContentDirective, never>;
|
|
7
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverContentDirective, "ng-template[uiPopoverContent]", ["uiPopoverContent"], {}, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
|
|
11
|
+
type PopoverAlign = 'start' | 'center' | 'end';
|
|
12
|
+
interface PopoverTriggerDefaults {
|
|
13
|
+
readonly side?: Signal<PopoverSide>;
|
|
14
|
+
readonly align?: Signal<PopoverAlign>;
|
|
15
|
+
readonly sideOffset?: Signal<number>;
|
|
16
|
+
}
|
|
17
|
+
declare const POPOVER_TRIGGER_DEFAULTS: InjectionToken<PopoverTriggerDefaults>;
|
|
18
|
+
declare class PopoverTriggerDirective {
|
|
19
|
+
private readonly overlay;
|
|
20
|
+
private readonly vcr;
|
|
21
|
+
private readonly el;
|
|
22
|
+
private readonly destroyRef;
|
|
23
|
+
private readonly defaults;
|
|
24
|
+
readonly uiPopoverTrigger: _angular_core.InputSignal<PopoverContentDirective>;
|
|
25
|
+
readonly side: _angular_core.InputSignal<PopoverSide | undefined>;
|
|
26
|
+
readonly align: _angular_core.InputSignal<PopoverAlign | undefined>;
|
|
27
|
+
readonly sideOffset: _angular_core.InputSignal<number | undefined>;
|
|
28
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
29
|
+
readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
30
|
+
private overlayRef;
|
|
31
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
32
|
+
toggle(): void;
|
|
33
|
+
onKeyboardToggle(event: Event): void;
|
|
34
|
+
open(): void;
|
|
35
|
+
close(): void;
|
|
36
|
+
private oppositeSide;
|
|
37
|
+
private usesNativeKeyboardActivation;
|
|
38
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
|
|
39
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[uiPopoverTrigger]", ["uiPopoverTrigger"], { "uiPopoverTrigger": { "alias": "uiPopoverTrigger"; "required": true; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, never, true, never>;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export { POPOVER_TRIGGER_DEFAULTS, PopoverContentDirective, PopoverTriggerDirective };
|
|
43
|
+
export type { PopoverAlign, PopoverSide, PopoverTriggerDefaults };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class ProgressComponent {
|
|
4
|
+
readonly value: _angular_core.InputSignal<number | null>;
|
|
5
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
6
|
+
readonly indeterminate: _angular_core.InputSignal<boolean>;
|
|
7
|
+
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
8
|
+
readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
|
|
9
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
10
|
+
protected readonly clamped: _angular_core.Signal<number>;
|
|
11
|
+
protected readonly indicatorTransform: _angular_core.Signal<string>;
|
|
12
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
13
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressComponent, never>;
|
|
14
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressComponent, "ui-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { ProgressComponent };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { MatRadioChange } from '@angular/material/radio';
|
|
4
|
+
|
|
5
|
+
type AriaInvalidValue = boolean | 'true' | 'false' | null;
|
|
6
|
+
declare class RadioGroupComponent implements ControlValueAccessor {
|
|
7
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
8
|
+
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
9
|
+
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
10
|
+
readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
|
|
11
|
+
readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
|
|
12
|
+
readonly ariaInvalid: _angular_core.InputSignal<AriaInvalidValue>;
|
|
13
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
14
|
+
readonly valueChange: _angular_core.OutputEmitterRef<string>;
|
|
15
|
+
private readonly ref;
|
|
16
|
+
protected readonly value: _angular_core.WritableSignal<string | null>;
|
|
17
|
+
protected readonly disabled: _angular_core.WritableSignal<boolean>;
|
|
18
|
+
protected readonly ariaInvalidAttr: _angular_core.Signal<"true" | "false" | null>;
|
|
19
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
20
|
+
private onChange;
|
|
21
|
+
private onTouched;
|
|
22
|
+
protected handleChange(e: MatRadioChange): void;
|
|
23
|
+
focus(): void;
|
|
24
|
+
writeValue(v: string | null): void;
|
|
25
|
+
registerOnChange(fn: (v: string | null) => void): void;
|
|
26
|
+
registerOnTouched(fn: () => void): void;
|
|
27
|
+
setDisabledState(d: boolean): void;
|
|
28
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
|
|
29
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "ui-radio-group", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
|
|
30
|
+
}
|
|
31
|
+
declare class RadioComponent {
|
|
32
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
33
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
34
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
35
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
36
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
37
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "ui-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export { RadioComponent, RadioGroupComponent };
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnDestroy } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
type ResizableOrientation = 'horizontal' | 'vertical';
|
|
5
|
+
type ResizableSize = string | number | null | undefined;
|
|
6
|
+
interface ResizableHandleState {
|
|
7
|
+
readonly panelId: string;
|
|
8
|
+
readonly valueNow: number;
|
|
9
|
+
readonly valueMin: number;
|
|
10
|
+
readonly valueMax: number;
|
|
11
|
+
}
|
|
12
|
+
declare abstract class ResizableGroupContextBase {
|
|
13
|
+
abstract groupOrientation(): ResizableOrientation;
|
|
14
|
+
abstract panelDirection(): 'ltr' | 'rtl';
|
|
15
|
+
abstract pairState(handle: ResizableHandleComponent): ResizableHandleState | null;
|
|
16
|
+
abstract beginPointerResize(handle: ResizableHandleComponent, event: PointerEvent): void;
|
|
17
|
+
abstract handleKeydown(handle: ResizableHandleComponent, event: KeyboardEvent): void;
|
|
18
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizableGroupContextBase, never>;
|
|
19
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ResizableGroupContextBase, never, never, {}, {}, never, never, true, never>;
|
|
20
|
+
}
|
|
21
|
+
declare class ResizablePanelComponent {
|
|
22
|
+
private readonly ctx;
|
|
23
|
+
private readonly host;
|
|
24
|
+
readonly defaultSize: _angular_core.InputSignal<ResizableSize>;
|
|
25
|
+
readonly minSize: _angular_core.InputSignal<ResizableSize>;
|
|
26
|
+
readonly maxSize: _angular_core.InputSignal<ResizableSize>;
|
|
27
|
+
readonly id: _angular_core.InputSignal<string | null>;
|
|
28
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
29
|
+
private readonly generatedId;
|
|
30
|
+
private readonly currentSize;
|
|
31
|
+
protected readonly resolvedId: _angular_core.Signal<string>;
|
|
32
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
33
|
+
protected readonly flexStyle: _angular_core.Signal<string>;
|
|
34
|
+
panelId(): string;
|
|
35
|
+
preferredSizePercent(): number | null;
|
|
36
|
+
minSizePercent(): number;
|
|
37
|
+
maxSizePercent(): number;
|
|
38
|
+
size(): number;
|
|
39
|
+
setSize(size: number): void;
|
|
40
|
+
nativeElement(): HTMLElement;
|
|
41
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizablePanelComponent, never>;
|
|
42
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizablePanelComponent, "ui-resizable-panel", never, { "defaultSize": { "alias": "defaultSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
43
|
+
}
|
|
44
|
+
declare class ResizableHandleComponent {
|
|
45
|
+
private readonly ctx;
|
|
46
|
+
private readonly host;
|
|
47
|
+
readonly withHandle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
48
|
+
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
49
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
50
|
+
private readonly lastExpandedPrimarySize;
|
|
51
|
+
protected readonly active: _angular_core.WritableSignal<boolean>;
|
|
52
|
+
private readonly state;
|
|
53
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
54
|
+
protected readonly separatorOrientation: _angular_core.Signal<"horizontal" | "vertical">;
|
|
55
|
+
protected readonly controls: _angular_core.Signal<string | null>;
|
|
56
|
+
protected readonly label: _angular_core.Signal<string>;
|
|
57
|
+
protected readonly valueNow: _angular_core.Signal<string | null>;
|
|
58
|
+
protected readonly valueMin: _angular_core.Signal<string | null>;
|
|
59
|
+
protected readonly valueMax: _angular_core.Signal<string | null>;
|
|
60
|
+
protected readonly valueText: _angular_core.Signal<string | null>;
|
|
61
|
+
onPointerDown(event: PointerEvent): void;
|
|
62
|
+
onKeydown(event: KeyboardEvent): void;
|
|
63
|
+
setActive(active: boolean): void;
|
|
64
|
+
rememberPrimarySize(size: number): void;
|
|
65
|
+
rememberedPrimarySize(): number | null;
|
|
66
|
+
nativeElement(): HTMLElement;
|
|
67
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizableHandleComponent, never>;
|
|
68
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizableHandleComponent, "ui-resizable-handle", never, { "withHandle": { "alias": "withHandle"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
69
|
+
}
|
|
70
|
+
declare class ResizablePanelGroupComponent extends ResizableGroupContextBase implements OnDestroy {
|
|
71
|
+
private readonly host;
|
|
72
|
+
private readonly document;
|
|
73
|
+
readonly orientation: _angular_core.InputSignal<ResizableOrientation>;
|
|
74
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
75
|
+
private readonly panels;
|
|
76
|
+
private readonly handles;
|
|
77
|
+
private pointerSession;
|
|
78
|
+
private removePointerListeners;
|
|
79
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
80
|
+
private readonly syncLayout;
|
|
81
|
+
groupOrientation(): ResizableOrientation;
|
|
82
|
+
panelDirection(): 'ltr' | 'rtl';
|
|
83
|
+
pairState(handle: ResizableHandleComponent): ResizableHandleState | null;
|
|
84
|
+
beginPointerResize(handle: ResizableHandleComponent, event: PointerEvent): void;
|
|
85
|
+
handleKeydown(handle: ResizableHandleComponent, event: KeyboardEvent): void;
|
|
86
|
+
ngOnDestroy(): void;
|
|
87
|
+
private finishPointerResize;
|
|
88
|
+
private initializeLayout;
|
|
89
|
+
private resolvePair;
|
|
90
|
+
private boundsForPair;
|
|
91
|
+
private applyPrimarySize;
|
|
92
|
+
private containerSize;
|
|
93
|
+
private coordinateFromEvent;
|
|
94
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizablePanelGroupComponent, never>;
|
|
95
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizablePanelGroupComponent, "ui-resizable-panel-group", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["panels", "handles"], ["*"], true, never>;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
export { ResizableGroupContextBase, ResizableHandleComponent, ResizablePanelComponent, ResizablePanelGroupComponent };
|
|
99
|
+
export type { ResizableOrientation, ResizableSize };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Lightweight scroll area using native scrollbars styled via CSS.
|
|
5
|
+
* Fully accessible — real scrolling, keyboard, wheel, momentum.
|
|
6
|
+
*/
|
|
7
|
+
declare class ScrollAreaComponent {
|
|
8
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
9
|
+
readonly viewportClass: _angular_core.InputSignal<string>;
|
|
10
|
+
readonly viewportAriaLabel: _angular_core.InputSignal<string | null>;
|
|
11
|
+
readonly viewportTabIndex: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
12
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
13
|
+
protected readonly viewportRole: _angular_core.Signal<"region" | null>;
|
|
14
|
+
protected readonly viewportClasses: _angular_core.Signal<string>;
|
|
15
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollAreaComponent, never>;
|
|
16
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollAreaComponent, "ui-scroll-area", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "viewportClass": { "alias": "viewportClass"; "required": false; "isSignal": true; }; "viewportAriaLabel": { "alias": "viewportAriaLabel"; "required": false; "isSignal": true; }; "viewportTabIndex": { "alias": "viewportTabIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { ScrollAreaComponent };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { MatSelectChange } from '@angular/material/select';
|
|
4
|
+
|
|
5
|
+
declare class SelectComponent implements ControlValueAccessor {
|
|
6
|
+
private readonly injector;
|
|
7
|
+
private readonly formFieldContext;
|
|
8
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
9
|
+
readonly id: _angular_core.InputSignal<string | null>;
|
|
10
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
11
|
+
readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
12
|
+
readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
13
|
+
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
14
|
+
readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
|
|
15
|
+
readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
|
|
16
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
17
|
+
readonly valueChange: _angular_core.OutputEmitterRef<unknown>;
|
|
18
|
+
readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
19
|
+
private readonly ref;
|
|
20
|
+
private readonly generatedId;
|
|
21
|
+
protected readonly value: _angular_core.WritableSignal<unknown>;
|
|
22
|
+
private readonly disabledFromControl;
|
|
23
|
+
protected readonly disabledState: _angular_core.Signal<boolean>;
|
|
24
|
+
protected readonly resolvedId: _angular_core.Signal<string>;
|
|
25
|
+
protected readonly describedBy: _angular_core.Signal<string | null>;
|
|
26
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
27
|
+
private ngControl;
|
|
28
|
+
private onChange;
|
|
29
|
+
private onTouched;
|
|
30
|
+
constructor();
|
|
31
|
+
ngOnInit(): void;
|
|
32
|
+
protected handleChange(e: MatSelectChange): void;
|
|
33
|
+
open(): void;
|
|
34
|
+
close(): void;
|
|
35
|
+
focus(): void;
|
|
36
|
+
writeValue(v: unknown): void;
|
|
37
|
+
registerOnChange(fn: (v: unknown) => void): void;
|
|
38
|
+
registerOnTouched(fn: () => void): void;
|
|
39
|
+
setDisabledState(d: boolean): void;
|
|
40
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
41
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ui-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "openedChange": "openedChange"; }, never, ["*"], true, never>;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Option for `<ui-select>`. Wraps `mat-option` so the underlying `mat-select`
|
|
46
|
+
* can still discover it via `@ContentChildren(MatOption, { descendants: true })`.
|
|
47
|
+
*/
|
|
48
|
+
declare class OptionComponent {
|
|
49
|
+
readonly value: _angular_core.InputSignal<unknown>;
|
|
50
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
51
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
52
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
53
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionComponent, never>;
|
|
54
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionComponent, "ui-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export { OptionComponent, SelectComponent };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type SeparatorOrientation = 'horizontal' | 'vertical';
|
|
4
|
+
declare class SeparatorComponent {
|
|
5
|
+
readonly orientation: _angular_core.InputSignal<SeparatorOrientation>;
|
|
6
|
+
readonly decorative: _angular_core.InputSignal<boolean>;
|
|
7
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
8
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
9
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SeparatorComponent, never>;
|
|
10
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SeparatorComponent, "ui-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { SeparatorComponent };
|
|
14
|
+
export type { SeparatorOrientation };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class SheetCloseDirective {
|
|
4
|
+
private readonly sheet;
|
|
5
|
+
closeSheet(): void;
|
|
6
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetCloseDirective, never>;
|
|
7
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SheetCloseDirective, "button[ui-sheet-close], a[ui-sheet-close], button[ui-drawer-close], a[ui-drawer-close]", never, {}, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
type SheetSide = 'top' | 'right' | 'bottom' | 'left';
|
|
11
|
+
declare class SheetComponent {
|
|
12
|
+
private readonly overlay;
|
|
13
|
+
private readonly vcr;
|
|
14
|
+
private readonly trapFactory;
|
|
15
|
+
private readonly doc;
|
|
16
|
+
private readonly destroyRef;
|
|
17
|
+
private readonly host;
|
|
18
|
+
readonly open: _angular_core.ModelSignal<boolean>;
|
|
19
|
+
readonly side: _angular_core.InputSignal<SheetSide | undefined>;
|
|
20
|
+
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
21
|
+
readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
|
|
22
|
+
readonly showCloseButton: _angular_core.InputSignal<boolean>;
|
|
23
|
+
readonly closeButtonLabel: _angular_core.InputSignal<string>;
|
|
24
|
+
readonly labelledBy: _angular_core.InputSignal<string | null>;
|
|
25
|
+
readonly describedBy: _angular_core.InputSignal<string | null>;
|
|
26
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
27
|
+
readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
28
|
+
private readonly tpl;
|
|
29
|
+
private overlayRef;
|
|
30
|
+
private focusTrap;
|
|
31
|
+
private previousFocus;
|
|
32
|
+
private readonly resolvedSide;
|
|
33
|
+
protected readonly surfaceClasses: _angular_core.Signal<string>;
|
|
34
|
+
protected readonly enterFrom: _angular_core.Signal<string>;
|
|
35
|
+
constructor();
|
|
36
|
+
private attach;
|
|
37
|
+
private detach;
|
|
38
|
+
close(): void;
|
|
39
|
+
private isDrawerHost;
|
|
40
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetComponent, never>;
|
|
41
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetComponent, "ui-sheet, ui-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "describedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "openedChange": "openedChange"; }, never, ["*"], true, never>;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
declare class SheetHeaderComponent {
|
|
45
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
46
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
47
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetHeaderComponent, never>;
|
|
48
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetHeaderComponent, "ui-sheet-header, ui-drawer-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
49
|
+
}
|
|
50
|
+
declare class SheetTitleComponent {
|
|
51
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
52
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
53
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetTitleComponent, never>;
|
|
54
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetTitleComponent, "ui-sheet-title, ui-drawer-title, h2[ui-sheet-title], h2[ui-drawer-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
55
|
+
}
|
|
56
|
+
declare class SheetDescriptionComponent {
|
|
57
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
58
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
59
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetDescriptionComponent, never>;
|
|
60
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetDescriptionComponent, "ui-sheet-description, ui-drawer-description, p[ui-sheet-description], p[ui-drawer-description]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
61
|
+
}
|
|
62
|
+
declare class SheetContentComponent {
|
|
63
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
64
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
65
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetContentComponent, never>;
|
|
66
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetContentComponent, "ui-sheet-content, ui-drawer-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
67
|
+
}
|
|
68
|
+
declare class SheetFooterComponent {
|
|
69
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
70
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
71
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetFooterComponent, never>;
|
|
72
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetFooterComponent, "ui-sheet-footer, ui-drawer-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
export { SheetCloseDirective, SheetComponent, SheetContentComponent, SheetDescriptionComponent, SheetFooterComponent, SheetHeaderComponent, SheetTitleComponent };
|
|
76
|
+
export type { SheetSide };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class SkeletonComponent {
|
|
4
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
5
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
6
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
|
|
7
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "ui-skeleton", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { SkeletonComponent };
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Styled native range input. Works with `ngModel` / `FormControl` via
|
|
5
|
+
* Angular's built-in `RangeValueAccessor`. Keyboard + ARIA handled by the browser.
|
|
6
|
+
*/
|
|
7
|
+
declare class SliderComponent {
|
|
8
|
+
private readonly el;
|
|
9
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
10
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
11
|
+
focus(): void;
|
|
12
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
|
|
13
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "input[type=range][ui-slider]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type SliderOrientation = 'horizontal' | 'vertical';
|
|
17
|
+
interface SliderThumbState {
|
|
18
|
+
readonly index: number;
|
|
19
|
+
readonly value: number;
|
|
20
|
+
readonly position: number;
|
|
21
|
+
readonly min: number;
|
|
22
|
+
readonly max: number;
|
|
23
|
+
readonly label: string | null;
|
|
24
|
+
}
|
|
25
|
+
declare class SliderRootComponent {
|
|
26
|
+
private readonly host;
|
|
27
|
+
private readonly document;
|
|
28
|
+
private readonly track;
|
|
29
|
+
readonly value: _angular_core.InputSignal<readonly number[]>;
|
|
30
|
+
readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
31
|
+
readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
32
|
+
readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
33
|
+
readonly minStepsBetweenThumbs: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
34
|
+
readonly orientation: _angular_core.InputSignal<SliderOrientation>;
|
|
35
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
36
|
+
readonly thumbLabels: _angular_core.InputSignal<readonly string[] | null>;
|
|
37
|
+
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
38
|
+
readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
|
|
39
|
+
readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
|
|
40
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
41
|
+
readonly valueChange: _angular_core.OutputEmitterRef<readonly number[]>;
|
|
42
|
+
private readonly disabledState;
|
|
43
|
+
private readonly valueState;
|
|
44
|
+
protected readonly activeThumbIndex: _angular_core.WritableSignal<number>;
|
|
45
|
+
private readonly draggedThumbIndex;
|
|
46
|
+
private readonly pointerId;
|
|
47
|
+
private readonly config;
|
|
48
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
49
|
+
protected readonly hostClasses: _angular_core.Signal<string>;
|
|
50
|
+
protected readonly thumbs: _angular_core.Signal<readonly SliderThumbState[]>;
|
|
51
|
+
protected readonly rangeOffset: _angular_core.Signal<number>;
|
|
52
|
+
protected readonly rangeSize: _angular_core.Signal<number>;
|
|
53
|
+
private readonly syncExternalValue;
|
|
54
|
+
onTrackPointerDown(event: PointerEvent): void;
|
|
55
|
+
onThumbPointerDown(event: PointerEvent, index: number): void;
|
|
56
|
+
onWindowPointerMove(event: PointerEvent): void;
|
|
57
|
+
onWindowPointerUp(event: PointerEvent): void;
|
|
58
|
+
onThumbFocus(index: number): void;
|
|
59
|
+
onThumbKeydown(event: KeyboardEvent, index: number): void;
|
|
60
|
+
private beginDrag;
|
|
61
|
+
private updateThumbValue;
|
|
62
|
+
private valueFromPointer;
|
|
63
|
+
private closestThumbIndex;
|
|
64
|
+
private rangeSpan;
|
|
65
|
+
private positionPercent;
|
|
66
|
+
private thumbLabel;
|
|
67
|
+
private focusThumb;
|
|
68
|
+
private resolvedDirection;
|
|
69
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderRootComponent, never>;
|
|
70
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderRootComponent, "ui-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "thumbLabels": { "alias": "thumbLabels"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export { SliderComponent, SliderComponent as SliderInputDirective, SliderRootComponent };
|
|
74
|
+
export type { SliderOrientation };
|