@ng-solid/design-system 22.1.1 → 22.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +99 -41
- package/fesm2022/ng-solid-design-system.mjs +6697 -1617
- 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 -367
|
@@ -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, AfterContentInit, 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>;
|
|
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>;
|
|
62
37
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
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>;
|
|
67
49
|
}
|
|
68
50
|
|
|
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>;
|
|
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>;
|
|
152
61
|
}
|
|
153
62
|
|
|
154
|
-
declare class
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
private
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
static
|
|
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>;
|
|
165
75
|
}
|
|
166
76
|
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
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>;
|
|
173
88
|
}
|
|
174
89
|
|
|
175
|
-
declare
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
179
|
-
static
|
|
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>;
|
|
180
95
|
}
|
|
181
96
|
|
|
182
|
-
declare
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
abstract getWeekDays(date: DateValue, weekdayStyle: WeekdayStyle, locale: string, firstDayOfWeek: DayOfWeek): string[];
|
|
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>;
|
|
97
|
+
declare class NsBreadcrumbsComponent {
|
|
98
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
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>;
|
|
193
101
|
}
|
|
194
102
|
|
|
195
|
-
|
|
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>;
|
|
196
110
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
197
|
-
readonly
|
|
198
|
-
|
|
199
|
-
|
|
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>;
|
|
200
117
|
}
|
|
201
118
|
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
readonly
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
readonly size: _angular_core.InputSignal<NsInputGroupSize>;
|
|
208
|
-
readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
209
|
-
primaryInput?: NsInputComponent;
|
|
210
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputGroupComponent, never>;
|
|
211
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputGroupComponent, "ns-input-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "prepend": { "alias": "prepend"; "required": false; "isSignal": true; }; "append": { "alias": "append"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, ["primaryInput"], ["*"], true, never>;
|
|
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>;
|
|
212
124
|
}
|
|
213
125
|
|
|
214
|
-
declare class
|
|
215
|
-
|
|
216
|
-
|
|
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>;
|
|
217
131
|
}
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
readonly precision: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
222
|
-
readonly minValue: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
223
|
-
readonly maxValue: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
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>;
|
|
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>;
|
|
243
135
|
}
|
|
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>;
|
|
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>;
|
|
254
139
|
}
|
|
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>;
|
|
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>;
|
|
264
143
|
}
|
|
265
144
|
|
|
266
|
-
declare class
|
|
267
|
-
readonly
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
readonly maxLength: _angular_core.InputSignal<number>;
|
|
276
|
-
enabled: boolean;
|
|
277
|
-
writeValue(value: string): void;
|
|
278
|
-
onInput(): void;
|
|
279
|
-
onBlur(): void;
|
|
280
|
-
onKeyUp(event: KeyboardEvent): void;
|
|
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,315 @@ 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 NsInputComponent extends NsValueAccessor<string> {
|
|
593
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputComponent, never>;
|
|
594
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputComponent, "ns-input", never, {}, {}, never, never, true, never>;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
declare class NsInputCodeComponent extends NsValueAccessor<string> {
|
|
598
|
+
readonly length: _angular_core.InputSignal<number>;
|
|
599
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputCodeComponent, never>;
|
|
600
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputCodeComponent, "ns-input-code", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
/** Visual-only composition primitive. Projected controls own their form state. */
|
|
604
|
+
declare class NsInputGroupComponent {
|
|
605
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputGroupComponent, never>;
|
|
606
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputGroupComponent, "ns-input-group", never, {}, {}, never, ["*"], true, never>;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
declare class NsInputGroupAddonComponent {
|
|
610
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputGroupAddonComponent, never>;
|
|
611
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputGroupAddonComponent, "ns-input-group-addon", never, {}, {}, never, ["*"], true, never>;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
declare class NsInputNumberComponent extends NsValueAccessor<number | null> {
|
|
615
|
+
private readonly locale;
|
|
616
|
+
readonly min: _angular_core.InputSignal<number>;
|
|
617
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
618
|
+
readonly step: _angular_core.InputSignal<number>;
|
|
619
|
+
readonly currency: _angular_core.InputSignal<string>;
|
|
620
|
+
readonly format: _angular_core.InputSignal<Intl.NumberFormatOptions>;
|
|
621
|
+
readonly displayValue: _angular_core.WritableSignal<string>;
|
|
622
|
+
writeValue(value: number | null): void;
|
|
623
|
+
onInput(text: string): void;
|
|
624
|
+
onInputEvent(event: Event): void;
|
|
625
|
+
formatValue(): void;
|
|
626
|
+
onKeydown(event: KeyboardEvent): void;
|
|
627
|
+
stepBy(direction: 1 | -1): void;
|
|
628
|
+
private get formatter();
|
|
629
|
+
private parse;
|
|
630
|
+
private constrain;
|
|
631
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputNumberComponent, never>;
|
|
632
|
+
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>;
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
declare class NsInputSearchComponent extends NsValueAccessor<string> {
|
|
636
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsInputSearchComponent, never>;
|
|
637
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsInputSearchComponent, "ns-input-search", never, {}, {}, never, never, true, never>;
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
declare class NsPasswordComponent extends NsValueAccessor implements OnInit {
|
|
641
|
+
readonly forgotLink: _angular_core.InputSignal<string>;
|
|
642
|
+
readonly showAndHide: _angular_core.InputSignal<boolean>;
|
|
643
|
+
show: boolean;
|
|
644
|
+
constructor();
|
|
645
|
+
ngOnInit(): void;
|
|
646
|
+
toggle(): void;
|
|
647
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsPasswordComponent, never>;
|
|
648
|
+
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>;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
declare class NsRadioGroupContext {
|
|
652
|
+
readonly value: _angular_core.WritableSignal<string>;
|
|
653
|
+
readonly disabled: _angular_core.WritableSignal<boolean>;
|
|
654
|
+
select: (value: string) => void;
|
|
655
|
+
onTouched: () => void;
|
|
656
|
+
}
|
|
657
|
+
|
|
658
|
+
declare class NsRadioComponent {
|
|
659
|
+
private readonly ids;
|
|
660
|
+
readonly group: NsRadioGroupContext;
|
|
661
|
+
readonly id: string;
|
|
662
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
663
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
664
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
665
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
666
|
+
select(): void;
|
|
667
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsRadioComponent, never>;
|
|
668
|
+
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>;
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
declare class NsRadioGroupComponent extends NsValueAccessor<string | null> {
|
|
672
|
+
private readonly context;
|
|
673
|
+
constructor();
|
|
674
|
+
writeValue(value: string | null): void;
|
|
675
|
+
setValue(value: string | null): void;
|
|
676
|
+
setDisabledState(disabled: boolean): void;
|
|
677
|
+
registerOnChange(fn: (value: string | null) => void): void;
|
|
678
|
+
registerOnTouched(fn: () => void): void;
|
|
679
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsRadioGroupComponent, never>;
|
|
680
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsRadioGroupComponent, "ns-radio-group", never, {}, {}, never, ["*"], true, never>;
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
type NsSliderValue = number | readonly [number, number];
|
|
684
|
+
declare class NsSliderComponent extends NsValueAccessor<NsSliderValue> {
|
|
685
|
+
readonly min: _angular_core.InputSignal<number>;
|
|
686
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
687
|
+
readonly step: _angular_core.InputSignal<number>;
|
|
688
|
+
readonly range: _angular_core.InputSignal<boolean>;
|
|
689
|
+
readonly rangeStartId: string;
|
|
690
|
+
readonly rangeEndId: string;
|
|
691
|
+
readonly rangeLabelId: string;
|
|
692
|
+
readonly rangeStartDescriptionId: string;
|
|
693
|
+
readonly rangeEndDescriptionId: string;
|
|
694
|
+
readonly rangeStartLabelledBy: () => string;
|
|
695
|
+
readonly rangeEndLabelledBy: () => string;
|
|
696
|
+
single(): number;
|
|
697
|
+
start(): number;
|
|
698
|
+
end(): number;
|
|
699
|
+
setSingle(event: Event): void;
|
|
700
|
+
setRangeStart(event: Event): void;
|
|
701
|
+
setRangeEnd(event: Event): void;
|
|
702
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSliderComponent, never>;
|
|
703
|
+
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>;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
declare class NsSwitchComponent extends NsValueAccessor<boolean> {
|
|
707
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSwitchComponent, never>;
|
|
708
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSwitchComponent, "ns-switch", never, {}, {}, never, never, true, never>;
|
|
709
|
+
}
|
|
710
|
+
|
|
711
|
+
declare class NsTextAreaComponent extends NsValueAccessor<string> {
|
|
712
|
+
readonly rows: _angular_core.InputSignal<number>;
|
|
713
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTextAreaComponent, never>;
|
|
714
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsTextAreaComponent, "ns-textarea", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
715
|
+
}
|
|
716
|
+
|
|
717
|
+
declare class NsContentEditableComponent extends NsValueAccessor<string> {
|
|
718
|
+
private elementRef;
|
|
719
|
+
private renderer;
|
|
720
|
+
readonly maxLength: _angular_core.InputSignal<number>;
|
|
721
|
+
enabled: boolean;
|
|
722
|
+
writeValue(value: string): void;
|
|
723
|
+
onInput(): void;
|
|
724
|
+
onBlur(): void;
|
|
725
|
+
onKeyUp(event: KeyboardEvent): void;
|
|
726
|
+
setDisabledState(isDisabled: boolean): void;
|
|
727
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsContentEditableComponent, never>;
|
|
728
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsContentEditableComponent, "ns-content-editable", never, { "maxLength": { "alias": "maxlength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
declare class NsFieldContext {
|
|
732
|
+
private readonly descriptions;
|
|
733
|
+
private controlId;
|
|
734
|
+
setControlId(controlId: string): void;
|
|
735
|
+
getControlId(): string;
|
|
736
|
+
getDescribedBy(): string | undefined;
|
|
737
|
+
registerDescription(id: string): void;
|
|
738
|
+
unregisterDescription(id: string): void;
|
|
739
|
+
}
|
|
740
|
+
declare class NsFieldDirective {
|
|
741
|
+
private readonly context;
|
|
742
|
+
private readonly ariaIds;
|
|
743
|
+
readonly controlId: _angular_core.InputSignal<string>;
|
|
744
|
+
constructor();
|
|
745
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsFieldDirective, never>;
|
|
746
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NsFieldDirective, "[nsField]", never, { "controlId": { "alias": "nsField"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
747
|
+
}
|
|
748
|
+
|
|
447
749
|
declare class NsEditorComponent extends NsValueAccessor<string> implements OnInit, OnDestroy {
|
|
448
750
|
private editor;
|
|
449
751
|
readonly rows: _angular_core.InputSignal<number>;
|
|
@@ -486,63 +788,155 @@ declare class NsImageUploadComponent extends NsValueAccessor<NsFile | NsFile[] |
|
|
|
486
788
|
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
789
|
}
|
|
488
790
|
|
|
489
|
-
declare class
|
|
490
|
-
readonly
|
|
491
|
-
readonly
|
|
492
|
-
readonly
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
static
|
|
791
|
+
declare class NsLinkComponent {
|
|
792
|
+
readonly href: _angular_core.InputSignal<string>;
|
|
793
|
+
readonly target: _angular_core.InputSignal<"" | "_blank" | "_self" | "_parent" | "_top">;
|
|
794
|
+
readonly rel: _angular_core.InputSignal<string>;
|
|
795
|
+
readonly color: _angular_core.InputSignal<NsColor>;
|
|
796
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
797
|
+
onClick(event: MouseEvent): void;
|
|
798
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsLinkComponent, never>;
|
|
799
|
+
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
800
|
}
|
|
498
801
|
|
|
499
|
-
declare class
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
802
|
+
declare class NsListBoxOptionComponent {
|
|
803
|
+
readonly key: _angular_core.InputSignal<NsKey>;
|
|
804
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
805
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
806
|
+
readonly selected: _angular_core.WritableSignal<boolean>;
|
|
807
|
+
readonly active: _angular_core.WritableSignal<boolean>;
|
|
808
|
+
readonly element: ElementRef<any>;
|
|
809
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsListBoxOptionComponent, never>;
|
|
810
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsListBoxOptionComponent, "ns-list-box-option", 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>;
|
|
811
|
+
}
|
|
812
|
+
declare class NsListBoxComponent implements AfterContentInit {
|
|
813
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
814
|
+
readonly selectionMode: _angular_core.InputSignal<NsSelectionMode>;
|
|
815
|
+
readonly selectedKeys: _angular_core.ModelSignal<readonly NsKey[]>;
|
|
816
|
+
readonly options: _angular_core.Signal<readonly NsListBoxOptionComponent[]>;
|
|
817
|
+
private readonly typeahead;
|
|
818
|
+
private activeIndex;
|
|
819
|
+
ngAfterContentInit(): void;
|
|
820
|
+
onClick(event: MouseEvent): void;
|
|
821
|
+
onKeydown(event: KeyboardEvent): void;
|
|
822
|
+
select(key: NsKey): void;
|
|
823
|
+
private optionFor;
|
|
824
|
+
private focus;
|
|
825
|
+
private syncState;
|
|
826
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsListBoxComponent, never>;
|
|
827
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsListBoxComponent, "ns-list-box", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; }, { "selectedKeys": "selectedKeysChange"; }, ["options"], ["*"], true, never>;
|
|
515
828
|
}
|
|
516
829
|
|
|
517
|
-
declare class
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
830
|
+
declare class NsMeterComponent {
|
|
831
|
+
readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
832
|
+
readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
833
|
+
readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
834
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
835
|
+
readonly color: _angular_core.InputSignal<NsColor>;
|
|
836
|
+
readonly percentage: _angular_core.Signal<number>;
|
|
837
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsMeterComponent, never>;
|
|
838
|
+
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>;
|
|
523
839
|
}
|
|
524
840
|
|
|
525
|
-
|
|
841
|
+
type NsModalSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
842
|
+
interface NsModalOptions {
|
|
526
843
|
title?: string;
|
|
527
|
-
|
|
528
|
-
|
|
844
|
+
size?: NsModalSize;
|
|
845
|
+
closeOnEscape?: boolean;
|
|
846
|
+
}
|
|
847
|
+
type NsComponentInputs<T extends object> = Partial<Record<Extract<keyof T, string>, unknown>>;
|
|
848
|
+
interface NsModalConfig<T extends object> extends NsModalOptions {
|
|
849
|
+
component: Type<T>;
|
|
850
|
+
inputs?: NsComponentInputs<T>;
|
|
529
851
|
}
|
|
530
852
|
|
|
531
|
-
declare class
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
853
|
+
declare class NsModalComponent implements AfterViewInit, OnDestroy {
|
|
854
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
855
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
856
|
+
readonly size: _angular_core.InputSignal<NsModalSize>;
|
|
857
|
+
readonly closeLabel: _angular_core.InputSignal<string>;
|
|
858
|
+
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
859
|
+
readonly closed: _angular_core.OutputEmitterRef<NsOverlayCloseReason>;
|
|
860
|
+
readonly contentComponent: _angular_core.InputSignal<Type<object>>;
|
|
861
|
+
readonly contentInputs: _angular_core.InputSignal<Record<string, unknown>>;
|
|
862
|
+
readonly closeReason: _angular_core.WritableSignal<NsOverlayCloseReason>;
|
|
863
|
+
private contentHost?;
|
|
864
|
+
private readonly element;
|
|
865
|
+
private readonly overlay;
|
|
866
|
+
private overlayRef?;
|
|
867
|
+
private contentRef?;
|
|
868
|
+
private viewInitialized;
|
|
869
|
+
constructor();
|
|
870
|
+
ngAfterViewInit(): void;
|
|
871
|
+
ngOnDestroy(): void;
|
|
539
872
|
close(): void;
|
|
540
|
-
|
|
541
|
-
private
|
|
873
|
+
getContent<T extends object>(): T;
|
|
874
|
+
private openOverlay;
|
|
875
|
+
private createContent;
|
|
876
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsModalComponent, never>;
|
|
877
|
+
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>;
|
|
878
|
+
}
|
|
879
|
+
|
|
880
|
+
/** A programmatically opened modal and its typed content instance. */
|
|
881
|
+
declare class NsModalRef<T> {
|
|
882
|
+
private readonly componentRef;
|
|
883
|
+
readonly content: T;
|
|
884
|
+
readonly closed: Signal<NsOverlayCloseReason | undefined>;
|
|
885
|
+
constructor(componentRef: ComponentRef<NsModalComponent>, content: T, closed: Signal<NsOverlayCloseReason | undefined>);
|
|
886
|
+
close(): void;
|
|
887
|
+
}
|
|
888
|
+
|
|
889
|
+
declare class NsModalService {
|
|
890
|
+
private readonly applicationRef;
|
|
891
|
+
private readonly environmentInjector;
|
|
892
|
+
open<T extends object>(config: NsModalConfig<T>): NsModalRef<T>;
|
|
542
893
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsModalService, never>;
|
|
543
894
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsModalService>;
|
|
544
895
|
}
|
|
545
896
|
|
|
897
|
+
declare class NsPaginationComponent {
|
|
898
|
+
readonly total: _angular_core.InputSignal<number>;
|
|
899
|
+
readonly pageSize: _angular_core.InputSignal<number>;
|
|
900
|
+
readonly siblingCount: _angular_core.InputSignal<number>;
|
|
901
|
+
readonly page: _angular_core.ModelSignal<number>;
|
|
902
|
+
readonly pageCount: _angular_core.Signal<number>;
|
|
903
|
+
readonly pages: _angular_core.Signal<number[]>;
|
|
904
|
+
goTo(page: number): void;
|
|
905
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsPaginationComponent, never>;
|
|
906
|
+
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>;
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
declare class NsPopoverComponent implements AfterViewInit, OnDestroy {
|
|
910
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
911
|
+
readonly origin: _angular_core.InputSignal<HTMLElement>;
|
|
912
|
+
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
913
|
+
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
914
|
+
readonly closed: _angular_core.OutputEmitterRef<NsOverlayCloseReason>;
|
|
915
|
+
private readonly element;
|
|
916
|
+
private readonly overlay;
|
|
917
|
+
private overlayRef?;
|
|
918
|
+
private viewInitialized;
|
|
919
|
+
constructor();
|
|
920
|
+
ngAfterViewInit(): void;
|
|
921
|
+
ngOnDestroy(): void;
|
|
922
|
+
close(): void;
|
|
923
|
+
private openOverlay;
|
|
924
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsPopoverComponent, never>;
|
|
925
|
+
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>;
|
|
926
|
+
}
|
|
927
|
+
|
|
928
|
+
declare class NsProgressBarComponent {
|
|
929
|
+
readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
930
|
+
readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
931
|
+
readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
932
|
+
readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
933
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
934
|
+
readonly color: _angular_core.InputSignal<NsColor>;
|
|
935
|
+
readonly percentage: _angular_core.Signal<number>;
|
|
936
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsProgressBarComponent, never>;
|
|
937
|
+
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>;
|
|
938
|
+
}
|
|
939
|
+
|
|
546
940
|
declare class NsSchedule {
|
|
547
941
|
id: number;
|
|
548
942
|
subject: string;
|
|
@@ -569,13 +963,15 @@ declare class NsScheduleService {
|
|
|
569
963
|
declare class NsScheduleComponent {
|
|
570
964
|
readonly view: _angular_core.ModelSignal<NsDateView>;
|
|
571
965
|
readonly selected: _angular_core.ModelSignal<Date>;
|
|
966
|
+
readonly selectedDay: _angular_core.ModelSignal<DateValue>;
|
|
572
967
|
readonly height: _angular_core.InputSignal<number>;
|
|
573
968
|
readonly data: _angular_core.InputSignal<NsSchedule[]>;
|
|
574
969
|
private readonly service;
|
|
575
970
|
readonly onClick: _angular_core.OutputRef<NsSchedule>;
|
|
576
971
|
goToday(): void;
|
|
972
|
+
selectDate(date: DateValue): void;
|
|
577
973
|
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>;
|
|
974
|
+
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
975
|
}
|
|
580
976
|
|
|
581
977
|
type NsSchemaType = 'Person' | 'Organization' | 'MusicGroup' | 'MusicAlbum' | 'MusicEvent' | 'MusicComposition' | 'MusicRecording' | 'MusicRelease' | 'MusicPlaylist' | 'Event';
|
|
@@ -675,49 +1071,317 @@ declare class NsSchemaMarkupComponent implements OnInit, OnChanges {
|
|
|
675
1071
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSchemaMarkupComponent, "ns-schema", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
676
1072
|
}
|
|
677
1073
|
|
|
678
|
-
declare
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
1074
|
+
declare class NsSelectorListItemComponent {
|
|
1075
|
+
readonly key: _angular_core.InputSignal<NsKey>;
|
|
1076
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1077
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1078
|
+
readonly element: ElementRef<any>;
|
|
1079
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSelectorListItemComponent, never>;
|
|
1080
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSelectorListItemComponent, "ns-selector-list-item", 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>;
|
|
1081
|
+
}
|
|
1082
|
+
declare class NsSelectorListComponent extends NsValueAccessor<NsKey> {
|
|
1083
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
1084
|
+
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
1085
|
+
readonly items: _angular_core.Signal<readonly NsSelectorListItemComponent[]>;
|
|
1086
|
+
private trigger?;
|
|
1087
|
+
private menu?;
|
|
1088
|
+
private readonly overlay;
|
|
1089
|
+
private readonly destroyRef;
|
|
1090
|
+
private readonly typeahead;
|
|
1091
|
+
private overlayRef?;
|
|
1092
|
+
private activeIndex;
|
|
1093
|
+
private destroyed;
|
|
1094
|
+
readonly open: _angular_core.ModelSignal<boolean>;
|
|
1095
|
+
readonly listboxId: string;
|
|
1096
|
+
constructor();
|
|
1097
|
+
get activeId(): string | undefined;
|
|
1098
|
+
selectedLabel(): string | undefined;
|
|
1099
|
+
toggle(): void;
|
|
1100
|
+
select(key: NsKey): void;
|
|
1101
|
+
selectNative(event: Event): void;
|
|
1102
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1103
|
+
onMenuClick(event: MouseEvent): void;
|
|
1104
|
+
private show;
|
|
1105
|
+
private close;
|
|
1106
|
+
private selectedIndex;
|
|
1107
|
+
private syncSelection;
|
|
1108
|
+
private readonly onMenuClickBound;
|
|
1109
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSelectorListComponent, never>;
|
|
1110
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSelectorListComponent, "ns-selector-list", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["items"], ["*"], true, never>;
|
|
683
1111
|
}
|
|
684
1112
|
|
|
685
|
-
declare class
|
|
686
|
-
readonly
|
|
687
|
-
readonly
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
1113
|
+
declare class NsSkeletonComponent {
|
|
1114
|
+
readonly width: _angular_core.InputSignal<string>;
|
|
1115
|
+
readonly height: _angular_core.InputSignal<string>;
|
|
1116
|
+
readonly animated: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1117
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSkeletonComponent, never>;
|
|
1118
|
+
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>;
|
|
1119
|
+
}
|
|
1120
|
+
|
|
1121
|
+
declare class TemplateDirective {
|
|
1122
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
1123
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
1124
|
+
/** Template handle for consumers that render templates through their own API. */
|
|
1125
|
+
readonly ref: TemplateRef<unknown>;
|
|
1126
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TemplateDirective, never>;
|
|
1127
|
+
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
1128
|
}
|
|
695
1129
|
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
1130
|
+
type NsToastVariant = 'success' | 'warning' | 'info' | 'danger';
|
|
1131
|
+
type NsToastPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
|
|
1132
|
+
type NsToastCloseReason = 'action' | 'close' | 'timeout' | 'programmatic';
|
|
1133
|
+
interface NsToastAction {
|
|
1134
|
+
label: string;
|
|
1135
|
+
handler: () => void;
|
|
1136
|
+
}
|
|
1137
|
+
interface NsToastOptions {
|
|
1138
|
+
message: string | TemplateRef<unknown>;
|
|
1139
|
+
variant?: NsToastVariant;
|
|
1140
|
+
duration?: number;
|
|
1141
|
+
action?: NsToastAction;
|
|
1142
|
+
closable?: boolean;
|
|
1143
|
+
onClose?: (reason: NsToastCloseReason) => void;
|
|
702
1144
|
}
|
|
703
1145
|
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
1146
|
+
type NsColorScheme = 'light' | 'dark' | 'system';
|
|
1147
|
+
type NsResolvedColorScheme = Exclude<NsColorScheme, 'system'>;
|
|
1148
|
+
type NsPrimitiveTokenValue = string | number;
|
|
1149
|
+
type NsPrimitiveReference = `{primitive.${string}}`;
|
|
1150
|
+
type NsSemanticReference = `{semantic.${string}}`;
|
|
1151
|
+
type NsTokenTree<T> = {
|
|
1152
|
+
[token: string]: T | NsTokenTree<T>;
|
|
1153
|
+
};
|
|
1154
|
+
interface NsSemanticTokens {
|
|
1155
|
+
common: NsTokenTree<NsPrimitiveReference>;
|
|
1156
|
+
colorScheme: Record<NsResolvedColorScheme, NsTokenTree<NsPrimitiveReference>>;
|
|
1157
|
+
}
|
|
1158
|
+
interface NsThemePreset {
|
|
1159
|
+
name: string;
|
|
1160
|
+
primitive: NsTokenTree<NsPrimitiveTokenValue>;
|
|
1161
|
+
semantic: NsSemanticTokens;
|
|
1162
|
+
components: NsTokenTree<NsSemanticReference>;
|
|
1163
|
+
}
|
|
1164
|
+
type NsDeepPartial<T> = {
|
|
1165
|
+
[Property in keyof T]?: T[Property] extends object ? NsDeepPartial<T[Property]> : T[Property];
|
|
1166
|
+
};
|
|
1167
|
+
type NsThemePresetOverrides = NsDeepPartial<NsThemePreset>;
|
|
1168
|
+
interface NsThemeOptions {
|
|
1169
|
+
preset?: NsThemePreset;
|
|
1170
|
+
colorScheme?: NsColorScheme;
|
|
1171
|
+
storageKey?: string | false;
|
|
1172
|
+
toast?: NsToastThemeOptions;
|
|
1173
|
+
}
|
|
1174
|
+
interface NsResolvedThemeOptions {
|
|
1175
|
+
preset: NsThemePreset;
|
|
1176
|
+
colorScheme: NsColorScheme;
|
|
1177
|
+
storageKey: string | false;
|
|
1178
|
+
toast: NsResolvedToastThemeOptions;
|
|
1179
|
+
}
|
|
1180
|
+
interface NsToastThemeOptions {
|
|
1181
|
+
placement?: NsToastPlacement;
|
|
709
1182
|
}
|
|
1183
|
+
interface NsResolvedToastThemeOptions {
|
|
1184
|
+
placement: NsToastPlacement;
|
|
1185
|
+
}
|
|
1186
|
+
|
|
1187
|
+
declare const Arvisfy: NsThemePreset;
|
|
710
1188
|
|
|
711
|
-
declare class
|
|
712
|
-
private readonly appRef;
|
|
1189
|
+
declare class NsThemeService {
|
|
713
1190
|
private readonly document;
|
|
714
|
-
private readonly
|
|
715
|
-
|
|
716
|
-
private
|
|
717
|
-
private
|
|
1191
|
+
private readonly platformId;
|
|
1192
|
+
private readonly destroyRef;
|
|
1193
|
+
private readonly options;
|
|
1194
|
+
private readonly browser;
|
|
1195
|
+
private readonly activeVariables;
|
|
1196
|
+
private readonly mediaQuery;
|
|
1197
|
+
private readonly systemScheme;
|
|
1198
|
+
private readonly presetState;
|
|
1199
|
+
private readonly schemeState;
|
|
1200
|
+
readonly preset: _angular_core.Signal<NsThemePreset>;
|
|
1201
|
+
readonly colorScheme: _angular_core.Signal<NsColorScheme>;
|
|
1202
|
+
readonly scheme: _angular_core.Signal<NsColorScheme>;
|
|
1203
|
+
readonly resolvedColorScheme: _angular_core.Signal<NsResolvedColorScheme>;
|
|
1204
|
+
constructor();
|
|
1205
|
+
setPreset(preset: NsThemePreset): void;
|
|
1206
|
+
setColorScheme(colorScheme: NsColorScheme): void;
|
|
1207
|
+
setScheme(colorScheme: NsColorScheme): void;
|
|
1208
|
+
private readonly onSystemSchemeChange;
|
|
1209
|
+
private applyTheme;
|
|
1210
|
+
private createMediaQuery;
|
|
1211
|
+
private readStoredScheme;
|
|
1212
|
+
private persistScheme;
|
|
1213
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsThemeService, never>;
|
|
1214
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsThemeService>;
|
|
1215
|
+
}
|
|
1216
|
+
|
|
1217
|
+
declare const NS_THEME_OPTIONS: InjectionToken<NsResolvedThemeOptions>;
|
|
1218
|
+
declare const NS_TOAST_OPTIONS: InjectionToken<NsResolvedToastThemeOptions>;
|
|
1219
|
+
declare function provideNsTheme(options?: NsThemeOptions): EnvironmentProviders;
|
|
1220
|
+
|
|
1221
|
+
declare function defineNsPreset(base: NsThemePreset, overrides: NsThemePresetOverrides): NsThemePreset;
|
|
1222
|
+
declare function validateNsPreset(preset: NsThemePreset): void;
|
|
1223
|
+
declare function flattenTokens<T>(tree: NsTokenTree<T>): Map<string, T>;
|
|
1224
|
+
declare function tokenPathToCssVariable(tier: 'primitive' | 'semantic' | 'component', path: string): string;
|
|
1225
|
+
declare function referenceToCssVariable(reference: NsPrimitiveReference | NsSemanticReference): string;
|
|
1226
|
+
type NsFlattenedPrimitiveTokens = Map<string, NsPrimitiveTokenValue>;
|
|
1227
|
+
|
|
1228
|
+
declare class NsToastHandle {
|
|
1229
|
+
private readonly closeToast;
|
|
1230
|
+
private readonly closeReason;
|
|
1231
|
+
readonly closed: Signal<NsToastCloseReason | undefined>;
|
|
1232
|
+
constructor(closeToast: (reason: NsToastCloseReason) => void);
|
|
1233
|
+
dismiss(): void;
|
|
1234
|
+
resolve(reason: NsToastCloseReason): void;
|
|
1235
|
+
}
|
|
1236
|
+
|
|
1237
|
+
declare class NsToastService implements OnDestroy {
|
|
1238
|
+
private readonly leaveDuration;
|
|
1239
|
+
private readonly applicationRef;
|
|
1240
|
+
private readonly environmentInjector;
|
|
1241
|
+
private readonly document;
|
|
1242
|
+
private readonly platformId;
|
|
1243
|
+
private readonly browser;
|
|
1244
|
+
private readonly toastOptions;
|
|
1245
|
+
private readonly pending;
|
|
1246
|
+
private readonly visible;
|
|
1247
|
+
private region?;
|
|
1248
|
+
get maxVisible(): number;
|
|
1249
|
+
/** SSR resolves immediately because notifications have no browser region. */
|
|
1250
|
+
show(options: NsToastOptions): NsToastHandle;
|
|
1251
|
+
private showPending;
|
|
1252
|
+
private showToast;
|
|
1253
|
+
private dismiss;
|
|
1254
|
+
ngOnDestroy(): void;
|
|
1255
|
+
private destroyToast;
|
|
1256
|
+
private getRegion;
|
|
1257
|
+
private destroyRegionIfEmpty;
|
|
1258
|
+
private destroyRegion;
|
|
718
1259
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsToastService, never>;
|
|
719
1260
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NsToastService>;
|
|
720
1261
|
}
|
|
721
1262
|
|
|
722
|
-
|
|
723
|
-
|
|
1263
|
+
declare class NsToastComponent implements AfterViewInit, OnDestroy {
|
|
1264
|
+
readonly message: _angular_core.InputSignal<string | TemplateRef<unknown>>;
|
|
1265
|
+
readonly variant: _angular_core.InputSignal<NsToastVariant>;
|
|
1266
|
+
readonly placement: _angular_core.InputSignal<NsToastPlacement>;
|
|
1267
|
+
readonly duration: _angular_core.InputSignal<number>;
|
|
1268
|
+
readonly action: _angular_core.InputSignal<NsToastAction>;
|
|
1269
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
1270
|
+
readonly dismissed: _angular_core.OutputEmitterRef<NsToastCloseReason>;
|
|
1271
|
+
private readonly element;
|
|
1272
|
+
private timer?;
|
|
1273
|
+
private remaining;
|
|
1274
|
+
private startedAt;
|
|
1275
|
+
ngAfterViewInit(): void;
|
|
1276
|
+
ngOnDestroy(): void;
|
|
1277
|
+
textMessage(): string | null;
|
|
1278
|
+
templateMessage(): TemplateRef<unknown> | null;
|
|
1279
|
+
pause(): void;
|
|
1280
|
+
resume(): void;
|
|
1281
|
+
dismiss(reason: NsToastCloseReason): void;
|
|
1282
|
+
triggerAction(): void;
|
|
1283
|
+
onFocusOut(event: FocusEvent): void;
|
|
1284
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsToastComponent, never>;
|
|
1285
|
+
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>;
|
|
1286
|
+
}
|
|
1287
|
+
|
|
1288
|
+
declare class NsSurfaceComponent {
|
|
1289
|
+
readonly variant: _angular_core.InputSignal<NsVariant>;
|
|
1290
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsSurfaceComponent, never>;
|
|
1291
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NsSurfaceComponent, "ns-surface", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1292
|
+
}
|
|
1293
|
+
|
|
1294
|
+
declare class NsTabComponent {
|
|
1295
|
+
readonly key: _angular_core.InputSignal<NsKey>;
|
|
1296
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1297
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1298
|
+
readonly selected: _angular_core.WritableSignal<boolean>;
|
|
1299
|
+
readonly tabId: string;
|
|
1300
|
+
readonly panelId: string;
|
|
1301
|
+
readonly element: ElementRef<any>;
|
|
1302
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTabComponent, never>;
|
|
1303
|
+
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>;
|
|
1304
|
+
}
|
|
1305
|
+
declare class NsTabsComponent {
|
|
1306
|
+
readonly orientation: _angular_core.InputSignal<NsOrientation>;
|
|
1307
|
+
readonly selectedKey: _angular_core.ModelSignal<NsKey>;
|
|
1308
|
+
readonly tabs: _angular_core.Signal<readonly NsTabComponent[]>;
|
|
1309
|
+
private readonly element;
|
|
1310
|
+
constructor();
|
|
1311
|
+
select(key: NsKey): void;
|
|
1312
|
+
onKeydown(event: KeyboardEvent, index: number): void;
|
|
1313
|
+
private syncSelection;
|
|
1314
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTabsComponent, never>;
|
|
1315
|
+
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>;
|
|
1316
|
+
}
|
|
1317
|
+
|
|
1318
|
+
declare class NsTagComponent {
|
|
1319
|
+
readonly key: _angular_core.InputSignal<NsKey>;
|
|
1320
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1321
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1322
|
+
readonly selected: _angular_core.WritableSignal<boolean>;
|
|
1323
|
+
readonly active: _angular_core.WritableSignal<boolean>;
|
|
1324
|
+
readonly element: ElementRef<any>;
|
|
1325
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTagComponent, never>;
|
|
1326
|
+
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>;
|
|
1327
|
+
}
|
|
1328
|
+
declare class NsTagGroupComponent {
|
|
1329
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1330
|
+
readonly selectionMode: _angular_core.InputSignal<NsSelectionMode>;
|
|
1331
|
+
readonly selectedKeys: _angular_core.ModelSignal<readonly NsKey[]>;
|
|
1332
|
+
readonly tags: _angular_core.Signal<readonly NsTagComponent[]>;
|
|
1333
|
+
private readonly typeahead;
|
|
1334
|
+
private activeIndex;
|
|
1335
|
+
constructor();
|
|
1336
|
+
onClick(event: MouseEvent): void;
|
|
1337
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1338
|
+
select(key: NsKey): void;
|
|
1339
|
+
private focus;
|
|
1340
|
+
private syncState;
|
|
1341
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTagGroupComponent, never>;
|
|
1342
|
+
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>;
|
|
1343
|
+
}
|
|
1344
|
+
|
|
1345
|
+
declare class NsTooltipComponent implements AfterViewInit, OnDestroy {
|
|
1346
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
1347
|
+
readonly origin: _angular_core.InputSignal<HTMLElement>;
|
|
1348
|
+
readonly message: _angular_core.InputSignal<string>;
|
|
1349
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
1350
|
+
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
1351
|
+
readonly closed: _angular_core.OutputEmitterRef<NsOverlayCloseReason>;
|
|
1352
|
+
private readonly element;
|
|
1353
|
+
private readonly overlay;
|
|
1354
|
+
private overlayRef?;
|
|
1355
|
+
private viewInitialized;
|
|
1356
|
+
constructor();
|
|
1357
|
+
ngAfterViewInit(): void;
|
|
1358
|
+
ngOnDestroy(): void;
|
|
1359
|
+
private openOverlay;
|
|
1360
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTooltipComponent, never>;
|
|
1361
|
+
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>;
|
|
1362
|
+
}
|
|
1363
|
+
|
|
1364
|
+
declare class NsTooltipDirective implements OnDestroy {
|
|
1365
|
+
readonly message: _angular_core.InputSignal<string>;
|
|
1366
|
+
readonly placement: _angular_core.InputSignal<NsPlacement>;
|
|
1367
|
+
readonly delay: _angular_core.InputSignal<number>;
|
|
1368
|
+
private readonly origin;
|
|
1369
|
+
private readonly viewContainer;
|
|
1370
|
+
private readonly id;
|
|
1371
|
+
private componentRef?;
|
|
1372
|
+
private timer?;
|
|
1373
|
+
private previousDescription;
|
|
1374
|
+
show(): void;
|
|
1375
|
+
hide(): void;
|
|
1376
|
+
ngOnDestroy(): void;
|
|
1377
|
+
private open;
|
|
1378
|
+
private createComponent;
|
|
1379
|
+
private addDescription;
|
|
1380
|
+
private removeDescription;
|
|
1381
|
+
private cancelPendingHide;
|
|
1382
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NsTooltipDirective, never>;
|
|
1383
|
+
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>;
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1386
|
+
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, NsEditorColorPickerComponent, NsEditorComponent, NsEditorLinkComponent, NsEditorListComponent, NsEditorParagraphComponent, NsEditorToggleCommandComponent, NsFieldContext, NsFieldDirective, NsImageUploadComponent, NsInputCodeComponent, NsInputComponent, NsInputGroupAddonComponent, NsInputGroupComponent, NsInputNumberComponent, NsInputSearchComponent, NsLinkComponent, NsListBoxComponent, NsListBoxOptionComponent, NsMeterComponent, NsModalComponent, NsModalRef, NsModalService, NsOverlayRef, NsOverlayService, NsPaginationComponent, NsPasswordComponent, NsPopoverComponent, NsProgressBarComponent, NsRadioComponent, NsRadioGroupComponent, NsSchedule, NsScheduleComponent, NsScheduleService, NsSchemaMarkupComponent, NsSelectorListComponent, NsSelectorListItemComponent, NsSkeletonComponent, NsSliderComponent, NsSurfaceComponent, NsSwitchComponent, NsTabComponent, NsTabsComponent, NsTagComponent, NsTagGroupComponent, NsTextAreaComponent, NsThemeService, NsToastComponent, NsToastHandle, NsToastService, NsTooltipComponent, NsTooltipDirective, NsValueAccessor, TemplateDirective, defineNsPreset, flattenTokens, getNsOverlayPosition, provideNsTheme, referenceToCssVariable, tokenPathToCssVariable, validateNsPreset };
|
|
1387
|
+
export type { NsAlertVariant, NsBadgeMode, NsButtonVariant, NsCollectionItem, NsColor, NsColorScheme, NsComment, NsComponentInputs, NsDateRangeValue, NsDateView, NsDeepPartial, NsDrawerComponentInputs, NsDrawerConfig, NsDrawerOptions, NsDrawerPosition, 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 };
|