@nxa-lab/nxa-ui 0.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/nxa-lab-nxa-ui.mjs +3571 -0
- package/fesm2022/nxa-lab-nxa-ui.mjs.map +1 -0
- package/package.json +37 -0
- package/styles/_layers.css +5 -0
- package/styles/_safelist.css +133 -0
- package/styles/_variables.css +4 -0
- package/styles/animations.css +80 -0
- package/styles/components/buttons.css +15 -0
- package/styles/components/modals.css +3 -0
- package/styles/components/nxa-drawer.css +55 -0
- package/styles/components/progress-api-call.css +5 -0
- package/styles/components/text.css +195 -0
- package/styles/inputs/nxa-radio.css +3 -0
- package/styles/layouts/host.css +3 -0
- package/styles/layouts/nxa-page.css +0 -0
- package/styles/main.css +18 -0
- package/types/nxa-lab-nxa-ui.d.ts +1463 -0
|
@@ -0,0 +1,1463 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef, EventEmitter, OnInit, InjectionToken, Type, AfterContentInit, InputSignal, OnDestroy, AfterViewInit } from '@angular/core';
|
|
3
|
+
import { UrlTree } from '@angular/router';
|
|
4
|
+
import * as _angular_platform_browser from '@angular/platform-browser';
|
|
5
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
6
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
7
|
+
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
8
|
+
import * as rxjs from 'rxjs';
|
|
9
|
+
import { Observable } from 'rxjs';
|
|
10
|
+
import * as _nxa_lab_nxa_ui from '@nxa-lab/nxa-ui';
|
|
11
|
+
import { HttpContextToken, HttpInterceptorFn } from '@angular/common/http';
|
|
12
|
+
import { ComponentType, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
|
|
13
|
+
|
|
14
|
+
declare class NxaFormControl {
|
|
15
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaFormControl, never>;
|
|
16
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaFormControl, "nxa-form-control", never, {}, {}, never, ["[top-left]", "[top-right]", "[leading]", "*", "[trailing]", "[bottom-left]", "[bottom-right]", "[error-message]"], true, never>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare const NXA_HOST_CONTENTS_ONLY = "contents";
|
|
20
|
+
declare const NXA_HOST_BLOCK = "block min-h-0 basis-fit h-fit flex-1 max-h-full w-full max-w-full inset-0 box-border";
|
|
21
|
+
declare const NXA_HOST_LAYOUT = "w-full h-full min-h-0 flex flex-col flex-1";
|
|
22
|
+
declare function sanitizeIcon(icon: string, sanitizer: DomSanitizer): SafeHtml;
|
|
23
|
+
declare function isBrowserContext(): boolean;
|
|
24
|
+
declare function isServerContext(): boolean;
|
|
25
|
+
declare function shallowEqual<T = any>(obj1: Record<string, T>, obj2: Record<string, T>): boolean;
|
|
26
|
+
declare function deepEqual<T = any>(a: T, b: T): boolean;
|
|
27
|
+
declare function getStyleVariable(name: string): string;
|
|
28
|
+
type Nullable<T> = T | null | undefined;
|
|
29
|
+
|
|
30
|
+
declare const NXA_COLORS_ALL: readonly ["primary", "secondary", "accent", "neutral", "info", "warning", "error", "success", "content", "ghost", "link"];
|
|
31
|
+
declare const NXA_NEUTRAL_COLORS: readonly ["neutral"];
|
|
32
|
+
declare const NXA_CONTENT_COLORS: readonly ["content"];
|
|
33
|
+
declare const NXA_BRAND_COLORS: readonly ["primary", "secondary", "accent"];
|
|
34
|
+
declare const NXA_STATUS_COLORS: readonly ["info", "success", "warning", "error"];
|
|
35
|
+
type NxaBrandColor = typeof NXA_BRAND_COLORS[number];
|
|
36
|
+
type NxaStatusColor = typeof NXA_STATUS_COLORS[number];
|
|
37
|
+
type NxaNeutralColor = typeof NXA_NEUTRAL_COLORS[number];
|
|
38
|
+
type NxaContentColor = typeof NXA_CONTENT_COLORS[number];
|
|
39
|
+
type NxaColorAll = typeof NXA_COLORS_ALL[number];
|
|
40
|
+
|
|
41
|
+
type NxaConstructor<T = object> = new (...args: any[]) => T;
|
|
42
|
+
declare function applyMixins(derivedCtor: any, constructors: any[]): void;
|
|
43
|
+
|
|
44
|
+
type NxaCssLength = `${number}${'px' | '%' | 'em' | 'rem' | 'vh' | 'vw' | 'dvw' | 'dvh'}` | `calc(${string})` | 'auto' | '0';
|
|
45
|
+
type NxaDirection = 'left' | 'top-left' | 'top' | 'top-right' | 'right' | 'bottom-right' | 'bottom' | 'bottom-left' | 'center-left' | 'center' | 'center-right';
|
|
46
|
+
declare const NXA_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
|
|
47
|
+
type NxaSize = typeof NXA_SIZES[number];
|
|
48
|
+
|
|
49
|
+
declare class NxaButton {
|
|
50
|
+
/**
|
|
51
|
+
* @ignore
|
|
52
|
+
*/
|
|
53
|
+
protected readonly _color: _angular_core.WritableSignal<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success" | "content" | "ghost" | "link">;
|
|
54
|
+
/**
|
|
55
|
+
* @ignore
|
|
56
|
+
*/
|
|
57
|
+
protected readonly _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg" | "xl">;
|
|
58
|
+
/**
|
|
59
|
+
* @ignore
|
|
60
|
+
*/
|
|
61
|
+
protected readonly _disabled: _angular_core.WritableSignal<boolean>;
|
|
62
|
+
/**
|
|
63
|
+
* @ignore
|
|
64
|
+
*/
|
|
65
|
+
protected readonly _loading: _angular_core.WritableSignal<boolean>;
|
|
66
|
+
/**
|
|
67
|
+
* @ignore
|
|
68
|
+
*/
|
|
69
|
+
protected readonly _routerLink: _angular_core.WritableSignal<Nullable<string | any[] | UrlTree>>;
|
|
70
|
+
/**
|
|
71
|
+
* @ignore
|
|
72
|
+
*/
|
|
73
|
+
protected readonly _outlined: _angular_core.WritableSignal<boolean>;
|
|
74
|
+
/**
|
|
75
|
+
* @ignore
|
|
76
|
+
*/
|
|
77
|
+
private readonly _className;
|
|
78
|
+
/**
|
|
79
|
+
* @ignore
|
|
80
|
+
*/
|
|
81
|
+
protected readonly _type: _angular_core.WritableSignal<"button" | "submit" | "reset">;
|
|
82
|
+
/**
|
|
83
|
+
* @ignore
|
|
84
|
+
*/
|
|
85
|
+
protected readonly _spinnerTemplateRef: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
86
|
+
/**
|
|
87
|
+
*
|
|
88
|
+
*/
|
|
89
|
+
protected readonly _label: _angular_core.WritableSignal<string>;
|
|
90
|
+
set label(value: string);
|
|
91
|
+
get label(): string;
|
|
92
|
+
set color(value: NxaColorAll);
|
|
93
|
+
/**
|
|
94
|
+
* Size of the button based on DaisyUI Theme Sizes
|
|
95
|
+
*/
|
|
96
|
+
set size(value: NxaSize);
|
|
97
|
+
/**
|
|
98
|
+
* Disabled button effect + handleClick won't fire an event
|
|
99
|
+
*/
|
|
100
|
+
set disabled(value: boolean);
|
|
101
|
+
/**
|
|
102
|
+
* show a loading spinner + diabled fire events from button
|
|
103
|
+
*/
|
|
104
|
+
set loading(value: boolean);
|
|
105
|
+
/**
|
|
106
|
+
* if value is provided it change the button into a link that is navigable
|
|
107
|
+
*/
|
|
108
|
+
set routerLink(value: Nullable<string | any[] | UrlTree>);
|
|
109
|
+
/**
|
|
110
|
+
* set the style to outlinee
|
|
111
|
+
*/
|
|
112
|
+
set outlined(value: boolean);
|
|
113
|
+
/**
|
|
114
|
+
* classes provided will be injected into the button
|
|
115
|
+
*/
|
|
116
|
+
set className(value: string);
|
|
117
|
+
/**
|
|
118
|
+
* type of button, work only if it's a button without routerLink
|
|
119
|
+
*/
|
|
120
|
+
set type(value: 'button' | 'submit' | 'reset');
|
|
121
|
+
/**
|
|
122
|
+
* custom spinner for the loading state
|
|
123
|
+
*/
|
|
124
|
+
set spinnerTemplateRef(value: Nullable<TemplateRef<any>>);
|
|
125
|
+
/**
|
|
126
|
+
* click event handled with disabled & loading condition to prevent multiple clicks
|
|
127
|
+
*/
|
|
128
|
+
nxaClick: EventEmitter<Event>;
|
|
129
|
+
/**
|
|
130
|
+
* @ignore
|
|
131
|
+
*/
|
|
132
|
+
protected computedClasses: _angular_core.Signal<{
|
|
133
|
+
btn: boolean;
|
|
134
|
+
'btn-disabled': boolean;
|
|
135
|
+
'btn-outline': boolean;
|
|
136
|
+
"pointer-events-none": boolean;
|
|
137
|
+
}>;
|
|
138
|
+
handleClick(event: Event): void;
|
|
139
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaButton, never>;
|
|
140
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaButton, "nxa-button", never, { "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "className": { "alias": "className"; "required": false; }; "type": { "alias": "type"; "required": false; }; "spinnerTemplateRef": { "alias": "spinnerTemplateRef"; "required": false; }; }, { "nxaClick": "nxaClick"; }, never, ["[leading]", "*", "[trailing]"], true, never>;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
declare class NxaCheckbox implements ControlValueAccessor {
|
|
144
|
+
protected _value: {
|
|
145
|
+
sig: _angular_core.WritableSignal<boolean>;
|
|
146
|
+
emitter: _angular_core.EventEmitter<boolean>;
|
|
147
|
+
get: () => boolean;
|
|
148
|
+
set: (v: boolean) => void;
|
|
149
|
+
update: (updateFn: (old: boolean) => boolean) => void;
|
|
150
|
+
};
|
|
151
|
+
protected _disabled: _angular_core.WritableSignal<boolean>;
|
|
152
|
+
protected _color: _angular_core.WritableSignal<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success">;
|
|
153
|
+
protected _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg">;
|
|
154
|
+
protected _displayAs: _angular_core.WritableSignal<"checkbox" | "toggle">;
|
|
155
|
+
protected _id: _angular_core.WritableSignal<string>;
|
|
156
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
157
|
+
private onChange;
|
|
158
|
+
private onTouched;
|
|
159
|
+
/**
|
|
160
|
+
* Checkbox Value
|
|
161
|
+
* @type {boolean}
|
|
162
|
+
* @default false
|
|
163
|
+
*/
|
|
164
|
+
set value(value: boolean);
|
|
165
|
+
get value(): boolean;
|
|
166
|
+
/**
|
|
167
|
+
* Checkbox disabled state
|
|
168
|
+
* @type {boolean}
|
|
169
|
+
* @default false
|
|
170
|
+
* @description If true, the checkbox will be disabled and cannot be interacted with.
|
|
171
|
+
*/
|
|
172
|
+
set disabled(value: boolean);
|
|
173
|
+
/**
|
|
174
|
+
* Checkbox color
|
|
175
|
+
* @type {NxaBrandColor | NxaStatusColor | NxaNeutralColor}
|
|
176
|
+
* @default 'neutral'
|
|
177
|
+
*/
|
|
178
|
+
set color(value: NxaBrandColor | NxaStatusColor | NxaNeutralColor);
|
|
179
|
+
/**
|
|
180
|
+
* Checkbox size
|
|
181
|
+
* @type {NxaSize}
|
|
182
|
+
* @default 'md'
|
|
183
|
+
*/
|
|
184
|
+
set size(value: Exclude<NxaSize, 'xl'>);
|
|
185
|
+
/**
|
|
186
|
+
* Show checkbox as checkbox or toggle
|
|
187
|
+
* @type {'checkbox' | 'toggle'}
|
|
188
|
+
* @default 'checkbox'
|
|
189
|
+
* @description If 'checkbox', it will show as a checkbox, if 'toggle', it will show as a toggle switch.
|
|
190
|
+
* This is useful for different use cases where you want to show a checkbox or a toggle switch.
|
|
191
|
+
*/
|
|
192
|
+
set displayAs(value: 'checkbox' | 'toggle');
|
|
193
|
+
set id(value: string);
|
|
194
|
+
set className(value: string);
|
|
195
|
+
valueChange: _angular_core.EventEmitter<boolean>;
|
|
196
|
+
/**
|
|
197
|
+
* @ignore
|
|
198
|
+
* Control value accessor write value function
|
|
199
|
+
* update state value when form inject current value
|
|
200
|
+
*/
|
|
201
|
+
writeValue(obj: any): void;
|
|
202
|
+
registerOnChange(fn: any): void;
|
|
203
|
+
registerOnTouched(fn: any): void;
|
|
204
|
+
setDisabledState(isDisabled: boolean): void;
|
|
205
|
+
onInput(event: Event): void;
|
|
206
|
+
onBlur(): void;
|
|
207
|
+
protected computedNgClasses: _angular_core.Signal<{
|
|
208
|
+
[x: string]: boolean;
|
|
209
|
+
disabled: boolean;
|
|
210
|
+
}>;
|
|
211
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaCheckbox, never>;
|
|
212
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaCheckbox, "nxa-checkbox", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "displayAs": { "alias": "displayAs"; "required": false; }; "id": { "alias": "id"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["[label]"], true, never>;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
declare class NxaDateTimeInput implements OnInit, ControlValueAccessor {
|
|
216
|
+
protected _type: _angular_core.WritableSignal<"date" | "datetime-local">;
|
|
217
|
+
set type(value: 'date' | 'datetime-local');
|
|
218
|
+
get type(): 'date' | 'datetime-local';
|
|
219
|
+
writeValue(obj: any): void;
|
|
220
|
+
registerOnChange(fn: any): void;
|
|
221
|
+
registerOnTouched(fn: any): void;
|
|
222
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
223
|
+
ngOnInit(): void;
|
|
224
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaDateTimeInput, never>;
|
|
225
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaDateTimeInput, "nxa-date-time-input", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
interface NxaDrawerState {
|
|
229
|
+
id: string;
|
|
230
|
+
state: "OPEN" | "CLOSE" | "REMOVED";
|
|
231
|
+
side: "LEFT" | "RIGHT";
|
|
232
|
+
}
|
|
233
|
+
declare class NxaDrawerService {
|
|
234
|
+
/**
|
|
235
|
+
* store state of any drawer
|
|
236
|
+
*/
|
|
237
|
+
private _drawerStates$;
|
|
238
|
+
/**
|
|
239
|
+
* register a drawer so that it can be used
|
|
240
|
+
* @param drawerState initial drawer state
|
|
241
|
+
*/
|
|
242
|
+
registerDrawer(drawerState: NxaDrawerState): void;
|
|
243
|
+
/**
|
|
244
|
+
* remove drawer state
|
|
245
|
+
* @param id id of the drawer
|
|
246
|
+
*/
|
|
247
|
+
unregisterDrawer(id: string): void;
|
|
248
|
+
/**
|
|
249
|
+
* get drawer state stream by Id
|
|
250
|
+
* @param id id of the drawer
|
|
251
|
+
* @returns Observable state of the drawer
|
|
252
|
+
*/
|
|
253
|
+
getDrawerState$(id: string): Observable<NxaDrawerState | null | undefined>;
|
|
254
|
+
/**
|
|
255
|
+
* get current drawer state by Id
|
|
256
|
+
* @param id id of the drawer
|
|
257
|
+
* @returns NxaDrawerState
|
|
258
|
+
*/
|
|
259
|
+
getDrawerState(id: string): NxaDrawerState | null | undefined;
|
|
260
|
+
/**
|
|
261
|
+
* update state of a drawer
|
|
262
|
+
* @param drawerState
|
|
263
|
+
*/
|
|
264
|
+
updateDrawerState(drawerState: NxaDrawerState): void;
|
|
265
|
+
/**
|
|
266
|
+
* Toggle State of a drawer
|
|
267
|
+
* @param id drawer Id
|
|
268
|
+
*/
|
|
269
|
+
toggle(id: string): void;
|
|
270
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaDrawerService, never>;
|
|
271
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NxaDrawerService>;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
type NxaBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
275
|
+
type NxaBreakpointMap = Partial<Record<Exclude<NxaBreakpoint, 'xs'>, number>>;
|
|
276
|
+
declare const DEFAULT_TAILWIND_BREAKPOINTS: NxaBreakpointMap;
|
|
277
|
+
declare const NXA_BREAKPOINTS: InjectionToken<Partial<Record<"sm" | "md" | "lg" | "xl" | "2xl", number>>>;
|
|
278
|
+
declare class NxaLayoutService {
|
|
279
|
+
private breakpoints;
|
|
280
|
+
private _breakpoint$;
|
|
281
|
+
private _resizeObserver?;
|
|
282
|
+
constructor();
|
|
283
|
+
get breakpoint$(): rxjs.Observable<NxaBreakpoint>;
|
|
284
|
+
get current(): NxaBreakpoint;
|
|
285
|
+
private getBreakpoint;
|
|
286
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaLayoutService, never>;
|
|
287
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NxaLayoutService>;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
declare const SKIP_LOADING: HttpContextToken<boolean>;
|
|
291
|
+
declare class NxaLoadingService {
|
|
292
|
+
private _isLoading$;
|
|
293
|
+
get isLoading$(): Observable<boolean>;
|
|
294
|
+
get isLoading(): boolean;
|
|
295
|
+
addLoading(): void;
|
|
296
|
+
removeLoading(): void;
|
|
297
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaLoadingService, never>;
|
|
298
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NxaLoadingService>;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
declare class NxaOverlayRef<T> {
|
|
302
|
+
overlayRef: OverlayRef;
|
|
303
|
+
private _afterClose$;
|
|
304
|
+
readonly afterClose$: rxjs.Observable<Nullable<T>>;
|
|
305
|
+
constructor(overlayRef: OverlayRef);
|
|
306
|
+
close(returnValue?: T): void;
|
|
307
|
+
}
|
|
308
|
+
type NxaOverlayConfig = OverlayConfig & {
|
|
309
|
+
backdropClickDismiss?: boolean;
|
|
310
|
+
};
|
|
311
|
+
declare const NXA_OVERLAY_DATA: InjectionToken<any>;
|
|
312
|
+
declare const NXA_OVERLAY_CONFIG_DEFAULTS: InjectionToken<NxaOverlayConfig>;
|
|
313
|
+
declare class NxaOverlayService {
|
|
314
|
+
private readonly overlay;
|
|
315
|
+
private readonly defaultConfig;
|
|
316
|
+
private readonly positionBuilder;
|
|
317
|
+
create<TComponent, TData, TReturn>(component: ComponentType<TComponent>, data?: Nullable<TData>, config?: Partial<NxaOverlayConfig>): NxaOverlayRef<TReturn>;
|
|
318
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaOverlayService, never>;
|
|
319
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NxaOverlayService>;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
declare const NXA_DEFAULT_THEME_BRIGHTNESS_MAP: Record<string, "light" | "dark">;
|
|
323
|
+
declare const NXA_THEME_BRIGHTNESS_MAP: InjectionToken<Record<string, "light" | "dark">>;
|
|
324
|
+
/**
|
|
325
|
+
* Default Light theme name
|
|
326
|
+
*/
|
|
327
|
+
declare const NXA_DEFAULT_LIGHT_THEME: InjectionToken<string>;
|
|
328
|
+
/**
|
|
329
|
+
* Default Dark theme name
|
|
330
|
+
*/
|
|
331
|
+
declare const NXA_DEFAULT_DARK_THEME: InjectionToken<string>;
|
|
332
|
+
/**
|
|
333
|
+
* Preference for dark theme
|
|
334
|
+
* If true, the service will set the default theme to dark
|
|
335
|
+
* If false, it will set the default theme to light
|
|
336
|
+
*/
|
|
337
|
+
declare const NXA_PREFER_DARK_THEME: InjectionToken<boolean>;
|
|
338
|
+
type NxaThemeLoaderFn = () => string | null | Promise<string | null> | Observable<string | null>;
|
|
339
|
+
/**
|
|
340
|
+
* Theme Loader function
|
|
341
|
+
* allow to load theme dynamically
|
|
342
|
+
* can be override to load theme from local storage, server or any other source
|
|
343
|
+
*/
|
|
344
|
+
declare const NXA_THEME_LOADER: InjectionToken<NxaThemeLoaderFn>;
|
|
345
|
+
/**
|
|
346
|
+
* Theme Saving function
|
|
347
|
+
* allow to save theme name when it is changed
|
|
348
|
+
* can be override to save theme in local storage, server or any other source
|
|
349
|
+
*/
|
|
350
|
+
declare const NXA_THEME_SAVING: InjectionToken<(themeName: string) => void>;
|
|
351
|
+
declare class NxaThemeService {
|
|
352
|
+
private _defaultLightTheme;
|
|
353
|
+
private _defaultDarkTheme;
|
|
354
|
+
private _preferDarkTheme;
|
|
355
|
+
private _themeBrightnessMap;
|
|
356
|
+
private _themeLoaderFn;
|
|
357
|
+
private _themeSavingFn;
|
|
358
|
+
private _currentTheme;
|
|
359
|
+
get currentTheme(): string | null;
|
|
360
|
+
set currentTheme(value: string | null);
|
|
361
|
+
private _currentBrightness$;
|
|
362
|
+
get currentBrightness$(): Observable<"light" | "dark">;
|
|
363
|
+
getTheme(): string | null;
|
|
364
|
+
private getColorScheme;
|
|
365
|
+
setTheme(theme: string): void;
|
|
366
|
+
constructor();
|
|
367
|
+
private _initializeTheme;
|
|
368
|
+
private _resolveTheme;
|
|
369
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaThemeService, never>;
|
|
370
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NxaThemeService>;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
interface NxaToastModel {
|
|
374
|
+
title: string;
|
|
375
|
+
message: string;
|
|
376
|
+
color: NxaStatusColor;
|
|
377
|
+
duration: number;
|
|
378
|
+
}
|
|
379
|
+
interface NxaToastConfig {
|
|
380
|
+
component: Type<any>;
|
|
381
|
+
direction: NxaDirection;
|
|
382
|
+
distance: [NxaCssLength, NxaCssLength];
|
|
383
|
+
width: NxaCssLength;
|
|
384
|
+
height: NxaCssLength;
|
|
385
|
+
maxWidth: NxaCssLength;
|
|
386
|
+
maxHeight: NxaCssLength;
|
|
387
|
+
panelClass?: string;
|
|
388
|
+
}
|
|
389
|
+
declare const NXA_TOAST_CONFIG_DEFAULTS: InjectionToken<NxaToastConfig>;
|
|
390
|
+
declare class NxaToastService {
|
|
391
|
+
private static count;
|
|
392
|
+
private overlayService;
|
|
393
|
+
private toastDefaultConfig;
|
|
394
|
+
private overlay;
|
|
395
|
+
show(title: string, message: string, color: NxaStatusColor, duration?: number, config?: Partial<NxaToastConfig>): void;
|
|
396
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaToastService, never>;
|
|
397
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NxaToastService>;
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
declare const NxaOverlayBase: {
|
|
401
|
+
new (...args: any[]): {
|
|
402
|
+
overlayService: NxaOverlayService;
|
|
403
|
+
overlayRef: NxaOverlayRef<any>;
|
|
404
|
+
overlayData: any;
|
|
405
|
+
};
|
|
406
|
+
} & NxaConstructor;
|
|
407
|
+
interface INxaOverlay<TData> {
|
|
408
|
+
overlayService: NxaOverlayService;
|
|
409
|
+
overlayRef: NxaOverlayRef<TData>;
|
|
410
|
+
overlayData: TData;
|
|
411
|
+
}
|
|
412
|
+
declare function NxaOverlayBaseMixin<TData, TBase extends NxaConstructor<object>>(Base: TBase): {
|
|
413
|
+
new (...args: any[]): {
|
|
414
|
+
overlayService: NxaOverlayService;
|
|
415
|
+
overlayRef: NxaOverlayRef<TData>;
|
|
416
|
+
overlayData: TData;
|
|
417
|
+
};
|
|
418
|
+
} & TBase;
|
|
419
|
+
|
|
420
|
+
type NxaClassList = string | Record<string, boolean>;
|
|
421
|
+
declare const WithClassName: {
|
|
422
|
+
new (...args: any[]): {
|
|
423
|
+
/** Raw internal value from the component's @Input() */
|
|
424
|
+
_className: _angular_core.WritableSignal<NxaClassList | null>;
|
|
425
|
+
/** Normalized final string */
|
|
426
|
+
readonly _classNameObject: _angular_core.Signal<"" | Record<string, boolean>>;
|
|
427
|
+
};
|
|
428
|
+
} & NxaConstructor;
|
|
429
|
+
declare function WithClassNameMixin<TBase extends NxaConstructor>(Base: TBase): {
|
|
430
|
+
new (...args: any[]): {
|
|
431
|
+
/** Raw internal value from the component's @Input() */
|
|
432
|
+
_className: _angular_core.WritableSignal<NxaClassList | null>;
|
|
433
|
+
/** Normalized final string */
|
|
434
|
+
readonly _classNameObject: _angular_core.Signal<"" | Record<string, boolean>>;
|
|
435
|
+
};
|
|
436
|
+
} & TBase;
|
|
437
|
+
declare function WithClassHeaderMixin<TBase extends NxaConstructor>(base: TBase): {
|
|
438
|
+
new (...args: any[]): {
|
|
439
|
+
_classHeader: _angular_core.WritableSignal<NxaClassList | null>;
|
|
440
|
+
_classHeaderObject: _angular_core.Signal<Record<string, boolean>>;
|
|
441
|
+
};
|
|
442
|
+
} & TBase;
|
|
443
|
+
declare function WithClassBodyMixin<TBase extends NxaConstructor>(base: TBase): {
|
|
444
|
+
new (...args: any[]): {
|
|
445
|
+
_classBody: _angular_core.WritableSignal<NxaClassList | null>;
|
|
446
|
+
_classBodyObject: _angular_core.Signal<Record<string, boolean>>;
|
|
447
|
+
};
|
|
448
|
+
} & TBase;
|
|
449
|
+
declare function WithClassFooterMixin<TBase extends NxaConstructor>(base: TBase): {
|
|
450
|
+
new (...args: any[]): {
|
|
451
|
+
_classFooter: _angular_core.WritableSignal<NxaClassList | null>;
|
|
452
|
+
_classFooterObject: _angular_core.Signal<Record<string, boolean>>;
|
|
453
|
+
};
|
|
454
|
+
} & TBase;
|
|
455
|
+
|
|
456
|
+
interface INxaDropDownOption<T = any> {
|
|
457
|
+
label: string;
|
|
458
|
+
value: T;
|
|
459
|
+
}
|
|
460
|
+
declare const NxaDropdown_base: {
|
|
461
|
+
new (...args: any[]): {
|
|
462
|
+
_className: _angular_core.WritableSignal<NxaClassList | null>;
|
|
463
|
+
readonly _classNameObject: _angular_core.Signal<"" | Record<string, boolean>>;
|
|
464
|
+
};
|
|
465
|
+
} & {
|
|
466
|
+
new (): {};
|
|
467
|
+
};
|
|
468
|
+
declare class NxaDropdown<T = any> extends NxaDropdown_base {
|
|
469
|
+
protected _isOpen: _angular_core.WritableSignal<boolean>;
|
|
470
|
+
protected _label: _angular_core.WritableSignal<string>;
|
|
471
|
+
protected _options: _angular_core.WritableSignal<string[] | INxaDropDownOption<any>[]>;
|
|
472
|
+
protected _buttonTemplateRef: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
473
|
+
protected _itemTemplateRef: _angular_core.WritableSignal<Nullable<TemplateRef<INxaDropDownOption<any>>>>;
|
|
474
|
+
protected _value: {
|
|
475
|
+
sig: _angular_core.WritableSignal<Nullable<INxaDropDownOption<any>>>;
|
|
476
|
+
emitter: _angular_core.EventEmitter<Nullable<INxaDropDownOption<any>>>;
|
|
477
|
+
get: () => Nullable<INxaDropDownOption<any>>;
|
|
478
|
+
set: (v: Nullable<INxaDropDownOption<any>>) => void;
|
|
479
|
+
update: (updateFn: (old: Nullable<INxaDropDownOption<any>>) => Nullable<INxaDropDownOption<any>>) => void;
|
|
480
|
+
};
|
|
481
|
+
set isOpen(value: boolean);
|
|
482
|
+
get isOpen(): boolean;
|
|
483
|
+
set label(value: string);
|
|
484
|
+
get label(): string;
|
|
485
|
+
set options(value: INxaDropDownOption[] | string[]);
|
|
486
|
+
get options(): INxaDropDownOption[] | string[];
|
|
487
|
+
set buttonTemplateRef(value: Nullable<TemplateRef<any>>);
|
|
488
|
+
get buttonTemplateRef(): Nullable<TemplateRef<any>>;
|
|
489
|
+
set itemTemplateRef(value: Nullable<TemplateRef<INxaDropDownOption>>);
|
|
490
|
+
get itemTemplateRef(): Nullable<TemplateRef<INxaDropDownOption>>;
|
|
491
|
+
set className(value: NxaClassList | null);
|
|
492
|
+
get className(): NxaClassList | null;
|
|
493
|
+
set value(value: Nullable<INxaDropDownOption> | T);
|
|
494
|
+
get value(): Nullable<INxaDropDownOption>;
|
|
495
|
+
valueChange: _angular_core.EventEmitter<Nullable<INxaDropDownOption<any>>>;
|
|
496
|
+
selectByValue(value: T): void;
|
|
497
|
+
selectItem(selectedItem: {
|
|
498
|
+
label: string;
|
|
499
|
+
value: any;
|
|
500
|
+
}): void;
|
|
501
|
+
protected _normalizedOptions: _angular_core.Signal<INxaDropDownOption<any>[]>;
|
|
502
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaDropdown<any>, never>;
|
|
503
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaDropdown<any>, "nxa-dropdown", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "buttonTemplateRef": { "alias": "buttonTemplateRef"; "required": false; }; "itemTemplateRef": { "alias": "itemTemplateRef"; "required": false; }; "className": { "alias": "className"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
declare class NxaFileInput implements ControlValueAccessor {
|
|
507
|
+
protected _multiFile: _angular_core.WritableSignal<boolean>;
|
|
508
|
+
protected _disabled: _angular_core.WritableSignal<boolean>;
|
|
509
|
+
protected _color: _angular_core.WritableSignal<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success">;
|
|
510
|
+
protected _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg">;
|
|
511
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
512
|
+
protected _value: {
|
|
513
|
+
sig: _angular_core.WritableSignal<Nullable<FileList>>;
|
|
514
|
+
emitter: _angular_core.EventEmitter<Nullable<FileList>>;
|
|
515
|
+
get: () => Nullable<FileList>;
|
|
516
|
+
set: (v: Nullable<FileList>) => void;
|
|
517
|
+
update: (updateFn: (old: Nullable<FileList>) => Nullable<FileList>) => void;
|
|
518
|
+
};
|
|
519
|
+
set multiFile(value: boolean);
|
|
520
|
+
set disabled(value: boolean);
|
|
521
|
+
set color(value: NxaBrandColor | NxaStatusColor | NxaNeutralColor);
|
|
522
|
+
set size(value: Exclude<NxaSize, 'xl'>);
|
|
523
|
+
set className(value: string);
|
|
524
|
+
set value(value: Nullable<FileList>);
|
|
525
|
+
valueChange: _angular_core.EventEmitter<Nullable<FileList>>;
|
|
526
|
+
private onChange;
|
|
527
|
+
private onTouched;
|
|
528
|
+
protected computedInputNgClasses: _angular_core.Signal<{
|
|
529
|
+
[x: string]: boolean;
|
|
530
|
+
}>;
|
|
531
|
+
writeValue(obj: FileList): void;
|
|
532
|
+
registerOnChange(fn: any): void;
|
|
533
|
+
registerOnTouched(fn: any): void;
|
|
534
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
535
|
+
onFileSelected(event: Event): void;
|
|
536
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaFileInput, never>;
|
|
537
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaFileInput, "nxa-file-input", never, { "multiFile": { "alias": "multiFile"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "className": { "alias": "className"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
declare class NxaRadio<T = any> {
|
|
541
|
+
protected _id: _angular_core.WritableSignal<string>;
|
|
542
|
+
set id(value: string);
|
|
543
|
+
get id(): string;
|
|
544
|
+
protected _name: _angular_core.WritableSignal<string>;
|
|
545
|
+
set name(value: string);
|
|
546
|
+
get name(): string;
|
|
547
|
+
protected _value: _angular_core.WritableSignal<Nullable<T>>;
|
|
548
|
+
set value(value: Nullable<T>);
|
|
549
|
+
get value(): Nullable<T>;
|
|
550
|
+
protected _checked: {
|
|
551
|
+
sig: _angular_core.WritableSignal<boolean>;
|
|
552
|
+
emitter: EventEmitter<boolean>;
|
|
553
|
+
get: () => boolean;
|
|
554
|
+
set: (v: boolean) => void;
|
|
555
|
+
update: (updateFn: (old: boolean) => boolean) => void;
|
|
556
|
+
};
|
|
557
|
+
set checked(value: boolean);
|
|
558
|
+
get checked(): boolean;
|
|
559
|
+
protected _disabled: _angular_core.WritableSignal<boolean>;
|
|
560
|
+
set disabled(value: boolean);
|
|
561
|
+
get disabled(): boolean;
|
|
562
|
+
protected _color: _angular_core.WritableSignal<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success">;
|
|
563
|
+
set color(value: NxaBrandColor | NxaStatusColor | NxaNeutralColor);
|
|
564
|
+
protected _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg">;
|
|
565
|
+
set size(value: Exclude<NxaSize, 'xl'>);
|
|
566
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
567
|
+
set className(value: string);
|
|
568
|
+
get className(): string;
|
|
569
|
+
private selectedChangeEffect;
|
|
570
|
+
selected: EventEmitter<void>;
|
|
571
|
+
checkedChange: EventEmitter<boolean>;
|
|
572
|
+
protected computedNgClasses: _angular_core.Signal<{
|
|
573
|
+
[x: string]: boolean;
|
|
574
|
+
disabled: boolean;
|
|
575
|
+
checked: boolean;
|
|
576
|
+
}>;
|
|
577
|
+
/** Called by group to set checked state */
|
|
578
|
+
setChecked(value: boolean): void;
|
|
579
|
+
/** Trigger selection event */
|
|
580
|
+
select(): void;
|
|
581
|
+
setDisabledState(isDisabled: boolean): void;
|
|
582
|
+
/** For native input change if used directly */
|
|
583
|
+
onNativeChange(event: Event): void;
|
|
584
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaRadio<any>, never>;
|
|
585
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaRadio<any>, "nxa-radio", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "selected": "selected"; "checkedChange": "checkedChange"; }, never, ["[label]"], true, never>;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
declare class NxaRadioGroup<T = any> implements AfterContentInit, ControlValueAccessor {
|
|
589
|
+
protected _radiosSig: _angular_core.Signal<readonly NxaRadio<any>[]>;
|
|
590
|
+
protected _selectedValue: {
|
|
591
|
+
sig: _angular_core.WritableSignal<Nullable<T>>;
|
|
592
|
+
emitter: _angular_core.EventEmitter<Nullable<T>>;
|
|
593
|
+
get: () => Nullable<T>;
|
|
594
|
+
set: (v: Nullable<T>) => void;
|
|
595
|
+
update: (updateFn: (old: Nullable<T>) => Nullable<T>) => void;
|
|
596
|
+
};
|
|
597
|
+
get selectedValue(): Nullable<T>;
|
|
598
|
+
set selectedValue(value: Nullable<T>);
|
|
599
|
+
protected _name: _angular_core.WritableSignal<string>;
|
|
600
|
+
set name(value: string);
|
|
601
|
+
get name(): string;
|
|
602
|
+
private onChange;
|
|
603
|
+
private onTouched;
|
|
604
|
+
ngAfterContentInit(): void;
|
|
605
|
+
writeValue(obj: any): void;
|
|
606
|
+
registerOnChange(fn: any): void;
|
|
607
|
+
registerOnTouched(fn: any): void;
|
|
608
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
609
|
+
/** Sync all radios with the selected value */
|
|
610
|
+
private updateRadios;
|
|
611
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaRadioGroup<any>, never>;
|
|
612
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaRadioGroup<any>, "nxa-radio-group", never, { "selectedValue": { "alias": "selectedValue"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, ["_radiosSig"], ["*"], true, never>;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
declare class NxaRange implements ControlValueAccessor {
|
|
616
|
+
protected _min: _angular_core.WritableSignal<number>;
|
|
617
|
+
set min(value: number);
|
|
618
|
+
get min(): number;
|
|
619
|
+
protected _max: _angular_core.WritableSignal<number>;
|
|
620
|
+
set max(value: number);
|
|
621
|
+
get max(): number;
|
|
622
|
+
protected _step: _angular_core.WritableSignal<number>;
|
|
623
|
+
set step(value: number);
|
|
624
|
+
get step(): number;
|
|
625
|
+
protected _value: {
|
|
626
|
+
sig: _angular_core.WritableSignal<number>;
|
|
627
|
+
emitter: _angular_core.EventEmitter<number>;
|
|
628
|
+
get: () => number;
|
|
629
|
+
set: (v: number) => void;
|
|
630
|
+
update: (updateFn: (old: number) => number) => void;
|
|
631
|
+
};
|
|
632
|
+
set value(value: number);
|
|
633
|
+
get value(): number;
|
|
634
|
+
valueChange: _angular_core.EventEmitter<number>;
|
|
635
|
+
protected _disabled: _angular_core.WritableSignal<boolean>;
|
|
636
|
+
set disabled(value: boolean);
|
|
637
|
+
get disabled(): boolean;
|
|
638
|
+
protected _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg">;
|
|
639
|
+
set size(size: Exclude<NxaSize, "xl">);
|
|
640
|
+
get size(): Exclude<NxaSize, "xl">;
|
|
641
|
+
protected _color: _angular_core.WritableSignal<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success">;
|
|
642
|
+
set color(color: NxaBrandColor | NxaStatusColor | NxaNeutralColor);
|
|
643
|
+
get color(): NxaBrandColor | NxaStatusColor | NxaNeutralColor;
|
|
644
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
645
|
+
set className(value: string);
|
|
646
|
+
get className(): string;
|
|
647
|
+
protected computedNgClasses: _angular_core.Signal<Record<string, boolean>>;
|
|
648
|
+
private onChange;
|
|
649
|
+
private onTouched;
|
|
650
|
+
writeValue(obj: any): void;
|
|
651
|
+
registerOnChange(fn: any): void;
|
|
652
|
+
registerOnTouched(fn: any): void;
|
|
653
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
654
|
+
onValueChange($event: Event): void;
|
|
655
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaRange, never>;
|
|
656
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaRange, "nxa-range", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
declare class NxaSelect<T = any> implements ControlValueAccessor {
|
|
660
|
+
/**
|
|
661
|
+
* doc protected
|
|
662
|
+
*/
|
|
663
|
+
protected _id: _angular_core.WritableSignal<string>;
|
|
664
|
+
/**
|
|
665
|
+
* doc setter
|
|
666
|
+
*/
|
|
667
|
+
set id(value: string);
|
|
668
|
+
/**
|
|
669
|
+
* doc getter
|
|
670
|
+
*/
|
|
671
|
+
get id(): string;
|
|
672
|
+
protected _optionTemplateRef: _angular_core.WritableSignal<Nullable<TemplateRef<{
|
|
673
|
+
$implicit: T;
|
|
674
|
+
}>>>;
|
|
675
|
+
set optionTemplateRef(value: TemplateRef<{
|
|
676
|
+
$implicit: T;
|
|
677
|
+
}>);
|
|
678
|
+
get optionTemplateRef(): Nullable<TemplateRef<{
|
|
679
|
+
$implicit: T;
|
|
680
|
+
}>>;
|
|
681
|
+
protected _value: {
|
|
682
|
+
sig: _angular_core.WritableSignal<Nullable<T>>;
|
|
683
|
+
emitter: _angular_core.EventEmitter<Nullable<T>>;
|
|
684
|
+
get: () => Nullable<T>;
|
|
685
|
+
set: (v: Nullable<T>) => void;
|
|
686
|
+
update: (updateFn: (old: Nullable<T>) => Nullable<T>) => void;
|
|
687
|
+
};
|
|
688
|
+
set selected(value: Nullable<T>);
|
|
689
|
+
get selected(): Nullable<T>;
|
|
690
|
+
protected _options: _angular_core.WritableSignal<(T | {
|
|
691
|
+
label: string;
|
|
692
|
+
options: T[];
|
|
693
|
+
})[]>;
|
|
694
|
+
set options(values: (T | {
|
|
695
|
+
label: string;
|
|
696
|
+
options: T[];
|
|
697
|
+
})[]);
|
|
698
|
+
protected _disabled: _angular_core.WritableSignal<boolean>;
|
|
699
|
+
set disabled(value: boolean);
|
|
700
|
+
protected _color: _angular_core.WritableSignal<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success">;
|
|
701
|
+
set color(value: NxaBrandColor | NxaStatusColor | NxaNeutralColor);
|
|
702
|
+
protected _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg">;
|
|
703
|
+
set size(value: Exclude<NxaSize, 'xl'>);
|
|
704
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
705
|
+
set className(value: string);
|
|
706
|
+
protected _compareFn: (a: T, b: T) => boolean;
|
|
707
|
+
set compareFn(value: (a: T, b: T) => boolean);
|
|
708
|
+
nxaSelectedChange: _angular_core.EventEmitter<Nullable<T>>;
|
|
709
|
+
protected computeNgClasses: _angular_core.Signal<{
|
|
710
|
+
[x: string]: boolean;
|
|
711
|
+
}>;
|
|
712
|
+
private onChange;
|
|
713
|
+
private onTouched;
|
|
714
|
+
isGroup(item: any): item is {
|
|
715
|
+
label: string;
|
|
716
|
+
options: T[];
|
|
717
|
+
};
|
|
718
|
+
protected getIndexFromValue(): number;
|
|
719
|
+
writeValue(obj: any): void;
|
|
720
|
+
registerOnChange(fn: any): void;
|
|
721
|
+
registerOnTouched(fn: any): void;
|
|
722
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
723
|
+
selectedChange(event: Event): void;
|
|
724
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaSelect<any>, never>;
|
|
725
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaSelect<any>, "nxa-select", never, { "id": { "alias": "id"; "required": false; }; "optionTemplateRef": { "alias": "optionTemplateRef"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "className": { "alias": "className"; "required": false; }; "compareFn": { "alias": "compareFn"; "required": false; }; }, { "nxaSelectedChange": "nxaSelectedChange"; }, never, ["[top-left]", "[top-right]", "[label]", "[bottom-left]", "[bottom-right]"], true, never>;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
type NxaTextInputType = 'text' | 'email' | 'password' | 'search' | 'url' | 'tel' | 'number';
|
|
729
|
+
declare const NxaTextInput_base: {
|
|
730
|
+
new (...args: any[]): {
|
|
731
|
+
_classBody: _angular_core.WritableSignal<NxaClassList | null>;
|
|
732
|
+
_classBodyObject: _angular_core.Signal<Record<string, boolean>>;
|
|
733
|
+
};
|
|
734
|
+
} & {
|
|
735
|
+
new (...args: any[]): {
|
|
736
|
+
_className: _angular_core.WritableSignal<NxaClassList | null>;
|
|
737
|
+
readonly _classNameObject: _angular_core.Signal<"" | Record<string, boolean>>;
|
|
738
|
+
};
|
|
739
|
+
} & {
|
|
740
|
+
new (): {};
|
|
741
|
+
};
|
|
742
|
+
declare class NxaTextInput extends NxaTextInput_base implements ControlValueAccessor, OnInit {
|
|
743
|
+
protected _placeholder: _angular_core.WritableSignal<string>;
|
|
744
|
+
/**
|
|
745
|
+
* Placeholder displayed Text
|
|
746
|
+
* */
|
|
747
|
+
set placeholder(value: string);
|
|
748
|
+
get placeholder(): string;
|
|
749
|
+
protected _type: _angular_core.WritableSignal<NxaTextInputType>;
|
|
750
|
+
/**
|
|
751
|
+
* Input type (text, email, password, search, url, tel, number)
|
|
752
|
+
*/
|
|
753
|
+
set type(value: NxaTextInputType);
|
|
754
|
+
get type(): NxaTextInputType;
|
|
755
|
+
protected _name: _angular_core.WritableSignal<Nullable<string>>;
|
|
756
|
+
/**
|
|
757
|
+
* Name Of Input Element
|
|
758
|
+
*/
|
|
759
|
+
set name(value: Nullable<string>);
|
|
760
|
+
get name(): Nullable<string>;
|
|
761
|
+
protected _id: _angular_core.WritableSignal<Nullable<string>>;
|
|
762
|
+
/**
|
|
763
|
+
* Html element id
|
|
764
|
+
*/
|
|
765
|
+
set id(value: Nullable<string>);
|
|
766
|
+
get id(): Nullable<string>;
|
|
767
|
+
protected _color: _angular_core.WritableSignal<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success">;
|
|
768
|
+
/**
|
|
769
|
+
* Color of the input ( "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error" | "neutral")
|
|
770
|
+
*/
|
|
771
|
+
set color(value: NxaBrandColor | NxaStatusColor | NxaNeutralColor);
|
|
772
|
+
get color(): NxaBrandColor | NxaStatusColor | NxaNeutralColor;
|
|
773
|
+
protected _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg">;
|
|
774
|
+
set size(value: Exclude<NxaSize, 'xl'>);
|
|
775
|
+
get size(): Exclude<NxaSize, "xl">;
|
|
776
|
+
protected _autocomplete: _angular_core.WritableSignal<string | undefined>;
|
|
777
|
+
set autocomplete(value: string | undefined);
|
|
778
|
+
get autocomplete(): string | undefined;
|
|
779
|
+
_maxlength: _angular_core.WritableSignal<number | undefined>;
|
|
780
|
+
set maxlength(value: number | undefined);
|
|
781
|
+
get maxlength(): number | undefined;
|
|
782
|
+
_minlength: _angular_core.WritableSignal<number | undefined>;
|
|
783
|
+
set minlength(value: number | undefined);
|
|
784
|
+
get minlength(): number | undefined;
|
|
785
|
+
_required: _angular_core.WritableSignal<boolean | undefined>;
|
|
786
|
+
set required(value: boolean | undefined);
|
|
787
|
+
get required(): boolean | undefined;
|
|
788
|
+
_readonly: _angular_core.WritableSignal<boolean | undefined>;
|
|
789
|
+
set readonly(value: boolean | undefined);
|
|
790
|
+
get readonly(): boolean | undefined;
|
|
791
|
+
set classBody(value: NxaClassList | null);
|
|
792
|
+
get classBody(): Nullable<NxaClassList>;
|
|
793
|
+
set className(value: NxaClassList | null);
|
|
794
|
+
get className(): Nullable<NxaClassList>;
|
|
795
|
+
_value: {
|
|
796
|
+
sig: _angular_core.WritableSignal<Nullable<string>>;
|
|
797
|
+
emitter: _angular_core.EventEmitter<Nullable<string>>;
|
|
798
|
+
get: () => Nullable<string>;
|
|
799
|
+
set: (v: Nullable<string>) => void;
|
|
800
|
+
update: (updateFn: (old: Nullable<string>) => Nullable<string>) => void;
|
|
801
|
+
};
|
|
802
|
+
set value(value: Nullable<string>);
|
|
803
|
+
get value(): Nullable<string>;
|
|
804
|
+
nxValueChange: _angular_core.EventEmitter<Nullable<string>>;
|
|
805
|
+
_disabled: _angular_core.WritableSignal<boolean>;
|
|
806
|
+
set disabled(value: boolean);
|
|
807
|
+
get disabled(): boolean;
|
|
808
|
+
/** @ignore */
|
|
809
|
+
protected computedNgClasses: _angular_core.Signal<{
|
|
810
|
+
[x: string]: boolean;
|
|
811
|
+
disabled: boolean;
|
|
812
|
+
}>;
|
|
813
|
+
private onChange;
|
|
814
|
+
private onTouched;
|
|
815
|
+
writeValue(obj: any): void;
|
|
816
|
+
registerOnChange(fn: any): void;
|
|
817
|
+
registerOnTouched(fn: any): void;
|
|
818
|
+
setDisabledState(isDisabled: boolean): void;
|
|
819
|
+
onInput(event: Event): void;
|
|
820
|
+
onBlur(): void;
|
|
821
|
+
ngOnInit(): void;
|
|
822
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaTextInput, never>;
|
|
823
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaTextInput, "nxa-text-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "classBody": { "alias": "classBody"; "required": false; }; "className": { "alias": "className"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "nxValueChange": "nxValueChange"; }, never, ["[left]", "[leading]", "[trailing]", "[right]", "[error-message]"], true, never>;
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
declare class NxaLinearLayout {
|
|
827
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
828
|
+
/**
|
|
829
|
+
* Allows the consumer to pass additional CSS classes to the component.
|
|
830
|
+
* These classes will be merged with the component's own classes,
|
|
831
|
+
* allowing for further customization of the layout's appearance and behavior.
|
|
832
|
+
* className="flex-col"
|
|
833
|
+
*/
|
|
834
|
+
set className(value: string);
|
|
835
|
+
get className(): string;
|
|
836
|
+
protected _gap: _angular_core.WritableSignal<NxaCssLength>;
|
|
837
|
+
set gap(value: NxaCssLength);
|
|
838
|
+
get gap(): NxaCssLength;
|
|
839
|
+
protected _justify: _angular_core.WritableSignal<"center" | "start" | "end" | "between" | "around">;
|
|
840
|
+
set justify(value: 'start' | 'end' | 'center' | 'between' | 'around');
|
|
841
|
+
get justify(): "start" | "end" | "center" | "between" | "around";
|
|
842
|
+
protected _align: _angular_core.WritableSignal<"center" | "start" | "end" | "between" | "around">;
|
|
843
|
+
set align(value: 'start' | 'end' | 'center' | 'between' | 'around');
|
|
844
|
+
get align(): "start" | "end" | "center" | "between" | "around";
|
|
845
|
+
protected _wrap: _angular_core.WritableSignal<"nowrap" | "wrap" | "wrap-reverse">;
|
|
846
|
+
set wrap(value: "nowrap" | "wrap" | "wrap-reverse");
|
|
847
|
+
get wrap(): "nowrap" | "wrap" | "wrap-reverse";
|
|
848
|
+
protected _direction: _angular_core.WritableSignal<"col" | "row">;
|
|
849
|
+
set direction(value: 'col' | 'row');
|
|
850
|
+
get direction(): "col" | "row";
|
|
851
|
+
protected computedClasses: _angular_core.Signal<{}>;
|
|
852
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaLinearLayout, never>;
|
|
853
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaLinearLayout, "nxa-linear-layout", never, { "className": { "alias": "className"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "align": { "alias": "align"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
declare class NxaContainer {
|
|
857
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaContainer, never>;
|
|
858
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaContainer, "nxa-container", never, {}, {}, never, ["*"], true, never>;
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
declare class NxaExpansionPanel {
|
|
862
|
+
protected _isOpen: {
|
|
863
|
+
sig: _angular_core.WritableSignal<boolean>;
|
|
864
|
+
emitter: _angular_core.EventEmitter<boolean>;
|
|
865
|
+
get: () => boolean;
|
|
866
|
+
set: (v: boolean) => void;
|
|
867
|
+
update: (updateFn: (old: boolean) => boolean) => void;
|
|
868
|
+
};
|
|
869
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
870
|
+
protected _classHeader: _angular_core.WritableSignal<string>;
|
|
871
|
+
protected _classBody: _angular_core.WritableSignal<string>;
|
|
872
|
+
set isOpen(value: boolean);
|
|
873
|
+
get isOpen(): boolean;
|
|
874
|
+
set className(value: string);
|
|
875
|
+
set classHeader(value: string);
|
|
876
|
+
set classBody(value: string);
|
|
877
|
+
isOpenChange: _angular_core.EventEmitter<boolean>;
|
|
878
|
+
headerClicked(): void;
|
|
879
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaExpansionPanel, never>;
|
|
880
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaExpansionPanel, "nxa-expansion-panel", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "className": { "alias": "className"; "required": false; }; "classHeader": { "alias": "classHeader"; "required": false; }; "classBody": { "alias": "classBody"; "required": false; }; }, { "isOpenChange": "isOpenChange"; }, never, ["[expansion-header]", "[expansion-body]"], true, never>;
|
|
881
|
+
}
|
|
882
|
+
|
|
883
|
+
declare class NxaAccordion implements AfterContentInit {
|
|
884
|
+
/**
|
|
885
|
+
* Get Expansion Panel Children
|
|
886
|
+
*/
|
|
887
|
+
protected expansionPanelsSig: _angular_core.Signal<readonly NxaExpansionPanel[]>;
|
|
888
|
+
/**
|
|
889
|
+
* Map Expansion Panel state into a signal
|
|
890
|
+
*/
|
|
891
|
+
private expansionPanelStateSig;
|
|
892
|
+
/**
|
|
893
|
+
* Store old state
|
|
894
|
+
*/
|
|
895
|
+
private _oldState?;
|
|
896
|
+
/**
|
|
897
|
+
* detect index of changed expansion panel (toggled) or NaN
|
|
898
|
+
*/
|
|
899
|
+
private changedPanel;
|
|
900
|
+
private updatePanels;
|
|
901
|
+
ngAfterContentInit(): void;
|
|
902
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaAccordion, never>;
|
|
903
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaAccordion, "nxa-accordion", never, {}, {}, ["expansionPanelsSig"], ["nxa-expansion-panel"], true, never>;
|
|
904
|
+
}
|
|
905
|
+
|
|
906
|
+
declare const NxaCard_base: {
|
|
907
|
+
new (...args: any[]): {
|
|
908
|
+
_className: _angular_core.WritableSignal<NxaClassList | null>;
|
|
909
|
+
readonly _classNameObject: _angular_core.Signal<"" | Record<string, boolean>>;
|
|
910
|
+
};
|
|
911
|
+
} & {
|
|
912
|
+
new (...args: any[]): {
|
|
913
|
+
_classHeader: _angular_core.WritableSignal<NxaClassList | null>;
|
|
914
|
+
_classHeaderObject: _angular_core.Signal<Record<string, boolean>>;
|
|
915
|
+
};
|
|
916
|
+
} & {
|
|
917
|
+
new (...args: any[]): {
|
|
918
|
+
_classBody: _angular_core.WritableSignal<NxaClassList | null>;
|
|
919
|
+
_classBodyObject: _angular_core.Signal<Record<string, boolean>>;
|
|
920
|
+
};
|
|
921
|
+
} & {
|
|
922
|
+
new (...args: any[]): {
|
|
923
|
+
_classFooter: _angular_core.WritableSignal<NxaClassList | null>;
|
|
924
|
+
_classFooterObject: _angular_core.Signal<Record<string, boolean>>;
|
|
925
|
+
};
|
|
926
|
+
} & {
|
|
927
|
+
new (): {};
|
|
928
|
+
};
|
|
929
|
+
declare class NxaCard extends NxaCard_base {
|
|
930
|
+
protected _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg" | "xl">;
|
|
931
|
+
protected sizeComputed: _angular_core.Signal<{
|
|
932
|
+
[x: string]: boolean;
|
|
933
|
+
}>;
|
|
934
|
+
set size(size: NxaSize);
|
|
935
|
+
get size(): NxaSize;
|
|
936
|
+
set className(value: NxaClassList);
|
|
937
|
+
get className(): Nullable<NxaClassList>;
|
|
938
|
+
set classHeader(value: NxaClassList);
|
|
939
|
+
get classHeader(): Nullable<NxaClassList>;
|
|
940
|
+
set classBody(value: NxaClassList);
|
|
941
|
+
get classBody(): Nullable<NxaClassList>;
|
|
942
|
+
set classFooter(value: NxaClassList);
|
|
943
|
+
get classFooter(): Nullable<NxaClassList>;
|
|
944
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaCard, never>;
|
|
945
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaCard, "nxa-card", never, { "size": { "alias": "size"; "required": false; }; "className": { "alias": "className"; "required": false; }; "classHeader": { "alias": "classHeader"; "required": false; }; "classBody": { "alias": "classBody"; "required": false; }; "classFooter": { "alias": "classFooter"; "required": false; }; }, {}, never, ["[card-image]", "[card-header]", "[card-body]", "[card-footer]", "[card-image-bottom]"], true, never>;
|
|
946
|
+
}
|
|
947
|
+
|
|
948
|
+
interface INxaDataGridHeader {
|
|
949
|
+
label: string;
|
|
950
|
+
}
|
|
951
|
+
interface INxaDataGrid<T = any> {
|
|
952
|
+
data: InputSignal<T[]>;
|
|
953
|
+
headers: InputSignal<T[]>;
|
|
954
|
+
headerRowTemplate: InputSignal<TemplateRef<any> | undefined>;
|
|
955
|
+
dataRowTemplate?: InputSignal<TemplateRef<any> | undefined>;
|
|
956
|
+
}
|
|
957
|
+
declare class NxaDatagrid<T = any> {
|
|
958
|
+
protected _data: _angular_core.WritableSignal<T[]>;
|
|
959
|
+
set data(value: T[]);
|
|
960
|
+
get data(): T[];
|
|
961
|
+
protected _headers: _angular_core.WritableSignal<INxaDataGridHeader[]>;
|
|
962
|
+
set headers(value: INxaDataGridHeader[]);
|
|
963
|
+
get headers(): INxaDataGridHeader[];
|
|
964
|
+
protected _headerRowTemplate: _angular_core.WritableSignal<TemplateRef<any> | undefined>;
|
|
965
|
+
set headerRowTemplate(value: TemplateRef<any> | undefined);
|
|
966
|
+
get headerRowTemplate(): TemplateRef<any> | undefined;
|
|
967
|
+
protected _dataRowTemplate: _angular_core.WritableSignal<TemplateRef<any> | undefined>;
|
|
968
|
+
set dataRowTemplate(value: TemplateRef<any> | undefined);
|
|
969
|
+
get dataRowTemplate(): TemplateRef<any> | undefined;
|
|
970
|
+
protected getObjectKeys(value: any): string[];
|
|
971
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaDatagrid<any>, never>;
|
|
972
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaDatagrid<any>, "nxa-datagrid", never, { "data": { "alias": "data"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "headerRowTemplate": { "alias": "headerRowTemplate"; "required": false; }; "dataRowTemplate": { "alias": "dataRowTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
interface INxaListElement {
|
|
976
|
+
id: string | number;
|
|
977
|
+
}
|
|
978
|
+
declare class NxaDynamicList<T = INxaListElement> {
|
|
979
|
+
protected _rowTemplateRef: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
980
|
+
set rowTemplateRef(value: Nullable<TemplateRef<any>>);
|
|
981
|
+
get rowTemplateRef(): Nullable<TemplateRef<any>>;
|
|
982
|
+
protected _data: _angular_core.WritableSignal<Nullable<T[]>>;
|
|
983
|
+
set data(value: Nullable<T[]>);
|
|
984
|
+
get data(): Nullable<T[]>;
|
|
985
|
+
protected _enableSorting: _angular_core.WritableSignal<boolean>;
|
|
986
|
+
set enableSorting(value: boolean);
|
|
987
|
+
get enableSorting(): boolean;
|
|
988
|
+
protected _enableDrop: _angular_core.WritableSignal<boolean>;
|
|
989
|
+
set enableDrop(value: boolean);
|
|
990
|
+
get enableDrop(): boolean;
|
|
991
|
+
protected _enableDrag: _angular_core.WritableSignal<boolean>;
|
|
992
|
+
set enableDrag(value: boolean);
|
|
993
|
+
get enableDrag(): boolean;
|
|
994
|
+
protected _rowHeight: _angular_core.WritableSignal<number>;
|
|
995
|
+
set rowHeight(value: number);
|
|
996
|
+
get rowHeight(): number;
|
|
997
|
+
elementSorted: EventEmitter<{
|
|
998
|
+
prevIndex: number;
|
|
999
|
+
currentIndex: number;
|
|
1000
|
+
}>;
|
|
1001
|
+
elementDropped(event: CdkDragDrop<T[]>): void;
|
|
1002
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaDynamicList<any>, never>;
|
|
1003
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaDynamicList<any>, "nxa-dynamic-list", never, { "rowTemplateRef": { "alias": "rowTemplateRef"; "required": false; }; "data": { "alias": "data"; "required": false; }; "enableSorting": { "alias": "enableSorting"; "required": false; }; "enableDrop": { "alias": "enableDrop"; "required": false; }; "enableDrag": { "alias": "enableDrag"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; }, { "elementSorted": "elementSorted"; }, never, never, true, never>;
|
|
1004
|
+
}
|
|
1005
|
+
|
|
1006
|
+
declare class NxaListTile {
|
|
1007
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
1008
|
+
set className(value: string);
|
|
1009
|
+
get className(): string;
|
|
1010
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaListTile, never>;
|
|
1011
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaListTile, "nxa-list-tile", never, { "className": { "alias": "className"; "required": false; }; }, {}, never, ["[leading]", "*", "[trailing]"], true, never>;
|
|
1012
|
+
}
|
|
1013
|
+
|
|
1014
|
+
declare const NxaNavbar_base: {
|
|
1015
|
+
new (...args: any[]): {
|
|
1016
|
+
_className: _angular_core.WritableSignal<NxaClassList | null>;
|
|
1017
|
+
readonly _classNameObject: _angular_core.Signal<"" | Record<string, boolean>>;
|
|
1018
|
+
};
|
|
1019
|
+
} & {
|
|
1020
|
+
new (): {};
|
|
1021
|
+
};
|
|
1022
|
+
declare class NxaNavbar extends NxaNavbar_base {
|
|
1023
|
+
protected _leadingTemplate: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
1024
|
+
set leadingTemplate(value: TemplateRef<any>);
|
|
1025
|
+
get leadingTemplate(): Nullable<TemplateRef<any>>;
|
|
1026
|
+
protected _contentTemplate: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
1027
|
+
set contentTemplate(value: TemplateRef<any>);
|
|
1028
|
+
get contentTemplate(): Nullable<TemplateRef<any>>;
|
|
1029
|
+
protected _trailingTemplate: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
1030
|
+
set trailingTemplate(value: TemplateRef<any>);
|
|
1031
|
+
get trailingTemplate(): Nullable<TemplateRef<any>>;
|
|
1032
|
+
set className(value: NxaClassList);
|
|
1033
|
+
get className(): Nullable<NxaClassList>;
|
|
1034
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaNavbar, never>;
|
|
1035
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaNavbar, "nxa-navbar", never, { "leadingTemplate": { "alias": "leadingTemplate"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "trailingTemplate": { "alias": "trailingTemplate"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, ["[leading]", "[content]", "[trailing]"], true, never>;
|
|
1036
|
+
}
|
|
1037
|
+
|
|
1038
|
+
declare const NxaPage_base: {
|
|
1039
|
+
new (...args: any[]): {
|
|
1040
|
+
_className: _angular_core.WritableSignal<NxaClassList | null>;
|
|
1041
|
+
readonly _classNameObject: _angular_core.Signal<"" | Record<string, boolean>>;
|
|
1042
|
+
};
|
|
1043
|
+
} & {
|
|
1044
|
+
new (...args: any[]): {
|
|
1045
|
+
_classBody: _angular_core.WritableSignal<NxaClassList | null>;
|
|
1046
|
+
_classBodyObject: _angular_core.Signal<Record<string, boolean>>;
|
|
1047
|
+
};
|
|
1048
|
+
} & {
|
|
1049
|
+
new (): {};
|
|
1050
|
+
};
|
|
1051
|
+
declare class NxaPage extends NxaPage_base implements OnInit, OnDestroy {
|
|
1052
|
+
/**
|
|
1053
|
+
*
|
|
1054
|
+
*/
|
|
1055
|
+
protected drawerService: NxaDrawerService;
|
|
1056
|
+
protected layoutService: NxaLayoutService;
|
|
1057
|
+
protected nxaBreakpoints: Partial<Record<"sm" | "md" | "lg" | "xl" | "2xl", number>>;
|
|
1058
|
+
protected _isRoot: _angular_core.WritableSignal<boolean>;
|
|
1059
|
+
protected _drawer: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
1060
|
+
protected _navBar: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
1061
|
+
protected _contentFooter: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
1062
|
+
protected _pageFooter: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
1063
|
+
protected _sidebar: _angular_core.WritableSignal<Nullable<TemplateRef<any>>>;
|
|
1064
|
+
protected _drawerId: _angular_core.WritableSignal<string>;
|
|
1065
|
+
protected _drawerDefaultOpen: _angular_core.WritableSignal<boolean>;
|
|
1066
|
+
protected _overlayFrom: _angular_core.WritableSignal<NxaBreakpoint>;
|
|
1067
|
+
protected _currentBreakpoint: _angular_core.Signal<NxaBreakpoint | undefined>;
|
|
1068
|
+
protected _oldBreakpoint: _angular_core.WritableSignal<NxaBreakpoint>;
|
|
1069
|
+
protected _isOverlay: _angular_core.Signal<boolean>;
|
|
1070
|
+
protected _computedNgClasses: _angular_core.Signal<{
|
|
1071
|
+
'is-root': boolean;
|
|
1072
|
+
'nxa-drawer-overlay': boolean;
|
|
1073
|
+
}>;
|
|
1074
|
+
/**
|
|
1075
|
+
* fetch drawer state for this drawer
|
|
1076
|
+
*/
|
|
1077
|
+
protected _drawerState$: Observable<NxaDrawerState | null | undefined>;
|
|
1078
|
+
/**
|
|
1079
|
+
* fetch drawe state for this drawer again
|
|
1080
|
+
*/
|
|
1081
|
+
protected _drawerState: _angular_core.Signal<NxaDrawerState | null | undefined>;
|
|
1082
|
+
set className(value: NxaClassList);
|
|
1083
|
+
get className(): Nullable<NxaClassList>;
|
|
1084
|
+
set classBody(value: NxaClassList);
|
|
1085
|
+
get classBody(): Nullable<NxaClassList>;
|
|
1086
|
+
/**
|
|
1087
|
+
* if this page is root of the website page,
|
|
1088
|
+
* set true if it's the base container of the app
|
|
1089
|
+
*/
|
|
1090
|
+
set root(value: boolean);
|
|
1091
|
+
/**
|
|
1092
|
+
* drawer layout to display
|
|
1093
|
+
*/
|
|
1094
|
+
set drawerTemplate(value: TemplateRef<any>);
|
|
1095
|
+
/**
|
|
1096
|
+
* navbar to display
|
|
1097
|
+
*/
|
|
1098
|
+
set navBarTemplate(value: TemplateRef<any>);
|
|
1099
|
+
/**
|
|
1100
|
+
* footer for content
|
|
1101
|
+
*/
|
|
1102
|
+
set contentFooterTemplate(value: TemplateRef<any>);
|
|
1103
|
+
/**
|
|
1104
|
+
* footer for the entire page
|
|
1105
|
+
*/
|
|
1106
|
+
set pageFooterTemplate(value: TemplateRef<any>);
|
|
1107
|
+
/**
|
|
1108
|
+
* sidenav on the side of the page
|
|
1109
|
+
*/
|
|
1110
|
+
set sidebarTemplate(value: TemplateRef<any>);
|
|
1111
|
+
/**
|
|
1112
|
+
*
|
|
1113
|
+
*/
|
|
1114
|
+
set drawerId(value: string);
|
|
1115
|
+
set drawerDefaultOpen(value: boolean);
|
|
1116
|
+
set overlayFrom(value: NxaBreakpoint);
|
|
1117
|
+
ngOnInit(): void;
|
|
1118
|
+
ngOnDestroy(): void;
|
|
1119
|
+
/**
|
|
1120
|
+
* handle changes in the value of the checkbox
|
|
1121
|
+
* this sync the state between daisy ui component and service status
|
|
1122
|
+
* @param event
|
|
1123
|
+
*/
|
|
1124
|
+
protected valueChange(event: Event): void;
|
|
1125
|
+
protected closeDrawer(): void;
|
|
1126
|
+
/**
|
|
1127
|
+
* handle the injection on host element of class root
|
|
1128
|
+
* this is needed to allow the switch of style if root page
|
|
1129
|
+
* */
|
|
1130
|
+
get isRoot(): boolean;
|
|
1131
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaPage, never>;
|
|
1132
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaPage, "nxa-page", never, { "className": { "alias": "className"; "required": false; }; "classBody": { "alias": "classBody"; "required": false; }; "root": { "alias": "root"; "required": false; }; "drawerTemplate": { "alias": "drawerTemplate"; "required": false; }; "navBarTemplate": { "alias": "navBarTemplate"; "required": false; }; "contentFooterTemplate": { "alias": "contentFooterTemplate"; "required": false; }; "pageFooterTemplate": { "alias": "pageFooterTemplate"; "required": false; }; "sidebarTemplate": { "alias": "sidebarTemplate"; "required": false; }; "drawerId": { "alias": "drawerId"; "required": false; }; "drawerDefaultOpen": { "alias": "drawerDefaultOpen"; "required": false; }; "overlayFrom": { "alias": "overlayFrom"; "required": false; }; }, {}, never, ["[navbar]", "*", "[sidenav]", "[content-footer]", "[drawer]", "[page-footer]"], true, never>;
|
|
1133
|
+
}
|
|
1134
|
+
|
|
1135
|
+
declare class NxaTabDirective implements OnInit {
|
|
1136
|
+
private readonly _tabId;
|
|
1137
|
+
private readonly _tabIndex;
|
|
1138
|
+
private readonly _openingIndex;
|
|
1139
|
+
private readonly _isActive;
|
|
1140
|
+
private readonly _title;
|
|
1141
|
+
private readonly _icon;
|
|
1142
|
+
private readonly _disabled;
|
|
1143
|
+
private readonly _animationDuration;
|
|
1144
|
+
private readonly _defaultAnimation;
|
|
1145
|
+
get tabId(): string;
|
|
1146
|
+
set tabId(value: string);
|
|
1147
|
+
get tabIndex(): number;
|
|
1148
|
+
set tabIndex(value: number);
|
|
1149
|
+
get openingIndex(): number;
|
|
1150
|
+
set openingIndex(value: number);
|
|
1151
|
+
get isActive(): boolean;
|
|
1152
|
+
set isActive(value: boolean);
|
|
1153
|
+
get title(): string;
|
|
1154
|
+
set title(value: string);
|
|
1155
|
+
get icon(): string;
|
|
1156
|
+
set icon(value: string);
|
|
1157
|
+
get disabled(): boolean;
|
|
1158
|
+
set disabled(value: boolean);
|
|
1159
|
+
get animationDuration(): number;
|
|
1160
|
+
set animationDuration(value: number);
|
|
1161
|
+
get defaultAnimation(): boolean;
|
|
1162
|
+
set defaultAnimation(value: boolean);
|
|
1163
|
+
private _tabState;
|
|
1164
|
+
private _animationDelayEffect;
|
|
1165
|
+
protected nxaTab: boolean;
|
|
1166
|
+
protected fullHeight: boolean;
|
|
1167
|
+
protected fullWidth: boolean;
|
|
1168
|
+
protected left: number;
|
|
1169
|
+
protected top: number;
|
|
1170
|
+
protected right: number;
|
|
1171
|
+
protected bottom: number;
|
|
1172
|
+
protected position: string;
|
|
1173
|
+
get display(): "none" | "block";
|
|
1174
|
+
get isTabOpening(): boolean;
|
|
1175
|
+
get isTabOpen(): boolean;
|
|
1176
|
+
get isTabClosing(): boolean;
|
|
1177
|
+
get isTabClose(): boolean;
|
|
1178
|
+
get isClosingLeft(): boolean;
|
|
1179
|
+
get isClosingRight(): boolean;
|
|
1180
|
+
get isOpeningLeft(): boolean;
|
|
1181
|
+
get isOpeningRight(): boolean;
|
|
1182
|
+
protected get animateDefault(): boolean;
|
|
1183
|
+
ngOnInit(): void;
|
|
1184
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaTabDirective, never>;
|
|
1185
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NxaTabDirective, "[nxaTab]", never, { "tabId": { "alias": "tabId"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "openingIndex": { "alias": "openingIndex"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "defaultAnimation": { "alias": "defaultAnimation"; "required": false; }; }, {}, never, never, true, never>;
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1188
|
+
declare class NxaTabView {
|
|
1189
|
+
protected _tabType: _angular_core.WritableSignal<"border" | "lift" | "box">;
|
|
1190
|
+
set tabType(value: 'border' | 'lift' | 'box');
|
|
1191
|
+
get tabType(): "border" | "lift" | "box";
|
|
1192
|
+
protected _tabSize: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg">;
|
|
1193
|
+
set tabSize(value: Exclude<NxaSize, 'xl'>);
|
|
1194
|
+
get tabSize(): Exclude<NxaSize, "xl">;
|
|
1195
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
1196
|
+
set className(value: string);
|
|
1197
|
+
get className(): string;
|
|
1198
|
+
protected _animate: _angular_core.WritableSignal<boolean>;
|
|
1199
|
+
set animate(value: boolean);
|
|
1200
|
+
get animate(): boolean;
|
|
1201
|
+
tabs: _angular_core.Signal<readonly NxaTabDirective[]>;
|
|
1202
|
+
updateTabState: _angular_core.EffectRef;
|
|
1203
|
+
tabsLabelState: _angular_core.Signal<{
|
|
1204
|
+
label: string;
|
|
1205
|
+
active: boolean;
|
|
1206
|
+
}[]>;
|
|
1207
|
+
protected computedNgTabClass: _angular_core.Signal<{
|
|
1208
|
+
[x: string]: boolean;
|
|
1209
|
+
}>;
|
|
1210
|
+
protected onTabclick(tabIndex: number): void;
|
|
1211
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaTabView, never>;
|
|
1212
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaTabView, "nxa-tab-view", never, { "tabType": { "alias": "tabType"; "required": false; }; "tabSize": { "alias": "tabSize"; "required": false; }; "className": { "alias": "className"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; }, {}, ["tabs"], ["[nxaTab]"], true, never>;
|
|
1213
|
+
}
|
|
1214
|
+
|
|
1215
|
+
declare const NxaBadge_base: {
|
|
1216
|
+
new (...args: any[]): {
|
|
1217
|
+
_className: _angular_core.WritableSignal<NxaClassList | null>;
|
|
1218
|
+
readonly _classNameObject: _angular_core.Signal<"" | Record<string, boolean>>;
|
|
1219
|
+
};
|
|
1220
|
+
} & {
|
|
1221
|
+
new (): {};
|
|
1222
|
+
};
|
|
1223
|
+
declare class NxaBadge extends NxaBadge_base {
|
|
1224
|
+
private domSanitizer;
|
|
1225
|
+
protected _color: _angular_core.WritableSignal<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success" | "content" | "ghost" | "link">;
|
|
1226
|
+
protected _outlined: _angular_core.WritableSignal<boolean>;
|
|
1227
|
+
protected _size: _angular_core.WritableSignal<"xs" | "sm" | "md" | "lg" | "xl">;
|
|
1228
|
+
protected _label: _angular_core.WritableSignal<Nullable<string>>;
|
|
1229
|
+
protected _icon: _angular_core.WritableSignal<Nullable<string>>;
|
|
1230
|
+
set color(value: NxaColorAll);
|
|
1231
|
+
get color(): NxaColorAll;
|
|
1232
|
+
set outlined(value: boolean);
|
|
1233
|
+
get outlined(): boolean;
|
|
1234
|
+
set size(value: NxaSize);
|
|
1235
|
+
get size(): NxaSize;
|
|
1236
|
+
set label(value: Nullable<string>);
|
|
1237
|
+
get label(): Nullable<string>;
|
|
1238
|
+
set icon(value: Nullable<string>);
|
|
1239
|
+
get icon(): string | null | undefined;
|
|
1240
|
+
set className(value: NxaClassList | null);
|
|
1241
|
+
get className(): NxaClassList | null;
|
|
1242
|
+
protected computedClasses: _angular_core.Signal<{
|
|
1243
|
+
[x: string]: boolean;
|
|
1244
|
+
"badge-outline": boolean;
|
|
1245
|
+
}>;
|
|
1246
|
+
getIconHTML(): _angular_platform_browser.SafeHtml | null;
|
|
1247
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaBadge, never>;
|
|
1248
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaBadge, "nxa-badge", never, { "color": { "alias": "color"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, ["[leading]", "*", "[trailing]"], true, never>;
|
|
1249
|
+
}
|
|
1250
|
+
|
|
1251
|
+
interface INxaDrawerBadge {
|
|
1252
|
+
label?: string;
|
|
1253
|
+
color?: NxaColorAll;
|
|
1254
|
+
size?: NxaSize;
|
|
1255
|
+
icon?: string;
|
|
1256
|
+
}
|
|
1257
|
+
interface INxaDrawerSection {
|
|
1258
|
+
label: string;
|
|
1259
|
+
entries: INxaDrawerEntry[];
|
|
1260
|
+
}
|
|
1261
|
+
interface INxaDrawerEntry {
|
|
1262
|
+
label: string;
|
|
1263
|
+
routerLink?: string[];
|
|
1264
|
+
fragment?: string;
|
|
1265
|
+
onClick?: () => void;
|
|
1266
|
+
id?: string;
|
|
1267
|
+
badge?: INxaDrawerBadge;
|
|
1268
|
+
icon?: string;
|
|
1269
|
+
defaultOpen?: boolean;
|
|
1270
|
+
subEntries?: INxaDrawerEntry[];
|
|
1271
|
+
}
|
|
1272
|
+
declare class NxaDrawer {
|
|
1273
|
+
private domSanitizer;
|
|
1274
|
+
protected _headerContent: _angular_core.WritableSignal<TemplateRef<any> | null>;
|
|
1275
|
+
set headerContent(value: TemplateRef<any> | null);
|
|
1276
|
+
get headerContent(): TemplateRef<any> | null;
|
|
1277
|
+
protected _footerContent: _angular_core.WritableSignal<TemplateRef<any> | null>;
|
|
1278
|
+
set footerContent(value: TemplateRef<any> | null);
|
|
1279
|
+
get footerContent(): TemplateRef<any> | null;
|
|
1280
|
+
protected _menuEntries: _angular_core.WritableSignal<INxaDrawerSection[]>;
|
|
1281
|
+
set menuEntries(value: INxaDrawerSection[]);
|
|
1282
|
+
get menuEntries(): INxaDrawerSection[];
|
|
1283
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
1284
|
+
set className(value: string);
|
|
1285
|
+
get className(): string;
|
|
1286
|
+
getIconHtml(icon: string): _angular_platform_browser.SafeHtml;
|
|
1287
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaDrawer, never>;
|
|
1288
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaDrawer, "nxa-drawer", never, { "headerContent": { "alias": "headerContent"; "required": false; }; "footerContent": { "alias": "footerContent"; "required": false; }; "menuEntries": { "alias": "menuEntries"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, never, true, never>;
|
|
1289
|
+
}
|
|
1290
|
+
|
|
1291
|
+
declare class NxaPagination {
|
|
1292
|
+
protected _label: _angular_core.WritableSignal<string>;
|
|
1293
|
+
set label(value: string);
|
|
1294
|
+
get label(): string;
|
|
1295
|
+
protected _totalPages: _angular_core.WritableSignal<number>;
|
|
1296
|
+
set totalPages(value: number);
|
|
1297
|
+
get totalPages(): number;
|
|
1298
|
+
protected _currentPage: {
|
|
1299
|
+
sig: _angular_core.WritableSignal<number>;
|
|
1300
|
+
emitter: _angular_core.EventEmitter<number>;
|
|
1301
|
+
get: () => number;
|
|
1302
|
+
set: (v: number) => void;
|
|
1303
|
+
update: (updateFn: (old: number) => number) => void;
|
|
1304
|
+
};
|
|
1305
|
+
set currentPage(value: number);
|
|
1306
|
+
get currentPage(): number;
|
|
1307
|
+
currentPageChange: _angular_core.EventEmitter<number>;
|
|
1308
|
+
nextPage(): void;
|
|
1309
|
+
prevPage(): void;
|
|
1310
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaPagination, never>;
|
|
1311
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaPagination, "nxa-pagination", never, { "label": { "alias": "label"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; }, { "currentPageChange": "currentPageChange"; }, never, never, true, never>;
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1314
|
+
declare class NxaProgressApiCall {
|
|
1315
|
+
private loadingService;
|
|
1316
|
+
private isLoading;
|
|
1317
|
+
get hidden(): boolean;
|
|
1318
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaProgressApiCall, never>;
|
|
1319
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaProgressApiCall, "nxa-progress-api-call", never, {}, {}, never, never, true, never>;
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
declare class NxaText {
|
|
1323
|
+
private _layoutService;
|
|
1324
|
+
private _screenSizeChanged;
|
|
1325
|
+
protected _for: _angular_core.WritableSignal<string>;
|
|
1326
|
+
set for(value: string);
|
|
1327
|
+
get for(): string;
|
|
1328
|
+
protected _useLabelTag: _angular_core.Signal<boolean>;
|
|
1329
|
+
/**
|
|
1330
|
+
* The type of text to render.
|
|
1331
|
+
*/
|
|
1332
|
+
protected _type: _angular_core.WritableSignal<"label" | "title" | "paragraph" | "subtitle" | "caption">;
|
|
1333
|
+
set type(value: 'title' | 'paragraph' | 'subtitle' | 'caption' | 'label');
|
|
1334
|
+
get type(): "title" | "paragraph" | "subtitle" | "caption" | "label";
|
|
1335
|
+
/**
|
|
1336
|
+
* The size of the text.
|
|
1337
|
+
* default depends on the type of text
|
|
1338
|
+
*/
|
|
1339
|
+
protected _size: _angular_core.WritableSignal<Nullable<"xs" | "sm" | "md" | "lg" | "xl" | Partial<Record<NxaBreakpoint, "xs" | "sm" | "md" | "lg" | "xl">>>>;
|
|
1340
|
+
set size(value: Nullable<NxaSize | Partial<Record<NxaBreakpoint, NxaSize>>>);
|
|
1341
|
+
get size(): Nullable<NxaSize | Partial<Record<NxaBreakpoint, NxaSize>>>;
|
|
1342
|
+
protected _computeSizeSuffix: _angular_core.Signal<"xs" | "sm" | "md" | "lg" | "xl">;
|
|
1343
|
+
/**
|
|
1344
|
+
* The weight of the text.
|
|
1345
|
+
* default depends on the type of text
|
|
1346
|
+
* Possible values: 'extralight', 'thin', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold'
|
|
1347
|
+
*/
|
|
1348
|
+
protected _weight: _angular_core.WritableSignal<Nullable<"light" | "extralight" | "thin" | "normal" | "medium" | "semibold" | "bold" | "extrabold">>;
|
|
1349
|
+
set weight(value: Nullable<'extralight' | 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold'>);
|
|
1350
|
+
get weight(): Nullable<'extralight' | 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold'>;
|
|
1351
|
+
/**
|
|
1352
|
+
* The italic style of the text.
|
|
1353
|
+
* default false
|
|
1354
|
+
*/
|
|
1355
|
+
protected _italic: _angular_core.WritableSignal<boolean>;
|
|
1356
|
+
set italic(value: boolean);
|
|
1357
|
+
get italic(): boolean;
|
|
1358
|
+
/**
|
|
1359
|
+
* The color of the text.
|
|
1360
|
+
* default 'content'
|
|
1361
|
+
* Possible values: 'primary', 'secondary', 'success', 'warning', 'error', 'content', 'info', 'neutral'
|
|
1362
|
+
*
|
|
1363
|
+
* Note: This is a custom color, not a tailwind color.
|
|
1364
|
+
* You can use this to set the color of the text to any color you want.
|
|
1365
|
+
*/
|
|
1366
|
+
protected _color: _angular_core.WritableSignal<Nullable<"primary" | "secondary" | "accent" | "neutral" | "info" | "warning" | "error" | "success" | "content">>;
|
|
1367
|
+
set color(value: Nullable<NxaBrandColor | NxaStatusColor | NxaContentColor | NxaNeutralColor>);
|
|
1368
|
+
get color(): Nullable<NxaBrandColor | NxaStatusColor | NxaContentColor | NxaNeutralColor>;
|
|
1369
|
+
/**
|
|
1370
|
+
* Custom class name to add to the text element.
|
|
1371
|
+
* This can be used to add additional styles to the text element.
|
|
1372
|
+
* It will be added to the computed classes of the text element.
|
|
1373
|
+
*
|
|
1374
|
+
* Note: use tailwind/ global classes to override local value, some time !important is required.
|
|
1375
|
+
*/
|
|
1376
|
+
protected _className: _angular_core.WritableSignal<string>;
|
|
1377
|
+
set className(value: string);
|
|
1378
|
+
get className(): string;
|
|
1379
|
+
protected computedClasses: _angular_core.Signal<string>;
|
|
1380
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaText, never>;
|
|
1381
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaText, "nxa-text", never, { "for": { "alias": "for"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "color": { "alias": "color"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1384
|
+
declare const NxaToast_base: {
|
|
1385
|
+
new (...args: any[]): {
|
|
1386
|
+
overlayService: _nxa_lab_nxa_ui.NxaOverlayService;
|
|
1387
|
+
overlayRef: _nxa_lab_nxa_ui.NxaOverlayRef<NxaToastModel>;
|
|
1388
|
+
overlayData: NxaToastModel;
|
|
1389
|
+
};
|
|
1390
|
+
} & NxaConstructor;
|
|
1391
|
+
declare class NxaToast extends NxaToast_base implements OnInit {
|
|
1392
|
+
protected isVisible: _angular_core.WritableSignal<boolean>;
|
|
1393
|
+
ngOnInit(): void;
|
|
1394
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaToast, never>;
|
|
1395
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaToast, "nxa-toast", never, {}, {}, never, never, true, never>;
|
|
1396
|
+
}
|
|
1397
|
+
|
|
1398
|
+
declare class NxaTooltipDirective {
|
|
1399
|
+
private viewContainerRef;
|
|
1400
|
+
private tooltipComponentRef?;
|
|
1401
|
+
private readonly _anchorId;
|
|
1402
|
+
private readonly _tooltipMessage;
|
|
1403
|
+
private readonly _direction;
|
|
1404
|
+
set anchorId(value: string | null);
|
|
1405
|
+
get anchorId(): string | null;
|
|
1406
|
+
set tooltipMessage(value: string | null);
|
|
1407
|
+
get tooltipMessage(): string | null;
|
|
1408
|
+
set direction(value: NxaDirection | null);
|
|
1409
|
+
get direction(): NxaDirection | null;
|
|
1410
|
+
protected _relativeClass: boolean;
|
|
1411
|
+
onMouseEnter(): void;
|
|
1412
|
+
onMouseLeave(): void;
|
|
1413
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaTooltipDirective, never>;
|
|
1414
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NxaTooltipDirective, "[nxaTooltip]", never, { "anchorId": { "alias": "anchorId"; "required": false; }; "tooltipMessage": { "alias": "tooltipMessage"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, true, never>;
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
declare class NxaTooltip {
|
|
1418
|
+
protected _tooltipMessage: _angular_core.WritableSignal<string>;
|
|
1419
|
+
set tooltipMessage(value: string);
|
|
1420
|
+
get tooltipMessage(): string;
|
|
1421
|
+
protected _anchorId: _angular_core.WritableSignal<string>;
|
|
1422
|
+
set anchorId(value: string);
|
|
1423
|
+
get anchorId(): string;
|
|
1424
|
+
protected tooltipRef: _angular_core.Signal<HTMLElement>;
|
|
1425
|
+
protected setAnchorEffect: _angular_core.EffectRef;
|
|
1426
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaTooltip, never>;
|
|
1427
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NxaTooltip, "nxa-tooltip", never, { "tooltipMessage": { "alias": "tooltipMessage"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; }, {}, never, never, true, never>;
|
|
1428
|
+
}
|
|
1429
|
+
|
|
1430
|
+
declare class NxaAutoSizeDirective {
|
|
1431
|
+
private _nxaAutoSize;
|
|
1432
|
+
set nxaAutoSize(value: 'x' | 'y' | 'xy');
|
|
1433
|
+
get height(): "100%" | null;
|
|
1434
|
+
get flexGrow(): "1" | null;
|
|
1435
|
+
get flexShrink(): "1" | null;
|
|
1436
|
+
get flexBasis(): "0" | null;
|
|
1437
|
+
get minHeight(): "0" | null;
|
|
1438
|
+
get width(): "100%" | null;
|
|
1439
|
+
get minWidth(): "0" | null;
|
|
1440
|
+
position: string;
|
|
1441
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaAutoSizeDirective, never>;
|
|
1442
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NxaAutoSizeDirective, "[nxaAutoSize]", never, { "nxaAutoSize": { "alias": "nxaAutoSize"; "required": false; }; }, {}, never, never, true, never>;
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1445
|
+
declare class NxaForceSizeDirective implements AfterViewInit, OnDestroy {
|
|
1446
|
+
private el;
|
|
1447
|
+
private zone;
|
|
1448
|
+
set nxaForceSize(value: 'x' | 'y' | 'xy');
|
|
1449
|
+
private _nxaForceSize;
|
|
1450
|
+
private _resizeObserver?;
|
|
1451
|
+
hostWidth?: string;
|
|
1452
|
+
hostHeight?: string;
|
|
1453
|
+
ngAfterViewInit(): void;
|
|
1454
|
+
private setDimensions;
|
|
1455
|
+
ngOnDestroy(): void;
|
|
1456
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NxaForceSizeDirective, never>;
|
|
1457
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NxaForceSizeDirective, "[nxaForceSize]", never, { "nxaForceSize": { "alias": "nxaForceSize"; "required": false; }; }, {}, never, never, true, never>;
|
|
1458
|
+
}
|
|
1459
|
+
|
|
1460
|
+
declare const NxaLoadingInterceptor: HttpInterceptorFn;
|
|
1461
|
+
|
|
1462
|
+
export { DEFAULT_TAILWIND_BREAKPOINTS, NXA_BRAND_COLORS, NXA_BREAKPOINTS, NXA_COLORS_ALL, NXA_CONTENT_COLORS, NXA_DEFAULT_DARK_THEME, NXA_DEFAULT_LIGHT_THEME, NXA_DEFAULT_THEME_BRIGHTNESS_MAP, NXA_HOST_BLOCK, NXA_HOST_CONTENTS_ONLY, NXA_HOST_LAYOUT, NXA_NEUTRAL_COLORS, NXA_OVERLAY_CONFIG_DEFAULTS, NXA_OVERLAY_DATA, NXA_PREFER_DARK_THEME, NXA_SIZES, NXA_STATUS_COLORS, NXA_THEME_BRIGHTNESS_MAP, NXA_THEME_LOADER, NXA_THEME_SAVING, NXA_TOAST_CONFIG_DEFAULTS, NxaAccordion, NxaAutoSizeDirective, NxaBadge, NxaButton, NxaCard, NxaCheckbox, NxaContainer, NxaDatagrid, NxaDateTimeInput, NxaDrawer, NxaDrawerService, NxaDropdown, NxaDynamicList, NxaExpansionPanel, NxaFileInput, NxaForceSizeDirective, NxaFormControl, NxaLayoutService, NxaLinearLayout, NxaListTile, NxaLoadingInterceptor, NxaLoadingService, NxaNavbar, NxaOverlayBase, NxaOverlayBaseMixin, NxaOverlayRef, NxaOverlayService, NxaPage, NxaPagination, NxaProgressApiCall, NxaRadio, NxaRadioGroup, NxaRange, NxaSelect, NxaTabDirective, NxaTabView, NxaText, NxaTextInput, NxaThemeService, NxaToast, NxaToastService, NxaTooltip, NxaTooltipDirective, SKIP_LOADING, WithClassBodyMixin, WithClassFooterMixin, WithClassHeaderMixin, WithClassName, WithClassNameMixin, applyMixins, deepEqual, getStyleVariable, isBrowserContext, isServerContext, sanitizeIcon, shallowEqual };
|
|
1463
|
+
export type { INxaDataGrid, INxaDataGridHeader, INxaDrawerBadge, INxaDrawerEntry, INxaDrawerSection, INxaDropDownOption, INxaListElement, INxaOverlay, Nullable, NxaBrandColor, NxaBreakpoint, NxaBreakpointMap, NxaClassList, NxaColorAll, NxaConstructor, NxaContentColor, NxaCssLength, NxaDirection, NxaDrawerState, NxaNeutralColor, NxaOverlayConfig, NxaSize, NxaStatusColor, NxaTextInputType, NxaThemeLoaderFn, NxaToastConfig, NxaToastModel };
|