@brickclay-org/ui 0.0.39 → 0.0.40
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/ASSETS_SETUP.md +59 -0
- package/ng-package.json +29 -0
- package/package.json +15 -26
- package/src/lib/assets/icons.ts +8 -0
- package/src/lib/badge/badge.html +24 -0
- package/src/lib/badge/badge.ts +42 -0
- package/src/lib/brickclay-lib.spec.ts +23 -0
- package/src/lib/brickclay-lib.ts +15 -0
- package/src/lib/button-group/button-group.html +12 -0
- package/src/lib/button-group/button-group.ts +73 -0
- package/src/lib/calender/calendar.module.ts +35 -0
- package/src/lib/calender/components/custom-calendar/custom-calendar.component.css +698 -0
- package/src/lib/calender/components/custom-calendar/custom-calendar.component.html +230 -0
- package/src/lib/calender/components/custom-calendar/custom-calendar.component.spec.ts +23 -0
- package/src/lib/calender/components/custom-calendar/custom-calendar.component.ts +1554 -0
- package/src/lib/calender/components/scheduled-date-picker/scheduled-date-picker.component.css +373 -0
- package/src/lib/calender/components/scheduled-date-picker/scheduled-date-picker.component.html +210 -0
- package/src/lib/calender/components/scheduled-date-picker/scheduled-date-picker.component.ts +361 -0
- package/src/lib/calender/components/time-picker/time-picker.component.css +174 -0
- package/src/lib/calender/components/time-picker/time-picker.component.html +60 -0
- package/src/lib/calender/components/time-picker/time-picker.component.ts +283 -0
- package/src/lib/calender/services/calendar-manager.service.ts +45 -0
- package/src/lib/checkbox/checkbox.html +42 -0
- package/src/lib/checkbox/checkbox.ts +67 -0
- package/src/lib/chips/chips.html +74 -0
- package/src/lib/chips/chips.ts +222 -0
- package/src/lib/grid/components/grid/grid.html +97 -0
- package/src/lib/grid/components/grid/grid.ts +139 -0
- package/src/lib/grid/models/grid.model.ts +20 -0
- package/src/lib/input/input.html +127 -0
- package/src/lib/input/input.ts +394 -0
- package/src/lib/pill/pill.html +24 -0
- package/src/lib/pill/pill.ts +39 -0
- package/src/lib/radio/radio.html +58 -0
- package/src/lib/radio/radio.ts +72 -0
- package/src/lib/select/select.html +111 -0
- package/src/lib/select/select.ts +401 -0
- package/src/lib/spinner/spinner.html +5 -0
- package/src/lib/spinner/spinner.ts +22 -0
- package/src/lib/tabs/tabs.html +28 -0
- package/src/lib/tabs/tabs.ts +48 -0
- package/src/lib/textarea/textarea.html +80 -0
- package/src/lib/textarea/textarea.ts +172 -0
- package/src/lib/toggle/toggle.html +24 -0
- package/src/lib/toggle/toggle.ts +62 -0
- package/src/lib/ui-button/ui-button.html +25 -0
- package/src/lib/ui-button/ui-button.ts +55 -0
- package/src/lib/ui-icon-button/ui-icon-button.html +7 -0
- package/src/lib/ui-icon-button/ui-icon-button.ts +38 -0
- package/src/public-api.ts +43 -0
- package/tsconfig.lib.json +19 -0
- package/tsconfig.lib.prod.json +11 -0
- package/tsconfig.spec.json +15 -0
- package/fesm2022/brickclay-org-ui.mjs +0 -4035
- package/fesm2022/brickclay-org-ui.mjs.map +0 -1
- package/index.d.ts +0 -857
package/index.d.ts
DELETED
|
@@ -1,857 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, QueryList, ElementRef } from '@angular/core';
|
|
3
|
-
import * as rxjs from 'rxjs';
|
|
4
|
-
import * as i1 from '@angular/common';
|
|
5
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
6
|
-
import { CdkDragDrop, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
|
|
7
|
-
|
|
8
|
-
declare const BrickclayIcons: {
|
|
9
|
-
readonly arrowleft: "assets/icons/chevron-left.svg";
|
|
10
|
-
readonly arrowRight: "assets/icons/chevron-right.svg";
|
|
11
|
-
readonly calenderIcon: "assets/icons/calender.svg";
|
|
12
|
-
readonly timerIcon: "assets/icons/timer.svg";
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
declare class BrickclayLib {
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BrickclayLib, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BrickclayLib, "lib-brickclay-lib", never, {}, {}, never, never, true, never>;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
declare class CalendarManagerService {
|
|
21
|
-
private calendarInstances;
|
|
22
|
-
private closeAllSubject;
|
|
23
|
-
closeAll$: rxjs.Observable<void>;
|
|
24
|
-
/**
|
|
25
|
-
* Register a calendar instance with its close function
|
|
26
|
-
*/
|
|
27
|
-
register(closeFn: () => void): () => void;
|
|
28
|
-
/**
|
|
29
|
-
* Close all calendars except the one being opened
|
|
30
|
-
*/
|
|
31
|
-
closeAllExcept(exceptCloseFn: () => void): void;
|
|
32
|
-
/**
|
|
33
|
-
* Close all calendars
|
|
34
|
-
*/
|
|
35
|
-
closeAll(): void;
|
|
36
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarManagerService, never>;
|
|
37
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<CalendarManagerService>;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
interface CalendarRange {
|
|
41
|
-
start: Date;
|
|
42
|
-
end: Date;
|
|
43
|
-
}
|
|
44
|
-
interface CalendarSelection {
|
|
45
|
-
startDate: string | null;
|
|
46
|
-
endDate: string | null;
|
|
47
|
-
selectedDates?: string[];
|
|
48
|
-
}
|
|
49
|
-
declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges {
|
|
50
|
-
private calendarManager;
|
|
51
|
-
enableTimepicker: boolean;
|
|
52
|
-
autoApply: boolean;
|
|
53
|
-
closeOnAutoApply: boolean;
|
|
54
|
-
showCancel: boolean;
|
|
55
|
-
linkedCalendars: boolean;
|
|
56
|
-
singleDatePicker: boolean;
|
|
57
|
-
showWeekNumbers: boolean;
|
|
58
|
-
showISOWeekNumbers: boolean;
|
|
59
|
-
customRangeDirection: boolean;
|
|
60
|
-
lockStartDate: boolean;
|
|
61
|
-
position: 'center' | 'left' | 'right';
|
|
62
|
-
drop: 'up' | 'down';
|
|
63
|
-
dualCalendar: boolean;
|
|
64
|
-
showRanges: boolean;
|
|
65
|
-
timeFormat: 12 | 24;
|
|
66
|
-
enableSeconds: boolean;
|
|
67
|
-
customRanges?: Record<string, CalendarRange>;
|
|
68
|
-
multiDateSelection: boolean;
|
|
69
|
-
maxDate?: Date;
|
|
70
|
-
minDate?: Date;
|
|
71
|
-
placeholder: string;
|
|
72
|
-
opens: 'left' | 'right' | 'center';
|
|
73
|
-
inline: boolean;
|
|
74
|
-
isDisplayCrossIcon: boolean;
|
|
75
|
-
selected: EventEmitter<CalendarSelection>;
|
|
76
|
-
opened: EventEmitter<void>;
|
|
77
|
-
closed: EventEmitter<void>;
|
|
78
|
-
/**
|
|
79
|
-
* External value passed from parent. If provided, component will select these dates on init / change.
|
|
80
|
-
* Accepts { startDate: Date|null, endDate: Date|null, selectedDates?: Date[] }
|
|
81
|
-
*/
|
|
82
|
-
selectedValue: CalendarSelection | null;
|
|
83
|
-
/** Optional display format for the input value. Uses moment formatting tokens. */
|
|
84
|
-
displayFormat: string;
|
|
85
|
-
brickclayIcons: {
|
|
86
|
-
readonly arrowleft: "assets/icons/chevron-left.svg";
|
|
87
|
-
readonly arrowRight: "assets/icons/chevron-right.svg";
|
|
88
|
-
readonly calenderIcon: "assets/icons/calender.svg";
|
|
89
|
-
readonly timerIcon: "assets/icons/timer.svg";
|
|
90
|
-
};
|
|
91
|
-
show: boolean;
|
|
92
|
-
today: Date;
|
|
93
|
-
month: number;
|
|
94
|
-
year: number;
|
|
95
|
-
calendar: {
|
|
96
|
-
day: number;
|
|
97
|
-
currentMonth: boolean;
|
|
98
|
-
}[][];
|
|
99
|
-
leftMonth: number;
|
|
100
|
-
leftYear: number;
|
|
101
|
-
rightMonth: number;
|
|
102
|
-
rightYear: number;
|
|
103
|
-
leftCalendar: {
|
|
104
|
-
day: number;
|
|
105
|
-
currentMonth: boolean;
|
|
106
|
-
}[][];
|
|
107
|
-
rightCalendar: {
|
|
108
|
-
day: number;
|
|
109
|
-
currentMonth: boolean;
|
|
110
|
-
}[][];
|
|
111
|
-
startDate: Date | null;
|
|
112
|
-
endDate: Date | null;
|
|
113
|
-
selectedDates: Date[];
|
|
114
|
-
disableHighlight: boolean;
|
|
115
|
-
hoveredDate: Date | null;
|
|
116
|
-
minuteInputValues: {
|
|
117
|
-
[key: string]: string;
|
|
118
|
-
};
|
|
119
|
-
selectedHour: number;
|
|
120
|
-
selectedMinute: number;
|
|
121
|
-
selectedSecond: number;
|
|
122
|
-
selectedAMPM: 'AM' | 'PM';
|
|
123
|
-
startHour: number;
|
|
124
|
-
startMinute: number;
|
|
125
|
-
startSecond: number;
|
|
126
|
-
startAMPM: 'AM' | 'PM';
|
|
127
|
-
endHour: number;
|
|
128
|
-
endMinute: number;
|
|
129
|
-
endSecond: number;
|
|
130
|
-
endAMPM: 'AM' | 'PM';
|
|
131
|
-
openTimePickerId: string | null;
|
|
132
|
-
closePickerCounter: {
|
|
133
|
-
[key: string]: number;
|
|
134
|
-
};
|
|
135
|
-
defaultRanges: Record<string, CalendarRange>;
|
|
136
|
-
activeRange: string | null;
|
|
137
|
-
rangeOrder: string[];
|
|
138
|
-
private unregisterFn?;
|
|
139
|
-
private closeAllSubscription?;
|
|
140
|
-
private closeFn?;
|
|
141
|
-
constructor(calendarManager: CalendarManagerService);
|
|
142
|
-
onClickOutside(event: MouseEvent): void;
|
|
143
|
-
ngOnInit(): void;
|
|
144
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
145
|
-
ngOnDestroy(): void;
|
|
146
|
-
checkAndSetActiveRange(): void;
|
|
147
|
-
initializeDefaultRanges(): void;
|
|
148
|
-
initializeTimeFromDate(date: Date, isStart: boolean): void;
|
|
149
|
-
toggle(): void;
|
|
150
|
-
close(): void;
|
|
151
|
-
onDateHover(day: number | null, fromRight?: boolean): void;
|
|
152
|
-
onDateLeave(): void;
|
|
153
|
-
selectDate(day: number | null, fromRight?: boolean): void;
|
|
154
|
-
handleMultiDateSelection(selected: Date): void;
|
|
155
|
-
getDateString(date: Date): string;
|
|
156
|
-
isDateInMultiSelection(year: number, month: number, day: number): boolean;
|
|
157
|
-
apply(): void;
|
|
158
|
-
cancel(): void;
|
|
159
|
-
clear(): void;
|
|
160
|
-
chooseRange(key: string): void;
|
|
161
|
-
emitSelection(): void;
|
|
162
|
-
addDays(date: Date, days: number): Date;
|
|
163
|
-
generateCalendar(): void;
|
|
164
|
-
nextMonth(): void;
|
|
165
|
-
prevMonth(): void;
|
|
166
|
-
nextLeftMonth(): void;
|
|
167
|
-
prevLeftMonth(): void;
|
|
168
|
-
nextRightMonth(): void;
|
|
169
|
-
prevRightMonth(): void;
|
|
170
|
-
initializeDual(): void;
|
|
171
|
-
generateDualCalendars(): void;
|
|
172
|
-
buildCalendar(year: number, month: number): {
|
|
173
|
-
day: number;
|
|
174
|
-
currentMonth: boolean;
|
|
175
|
-
}[][];
|
|
176
|
-
isDateSelected(year: number, month: number, day: number): boolean;
|
|
177
|
-
isDateInRange(year: number, month: number, day: number): boolean;
|
|
178
|
-
isDateDisabled(year: number, month: number, day: number): boolean;
|
|
179
|
-
isToday(year: number, month: number, day: number): boolean;
|
|
180
|
-
getDisplayValue(): string;
|
|
181
|
-
getTimeInputValue(isStart?: boolean): string;
|
|
182
|
-
getSingleTimeInputValue(): string;
|
|
183
|
-
getSingleTimePickerDisplay(): string;
|
|
184
|
-
getDualTimePickerDisplay(isStart?: boolean): string;
|
|
185
|
-
onTimePickerOpened(pickerId: string): void;
|
|
186
|
-
onTimePickerClosed(pickerId: string): void;
|
|
187
|
-
shouldClosePicker(pickerId: string): number;
|
|
188
|
-
private parsePickerTimeString;
|
|
189
|
-
onSingleTimePickerChange(time: string): void;
|
|
190
|
-
onDualTimePickerChange(time: string, isStart?: boolean): void;
|
|
191
|
-
onTimeChange(event: any, isStart?: boolean): void;
|
|
192
|
-
onSingleTimeChange(event: any): void;
|
|
193
|
-
incrementHour(isStart?: boolean): void;
|
|
194
|
-
decrementHour(isStart?: boolean): void;
|
|
195
|
-
incrementMinute(isStart?: boolean): void;
|
|
196
|
-
decrementMinute(isStart?: boolean): void;
|
|
197
|
-
toggleAMPM(isStart?: boolean): void;
|
|
198
|
-
incrementSingleHour(): void;
|
|
199
|
-
decrementSingleHour(): void;
|
|
200
|
-
incrementSingleMinute(): void;
|
|
201
|
-
decrementSingleMinute(): void;
|
|
202
|
-
toggleSingleAMPM(): void;
|
|
203
|
-
getMonthName(month: number): string;
|
|
204
|
-
onHourInput(event: any, isStart?: boolean, isSingle?: boolean): void;
|
|
205
|
-
onHourBlur(event: any, isStart?: boolean, isSingle?: boolean): void;
|
|
206
|
-
onMinuteInput(event: any, isStart?: boolean, isSingle?: boolean): void;
|
|
207
|
-
onMinuteBlur(event: any, isStart?: boolean, isSingle?: boolean): void;
|
|
208
|
-
getDisplayHour(hour: number): number;
|
|
209
|
-
getMinuteDisplayValue(isStart: boolean, isSingle: boolean): string;
|
|
210
|
-
applyTimeToDate(date: Date, isStart: boolean): void;
|
|
211
|
-
onTimeInputFocus(event: any): void;
|
|
212
|
-
formatAllMinuteInputs(): void;
|
|
213
|
-
formatDateToString(date: Date): string;
|
|
214
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkCustomCalendar, never>;
|
|
215
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkCustomCalendar, "bk-custom-calendar", never, { "enableTimepicker": { "alias": "enableTimepicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "multiDateSelection": { "alias": "multiDateSelection"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opens": { "alias": "opens"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
interface TimeConfiguration {
|
|
219
|
-
date: Date;
|
|
220
|
-
allDay: boolean;
|
|
221
|
-
startTime: string;
|
|
222
|
-
endTime: string;
|
|
223
|
-
}
|
|
224
|
-
interface ScheduledDateSelection {
|
|
225
|
-
mode: 'single' | 'multiple' | 'range';
|
|
226
|
-
singleDate?: {
|
|
227
|
-
startDate: Date;
|
|
228
|
-
endDate: Date;
|
|
229
|
-
allDay: boolean;
|
|
230
|
-
startTime: string;
|
|
231
|
-
endTime: string;
|
|
232
|
-
};
|
|
233
|
-
multipleDates?: TimeConfiguration[];
|
|
234
|
-
dateRange?: {
|
|
235
|
-
startDate: Date;
|
|
236
|
-
endDate: Date;
|
|
237
|
-
allDay: boolean;
|
|
238
|
-
startTime: string;
|
|
239
|
-
endTime: string;
|
|
240
|
-
};
|
|
241
|
-
}
|
|
242
|
-
declare class BkScheduledDatePicker implements OnInit {
|
|
243
|
-
timeFormat: 12 | 24;
|
|
244
|
-
enableSeconds: boolean;
|
|
245
|
-
scheduled: EventEmitter<ScheduledDateSelection>;
|
|
246
|
-
cleared: EventEmitter<void>;
|
|
247
|
-
activeTab: 'single' | 'multiple' | 'range';
|
|
248
|
-
openTimePickerId: string | null;
|
|
249
|
-
closePickerCounter: {
|
|
250
|
-
[key: string]: number;
|
|
251
|
-
};
|
|
252
|
-
singleDate: Date | null;
|
|
253
|
-
singleAllDay: boolean;
|
|
254
|
-
singleStartTime: string;
|
|
255
|
-
singleEndTime: string;
|
|
256
|
-
multipleDates: TimeConfiguration[];
|
|
257
|
-
rangeStartDate: Date | null;
|
|
258
|
-
rangeEndDate: Date | null;
|
|
259
|
-
rangeAllDay: boolean;
|
|
260
|
-
rangeStartTime: string;
|
|
261
|
-
rangeEndTime: string;
|
|
262
|
-
ngOnInit(): void;
|
|
263
|
-
onTabChange(tab: 'single' | 'multiple' | 'range'): void;
|
|
264
|
-
onTimePickerOpened(pickerId: string): void;
|
|
265
|
-
onTimePickerClosed(pickerId: string): void;
|
|
266
|
-
shouldClosePicker(pickerId: string): number;
|
|
267
|
-
onSingleDateSelected(event: CalendarSelection): void;
|
|
268
|
-
onSingleAllDayChange(): void;
|
|
269
|
-
onSingleStartTimeChange(time: string): void;
|
|
270
|
-
onSingleEndTimeChange(time: string): void;
|
|
271
|
-
updateSingleDateTimes(): void;
|
|
272
|
-
onMultipleDatesSelected(event: CalendarSelection): void;
|
|
273
|
-
onMultipleDateAllDayChange(index: number): void;
|
|
274
|
-
onMultipleDateStartTimeChange(index: number, time: string): void;
|
|
275
|
-
onMultipleDateEndTimeChange(index: number, time: string): void;
|
|
276
|
-
onRangeSelected(event: CalendarSelection): void;
|
|
277
|
-
onRangeAllDayChange(): void;
|
|
278
|
-
onRangeStartTimeChange(time: string): void;
|
|
279
|
-
onRangeEndTimeChange(time: string): void;
|
|
280
|
-
updateRangeTimes(): void;
|
|
281
|
-
parseTimeString(timeStr: string): {
|
|
282
|
-
hours: number;
|
|
283
|
-
minutes: number;
|
|
284
|
-
};
|
|
285
|
-
getDateString(date: Date): string;
|
|
286
|
-
formatDate(date: Date): string;
|
|
287
|
-
emitScheduled(): void;
|
|
288
|
-
clear(): void;
|
|
289
|
-
apply(): void;
|
|
290
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkScheduledDatePicker, never>;
|
|
291
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkScheduledDatePicker, "bk-scheduled-date-picker", never, { "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; }, { "scheduled": "scheduled"; "cleared": "cleared"; }, never, never, true, never>;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit {
|
|
295
|
-
value: string;
|
|
296
|
-
label: string;
|
|
297
|
-
placeholder: string;
|
|
298
|
-
position: 'left' | 'right';
|
|
299
|
-
pickerId: string;
|
|
300
|
-
closePicker: number;
|
|
301
|
-
timeFormat: 12 | 24;
|
|
302
|
-
showSeconds: boolean;
|
|
303
|
-
timeChange: EventEmitter<string>;
|
|
304
|
-
pickerOpened: EventEmitter<string>;
|
|
305
|
-
pickerClosed: EventEmitter<string>;
|
|
306
|
-
timeScrollElements: QueryList<ElementRef>;
|
|
307
|
-
showPicker: boolean;
|
|
308
|
-
currentHour: number;
|
|
309
|
-
currentMinute: number;
|
|
310
|
-
currentAMPM: string;
|
|
311
|
-
currentSecond: number;
|
|
312
|
-
brickclayIcons: {
|
|
313
|
-
readonly arrowleft: "assets/icons/chevron-left.svg";
|
|
314
|
-
readonly arrowRight: "assets/icons/chevron-right.svg";
|
|
315
|
-
readonly calenderIcon: "assets/icons/calender.svg";
|
|
316
|
-
readonly timerIcon: "assets/icons/timer.svg";
|
|
317
|
-
};
|
|
318
|
-
ngOnInit(): void;
|
|
319
|
-
ngAfterViewInit(): void;
|
|
320
|
-
parseTimeValue(): void;
|
|
321
|
-
getHours(): number[];
|
|
322
|
-
getMinutes(): number[];
|
|
323
|
-
getSeconds(): number[];
|
|
324
|
-
getAMPMOptions(): string[];
|
|
325
|
-
parseTimeStringToComponents(timeStr: string): {
|
|
326
|
-
hour: number;
|
|
327
|
-
minute: number;
|
|
328
|
-
second: number;
|
|
329
|
-
ampm: string;
|
|
330
|
-
};
|
|
331
|
-
formatTimeFromComponents(hour: number, minute: number, second: number, ampm: string): string;
|
|
332
|
-
togglePicker(): void;
|
|
333
|
-
onHourChange(hour: number): void;
|
|
334
|
-
onMinuteChange(minute: number): void;
|
|
335
|
-
onSecondChange(second: number): void;
|
|
336
|
-
onAMPMChange(ampm: string): void;
|
|
337
|
-
updateTime(): void;
|
|
338
|
-
scrollToSelectedTimes(): void;
|
|
339
|
-
onDocumentClick(event: MouseEvent): void;
|
|
340
|
-
private previousCloseCounter;
|
|
341
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
342
|
-
onInputKeydown(event: KeyboardEvent): void;
|
|
343
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkTimePicker, never>;
|
|
344
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkTimePicker, "bk-time-picker", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; }, { "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
|
|
345
|
-
}
|
|
346
|
-
|
|
347
|
-
/**
|
|
348
|
-
* Optional NgModule wrapper for projects that prefer module-based usage.
|
|
349
|
-
*
|
|
350
|
-
* Note:
|
|
351
|
-
* - The components themselves are standalone, so you can also import them
|
|
352
|
-
* directly into any standalone component without using this module.
|
|
353
|
-
* - This module is mainly for:
|
|
354
|
-
* - Existing apps that still use feature modules
|
|
355
|
-
* - Easier "plug-and-play" integration: import CalendarModule once and use
|
|
356
|
-
* the three exported components anywhere in your templates.
|
|
357
|
-
*/
|
|
358
|
-
declare class CalendarModule {
|
|
359
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarModule, never>;
|
|
360
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarModule, never, [typeof i1.CommonModule, typeof BkCustomCalendar, typeof BkScheduledDatePicker, typeof BkTimePicker], [typeof BkCustomCalendar, typeof BkScheduledDatePicker, typeof BkTimePicker]>;
|
|
361
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<CalendarModule>;
|
|
362
|
-
}
|
|
363
|
-
|
|
364
|
-
declare class BkToggle implements ControlValueAccessor {
|
|
365
|
-
label: string;
|
|
366
|
-
disabled: boolean;
|
|
367
|
-
toggleClass: string;
|
|
368
|
-
change: EventEmitter<boolean>;
|
|
369
|
-
isChecked: boolean;
|
|
370
|
-
onChange: (_: boolean) => void;
|
|
371
|
-
onTouched: () => void;
|
|
372
|
-
toggle(): void;
|
|
373
|
-
writeValue(value: boolean): void;
|
|
374
|
-
registerOnChange(fn: any): void;
|
|
375
|
-
registerOnTouched(fn: any): void;
|
|
376
|
-
setDisabledState(isDisabled: boolean): void;
|
|
377
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkToggle, never>;
|
|
378
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkToggle, "bk-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
379
|
-
}
|
|
380
|
-
|
|
381
|
-
declare class BkCheckbox implements ControlValueAccessor {
|
|
382
|
-
checkboxClass: string;
|
|
383
|
-
label: string;
|
|
384
|
-
labelClass: string;
|
|
385
|
-
disabled: boolean;
|
|
386
|
-
change: EventEmitter<boolean>;
|
|
387
|
-
isChecked: boolean;
|
|
388
|
-
private onChange;
|
|
389
|
-
private onTouched;
|
|
390
|
-
toggle(): void;
|
|
391
|
-
/** ------------------ ControlValueAccessor methods ------------------ */
|
|
392
|
-
writeValue(value: boolean): void;
|
|
393
|
-
registerOnChange(fn: any): void;
|
|
394
|
-
registerOnTouched(fn: any): void;
|
|
395
|
-
setDisabledState(isDisabled: boolean): void;
|
|
396
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkCheckbox, never>;
|
|
397
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkCheckbox, "bk-checkbox", never, { "checkboxClass": { "alias": "checkboxClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
declare class BkRadioButton implements ControlValueAccessor {
|
|
401
|
-
radioClass: string;
|
|
402
|
-
label: string;
|
|
403
|
-
labelClass: string;
|
|
404
|
-
value: any;
|
|
405
|
-
disabled: boolean;
|
|
406
|
-
variant: 'dot' | 'tick';
|
|
407
|
-
change: EventEmitter<any>;
|
|
408
|
-
modelValue: any;
|
|
409
|
-
onChange: (_: any) => void;
|
|
410
|
-
onTouched: () => void;
|
|
411
|
-
select(): void;
|
|
412
|
-
get isChecked(): boolean;
|
|
413
|
-
writeValue(value: any): void;
|
|
414
|
-
registerOnChange(fn: any): void;
|
|
415
|
-
registerOnTouched(fn: any): void;
|
|
416
|
-
setDisabledState(isDisabled: boolean): void;
|
|
417
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkRadioButton, never>;
|
|
418
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkRadioButton, "bk-radio-button", never, { "radioClass": { "alias": "radioClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
419
|
-
}
|
|
420
|
-
|
|
421
|
-
type PillVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
|
|
422
|
-
type PillColor = 'Gray' | 'Primary' | 'Error' | 'Warning' | 'Success' | 'Purple' | 'Cyan';
|
|
423
|
-
type PillSize = 'xsm' | 'sm' | 'md' | 'lg';
|
|
424
|
-
declare class BkPill {
|
|
425
|
-
label: string;
|
|
426
|
-
variant: PillVariant;
|
|
427
|
-
color: PillColor;
|
|
428
|
-
size: PillSize;
|
|
429
|
-
dot: 'left' | 'right' | 'none';
|
|
430
|
-
removable: boolean;
|
|
431
|
-
customClass: string;
|
|
432
|
-
clicked: EventEmitter<string>;
|
|
433
|
-
get containerClasses(): string;
|
|
434
|
-
onRemove(e: Event): void;
|
|
435
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkPill, never>;
|
|
436
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkPill, "bk-pill", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
type BadgeVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
|
|
440
|
-
type BadgeColor = 'Gray' | 'Primary' | 'Error' | 'Warning' | 'Success' | 'Purple' | 'Cyan';
|
|
441
|
-
type BadgeSize = 'xsm' | 'sm' | 'md' | 'lg';
|
|
442
|
-
declare class BkBadge {
|
|
443
|
-
label: string;
|
|
444
|
-
variant: BadgeVariant;
|
|
445
|
-
color: BadgeColor;
|
|
446
|
-
size: BadgeSize;
|
|
447
|
-
dot: 'left' | 'right' | 'none';
|
|
448
|
-
removable: boolean;
|
|
449
|
-
customClass: string;
|
|
450
|
-
clicked: EventEmitter<string>;
|
|
451
|
-
get containerClasses(): string;
|
|
452
|
-
onRemove(e: Event): void;
|
|
453
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkBadge, never>;
|
|
454
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkBadge, "bk-badge", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
455
|
-
}
|
|
456
|
-
|
|
457
|
-
type SpinnerSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl';
|
|
458
|
-
declare class BkSpinner {
|
|
459
|
-
size: SpinnerSize;
|
|
460
|
-
show: boolean;
|
|
461
|
-
color: string;
|
|
462
|
-
get classes(): string;
|
|
463
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkSpinner, never>;
|
|
464
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkSpinner, "bk-spinner", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
465
|
-
}
|
|
466
|
-
|
|
467
|
-
type ButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
468
|
-
type ButtonVariant = 'primary' | 'secondary';
|
|
469
|
-
declare class BkButton {
|
|
470
|
-
variant: ButtonVariant;
|
|
471
|
-
size: ButtonSize;
|
|
472
|
-
label: string;
|
|
473
|
-
leftIcon?: string;
|
|
474
|
-
rightIcon?: string;
|
|
475
|
-
iconAlt: string;
|
|
476
|
-
type: 'button' | 'submit' | 'reset';
|
|
477
|
-
loading: boolean;
|
|
478
|
-
disabled: boolean;
|
|
479
|
-
buttonClass: string;
|
|
480
|
-
textClass: string;
|
|
481
|
-
spinnerClass: string;
|
|
482
|
-
clicked: EventEmitter<boolean>;
|
|
483
|
-
onClick(event: Event): void;
|
|
484
|
-
get buttonClasses(): string;
|
|
485
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkButton, never>;
|
|
486
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkButton, "bk-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textClass": { "alias": "textClass"; "required": false; }; "spinnerClass": { "alias": "spinnerClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
type IconButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
490
|
-
type IconButtonVariant = 'primary' | 'secondary';
|
|
491
|
-
declare class BkIconButton {
|
|
492
|
-
icon: string;
|
|
493
|
-
alt: string;
|
|
494
|
-
variant: IconButtonVariant;
|
|
495
|
-
size: IconButtonSize;
|
|
496
|
-
disabled: boolean;
|
|
497
|
-
buttonClass: string;
|
|
498
|
-
clicked: EventEmitter<boolean>;
|
|
499
|
-
onClick(event: Event): void;
|
|
500
|
-
get buttonClasses(): string;
|
|
501
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkIconButton, never>;
|
|
502
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
503
|
-
}
|
|
504
|
-
|
|
505
|
-
interface GroupItem {
|
|
506
|
-
label: string;
|
|
507
|
-
value: any;
|
|
508
|
-
}
|
|
509
|
-
type GroupMode = 'single' | 'multiple';
|
|
510
|
-
declare class BkButtonGroup {
|
|
511
|
-
items: GroupItem[];
|
|
512
|
-
mode: GroupMode;
|
|
513
|
-
disabled: boolean;
|
|
514
|
-
value: any | any[];
|
|
515
|
-
valueChange: EventEmitter<any>;
|
|
516
|
-
onItemClick(itemValue: any): void;
|
|
517
|
-
isActive(itemValue: any): boolean;
|
|
518
|
-
get containerClass(): string;
|
|
519
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkButtonGroup, never>;
|
|
520
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkButtonGroup, "bk-button-group", never, { "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
type BkTextAreaAutoComplete = 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
|
|
524
|
-
type BkTextAreaAutoCapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
|
|
525
|
-
type BkTextAreaInputMode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
526
|
-
declare class BkTextarea implements ControlValueAccessor {
|
|
527
|
-
private ngControl;
|
|
528
|
-
autoComplete: BkTextAreaAutoComplete;
|
|
529
|
-
name: string;
|
|
530
|
-
id: string;
|
|
531
|
-
label: string;
|
|
532
|
-
placeholder: string;
|
|
533
|
-
rows: number;
|
|
534
|
-
hint: string;
|
|
535
|
-
required: boolean;
|
|
536
|
-
maxlength: number | null;
|
|
537
|
-
minlength: number | null;
|
|
538
|
-
hasError: boolean | null;
|
|
539
|
-
disabled: boolean;
|
|
540
|
-
errorMessage: string;
|
|
541
|
-
tabIndex: number | null;
|
|
542
|
-
readOnly: boolean;
|
|
543
|
-
autoCapitalize: BkTextAreaAutoCapitalize | null;
|
|
544
|
-
inputMode: BkTextAreaInputMode | null;
|
|
545
|
-
input: EventEmitter<Event>;
|
|
546
|
-
change: EventEmitter<Event>;
|
|
547
|
-
blur: EventEmitter<Event>;
|
|
548
|
-
focus: EventEmitter<Event>;
|
|
549
|
-
value: string;
|
|
550
|
-
onChange: (_: any) => void;
|
|
551
|
-
onTouched: () => void;
|
|
552
|
-
constructor(ngControl: NgControl);
|
|
553
|
-
get control(): any;
|
|
554
|
-
get touched(): boolean;
|
|
555
|
-
get dirty(): boolean;
|
|
556
|
-
get errors(): any;
|
|
557
|
-
handleFocus(event: Event): void;
|
|
558
|
-
handleBlur(event: Event): void;
|
|
559
|
-
handleInput(event: Event): void;
|
|
560
|
-
handleChange(event: Event): void;
|
|
561
|
-
writeValue(value: any): void;
|
|
562
|
-
registerOnChange(fn: any): void;
|
|
563
|
-
registerOnTouched(fn: any): void;
|
|
564
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkTextarea, [{ optional: true; self: true; }]>;
|
|
565
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkTextarea, "bk-textarea", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; }, { "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
|
|
566
|
-
}
|
|
567
|
-
|
|
568
|
-
interface TableColumn<T = any> {
|
|
569
|
-
header: string;
|
|
570
|
-
field?: keyof T;
|
|
571
|
-
width?: string;
|
|
572
|
-
sticky?: boolean;
|
|
573
|
-
sortable?: boolean;
|
|
574
|
-
headerClass?: string;
|
|
575
|
-
cellClass?: string;
|
|
576
|
-
formatter?: (row: T) => string;
|
|
577
|
-
/** show / hide both th + td */
|
|
578
|
-
visible?: boolean;
|
|
579
|
-
}
|
|
580
|
-
interface TableAction {
|
|
581
|
-
name: string;
|
|
582
|
-
icon: string;
|
|
583
|
-
tooltip: string;
|
|
584
|
-
hasPermission: boolean;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
type SortDirection = 'asc' | 'desc';
|
|
588
|
-
declare class BkGrid<T = any> {
|
|
589
|
-
draggable: boolean;
|
|
590
|
-
columns: TableColumn<T>[];
|
|
591
|
-
result: T[];
|
|
592
|
-
actions: TableAction[];
|
|
593
|
-
actionClick: EventEmitter<{
|
|
594
|
-
action: string;
|
|
595
|
-
row: T;
|
|
596
|
-
}>;
|
|
597
|
-
sortChange: EventEmitter<{
|
|
598
|
-
columnIndex: number;
|
|
599
|
-
column: TableColumn<T>;
|
|
600
|
-
direction: SortDirection;
|
|
601
|
-
}>;
|
|
602
|
-
dragDropChange: EventEmitter<T[]>;
|
|
603
|
-
sortColumn?: keyof T;
|
|
604
|
-
sortDirection: SortDirection;
|
|
605
|
-
tableScrollContainer: ElementRef<HTMLDivElement>;
|
|
606
|
-
get firstVisibleColumnIndex(): number;
|
|
607
|
-
sort(column: TableColumn<T>, index: number): void;
|
|
608
|
-
isColumnVisible(column: TableColumn<T>): boolean;
|
|
609
|
-
getCellValue(row: T, column: TableColumn<T>): string;
|
|
610
|
-
emitAction(action: TableAction, row: T): void;
|
|
611
|
-
dropList(event: CdkDragDrop<T[]>): void;
|
|
612
|
-
onDragMoved(event: CdkDragMove<any>): void;
|
|
613
|
-
onDragStart(event: CdkDragStart<any>): void;
|
|
614
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkGrid<any>, never>;
|
|
615
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkGrid<any>, "bk-grid", never, { "draggable": { "alias": "draggable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "result": { "alias": "result"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
|
|
616
|
-
}
|
|
617
|
-
|
|
618
|
-
declare class BkSelect implements ControlValueAccessor {
|
|
619
|
-
items: i0.InputSignal<any[]>;
|
|
620
|
-
bindLabel: i0.InputSignal<string>;
|
|
621
|
-
bindValue: i0.InputSignal<string>;
|
|
622
|
-
placeholder: i0.InputSignal<string>;
|
|
623
|
-
notFoundText: i0.InputSignal<string>;
|
|
624
|
-
loadingText: i0.InputSignal<string>;
|
|
625
|
-
clearAllText: i0.InputSignal<string>;
|
|
626
|
-
iconAlt: string;
|
|
627
|
-
label: string;
|
|
628
|
-
required: Boolean;
|
|
629
|
-
iconSrc?: string;
|
|
630
|
-
multiple: i0.InputSignal<boolean>;
|
|
631
|
-
maxLabels: i0.InputSignal<number>;
|
|
632
|
-
searchable: i0.InputSignal<boolean>;
|
|
633
|
-
clearable: i0.InputSignal<boolean>;
|
|
634
|
-
readonly: i0.InputSignal<boolean>;
|
|
635
|
-
disabled: i0.ModelSignal<boolean>;
|
|
636
|
-
loading: i0.InputSignal<boolean>;
|
|
637
|
-
closeOnSelect: i0.InputSignal<boolean>;
|
|
638
|
-
dropdownPosition: i0.InputSignal<"bottom" | "top">;
|
|
639
|
-
appendToBody: i0.InputSignal<boolean>;
|
|
640
|
-
open: i0.OutputEmitterRef<void>;
|
|
641
|
-
close: i0.OutputEmitterRef<void>;
|
|
642
|
-
focus: i0.OutputEmitterRef<void>;
|
|
643
|
-
blur: i0.OutputEmitterRef<void>;
|
|
644
|
-
search: i0.OutputEmitterRef<{
|
|
645
|
-
term: string;
|
|
646
|
-
items: any[];
|
|
647
|
-
}>;
|
|
648
|
-
clear: i0.OutputEmitterRef<void>;
|
|
649
|
-
change: i0.OutputEmitterRef<any>;
|
|
650
|
-
scrollToEnd: i0.OutputEmitterRef<void>;
|
|
651
|
-
searchInput: ElementRef<HTMLInputElement>;
|
|
652
|
-
optionsListContainer: ElementRef<HTMLDivElement>;
|
|
653
|
-
optionsRef: QueryList<ElementRef>;
|
|
654
|
-
controlWrapper: ElementRef<HTMLDivElement>;
|
|
655
|
-
private _value;
|
|
656
|
-
isOpen: i0.WritableSignal<boolean>;
|
|
657
|
-
selectedOptions: i0.WritableSignal<any[]>;
|
|
658
|
-
searchTerm: i0.WritableSignal<string>;
|
|
659
|
-
markedIndex: i0.WritableSignal<number>;
|
|
660
|
-
dropdownStyle: i0.WritableSignal<{
|
|
661
|
-
top?: string;
|
|
662
|
-
bottom?: string;
|
|
663
|
-
left: string;
|
|
664
|
-
width: string;
|
|
665
|
-
}>;
|
|
666
|
-
filteredItems: i0.Signal<any[]>;
|
|
667
|
-
isAllSelected: i0.Signal<boolean>;
|
|
668
|
-
constructor();
|
|
669
|
-
resolveLabel(item: any): string;
|
|
670
|
-
resolveValue(item: any): any;
|
|
671
|
-
isItemSelected(item: any): boolean;
|
|
672
|
-
compareWith: i0.InputSignal<(a: any, b: any) => boolean>;
|
|
673
|
-
toggleDropdown(event: Event | null): void;
|
|
674
|
-
openDropdown(): void;
|
|
675
|
-
closeDropdown(): void;
|
|
676
|
-
getTop(): string | null;
|
|
677
|
-
getBottom(): string | null;
|
|
678
|
-
updatePosition(): void;
|
|
679
|
-
onWindowEvents(): void;
|
|
680
|
-
toggleSelectAll(event: Event): void;
|
|
681
|
-
handleSelection(item: any, event?: Event): void;
|
|
682
|
-
removeOption(item: any, event: Event): void;
|
|
683
|
-
handleClear(event: Event): void;
|
|
684
|
-
private updateModel;
|
|
685
|
-
onSearchInput(event: Event): void;
|
|
686
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
687
|
-
onScroll(event: Event): void;
|
|
688
|
-
scrollToMarked(): void;
|
|
689
|
-
onChange: any;
|
|
690
|
-
onTouched: any;
|
|
691
|
-
writeValue(value: any): void;
|
|
692
|
-
registerOnChange(fn: any): void;
|
|
693
|
-
registerOnTouched(fn: any): void;
|
|
694
|
-
setDisabledState(d: boolean): void;
|
|
695
|
-
private resolveSelectedOptions;
|
|
696
|
-
private el;
|
|
697
|
-
onClickOutside(e: Event): void;
|
|
698
|
-
openFromLabel(event: MouseEvent): void;
|
|
699
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkSelect, never>;
|
|
700
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkSelect, "bk-select", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "notFoundText": { "alias": "notFoundText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "clearAllText": { "alias": "clearAllText"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxLabels": { "alias": "maxLabels"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "open": "open"; "close": "close"; "focus": "focus"; "blur": "blur"; "search": "search"; "clear": "clear"; "change": "change"; "scrollToEnd": "scrollToEnd"; }, never, never, true, never>;
|
|
701
|
-
}
|
|
702
|
-
|
|
703
|
-
type BkInputType = 'text' | 'email' | 'password' | 'number' | 'url' | 'tel';
|
|
704
|
-
type BkInputAutoComplete = 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
|
|
705
|
-
type BkInputAutoCapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
|
|
706
|
-
type BkInputMode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
707
|
-
type IconOrientation = 'left' | 'right';
|
|
708
|
-
interface CountryOption {
|
|
709
|
-
code: string;
|
|
710
|
-
name: string;
|
|
711
|
-
mask: string;
|
|
712
|
-
prefix: string;
|
|
713
|
-
placeholder: string;
|
|
714
|
-
}
|
|
715
|
-
declare class BkInput implements OnInit, OnDestroy, ControlValueAccessor {
|
|
716
|
-
id: string;
|
|
717
|
-
name: string;
|
|
718
|
-
mask: string | null;
|
|
719
|
-
autoComplete: BkInputAutoComplete;
|
|
720
|
-
label: string;
|
|
721
|
-
placeholder: string;
|
|
722
|
-
hint: string;
|
|
723
|
-
required: boolean;
|
|
724
|
-
type: BkInputType;
|
|
725
|
-
value: string;
|
|
726
|
-
hasError: boolean;
|
|
727
|
-
showErrorIcon: boolean;
|
|
728
|
-
errorMessage: string;
|
|
729
|
-
disabled: boolean;
|
|
730
|
-
tabIndex: number | null;
|
|
731
|
-
readOnly: boolean;
|
|
732
|
-
autoCapitalize: BkInputAutoComplete | null;
|
|
733
|
-
inputMode: BkInputMode | null;
|
|
734
|
-
iconSrc?: string;
|
|
735
|
-
iconAlt: string;
|
|
736
|
-
showIcon: boolean;
|
|
737
|
-
phone: boolean;
|
|
738
|
-
countryCode: string;
|
|
739
|
-
countryOptions: CountryOption[];
|
|
740
|
-
selectedCountry: CountryOption;
|
|
741
|
-
iconOrientation: IconOrientation;
|
|
742
|
-
password: boolean;
|
|
743
|
-
showPassword: boolean;
|
|
744
|
-
pattern?: string | null;
|
|
745
|
-
max: number | null;
|
|
746
|
-
min: number | null;
|
|
747
|
-
step: number | null;
|
|
748
|
-
maxlength: number | null;
|
|
749
|
-
minlength: number | null;
|
|
750
|
-
dropdownRef?: ElementRef;
|
|
751
|
-
selectRef?: ElementRef;
|
|
752
|
-
inputField?: ElementRef<HTMLInputElement>;
|
|
753
|
-
isFocused: boolean;
|
|
754
|
-
inputValue: string;
|
|
755
|
-
isDropdownOpen: boolean;
|
|
756
|
-
input: EventEmitter<Event>;
|
|
757
|
-
change: EventEmitter<Event>;
|
|
758
|
-
focus: EventEmitter<Event>;
|
|
759
|
-
blur: EventEmitter<Event>;
|
|
760
|
-
clicked: EventEmitter<boolean>;
|
|
761
|
-
get placeHolderText(): string;
|
|
762
|
-
get maskValue(): string;
|
|
763
|
-
get maskPrefixValue(): string;
|
|
764
|
-
private onChange;
|
|
765
|
-
private onTouched;
|
|
766
|
-
writeValue(value: any): void;
|
|
767
|
-
registerOnChange(fn: any): void;
|
|
768
|
-
registerOnTouched(fn: any): void;
|
|
769
|
-
setDisabledState(isDisabled: boolean): void;
|
|
770
|
-
private closeAllDropdownsHandler;
|
|
771
|
-
ngOnInit(): void;
|
|
772
|
-
ngOnDestroy(): void;
|
|
773
|
-
onDocumentClick(event: MouseEvent): void;
|
|
774
|
-
handleFocus(event: Event): void;
|
|
775
|
-
handleBlur(event: Event): void;
|
|
776
|
-
handleInput(event: Event): void;
|
|
777
|
-
handleClicked(): void;
|
|
778
|
-
handleChange(event: Event): void;
|
|
779
|
-
toggleDropdown(event?: Event): void;
|
|
780
|
-
selectCountry(country: CountryOption): void;
|
|
781
|
-
togglePasswordVisibility(event: Event): void;
|
|
782
|
-
handleIconClick(event: Event): void;
|
|
783
|
-
get isFilled(): boolean;
|
|
784
|
-
get inputState(): 'default' | 'focused' | 'filled' | 'error' | 'disabled';
|
|
785
|
-
get currentInputType(): string;
|
|
786
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkInput, never>;
|
|
787
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkInput, "bk-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "showErrorIcon": { "alias": "showErrorIcon"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "phone": { "alias": "phone"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "countryOptions": { "alias": "countryOptions"; "required": false; }; "iconOrientation": { "alias": "iconOrientation"; "required": false; }; "password": { "alias": "password"; "required": false; }; "showPassword": { "alias": "showPassword"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; }, { "input": "input"; "change": "change"; "focus": "focus"; "blur": "blur"; "clicked": "clicked"; }, never, never, true, never>;
|
|
788
|
-
}
|
|
789
|
-
|
|
790
|
-
declare class BkChips implements ControlValueAccessor, AfterViewInit {
|
|
791
|
-
badgeInput: ElementRef<HTMLInputElement>;
|
|
792
|
-
fieldWrapper: ElementRef<HTMLDivElement>;
|
|
793
|
-
id: string;
|
|
794
|
-
name: string;
|
|
795
|
-
label: string;
|
|
796
|
-
placeholder: string;
|
|
797
|
-
hint: string;
|
|
798
|
-
required: boolean;
|
|
799
|
-
disabled: boolean;
|
|
800
|
-
readOnly: boolean;
|
|
801
|
-
/**
|
|
802
|
-
* If true, displays the component in an error state (red border).
|
|
803
|
-
* It also replaces the hint text with the error message.
|
|
804
|
-
*/
|
|
805
|
-
hasError: boolean;
|
|
806
|
-
errorMessage: string;
|
|
807
|
-
input: EventEmitter<Event>;
|
|
808
|
-
change: EventEmitter<string[]>;
|
|
809
|
-
focus: EventEmitter<Event>;
|
|
810
|
-
blur: EventEmitter<Event>;
|
|
811
|
-
badges: string[];
|
|
812
|
-
inputValue: string;
|
|
813
|
-
isFocused: boolean;
|
|
814
|
-
needsScroll: boolean;
|
|
815
|
-
onChange: any;
|
|
816
|
-
onTouched: any;
|
|
817
|
-
get inputState(): 'default' | 'focused' | 'filled' | 'error' | 'disabled';
|
|
818
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
819
|
-
addBadge(): void;
|
|
820
|
-
removeBadge(index: number): void;
|
|
821
|
-
checkScrollNeeded(): void;
|
|
822
|
-
updateValue(): void;
|
|
823
|
-
focusInput(): void;
|
|
824
|
-
ngAfterViewInit(): void;
|
|
825
|
-
writeValue(value: any): void;
|
|
826
|
-
registerOnChange(fn: any): void;
|
|
827
|
-
registerOnTouched(fn: any): void;
|
|
828
|
-
setDisabledState(disabled: boolean): void;
|
|
829
|
-
handleInput(event: Event): void;
|
|
830
|
-
handleFocus(event: Event): void;
|
|
831
|
-
handleBlur(event: Event): void;
|
|
832
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkChips, never>;
|
|
833
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkChips, "bk-chips", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, { "input": "input"; "change": "change"; "focus": "focus"; "blur": "blur"; }, never, never, true, never>;
|
|
834
|
-
}
|
|
835
|
-
|
|
836
|
-
interface TabItem {
|
|
837
|
-
id: string;
|
|
838
|
-
label: string;
|
|
839
|
-
icon?: string;
|
|
840
|
-
iconActive?: string;
|
|
841
|
-
iconAlt?: string;
|
|
842
|
-
disabled?: boolean;
|
|
843
|
-
}
|
|
844
|
-
declare class BkTabs {
|
|
845
|
-
list: TabItem[];
|
|
846
|
-
activeTabId: string;
|
|
847
|
-
disabled: boolean;
|
|
848
|
-
change: EventEmitter<TabItem>;
|
|
849
|
-
setActiveTab(tab: TabItem): void;
|
|
850
|
-
isActive(tabId: string): boolean;
|
|
851
|
-
getTabIcon(tab: TabItem): string | undefined;
|
|
852
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BkTabs, never>;
|
|
853
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkTabs, "bk-tabs", never, { "list": { "alias": "list"; "required": false; }; "activeTabId": { "alias": "activeTabId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
854
|
-
}
|
|
855
|
-
|
|
856
|
-
export { BkBadge, BkButton, BkButtonGroup, BkCheckbox, BkChips, BkCustomCalendar, BkGrid, BkIconButton, BkInput, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToggle, BrickclayIcons, BrickclayLib, CalendarManagerService, CalendarModule };
|
|
857
|
-
export type { BadgeColor, BadgeSize, BadgeVariant, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, CalendarSelection, CountryOption, GroupItem, GroupMode, IconButtonSize, IconButtonVariant, IconOrientation, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TabItem, TableAction, TableColumn, TimeConfiguration };
|