ngx-kit 1.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dialog/README.md +169 -0
- package/fesm2022/{ngx-input-angle-selector.mjs → ngx-kit-angle-selector.mjs} +16 -16
- package/fesm2022/ngx-kit-angle-selector.mjs.map +1 -0
- package/fesm2022/{ngx-input-box-shadow.mjs → ngx-kit-box-shadow.mjs} +10 -10
- package/fesm2022/ngx-kit-box-shadow.mjs.map +1 -0
- package/fesm2022/{ngx-input-color-picker.mjs → ngx-kit-color-picker.mjs} +30 -14
- package/fesm2022/ngx-kit-color-picker.mjs.map +1 -0
- package/fesm2022/ngx-kit-date-picker.mjs +2280 -0
- package/fesm2022/ngx-kit-date-picker.mjs.map +1 -0
- package/fesm2022/ngx-kit-dialog.mjs +378 -0
- package/fesm2022/ngx-kit-dialog.mjs.map +1 -0
- package/fesm2022/{ngx-input-gradient-picker.mjs → ngx-kit-gradient-picker.mjs} +11 -11
- package/fesm2022/ngx-kit-gradient-picker.mjs.map +1 -0
- package/fesm2022/ngx-kit-menu.mjs +229 -0
- package/fesm2022/ngx-kit-menu.mjs.map +1 -0
- package/fesm2022/ngx-kit-notify.mjs +292 -0
- package/fesm2022/ngx-kit-notify.mjs.map +1 -0
- package/fesm2022/{ngx-input-shared.mjs → ngx-kit-shared.mjs} +267 -162
- package/fesm2022/ngx-kit-shared.mjs.map +1 -0
- package/fesm2022/{ngx-input.mjs → ngx-kit.mjs} +1 -1
- package/fesm2022/ngx-kit.mjs.map +1 -0
- package/package.json +31 -15
- package/styles/all.css +22 -0
- package/styles/overlay.css +22 -0
- package/types/{ngx-input-angle-selector.d.ts → ngx-kit-angle-selector.d.ts} +6 -5
- package/types/{ngx-input-box-shadow.d.ts → ngx-kit-box-shadow.d.ts} +7 -7
- package/types/{ngx-input-color-picker.d.ts → ngx-kit-color-picker.d.ts} +7 -7
- package/types/ngx-kit-date-picker.d.ts +294 -0
- package/types/ngx-kit-dialog.d.ts +139 -0
- package/types/{ngx-input-gradient-picker.d.ts → ngx-kit-gradient-picker.d.ts} +7 -7
- package/types/ngx-kit-menu.d.ts +69 -0
- package/types/ngx-kit-notify.d.ts +60 -0
- package/types/{ngx-input-shared.d.ts → ngx-kit-shared.d.ts} +87 -40
- package/fesm2022/ngx-input-angle-selector.mjs.map +0 -1
- package/fesm2022/ngx-input-box-shadow.mjs.map +0 -1
- package/fesm2022/ngx-input-color-picker.mjs.map +0 -1
- package/fesm2022/ngx-input-gradient-picker.mjs.map +0 -1
- package/fesm2022/ngx-input-shared.mjs.map +0 -1
- package/fesm2022/ngx-input.mjs.map +0 -1
- /package/types/{ngx-input.d.ts → ngx-kit.d.ts} +0 -0
|
@@ -0,0 +1,294 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { TemplateRef, InjectionToken, Type, EventEmitter, ElementRef, OnInit, AfterViewInit, Provider } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
|
|
4
|
+
import * as ngx_kit_date_picker from 'ngx-kit/date-picker';
|
|
5
|
+
import { BrowserService } from 'ngx-kit/shared';
|
|
6
|
+
|
|
7
|
+
declare class NgxDatePickerConfig {
|
|
8
|
+
previousButtonTemplate?: TemplateRef<any>;
|
|
9
|
+
nextButtonTemplate?: TemplateRef<any>;
|
|
10
|
+
caretDownIconTemplate?: TemplateRef<any>;
|
|
11
|
+
todayButton: boolean;
|
|
12
|
+
clearButton: boolean;
|
|
13
|
+
clearButtonText: string;
|
|
14
|
+
todayButtonText: string;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare type DatePickerView = 'year' | 'month' | 'day';
|
|
18
|
+
declare type CalendarView = 'month' | 'week' | 'day' | 'event';
|
|
19
|
+
|
|
20
|
+
interface CalendarDate {
|
|
21
|
+
locale: string;
|
|
22
|
+
year: number;
|
|
23
|
+
month?: number;
|
|
24
|
+
day?: number;
|
|
25
|
+
hours?: number;
|
|
26
|
+
minutes?: number;
|
|
27
|
+
seconds?: number;
|
|
28
|
+
milliseconds?: number;
|
|
29
|
+
dayOfWeek?: number;
|
|
30
|
+
date?: Date;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
interface IDateAdapter {
|
|
34
|
+
get longMonths(): string[];
|
|
35
|
+
get narrowDays(): string[];
|
|
36
|
+
get shortDays(): string[];
|
|
37
|
+
get longDays(): string[];
|
|
38
|
+
startOfWeek: number;
|
|
39
|
+
/** convert js date to locale */
|
|
40
|
+
toLocale(date: Date): CalendarDate;
|
|
41
|
+
/** get today of localy */
|
|
42
|
+
today(): CalendarDate;
|
|
43
|
+
/**
|
|
44
|
+
* getting first day of month
|
|
45
|
+
*
|
|
46
|
+
* شماره اولین روز از ماه
|
|
47
|
+
* * مثلا 0 یعنی شنبه
|
|
48
|
+
*/
|
|
49
|
+
firstDayofMonth(year: number, month: number): number;
|
|
50
|
+
/**
|
|
51
|
+
* getting last date of month
|
|
52
|
+
*
|
|
53
|
+
* این ماه چند روز است
|
|
54
|
+
* * آخرین روز ماه جندم می شود؟
|
|
55
|
+
*/
|
|
56
|
+
lastDateofMonth(year: number, month: number): number;
|
|
57
|
+
/**
|
|
58
|
+
* getting last day of month
|
|
59
|
+
*
|
|
60
|
+
* شماره آخرین روز از ماه
|
|
61
|
+
* * مثلا 0 یعنی شنبه
|
|
62
|
+
*/
|
|
63
|
+
lastDayofMonth(year: number, month: number): number;
|
|
64
|
+
/**
|
|
65
|
+
* getting last date of previous month
|
|
66
|
+
*
|
|
67
|
+
* آخرین روز از ماه گذشته
|
|
68
|
+
* * ماه قبل چند روز بوده است؟
|
|
69
|
+
*/
|
|
70
|
+
lastDateofLastMonth(year: number, month: number): number;
|
|
71
|
+
getDate(date: CalendarDate): Date;
|
|
72
|
+
formatDate(date: CalendarDate, format: string): string | null;
|
|
73
|
+
getStartOf(date: Date | null, t: DatePickerView): Date | null;
|
|
74
|
+
getLastOf(date: Date | null, t: DatePickerView): Date | null;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
declare const DATE_ADAPTERS: InjectionToken<DateAdapterRegistration[]>;
|
|
78
|
+
interface DateAdapterRegistration {
|
|
79
|
+
locale: string;
|
|
80
|
+
useClass: Type<IDateAdapter>;
|
|
81
|
+
}
|
|
82
|
+
declare const DEFAULT_DATE_ADAPTERS: readonly DateAdapterRegistration[];
|
|
83
|
+
declare function getLocals(): string[];
|
|
84
|
+
|
|
85
|
+
declare class DateAdapterRegistry {
|
|
86
|
+
adapters: DateAdapterRegistration[];
|
|
87
|
+
resolve(locale: string): ngx_kit_date_picker.IDateAdapter;
|
|
88
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateAdapterRegistry, never>;
|
|
89
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DateAdapterRegistry>;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
declare class NgxInputDatePicker implements ControlValueAccessor, Validator {
|
|
93
|
+
private el;
|
|
94
|
+
protected readonly dateAdapterRegistry: DateAdapterRegistry;
|
|
95
|
+
theme: 'light' | 'dark' | 'auto';
|
|
96
|
+
openOnCLick: i0.InputSignal<boolean>;
|
|
97
|
+
change: EventEmitter<Date>;
|
|
98
|
+
private value?;
|
|
99
|
+
private pickerRef?;
|
|
100
|
+
adapter: IDateAdapter;
|
|
101
|
+
private _locale;
|
|
102
|
+
set locale(val: string);
|
|
103
|
+
protected _onChange: (value: Date | null | undefined) => void;
|
|
104
|
+
protected _onTouched: () => void;
|
|
105
|
+
protected _validatorOnChange: () => void;
|
|
106
|
+
/**
|
|
107
|
+
* display format in input
|
|
108
|
+
*/
|
|
109
|
+
displayFormat: string;
|
|
110
|
+
private min;
|
|
111
|
+
/** The minimum valid date. */
|
|
112
|
+
set setMin(value: Date | null | undefined);
|
|
113
|
+
private max;
|
|
114
|
+
/** The maximum valid date. */
|
|
115
|
+
set setMax(value: Date | null | undefined);
|
|
116
|
+
config: NgxDatePickerConfig;
|
|
117
|
+
set setConfig(val: NgxDatePickerConfig);
|
|
118
|
+
private isDisabled;
|
|
119
|
+
private readonly overlayService;
|
|
120
|
+
private readonly viewContainerRef;
|
|
121
|
+
private readonly renderer;
|
|
122
|
+
constructor(el: ElementRef<HTMLInputElement>);
|
|
123
|
+
updateConfig(val: NgxDatePickerConfig): void;
|
|
124
|
+
ngOnDestroy(): void;
|
|
125
|
+
onClick(ev: Event): void;
|
|
126
|
+
onInput(event: Event): void;
|
|
127
|
+
onBlur(): void;
|
|
128
|
+
writeValue(value: any): void;
|
|
129
|
+
registerOnChange(fn: any): void;
|
|
130
|
+
registerOnTouched(fn: any): void;
|
|
131
|
+
registerOnValidatorChange?(fn: () => void): void;
|
|
132
|
+
setDisabledState(disabled: boolean): void;
|
|
133
|
+
toggle(): void;
|
|
134
|
+
private destroyDatePicker;
|
|
135
|
+
private emitChange;
|
|
136
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
|
137
|
+
/** Formats a value and sets it on the input element. */
|
|
138
|
+
protected _formatValue(value: Date | null, setChange?: boolean): void;
|
|
139
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputDatePicker, never>;
|
|
140
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxInputDatePicker, "[ngxInputDatePicker]", ["ngxInputDatePicker"], { "theme": { "alias": "theme"; "required": false; }; "openOnCLick": { "alias": "openOnCLick"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "setMin": { "alias": "min"; "required": false; }; "setMax": { "alias": "max"; "required": false; }; "setConfig": { "alias": "config"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
declare class MsEvents<DateInput = Date> {
|
|
144
|
+
title?: string;
|
|
145
|
+
start: DateInput;
|
|
146
|
+
end?: DateInput;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
declare class DateModel<InputDate = Date> {
|
|
150
|
+
date?: InputDate;
|
|
151
|
+
active?: boolean;
|
|
152
|
+
isToday?: boolean;
|
|
153
|
+
selected?: boolean;
|
|
154
|
+
}
|
|
155
|
+
declare class DateViewYear extends DateModel {
|
|
156
|
+
year: number;
|
|
157
|
+
}
|
|
158
|
+
declare class DateViewMonth extends DateModel {
|
|
159
|
+
month: number;
|
|
160
|
+
displayMonth: string;
|
|
161
|
+
}
|
|
162
|
+
declare class DateViewDay extends DateModel {
|
|
163
|
+
day: number;
|
|
164
|
+
events?: MsEvents[];
|
|
165
|
+
}
|
|
166
|
+
declare class DateViewWeek extends DateModel {
|
|
167
|
+
time: number;
|
|
168
|
+
weeks: string[];
|
|
169
|
+
displayTime: string;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
declare abstract class NgxDatePickerBase {
|
|
173
|
+
protected _locale: string;
|
|
174
|
+
protected dateAdapterRegistry: DateAdapterRegistry;
|
|
175
|
+
adapter: IDateAdapter;
|
|
176
|
+
currYear: number;
|
|
177
|
+
currMonth: number;
|
|
178
|
+
currentWeek: number;
|
|
179
|
+
months: string[];
|
|
180
|
+
weeks: string[];
|
|
181
|
+
viewDays: DateViewDay[];
|
|
182
|
+
viewMonths: DateViewMonth[];
|
|
183
|
+
viewYears: DateViewYear[];
|
|
184
|
+
viewWeeks: DateViewWeek[];
|
|
185
|
+
displayMonth: string;
|
|
186
|
+
minDate: Date | null;
|
|
187
|
+
maxDate: Date | null;
|
|
188
|
+
renderCalendar(view: CalendarView | DatePickerView, selected?: CalendarDate, events?: MsEvents[], callback?: Function): void;
|
|
189
|
+
renderYear(): void;
|
|
190
|
+
renderMonth(): void;
|
|
191
|
+
/** only in calendar view */
|
|
192
|
+
renderWeek(): void;
|
|
193
|
+
renderDay(selected?: CalendarDate, _events?: MsEvents[]): void;
|
|
194
|
+
checkActiveDate(date: Date): boolean;
|
|
195
|
+
checkActiveMonth(year: number, month: number): boolean;
|
|
196
|
+
checkActiveYear(year: number): boolean;
|
|
197
|
+
private getEvents;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
interface ISelectedEvent {
|
|
201
|
+
date: Date;
|
|
202
|
+
event: MsEvents;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
declare class NgxCalendarComponent extends NgxDatePickerBase implements OnInit, AfterViewInit {
|
|
206
|
+
protected readonly browserService: BrowserService;
|
|
207
|
+
theme: 'light' | 'dark';
|
|
208
|
+
set setTheme(val: 'light' | 'dark' | 'auto');
|
|
209
|
+
_config: NgxDatePickerConfig;
|
|
210
|
+
set config(val: NgxDatePickerConfig);
|
|
211
|
+
set locale(val: string);
|
|
212
|
+
/** The minimum valid date. */
|
|
213
|
+
set setMin(value: Date | null | undefined);
|
|
214
|
+
/** The maximum valid date. */
|
|
215
|
+
set setMax(value: Date | null | undefined);
|
|
216
|
+
view: CalendarView;
|
|
217
|
+
_events: MsEvents[];
|
|
218
|
+
set events(val: MsEvents[]);
|
|
219
|
+
dateChange: EventEmitter<DateViewDay>;
|
|
220
|
+
selectEvent: EventEmitter<ISelectedEvent>;
|
|
221
|
+
defaultHeight: number;
|
|
222
|
+
minHeight: number;
|
|
223
|
+
selected?: Date;
|
|
224
|
+
calendarWrapper: i0.Signal<ElementRef<HTMLElement> | undefined>;
|
|
225
|
+
constructor();
|
|
226
|
+
ngOnInit(): void;
|
|
227
|
+
ngAfterViewInit(): void;
|
|
228
|
+
onResize(ev: Event): void;
|
|
229
|
+
calcCellSize(): void;
|
|
230
|
+
renderCalendar(view: CalendarView): void;
|
|
231
|
+
changeView(v: CalendarView): void;
|
|
232
|
+
gotoToday(): void;
|
|
233
|
+
selectDay(ev: Event, item: DateViewDay): void;
|
|
234
|
+
selectMonth(ev: Event, item: DateViewMonth): void;
|
|
235
|
+
selectYear(ev: Event, item: DateViewYear): void;
|
|
236
|
+
next(): void;
|
|
237
|
+
previous(): void;
|
|
238
|
+
onclickEvent(item: DateViewDay, event: MsEvents): void;
|
|
239
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxCalendarComponent, never>;
|
|
240
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxCalendarComponent, "ngx-calendar", never, { "setTheme": { "alias": "theme"; "required": false; }; "config": { "alias": "config"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "setMin": { "alias": "min"; "required": false; }; "setMax": { "alias": "max"; "required": false; }; "view": { "alias": "view"; "required": false; }; "events": { "alias": "events"; "required": false; }; }, { "dateChange": "dateChange"; "selectEvent": "selectEvent"; }, never, never, true, never>;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
declare class NgxInputDatePickerComponent extends NgxDatePickerBase implements ControlValueAccessor, Validator, OnInit {
|
|
244
|
+
protected readonly browserService: BrowserService;
|
|
245
|
+
theme: 'light' | 'dark';
|
|
246
|
+
set setTheme(val: 'light' | 'dark' | 'auto');
|
|
247
|
+
config: NgxDatePickerConfig;
|
|
248
|
+
set setConfig(val: NgxDatePickerConfig);
|
|
249
|
+
set locale(val: string);
|
|
250
|
+
/** The minimum valid date. */
|
|
251
|
+
set setMin(value: Date | null | undefined);
|
|
252
|
+
/** The maximum valid date. */
|
|
253
|
+
set setMax(value: Date | null | undefined);
|
|
254
|
+
view: DatePickerView;
|
|
255
|
+
change: EventEmitter<Date | null>;
|
|
256
|
+
wrapperWidth: number;
|
|
257
|
+
selected?: CalendarDate;
|
|
258
|
+
calendarHeader: string;
|
|
259
|
+
isDisabled: boolean;
|
|
260
|
+
weekDays: {
|
|
261
|
+
min: string;
|
|
262
|
+
name: string;
|
|
263
|
+
}[];
|
|
264
|
+
protected _onChange: (value: Date) => void;
|
|
265
|
+
protected _onTouched: () => void;
|
|
266
|
+
protected _validatorOnChange: () => void;
|
|
267
|
+
constructor();
|
|
268
|
+
ngOnInit(): void;
|
|
269
|
+
updateConfig(val: NgxDatePickerConfig): void;
|
|
270
|
+
init(): void;
|
|
271
|
+
writeValue(value: any): void;
|
|
272
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
|
273
|
+
registerOnChange(fn: any): void;
|
|
274
|
+
registerOnTouched(fn: any): void;
|
|
275
|
+
registerOnValidatorChange?(fn: () => void): void;
|
|
276
|
+
setDisabledState(disabled: boolean): void;
|
|
277
|
+
renderCalendar(view: 'year' | 'month' | 'day'): void;
|
|
278
|
+
gotoToday(): void;
|
|
279
|
+
changeView(v: DatePickerView): void;
|
|
280
|
+
next(): void;
|
|
281
|
+
previous(): void;
|
|
282
|
+
selectDay(ev: Event, item: DateViewDay): void;
|
|
283
|
+
selectMonth(ev: Event, item: DateViewMonth): void;
|
|
284
|
+
selectYear(ev: Event, item: DateViewYear): void;
|
|
285
|
+
clear(): void;
|
|
286
|
+
stopPagination(ev: Event): void;
|
|
287
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputDatePickerComponent, never>;
|
|
288
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxInputDatePickerComponent, "ngx-datepicker", never, { "setTheme": { "alias": "theme"; "required": false; }; "setConfig": { "alias": "config"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "setMin": { "alias": "min"; "required": false; }; "setMax": { "alias": "max"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
declare function provideDateAdapters(...additional: DateAdapterRegistration[]): Provider[];
|
|
292
|
+
|
|
293
|
+
export { DATE_ADAPTERS, DEFAULT_DATE_ADAPTERS, NgxCalendarComponent, NgxDatePickerConfig, NgxInputDatePicker, NgxInputDatePickerComponent, getLocals, provideDateAdapters };
|
|
294
|
+
export type { CalendarDate, DateAdapterRegistration, IDateAdapter };
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Injector, ElementRef, OnInit, AfterViewInit, OnDestroy, Type, ComponentRef, ApplicationRef, EnvironmentInjector, Renderer2, InjectionToken } from '@angular/core';
|
|
3
|
+
import * as rxjs from 'rxjs';
|
|
4
|
+
import { Observable } from 'rxjs';
|
|
5
|
+
import * as i5 from '@angular/common';
|
|
6
|
+
|
|
7
|
+
declare class NgxDialogConfig<DataType = any> {
|
|
8
|
+
/**
|
|
9
|
+
* pass data to dialog
|
|
10
|
+
*/
|
|
11
|
+
data?: DataType | any;
|
|
12
|
+
/** close dialog on outside click
|
|
13
|
+
* - default false */
|
|
14
|
+
allowCloseOnOutsideClick?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* container class
|
|
17
|
+
* - You can separate the list of classes with a space
|
|
18
|
+
* - for example:"`my class one two three ...`"
|
|
19
|
+
*
|
|
20
|
+
* TODO: must set with public config setter
|
|
21
|
+
*/
|
|
22
|
+
containerClass?: string | undefined;
|
|
23
|
+
header?: {
|
|
24
|
+
enable?: true;
|
|
25
|
+
title?: '';
|
|
26
|
+
showCloseButton?: true;
|
|
27
|
+
};
|
|
28
|
+
footer?: {
|
|
29
|
+
enable?: true;
|
|
30
|
+
};
|
|
31
|
+
width?: string;
|
|
32
|
+
minWidth?: string;
|
|
33
|
+
maxWidth?: string;
|
|
34
|
+
height?: string;
|
|
35
|
+
minHeight?: string;
|
|
36
|
+
maxHeight?: string;
|
|
37
|
+
/** parent injector */
|
|
38
|
+
injector?: Injector;
|
|
39
|
+
constructor();
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare class NgxDialogRef {
|
|
43
|
+
dialog?: ElementRef<HTMLElement>;
|
|
44
|
+
header?: ElementRef<HTMLElement>;
|
|
45
|
+
footer?: ElementRef<HTMLElement>;
|
|
46
|
+
body?: ElementRef<HTMLElement>;
|
|
47
|
+
private readonly _afterClosed;
|
|
48
|
+
afterClosed: Observable<any>;
|
|
49
|
+
id?: string;
|
|
50
|
+
close(result?: any): void;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
declare class NgxDialogComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
54
|
+
config?: NgxDialogConfig;
|
|
55
|
+
component: Type<any>;
|
|
56
|
+
private readonly _onClose;
|
|
57
|
+
onClose: rxjs.Observable<void>;
|
|
58
|
+
ngxDialog?: ElementRef<HTMLElement>;
|
|
59
|
+
_dialogRef: NgxDialogRef;
|
|
60
|
+
private cd;
|
|
61
|
+
constructor();
|
|
62
|
+
ngOnInit(): void;
|
|
63
|
+
ngAfterViewInit(): void;
|
|
64
|
+
ngOnDestroy(): void;
|
|
65
|
+
onOverlayClicked(evt: MouseEvent): void;
|
|
66
|
+
onDialogClicked(evt: MouseEvent): void;
|
|
67
|
+
close(): void;
|
|
68
|
+
setStyle(): void;
|
|
69
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxDialogComponent, never>;
|
|
70
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxDialogComponent, "ng-component", never, {}, {}, never, never, false, never>;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
declare class NgxOverlayService {
|
|
74
|
+
private appRef;
|
|
75
|
+
private injector;
|
|
76
|
+
private envInjector;
|
|
77
|
+
dialogComponentRefs: ComponentRef<NgxDialogComponent>[];
|
|
78
|
+
_defaultOptions: NgxDialogConfig | undefined;
|
|
79
|
+
constructor(appRef: ApplicationRef, injector: Injector, envInjector: EnvironmentInjector);
|
|
80
|
+
open(component: Type<any>, config?: NgxDialogConfig): NgxDialogRef;
|
|
81
|
+
private _open;
|
|
82
|
+
private removeDialogComponentFromBody;
|
|
83
|
+
private appendDialogComponentToBody;
|
|
84
|
+
closeAll(): void;
|
|
85
|
+
private get getDialogId();
|
|
86
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxOverlayService, never>;
|
|
87
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgxOverlayService>;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
declare class NgxDialogHeaderDirective implements OnInit {
|
|
91
|
+
_el: ElementRef<HTMLElement>;
|
|
92
|
+
private _document;
|
|
93
|
+
showCloseButton: boolean;
|
|
94
|
+
private _dialogRef;
|
|
95
|
+
constructor(_el: ElementRef<HTMLElement>, _document: Document);
|
|
96
|
+
ngOnInit(): void;
|
|
97
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxDialogHeaderDirective, never>;
|
|
98
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxDialogHeaderDirective, "ngx-dialog-header,[ngxDialogHeader]", ["ngxDialogHeader"], { "showCloseButton": { "alias": "showCloseButton"; "required": false; }; }, {}, never, never, false, never>;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
declare class NgxDialogFooterDirective implements OnInit {
|
|
102
|
+
_el: ElementRef<HTMLElement>;
|
|
103
|
+
align: 'start' | 'end' | 'space-between' | 'center' | 'space-around';
|
|
104
|
+
private _dialogRef;
|
|
105
|
+
constructor(_el: ElementRef<HTMLElement>);
|
|
106
|
+
ngOnInit(): void;
|
|
107
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxDialogFooterDirective, never>;
|
|
108
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxDialogFooterDirective, "ngx-dialog-footer,[ngxDialogFooter]", ["ngxDialogFooter"], { "align": { "alias": "align"; "required": false; }; }, {}, never, never, false, never>;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
declare class NgxDialogBodyDirective implements AfterViewInit {
|
|
112
|
+
_el: ElementRef<HTMLElement>;
|
|
113
|
+
private _renderer;
|
|
114
|
+
height?: number;
|
|
115
|
+
private _dialogRef;
|
|
116
|
+
constructor(_el: ElementRef<HTMLElement>, _renderer: Renderer2);
|
|
117
|
+
ngAfterViewInit(): void;
|
|
118
|
+
onWindowResize(ev?: Event): void;
|
|
119
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxDialogBodyDirective, never>;
|
|
120
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxDialogBodyDirective, "ngx-dialog-body,[ngxDialogBody]", ["ngxDialogBody"], {}, {}, never, never, false, never>;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
declare class NgxDialogModule {
|
|
124
|
+
constructor(parentModule: NgxDialogModule | null, service: NgxOverlayService);
|
|
125
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxDialogModule, [{ optional: true; skipSelf: true; }, null]>;
|
|
126
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NgxDialogModule, [typeof NgxDialogComponent, typeof NgxDialogHeaderDirective, typeof NgxDialogFooterDirective, typeof NgxDialogBodyDirective], [typeof i5.CommonModule], [typeof NgxDialogComponent, typeof NgxDialogHeaderDirective, typeof NgxDialogFooterDirective, typeof NgxDialogBodyDirective]>;
|
|
127
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NgxDialogModule>;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
declare class Dialog {
|
|
131
|
+
private static serviceInstance;
|
|
132
|
+
static _setService(svc: NgxOverlayService): void;
|
|
133
|
+
static open<DataType>(component: Type<any>, config?: NgxDialogConfig<DataType>): NgxDialogRef;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
declare const DIALOG_DATA: InjectionToken<any>;
|
|
137
|
+
declare const DIALOG_REF: InjectionToken<NgxDialogRef>;
|
|
138
|
+
|
|
139
|
+
export { DIALOG_DATA, DIALOG_REF, Dialog, NgxDialogBodyDirective, NgxDialogComponent, NgxDialogConfig, NgxDialogFooterDirective, NgxDialogHeaderDirective, NgxDialogModule };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { OnInit, OnDestroy, EventEmitter, ChangeDetectorRef, AfterViewInit, ElementRef, Renderer2, ViewContainerRef } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
|
|
4
|
-
import { BrowserService, RangeSliderComponent,
|
|
4
|
+
import { BrowserService, RangeSliderComponent, OverlayService } from 'ngx-kit/shared';
|
|
5
5
|
|
|
6
6
|
interface GradientStop {
|
|
7
7
|
id: string;
|
|
@@ -24,8 +24,8 @@ declare class NgxInputGradientComponent implements OnInit, OnDestroy, ControlVal
|
|
|
24
24
|
rotation: number;
|
|
25
25
|
selectedIndex: number;
|
|
26
26
|
isDisabled: boolean;
|
|
27
|
-
_onChange: (value: string) => void;
|
|
28
|
-
_onTouched: () => void;
|
|
27
|
+
protected _onChange: (value: string) => void;
|
|
28
|
+
protected _onTouched: () => void;
|
|
29
29
|
_onValidateChange: () => void;
|
|
30
30
|
rangeSlider?: RangeSliderComponent;
|
|
31
31
|
constructor(cd: ChangeDetectorRef);
|
|
@@ -53,7 +53,7 @@ declare class NgxInputGradient implements AfterViewInit, OnDestroy, ControlValue
|
|
|
53
53
|
private el;
|
|
54
54
|
private renderer;
|
|
55
55
|
private viewContainerRef;
|
|
56
|
-
private
|
|
56
|
+
private overlayService;
|
|
57
57
|
setInputBackground: boolean;
|
|
58
58
|
theme: 'light' | 'dark' | 'auto';
|
|
59
59
|
private _targetInput?;
|
|
@@ -63,10 +63,10 @@ declare class NgxInputGradient implements AfterViewInit, OnDestroy, ControlValue
|
|
|
63
63
|
private isHostInput;
|
|
64
64
|
private pickerRef?;
|
|
65
65
|
value: string;
|
|
66
|
-
_onChange: (value: string) => void;
|
|
67
|
-
_onTouched: () => void;
|
|
66
|
+
protected _onChange: (value: string) => void;
|
|
67
|
+
protected _onTouched: () => void;
|
|
68
68
|
_onValidateChange: () => void;
|
|
69
|
-
constructor(el: ElementRef<HTMLInputElement>, renderer: Renderer2, viewContainerRef: ViewContainerRef,
|
|
69
|
+
constructor(el: ElementRef<HTMLInputElement>, renderer: Renderer2, viewContainerRef: ViewContainerRef, overlayService: OverlayService);
|
|
70
70
|
onClick(ev: Event): void;
|
|
71
71
|
ngAfterViewInit(): void;
|
|
72
72
|
registerOnChange(fn: any): void;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { TemplateRef, OnDestroy, ElementRef, ApplicationRef } from '@angular/core';
|
|
3
|
+
import { OverlayRef, Placement, Alignment, OverlayService } from 'ngx-kit/shared';
|
|
4
|
+
|
|
5
|
+
interface MenuContext {
|
|
6
|
+
close(): void;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
declare class NgxMenuPanel implements MenuContext {
|
|
10
|
+
template: i0.Signal<TemplateRef<any> | undefined>;
|
|
11
|
+
class: i0.InputSignal<string | undefined>;
|
|
12
|
+
containerRef?: OverlayRef<NgxMenuPanel>;
|
|
13
|
+
close(): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMenuPanel, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxMenuPanel, "ngx-menu,[ngx-menu]", ["NgxMenu"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare class NgxMenu implements OnDestroy {
|
|
19
|
+
private el;
|
|
20
|
+
private appRef;
|
|
21
|
+
private overlayService;
|
|
22
|
+
ngxMenu: i0.InputSignal<NgxMenuPanel>;
|
|
23
|
+
placement: i0.InputSignal<Placement | undefined>;
|
|
24
|
+
alignment: i0.InputSignal<Alignment | undefined>;
|
|
25
|
+
private containerRef?;
|
|
26
|
+
constructor(el: ElementRef, appRef: ApplicationRef, overlayService: OverlayService);
|
|
27
|
+
ngOnDestroy(): void;
|
|
28
|
+
onClick(ev: Event): void;
|
|
29
|
+
private toggleContainer;
|
|
30
|
+
private destroyContainer;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMenu, never>;
|
|
32
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMenu, "[ngxMenu]", ["ngxMenu"], { "ngxMenu": { "alias": "ngxMenu"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
declare class NgxContextMenu implements OnDestroy {
|
|
36
|
+
private el;
|
|
37
|
+
private appRef;
|
|
38
|
+
private overlayService;
|
|
39
|
+
ngxContextMenu: i0.InputSignal<NgxMenuPanel>;
|
|
40
|
+
private containerRef?;
|
|
41
|
+
constructor(el: ElementRef<HTMLElement>, appRef: ApplicationRef, overlayService: OverlayService);
|
|
42
|
+
ngOnDestroy(): void;
|
|
43
|
+
onClick(ev: PointerEvent): void;
|
|
44
|
+
private toggleContainer;
|
|
45
|
+
private destroyContainer;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxContextMenu, never>;
|
|
47
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxContextMenu, "[ngxContextMenu]", ["ngxContextMenu"], { "ngxContextMenu": { "alias": "ngxContextMenu"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
declare class NgxMenuItem {
|
|
51
|
+
menuContext: MenuContext;
|
|
52
|
+
childMenu: NgxMenu | null;
|
|
53
|
+
onClick(): void;
|
|
54
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMenuItem, never>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxMenuItem, "ngx-menu-item,[ngx-menu-item]", ["NgxMenuItem"], {}, {}, never, ["*"], true, never>;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
declare class NgxMenuDivider {
|
|
59
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMenuDivider, never>;
|
|
60
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxMenuDivider, "ngx-menu-divider", never, {}, {}, never, never, true, never>;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
declare class NgxMenuModule {
|
|
64
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMenuModule, never>;
|
|
65
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMenuModule, never, [typeof NgxMenu, typeof NgxContextMenu, typeof NgxMenuPanel, typeof NgxMenuItem, typeof NgxMenuDivider], [typeof NgxMenu, typeof NgxContextMenu, typeof NgxMenuPanel, typeof NgxMenuItem, typeof NgxMenuDivider]>;
|
|
66
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NgxMenuModule>;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export { NgxContextMenu, NgxMenu, NgxMenuDivider, NgxMenuItem, NgxMenuModule, NgxMenuPanel };
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { EnvironmentProviders, Injector } from '@angular/core';
|
|
2
|
+
|
|
3
|
+
interface NgxNotifyOptions {
|
|
4
|
+
/**
|
|
5
|
+
* Time out (ms)
|
|
6
|
+
* - @default 3000
|
|
7
|
+
*/
|
|
8
|
+
timeout?: number;
|
|
9
|
+
/**
|
|
10
|
+
* Notify position
|
|
11
|
+
* @default top-center
|
|
12
|
+
*/
|
|
13
|
+
position?: 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
|
|
14
|
+
/**
|
|
15
|
+
* How many visible at once
|
|
16
|
+
* queued, prevents overlap
|
|
17
|
+
* @default 10
|
|
18
|
+
*/
|
|
19
|
+
maxVisible?: number;
|
|
20
|
+
/**
|
|
21
|
+
* Whether message may contain HTML
|
|
22
|
+
* @default false
|
|
23
|
+
*/
|
|
24
|
+
allowHtml?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Pause timeout when hovered
|
|
27
|
+
* @default true
|
|
28
|
+
*/
|
|
29
|
+
pauseOnHover?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Show close button
|
|
32
|
+
* @default true
|
|
33
|
+
*/
|
|
34
|
+
dismissible?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Additional container class
|
|
37
|
+
*/
|
|
38
|
+
containerClass?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Additional notification class
|
|
41
|
+
*/
|
|
42
|
+
notificationClass?: string;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
declare function provideNotify(options?: NgxNotifyOptions): EnvironmentProviders;
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Static facade so call sites can use: Notify.warn('msg', opts)
|
|
49
|
+
* Module will set the service instance in its constructor.
|
|
50
|
+
*/
|
|
51
|
+
declare class Notify {
|
|
52
|
+
static injector: Injector;
|
|
53
|
+
static show(message: string, type?: 'info' | 'success' | 'warning' | 'error', options?: NgxNotifyOptions): void;
|
|
54
|
+
static info(message: string, options?: NgxNotifyOptions): void;
|
|
55
|
+
static success(message: string, options?: NgxNotifyOptions): void;
|
|
56
|
+
static warning(message: string, options?: NgxNotifyOptions): void;
|
|
57
|
+
static error(message: string, options?: NgxNotifyOptions): void;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
export { Notify, provideNotify };
|