@ng-solid/design-system 22.1.1 → 22.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +99 -41
- package/fesm2022/ng-solid-design-system.mjs +6770 -1786
- package/fesm2022/ng-solid-design-system.mjs.map +1 -1
- package/package.json +27 -12
- package/themes/README.md +75 -0
- package/themes/fonts/InterVariable.woff2 +0 -0
- package/themes/fonts/OFL.txt +92 -0
- package/themes/fonts/ROBOTO-OFL.txt +93 -0
- package/themes/fonts/Roboto-Variable.ttf +0 -0
- package/themes/index.scss +1 -0
- package/themes/tailwind.css +87 -0
- package/types/ng-solid-design-system.d.ts +1031 -368
|
@@ -1,292 +1,171 @@
|
|
|
1
|
+
import { DateValue, DayOfWeek } from '@internationalized/date';
|
|
1
2
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { DateValue, DayOfWeek, DateTimeDuration } from '@internationalized/date';
|
|
3
|
+
import { ElementRef, OnInit, Type, AfterViewInit, OnDestroy, Signal, ComponentRef, OnChanges, SimpleChanges, TemplateRef, InjectionToken, EnvironmentProviders } from '@angular/core';
|
|
4
|
+
import { FormGroup, ControlValueAccessor } from '@angular/forms';
|
|
5
5
|
import { NsFile } from '@ng-solid/core';
|
|
6
|
-
import { Subject
|
|
6
|
+
import { Subject } from 'rxjs';
|
|
7
7
|
import { SafeHtml } from '@angular/platform-browser';
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
private platformId;
|
|
22
|
-
private renderer;
|
|
23
|
-
private ngZone;
|
|
24
|
-
ngOnChanges(): void;
|
|
25
|
-
imgError($event: ErrorEvent): void;
|
|
26
|
-
private calcStringSize;
|
|
27
|
-
private notifyCalc;
|
|
28
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsAvatarComponent, never>;
|
|
29
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsAvatarComponent, "ns-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "atl": { "alias": "atl"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9
|
+
type NsDateView = 'day' | 'week' | 'workweek' | 'month' | 'year';
|
|
10
|
+
type NsSize = 'sm' | 'md' | 'lg';
|
|
11
|
+
type NsColor = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
|
|
12
|
+
type NsVariant = 'solid' | 'soft' | 'outline' | 'ghost';
|
|
13
|
+
type NsOrientation = 'horizontal' | 'vertical';
|
|
14
|
+
type NsSelectionMode = 'none' | 'single' | 'multiple';
|
|
15
|
+
type NsKey = string | number;
|
|
16
|
+
interface NsCollectionItem<T = unknown, TKey extends NsKey = NsKey> {
|
|
17
|
+
key: TKey;
|
|
18
|
+
value: T;
|
|
19
|
+
label?: string;
|
|
20
|
+
disabled?: boolean;
|
|
30
21
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
readonly type: _angular_core.InputSignal<"submit" | "button">;
|
|
35
|
-
readonly theme: _angular_core.InputSignal<"primary" | "secondary" | "success">;
|
|
36
|
-
readonly block: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
37
|
-
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
38
|
-
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
39
|
-
readonly icon: _angular_core.InputSignal<string>;
|
|
40
|
-
readonly value: _angular_core.InputSignal<string | number>;
|
|
41
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsButtonComponent, never>;
|
|
42
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsButtonComponent, "ns-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
22
|
+
interface NsDateRangeValue<TDate = DateValue> {
|
|
23
|
+
start: TDate | null;
|
|
24
|
+
end: TDate | null;
|
|
43
25
|
}
|
|
26
|
+
type NsPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
44
27
|
|
|
45
|
-
declare
|
|
46
|
-
readonly
|
|
47
|
-
readonly placeholder: _angular_core.InputSignal<string>;
|
|
28
|
+
declare class NsAccordionItemComponent {
|
|
29
|
+
readonly key: _angular_core.InputSignal<NsKey>;
|
|
48
30
|
readonly label: _angular_core.InputSignal<string>;
|
|
49
|
-
readonly disabled: _angular_core.
|
|
50
|
-
readonly
|
|
51
|
-
|
|
52
|
-
readonly
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
onChange: (value: T) => void;
|
|
56
|
-
writeValue(value: T): void;
|
|
57
|
-
registerOnChange(fn: (value: T) => void): void;
|
|
58
|
-
registerOnTouched(fn: () => void): void;
|
|
59
|
-
setDisabledState(isDisabled: boolean): void;
|
|
60
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsValueAccessor<any>, never>;
|
|
61
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NsValueAccessor<any>, never, never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; }, never, never, true, never>;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
declare class NsCheckboxComponent extends NsValueAccessor<boolean> {
|
|
65
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsCheckboxComponent, never>;
|
|
66
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsCheckboxComponent, "ns-checkbox", never, {}, {}, never, never, true, never>;
|
|
31
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
32
|
+
readonly expanded: _angular_core.ModelSignal<boolean>;
|
|
33
|
+
readonly panelId: string;
|
|
34
|
+
readonly element: ElementRef<any>;
|
|
35
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsAccordionItemComponent, never>;
|
|
36
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsAccordionItemComponent, "ns-accordion-item", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
|
|
67
37
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
number: number;
|
|
80
|
-
context: DayContext;
|
|
81
|
-
date: DateValue;
|
|
82
|
-
tabindex: number;
|
|
83
|
-
ariaLabel: string;
|
|
84
|
-
};
|
|
85
|
-
type NsWeekView = {
|
|
86
|
-
number: number;
|
|
87
|
-
days: NsDayView[];
|
|
88
|
-
};
|
|
89
|
-
type NsMonthView = {
|
|
90
|
-
label: string;
|
|
91
|
-
number: number;
|
|
92
|
-
year: number;
|
|
93
|
-
weekdays: string[];
|
|
94
|
-
weeks: NsWeekView[];
|
|
95
|
-
startDate: DateValue;
|
|
96
|
-
endDate: DateValue;
|
|
97
|
-
};
|
|
98
|
-
type NsDatepickerView = {
|
|
99
|
-
visibleMonths: number;
|
|
100
|
-
startDate?: DateValue;
|
|
101
|
-
firstDayOfWeek: DayOfWeek;
|
|
102
|
-
endDate?: DateValue;
|
|
103
|
-
maxDate?: DateValue;
|
|
104
|
-
minDate?: DateValue;
|
|
105
|
-
months: NsMonthView[];
|
|
106
|
-
locale: string;
|
|
107
|
-
navigation: 'select' | 'arrows' | 'none';
|
|
108
|
-
selectedDate?: DateValue;
|
|
109
|
-
weekdayStyle: WeekdayStyle;
|
|
110
|
-
weekdaysVisible: boolean;
|
|
111
|
-
disabled: boolean;
|
|
112
|
-
};
|
|
113
|
-
type WeekdayStyle = 'long' | 'narrow' | 'short';
|
|
114
|
-
|
|
115
|
-
type NsDateView = 'day' | 'week' | 'workweek' | 'month' | 'year';
|
|
116
|
-
type NsPlacement = 'bottom-start' | 'bottom-end';
|
|
117
|
-
|
|
118
|
-
declare class NsDatePickerComponent extends NsValueAccessor<string> implements OnInit {
|
|
119
|
-
model: NsDatepickerView;
|
|
120
|
-
private readonly service;
|
|
121
|
-
private readonly parserFormatter;
|
|
122
|
-
private readonly elRef;
|
|
123
|
-
private readonly appRef;
|
|
124
|
-
private readonly cdRef;
|
|
125
|
-
private readonly destroyRef;
|
|
126
|
-
private readonly injector;
|
|
127
|
-
private readonly ngZone;
|
|
128
|
-
private readonly document;
|
|
129
|
-
readonly autoClose: _angular_core.InputSignal<boolean | "inside" | "outside">;
|
|
130
|
-
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
131
|
-
readonly view: _angular_core.InputSignal<NsDateView>;
|
|
132
|
-
readonly visibleMonths: _angular_core.InputSignal<number>;
|
|
133
|
-
readonly firstDayOfWeek: _angular_core.InputSignal<DayOfWeek>;
|
|
134
|
-
readonly maxDate: _angular_core.InputSignal<string | DateValue | Date>;
|
|
135
|
-
readonly minDate: _angular_core.InputSignal<string | DateValue | Date>;
|
|
136
|
-
readonly navigation: _angular_core.InputSignal<"select" | "arrows" | "none">;
|
|
137
|
-
readonly weekdayStyle: _angular_core.InputSignal<WeekdayStyle>;
|
|
138
|
-
private controlValue;
|
|
139
|
-
private popupRef;
|
|
140
|
-
private destroyCloseHandlers$;
|
|
141
|
-
ngOnInit(): void;
|
|
142
|
-
writeValue(value: string): void;
|
|
143
|
-
isOpen(): boolean;
|
|
144
|
-
toggleCalendar(): void;
|
|
145
|
-
private open;
|
|
146
|
-
private _createComponent;
|
|
147
|
-
private _applyDatepickerInputs;
|
|
148
|
-
private close;
|
|
149
|
-
private _setCloseHandlers;
|
|
150
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDatePickerComponent, never>;
|
|
151
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsDatePickerComponent, "ns-date-picker", never, { "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "visibleMonths": { "alias": "visibleMonths"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; "weekdayStyle": { "alias": "weekdayStyle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
38
|
+
declare class NsAccordionComponent {
|
|
39
|
+
readonly multiple: _angular_core.InputSignal<boolean>;
|
|
40
|
+
readonly expandedKeys: _angular_core.ModelSignal<readonly NsKey[]>;
|
|
41
|
+
readonly items: _angular_core.Signal<readonly NsAccordionItemComponent[]>;
|
|
42
|
+
constructor();
|
|
43
|
+
onClick(event: MouseEvent): void;
|
|
44
|
+
onKeydown(event: KeyboardEvent): void;
|
|
45
|
+
toggle(key: NsKey): void;
|
|
46
|
+
private findKey;
|
|
47
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsAccordionComponent, never>;
|
|
48
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsAccordionComponent, "ns-accordion", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "expandedKeys": { "alias": "expandedKeys"; "required": false; "isSignal": true; }; }, { "expandedKeys": "expandedKeysChange"; }, ["items"], ["*"], true, never>;
|
|
152
49
|
}
|
|
153
50
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
static
|
|
164
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NsDateRangeEndDirective, "ns-date-range-end", never, {}, {}, never, never, true, never>;
|
|
51
|
+
type NsAlertVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
52
|
+
declare class NsAlertComponent {
|
|
53
|
+
readonly variant: _angular_core.InputSignal<NsAlertVariant>;
|
|
54
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
55
|
+
readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
56
|
+
readonly dismissLabel: _angular_core.InputSignal<string>;
|
|
57
|
+
readonly dismissed: _angular_core.OutputEmitterRef<void>;
|
|
58
|
+
iconName(): string;
|
|
59
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsAlertComponent, never>;
|
|
60
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsAlertComponent, "ns-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*", "ns-link"], true, never>;
|
|
165
61
|
}
|
|
166
62
|
|
|
167
|
-
declare class
|
|
168
|
-
readonly
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
63
|
+
declare class NsAvatarComponent {
|
|
64
|
+
readonly src: _angular_core.InputSignal<string>;
|
|
65
|
+
readonly alt: _angular_core.InputSignal<string>;
|
|
66
|
+
readonly initials: _angular_core.InputSignal<string>;
|
|
67
|
+
readonly icon: _angular_core.InputSignal<string>;
|
|
68
|
+
readonly shape: _angular_core.InputSignal<"circle" | "square">;
|
|
69
|
+
readonly size: _angular_core.InputSignal<NsSize>;
|
|
70
|
+
private readonly imageFailed;
|
|
71
|
+
readonly showImage: _angular_core.Signal<boolean>;
|
|
72
|
+
onImageError(): void;
|
|
73
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsAvatarComponent, never>;
|
|
74
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsAvatarComponent, "ns-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
173
75
|
}
|
|
174
76
|
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
77
|
+
type NsBadgeMode = 'count' | 'dot';
|
|
78
|
+
declare class NsBadgeComponent {
|
|
79
|
+
readonly count: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
80
|
+
readonly mode: _angular_core.InputSignal<NsBadgeMode>;
|
|
81
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
82
|
+
readonly normalizedCount: _angular_core.Signal<number>;
|
|
83
|
+
readonly isVisible: _angular_core.Signal<boolean>;
|
|
84
|
+
readonly displayCount: _angular_core.Signal<string>;
|
|
85
|
+
readonly appearance: _angular_core.Signal<"single" | "hidden" | "dot" | "double" | "overflow">;
|
|
86
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsBadgeComponent, never>;
|
|
87
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsBadgeComponent, "ns-badge", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
180
88
|
}
|
|
181
89
|
|
|
182
|
-
declare
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
abstract getWeeksInMonth(date: DateValue, locale: string, firstDayOfWeek: DayOfWeek): NsWeekView[];
|
|
188
|
-
abstract getDatesInWeek(weekIndex: number, from: DateValue, locale: string, firstDayOfWeek: DayOfWeek): NsDayView[];
|
|
189
|
-
abstract getFormattedMonth(startDate: DateValue, locale: string): string;
|
|
190
|
-
abstract getHoursInDay(): number[];
|
|
191
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsCalendar, never>;
|
|
192
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsCalendar>;
|
|
90
|
+
declare class NsBreadcrumbItemComponent {
|
|
91
|
+
readonly href: _angular_core.InputSignal<string>;
|
|
92
|
+
readonly current: _angular_core.InputSignal<boolean>;
|
|
93
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsBreadcrumbItemComponent, never>;
|
|
94
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsBreadcrumbItemComponent, "ns-breadcrumb-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
|
|
193
95
|
}
|
|
194
96
|
|
|
195
|
-
declare class
|
|
97
|
+
declare class NsBreadcrumbsComponent {
|
|
196
98
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
197
|
-
|
|
198
|
-
static
|
|
199
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputComponent, "ns-input", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
99
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsBreadcrumbsComponent, never>;
|
|
100
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsBreadcrumbsComponent, "ns-breadcrumbs", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
200
101
|
}
|
|
201
102
|
|
|
202
|
-
type
|
|
203
|
-
declare class
|
|
204
|
-
readonly
|
|
205
|
-
readonly
|
|
206
|
-
readonly
|
|
207
|
-
readonly
|
|
208
|
-
readonly
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
103
|
+
type NsButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'success' | 'danger';
|
|
104
|
+
declare class NsButtonComponent {
|
|
105
|
+
readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
106
|
+
readonly variant: _angular_core.InputSignal<NsButtonVariant>;
|
|
107
|
+
readonly size: _angular_core.InputSignal<NsSize>;
|
|
108
|
+
readonly icon: _angular_core.InputSignal<string>;
|
|
109
|
+
readonly iconOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
110
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
111
|
+
readonly block: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
112
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
113
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
114
|
+
readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
115
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsButtonComponent, never>;
|
|
116
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsButtonComponent, "ns-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
212
117
|
}
|
|
213
118
|
|
|
214
|
-
declare class
|
|
215
|
-
|
|
216
|
-
|
|
119
|
+
declare class NsButtonGroupComponent {
|
|
120
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
121
|
+
readonly orientation: _angular_core.InputSignal<NsOrientation>;
|
|
122
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsButtonGroupComponent, never>;
|
|
123
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsButtonGroupComponent, "ns-button-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
217
124
|
}
|
|
218
125
|
|
|
219
|
-
declare class
|
|
220
|
-
readonly
|
|
221
|
-
readonly
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
readonly formatStyle: _angular_core.InputSignal<keyof Intl.NumberFormatOptionsStyleRegistry>;
|
|
225
|
-
input: ElementRef<HTMLInputElement>;
|
|
226
|
-
numberInput: number;
|
|
227
|
-
private readonly defaultOptions;
|
|
228
|
-
private readonly currency;
|
|
229
|
-
private readonly renderer;
|
|
230
|
-
private readonly locale;
|
|
231
|
-
private formatter;
|
|
232
|
-
private parser;
|
|
233
|
-
ngOnInit(): void;
|
|
234
|
-
get formatOptions(): Intl.NumberFormatOptions;
|
|
235
|
-
writeValue(value: string | number): void;
|
|
236
|
-
setValue(value: string): void;
|
|
237
|
-
onInput(event: Event): void;
|
|
238
|
-
onKeyUp(event: KeyboardEvent): void;
|
|
239
|
-
onFocusOut(event: FocusEvent): void;
|
|
240
|
-
private safeNextStep;
|
|
241
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputNumberComponent, never>;
|
|
242
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputNumberComponent, "ns-input-number", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "formatStyle": { "alias": "formatStyle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
126
|
+
declare class NsCardComponent {
|
|
127
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
128
|
+
readonly variant: _angular_core.InputSignal<NsVariant>;
|
|
129
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsCardComponent, never>;
|
|
130
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsCardComponent, "ns-card", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
243
131
|
}
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
readonly showAndHide: _angular_core.InputSignal<boolean>;
|
|
248
|
-
show: boolean;
|
|
249
|
-
constructor();
|
|
250
|
-
ngOnInit(): void;
|
|
251
|
-
toggle(): void;
|
|
252
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsPasswordComponent, never>;
|
|
253
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsPasswordComponent, "ns-password", never, { "forgotLink": { "alias": "forgotLink"; "required": false; "isSignal": true; }; "showAndHide": { "alias": "showAndHide"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
132
|
+
declare class NsCardHeaderComponent {
|
|
133
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsCardHeaderComponent, never>;
|
|
134
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsCardHeaderComponent, "ns-card-header", never, {}, {}, never, ["*"], true, never>;
|
|
254
135
|
}
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
readonly size: _angular_core.InputSignal<"large" | "small">;
|
|
259
|
-
readonly theme: _angular_core.InputSignal<"primary" | "success">;
|
|
260
|
-
readonly checked: _angular_core.Signal<boolean>;
|
|
261
|
-
setValue(checked: boolean): void;
|
|
262
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSwitchComponent, never>;
|
|
263
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSwitchComponent, "ns-switch", never, { "boolean": { "alias": "boolean"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
136
|
+
declare class NsCardBodyComponent {
|
|
137
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsCardBodyComponent, never>;
|
|
138
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsCardBodyComponent, "ns-card-body", never, {}, {}, never, ["*"], true, never>;
|
|
264
139
|
}
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTextAreaComponent, never>;
|
|
269
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsTextAreaComponent, "ns-textarea", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
140
|
+
declare class NsCardFooterComponent {
|
|
141
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsCardFooterComponent, never>;
|
|
142
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsCardFooterComponent, "ns-card-footer", never, {}, {}, never, ["*"], true, never>;
|
|
270
143
|
}
|
|
271
144
|
|
|
272
|
-
declare class
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
readonly
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
setDisabledState(isDisabled: boolean): void;
|
|
282
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsContentEditableComponent, never>;
|
|
283
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsContentEditableComponent, "ns-content-editable", never, { "maxLength": { "alias": "maxlength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
145
|
+
declare class NsChipComponent {
|
|
146
|
+
readonly color: _angular_core.InputSignal<NsColor>;
|
|
147
|
+
readonly variant: _angular_core.InputSignal<"solid" | "soft" | "outline">;
|
|
148
|
+
readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
149
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
150
|
+
readonly dismissLabel: _angular_core.InputSignal<string>;
|
|
151
|
+
readonly removed: _angular_core.OutputEmitterRef<void>;
|
|
152
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsChipComponent, never>;
|
|
153
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsChipComponent, "ns-chip", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
|
|
284
154
|
}
|
|
285
155
|
|
|
286
|
-
declare class
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
156
|
+
declare class NsCollectionController<T = unknown, TKey extends NsKey = NsKey> {
|
|
157
|
+
private readonly selectionMode;
|
|
158
|
+
private readonly itemsState;
|
|
159
|
+
private readonly selectedKeysState;
|
|
160
|
+
readonly items: _angular_core.Signal<readonly NsCollectionItem<T, TKey>[]>;
|
|
161
|
+
readonly selectedKeys: _angular_core.Signal<ReadonlySet<TKey>>;
|
|
162
|
+
readonly selectedItems: _angular_core.Signal<NsCollectionItem<T, TKey>[]>;
|
|
163
|
+
constructor(selectionMode?: NsSelectionMode);
|
|
164
|
+
setItems(items: readonly NsCollectionItem<T, TKey>[]): void;
|
|
165
|
+
isSelected(key: TKey): boolean;
|
|
166
|
+
select(key: TKey): void;
|
|
167
|
+
toggle(key: TKey): void;
|
|
168
|
+
clear(): void;
|
|
290
169
|
}
|
|
291
170
|
|
|
292
171
|
interface NsComment {
|
|
@@ -328,42 +207,156 @@ declare class NsCommentComponent implements OnInit {
|
|
|
328
207
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsCommentComponent, "ns-comment", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "cover": { "alias": "cover"; "required": false; "isSignal": true; }; "submitText": { "alias": "submitText"; "required": false; "isSignal": true; }; "logged": { "alias": "logged"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "commit": "commit"; }, never, ["*"], true, never>;
|
|
329
208
|
}
|
|
330
209
|
|
|
331
|
-
declare class
|
|
332
|
-
readonly
|
|
333
|
-
readonly
|
|
334
|
-
readonly
|
|
210
|
+
declare class NsDescriptionComponent {
|
|
211
|
+
private readonly ariaIds;
|
|
212
|
+
private readonly field;
|
|
213
|
+
private readonly destroyRef;
|
|
214
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
215
|
+
readonly live: _angular_core.InputSignal<"off" | "polite" | "assertive">;
|
|
335
216
|
constructor();
|
|
336
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
337
|
-
static
|
|
338
|
-
}
|
|
339
|
-
|
|
340
|
-
declare class
|
|
341
|
-
readonly
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
217
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDescriptionComponent, never>;
|
|
218
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsDescriptionComponent, "ns-description", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "live": { "alias": "live"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
declare class NsDividerComponent {
|
|
222
|
+
readonly orientation: _angular_core.InputSignal<NsOrientation>;
|
|
223
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDividerComponent, never>;
|
|
224
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsDividerComponent, "ns-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
type NsOverlayCloseReason = 'dismiss' | 'escape' | 'programmatic';
|
|
228
|
+
interface NsOverlayConfig {
|
|
229
|
+
origin?: HTMLElement;
|
|
230
|
+
matchOriginWidth?: boolean;
|
|
231
|
+
placement?: NsPlacement;
|
|
232
|
+
offset?: number;
|
|
233
|
+
closeOnEscape?: boolean;
|
|
234
|
+
closeOnOutsidePointer?: boolean;
|
|
235
|
+
trapFocus?: boolean;
|
|
236
|
+
restoreFocus?: boolean;
|
|
237
|
+
inert?: boolean;
|
|
238
|
+
lockScroll?: boolean;
|
|
239
|
+
}
|
|
240
|
+
interface NsOverlayPosition {
|
|
241
|
+
top: number;
|
|
242
|
+
left: number;
|
|
243
|
+
placement: NsPlacement;
|
|
244
|
+
}
|
|
245
|
+
interface NsResolvedOverlayConfig {
|
|
246
|
+
origin?: HTMLElement;
|
|
247
|
+
matchOriginWidth: boolean;
|
|
248
|
+
placement: NsPlacement;
|
|
249
|
+
offset: number;
|
|
250
|
+
closeOnEscape: boolean;
|
|
251
|
+
closeOnOutsidePointer: boolean;
|
|
252
|
+
trapFocus: boolean;
|
|
253
|
+
restoreFocus: boolean;
|
|
254
|
+
inert: boolean;
|
|
255
|
+
lockScroll: boolean;
|
|
256
|
+
}
|
|
257
|
+
declare class NsOverlayRef {
|
|
258
|
+
readonly portal: HTMLElement;
|
|
259
|
+
readonly config: NsResolvedOverlayConfig;
|
|
260
|
+
private readonly document;
|
|
261
|
+
private readonly closeOverlay;
|
|
262
|
+
private readonly closeListeners;
|
|
263
|
+
private attachedContent?;
|
|
264
|
+
private closedState;
|
|
265
|
+
private readonly priorFocusedElement;
|
|
266
|
+
readonly closed: _angular_core.WritableSignal<NsOverlayCloseReason>;
|
|
267
|
+
constructor(portal: HTMLElement, config: NsResolvedOverlayConfig, document: Document, closeOverlay: (ref: NsOverlayRef, reason: NsOverlayCloseReason) => void);
|
|
268
|
+
attach(element: HTMLElement): void;
|
|
269
|
+
updatePosition(): void;
|
|
270
|
+
focusInitial(): void;
|
|
271
|
+
close(reason?: NsOverlayCloseReason): void;
|
|
272
|
+
onClose(listener: (reason: NsOverlayCloseReason) => void): () => void;
|
|
273
|
+
isClosed(): boolean;
|
|
274
|
+
finalizeClose(reason: NsOverlayCloseReason): void;
|
|
275
|
+
restoreFocus(): void;
|
|
276
|
+
private detachContent;
|
|
277
|
+
}
|
|
278
|
+
declare class NsOverlayService {
|
|
279
|
+
private readonly document;
|
|
280
|
+
private readonly platformId;
|
|
281
|
+
private readonly browser;
|
|
282
|
+
private readonly overlays;
|
|
283
|
+
private readonly inertStates;
|
|
284
|
+
private readonly overlayStackStates;
|
|
285
|
+
private scrollOverflow?;
|
|
286
|
+
private resizeObserver?;
|
|
287
|
+
open(config?: NsOverlayConfig): NsOverlayRef;
|
|
288
|
+
closeAll(): void;
|
|
289
|
+
private close;
|
|
290
|
+
private syncDocumentState;
|
|
291
|
+
private addDocumentListeners;
|
|
292
|
+
private removeDocumentListeners;
|
|
293
|
+
private readonly handleKeydown;
|
|
294
|
+
private readonly handlePointerDown;
|
|
295
|
+
private readonly updatePositions;
|
|
296
|
+
private lockScroll;
|
|
297
|
+
private unlockScroll;
|
|
298
|
+
private applyInert;
|
|
299
|
+
private syncOverlayStackState;
|
|
300
|
+
private restoreInert;
|
|
301
|
+
private restoreDocumentState;
|
|
302
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsOverlayService, never>;
|
|
303
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsOverlayService>;
|
|
304
|
+
}
|
|
305
|
+
declare function getNsOverlayPosition(origin: DOMRect, overlay: DOMRect, placement: NsPlacement, offset: number, viewportWidth: number, viewportHeight: number): NsOverlayPosition;
|
|
306
|
+
|
|
307
|
+
type NsDrawerPosition = 'start' | 'end';
|
|
308
|
+
interface NsDrawerOptions {
|
|
309
|
+
title?: string;
|
|
310
|
+
position?: NsDrawerPosition;
|
|
311
|
+
closeOnEscape?: boolean;
|
|
312
|
+
}
|
|
313
|
+
type NsDrawerComponentInputs<T extends object> = Partial<Record<Extract<keyof T, string>, unknown>>;
|
|
314
|
+
interface NsDrawerConfig<T extends object> extends NsDrawerOptions {
|
|
315
|
+
component: Type<T>;
|
|
316
|
+
inputs?: NsDrawerComponentInputs<T>;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
declare class NsDrawerComponent implements AfterViewInit, OnDestroy {
|
|
320
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
321
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
322
|
+
readonly position: _angular_core.InputSignal<NsDrawerPosition>;
|
|
323
|
+
readonly closeLabel: _angular_core.InputSignal<string>;
|
|
324
|
+
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
325
|
+
readonly closed: _angular_core.OutputEmitterRef<NsOverlayCloseReason>;
|
|
326
|
+
readonly contentComponent: _angular_core.InputSignal<Type<object>>;
|
|
327
|
+
readonly contentInputs: _angular_core.InputSignal<Record<string, unknown>>;
|
|
328
|
+
readonly closeReason: _angular_core.WritableSignal<NsOverlayCloseReason>;
|
|
329
|
+
private contentHost?;
|
|
330
|
+
private readonly element;
|
|
331
|
+
private readonly overlay;
|
|
332
|
+
private overlayRef?;
|
|
333
|
+
private contentRef?;
|
|
334
|
+
private viewInitialized;
|
|
354
335
|
constructor();
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
336
|
+
ngAfterViewInit(): void;
|
|
337
|
+
ngOnDestroy(): void;
|
|
338
|
+
close(): void;
|
|
339
|
+
getContent<T extends object>(): T;
|
|
340
|
+
private openOverlay;
|
|
341
|
+
private createContent;
|
|
342
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDrawerComponent, never>;
|
|
343
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsDrawerComponent, "ns-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "contentComponent": { "alias": "contentComponent"; "required": false; "isSignal": true; }; "contentInputs": { "alias": "contentInputs"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["*"], true, never>;
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
declare class NsDrawerRef<T> {
|
|
347
|
+
private readonly componentRef;
|
|
348
|
+
readonly content: T;
|
|
349
|
+
readonly closed: Signal<NsOverlayCloseReason | undefined>;
|
|
350
|
+
constructor(componentRef: ComponentRef<NsDrawerComponent>, content: T, closed: Signal<NsOverlayCloseReason | undefined>);
|
|
351
|
+
close(): void;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
declare class NsDrawerService {
|
|
355
|
+
private readonly applicationRef;
|
|
356
|
+
private readonly environmentInjector;
|
|
357
|
+
open<T extends object>(config: NsDrawerConfig<T>): NsDrawerRef<T>;
|
|
358
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDrawerService, never>;
|
|
359
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsDrawerService>;
|
|
367
360
|
}
|
|
368
361
|
|
|
369
362
|
declare class NsEditorColorPickerComponent implements OnInit {
|
|
@@ -444,6 +437,381 @@ declare class NsEditorToggleCommandComponent {
|
|
|
444
437
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsEditorToggleCommandComponent, "ns-editor-toggle", never, {}, {}, never, never, true, never>;
|
|
445
438
|
}
|
|
446
439
|
|
|
440
|
+
declare abstract class NsValueAccessor<T = string> implements ControlValueAccessor {
|
|
441
|
+
private readonly ariaIds;
|
|
442
|
+
private readonly field;
|
|
443
|
+
readonly type: _angular_core.InputSignal<string>;
|
|
444
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
445
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
446
|
+
readonly description: _angular_core.InputSignal<string>;
|
|
447
|
+
readonly errorMessage: _angular_core.InputSignal<string>;
|
|
448
|
+
readonly required: _angular_core.InputSignal<boolean>;
|
|
449
|
+
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
450
|
+
readonly disabled: _angular_core.ModelSignal<boolean>;
|
|
451
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
452
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
453
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
454
|
+
readonly ariaDescribedBy: _angular_core.InputSignal<string>;
|
|
455
|
+
readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
|
|
456
|
+
readonly color: _angular_core.InputSignal<"neutral" | "primary" | "success" | "warning" | "danger">;
|
|
457
|
+
readonly variant: _angular_core.InputSignal<"solid" | "soft" | "outline" | "ghost">;
|
|
458
|
+
readonly id: string;
|
|
459
|
+
readonly descriptionId: string;
|
|
460
|
+
readonly errorId: string;
|
|
461
|
+
readonly controlId: _angular_core.Signal<string>;
|
|
462
|
+
readonly describedBy: _angular_core.Signal<string>;
|
|
463
|
+
readonly value: _angular_core.ModelSignal<T>;
|
|
464
|
+
setValue(value: T): void;
|
|
465
|
+
onTouched: () => void;
|
|
466
|
+
onChange: (value: T) => void;
|
|
467
|
+
writeValue(value: T): void;
|
|
468
|
+
registerOnChange(fn: (value: T) => void): void;
|
|
469
|
+
registerOnTouched(fn: () => void): void;
|
|
470
|
+
setDisabledState(isDisabled: boolean): void;
|
|
471
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsValueAccessor<any>, never>;
|
|
472
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NsValueAccessor<any>, never, never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; }, never, never, true, never>;
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
declare class NsCheckboxComponent extends NsValueAccessor<boolean> {
|
|
476
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsCheckboxComponent, never>;
|
|
477
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsCheckboxComponent, "ns-checkbox", never, {}, {}, never, never, true, never>;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
type PickerView = 'calendar' | 'months' | 'years';
|
|
481
|
+
declare class NsDatePickerComponent extends NsValueAccessor<DateValue | null> {
|
|
482
|
+
readonly minDate: _angular_core.InputSignal<DateValue>;
|
|
483
|
+
readonly maxDate: _angular_core.InputSignal<DateValue>;
|
|
484
|
+
readonly unavailableDates: _angular_core.InputSignal<readonly DateValue[]>;
|
|
485
|
+
readonly firstDayOfWeek: _angular_core.InputSignal<DayOfWeek>;
|
|
486
|
+
private calendar?;
|
|
487
|
+
private trigger?;
|
|
488
|
+
readonly calendarId: string;
|
|
489
|
+
readonly calendarLabel = "Date picker";
|
|
490
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
491
|
+
readonly focusedDate: _angular_core.WritableSignal<DateValue>;
|
|
492
|
+
readonly visibleMonth: _angular_core.WritableSignal<DateValue>;
|
|
493
|
+
readonly yearAnchor: _angular_core.WritableSignal<number>;
|
|
494
|
+
private readonly pickerView;
|
|
495
|
+
private readonly yearPageStart;
|
|
496
|
+
private readonly overlay;
|
|
497
|
+
private readonly changeDetector;
|
|
498
|
+
private readonly destroyRef;
|
|
499
|
+
private readonly locale;
|
|
500
|
+
private readonly monthFormatter;
|
|
501
|
+
private readonly monthOnlyFormatter;
|
|
502
|
+
private overlayRef;
|
|
503
|
+
readonly displayValue: _angular_core.Signal<string>;
|
|
504
|
+
readonly monthLabel: _angular_core.Signal<string>;
|
|
505
|
+
readonly monthOnlyLabel: _angular_core.Signal<string>;
|
|
506
|
+
readonly monthOptions: _angular_core.Signal<{
|
|
507
|
+
current: boolean;
|
|
508
|
+
selected: boolean;
|
|
509
|
+
visible: boolean;
|
|
510
|
+
focused: boolean;
|
|
511
|
+
value: number;
|
|
512
|
+
label: string;
|
|
513
|
+
disabled: boolean;
|
|
514
|
+
}[]>;
|
|
515
|
+
readonly yearOptions: _angular_core.Signal<number[]>;
|
|
516
|
+
readonly yearPageOptions: _angular_core.Signal<number[]>;
|
|
517
|
+
readonly yearPageOptionStates: _angular_core.Signal<{
|
|
518
|
+
current: boolean;
|
|
519
|
+
selected: boolean;
|
|
520
|
+
visible: boolean;
|
|
521
|
+
focused: boolean;
|
|
522
|
+
value: number;
|
|
523
|
+
}[]>;
|
|
524
|
+
readonly yearPageLabel: _angular_core.Signal<string>;
|
|
525
|
+
readonly calendarAnnouncement: _angular_core.Signal<string>;
|
|
526
|
+
constructor();
|
|
527
|
+
writeValue(value: DateValue | null): void;
|
|
528
|
+
toggle(): void;
|
|
529
|
+
navigate(months: number): void;
|
|
530
|
+
isPickerView(view: PickerView): boolean;
|
|
531
|
+
openMonthPicker(): void;
|
|
532
|
+
openYearPicker(): void;
|
|
533
|
+
selectMonth(month: number): void;
|
|
534
|
+
selectYear(year: number): void;
|
|
535
|
+
canGoToPreviousYearPage(): boolean;
|
|
536
|
+
canGoToNextYearPage(): boolean;
|
|
537
|
+
moveYearPage(direction: -1 | 1): void;
|
|
538
|
+
select(date: DateValue): void;
|
|
539
|
+
focusDate(date: DateValue): void;
|
|
540
|
+
private open;
|
|
541
|
+
private close;
|
|
542
|
+
private firstSelectableDate;
|
|
543
|
+
private isSelectable;
|
|
544
|
+
private updateVisibleMonth;
|
|
545
|
+
private isMonthAvailable;
|
|
546
|
+
private daysInMonth;
|
|
547
|
+
private pageStartForYear;
|
|
548
|
+
private monthOptionState;
|
|
549
|
+
private yearOptionState;
|
|
550
|
+
private isSameMonth;
|
|
551
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDatePickerComponent, never>;
|
|
552
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsDatePickerComponent, "ns-date-picker", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "unavailableDates": { "alias": "unavailableDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
declare class NsDateRangePickerComponent extends NsValueAccessor<NsDateRangeValue<DateValue> | null> {
|
|
556
|
+
readonly minDate: _angular_core.InputSignal<DateValue>;
|
|
557
|
+
readonly maxDate: _angular_core.InputSignal<DateValue>;
|
|
558
|
+
readonly unavailableDates: _angular_core.InputSignal<readonly DateValue[]>;
|
|
559
|
+
readonly firstDayOfWeek: _angular_core.InputSignal<DayOfWeek>;
|
|
560
|
+
private calendar?;
|
|
561
|
+
private trigger?;
|
|
562
|
+
readonly calendarId: string;
|
|
563
|
+
readonly calendarLabel = "Date range picker";
|
|
564
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
565
|
+
readonly focusedDate: _angular_core.WritableSignal<DateValue>;
|
|
566
|
+
readonly visibleMonth: _angular_core.WritableSignal<DateValue>;
|
|
567
|
+
private readonly overlay;
|
|
568
|
+
private readonly changeDetector;
|
|
569
|
+
private readonly destroyRef;
|
|
570
|
+
private readonly locale;
|
|
571
|
+
private readonly monthFormatter;
|
|
572
|
+
private readonly dateFormatter;
|
|
573
|
+
private overlayRef;
|
|
574
|
+
readonly displayValue: _angular_core.Signal<string>;
|
|
575
|
+
readonly monthLabel: _angular_core.Signal<string>;
|
|
576
|
+
constructor();
|
|
577
|
+
writeValue(value: NsDateRangeValue<DateValue> | null): void;
|
|
578
|
+
toggle(): void;
|
|
579
|
+
navigate(months: number): void;
|
|
580
|
+
select(date: DateValue): void;
|
|
581
|
+
focusDate(date: DateValue): void;
|
|
582
|
+
private open;
|
|
583
|
+
private close;
|
|
584
|
+
private normalizeRange;
|
|
585
|
+
private firstSelectableDate;
|
|
586
|
+
private isSelectable;
|
|
587
|
+
private formatDate;
|
|
588
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDateRangePickerComponent, never>;
|
|
589
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsDateRangePickerComponent, "ns-date-range-picker", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "unavailableDates": { "alias": "unavailableDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
declare class NsDropdownItemDirective {
|
|
593
|
+
readonly key: _angular_core.InputSignal<NsKey>;
|
|
594
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
595
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
596
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDropdownItemDirective, never>;
|
|
597
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NsDropdownItemDirective, "ns-dropdown-item", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
interface NsDropdownItem<T = unknown> {
|
|
601
|
+
key: NsKey;
|
|
602
|
+
label: string;
|
|
603
|
+
disabled?: boolean;
|
|
604
|
+
value?: T;
|
|
605
|
+
}
|
|
606
|
+
type NsDropdownValue = NsKey | readonly NsKey[] | null;
|
|
607
|
+
|
|
608
|
+
interface NsDropdownWorkingItem {
|
|
609
|
+
readonly key: NsKey;
|
|
610
|
+
readonly label: string;
|
|
611
|
+
readonly disabled: boolean;
|
|
612
|
+
}
|
|
613
|
+
declare class NsDropdownComponent extends NsValueAccessor<NsDropdownValue> {
|
|
614
|
+
readonly collection: _angular_core.InputSignal<readonly NsDropdownItem<unknown>[]>;
|
|
615
|
+
readonly contentItems: _angular_core.Signal<readonly NsDropdownItemDirective[]>;
|
|
616
|
+
readonly selectionMode: _angular_core.InputSignal<NsSelectionMode>;
|
|
617
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
618
|
+
readonly searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
619
|
+
readonly searchPlaceholder: _angular_core.InputSignal<string>;
|
|
620
|
+
readonly emptyText: _angular_core.InputSignal<string>;
|
|
621
|
+
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
622
|
+
readonly open: _angular_core.ModelSignal<boolean>;
|
|
623
|
+
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
624
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
625
|
+
private trigger?;
|
|
626
|
+
private menu?;
|
|
627
|
+
private searchInput?;
|
|
628
|
+
private listbox?;
|
|
629
|
+
private readonly overlay;
|
|
630
|
+
private readonly destroyRef;
|
|
631
|
+
private readonly typeahead;
|
|
632
|
+
private overlayRef?;
|
|
633
|
+
private destroyed;
|
|
634
|
+
readonly query: _angular_core.WritableSignal<string>;
|
|
635
|
+
readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
636
|
+
readonly listboxId: string;
|
|
637
|
+
readonly searchId: string;
|
|
638
|
+
readonly skeletonRows: readonly [0, 1, 2, 3];
|
|
639
|
+
readonly items: _angular_core.Signal<NsDropdownWorkingItem[]>;
|
|
640
|
+
readonly visibleItems: _angular_core.Signal<NsDropdownWorkingItem[]>;
|
|
641
|
+
readonly selectedKeys: _angular_core.Signal<ReadonlySet<NsKey>>;
|
|
642
|
+
readonly selectedLabel: _angular_core.Signal<string>;
|
|
643
|
+
readonly activeId: _angular_core.Signal<string>;
|
|
644
|
+
constructor();
|
|
645
|
+
toggle(): void;
|
|
646
|
+
select(key: NsKey): void;
|
|
647
|
+
onNativeChange(event: Event): void;
|
|
648
|
+
onSearchInput(event: Event): void;
|
|
649
|
+
onTriggerKeydown(event: KeyboardEvent): void;
|
|
650
|
+
onSearchKeydown(event: KeyboardEvent): void;
|
|
651
|
+
onListboxKeydown(event: KeyboardEvent): void;
|
|
652
|
+
private show;
|
|
653
|
+
private close;
|
|
654
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsDropdownComponent, never>;
|
|
655
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsDropdownComponent, "ns-dropdown", never, { "collection": { "alias": "collection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "opened": "opened"; "closed": "closed"; }, ["contentItems"], never, true, never>;
|
|
656
|
+
}
|
|
657
|
+
|
|
658
|
+
declare class NsInputComponent extends NsValueAccessor<string> {
|
|
659
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputComponent, never>;
|
|
660
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputComponent, "ns-input", never, {}, {}, never, never, true, never>;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
declare class NsInputCodeComponent extends NsValueAccessor<string> {
|
|
664
|
+
readonly length: _angular_core.InputSignal<number>;
|
|
665
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputCodeComponent, never>;
|
|
666
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputCodeComponent, "ns-input-code", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
/** Visual-only composition primitive. Projected controls own their form state. */
|
|
670
|
+
declare class NsInputGroupComponent {
|
|
671
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputGroupComponent, never>;
|
|
672
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputGroupComponent, "ns-input-group", never, {}, {}, never, ["*"], true, never>;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
declare class NsInputGroupAddonComponent {
|
|
676
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputGroupAddonComponent, never>;
|
|
677
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputGroupAddonComponent, "ns-input-group-addon", never, {}, {}, never, ["*"], true, never>;
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
declare class NsInputNumberComponent extends NsValueAccessor<number | null> {
|
|
681
|
+
private readonly locale;
|
|
682
|
+
readonly min: _angular_core.InputSignal<number>;
|
|
683
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
684
|
+
readonly step: _angular_core.InputSignal<number>;
|
|
685
|
+
readonly currency: _angular_core.InputSignal<string>;
|
|
686
|
+
readonly format: _angular_core.InputSignal<Intl.NumberFormatOptions>;
|
|
687
|
+
readonly displayValue: _angular_core.WritableSignal<string>;
|
|
688
|
+
writeValue(value: number | null): void;
|
|
689
|
+
onInput(text: string): void;
|
|
690
|
+
onInputEvent(event: Event): void;
|
|
691
|
+
formatValue(): void;
|
|
692
|
+
onKeydown(event: KeyboardEvent): void;
|
|
693
|
+
stepBy(direction: 1 | -1): void;
|
|
694
|
+
private get formatter();
|
|
695
|
+
private parse;
|
|
696
|
+
private constrain;
|
|
697
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputNumberComponent, never>;
|
|
698
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputNumberComponent, "ns-input-number", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
declare class NsInputSearchComponent extends NsValueAccessor<string> {
|
|
702
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputSearchComponent, never>;
|
|
703
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputSearchComponent, "ns-input-search", never, {}, {}, never, never, true, never>;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
declare class NsPasswordComponent extends NsValueAccessor implements OnInit {
|
|
707
|
+
readonly forgotLink: _angular_core.InputSignal<string>;
|
|
708
|
+
readonly showAndHide: _angular_core.InputSignal<boolean>;
|
|
709
|
+
show: boolean;
|
|
710
|
+
constructor();
|
|
711
|
+
ngOnInit(): void;
|
|
712
|
+
toggle(): void;
|
|
713
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsPasswordComponent, never>;
|
|
714
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsPasswordComponent, "ns-password", never, { "forgotLink": { "alias": "forgotLink"; "required": false; "isSignal": true; }; "showAndHide": { "alias": "showAndHide"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
715
|
+
}
|
|
716
|
+
|
|
717
|
+
declare class NsRadioGroupContext {
|
|
718
|
+
readonly value: _angular_core.WritableSignal<string>;
|
|
719
|
+
readonly disabled: _angular_core.WritableSignal<boolean>;
|
|
720
|
+
select: (value: string) => void;
|
|
721
|
+
onTouched: () => void;
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
declare class NsRadioComponent {
|
|
725
|
+
private readonly ids;
|
|
726
|
+
readonly group: NsRadioGroupContext;
|
|
727
|
+
readonly id: string;
|
|
728
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
729
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
730
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
731
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
732
|
+
select(): void;
|
|
733
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsRadioComponent, never>;
|
|
734
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsRadioComponent, "ns-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
735
|
+
}
|
|
736
|
+
|
|
737
|
+
declare class NsRadioGroupComponent extends NsValueAccessor<string | null> {
|
|
738
|
+
private readonly context;
|
|
739
|
+
constructor();
|
|
740
|
+
writeValue(value: string | null): void;
|
|
741
|
+
setValue(value: string | null): void;
|
|
742
|
+
setDisabledState(disabled: boolean): void;
|
|
743
|
+
registerOnChange(fn: (value: string | null) => void): void;
|
|
744
|
+
registerOnTouched(fn: () => void): void;
|
|
745
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsRadioGroupComponent, never>;
|
|
746
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsRadioGroupComponent, "ns-radio-group", never, {}, {}, never, ["*"], true, never>;
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
type NsSliderValue = number | readonly [number, number];
|
|
750
|
+
declare class NsSliderComponent extends NsValueAccessor<NsSliderValue> {
|
|
751
|
+
readonly min: _angular_core.InputSignal<number>;
|
|
752
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
753
|
+
readonly step: _angular_core.InputSignal<number>;
|
|
754
|
+
readonly range: _angular_core.InputSignal<boolean>;
|
|
755
|
+
readonly rangeStartId: string;
|
|
756
|
+
readonly rangeEndId: string;
|
|
757
|
+
readonly rangeLabelId: string;
|
|
758
|
+
readonly rangeStartDescriptionId: string;
|
|
759
|
+
readonly rangeEndDescriptionId: string;
|
|
760
|
+
readonly rangeStartLabelledBy: () => string;
|
|
761
|
+
readonly rangeEndLabelledBy: () => string;
|
|
762
|
+
single(): number;
|
|
763
|
+
start(): number;
|
|
764
|
+
end(): number;
|
|
765
|
+
setSingle(event: Event): void;
|
|
766
|
+
setRangeStart(event: Event): void;
|
|
767
|
+
setRangeEnd(event: Event): void;
|
|
768
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSliderComponent, never>;
|
|
769
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSliderComponent, "ns-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
declare class NsSwitchComponent extends NsValueAccessor<boolean> {
|
|
773
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSwitchComponent, never>;
|
|
774
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSwitchComponent, "ns-switch", never, {}, {}, never, never, true, never>;
|
|
775
|
+
}
|
|
776
|
+
|
|
777
|
+
declare class NsTextAreaComponent extends NsValueAccessor<string> {
|
|
778
|
+
readonly rows: _angular_core.InputSignal<number>;
|
|
779
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTextAreaComponent, never>;
|
|
780
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsTextAreaComponent, "ns-textarea", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
declare class NsContentEditableComponent extends NsValueAccessor<string> {
|
|
784
|
+
private elementRef;
|
|
785
|
+
private renderer;
|
|
786
|
+
readonly maxLength: _angular_core.InputSignal<number>;
|
|
787
|
+
enabled: boolean;
|
|
788
|
+
writeValue(value: string): void;
|
|
789
|
+
onInput(): void;
|
|
790
|
+
onBlur(): void;
|
|
791
|
+
onKeyUp(event: KeyboardEvent): void;
|
|
792
|
+
setDisabledState(isDisabled: boolean): void;
|
|
793
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsContentEditableComponent, never>;
|
|
794
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsContentEditableComponent, "ns-content-editable", never, { "maxLength": { "alias": "maxlength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
declare class NsFieldContext {
|
|
798
|
+
private readonly descriptions;
|
|
799
|
+
private controlId;
|
|
800
|
+
setControlId(controlId: string): void;
|
|
801
|
+
getControlId(): string;
|
|
802
|
+
getDescribedBy(): string | undefined;
|
|
803
|
+
registerDescription(id: string): void;
|
|
804
|
+
unregisterDescription(id: string): void;
|
|
805
|
+
}
|
|
806
|
+
declare class NsFieldDirective {
|
|
807
|
+
private readonly context;
|
|
808
|
+
private readonly ariaIds;
|
|
809
|
+
readonly controlId: _angular_core.InputSignal<string>;
|
|
810
|
+
constructor();
|
|
811
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsFieldDirective, never>;
|
|
812
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NsFieldDirective, "[nsField]", never, { "controlId": { "alias": "nsField"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
813
|
+
}
|
|
814
|
+
|
|
447
815
|
declare class NsEditorComponent extends NsValueAccessor<string> implements OnInit, OnDestroy {
|
|
448
816
|
private editor;
|
|
449
817
|
readonly rows: _angular_core.InputSignal<number>;
|
|
@@ -486,63 +854,127 @@ declare class NsImageUploadComponent extends NsValueAccessor<NsFile | NsFile[] |
|
|
|
486
854
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsImageUploadComponent, "ns-image-upload", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
487
855
|
}
|
|
488
856
|
|
|
489
|
-
declare class
|
|
490
|
-
readonly
|
|
491
|
-
readonly
|
|
492
|
-
readonly
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
static
|
|
857
|
+
declare class NsLinkComponent {
|
|
858
|
+
readonly href: _angular_core.InputSignal<string>;
|
|
859
|
+
readonly target: _angular_core.InputSignal<"" | "_blank" | "_self" | "_parent" | "_top">;
|
|
860
|
+
readonly rel: _angular_core.InputSignal<string>;
|
|
861
|
+
readonly color: _angular_core.InputSignal<NsColor>;
|
|
862
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
863
|
+
onClick(event: MouseEvent): void;
|
|
864
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsLinkComponent, never>;
|
|
865
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsLinkComponent, "ns-link", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
497
866
|
}
|
|
498
867
|
|
|
499
|
-
declare class
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
containerRef: ViewContainerRef;
|
|
509
|
-
private readonly cd;
|
|
510
|
-
keydown(event: KeyboardEvent): void;
|
|
511
|
-
ngAfterViewInit(): void;
|
|
512
|
-
ngAfterViewChecked(): void;
|
|
513
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsModalComponent, never>;
|
|
514
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsModalComponent, "ns-modal", never, {}, {}, never, never, true, never>;
|
|
868
|
+
declare class NsMeterComponent {
|
|
869
|
+
readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
870
|
+
readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
871
|
+
readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
872
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
873
|
+
readonly color: _angular_core.InputSignal<NsColor>;
|
|
874
|
+
readonly percentage: _angular_core.Signal<number>;
|
|
875
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsMeterComponent, never>;
|
|
876
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsMeterComponent, "ns-meter", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
515
877
|
}
|
|
516
878
|
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
879
|
+
type NsModalSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
880
|
+
interface NsModalOptions {
|
|
881
|
+
title?: string;
|
|
882
|
+
size?: NsModalSize;
|
|
883
|
+
closeOnEscape?: boolean;
|
|
884
|
+
}
|
|
885
|
+
type NsComponentInputs<T extends object> = Partial<Record<Extract<keyof T, string>, unknown>>;
|
|
886
|
+
interface NsModalConfig<T extends object> extends NsModalOptions {
|
|
887
|
+
component: Type<T>;
|
|
888
|
+
inputs?: NsComponentInputs<T>;
|
|
523
889
|
}
|
|
524
890
|
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
size
|
|
891
|
+
declare class NsModalComponent implements AfterViewInit, OnDestroy {
|
|
892
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
893
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
894
|
+
readonly size: _angular_core.InputSignal<NsModalSize>;
|
|
895
|
+
readonly closeLabel: _angular_core.InputSignal<string>;
|
|
896
|
+
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
897
|
+
readonly closed: _angular_core.OutputEmitterRef<NsOverlayCloseReason>;
|
|
898
|
+
readonly contentComponent: _angular_core.InputSignal<Type<object>>;
|
|
899
|
+
readonly contentInputs: _angular_core.InputSignal<Record<string, unknown>>;
|
|
900
|
+
readonly closeReason: _angular_core.WritableSignal<NsOverlayCloseReason>;
|
|
901
|
+
private contentHost?;
|
|
902
|
+
private readonly element;
|
|
903
|
+
private readonly overlay;
|
|
904
|
+
private overlayRef?;
|
|
905
|
+
private contentRef?;
|
|
906
|
+
private viewInitialized;
|
|
907
|
+
constructor();
|
|
908
|
+
ngAfterViewInit(): void;
|
|
909
|
+
ngOnDestroy(): void;
|
|
910
|
+
close(): void;
|
|
911
|
+
getContent<T extends object>(): T;
|
|
912
|
+
private openOverlay;
|
|
913
|
+
private createContent;
|
|
914
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsModalComponent, never>;
|
|
915
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsModalComponent, "ns-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "contentComponent": { "alias": "contentComponent"; "required": false; "isSignal": true; }; "contentInputs": { "alias": "contentInputs"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["[modal-description]", "*", "[modal-footer]"], true, never>;
|
|
529
916
|
}
|
|
530
917
|
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
private readonly
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
private readonly stack;
|
|
538
|
-
open<T = unknown>(component: Type<T>, setup: NsModalSetup<T>): NsModalRef;
|
|
918
|
+
/** A programmatically opened modal and its typed content instance. */
|
|
919
|
+
declare class NsModalRef<T> {
|
|
920
|
+
private readonly componentRef;
|
|
921
|
+
readonly content: T;
|
|
922
|
+
readonly closed: Signal<NsOverlayCloseReason | undefined>;
|
|
923
|
+
constructor(componentRef: ComponentRef<NsModalComponent>, content: T, closed: Signal<NsOverlayCloseReason | undefined>);
|
|
539
924
|
close(): void;
|
|
540
|
-
|
|
541
|
-
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
declare class NsModalService {
|
|
928
|
+
private readonly applicationRef;
|
|
929
|
+
private readonly environmentInjector;
|
|
930
|
+
open<T extends object>(config: NsModalConfig<T>): NsModalRef<T>;
|
|
542
931
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsModalService, never>;
|
|
543
932
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsModalService>;
|
|
544
933
|
}
|
|
545
934
|
|
|
935
|
+
declare class NsPaginationComponent {
|
|
936
|
+
readonly total: _angular_core.InputSignal<number>;
|
|
937
|
+
readonly pageSize: _angular_core.InputSignal<number>;
|
|
938
|
+
readonly siblingCount: _angular_core.InputSignal<number>;
|
|
939
|
+
readonly page: _angular_core.ModelSignal<number>;
|
|
940
|
+
readonly pageCount: _angular_core.Signal<number>;
|
|
941
|
+
readonly pages: _angular_core.Signal<number[]>;
|
|
942
|
+
goTo(page: number): void;
|
|
943
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsPaginationComponent, never>;
|
|
944
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsPaginationComponent, "ns-pagination", never, { "total": { "alias": "total"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; }, never, never, true, never>;
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
declare class NsPopoverComponent implements AfterViewInit, OnDestroy {
|
|
948
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
949
|
+
readonly origin: _angular_core.InputSignal<HTMLElement>;
|
|
950
|
+
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
951
|
+
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
952
|
+
readonly closed: _angular_core.OutputEmitterRef<NsOverlayCloseReason>;
|
|
953
|
+
private readonly element;
|
|
954
|
+
private readonly overlay;
|
|
955
|
+
private overlayRef?;
|
|
956
|
+
private viewInitialized;
|
|
957
|
+
constructor();
|
|
958
|
+
ngAfterViewInit(): void;
|
|
959
|
+
ngOnDestroy(): void;
|
|
960
|
+
close(): void;
|
|
961
|
+
private openOverlay;
|
|
962
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsPopoverComponent, never>;
|
|
963
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsPopoverComponent, "ns-popover", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "origin": { "alias": "origin"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["*"], true, never>;
|
|
964
|
+
}
|
|
965
|
+
|
|
966
|
+
declare class NsProgressBarComponent {
|
|
967
|
+
readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
968
|
+
readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
969
|
+
readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
970
|
+
readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
971
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
972
|
+
readonly color: _angular_core.InputSignal<NsColor>;
|
|
973
|
+
readonly percentage: _angular_core.Signal<number>;
|
|
974
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsProgressBarComponent, never>;
|
|
975
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsProgressBarComponent, "ns-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
976
|
+
}
|
|
977
|
+
|
|
546
978
|
declare class NsSchedule {
|
|
547
979
|
id: number;
|
|
548
980
|
subject: string;
|
|
@@ -569,13 +1001,15 @@ declare class NsScheduleService {
|
|
|
569
1001
|
declare class NsScheduleComponent {
|
|
570
1002
|
readonly view: _angular_core.ModelSignal<NsDateView>;
|
|
571
1003
|
readonly selected: _angular_core.ModelSignal<Date>;
|
|
1004
|
+
readonly selectedDay: _angular_core.ModelSignal<DateValue>;
|
|
572
1005
|
readonly height: _angular_core.InputSignal<number>;
|
|
573
1006
|
readonly data: _angular_core.InputSignal<NsSchedule[]>;
|
|
574
1007
|
private readonly service;
|
|
575
1008
|
readonly onClick: _angular_core.OutputRef<NsSchedule>;
|
|
576
1009
|
goToday(): void;
|
|
1010
|
+
selectDate(date: DateValue): void;
|
|
577
1011
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsScheduleComponent, never>;
|
|
578
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsScheduleComponent, "ns-schedule", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "selected": "selectedChange"; "onClick": "onClick"; }, never, never, true, never>;
|
|
1012
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsScheduleComponent, "ns-schedule", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedDay": { "alias": "selectedDay"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "selected": "selectedChange"; "selectedDay": "selectedDayChange"; "onClick": "onClick"; }, never, never, true, never>;
|
|
579
1013
|
}
|
|
580
1014
|
|
|
581
1015
|
type NsSchemaType = 'Person' | 'Organization' | 'MusicGroup' | 'MusicAlbum' | 'MusicEvent' | 'MusicComposition' | 'MusicRecording' | 'MusicRelease' | 'MusicPlaylist' | 'Event';
|
|
@@ -675,49 +1109,278 @@ declare class NsSchemaMarkupComponent implements OnInit, OnChanges {
|
|
|
675
1109
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSchemaMarkupComponent, "ns-schema", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
676
1110
|
}
|
|
677
1111
|
|
|
678
|
-
declare
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
1112
|
+
declare class NsSkeletonComponent {
|
|
1113
|
+
readonly width: _angular_core.InputSignal<string>;
|
|
1114
|
+
readonly height: _angular_core.InputSignal<string>;
|
|
1115
|
+
readonly animated: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1116
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSkeletonComponent, never>;
|
|
1117
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSkeletonComponent, "ns-skeleton", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
683
1118
|
}
|
|
684
1119
|
|
|
685
|
-
declare class
|
|
686
|
-
readonly
|
|
687
|
-
readonly
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsToastComponent, never>;
|
|
693
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsToastComponent, "ns-toast", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1120
|
+
declare class TemplateDirective {
|
|
1121
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
1122
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1123
|
+
/** Template handle for consumers that render templates through their own API. */
|
|
1124
|
+
readonly ref: TemplateRef<unknown>;
|
|
1125
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TemplateDirective, never>;
|
|
1126
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TemplateDirective, "[nsTemplate]", never, { "name": { "alias": "nsTemplate"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
694
1127
|
}
|
|
695
1128
|
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
1129
|
+
type NsToastVariant = 'success' | 'warning' | 'info' | 'danger';
|
|
1130
|
+
type NsToastPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
|
|
1131
|
+
type NsToastCloseReason = 'action' | 'close' | 'timeout' | 'programmatic';
|
|
1132
|
+
interface NsToastAction {
|
|
1133
|
+
label: string;
|
|
1134
|
+
handler: () => void;
|
|
1135
|
+
}
|
|
1136
|
+
interface NsToastOptions {
|
|
1137
|
+
message: string | TemplateRef<unknown>;
|
|
1138
|
+
variant?: NsToastVariant;
|
|
1139
|
+
duration?: number;
|
|
1140
|
+
action?: NsToastAction;
|
|
1141
|
+
closable?: boolean;
|
|
1142
|
+
onClose?: (reason: NsToastCloseReason) => void;
|
|
702
1143
|
}
|
|
703
1144
|
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
1145
|
+
type NsColorScheme = 'light' | 'dark' | 'system';
|
|
1146
|
+
type NsResolvedColorScheme = Exclude<NsColorScheme, 'system'>;
|
|
1147
|
+
type NsPrimitiveTokenValue = string | number;
|
|
1148
|
+
type NsPrimitiveReference = `{primitive.${string}}`;
|
|
1149
|
+
type NsSemanticReference = `{semantic.${string}}`;
|
|
1150
|
+
type NsTokenTree<T> = {
|
|
1151
|
+
[token: string]: T | NsTokenTree<T>;
|
|
1152
|
+
};
|
|
1153
|
+
interface NsSemanticTokens {
|
|
1154
|
+
common: NsTokenTree<NsPrimitiveReference>;
|
|
1155
|
+
colorScheme: Record<NsResolvedColorScheme, NsTokenTree<NsPrimitiveReference>>;
|
|
1156
|
+
}
|
|
1157
|
+
interface NsThemePreset {
|
|
1158
|
+
name: string;
|
|
1159
|
+
primitive: NsTokenTree<NsPrimitiveTokenValue>;
|
|
1160
|
+
semantic: NsSemanticTokens;
|
|
1161
|
+
components: NsTokenTree<NsSemanticReference>;
|
|
1162
|
+
}
|
|
1163
|
+
type NsDeepPartial<T> = {
|
|
1164
|
+
[Property in keyof T]?: T[Property] extends object ? NsDeepPartial<T[Property]> : T[Property];
|
|
1165
|
+
};
|
|
1166
|
+
type NsThemePresetOverrides = NsDeepPartial<NsThemePreset>;
|
|
1167
|
+
interface NsThemeOptions {
|
|
1168
|
+
preset?: NsThemePreset;
|
|
1169
|
+
colorScheme?: NsColorScheme;
|
|
1170
|
+
storageKey?: string | false;
|
|
1171
|
+
toast?: NsToastThemeOptions;
|
|
1172
|
+
}
|
|
1173
|
+
interface NsResolvedThemeOptions {
|
|
1174
|
+
preset: NsThemePreset;
|
|
1175
|
+
colorScheme: NsColorScheme;
|
|
1176
|
+
storageKey: string | false;
|
|
1177
|
+
toast: NsResolvedToastThemeOptions;
|
|
1178
|
+
}
|
|
1179
|
+
interface NsToastThemeOptions {
|
|
1180
|
+
placement?: NsToastPlacement;
|
|
709
1181
|
}
|
|
1182
|
+
interface NsResolvedToastThemeOptions {
|
|
1183
|
+
placement: NsToastPlacement;
|
|
1184
|
+
}
|
|
1185
|
+
|
|
1186
|
+
declare const Arvisfy: NsThemePreset;
|
|
710
1187
|
|
|
711
|
-
declare class
|
|
712
|
-
private readonly appRef;
|
|
1188
|
+
declare class NsThemeService {
|
|
713
1189
|
private readonly document;
|
|
714
|
-
private readonly
|
|
715
|
-
|
|
716
|
-
private
|
|
717
|
-
private
|
|
1190
|
+
private readonly platformId;
|
|
1191
|
+
private readonly destroyRef;
|
|
1192
|
+
private readonly options;
|
|
1193
|
+
private readonly browser;
|
|
1194
|
+
private readonly activeVariables;
|
|
1195
|
+
private readonly mediaQuery;
|
|
1196
|
+
private readonly systemScheme;
|
|
1197
|
+
private readonly presetState;
|
|
1198
|
+
private readonly schemeState;
|
|
1199
|
+
readonly preset: _angular_core.Signal<NsThemePreset>;
|
|
1200
|
+
readonly colorScheme: _angular_core.Signal<NsColorScheme>;
|
|
1201
|
+
readonly scheme: _angular_core.Signal<NsColorScheme>;
|
|
1202
|
+
readonly resolvedColorScheme: _angular_core.Signal<NsResolvedColorScheme>;
|
|
1203
|
+
constructor();
|
|
1204
|
+
setPreset(preset: NsThemePreset): void;
|
|
1205
|
+
setColorScheme(colorScheme: NsColorScheme): void;
|
|
1206
|
+
setScheme(colorScheme: NsColorScheme): void;
|
|
1207
|
+
private readonly onSystemSchemeChange;
|
|
1208
|
+
private applyTheme;
|
|
1209
|
+
private createMediaQuery;
|
|
1210
|
+
private readStoredScheme;
|
|
1211
|
+
private persistScheme;
|
|
1212
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsThemeService, never>;
|
|
1213
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsThemeService>;
|
|
1214
|
+
}
|
|
1215
|
+
|
|
1216
|
+
declare const NS_THEME_OPTIONS: InjectionToken<NsResolvedThemeOptions>;
|
|
1217
|
+
declare const NS_TOAST_OPTIONS: InjectionToken<NsResolvedToastThemeOptions>;
|
|
1218
|
+
declare function provideNsTheme(options?: NsThemeOptions): EnvironmentProviders;
|
|
1219
|
+
|
|
1220
|
+
declare function defineNsPreset(base: NsThemePreset, overrides: NsThemePresetOverrides): NsThemePreset;
|
|
1221
|
+
declare function validateNsPreset(preset: NsThemePreset): void;
|
|
1222
|
+
declare function flattenTokens<T>(tree: NsTokenTree<T>): Map<string, T>;
|
|
1223
|
+
declare function tokenPathToCssVariable(tier: 'primitive' | 'semantic' | 'component', path: string): string;
|
|
1224
|
+
declare function referenceToCssVariable(reference: NsPrimitiveReference | NsSemanticReference): string;
|
|
1225
|
+
type NsFlattenedPrimitiveTokens = Map<string, NsPrimitiveTokenValue>;
|
|
1226
|
+
|
|
1227
|
+
declare class NsToastHandle {
|
|
1228
|
+
private readonly closeToast;
|
|
1229
|
+
private readonly closeReason;
|
|
1230
|
+
readonly closed: Signal<NsToastCloseReason | undefined>;
|
|
1231
|
+
constructor(closeToast: (reason: NsToastCloseReason) => void);
|
|
1232
|
+
dismiss(): void;
|
|
1233
|
+
resolve(reason: NsToastCloseReason): void;
|
|
1234
|
+
}
|
|
1235
|
+
|
|
1236
|
+
declare class NsToastService implements OnDestroy {
|
|
1237
|
+
private readonly leaveDuration;
|
|
1238
|
+
private readonly applicationRef;
|
|
1239
|
+
private readonly environmentInjector;
|
|
1240
|
+
private readonly document;
|
|
1241
|
+
private readonly platformId;
|
|
1242
|
+
private readonly browser;
|
|
1243
|
+
private readonly toastOptions;
|
|
1244
|
+
private readonly pending;
|
|
1245
|
+
private readonly visible;
|
|
1246
|
+
private region?;
|
|
1247
|
+
get maxVisible(): number;
|
|
1248
|
+
/** SSR resolves immediately because notifications have no browser region. */
|
|
1249
|
+
show(options: NsToastOptions): NsToastHandle;
|
|
1250
|
+
private showPending;
|
|
1251
|
+
private showToast;
|
|
1252
|
+
private dismiss;
|
|
1253
|
+
ngOnDestroy(): void;
|
|
1254
|
+
private destroyToast;
|
|
1255
|
+
private getRegion;
|
|
1256
|
+
private destroyRegionIfEmpty;
|
|
1257
|
+
private destroyRegion;
|
|
718
1258
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsToastService, never>;
|
|
719
1259
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsToastService>;
|
|
720
1260
|
}
|
|
721
1261
|
|
|
722
|
-
|
|
723
|
-
|
|
1262
|
+
declare class NsToastComponent implements AfterViewInit, OnDestroy {
|
|
1263
|
+
readonly message: _angular_core.InputSignal<string | TemplateRef<unknown>>;
|
|
1264
|
+
readonly variant: _angular_core.InputSignal<NsToastVariant>;
|
|
1265
|
+
readonly placement: _angular_core.InputSignal<NsToastPlacement>;
|
|
1266
|
+
readonly duration: _angular_core.InputSignal<number>;
|
|
1267
|
+
readonly action: _angular_core.InputSignal<NsToastAction>;
|
|
1268
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
1269
|
+
readonly dismissed: _angular_core.OutputEmitterRef<NsToastCloseReason>;
|
|
1270
|
+
private readonly element;
|
|
1271
|
+
private timer?;
|
|
1272
|
+
private remaining;
|
|
1273
|
+
private startedAt;
|
|
1274
|
+
ngAfterViewInit(): void;
|
|
1275
|
+
ngOnDestroy(): void;
|
|
1276
|
+
textMessage(): string | null;
|
|
1277
|
+
templateMessage(): TemplateRef<unknown> | null;
|
|
1278
|
+
pause(): void;
|
|
1279
|
+
resume(): void;
|
|
1280
|
+
dismiss(reason: NsToastCloseReason): void;
|
|
1281
|
+
triggerAction(): void;
|
|
1282
|
+
onFocusOut(event: FocusEvent): void;
|
|
1283
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsToastComponent, never>;
|
|
1284
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsToastComponent, "ns-toast", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
|
|
1285
|
+
}
|
|
1286
|
+
|
|
1287
|
+
declare class NsSurfaceComponent {
|
|
1288
|
+
readonly variant: _angular_core.InputSignal<NsVariant>;
|
|
1289
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSurfaceComponent, never>;
|
|
1290
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSurfaceComponent, "ns-surface", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1291
|
+
}
|
|
1292
|
+
|
|
1293
|
+
declare class NsTabComponent {
|
|
1294
|
+
readonly key: _angular_core.InputSignal<NsKey>;
|
|
1295
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1296
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1297
|
+
readonly selected: _angular_core.WritableSignal<boolean>;
|
|
1298
|
+
readonly tabId: string;
|
|
1299
|
+
readonly panelId: string;
|
|
1300
|
+
readonly element: ElementRef<any>;
|
|
1301
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTabComponent, never>;
|
|
1302
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsTabComponent, "ns-tab", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1303
|
+
}
|
|
1304
|
+
declare class NsTabsComponent {
|
|
1305
|
+
readonly orientation: _angular_core.InputSignal<NsOrientation>;
|
|
1306
|
+
readonly selectedKey: _angular_core.ModelSignal<NsKey>;
|
|
1307
|
+
readonly tabs: _angular_core.Signal<readonly NsTabComponent[]>;
|
|
1308
|
+
private readonly element;
|
|
1309
|
+
constructor();
|
|
1310
|
+
select(key: NsKey): void;
|
|
1311
|
+
onKeydown(event: KeyboardEvent, index: number): void;
|
|
1312
|
+
private syncSelection;
|
|
1313
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTabsComponent, never>;
|
|
1314
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsTabsComponent, "ns-tabs", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "selectedKey": { "alias": "selectedKey"; "required": false; "isSignal": true; }; }, { "selectedKey": "selectedKeyChange"; }, ["tabs"], ["*"], true, never>;
|
|
1315
|
+
}
|
|
1316
|
+
|
|
1317
|
+
declare class NsTagComponent {
|
|
1318
|
+
readonly key: _angular_core.InputSignal<NsKey>;
|
|
1319
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1320
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1321
|
+
readonly selected: _angular_core.WritableSignal<boolean>;
|
|
1322
|
+
readonly active: _angular_core.WritableSignal<boolean>;
|
|
1323
|
+
readonly element: ElementRef<any>;
|
|
1324
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTagComponent, never>;
|
|
1325
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsTagComponent, "ns-tag", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1326
|
+
}
|
|
1327
|
+
declare class NsTagGroupComponent {
|
|
1328
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1329
|
+
readonly selectionMode: _angular_core.InputSignal<NsSelectionMode>;
|
|
1330
|
+
readonly selectedKeys: _angular_core.ModelSignal<readonly NsKey[]>;
|
|
1331
|
+
readonly tags: _angular_core.Signal<readonly NsTagComponent[]>;
|
|
1332
|
+
private readonly typeahead;
|
|
1333
|
+
private activeIndex;
|
|
1334
|
+
constructor();
|
|
1335
|
+
onClick(event: MouseEvent): void;
|
|
1336
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1337
|
+
select(key: NsKey): void;
|
|
1338
|
+
private focus;
|
|
1339
|
+
private syncState;
|
|
1340
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTagGroupComponent, never>;
|
|
1341
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsTagGroupComponent, "ns-tag-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; }, { "selectedKeys": "selectedKeysChange"; }, ["tags"], ["*"], true, never>;
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1344
|
+
declare class NsTooltipComponent implements AfterViewInit, OnDestroy {
|
|
1345
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
1346
|
+
readonly origin: _angular_core.InputSignal<HTMLElement>;
|
|
1347
|
+
readonly message: _angular_core.InputSignal<string>;
|
|
1348
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
1349
|
+
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
1350
|
+
readonly closed: _angular_core.OutputEmitterRef<NsOverlayCloseReason>;
|
|
1351
|
+
private readonly element;
|
|
1352
|
+
private readonly overlay;
|
|
1353
|
+
private overlayRef?;
|
|
1354
|
+
private viewInitialized;
|
|
1355
|
+
constructor();
|
|
1356
|
+
ngAfterViewInit(): void;
|
|
1357
|
+
ngOnDestroy(): void;
|
|
1358
|
+
private openOverlay;
|
|
1359
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTooltipComponent, never>;
|
|
1360
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsTooltipComponent, "ns-tooltip", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "origin": { "alias": "origin"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, never, true, never>;
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
declare class NsTooltipDirective implements OnDestroy {
|
|
1364
|
+
readonly message: _angular_core.InputSignal<string>;
|
|
1365
|
+
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
1366
|
+
readonly delay: _angular_core.InputSignal<number>;
|
|
1367
|
+
private readonly origin;
|
|
1368
|
+
private readonly viewContainer;
|
|
1369
|
+
private readonly id;
|
|
1370
|
+
private componentRef?;
|
|
1371
|
+
private timer?;
|
|
1372
|
+
private previousDescription;
|
|
1373
|
+
show(): void;
|
|
1374
|
+
hide(): void;
|
|
1375
|
+
ngOnDestroy(): void;
|
|
1376
|
+
private open;
|
|
1377
|
+
private createComponent;
|
|
1378
|
+
private addDescription;
|
|
1379
|
+
private removeDescription;
|
|
1380
|
+
private cancelPendingHide;
|
|
1381
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTooltipDirective, never>;
|
|
1382
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NsTooltipDirective, "[nsTooltip]", never, { "message": { "alias": "nsTooltip"; "required": true; "isSignal": true; }; "placement": { "alias": "nsTooltipPlacement"; "required": false; "isSignal": true; }; "delay": { "alias": "nsTooltipDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1383
|
+
}
|
|
1384
|
+
|
|
1385
|
+
export { Arvisfy, NS_THEME_OPTIONS, NS_TOAST_OPTIONS, NsAccordionComponent, NsAccordionItemComponent, NsAlertComponent, NsAvatarComponent, NsBadgeComponent, NsBreadcrumbItemComponent, NsBreadcrumbsComponent, NsButtonComponent, NsButtonGroupComponent, NsCardBodyComponent, NsCardComponent, NsCardFooterComponent, NsCardHeaderComponent, NsCheckboxComponent, NsChipComponent, NsCollectionController, NsCommentComponent, NsContentEditableComponent, NsDatePickerComponent, NsDateRangePickerComponent, NsDescriptionComponent, NsDividerComponent, NsDrawerComponent, NsDrawerRef, NsDrawerService, NsDropdownComponent, NsDropdownItemDirective, NsEditorColorPickerComponent, NsEditorComponent, NsEditorLinkComponent, NsEditorListComponent, NsEditorParagraphComponent, NsEditorToggleCommandComponent, NsFieldContext, NsFieldDirective, NsImageUploadComponent, NsInputCodeComponent, NsInputComponent, NsInputGroupAddonComponent, NsInputGroupComponent, NsInputNumberComponent, NsInputSearchComponent, NsLinkComponent, NsMeterComponent, NsModalComponent, NsModalRef, NsModalService, NsOverlayRef, NsOverlayService, NsPaginationComponent, NsPasswordComponent, NsPopoverComponent, NsProgressBarComponent, NsRadioComponent, NsRadioGroupComponent, NsSchedule, NsScheduleComponent, NsScheduleService, NsSchemaMarkupComponent, NsSkeletonComponent, NsSliderComponent, NsSurfaceComponent, NsSwitchComponent, NsTabComponent, NsTabsComponent, NsTagComponent, NsTagGroupComponent, NsTextAreaComponent, NsThemeService, NsToastComponent, NsToastHandle, NsToastService, NsTooltipComponent, NsTooltipDirective, NsValueAccessor, TemplateDirective, defineNsPreset, flattenTokens, getNsOverlayPosition, provideNsTheme, referenceToCssVariable, tokenPathToCssVariable, validateNsPreset };
|
|
1386
|
+
export type { NsAlertVariant, NsBadgeMode, NsButtonVariant, NsCollectionItem, NsColor, NsColorScheme, NsComment, NsComponentInputs, NsDateRangeValue, NsDateView, NsDeepPartial, NsDrawerComponentInputs, NsDrawerConfig, NsDrawerOptions, NsDrawerPosition, NsDropdownItem, NsDropdownValue, NsFlattenedPrimitiveTokens, NsKey, NsModalConfig, NsModalOptions, NsModalSize, NsOrientation, NsOverlayCloseReason, NsOverlayConfig, NsOverlayPosition, NsPlacement, NsPrimitiveReference, NsPrimitiveTokenValue, NsResolvedColorScheme, NsResolvedThemeOptions, NsResolvedToastThemeOptions, NsSchemaMarkup, NsSchemaType, NsSelectionMode, NsSemanticReference, NsSemanticTokens, NsSize, NsSliderValue, NsThemeOptions, NsThemePreset, NsThemePresetOverrides, NsToastAction, NsToastCloseReason, NsToastOptions, NsToastPlacement, NsToastThemeOptions, NsToastVariant, NsTokenTree, NsVariant };
|