@uni-design-system/uni-angular 2.0.3 → 3.0.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.
|
@@ -1,11 +1,656 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { Signal, WritableSignal, ElementRef, EventEmitter, OnInit, OnDestroy, TemplateRef, InjectionToken } from '@angular/core';
|
|
3
|
+
import * as _uni_design_system_uni_core from '@uni-design-system/uni-core';
|
|
4
|
+
import { Icons, Variant, ContainerColorToken, UniTheme, ComponentName, ComponentTheme, NullableSize, ThemeName, TextRole, ContentColorToken, Size, Thickness, NullableStyleExpression, ColorKey, Typeface, Radius, OptionalSize, Border, Shadow, ZIndexableElements, ColorToken, RadiiSize, Elevation, JustifyContent, StyleExpression, Orientation, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap } from '@uni-design-system/uni-core';
|
|
5
|
+
import { Placement as Placement$1, OffsetOptions } from '@floating-ui/dom';
|
|
2
6
|
|
|
3
|
-
|
|
7
|
+
type SortDirection = 'asc' | 'desc' | 'indet';
|
|
8
|
+
interface Sort<T> {
|
|
9
|
+
column?: keyof T;
|
|
10
|
+
direction: SortDirection;
|
|
11
|
+
}
|
|
12
|
+
declare abstract class UniBaseDatasource<T> {
|
|
13
|
+
abstract records: Signal<T[]>;
|
|
14
|
+
abstract recordCount: Signal<number>;
|
|
15
|
+
selections: WritableSignal<T[]>;
|
|
16
|
+
sort: WritableSignal<Sort<T>>;
|
|
17
|
+
sortColumn: Signal<keyof T>;
|
|
18
|
+
sortDirection: Signal<SortDirection>;
|
|
19
|
+
abstract pageIndex: Signal<number>;
|
|
20
|
+
abstract pageSize: Signal<number>;
|
|
21
|
+
abstract pageCount: Signal<number>;
|
|
22
|
+
pages: Signal<number[]>;
|
|
23
|
+
startIndex: Signal<number>;
|
|
24
|
+
endIndex: Signal<number>;
|
|
25
|
+
disablePrevious: Signal<boolean>;
|
|
26
|
+
disableNext: Signal<boolean>;
|
|
27
|
+
truncatedPages: Signal<(string | number)[]>;
|
|
28
|
+
isSelected(row: T): boolean;
|
|
29
|
+
toggleSelection(row: T): void;
|
|
30
|
+
clearSelections(): void;
|
|
31
|
+
selectAll(): void;
|
|
32
|
+
abstract sortRecords(sort: Sort<T>): void;
|
|
33
|
+
abstract firstPage(): void;
|
|
34
|
+
abstract nextPage(): void;
|
|
35
|
+
abstract previousPage(): void;
|
|
36
|
+
abstract lastPage(): void;
|
|
37
|
+
abstract jumpToPage(page: number): void;
|
|
38
|
+
abstract setPageSize(size: number): void;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
declare class UniRecordDatasource<T> extends UniBaseDatasource<T> {
|
|
42
|
+
private _pageNumber;
|
|
43
|
+
private _pageSize;
|
|
44
|
+
initialRecords: _angular_core.WritableSignal<T[]>;
|
|
45
|
+
recordCount: _angular_core.Signal<number>;
|
|
46
|
+
filter: _angular_core.WritableSignal<(value: T) => boolean>;
|
|
47
|
+
pageIndex: _angular_core.WritableSignal<number>;
|
|
48
|
+
pageSize: _angular_core.Signal<number>;
|
|
49
|
+
pageCount: _angular_core.Signal<number>;
|
|
50
|
+
records: _angular_core.Signal<T[]>;
|
|
51
|
+
constructor(data: T[]);
|
|
52
|
+
sortRecords(sort: Sort<T>): void;
|
|
53
|
+
firstPage(): void;
|
|
54
|
+
nextPage(): void;
|
|
55
|
+
previousPage(): void;
|
|
56
|
+
lastPage(): void;
|
|
57
|
+
jumpToPage(page: number): void;
|
|
58
|
+
setPageSize(size: number): void;
|
|
59
|
+
setFilter(filter: (value: T) => boolean): void;
|
|
60
|
+
clearFilter(): void;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
interface PageRequest {
|
|
64
|
+
pageNumber: number;
|
|
65
|
+
pageSize: number;
|
|
66
|
+
sortColumn?: string;
|
|
67
|
+
sortDirection?: SortDirection;
|
|
68
|
+
filter?: Record<string, any>;
|
|
69
|
+
}
|
|
70
|
+
interface PageResponse<T> {
|
|
71
|
+
data: T[];
|
|
72
|
+
totalRecords: number;
|
|
73
|
+
pageNumber: number;
|
|
74
|
+
pageSize: number;
|
|
75
|
+
}
|
|
76
|
+
type DataLoader<T> = (request: PageRequest) => Promise<PageResponse<T>>;
|
|
77
|
+
declare class UniServerSideDatasource<T> extends UniBaseDatasource<T> {
|
|
78
|
+
private dataLoader;
|
|
79
|
+
private _pageNumber;
|
|
80
|
+
private _pageSize;
|
|
81
|
+
private _sortColumn;
|
|
82
|
+
private _sortDirection;
|
|
83
|
+
private filter;
|
|
84
|
+
sortColumn: _angular_core.Signal<keyof T>;
|
|
85
|
+
sortDirection: _angular_core.Signal<SortDirection>;
|
|
86
|
+
private totalRecords;
|
|
87
|
+
private dataResource;
|
|
88
|
+
pageIndex: _angular_core.Signal<number>;
|
|
89
|
+
pageSize: _angular_core.Signal<number>;
|
|
90
|
+
pageCount: _angular_core.Signal<number>;
|
|
91
|
+
private readonly _records;
|
|
92
|
+
records: _angular_core.Signal<T[]>;
|
|
93
|
+
recordCount: _angular_core.Signal<number>;
|
|
94
|
+
isLoading: _angular_core.Signal<boolean>;
|
|
95
|
+
error: _angular_core.Signal<Error>;
|
|
96
|
+
hasError: _angular_core.Signal<boolean>;
|
|
97
|
+
constructor(dataLoader: DataLoader<T>, initialPageSize?: number);
|
|
98
|
+
sortRecords(sort: Sort<T>): void;
|
|
99
|
+
firstPage(): void;
|
|
100
|
+
nextPage(): void;
|
|
101
|
+
previousPage(): void;
|
|
102
|
+
lastPage(): void;
|
|
103
|
+
jumpToPage(page: number): void;
|
|
104
|
+
setPageSize(size: number): void;
|
|
105
|
+
setFilter(filterValues: Record<string, any>): void;
|
|
106
|
+
clearFilter(): void;
|
|
107
|
+
refresh(): void;
|
|
108
|
+
getPageRequest(): PageRequest;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
type UniDatasource<T> = UniBaseDatasource<T>;
|
|
112
|
+
|
|
113
|
+
declare class LocalStorageService {
|
|
114
|
+
private isLocalStorageAvailable;
|
|
115
|
+
setItem<T>(key: string, value: T): boolean;
|
|
116
|
+
getItem<T>(key: string): T | null;
|
|
117
|
+
removeItem(key: string): boolean;
|
|
118
|
+
clear(): boolean;
|
|
119
|
+
hasKey(key: string): boolean;
|
|
120
|
+
getAllKeys(): string[];
|
|
121
|
+
getSize(): number;
|
|
122
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LocalStorageService, never>;
|
|
123
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<LocalStorageService>;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
type IconName = keyof Icons;
|
|
127
|
+
|
|
128
|
+
interface Alert {
|
|
129
|
+
message: string;
|
|
130
|
+
iconName?: IconName;
|
|
131
|
+
symbolName?: string;
|
|
132
|
+
variant?: Variant;
|
|
133
|
+
action?: () => void;
|
|
134
|
+
actionLabel?: string;
|
|
135
|
+
topPosition?: number;
|
|
136
|
+
}
|
|
137
|
+
interface Snackbar {
|
|
138
|
+
message: string;
|
|
139
|
+
action?: () => void;
|
|
140
|
+
actionLabel?: string;
|
|
141
|
+
iconName?: IconName;
|
|
142
|
+
symbolName?: string;
|
|
143
|
+
variant?: Variant;
|
|
144
|
+
timeout?: number | string | 'disabled';
|
|
145
|
+
}
|
|
146
|
+
interface Confirmation {
|
|
147
|
+
title: string;
|
|
148
|
+
message: string;
|
|
149
|
+
action: () => void;
|
|
150
|
+
actionLabel?: string;
|
|
151
|
+
dismissLabel?: string;
|
|
152
|
+
color?: ContainerColorToken;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
declare class NotificationService {
|
|
156
|
+
alert: _angular_core.WritableSignal<Alert>;
|
|
157
|
+
showAlert: (alert: Alert) => void;
|
|
158
|
+
hideAlert: () => void;
|
|
159
|
+
snackbar: _angular_core.WritableSignal<Snackbar>;
|
|
160
|
+
showSnackbar: (snackbar: Snackbar) => void;
|
|
161
|
+
hideSnackbar: () => void;
|
|
162
|
+
confirmation: _angular_core.WritableSignal<Confirmation>;
|
|
163
|
+
showConfirmation: (confirmation: Confirmation) => void;
|
|
164
|
+
hideConfirmation: () => void;
|
|
165
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationService, never>;
|
|
166
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NotificationService>;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
interface Option<T = unknown> {
|
|
4
170
|
label: string;
|
|
5
|
-
|
|
6
|
-
textColor: string;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<UniButtonComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<UniButtonComponent, "uni-button", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
|
|
171
|
+
value: T;
|
|
9
172
|
}
|
|
173
|
+
type Options<T = unknown> = Option<T>[];
|
|
174
|
+
|
|
175
|
+
declare function useTimer(): {
|
|
176
|
+
start: (durationMs: number, onComplete?: () => void) => void;
|
|
177
|
+
pause: () => void;
|
|
178
|
+
resume: () => void;
|
|
179
|
+
stop: () => void;
|
|
180
|
+
msRemaining: _angular_core.WritableSignal<number>;
|
|
181
|
+
isPaused: _angular_core.WritableSignal<boolean>;
|
|
182
|
+
isActive: _angular_core.Signal<boolean>;
|
|
183
|
+
secondsRemaining: _angular_core.Signal<number>;
|
|
184
|
+
};
|
|
185
|
+
|
|
186
|
+
declare class ThemeService {
|
|
187
|
+
private themes;
|
|
188
|
+
private localStorage;
|
|
189
|
+
theme: _angular_core.WritableSignal<UniTheme>;
|
|
190
|
+
themeOptions: _angular_core.WritableSignal<Options<string>>;
|
|
191
|
+
components: Signal<Partial<Record<ComponentName, ComponentTheme<object>>>>;
|
|
192
|
+
component: <T>(componentName: ComponentName) => Signal<ComponentTheme<T>>;
|
|
193
|
+
colors: Signal<Partial<Record<string, string>>>;
|
|
194
|
+
typeFaces: Signal<Partial<Record<string, _uni_design_system_uni_core.TypeFaceDefinition>>>;
|
|
195
|
+
spacing: Signal<Partial<Record<NullableSize, string | number>>>;
|
|
196
|
+
thicknesses: Signal<_uni_design_system_uni_core.Thicknesses>;
|
|
197
|
+
radii: Signal<Partial<Record<string, string>>>;
|
|
198
|
+
borders: Signal<Partial<Record<string, string>>>;
|
|
199
|
+
shadows: Signal<Partial<Record<string, string>>>;
|
|
200
|
+
icons: Signal<_uni_design_system_uni_core.Icons>;
|
|
201
|
+
constructor();
|
|
202
|
+
selectTheme(themeName: ThemeName): void;
|
|
203
|
+
selectedThemeName: Signal<string>;
|
|
204
|
+
selectedThemeKey: _angular_core.WritableSignal<string>;
|
|
205
|
+
textClass: (textRole: TextRole, textColor?: ContentColorToken) => string;
|
|
206
|
+
componentStyle: (componentName: ComponentName, variant: Variant, size: Size) => Signal<{
|
|
207
|
+
[x: string]: string | number;
|
|
208
|
+
}>;
|
|
209
|
+
getSpacing: (size: NullableSize) => string | number;
|
|
210
|
+
getThickness: (thickness: Thickness) => string | number;
|
|
211
|
+
getContentColor: (token: ContainerColorToken, useVariant?: boolean) => string;
|
|
212
|
+
colorPair: (token?: ContainerColorToken, colorVariant?: boolean) => NullableStyleExpression;
|
|
213
|
+
backgroundColor: (token?: ColorKey) => NullableStyleExpression;
|
|
214
|
+
backgroundImage: (url?: string) => NullableStyleExpression;
|
|
215
|
+
getContainerColors: (color: Variant, useVariant?: boolean) => _uni_design_system_uni_core.StyleExpression;
|
|
216
|
+
typeface: (typeface?: Typeface) => _uni_design_system_uni_core.TypeFaceDefinition;
|
|
217
|
+
colorPalette: () => Partial<Record<string, string>>;
|
|
218
|
+
color(color?: ColorKey): NullableStyleExpression;
|
|
219
|
+
getDashedBorder(color: ColorKey | undefined, radius: Radius | undefined): NullableStyleExpression;
|
|
220
|
+
radius(size: Radius | undefined): NullableStyleExpression;
|
|
221
|
+
getRadiusLeft(size: Radius | undefined): NullableStyleExpression;
|
|
222
|
+
getRadiusRight(size: Radius | undefined): NullableStyleExpression;
|
|
223
|
+
getRadiusTop(size: Radius | undefined): NullableStyleExpression;
|
|
224
|
+
getRadiusBottom(size: Radius | undefined): NullableStyleExpression;
|
|
225
|
+
padding(size: OptionalSize): NullableStyleExpression;
|
|
226
|
+
horizontalPadding(size: OptionalSize): NullableStyleExpression;
|
|
227
|
+
verticalPadding(size: OptionalSize): NullableStyleExpression;
|
|
228
|
+
paddingLeft(size: OptionalSize): NullableStyleExpression;
|
|
229
|
+
paddingRight(size: OptionalSize): NullableStyleExpression;
|
|
230
|
+
paddingTop(size: OptionalSize): NullableStyleExpression;
|
|
231
|
+
paddingBottom(size: OptionalSize): NullableStyleExpression;
|
|
232
|
+
border(border: Border | undefined): NullableStyleExpression;
|
|
233
|
+
borderTop(border: Border | undefined): NullableStyleExpression;
|
|
234
|
+
borderBottom(border: Border | undefined): NullableStyleExpression;
|
|
235
|
+
borderLeft(border: Border | undefined): NullableStyleExpression;
|
|
236
|
+
borderRight(border: Border | undefined): NullableStyleExpression;
|
|
237
|
+
boxShadow(shadow: Shadow | undefined): {
|
|
238
|
+
boxShadow: string;
|
|
239
|
+
};
|
|
240
|
+
gap(gap: OptionalSize): NullableStyleExpression;
|
|
241
|
+
zIndex(element: ZIndexableElements | undefined): NullableStyleExpression;
|
|
242
|
+
borderColor(borderColor: ColorToken): NullableStyleExpression;
|
|
243
|
+
getComponentTheme<T>(componentName: ComponentName): Signal<ComponentTheme<T>>;
|
|
244
|
+
getComponentOptions: <T>(componentName: ComponentName) => _angular_core.WritableSignal<T>;
|
|
245
|
+
componentOptions: (componentName: ComponentName) => Signal<unknown>;
|
|
246
|
+
style(prop: string, value: string | number | undefined): NullableStyleExpression;
|
|
247
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
|
|
248
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
declare class BaseComponent<T = unknown> {
|
|
252
|
+
protected componentName: ComponentName;
|
|
253
|
+
theme: ThemeService;
|
|
254
|
+
variant: _angular_core.InputSignal<Variant>;
|
|
255
|
+
size: _angular_core.InputSignal<Size>;
|
|
256
|
+
componentTheme: _angular_core.Signal<_uni_design_system_uni_core.ComponentTheme<T>>;
|
|
257
|
+
componentOptions: _angular_core.Signal<T>;
|
|
258
|
+
style: _angular_core.Signal<{
|
|
259
|
+
[x: string]: string | number;
|
|
260
|
+
}>;
|
|
261
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseComponent<any>, never>;
|
|
262
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseComponent<any>, "ng-component", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
interface UniBadgeOptions {
|
|
266
|
+
borderRadius?: RadiiSize;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
declare class UniBadgeComponent extends BaseComponent<UniBadgeOptions> {
|
|
270
|
+
color: _angular_core.InputSignal<Variant>;
|
|
271
|
+
useVariant: _angular_core.InputSignal<boolean>;
|
|
272
|
+
width?: number;
|
|
273
|
+
get className(): string;
|
|
274
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBadgeComponent, never>;
|
|
275
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBadgeComponent, "div[uni-badge], Badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "useVariant": { "alias": "useVariant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
declare class RippleDirective {
|
|
279
|
+
private renderer;
|
|
280
|
+
el: ElementRef<any>;
|
|
281
|
+
hostEl: any;
|
|
282
|
+
constructor();
|
|
283
|
+
onClick(e: MouseEvent): void;
|
|
284
|
+
rippleClass: string;
|
|
285
|
+
animateClass: string;
|
|
286
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RippleDirective, never>;
|
|
287
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RippleDirective, "[uniRipple]", never, {}, {}, never, never, true, never>;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
declare class UniButtonComponent extends BaseComponent {
|
|
291
|
+
readonly disable: _angular_core.InputSignal<boolean>;
|
|
292
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
293
|
+
readonly fullWidth: _angular_core.InputSignal<boolean>;
|
|
294
|
+
symbolLeft?: string;
|
|
295
|
+
symbolRight?: string;
|
|
296
|
+
spinnerBox: string;
|
|
297
|
+
get className(): string;
|
|
298
|
+
symbolSize: _angular_core.Signal<number>;
|
|
299
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniButtonComponent, never>;
|
|
300
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniButtonComponent, "button[uni-text-button], Button, button[text-button]", never, { "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "symbolLeft": { "alias": "symbolLeft"; "required": false; }; "symbolRight": { "alias": "symbolRight"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof RippleDirective; inputs: {}; outputs: {}; }]>;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
declare class UniCardContentComponent extends BaseComponent {
|
|
304
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardContentComponent, never>;
|
|
305
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardContentComponent, "uni-card-content, CardContent", never, {}, {}, never, ["*"], true, never>;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
declare class UniCardHeaderComponent extends BaseComponent {
|
|
309
|
+
private card;
|
|
310
|
+
title: _angular_core.InputSignal<string>;
|
|
311
|
+
titleTextRole: _angular_core.InputSignal<string>;
|
|
312
|
+
constructor();
|
|
313
|
+
className: string;
|
|
314
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardHeaderComponent, never>;
|
|
315
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardHeaderComponent, "uni-card-header, CardHeader", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleTextRole": { "alias": "titleTextRole"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
interface UniCardOptions {
|
|
319
|
+
defaultVariant: Variant;
|
|
320
|
+
borderRadius: Radius;
|
|
321
|
+
transitionSpeed: number;
|
|
322
|
+
elevation?: Elevation;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
declare class UniCardComponent extends BaseComponent<UniCardOptions> {
|
|
326
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardComponent, never>;
|
|
327
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardComponent, "uni-card, Card", never, {}, {}, never, ["*"], true, never>;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
declare class UniDialogButtonsComponent {
|
|
331
|
+
private dialog;
|
|
332
|
+
confirmButtonText?: string;
|
|
333
|
+
confirmButtonVariant: Variant;
|
|
334
|
+
cancelButtonText?: string;
|
|
335
|
+
disableConfirm?: boolean;
|
|
336
|
+
padding?: NullableSize;
|
|
337
|
+
paddingBottom?: NullableSize;
|
|
338
|
+
justifyContent?: JustifyContent;
|
|
339
|
+
confirmed: EventEmitter<any>;
|
|
340
|
+
closeDialog(): void;
|
|
341
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogButtonsComponent, never>;
|
|
342
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogButtonsComponent, "uni-dialog-buttons, DialogButtons, div[dialog-buttons]", never, { "confirmButtonText": { "alias": "confirmButtonText"; "required": false; }; "confirmButtonVariant": { "alias": "confirmButtonVariant"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "disableConfirm": { "alias": "disableConfirm"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "paddingBottom": { "alias": "paddingBottom"; "required": false; }; "justifyContent": { "alias": "justifyContent"; "required": false; }; }, { "confirmed": "confirmed"; }, never, never, true, never>;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
interface UniDialogHeaderOptions {
|
|
346
|
+
borderRadius?: Radius;
|
|
347
|
+
color?: ContainerColorToken;
|
|
348
|
+
height?: number;
|
|
349
|
+
textRole: TextRole;
|
|
350
|
+
textColor?: ContentColorToken;
|
|
351
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
352
|
+
closeButtonIcon?: IconName;
|
|
353
|
+
closeButtonSymbol?: string;
|
|
354
|
+
closeButtonSize?: Size;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
declare class UniDialogHeaderComponent extends BaseComponent<UniDialogHeaderOptions> {
|
|
358
|
+
private dialog;
|
|
359
|
+
closeDialog(): void;
|
|
360
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogHeaderComponent, never>;
|
|
361
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogHeaderComponent, "div[uni-dialog-header], DialogHeader", never, {}, {}, never, ["*"], true, never>;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
interface UniDialogOptions {
|
|
365
|
+
border: Border;
|
|
366
|
+
borderRadius: Radius;
|
|
367
|
+
color: ContainerColorToken;
|
|
368
|
+
elevation: Elevation;
|
|
369
|
+
backdrop: StyleExpression;
|
|
370
|
+
padding?: NullableSize;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
declare class UniDialogComponent extends BaseComponent<UniDialogOptions> {
|
|
374
|
+
private elem;
|
|
375
|
+
show: _angular_core.InputSignal<boolean>;
|
|
376
|
+
private readonly _show;
|
|
377
|
+
defaultCloseButton?: boolean;
|
|
378
|
+
showing: EventEmitter<any>;
|
|
379
|
+
constructor();
|
|
380
|
+
private get _dialog();
|
|
381
|
+
get className(): string;
|
|
382
|
+
BackdropClick(event: Event): void;
|
|
383
|
+
ClosingAnimation(e: AnimationEvent): void;
|
|
384
|
+
closeButton: string;
|
|
385
|
+
private dialogFadeIn;
|
|
386
|
+
private dialogFadeOut;
|
|
387
|
+
open(): void;
|
|
388
|
+
close(): void;
|
|
389
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogComponent, never>;
|
|
390
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogComponent, "dialog[uni-dialog], Dialog", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "defaultCloseButton": { "alias": "defaultCloseButton"; "required": false; }; }, { "showing": "showing"; }, never, ["*"], true, never>;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
declare class UniDividerComponent {
|
|
394
|
+
themeService: ThemeService;
|
|
395
|
+
orientation: _angular_core.InputSignal<Orientation>;
|
|
396
|
+
border: _angular_core.InputSignal<string>;
|
|
397
|
+
get className(): string;
|
|
398
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDividerComponent, never>;
|
|
399
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDividerComponent, "uni-divider, Divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
interface UniDropdownOptions {
|
|
403
|
+
border: Border;
|
|
404
|
+
borderRadius: Radius;
|
|
405
|
+
shadow: Shadow;
|
|
406
|
+
color: ContainerColorToken;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> implements OnInit, OnDestroy {
|
|
410
|
+
private renderer;
|
|
411
|
+
private cleanupAutoUpdate?;
|
|
412
|
+
private delay;
|
|
413
|
+
showing: _angular_core.WritableSignal<boolean>;
|
|
414
|
+
trigger: _angular_core.InputSignal<HTMLElement>;
|
|
415
|
+
placement: _angular_core.InputSignal<Placement$1>;
|
|
416
|
+
offset: _angular_core.InputSignal<OffsetOptions>;
|
|
417
|
+
paddingVertical: _angular_core.InputSignal<NullableSize>;
|
|
418
|
+
paddingHorizontal: _angular_core.InputSignal<NullableSize>;
|
|
419
|
+
dropdownShowing: _angular_core.OutputEmitterRef<boolean>;
|
|
420
|
+
dropdownHiding: _angular_core.OutputEmitterRef<boolean>;
|
|
421
|
+
dropdownRef: ElementRef<HTMLDivElement>;
|
|
422
|
+
private get _trigger();
|
|
423
|
+
private get _dropdown();
|
|
424
|
+
private transformOriginMap;
|
|
425
|
+
dropdownClass: _angular_core.Signal<string>;
|
|
426
|
+
ngOnInit(): void;
|
|
427
|
+
toggleDropdown(): void;
|
|
428
|
+
hideDropdown(): void;
|
|
429
|
+
private updatePosition;
|
|
430
|
+
ngOnDestroy(): void;
|
|
431
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDropdownComponent, never>;
|
|
432
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown, Dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
declare class UniIconComponent {
|
|
436
|
+
private themeService;
|
|
437
|
+
color: _angular_core.InputSignal<string>;
|
|
438
|
+
protected _path: string;
|
|
439
|
+
get className(): string;
|
|
440
|
+
set name(iconName: keyof Icons);
|
|
441
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniIconComponent, never>;
|
|
442
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconComponent, "uni-icon, Icon", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
declare class UniBoxComponent {
|
|
446
|
+
theme: ThemeService;
|
|
447
|
+
color: _angular_core.InputSignal<ContainerColorToken>;
|
|
448
|
+
backgroundColor: _angular_core.InputSignal<string>;
|
|
449
|
+
borderRadius: _angular_core.InputSignal<string>;
|
|
450
|
+
borderRadiusLeft: _angular_core.InputSignal<string>;
|
|
451
|
+
borderRadiusRight: _angular_core.InputSignal<string>;
|
|
452
|
+
borderRadiusTop: _angular_core.InputSignal<string>;
|
|
453
|
+
borderRadiusBottom: _angular_core.InputSignal<string>;
|
|
454
|
+
padding: _angular_core.InputSignal<OptionalSize>;
|
|
455
|
+
paddingHorizontal: _angular_core.InputSignal<OptionalSize>;
|
|
456
|
+
paddingVertical: _angular_core.InputSignal<OptionalSize>;
|
|
457
|
+
paddingLeft: _angular_core.InputSignal<OptionalSize>;
|
|
458
|
+
paddingRight: _angular_core.InputSignal<OptionalSize>;
|
|
459
|
+
paddingTop: _angular_core.InputSignal<OptionalSize>;
|
|
460
|
+
paddingBottom: _angular_core.InputSignal<OptionalSize>;
|
|
461
|
+
border: _angular_core.InputSignal<string>;
|
|
462
|
+
borderTop: _angular_core.InputSignal<string>;
|
|
463
|
+
borderBottom: _angular_core.InputSignal<string>;
|
|
464
|
+
borderLeft: _angular_core.InputSignal<string>;
|
|
465
|
+
borderRight: _angular_core.InputSignal<string>;
|
|
466
|
+
dashBorder: _angular_core.InputSignal<boolean>;
|
|
467
|
+
alignSelf: _angular_core.InputSignal<OptionalAlignSelf>;
|
|
468
|
+
alignItems: _angular_core.InputSignal<OptionalAlignItems>;
|
|
469
|
+
alignContent: _angular_core.InputSignal<OptionalAlignContent>;
|
|
470
|
+
justifyContent: _angular_core.InputSignal<OptionalJustifyContent>;
|
|
471
|
+
grow: _angular_core.InputSignal<number>;
|
|
472
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
473
|
+
position: _angular_core.InputSignal<OptionalPosition>;
|
|
474
|
+
inset: _angular_core.InputSignal<string | number>;
|
|
475
|
+
height: _angular_core.InputSignal<string | number>;
|
|
476
|
+
minHeight: _angular_core.InputSignal<string | number>;
|
|
477
|
+
maxHeight: _angular_core.InputSignal<string | number>;
|
|
478
|
+
width: _angular_core.InputSignal<string | number>;
|
|
479
|
+
minWidth: _angular_core.InputSignal<string | number>;
|
|
480
|
+
maxWidth: _angular_core.InputSignal<string | number>;
|
|
481
|
+
ignoreDir: _angular_core.InputSignal<boolean>;
|
|
482
|
+
gridArea: _angular_core.InputSignal<string>;
|
|
483
|
+
gridColumn: _angular_core.InputSignal<string>;
|
|
484
|
+
gridRow: _angular_core.InputSignal<string>;
|
|
485
|
+
overflow: _angular_core.InputSignal<OptionalOverflow>;
|
|
486
|
+
elevation: _angular_core.InputSignal<string>;
|
|
487
|
+
shadow: _angular_core.InputSignal<string>;
|
|
488
|
+
gap: _angular_core.InputSignal<OptionalSize>;
|
|
489
|
+
fullWidth: _angular_core.InputSignal<boolean>;
|
|
490
|
+
fullHeight: _angular_core.InputSignal<boolean>;
|
|
491
|
+
flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
|
|
492
|
+
textAlign: _angular_core.InputSignal<OptionalTextAlign>;
|
|
493
|
+
wrapItems: _angular_core.InputSignal<OptionalWrap>;
|
|
494
|
+
zIndex: _angular_core.InputSignal<ZIndexableElements>;
|
|
495
|
+
get boxClassName(): string;
|
|
496
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBoxComponent, never>;
|
|
497
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBoxComponent, "div[uni-box-layout], Box, div[box-layout]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "borderRadiusLeft": { "alias": "borderRadiusLeft"; "required": false; "isSignal": true; }; "borderRadiusRight": { "alias": "borderRadiusRight"; "required": false; "isSignal": true; }; "borderRadiusTop": { "alias": "borderRadiusTop"; "required": false; "isSignal": true; }; "borderRadiusBottom": { "alias": "borderRadiusBottom"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingLeft": { "alias": "paddingLeft"; "required": false; "isSignal": true; }; "paddingRight": { "alias": "paddingRight"; "required": false; "isSignal": true; }; "paddingTop": { "alias": "paddingTop"; "required": false; "isSignal": true; }; "paddingBottom": { "alias": "paddingBottom"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderTop": { "alias": "borderTop"; "required": false; "isSignal": true; }; "borderBottom": { "alias": "borderBottom"; "required": false; "isSignal": true; }; "borderLeft": { "alias": "borderLeft"; "required": false; "isSignal": true; }; "borderRight": { "alias": "borderRight"; "required": false; "isSignal": true; }; "dashBorder": { "alias": "dashBorder"; "required": false; "isSignal": true; }; "alignSelf": { "alias": "alignSelf"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; "alignContent": { "alias": "alignContent"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "ignoreDir": { "alias": "ignoreDir"; "required": false; "isSignal": true; }; "gridArea": { "alias": "gridArea"; "required": false; "isSignal": true; }; "gridColumn": { "alias": "gridColumn"; "required": false; "isSignal": true; }; "gridRow": { "alias": "gridRow"; "required": false; "isSignal": true; }; "overflow": { "alias": "overflow"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "wrapItems": { "alias": "wrapItems"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
declare class UniCenterComponent extends UniBoxComponent {
|
|
501
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
502
|
+
justifyContent: _angular_core.InputSignal<OptionalJustifyContent>;
|
|
503
|
+
alignItems: _angular_core.InputSignal<OptionalAlignItems>;
|
|
504
|
+
constructor();
|
|
505
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCenterComponent, never>;
|
|
506
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCenterComponent, "div[uni-center-layout], div[center-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
declare class UniGridAreaComponent {
|
|
510
|
+
area: string;
|
|
511
|
+
get className(): string;
|
|
512
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniGridAreaComponent, never>;
|
|
513
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniGridAreaComponent, "GridArea", never, { "area": { "alias": "area"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
declare class UniGridComponent extends UniBoxComponent {
|
|
517
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
518
|
+
constructor();
|
|
519
|
+
templateAreas?: string;
|
|
520
|
+
templateColumns?: string;
|
|
521
|
+
templateRows?: string;
|
|
522
|
+
outline?: Thickness;
|
|
523
|
+
outlineColor?: Variant;
|
|
524
|
+
get className(): string;
|
|
525
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniGridComponent, never>;
|
|
526
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniGridComponent, "div[uni-grid-layout], Grid, div[grid-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "templateAreas": { "alias": "templateAreas"; "required": false; }; "templateColumns": { "alias": "templateColumns"; "required": false; }; "templateRows": { "alias": "templateRows"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "outlineColor": { "alias": "outlineColor"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
declare class UniRowComponent extends UniBoxComponent {
|
|
530
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
531
|
+
flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
|
|
532
|
+
minWidth: _angular_core.InputSignal<string | number>;
|
|
533
|
+
constructor();
|
|
534
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniRowComponent, never>;
|
|
535
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniRowComponent, "div[uni-row-layout], Row, div[row-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
declare class UniStackComponent extends UniBoxComponent {
|
|
539
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
540
|
+
flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
|
|
541
|
+
minHeight: _angular_core.InputSignal<string | number>;
|
|
542
|
+
constructor();
|
|
543
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniStackComponent, never>;
|
|
544
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniStackComponent, "div[uni-stack-layout], Stack, div[stack-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
declare class UniWrapComponent extends UniBoxComponent {
|
|
548
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
549
|
+
wrapItems: _angular_core.InputSignal<OptionalWrap>;
|
|
550
|
+
constructor();
|
|
551
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniWrapComponent, never>;
|
|
552
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniWrapComponent, "div[uni-wrap-layout], Wrap, div[wrap-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "wrapItems": { "alias": "wrapItems"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
interface BaseMenuItem {
|
|
556
|
+
symbolName?: string;
|
|
557
|
+
action?: () => void;
|
|
558
|
+
}
|
|
559
|
+
interface MenuItemWithLabel extends BaseMenuItem {
|
|
560
|
+
label: string;
|
|
561
|
+
template?: never;
|
|
562
|
+
context?: never;
|
|
563
|
+
}
|
|
564
|
+
interface MenuItemWithTemplate<T = any> extends BaseMenuItem {
|
|
565
|
+
label?: never;
|
|
566
|
+
template: TemplateRef<T>;
|
|
567
|
+
context: T;
|
|
568
|
+
}
|
|
569
|
+
type MenuItem<T = any> = MenuItemWithLabel | MenuItemWithTemplate<T>;
|
|
570
|
+
|
|
571
|
+
declare class UniMenuComponent {
|
|
572
|
+
private cdr;
|
|
573
|
+
menuItems: _angular_core.InputSignal<MenuItem[]>;
|
|
574
|
+
activeItem: _angular_core.InputSignal<MenuItem>;
|
|
575
|
+
placement: _angular_core.InputSignal<Placement$1>;
|
|
576
|
+
menuItemClicked: _angular_core.OutputEmitterRef<MenuItem>;
|
|
577
|
+
TriggerClassName: string;
|
|
578
|
+
get className(): string;
|
|
579
|
+
handleMenuItemClick(item: MenuItem, dropdown: UniDropdownComponent): void;
|
|
580
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniMenuComponent, never>;
|
|
581
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMenuComponent, "Menu, uni-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "menuItemClicked": "menuItemClicked"; }, never, ["*"], true, never>;
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
declare class UniSymbolComponent {
|
|
585
|
+
name: string;
|
|
586
|
+
fill: 1 | 0;
|
|
587
|
+
weight: 100 | 200 | 300 | 400 | 500 | 600 | 700;
|
|
588
|
+
grade: -25 | 0 | 200;
|
|
589
|
+
opticalSize: number;
|
|
590
|
+
get className(): string;
|
|
591
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSymbolComponent, never>;
|
|
592
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSymbolComponent, "uni-symbol, Symbol", never, { "name": { "alias": "name"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "grade": { "alias": "grade"; "required": false; }; "opticalSize": { "alias": "opticalSize"; "required": false; }; }, {}, never, never, true, never>;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
declare class UniTextComponent {
|
|
596
|
+
theme: ThemeService;
|
|
597
|
+
typeface: _angular_core.InputSignal<string>;
|
|
598
|
+
color: _angular_core.InputSignal<string>;
|
|
599
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
600
|
+
align: _angular_core.InputSignal<OptionalTextAlign>;
|
|
601
|
+
nowrap: _angular_core.InputSignal<boolean>;
|
|
602
|
+
maxWidth: _angular_core.InputSignal<number>;
|
|
603
|
+
ellipsis: _angular_core.InputSignal<boolean>;
|
|
604
|
+
get className(): string;
|
|
605
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTextComponent, never>;
|
|
606
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTextComponent, "uni-text, Text", never, { "typeface": { "alias": "typeface"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "nowrap": { "alias": "nowrap"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
interface UniTooltipOptions {
|
|
610
|
+
color?: ContainerColorToken;
|
|
611
|
+
border?: Border;
|
|
612
|
+
borderRadius?: Radius;
|
|
613
|
+
shadow?: Shadow;
|
|
614
|
+
typeface: TextRole;
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
type Placement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'right-start' | 'bottom-start' | 'left-start' | 'top-end' | 'right-end' | 'bottom-end' | 'left-end';
|
|
618
|
+
|
|
619
|
+
declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> implements OnDestroy {
|
|
620
|
+
private elRef;
|
|
621
|
+
private renderer;
|
|
622
|
+
private timer;
|
|
623
|
+
hoverDelayMs: _angular_core.WritableSignal<number>;
|
|
624
|
+
isMouseInside: _angular_core.WritableSignal<boolean>;
|
|
625
|
+
private tooltip;
|
|
626
|
+
private arrow;
|
|
627
|
+
hoverDelay: _angular_core.InputSignal<number>;
|
|
628
|
+
label: _angular_core.InputSignal<string>;
|
|
629
|
+
placement: _angular_core.InputSignal<Placement>;
|
|
630
|
+
inlineText: _angular_core.InputSignal<boolean>;
|
|
631
|
+
appendToBody?: boolean;
|
|
632
|
+
constructor();
|
|
633
|
+
toggleTooltip(): void;
|
|
634
|
+
mouseenter(): void;
|
|
635
|
+
mouseleave(): void;
|
|
636
|
+
showTooltip(): void;
|
|
637
|
+
hideTooltip(): void;
|
|
638
|
+
get className(): string;
|
|
639
|
+
private tooltipFadeIn;
|
|
640
|
+
private tooltipFadeOut;
|
|
641
|
+
private tooltipClassName;
|
|
642
|
+
private arrowClassName;
|
|
643
|
+
private createTooltip;
|
|
644
|
+
private createArrow;
|
|
645
|
+
private setPosition;
|
|
646
|
+
private initializeTooltip;
|
|
647
|
+
private destroyTooltip;
|
|
648
|
+
ngOnDestroy(): void;
|
|
649
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTooltipComponent, never>;
|
|
650
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTooltipComponent, "uni-tooltip, Tooltip", never, { "hoverDelay": { "alias": "hoverDelay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "inlineText": { "alias": "inlineText"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
651
|
+
}
|
|
652
|
+
|
|
653
|
+
declare const UNI_THEMES: InjectionToken<Record<string, UniTheme>>;
|
|
10
654
|
|
|
11
|
-
export { UniButtonComponent };
|
|
655
|
+
export { LocalStorageService, NotificationService, RippleDirective, ThemeService, UNI_THEMES, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniButtonComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDropdownComponent, UniGridAreaComponent, UniGridComponent, UniIconComponent, UniMenuComponent, UniRecordDatasource, UniRowComponent, UniServerSideDatasource, UniStackComponent, UniSymbolComponent, UniTextComponent, UniTooltipComponent, UniWrapComponent, useTimer };
|
|
656
|
+
export type { Alert, Confirmation, DataLoader, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Snackbar, Sort, SortDirection, UniDatasource };
|