@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.
Files changed (56) hide show
  1. package/ASSETS_SETUP.md +59 -0
  2. package/ng-package.json +29 -0
  3. package/package.json +15 -26
  4. package/src/lib/assets/icons.ts +8 -0
  5. package/src/lib/badge/badge.html +24 -0
  6. package/src/lib/badge/badge.ts +42 -0
  7. package/src/lib/brickclay-lib.spec.ts +23 -0
  8. package/src/lib/brickclay-lib.ts +15 -0
  9. package/src/lib/button-group/button-group.html +12 -0
  10. package/src/lib/button-group/button-group.ts +73 -0
  11. package/src/lib/calender/calendar.module.ts +35 -0
  12. package/src/lib/calender/components/custom-calendar/custom-calendar.component.css +698 -0
  13. package/src/lib/calender/components/custom-calendar/custom-calendar.component.html +230 -0
  14. package/src/lib/calender/components/custom-calendar/custom-calendar.component.spec.ts +23 -0
  15. package/src/lib/calender/components/custom-calendar/custom-calendar.component.ts +1554 -0
  16. package/src/lib/calender/components/scheduled-date-picker/scheduled-date-picker.component.css +373 -0
  17. package/src/lib/calender/components/scheduled-date-picker/scheduled-date-picker.component.html +210 -0
  18. package/src/lib/calender/components/scheduled-date-picker/scheduled-date-picker.component.ts +361 -0
  19. package/src/lib/calender/components/time-picker/time-picker.component.css +174 -0
  20. package/src/lib/calender/components/time-picker/time-picker.component.html +60 -0
  21. package/src/lib/calender/components/time-picker/time-picker.component.ts +283 -0
  22. package/src/lib/calender/services/calendar-manager.service.ts +45 -0
  23. package/src/lib/checkbox/checkbox.html +42 -0
  24. package/src/lib/checkbox/checkbox.ts +67 -0
  25. package/src/lib/chips/chips.html +74 -0
  26. package/src/lib/chips/chips.ts +222 -0
  27. package/src/lib/grid/components/grid/grid.html +97 -0
  28. package/src/lib/grid/components/grid/grid.ts +139 -0
  29. package/src/lib/grid/models/grid.model.ts +20 -0
  30. package/src/lib/input/input.html +127 -0
  31. package/src/lib/input/input.ts +394 -0
  32. package/src/lib/pill/pill.html +24 -0
  33. package/src/lib/pill/pill.ts +39 -0
  34. package/src/lib/radio/radio.html +58 -0
  35. package/src/lib/radio/radio.ts +72 -0
  36. package/src/lib/select/select.html +111 -0
  37. package/src/lib/select/select.ts +401 -0
  38. package/src/lib/spinner/spinner.html +5 -0
  39. package/src/lib/spinner/spinner.ts +22 -0
  40. package/src/lib/tabs/tabs.html +28 -0
  41. package/src/lib/tabs/tabs.ts +48 -0
  42. package/src/lib/textarea/textarea.html +80 -0
  43. package/src/lib/textarea/textarea.ts +172 -0
  44. package/src/lib/toggle/toggle.html +24 -0
  45. package/src/lib/toggle/toggle.ts +62 -0
  46. package/src/lib/ui-button/ui-button.html +25 -0
  47. package/src/lib/ui-button/ui-button.ts +55 -0
  48. package/src/lib/ui-icon-button/ui-icon-button.html +7 -0
  49. package/src/lib/ui-icon-button/ui-icon-button.ts +38 -0
  50. package/src/public-api.ts +43 -0
  51. package/tsconfig.lib.json +19 -0
  52. package/tsconfig.lib.prod.json +11 -0
  53. package/tsconfig.spec.json +15 -0
  54. package/fesm2022/brickclay-org-ui.mjs +0 -4035
  55. package/fesm2022/brickclay-org-ui.mjs.map +0 -1
  56. 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 };