@saitec/ui 0.1.0
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.
Potentially problematic release.
This version of @saitec/ui might be problematic. Click here for more details.
- package/README.md +64 -0
- package/fesm2022/saitec-ui-autocomplete.mjs +214 -0
- package/fesm2022/saitec-ui-autocomplete.mjs.map +1 -0
- package/fesm2022/saitec-ui-badge.mjs +26 -0
- package/fesm2022/saitec-ui-badge.mjs.map +1 -0
- package/fesm2022/saitec-ui-button.mjs +35 -0
- package/fesm2022/saitec-ui-button.mjs.map +1 -0
- package/fesm2022/saitec-ui-card.mjs +28 -0
- package/fesm2022/saitec-ui-card.mjs.map +1 -0
- package/fesm2022/saitec-ui-checkbox.mjs +87 -0
- package/fesm2022/saitec-ui-checkbox.mjs.map +1 -0
- package/fesm2022/saitec-ui-chip.mjs +32 -0
- package/fesm2022/saitec-ui-chip.mjs.map +1 -0
- package/fesm2022/saitec-ui-confirm.mjs +93 -0
- package/fesm2022/saitec-ui-confirm.mjs.map +1 -0
- package/fesm2022/saitec-ui-core.mjs +4 -0
- package/fesm2022/saitec-ui-core.mjs.map +1 -0
- package/fesm2022/saitec-ui-date-picker.mjs +92 -0
- package/fesm2022/saitec-ui-date-picker.mjs.map +1 -0
- package/fesm2022/saitec-ui-dialog.mjs +95 -0
- package/fesm2022/saitec-ui-dialog.mjs.map +1 -0
- package/fesm2022/saitec-ui-divider.mjs +22 -0
- package/fesm2022/saitec-ui-divider.mjs.map +1 -0
- package/fesm2022/saitec-ui-drawer.mjs +96 -0
- package/fesm2022/saitec-ui-drawer.mjs.map +1 -0
- package/fesm2022/saitec-ui-fieldset.mjs +32 -0
- package/fesm2022/saitec-ui-fieldset.mjs.map +1 -0
- package/fesm2022/saitec-ui-file-upload.mjs +206 -0
- package/fesm2022/saitec-ui-file-upload.mjs.map +1 -0
- package/fesm2022/saitec-ui-form-field.mjs +30 -0
- package/fesm2022/saitec-ui-form-field.mjs.map +1 -0
- package/fesm2022/saitec-ui-input-number.mjs +250 -0
- package/fesm2022/saitec-ui-input-number.mjs.map +1 -0
- package/fesm2022/saitec-ui-input.mjs +95 -0
- package/fesm2022/saitec-ui-input.mjs.map +1 -0
- package/fesm2022/saitec-ui-menu.mjs +46 -0
- package/fesm2022/saitec-ui-menu.mjs.map +1 -0
- package/fesm2022/saitec-ui-menubar.mjs +72 -0
- package/fesm2022/saitec-ui-menubar.mjs.map +1 -0
- package/fesm2022/saitec-ui-message.mjs +28 -0
- package/fesm2022/saitec-ui-message.mjs.map +1 -0
- package/fesm2022/saitec-ui-multiselect.mjs +209 -0
- package/fesm2022/saitec-ui-multiselect.mjs.map +1 -0
- package/fesm2022/saitec-ui-panel.mjs +32 -0
- package/fesm2022/saitec-ui-panel.mjs.map +1 -0
- package/fesm2022/saitec-ui-progress-spinner.mjs +24 -0
- package/fesm2022/saitec-ui-progress-spinner.mjs.map +1 -0
- package/fesm2022/saitec-ui-select.mjs +105 -0
- package/fesm2022/saitec-ui-select.mjs.map +1 -0
- package/fesm2022/saitec-ui-table.mjs +172 -0
- package/fesm2022/saitec-ui-table.mjs.map +1 -0
- package/fesm2022/saitec-ui-tabs.mjs +170 -0
- package/fesm2022/saitec-ui-tabs.mjs.map +1 -0
- package/fesm2022/saitec-ui-tag.mjs +26 -0
- package/fesm2022/saitec-ui-tag.mjs.map +1 -0
- package/fesm2022/saitec-ui-textarea.mjs +95 -0
- package/fesm2022/saitec-ui-textarea.mjs.map +1 -0
- package/fesm2022/saitec-ui-toast.mjs +109 -0
- package/fesm2022/saitec-ui-toast.mjs.map +1 -0
- package/fesm2022/saitec-ui-toggle-switch.mjs +85 -0
- package/fesm2022/saitec-ui-toggle-switch.mjs.map +1 -0
- package/fesm2022/saitec-ui-toolbar.mjs +20 -0
- package/fesm2022/saitec-ui-toolbar.mjs.map +1 -0
- package/fesm2022/saitec-ui-tooltip.mjs +219 -0
- package/fesm2022/saitec-ui-tooltip.mjs.map +1 -0
- package/fesm2022/saitec-ui.mjs +22 -0
- package/fesm2022/saitec-ui.mjs.map +1 -0
- package/lib/core/themes/dark.css +233 -0
- package/lib/core/themes/light.css +210 -0
- package/lib/core/tokens/components/autocomplete.css +26 -0
- package/lib/core/tokens/components/badge.css +26 -0
- package/lib/core/tokens/components/button.css +90 -0
- package/lib/core/tokens/components/card.css +15 -0
- package/lib/core/tokens/components/checkbox.css +17 -0
- package/lib/core/tokens/components/chip.css +16 -0
- package/lib/core/tokens/components/confirm.css +8 -0
- package/lib/core/tokens/components/date-picker.css +18 -0
- package/lib/core/tokens/components/dialog.css +18 -0
- package/lib/core/tokens/components/divider.css +9 -0
- package/lib/core/tokens/components/drawer.css +16 -0
- package/lib/core/tokens/components/fieldset.css +15 -0
- package/lib/core/tokens/components/file-upload.css +31 -0
- package/lib/core/tokens/components/form-field.css +14 -0
- package/lib/core/tokens/components/input-number.css +20 -0
- package/lib/core/tokens/components/input.css +31 -0
- package/lib/core/tokens/components/menu.css +19 -0
- package/lib/core/tokens/components/menubar.css +18 -0
- package/lib/core/tokens/components/message.css +29 -0
- package/lib/core/tokens/components/multiselect.css +25 -0
- package/lib/core/tokens/components/panel.css +18 -0
- package/lib/core/tokens/components/progress-spinner.css +10 -0
- package/lib/core/tokens/components/select.css +18 -0
- package/lib/core/tokens/components/table.css +32 -0
- package/lib/core/tokens/components/tabs.css +18 -0
- package/lib/core/tokens/components/tag.css +29 -0
- package/lib/core/tokens/components/textarea.css +19 -0
- package/lib/core/tokens/components/toast.css +22 -0
- package/lib/core/tokens/components/toggle-switch.css +17 -0
- package/lib/core/tokens/components/toolbar.css +11 -0
- package/lib/core/tokens/components/tooltip.css +12 -0
- package/lib/core/tokens/components.css +50 -0
- package/lib/core/tokens/foundations.css +132 -0
- package/lib/core/tokens/primitives.css +159 -0
- package/package.json +162 -0
- package/styles.css +7 -0
- package/types/saitec-ui-autocomplete.d.ts +50 -0
- package/types/saitec-ui-badge.d.ts +15 -0
- package/types/saitec-ui-button.d.ts +22 -0
- package/types/saitec-ui-card.d.ts +13 -0
- package/types/saitec-ui-checkbox.d.ts +33 -0
- package/types/saitec-ui-chip.d.ts +13 -0
- package/types/saitec-ui-confirm.d.ts +38 -0
- package/types/saitec-ui-core.d.ts +7 -0
- package/types/saitec-ui-date-picker.d.ts +35 -0
- package/types/saitec-ui-dialog.d.ts +29 -0
- package/types/saitec-ui-divider.d.ts +13 -0
- package/types/saitec-ui-drawer.d.ts +31 -0
- package/types/saitec-ui-fieldset.d.ts +13 -0
- package/types/saitec-ui-file-upload.d.ts +43 -0
- package/types/saitec-ui-form-field.d.ts +14 -0
- package/types/saitec-ui-input-number.d.ts +60 -0
- package/types/saitec-ui-input.d.ts +39 -0
- package/types/saitec-ui-menu.d.ts +17 -0
- package/types/saitec-ui-menubar.d.ts +21 -0
- package/types/saitec-ui-message.d.ts +15 -0
- package/types/saitec-ui-multiselect.d.ts +54 -0
- package/types/saitec-ui-panel.d.ts +13 -0
- package/types/saitec-ui-progress-spinner.d.ts +13 -0
- package/types/saitec-ui-select.d.ts +36 -0
- package/types/saitec-ui-table.d.ts +57 -0
- package/types/saitec-ui-tabs.d.ts +57 -0
- package/types/saitec-ui-tag.d.ts +15 -0
- package/types/saitec-ui-textarea.d.ts +37 -0
- package/types/saitec-ui-toast.d.ts +43 -0
- package/types/saitec-ui-toggle-switch.d.ts +32 -0
- package/types/saitec-ui-toolbar.d.ts +9 -0
- package/types/saitec-ui-tooltip.d.ts +38 -0
- package/types/saitec-ui.d.ts +8 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
|
|
4
|
+
type SaiInputType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
|
|
5
|
+
declare class SuiInput implements ControlValueAccessor {
|
|
6
|
+
id: _angular_core.InputSignal<string>;
|
|
7
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
8
|
+
type: _angular_core.InputSignal<SaiInputType>;
|
|
9
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
10
|
+
autocomplete: _angular_core.InputSignal<string | undefined>;
|
|
11
|
+
inputMode: _angular_core.InputSignal<string | undefined>;
|
|
12
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
13
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
14
|
+
maxlength: _angular_core.InputSignal<number | undefined>;
|
|
15
|
+
minlength: _angular_core.InputSignal<number | undefined>;
|
|
16
|
+
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
17
|
+
ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
|
|
18
|
+
ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
|
|
19
|
+
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
20
|
+
focused: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
21
|
+
blurred: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
22
|
+
protected readonly value: _angular_core.WritableSignal<string>;
|
|
23
|
+
private readonly formDisabled;
|
|
24
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
25
|
+
private onChange;
|
|
26
|
+
private onTouched;
|
|
27
|
+
writeValue(value: string | null | undefined): void;
|
|
28
|
+
registerOnChange(fn: (value: string) => void): void;
|
|
29
|
+
registerOnTouched(fn: () => void): void;
|
|
30
|
+
setDisabledState(disabled: boolean): void;
|
|
31
|
+
protected handleInput(event: Event): void;
|
|
32
|
+
protected handleFocus(event: FocusEvent): void;
|
|
33
|
+
protected handleBlur(event: FocusEvent): void;
|
|
34
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiInput, never>;
|
|
35
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiInput, "sui-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputMode"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export { SuiInput };
|
|
39
|
+
export type { SaiInputType };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
|
|
3
|
+
interface SuiMenuItem {
|
|
4
|
+
label?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
separator?: boolean;
|
|
7
|
+
items?: SuiMenuItem[];
|
|
8
|
+
command?: (item: SuiMenuItem) => void;
|
|
9
|
+
}
|
|
10
|
+
declare class SuiMenu {
|
|
11
|
+
items: i0.InputSignal<SuiMenuItem[]>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SuiMenu, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SuiMenu, "sui-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { SuiMenu };
|
|
17
|
+
export type { SuiMenuItem };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef } from '@angular/core';
|
|
3
|
+
import { SuiMenuItem } from '@saitec/ui/menu';
|
|
4
|
+
|
|
5
|
+
declare class SuiMenubar {
|
|
6
|
+
private readonly elementRef;
|
|
7
|
+
items: _angular_core.InputSignal<SuiMenuItem[]>;
|
|
8
|
+
bordered: _angular_core.InputSignal<boolean>;
|
|
9
|
+
protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
|
|
10
|
+
constructor(elementRef: ElementRef<HTMLElement>);
|
|
11
|
+
protected toggleItem(item: SuiMenuItem, index: number): void;
|
|
12
|
+
protected selectChild(item: SuiMenuItem): void;
|
|
13
|
+
protected isOpen(index: number): boolean;
|
|
14
|
+
protected close(): void;
|
|
15
|
+
protected handleDocumentClick(event: MouseEvent): void;
|
|
16
|
+
protected handleEscape(): void;
|
|
17
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiMenubar, never>;
|
|
18
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiMenubar, "sui-menubar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, {}, never, ["[suiMenubarStart]", "[suiMenubarEnd]"], true, never>;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export { SuiMenubar };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type SuiMessageSeverity = 'info' | 'success' | 'warning' | 'danger' | 'secondary';
|
|
4
|
+
declare class SuiMessage {
|
|
5
|
+
severity: _angular_core.InputSignal<SuiMessageSeverity>;
|
|
6
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
7
|
+
closable: _angular_core.InputSignal<boolean>;
|
|
8
|
+
closed: _angular_core.OutputEmitterRef<void>;
|
|
9
|
+
protected close(): void;
|
|
10
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiMessage, never>;
|
|
11
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiMessage, "sui-message", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { SuiMessage };
|
|
15
|
+
export type { SuiMessageSeverity };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { SuiOption } from '@saitec/ui/core';
|
|
4
|
+
|
|
5
|
+
declare class SuiMultiSelect implements ControlValueAccessor {
|
|
6
|
+
id: _angular_core.InputSignal<string>;
|
|
7
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
8
|
+
options: _angular_core.InputSignal<SuiOption<unknown>[]>;
|
|
9
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
10
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
11
|
+
required: _angular_core.InputSignal<boolean>;
|
|
12
|
+
filter: _angular_core.InputSignal<boolean>;
|
|
13
|
+
filterPlaceholder: _angular_core.InputSignal<string>;
|
|
14
|
+
showSelectAll: _angular_core.InputSignal<boolean>;
|
|
15
|
+
maxSelectedLabels: _angular_core.InputSignal<number>;
|
|
16
|
+
selectedItemsLabel: _angular_core.InputSignal<string>;
|
|
17
|
+
emptyMessage: _angular_core.InputSignal<string>;
|
|
18
|
+
emptyFilterMessage: _angular_core.InputSignal<string>;
|
|
19
|
+
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
20
|
+
ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
|
|
21
|
+
ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
|
|
22
|
+
compareWith: _angular_core.InputSignal<(a: unknown, b: unknown) => boolean>;
|
|
23
|
+
valueChange: _angular_core.OutputEmitterRef<unknown[]>;
|
|
24
|
+
opened: _angular_core.OutputEmitterRef<void>;
|
|
25
|
+
closed: _angular_core.OutputEmitterRef<void>;
|
|
26
|
+
protected readonly value: _angular_core.WritableSignal<unknown[]>;
|
|
27
|
+
protected readonly panelVisible: _angular_core.WritableSignal<boolean>;
|
|
28
|
+
protected readonly filterValue: _angular_core.WritableSignal<string>;
|
|
29
|
+
private readonly formDisabled;
|
|
30
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
31
|
+
protected readonly filteredOptions: _angular_core.Signal<SuiOption<unknown>[]>;
|
|
32
|
+
protected readonly enabledOptions: _angular_core.Signal<SuiOption<unknown>[]>;
|
|
33
|
+
protected readonly allSelected: _angular_core.Signal<boolean>;
|
|
34
|
+
protected readonly partiallySelected: _angular_core.Signal<boolean>;
|
|
35
|
+
protected readonly displayLabel: _angular_core.Signal<string>;
|
|
36
|
+
private onChange;
|
|
37
|
+
private onTouched;
|
|
38
|
+
writeValue(value: unknown[] | null | undefined): void;
|
|
39
|
+
registerOnChange(fn: (value: unknown[]) => void): void;
|
|
40
|
+
registerOnTouched(fn: () => void): void;
|
|
41
|
+
setDisabledState(disabled: boolean): void;
|
|
42
|
+
protected togglePanel(): void;
|
|
43
|
+
protected closePanel(): void;
|
|
44
|
+
protected toggleOption(option: SuiOption): void;
|
|
45
|
+
protected toggleAll(): void;
|
|
46
|
+
protected isSelected(option: SuiOption): boolean;
|
|
47
|
+
protected handleFilter(event: Event): void;
|
|
48
|
+
private containsValue;
|
|
49
|
+
private updateValue;
|
|
50
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiMultiSelect, never>;
|
|
51
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiMultiSelect, "sui-multiselect", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export { SuiMultiSelect };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class SuiPanel {
|
|
4
|
+
header: _angular_core.InputSignal<string | undefined>;
|
|
5
|
+
toggleable: _angular_core.InputSignal<boolean>;
|
|
6
|
+
collapsed: _angular_core.ModelSignal<boolean>;
|
|
7
|
+
bordered: _angular_core.InputSignal<boolean>;
|
|
8
|
+
protected toggle(): void;
|
|
9
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiPanel, never>;
|
|
10
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiPanel, "sui-panel", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[suiPanelHeader]", "*", "[suiPanelFooter]"], true, never>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { SuiPanel };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type SuiProgressSpinnerSize = 'small' | 'medium' | 'large';
|
|
4
|
+
declare class SuiProgressSpinner {
|
|
5
|
+
size: _angular_core.InputSignal<SuiProgressSpinnerSize>;
|
|
6
|
+
strokeWidth: _angular_core.InputSignal<number>;
|
|
7
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
8
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiProgressSpinner, never>;
|
|
9
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiProgressSpinner, "sui-progress-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { SuiProgressSpinner };
|
|
13
|
+
export type { SuiProgressSpinnerSize };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { SuiOption } from '@saitec/ui/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
|
|
5
|
+
declare class SuiSelect implements ControlValueAccessor {
|
|
6
|
+
id: _angular_core.InputSignal<string>;
|
|
7
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
8
|
+
options: _angular_core.InputSignal<SuiOption<unknown>[]>;
|
|
9
|
+
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
10
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
11
|
+
required: _angular_core.InputSignal<boolean>;
|
|
12
|
+
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
13
|
+
ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
|
|
14
|
+
ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
|
|
15
|
+
compareWith: _angular_core.InputSignal<(a: unknown, b: unknown) => boolean>;
|
|
16
|
+
valueChange: _angular_core.OutputEmitterRef<unknown>;
|
|
17
|
+
focused: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
18
|
+
blurred: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
19
|
+
protected readonly value: _angular_core.WritableSignal<unknown>;
|
|
20
|
+
private readonly formDisabled;
|
|
21
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
22
|
+
protected readonly selectedIndex: _angular_core.Signal<number>;
|
|
23
|
+
private onChange;
|
|
24
|
+
private onTouched;
|
|
25
|
+
writeValue(value: unknown): void;
|
|
26
|
+
registerOnChange(fn: (value: unknown) => void): void;
|
|
27
|
+
registerOnTouched(fn: () => void): void;
|
|
28
|
+
setDisabledState(disabled: boolean): void;
|
|
29
|
+
protected handleChange(event: Event): void;
|
|
30
|
+
protected handleFocus(event: FocusEvent): void;
|
|
31
|
+
protected handleBlur(event: FocusEvent): void;
|
|
32
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiSelect, never>;
|
|
33
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSelect, "sui-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export { SuiSelect };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
interface SuiCellContext<T = unknown> {
|
|
5
|
+
$implicit: T;
|
|
6
|
+
value: unknown;
|
|
7
|
+
rowIndex: number;
|
|
8
|
+
}
|
|
9
|
+
declare class SuiCell<T = unknown> {
|
|
10
|
+
readonly template: TemplateRef<SuiCellContext<T>>;
|
|
11
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCell<any>, never>;
|
|
12
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SuiCell<any>, "ng-template[suiCell]", never, {}, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
type SuiColumnAlign = 'left' | 'center' | 'right';
|
|
16
|
+
declare class SuiColumn {
|
|
17
|
+
field: _angular_core.InputSignal<string>;
|
|
18
|
+
header: _angular_core.InputSignal<string | undefined>;
|
|
19
|
+
sortable: _angular_core.InputSignal<boolean>;
|
|
20
|
+
width: _angular_core.InputSignal<string | undefined>;
|
|
21
|
+
align: _angular_core.InputSignalWithTransform<SuiColumnAlign, string>;
|
|
22
|
+
readonly cell: _angular_core.Signal<SuiCell<any> | undefined>;
|
|
23
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiColumn, never>;
|
|
24
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiColumn, "sui-column", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, ["cell"], never, true, never>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
type SuiSortOrder = 'asc' | 'desc';
|
|
28
|
+
interface SuiTableSort {
|
|
29
|
+
field: string;
|
|
30
|
+
order: SuiSortOrder;
|
|
31
|
+
}
|
|
32
|
+
declare class SuiTable<T extends object = Record<string, unknown>> {
|
|
33
|
+
value: _angular_core.InputSignal<T[]>;
|
|
34
|
+
loading: _angular_core.InputSignal<boolean>;
|
|
35
|
+
emptyMessage: _angular_core.InputSignal<string>;
|
|
36
|
+
striped: _angular_core.InputSignal<boolean>;
|
|
37
|
+
hoverable: _angular_core.InputSignal<boolean>;
|
|
38
|
+
bordered: _angular_core.InputSignal<boolean>;
|
|
39
|
+
compact: _angular_core.InputSignal<boolean>;
|
|
40
|
+
sortMode: _angular_core.InputSignal<"client" | "external">;
|
|
41
|
+
rowClicked: _angular_core.OutputEmitterRef<T>;
|
|
42
|
+
sortChange: _angular_core.OutputEmitterRef<SuiTableSort>;
|
|
43
|
+
protected readonly columns: _angular_core.Signal<readonly SuiColumn[]>;
|
|
44
|
+
protected readonly sortField: _angular_core.WritableSignal<string | null>;
|
|
45
|
+
protected readonly sortOrder: _angular_core.WritableSignal<SuiSortOrder>;
|
|
46
|
+
protected readonly rows: _angular_core.Signal<T[]>;
|
|
47
|
+
protected sort(column: SuiColumn): void;
|
|
48
|
+
protected handleRowClick(row: T): void;
|
|
49
|
+
protected getValue(row: T, field: string): unknown;
|
|
50
|
+
protected isSorted(column: SuiColumn): boolean;
|
|
51
|
+
private compareValues;
|
|
52
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTable<any>, never>;
|
|
53
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTable<any>, "sui-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "sortMode": { "alias": "sortMode"; "required": false; "isSignal": true; }; }, { "rowClicked": "rowClicked"; "sortChange": "sortChange"; }, ["columns"], never, true, never>;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export { SuiCell, SuiColumn, SuiTable };
|
|
57
|
+
export type { SuiCellContext, SuiColumnAlign, SuiSortOrder, SuiTableSort };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { InjectionToken } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
type SuiTabValue = string | number;
|
|
5
|
+
interface SuiTabsContext {
|
|
6
|
+
value(): SuiTabValue | null;
|
|
7
|
+
select(value: SuiTabValue): void;
|
|
8
|
+
isActive(value: SuiTabValue): boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const SUI_TABS_CONTEXT: InjectionToken<SuiTabsContext>;
|
|
11
|
+
|
|
12
|
+
declare class SuiTabs implements SuiTabsContext {
|
|
13
|
+
value: _angular_core.ModelSignal<SuiTabValue | null>;
|
|
14
|
+
tabChanged: _angular_core.OutputEmitterRef<SuiTabValue>;
|
|
15
|
+
select(value: SuiTabValue): void;
|
|
16
|
+
isActive(value: SuiTabValue): boolean;
|
|
17
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabs, never>;
|
|
18
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabs, "sui-tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "tabChanged": "tabChanged"; }, never, ["*"], true, never>;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
declare class SuiTab {
|
|
22
|
+
private readonly tabs;
|
|
23
|
+
private readonly button;
|
|
24
|
+
value: _angular_core.InputSignal<SuiTabValue>;
|
|
25
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
26
|
+
readonly active: _angular_core.Signal<boolean>;
|
|
27
|
+
protected select(): void;
|
|
28
|
+
selectAndFocus(): void;
|
|
29
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTab, never>;
|
|
30
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTab, "sui-tab", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
declare class SuiTabList {
|
|
34
|
+
protected readonly tabs: _angular_core.Signal<readonly SuiTab[]>;
|
|
35
|
+
scrollable: _angular_core.InputSignal<boolean>;
|
|
36
|
+
protected handleKeyDown(event: KeyboardEvent): void;
|
|
37
|
+
private focusEnabled;
|
|
38
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabList, never>;
|
|
39
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabList, "sui-tablist", never, { "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare class SuiTabPanels {
|
|
43
|
+
bordered: _angular_core.InputSignal<boolean>;
|
|
44
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabPanels, never>;
|
|
45
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabPanels, "sui-tabpanels", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
declare class SuiTabPanel {
|
|
49
|
+
private readonly tabs;
|
|
50
|
+
value: _angular_core.InputSignal<SuiTabValue>;
|
|
51
|
+
protected readonly active: _angular_core.Signal<boolean>;
|
|
52
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabPanel, never>;
|
|
53
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabPanel, "sui-tabpanel", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export { SUI_TABS_CONTEXT, SuiTab, SuiTabList, SuiTabPanel, SuiTabPanels, SuiTabs };
|
|
57
|
+
export type { SuiTabValue, SuiTabsContext };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type SuiTagSeverity = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
|
|
4
|
+
type SuiTagSize = 'small' | 'medium' | 'large';
|
|
5
|
+
declare class SuiTag {
|
|
6
|
+
value: _angular_core.InputSignal<string | number | undefined>;
|
|
7
|
+
severity: _angular_core.InputSignal<SuiTagSeverity>;
|
|
8
|
+
size: _angular_core.InputSignal<SuiTagSize>;
|
|
9
|
+
rounded: _angular_core.InputSignal<boolean>;
|
|
10
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTag, never>;
|
|
11
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTag, "sui-tag", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { SuiTag };
|
|
15
|
+
export type { SuiTagSeverity, SuiTagSize };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
|
|
4
|
+
declare class SuiTextarea implements ControlValueAccessor {
|
|
5
|
+
id: _angular_core.InputSignal<string>;
|
|
6
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
7
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
8
|
+
rows: _angular_core.InputSignal<number>;
|
|
9
|
+
cols: _angular_core.InputSignal<number | undefined>;
|
|
10
|
+
maxlength: _angular_core.InputSignal<number | undefined>;
|
|
11
|
+
minlength: _angular_core.InputSignal<number | undefined>;
|
|
12
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
13
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
14
|
+
resize: _angular_core.InputSignal<"none" | "both" | "horizontal" | "vertical">;
|
|
15
|
+
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
16
|
+
ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
|
|
17
|
+
ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
|
|
18
|
+
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
19
|
+
focused: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
20
|
+
blurred: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
21
|
+
protected readonly value: _angular_core.WritableSignal<string>;
|
|
22
|
+
private readonly formDisabled;
|
|
23
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
24
|
+
private onChange;
|
|
25
|
+
private onTouched;
|
|
26
|
+
writeValue(value: string | null | undefined): void;
|
|
27
|
+
registerOnChange(fn: (value: string) => void): void;
|
|
28
|
+
registerOnTouched(fn: () => void): void;
|
|
29
|
+
setDisabledState(disabled: boolean): void;
|
|
30
|
+
protected handleInput(event: Event): void;
|
|
31
|
+
protected handleFocus(event: FocusEvent): void;
|
|
32
|
+
protected handleBlur(event: FocusEvent): void;
|
|
33
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTextarea, never>;
|
|
34
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTextarea, "sui-textarea", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { SuiTextarea };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type SuiToastSeverity = 'success' | 'info' | 'warning' | 'danger';
|
|
4
|
+
interface SuiToastMessage {
|
|
5
|
+
id: number;
|
|
6
|
+
severity: SuiToastSeverity;
|
|
7
|
+
summary?: string;
|
|
8
|
+
detail: string;
|
|
9
|
+
life: number;
|
|
10
|
+
closable: boolean;
|
|
11
|
+
}
|
|
12
|
+
interface SuiToastOptions {
|
|
13
|
+
summary?: string;
|
|
14
|
+
life?: number;
|
|
15
|
+
closable?: boolean;
|
|
16
|
+
}
|
|
17
|
+
declare class SuiToastService {
|
|
18
|
+
private readonly _messages;
|
|
19
|
+
readonly messages: i0.Signal<SuiToastMessage[]>;
|
|
20
|
+
show(severity: SuiToastSeverity, detail: string, options?: SuiToastOptions): number;
|
|
21
|
+
success(detail: string, summary?: string): number;
|
|
22
|
+
info(detail: string, summary?: string): number;
|
|
23
|
+
warning(detail: string, summary?: string): number;
|
|
24
|
+
error(detail: string, summary?: string): number;
|
|
25
|
+
remove(id: number): void;
|
|
26
|
+
clear(): void;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SuiToastService, never>;
|
|
28
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SuiToastService>;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
type SuiToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
32
|
+
declare class SuiToast {
|
|
33
|
+
protected readonly toast: SuiToastService;
|
|
34
|
+
position: i0.InputSignal<SuiToastPosition>;
|
|
35
|
+
private readonly timers;
|
|
36
|
+
constructor();
|
|
37
|
+
protected remove(message: SuiToastMessage): void;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SuiToast, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SuiToast, "sui-toast", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export { SuiToast, SuiToastService };
|
|
43
|
+
export type { SuiToastMessage, SuiToastOptions, SuiToastPosition, SuiToastSeverity };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
|
|
4
|
+
declare class SuiToggleSwitch implements ControlValueAccessor {
|
|
5
|
+
id: _angular_core.InputSignal<string>;
|
|
6
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
7
|
+
label: _angular_core.InputSignal<string | undefined>;
|
|
8
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
9
|
+
required: _angular_core.InputSignal<boolean>;
|
|
10
|
+
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
11
|
+
ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
|
|
12
|
+
ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
|
|
13
|
+
valueChange: _angular_core.OutputEmitterRef<boolean>;
|
|
14
|
+
focused: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
15
|
+
blurred: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
16
|
+
protected readonly checked: _angular_core.WritableSignal<boolean>;
|
|
17
|
+
private readonly formDisabled;
|
|
18
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
19
|
+
private onChange;
|
|
20
|
+
private onTouched;
|
|
21
|
+
writeValue(value: boolean | null | undefined): void;
|
|
22
|
+
registerOnChange(fn: (value: boolean) => void): void;
|
|
23
|
+
registerOnTouched(fn: () => void): void;
|
|
24
|
+
setDisabledState(disabled: boolean): void;
|
|
25
|
+
protected handleChange(event: Event): void;
|
|
26
|
+
protected handleFocus(event: FocusEvent): void;
|
|
27
|
+
protected handleBlur(event: FocusEvent): void;
|
|
28
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiToggleSwitch, never>;
|
|
29
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiToggleSwitch, "sui-toggle-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { SuiToggleSwitch };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class SuiToolbar {
|
|
4
|
+
bordered: i0.InputSignal<boolean>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SuiToolbar, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SuiToolbar, "sui-toolbar", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, {}, never, ["[suiToolbarStart]", "[suiToolbarCenter]", "[suiToolbarEnd]"], true, never>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export { SuiToolbar };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnDestroy } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
type SuiTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
5
|
+
declare class SuiTooltip implements OnDestroy {
|
|
6
|
+
private readonly overlay;
|
|
7
|
+
private readonly element;
|
|
8
|
+
suiTooltip: _angular_core.InputSignal<string>;
|
|
9
|
+
tooltipPosition: _angular_core.InputSignal<SuiTooltipPosition>;
|
|
10
|
+
tooltipDisabled: _angular_core.InputSignal<boolean>;
|
|
11
|
+
tooltipShowDelay: _angular_core.InputSignal<number>;
|
|
12
|
+
tooltipHideDelay: _angular_core.InputSignal<number>;
|
|
13
|
+
private readonly tooltipId;
|
|
14
|
+
private overlayRef?;
|
|
15
|
+
private showTimer?;
|
|
16
|
+
private hideTimer?;
|
|
17
|
+
private originalAriaDescribedBy?;
|
|
18
|
+
protected handleMouseEnter(): void;
|
|
19
|
+
protected handleMouseLeave(): void;
|
|
20
|
+
protected handleFocus(): void;
|
|
21
|
+
protected handleBlur(): void;
|
|
22
|
+
protected handleEscape(): void;
|
|
23
|
+
private scheduleShow;
|
|
24
|
+
private scheduleHide;
|
|
25
|
+
private show;
|
|
26
|
+
private hide;
|
|
27
|
+
private getPositions;
|
|
28
|
+
private addAriaDescribedBy;
|
|
29
|
+
private restoreAriaDescribedBy;
|
|
30
|
+
private clearShowTimer;
|
|
31
|
+
private clearHideTimer;
|
|
32
|
+
ngOnDestroy(): void;
|
|
33
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTooltip, never>;
|
|
34
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SuiTooltip, "[suiTooltip]", never, { "suiTooltip": { "alias": "suiTooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipDisabled": { "alias": "tooltipDisabled"; "required": false; "isSignal": true; }; "tooltipShowDelay": { "alias": "tooltipShowDelay"; "required": false; "isSignal": true; }; "tooltipHideDelay": { "alias": "tooltipHideDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { SuiTooltip };
|
|
38
|
+
export type { SuiTooltipPosition };
|