@ng-solid/design-system 22.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,725 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { OnChanges, ElementRef, OnInit, QueryList, AfterContentInit, OnDestroy, TemplateRef, AfterViewInit, AfterViewChecked, Type, ViewContainerRef, ComponentRef, SimpleChanges } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor, FormGroup } from '@angular/forms';
|
|
4
|
+
import { Subject, Observable } from 'rxjs';
|
|
5
|
+
import { DateValue, DayOfWeek, DateTimeDuration } from '@internationalized/date';
|
|
6
|
+
import { NsFile } from '@ng-solid/core';
|
|
7
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
8
|
+
|
|
9
|
+
declare class NsAvatarComponent implements OnChanges {
|
|
10
|
+
src: string;
|
|
11
|
+
atl?: string;
|
|
12
|
+
icon?: string;
|
|
13
|
+
shape: 'circle' | 'square';
|
|
14
|
+
size: 'large' | 'medium' | 'small';
|
|
15
|
+
gap: number;
|
|
16
|
+
textRef?: ElementRef<HTMLSpanElement>;
|
|
17
|
+
hasCover: boolean;
|
|
18
|
+
hasIcon: boolean;
|
|
19
|
+
private elementRef;
|
|
20
|
+
private cdr;
|
|
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: i0.ɵɵFactoryDeclaration<NsAvatarComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsAvatarComponent, "ns-avatar", never, { "src": { "alias": "src"; "required": true; }; "atl": { "alias": "atl"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, never, true, never>;
|
|
30
|
+
static ngAcceptInputType_gap: unknown;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
declare class NsButtonComponent {
|
|
34
|
+
label: string;
|
|
35
|
+
type: 'submit' | 'button';
|
|
36
|
+
theme: 'primary' | 'secondary' | 'success';
|
|
37
|
+
block: boolean;
|
|
38
|
+
disabled: boolean;
|
|
39
|
+
loading: boolean;
|
|
40
|
+
icon: string;
|
|
41
|
+
value: string | number;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsButtonComponent, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsButtonComponent, "ns-button", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "block": { "alias": "block"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
|
|
44
|
+
static ngAcceptInputType_block: unknown;
|
|
45
|
+
static ngAcceptInputType_disabled: unknown;
|
|
46
|
+
static ngAcceptInputType_loading: unknown;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
declare abstract class NsValueAccessor<T = string> implements ControlValueAccessor {
|
|
50
|
+
type: string;
|
|
51
|
+
placeholder: string;
|
|
52
|
+
label: string;
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
readonly: boolean;
|
|
55
|
+
id: string;
|
|
56
|
+
protected _value: T;
|
|
57
|
+
get value(): T;
|
|
58
|
+
set value(value: T);
|
|
59
|
+
onTouched: () => void;
|
|
60
|
+
onChange: (value: T) => void;
|
|
61
|
+
writeValue(value: T): void;
|
|
62
|
+
registerOnChange(fn: (value: T) => void): void;
|
|
63
|
+
registerOnTouched(fn: () => void): void;
|
|
64
|
+
setDisabledState(isDisabled: boolean): void;
|
|
65
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsValueAccessor<any>, never>;
|
|
66
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NsValueAccessor<any>, never, never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
declare class NsCheckboxComponent extends NsValueAccessor<boolean> {
|
|
70
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsCheckboxComponent, never>;
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsCheckboxComponent, "ns-checkbox", never, {}, {}, never, never, true, never>;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
interface DayContext {
|
|
75
|
+
$implicit: DateValue;
|
|
76
|
+
month: number;
|
|
77
|
+
year: number;
|
|
78
|
+
date: DateValue;
|
|
79
|
+
disabled: boolean;
|
|
80
|
+
selected: boolean;
|
|
81
|
+
isToday: boolean;
|
|
82
|
+
}
|
|
83
|
+
type NsDayView = {
|
|
84
|
+
number: number;
|
|
85
|
+
context: DayContext;
|
|
86
|
+
date: DateValue;
|
|
87
|
+
tabindex: number;
|
|
88
|
+
ariaLabel: string;
|
|
89
|
+
};
|
|
90
|
+
type NsWeekView = {
|
|
91
|
+
number: number;
|
|
92
|
+
days: NsDayView[];
|
|
93
|
+
};
|
|
94
|
+
type NsMonthView = {
|
|
95
|
+
label: string;
|
|
96
|
+
number: number;
|
|
97
|
+
year: number;
|
|
98
|
+
weekdays: string[];
|
|
99
|
+
weeks: NsWeekView[];
|
|
100
|
+
startDate: DateValue;
|
|
101
|
+
endDate: DateValue;
|
|
102
|
+
};
|
|
103
|
+
type NsDatepickerView = {
|
|
104
|
+
visibleMonths: number;
|
|
105
|
+
startDate?: DateValue;
|
|
106
|
+
firstDayOfWeek: DayOfWeek;
|
|
107
|
+
endDate?: DateValue;
|
|
108
|
+
maxDate?: DateValue;
|
|
109
|
+
minDate?: DateValue;
|
|
110
|
+
months: NsMonthView[];
|
|
111
|
+
locale: string;
|
|
112
|
+
navigation: 'select' | 'arrows' | 'none';
|
|
113
|
+
selectedDate?: DateValue;
|
|
114
|
+
weekdayStyle: WeekdayStyle;
|
|
115
|
+
weekdaysVisible: boolean;
|
|
116
|
+
disabled: boolean;
|
|
117
|
+
};
|
|
118
|
+
type WeekdayStyle = 'long' | 'narrow' | 'short';
|
|
119
|
+
|
|
120
|
+
type NsDateView = 'day' | 'week' | 'workweek' | 'month' | 'year';
|
|
121
|
+
type NsPlacement = 'bottom-start' | 'bottom-end';
|
|
122
|
+
|
|
123
|
+
declare class NsDatePickerComponent extends NsValueAccessor<string> implements OnInit {
|
|
124
|
+
model: NsDatepickerView;
|
|
125
|
+
private readonly service;
|
|
126
|
+
private readonly parserFormatter;
|
|
127
|
+
private readonly elRef;
|
|
128
|
+
private readonly appRef;
|
|
129
|
+
private readonly cdRef;
|
|
130
|
+
private readonly destroyRef;
|
|
131
|
+
private readonly injector;
|
|
132
|
+
private readonly ngZone;
|
|
133
|
+
private readonly document;
|
|
134
|
+
autoClose: boolean | 'inside' | 'outside';
|
|
135
|
+
placement: NsPlacement;
|
|
136
|
+
view: NsDateView;
|
|
137
|
+
visibleMonths: number;
|
|
138
|
+
firstDayOfWeek: DayOfWeek;
|
|
139
|
+
maxDate: DateValue | Date | string;
|
|
140
|
+
minDate: DateValue | Date | string;
|
|
141
|
+
navigation: 'select' | 'arrows' | 'none';
|
|
142
|
+
weekdayStyle: WeekdayStyle;
|
|
143
|
+
private controlValue;
|
|
144
|
+
private popupRef;
|
|
145
|
+
private destroyCloseHandlers$;
|
|
146
|
+
ngOnInit(): void;
|
|
147
|
+
writeValue(value: string): void;
|
|
148
|
+
isOpen(): boolean;
|
|
149
|
+
toggleCalendar(): void;
|
|
150
|
+
private open;
|
|
151
|
+
private _createComponent;
|
|
152
|
+
private _applyDatepickerInputs;
|
|
153
|
+
private close;
|
|
154
|
+
private _setCloseHandlers;
|
|
155
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsDatePickerComponent, never>;
|
|
156
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsDatePickerComponent, "ns-date-picker", never, { "autoClose": { "alias": "autoClose"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "view": { "alias": "view"; "required": false; }; "visibleMonths": { "alias": "visibleMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "weekdayStyle": { "alias": "weekdayStyle"; "required": false; }; }, {}, never, never, true, never>;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
declare class NsDateRangeStartDirective extends NsValueAccessor<string> {
|
|
160
|
+
private parserFormatter;
|
|
161
|
+
writeValue(value: string): void;
|
|
162
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsDateRangeStartDirective, never>;
|
|
163
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NsDateRangeStartDirective, "ns-date-range-start", never, {}, {}, never, never, true, never>;
|
|
164
|
+
}
|
|
165
|
+
declare class NsDateRangeEndDirective extends NsValueAccessor<string> {
|
|
166
|
+
private parserFormatter;
|
|
167
|
+
writeValue(value: string): void;
|
|
168
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsDateRangeEndDirective, never>;
|
|
169
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NsDateRangeEndDirective, "ns-date-range-end", never, {}, {}, never, never, true, never>;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
declare class NsDateRangePickerComponent {
|
|
173
|
+
placeholder: string;
|
|
174
|
+
start: NsDateRangeStartDirective;
|
|
175
|
+
end: NsDateRangeEndDirective;
|
|
176
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsDateRangePickerComponent, never>;
|
|
177
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsDateRangePickerComponent, "ns-date-range", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, ["start", "end"], never, true, never>;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
declare abstract class NsDateParserFormatter {
|
|
181
|
+
abstract parse(value: string): DateValue | null;
|
|
182
|
+
abstract format(date: DateValue): string;
|
|
183
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsDateParserFormatter, never>;
|
|
184
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NsDateParserFormatter>;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
declare abstract class NsCalendar {
|
|
188
|
+
abstract today(): string;
|
|
189
|
+
abstract add(duration: DateTimeDuration): string;
|
|
190
|
+
abstract subtract(duration: DateTimeDuration): string;
|
|
191
|
+
abstract getWeekDays(date: DateValue, weekdayStyle: WeekdayStyle, locale: string, firstDayOfWeek: DayOfWeek): string[];
|
|
192
|
+
abstract getWeeksInMonth(date: DateValue, locale: string, firstDayOfWeek: DayOfWeek): NsWeekView[];
|
|
193
|
+
abstract getDatesInWeek(weekIndex: number, from: DateValue, locale: string, firstDayOfWeek: DayOfWeek): NsDayView[];
|
|
194
|
+
abstract getFormattedMonth(startDate: DateValue, locale: string): string;
|
|
195
|
+
abstract getHoursInDay(): number[];
|
|
196
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsCalendar, never>;
|
|
197
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NsCalendar>;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
declare class NsInputComponent extends NsValueAccessor<string> {
|
|
201
|
+
prepend: string;
|
|
202
|
+
append: string;
|
|
203
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsInputComponent, never>;
|
|
204
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsInputComponent, "ns-input", never, { "prepend": { "alias": "prepend"; "required": false; }; "append": { "alias": "append"; "required": false; }; }, {}, never, never, true, never>;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
declare class NsInputGroupComponent {
|
|
208
|
+
label: string;
|
|
209
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsInputGroupComponent, never>;
|
|
210
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsInputGroupComponent, "ns-input-group", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
declare class NsInputNumberComponent extends NsValueAccessor<string | number> implements OnInit {
|
|
214
|
+
step: number;
|
|
215
|
+
precision: number;
|
|
216
|
+
minValue: number;
|
|
217
|
+
maxValue: number;
|
|
218
|
+
formatStyle: Intl.NumberFormatOptions['style'];
|
|
219
|
+
input: ElementRef<HTMLInputElement>;
|
|
220
|
+
numberInput: number;
|
|
221
|
+
private readonly defaultOptions;
|
|
222
|
+
private readonly currency;
|
|
223
|
+
private readonly renderer;
|
|
224
|
+
private readonly locale;
|
|
225
|
+
private formatter;
|
|
226
|
+
private parser;
|
|
227
|
+
ngOnInit(): void;
|
|
228
|
+
get formatOptions(): Intl.NumberFormatOptions;
|
|
229
|
+
writeValue(value: string | number): void;
|
|
230
|
+
set value(value: string);
|
|
231
|
+
get value(): string;
|
|
232
|
+
onInput(event: Event): void;
|
|
233
|
+
onKeyUp(event: KeyboardEvent): void;
|
|
234
|
+
onFocusOut(event: FocusEvent): void;
|
|
235
|
+
private safeNextStep;
|
|
236
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsInputNumberComponent, never>;
|
|
237
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsInputNumberComponent, "ns-input-number", never, { "step": { "alias": "step"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "formatStyle": { "alias": "formatStyle"; "required": false; }; }, {}, never, never, true, never>;
|
|
238
|
+
static ngAcceptInputType_step: unknown;
|
|
239
|
+
static ngAcceptInputType_precision: unknown;
|
|
240
|
+
static ngAcceptInputType_minValue: unknown;
|
|
241
|
+
static ngAcceptInputType_maxValue: unknown;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
declare class NsPasswordComponent extends NsValueAccessor implements OnInit {
|
|
245
|
+
forgotLink: string;
|
|
246
|
+
showAndHide: boolean;
|
|
247
|
+
show: boolean;
|
|
248
|
+
constructor();
|
|
249
|
+
ngOnInit(): void;
|
|
250
|
+
toggle(): void;
|
|
251
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsPasswordComponent, never>;
|
|
252
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsPasswordComponent, "ns-password", never, { "forgotLink": { "alias": "forgotLink"; "required": false; }; "showAndHide": { "alias": "showAndHide"; "required": false; }; }, {}, never, never, true, never>;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
declare class NsSwitchComponent extends NsValueAccessor<boolean | string> {
|
|
256
|
+
boolean: boolean;
|
|
257
|
+
size: 'large' | 'small';
|
|
258
|
+
theme: 'primary' | 'success';
|
|
259
|
+
get value(): boolean;
|
|
260
|
+
set value(checked: boolean);
|
|
261
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsSwitchComponent, never>;
|
|
262
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsSwitchComponent, "ns-switch", never, { "boolean": { "alias": "boolean"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
|
|
263
|
+
static ngAcceptInputType_boolean: unknown;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
declare class NsTextAreaComponent extends NsValueAccessor<string> {
|
|
267
|
+
rows: number;
|
|
268
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsTextAreaComponent, never>;
|
|
269
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsTextAreaComponent, "ns-textarea", never, { "rows": { "alias": "rows"; "required": false; }; }, {}, never, never, true, never>;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
declare class NsContentEditableComponent extends NsValueAccessor<string> {
|
|
273
|
+
private elementRef;
|
|
274
|
+
private renderer;
|
|
275
|
+
maxLength: 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: i0.ɵɵFactoryDeclaration<NsContentEditableComponent, never>;
|
|
283
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsContentEditableComponent, "ns-content-editable", never, { "maxLength": { "alias": "maxlength"; "required": false; }; }, {}, never, never, true, never>;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
declare class NsButtonGroupComponent extends NsValueAccessor<string | number> {
|
|
287
|
+
items: QueryList<NsButtonComponent>;
|
|
288
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsButtonGroupComponent, never>;
|
|
289
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsButtonGroupComponent, "ns-button-group", never, {}, {}, ["items"], never, true, never>;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
interface NsComment {
|
|
293
|
+
id?: number;
|
|
294
|
+
cover: {
|
|
295
|
+
url: string;
|
|
296
|
+
alt?: string;
|
|
297
|
+
};
|
|
298
|
+
message: string;
|
|
299
|
+
created?: string;
|
|
300
|
+
author: {
|
|
301
|
+
name: string;
|
|
302
|
+
link?: string;
|
|
303
|
+
};
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
declare class NsCommentComponent implements OnInit {
|
|
307
|
+
title: string;
|
|
308
|
+
description: string;
|
|
309
|
+
placeholder: string;
|
|
310
|
+
messages: NsComment[];
|
|
311
|
+
cover: {
|
|
312
|
+
url: string;
|
|
313
|
+
alt?: string;
|
|
314
|
+
};
|
|
315
|
+
submitText: string;
|
|
316
|
+
logged: boolean;
|
|
317
|
+
maxLength: number;
|
|
318
|
+
disabled: boolean;
|
|
319
|
+
commit: Subject<string>;
|
|
320
|
+
invalid: boolean;
|
|
321
|
+
content: string;
|
|
322
|
+
private clearEmptyValues;
|
|
323
|
+
constructor();
|
|
324
|
+
ngOnInit(): void;
|
|
325
|
+
publish(): void;
|
|
326
|
+
get counter(): number;
|
|
327
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsCommentComponent, never>;
|
|
328
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsCommentComponent, "ns-comment", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "cover": { "alias": "cover"; "required": false; }; "submitText": { "alias": "submitText"; "required": false; }; "logged": { "alias": "logged"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "commit": "commit"; }, never, ["*"], true, never>;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
declare class NsDropdownItemDirective {
|
|
332
|
+
label: string;
|
|
333
|
+
value: string | number;
|
|
334
|
+
disabled: boolean;
|
|
335
|
+
constructor();
|
|
336
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsDropdownItemDirective, never>;
|
|
337
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NsDropdownItemDirective, "ns-dropdown-item", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
declare class NsDropdownComponent extends NsValueAccessor<string | number> implements OnInit, AfterContentInit {
|
|
341
|
+
labelField: string;
|
|
342
|
+
valueField: string;
|
|
343
|
+
iconName: string;
|
|
344
|
+
defaultFirst: boolean;
|
|
345
|
+
placement: 'start' | 'end';
|
|
346
|
+
filterable: boolean;
|
|
347
|
+
searchRef: ElementRef<HTMLInputElement>;
|
|
348
|
+
items: QueryList<NsDropdownItemDirective>;
|
|
349
|
+
show: boolean;
|
|
350
|
+
private _filtered;
|
|
351
|
+
private _collection;
|
|
352
|
+
private _search;
|
|
353
|
+
constructor();
|
|
354
|
+
ngOnInit(): void;
|
|
355
|
+
ngAfterContentInit(): void;
|
|
356
|
+
set collection(source: Record<string, unknown>[]);
|
|
357
|
+
get collection(): Record<string, unknown>[];
|
|
358
|
+
get selected(): Record<string, unknown>;
|
|
359
|
+
set search(value: string);
|
|
360
|
+
get search(): string;
|
|
361
|
+
select(item: Record<string, unknown>): void;
|
|
362
|
+
toggle(event: MouseEvent): void;
|
|
363
|
+
keyDown(event: KeyboardEvent): void;
|
|
364
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsDropdownComponent, never>;
|
|
365
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsDropdownComponent, "ns-dropdown", never, { "labelField": { "alias": "labelField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "defaultFirst": { "alias": "defaultFirst"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "collection": { "alias": "collection"; "required": false; }; }, {}, ["items"], never, true, never>;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
declare class NsEditorColorPickerComponent implements OnInit {
|
|
369
|
+
private editor;
|
|
370
|
+
presets: string[][];
|
|
371
|
+
type: 'text_color' | 'background_color';
|
|
372
|
+
showPopup: boolean;
|
|
373
|
+
activeColor?: string;
|
|
374
|
+
isActive: boolean;
|
|
375
|
+
trackByIndex: (index: number) => number;
|
|
376
|
+
ngOnInit(): void;
|
|
377
|
+
private get command();
|
|
378
|
+
toggle(): void;
|
|
379
|
+
getContrastYIQ(hexadecimal: string): string;
|
|
380
|
+
onColorSelect(color: string): void;
|
|
381
|
+
remove(): void;
|
|
382
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsEditorColorPickerComponent, never>;
|
|
383
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsEditorColorPickerComponent, "ns-editor-color-picker", never, { "presets": { "alias": "presets"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
declare class NsEditorLinkComponent implements OnInit {
|
|
387
|
+
formLink: FormGroup;
|
|
388
|
+
show: boolean;
|
|
389
|
+
private fb;
|
|
390
|
+
private editor;
|
|
391
|
+
ngOnInit(): void;
|
|
392
|
+
insert(): void;
|
|
393
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsEditorLinkComponent, never>;
|
|
394
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsEditorLinkComponent, "ns-editor-link", never, {}, {}, never, never, true, never>;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
declare enum Commands {
|
|
398
|
+
BOLD = "bold",
|
|
399
|
+
CREATE_LINK = "createLink",
|
|
400
|
+
FONT_NAME = "fontName",
|
|
401
|
+
FONT_SIZE = "fontSize",
|
|
402
|
+
FORMAT_BLOCK = "formatBlock",
|
|
403
|
+
INSERT_HTML = "insertHTML",
|
|
404
|
+
INSERT_IMAGE = "insertImage",
|
|
405
|
+
INSERT_ORDERED_LIST = "insertOrderedList",
|
|
406
|
+
INSERT_UNORDERED_LIST = "insertUnorderedList",
|
|
407
|
+
INSERT_TEXT = "insertText",
|
|
408
|
+
ITALIC = "italic",
|
|
409
|
+
JUSTIFY_CENTER = "justifyCenter",
|
|
410
|
+
JUSTIFY_FULL = "justifyFull",
|
|
411
|
+
JUSTIFY_LEFT = "justifyLeft",
|
|
412
|
+
JUSTIFY_RIGHT = "justifyRight",
|
|
413
|
+
UNDERLINE = "underline",
|
|
414
|
+
UNLINK = "unlink",
|
|
415
|
+
TEXT_COLOR = "foreColor",
|
|
416
|
+
BACKGROUND_COLOR = "backColor"
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
declare class NsEditorListComponent implements OnInit {
|
|
420
|
+
private editor;
|
|
421
|
+
commands: typeof Commands;
|
|
422
|
+
ngOnInit(): void;
|
|
423
|
+
command(name: Commands): void;
|
|
424
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsEditorListComponent, never>;
|
|
425
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsEditorListComponent, "ns-editor-list", never, {}, {}, never, never, true, never>;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
declare class NsEditorParagraphComponent {
|
|
429
|
+
private editor;
|
|
430
|
+
id: string;
|
|
431
|
+
private _value;
|
|
432
|
+
get value(): string;
|
|
433
|
+
set value(heading: string);
|
|
434
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsEditorParagraphComponent, never>;
|
|
435
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsEditorParagraphComponent, "ns-editor-paragraph", never, {}, {}, never, never, true, never>;
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
declare class NsEditorToggleCommandComponent {
|
|
439
|
+
private editor;
|
|
440
|
+
commands: typeof Commands;
|
|
441
|
+
command(name: Commands): void;
|
|
442
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsEditorToggleCommandComponent, never>;
|
|
443
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsEditorToggleCommandComponent, "ns-editor-toggle", never, {}, {}, never, never, true, never>;
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
declare class NsEditorComponent extends NsValueAccessor<string> implements OnInit, OnDestroy {
|
|
447
|
+
private editor;
|
|
448
|
+
rows: number;
|
|
449
|
+
maxLength: number;
|
|
450
|
+
colorPresets: string[];
|
|
451
|
+
textArea: ElementRef<HTMLElement>;
|
|
452
|
+
focused: () => void;
|
|
453
|
+
ngOnInit(): void;
|
|
454
|
+
get presets(): string[][];
|
|
455
|
+
blur(): void;
|
|
456
|
+
ngOnDestroy(): void;
|
|
457
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsEditorComponent, never>;
|
|
458
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsEditorComponent, "ns-editor", never, { "rows": { "alias": "rows"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "colorPresets": { "alias": "colorPresets"; "required": false; }; }, {}, never, never, true, never>;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
declare class NsImageUploadComponent extends NsValueAccessor<NsFile | NsFile[] | null> {
|
|
462
|
+
private client;
|
|
463
|
+
private renderer;
|
|
464
|
+
accept: string;
|
|
465
|
+
multi: boolean;
|
|
466
|
+
limit: number;
|
|
467
|
+
imgRef: ElementRef<HTMLInputElement>;
|
|
468
|
+
loading: Set<string>;
|
|
469
|
+
private _fromIndex;
|
|
470
|
+
private _toIndex;
|
|
471
|
+
get images(): NsFile[];
|
|
472
|
+
get image(): NsFile | null;
|
|
473
|
+
writeValue(value: NsFile | NsFile[] | null): void;
|
|
474
|
+
onClick(): void;
|
|
475
|
+
load(): void;
|
|
476
|
+
add(image: NsFile): void;
|
|
477
|
+
private assignValue;
|
|
478
|
+
private compareWith;
|
|
479
|
+
remove(image: NsFile): void;
|
|
480
|
+
dragstart(event: DragEvent, index: number): void;
|
|
481
|
+
dragover(event: DragEvent, index: number): void;
|
|
482
|
+
dragend(event: DragEvent): void;
|
|
483
|
+
drop(event: DragEvent): void;
|
|
484
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsImageUploadComponent, never>;
|
|
485
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsImageUploadComponent, "ns-image-upload", never, { "accept": { "alias": "accept"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, {}, never, never, true, never>;
|
|
486
|
+
static ngAcceptInputType_multi: unknown;
|
|
487
|
+
static ngAcceptInputType_limit: unknown;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
declare class TemplateDirective implements OnInit {
|
|
491
|
+
name: string;
|
|
492
|
+
styleClass: string;
|
|
493
|
+
readonly ref: TemplateRef<TemplateDirective>;
|
|
494
|
+
private readonly modalRef;
|
|
495
|
+
ngOnInit(): void;
|
|
496
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TemplateDirective, never>;
|
|
497
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateDirective, "[nsTemplate]", never, { "name": { "alias": "nsTemplate"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
declare class NsModalComponent implements AfterViewInit, AfterViewChecked {
|
|
501
|
+
title: string;
|
|
502
|
+
size: 'lg' | 'sm' | 'xl';
|
|
503
|
+
component: Type<unknown>;
|
|
504
|
+
context: Record<string, unknown>;
|
|
505
|
+
close: () => void;
|
|
506
|
+
show: boolean;
|
|
507
|
+
headerRef: TemplateRef<TemplateDirective>;
|
|
508
|
+
footerRef: TemplateRef<TemplateDirective>;
|
|
509
|
+
containerRef: ViewContainerRef;
|
|
510
|
+
private readonly cd;
|
|
511
|
+
keydown(event: KeyboardEvent): void;
|
|
512
|
+
ngAfterViewInit(): void;
|
|
513
|
+
ngAfterViewChecked(): void;
|
|
514
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsModalComponent, never>;
|
|
515
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsModalComponent, "ns-modal", never, {}, {}, never, never, true, never>;
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
declare class NsModalRef {
|
|
519
|
+
ref: ComponentRef<NsModalComponent> | null;
|
|
520
|
+
get instance(): NsModalComponent;
|
|
521
|
+
addTemplate(template: TemplateDirective): void;
|
|
522
|
+
close(timeout?: number): void;
|
|
523
|
+
onDestroy(callback: () => void): void;
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
interface NsModalSetup<T = unknown> {
|
|
527
|
+
title?: string;
|
|
528
|
+
context?: Partial<T>;
|
|
529
|
+
size?: 'lg' | 'sm' | 'xl';
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
declare class NsModalService {
|
|
533
|
+
private readonly appRef;
|
|
534
|
+
private readonly injector;
|
|
535
|
+
private readonly document;
|
|
536
|
+
private readonly factory;
|
|
537
|
+
private readonly renderer;
|
|
538
|
+
private readonly stack;
|
|
539
|
+
open<T = unknown>(component: Type<T>, setup: NsModalSetup<T>): NsModalRef;
|
|
540
|
+
close(): void;
|
|
541
|
+
private attachComponent;
|
|
542
|
+
private registerModalRef;
|
|
543
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsModalService, never>;
|
|
544
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NsModalService>;
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
declare class NsSchedule {
|
|
548
|
+
id: number;
|
|
549
|
+
subject: string;
|
|
550
|
+
body: string;
|
|
551
|
+
startTime: string;
|
|
552
|
+
endTime: string;
|
|
553
|
+
created: string;
|
|
554
|
+
updated: string;
|
|
555
|
+
constructor(props?: Partial<NsSchedule>);
|
|
556
|
+
}
|
|
557
|
+
|
|
558
|
+
declare class NsScheduleService {
|
|
559
|
+
readonly onClick$: Subject<NsSchedule>;
|
|
560
|
+
private _date;
|
|
561
|
+
constructor();
|
|
562
|
+
setCurrentDate(date: any): void;
|
|
563
|
+
get currentDate(): Date;
|
|
564
|
+
send(schedule: Partial<NsSchedule>): void;
|
|
565
|
+
formatDate(date: Date): string;
|
|
566
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsScheduleService, never>;
|
|
567
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NsScheduleService>;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
declare class NsScheduleComponent {
|
|
571
|
+
view: NsDateView;
|
|
572
|
+
selected: Date;
|
|
573
|
+
height: number;
|
|
574
|
+
data: NsSchedule[];
|
|
575
|
+
onClick: Subject<NsSchedule>;
|
|
576
|
+
private service;
|
|
577
|
+
constructor();
|
|
578
|
+
goToday(): void;
|
|
579
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsScheduleComponent, never>;
|
|
580
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsScheduleComponent, "ns-schedule", never, { "view": { "alias": "view"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "height": { "alias": "height"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
type NsSchemaType = 'Person' | 'Organization' | 'MusicGroup' | 'MusicAlbum' | 'MusicEvent' | 'MusicComposition' | 'MusicRecording' | 'MusicRelease' | 'MusicPlaylist' | 'Event';
|
|
584
|
+
|
|
585
|
+
interface Event$1 {
|
|
586
|
+
'@type': 'Event';
|
|
587
|
+
location: string;
|
|
588
|
+
offers?: string;
|
|
589
|
+
startDate: string;
|
|
590
|
+
url: string;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
interface NsSchemaMarkup {
|
|
594
|
+
'@type': NsSchemaType;
|
|
595
|
+
'@id'?: string;
|
|
596
|
+
name: string;
|
|
597
|
+
description: string;
|
|
598
|
+
url: string;
|
|
599
|
+
image?: string;
|
|
600
|
+
logo?: string;
|
|
601
|
+
email?: string;
|
|
602
|
+
inLanguage?: string;
|
|
603
|
+
founder?: {
|
|
604
|
+
'@type': 'Person';
|
|
605
|
+
name: string;
|
|
606
|
+
gender?: string;
|
|
607
|
+
jobTitle: string;
|
|
608
|
+
image: string;
|
|
609
|
+
sameAs?: string[];
|
|
610
|
+
};
|
|
611
|
+
inAlbum?: {
|
|
612
|
+
'@type': 'MusicAlbum';
|
|
613
|
+
name: string;
|
|
614
|
+
url: string;
|
|
615
|
+
image: string;
|
|
616
|
+
};
|
|
617
|
+
foundingDate?: string;
|
|
618
|
+
contactPoint?: [
|
|
619
|
+
{
|
|
620
|
+
'@type': 'ContactPoint';
|
|
621
|
+
contactType: string;
|
|
622
|
+
email: string;
|
|
623
|
+
url: string;
|
|
624
|
+
}
|
|
625
|
+
];
|
|
626
|
+
sameAs?: string[];
|
|
627
|
+
event?: Event$1[];
|
|
628
|
+
producer?: {
|
|
629
|
+
'@type': 'Person';
|
|
630
|
+
name: string;
|
|
631
|
+
};
|
|
632
|
+
numTracks?: number;
|
|
633
|
+
byArtist?: {
|
|
634
|
+
'@type': 'MusicGroup';
|
|
635
|
+
name: string;
|
|
636
|
+
url: string;
|
|
637
|
+
};
|
|
638
|
+
duration?: string;
|
|
639
|
+
recordingOf?: {
|
|
640
|
+
'@type': 'MusicComposition';
|
|
641
|
+
name: string;
|
|
642
|
+
iswsCode: string;
|
|
643
|
+
};
|
|
644
|
+
potentialAction?: [
|
|
645
|
+
{
|
|
646
|
+
'@type': 'SearchAction';
|
|
647
|
+
target: {
|
|
648
|
+
'@type': 'EntryPoint';
|
|
649
|
+
urlTemplate: string;
|
|
650
|
+
};
|
|
651
|
+
'query-input': string;
|
|
652
|
+
}
|
|
653
|
+
];
|
|
654
|
+
track?: {
|
|
655
|
+
'@type': 'ItemList';
|
|
656
|
+
numberOfItems: number;
|
|
657
|
+
itemListElement: {
|
|
658
|
+
'@type': 'ListItem';
|
|
659
|
+
position: number;
|
|
660
|
+
item: {
|
|
661
|
+
'@type': 'MusicRecording';
|
|
662
|
+
name: string;
|
|
663
|
+
url: string;
|
|
664
|
+
duration: string;
|
|
665
|
+
};
|
|
666
|
+
}[];
|
|
667
|
+
};
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
declare class NsSchemaMarkupComponent implements OnInit, OnChanges {
|
|
671
|
+
private sanitizer;
|
|
672
|
+
data: Partial<NsSchemaMarkup>;
|
|
673
|
+
innerHTML: SafeHtml;
|
|
674
|
+
ngOnInit(): void;
|
|
675
|
+
ngOnChanges({ data }: SimpleChanges): void;
|
|
676
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsSchemaMarkupComponent, never>;
|
|
677
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsSchemaMarkupComponent, "ns-schema", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
declare enum ToastType {
|
|
681
|
+
SUCCESS = "success",
|
|
682
|
+
WARNING = "warning",
|
|
683
|
+
INFO = "info",
|
|
684
|
+
ERROR = "error"
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
declare class NsToastComponent {
|
|
688
|
+
type: ToastType;
|
|
689
|
+
message: string;
|
|
690
|
+
state: 'display' | 'destroy';
|
|
691
|
+
private readonly element;
|
|
692
|
+
get marginLeft(): number;
|
|
693
|
+
get iconName(): "exclamation-triangle" | "exclamation-circle" | "info-circle" | "check-circle";
|
|
694
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsToastComponent, never>;
|
|
695
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NsToastComponent, "ns-toast", never, { "type": { "alias": "type"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
declare class ToastRef {
|
|
699
|
+
ref: ComponentRef<NsToastComponent> | null;
|
|
700
|
+
readonly timeout: Observable<0>;
|
|
701
|
+
constructor(props?: Partial<ToastRef>);
|
|
702
|
+
get instance(): NsToastComponent;
|
|
703
|
+
destroy(timeout: number): Observable<0>;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
declare class ToastSetup {
|
|
707
|
+
parent?: string;
|
|
708
|
+
type?: ToastType;
|
|
709
|
+
message: string;
|
|
710
|
+
callback?: () => void;
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
declare class NsToastService {
|
|
714
|
+
private readonly appRef;
|
|
715
|
+
private readonly document;
|
|
716
|
+
private readonly stack;
|
|
717
|
+
add(setup: ToastSetup): ToastRef;
|
|
718
|
+
private attachComponent;
|
|
719
|
+
private registerToast;
|
|
720
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NsToastService, never>;
|
|
721
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NsToastService>;
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
export { NsAvatarComponent, NsButtonComponent, NsButtonGroupComponent, NsCalendar, NsCheckboxComponent, NsCommentComponent, NsContentEditableComponent, NsDateParserFormatter, NsDatePickerComponent, NsDateRangeEndDirective, NsDateRangePickerComponent, NsDateRangeStartDirective, NsDropdownComponent, NsDropdownItemDirective, NsEditorColorPickerComponent, NsEditorComponent, NsEditorLinkComponent, NsEditorListComponent, NsEditorParagraphComponent, NsEditorToggleCommandComponent, NsImageUploadComponent, NsInputComponent, NsInputGroupComponent, NsInputNumberComponent, NsModalComponent, NsModalService, NsPasswordComponent, NsScheduleComponent, NsScheduleService, NsSchemaMarkupComponent, NsSwitchComponent, NsTextAreaComponent, NsToastComponent, NsToastService, NsValueAccessor, TemplateDirective, ToastRef, ToastSetup, ToastType };
|
|
725
|
+
export type { NsComment, NsSchemaMarkup, NsSchemaType };
|