@brickclay-org/ui 0.1.72 → 0.1.74
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/fesm2022/brickclay-org-ui.mjs +1037 -212
- package/fesm2022/brickclay-org-ui.mjs.map +1 -1
- package/index.d.ts +528 -173
- package/package.json +1 -1
- package/src/lib/hierarchical-select/hierarchical-select.css +29 -8
- package/src/lib/menu/menu.css +65 -134
- package/src/lib/select/select.css +46 -5
- package/src/lib/ui-avatar/ui-avatar.css +11 -4
- package/src/styles.css +3 -0
package/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { OnInit, OnDestroy, OnChanges, EventEmitter, ElementRef, Renderer2, SimpleChanges, AfterViewInit, QueryList, ComponentRef, Type, InjectionToken, ApplicationRef, EnvironmentInjector, ChangeDetectorRef } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, NgControl, NgModel } from '@angular/forms';
|
|
4
4
|
import * as rxjs from 'rxjs';
|
|
@@ -13,6 +13,7 @@ import { ScrollStrategy } from '@angular/cdk/overlay';
|
|
|
13
13
|
import * as i3 from '@angular/cdk/portal';
|
|
14
14
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
15
15
|
import * as i1$1 from '@angular/cdk/scrolling';
|
|
16
|
+
import * as _brickclay_org_ui from '@brickclay-org/ui';
|
|
16
17
|
|
|
17
18
|
declare const BrickclayIcons: {
|
|
18
19
|
readonly arrowleft: "assets/icons/chevron-left.svg";
|
|
@@ -22,8 +23,8 @@ declare const BrickclayIcons: {
|
|
|
22
23
|
};
|
|
23
24
|
|
|
24
25
|
declare class BrickclayLib {
|
|
25
|
-
static ɵfac:
|
|
26
|
-
static ɵcmp:
|
|
26
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrickclayLib, never>;
|
|
27
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BrickclayLib, "lib-brickclay-lib", never, {}, {}, never, never, true, never>;
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
interface CalendarRange {
|
|
@@ -61,8 +62,8 @@ declare class BkCalendarManagerService {
|
|
|
61
62
|
*/
|
|
62
63
|
closeAll(): void;
|
|
63
64
|
getOnlyDate(input: string | Date): string;
|
|
64
|
-
static ɵfac:
|
|
65
|
-
static ɵprov:
|
|
65
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkCalendarManagerService, never>;
|
|
66
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<BkCalendarManagerService>;
|
|
66
67
|
}
|
|
67
68
|
|
|
68
69
|
declare class CalendarSelection {
|
|
@@ -394,8 +395,8 @@ declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlV
|
|
|
394
395
|
*/
|
|
395
396
|
private parseDateString;
|
|
396
397
|
formatDateToString(date: Date): string;
|
|
397
|
-
static ɵfac:
|
|
398
|
-
static ɵcmp:
|
|
398
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkCustomCalendar, never>;
|
|
399
|
+
static ɵcmp: _angular_core.ɵɵ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; }; "popupPosition": { "alias": "popupPosition"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "clearableTime": { "alias": "clearableTime"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "weekDayLabels": { "alias": "weekDayLabels"; "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; }; "compact": { "alias": "compact"; "required": false; }; "autoPosition": { "alias": "autoPosition"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "showCancelApply": { "alias": "showCancelApply"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rangeOrder": { "alias": "rangeOrder"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
|
|
399
400
|
}
|
|
400
401
|
|
|
401
402
|
interface TimeConfiguration {
|
|
@@ -470,8 +471,8 @@ declare class BkScheduledDatePicker implements OnInit {
|
|
|
470
471
|
emitScheduled(): void;
|
|
471
472
|
clear(): void;
|
|
472
473
|
apply(): void;
|
|
473
|
-
static ɵfac:
|
|
474
|
-
static ɵcmp:
|
|
474
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkScheduledDatePicker, never>;
|
|
475
|
+
static ɵcmp: _angular_core.ɵɵ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>;
|
|
475
476
|
}
|
|
476
477
|
|
|
477
478
|
declare class BkTimePicker implements OnInit, OnChanges, OnDestroy, AfterViewInit, ControlValueAccessor {
|
|
@@ -609,8 +610,8 @@ declare class BkTimePicker implements OnInit, OnChanges, OnDestroy, AfterViewIni
|
|
|
609
610
|
private attachViewportListeners;
|
|
610
611
|
private detachViewportListeners;
|
|
611
612
|
ngOnDestroy(): void;
|
|
612
|
-
static ɵfac:
|
|
613
|
-
static ɵcmp:
|
|
613
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkTimePicker, never>;
|
|
614
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkTimePicker, "bk-time-picker", never, { "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "position": { "alias": "position"; "required": false; }; "variation": { "alias": "variation"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "autoPosition": { "alias": "autoPosition"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
|
|
614
615
|
}
|
|
615
616
|
|
|
616
617
|
/**
|
|
@@ -625,9 +626,9 @@ declare class BkTimePicker implements OnInit, OnChanges, OnDestroy, AfterViewIni
|
|
|
625
626
|
* the three exported components anywhere in your templates.
|
|
626
627
|
*/
|
|
627
628
|
declare class CalendarModule {
|
|
628
|
-
static ɵfac:
|
|
629
|
-
static ɵmod:
|
|
630
|
-
static ɵinj:
|
|
629
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarModule, never>;
|
|
630
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CalendarModule, never, [typeof i1.CommonModule, typeof BkCustomCalendar, typeof BkScheduledDatePicker, typeof BkTimePicker], [typeof BkCustomCalendar, typeof BkScheduledDatePicker, typeof BkTimePicker]>;
|
|
631
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<CalendarModule>;
|
|
631
632
|
}
|
|
632
633
|
|
|
633
634
|
declare class BkToggle implements ControlValueAccessor {
|
|
@@ -643,8 +644,8 @@ declare class BkToggle implements ControlValueAccessor {
|
|
|
643
644
|
registerOnChange(fn: any): void;
|
|
644
645
|
registerOnTouched(fn: any): void;
|
|
645
646
|
setDisabledState(isDisabled: boolean): void;
|
|
646
|
-
static ɵfac:
|
|
647
|
-
static ɵcmp:
|
|
647
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkToggle, never>;
|
|
648
|
+
static ɵcmp: _angular_core.ɵɵ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>;
|
|
648
649
|
}
|
|
649
650
|
|
|
650
651
|
declare class BkCheckbox implements ControlValueAccessor {
|
|
@@ -662,8 +663,8 @@ declare class BkCheckbox implements ControlValueAccessor {
|
|
|
662
663
|
registerOnChange(fn: any): void;
|
|
663
664
|
registerOnTouched(fn: any): void;
|
|
664
665
|
setDisabledState(isDisabled: boolean): void;
|
|
665
|
-
static ɵfac:
|
|
666
|
-
static ɵcmp:
|
|
666
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkCheckbox, never>;
|
|
667
|
+
static ɵcmp: _angular_core.ɵɵ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>;
|
|
667
668
|
}
|
|
668
669
|
|
|
669
670
|
declare class BkRadioButton implements ControlValueAccessor {
|
|
@@ -696,8 +697,8 @@ declare class BkRadioButton implements ControlValueAccessor {
|
|
|
696
697
|
registerOnChange(fn: (value: unknown) => void): void;
|
|
697
698
|
registerOnTouched(fn: any): void;
|
|
698
699
|
setDisabledState(isDisabled: boolean): void;
|
|
699
|
-
static ɵfac:
|
|
700
|
-
static ɵcmp:
|
|
700
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkRadioButton, never>;
|
|
701
|
+
static ɵcmp: _angular_core.ɵɵ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; }; "uncheckedValue": { "alias": "uncheckedValue"; "required": false; }; "allowDeselect": { "alias": "allowDeselect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
701
702
|
}
|
|
702
703
|
|
|
703
704
|
type PillVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
|
|
@@ -714,8 +715,8 @@ declare class BkPill {
|
|
|
714
715
|
clicked: EventEmitter<string>;
|
|
715
716
|
get containerClasses(): string;
|
|
716
717
|
onRemove(e: Event): void;
|
|
717
|
-
static ɵfac:
|
|
718
|
-
static ɵcmp:
|
|
718
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkPill, never>;
|
|
719
|
+
static ɵcmp: _angular_core.ɵɵ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>;
|
|
719
720
|
}
|
|
720
721
|
|
|
721
722
|
type BadgeVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
|
|
@@ -732,8 +733,8 @@ declare class BkBadge {
|
|
|
732
733
|
clicked: EventEmitter<string>;
|
|
733
734
|
get containerClasses(): string;
|
|
734
735
|
onRemove(e: Event): void;
|
|
735
|
-
static ɵfac:
|
|
736
|
-
static ɵcmp:
|
|
736
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkBadge, never>;
|
|
737
|
+
static ɵcmp: _angular_core.ɵɵ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>;
|
|
737
738
|
}
|
|
738
739
|
|
|
739
740
|
type SpinnerSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -742,8 +743,8 @@ declare class BkSpinner {
|
|
|
742
743
|
show: boolean;
|
|
743
744
|
color: string;
|
|
744
745
|
get classes(): string;
|
|
745
|
-
static ɵfac:
|
|
746
|
-
static ɵcmp:
|
|
746
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkSpinner, never>;
|
|
747
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkSpinner, "bk-spinner", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
747
748
|
}
|
|
748
749
|
|
|
749
750
|
type ButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
@@ -765,8 +766,8 @@ declare class BkButton {
|
|
|
765
766
|
clicked: EventEmitter<boolean>;
|
|
766
767
|
onClick(event: Event): void;
|
|
767
768
|
get buttonClasses(): string;
|
|
768
|
-
static ɵfac:
|
|
769
|
-
static ɵcmp:
|
|
769
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkButton, never>;
|
|
770
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkButton, "bk-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shadow": { "alias": "shadow"; "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>;
|
|
770
771
|
}
|
|
771
772
|
|
|
772
773
|
type IconButtonSize = 'xxxsm' | 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
@@ -784,8 +785,8 @@ declare class BkIconButton {
|
|
|
784
785
|
onMouseEnter(): void;
|
|
785
786
|
onMouseLeave(): void;
|
|
786
787
|
get buttonClasses(): string;
|
|
787
|
-
static ɵfac:
|
|
788
|
-
static ɵcmp:
|
|
788
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkIconButton, never>;
|
|
789
|
+
static ɵcmp: _angular_core.ɵɵ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"; "hovered": "hovered"; }, never, never, true, never>;
|
|
789
790
|
}
|
|
790
791
|
|
|
791
792
|
interface GroupItem {
|
|
@@ -802,8 +803,8 @@ declare class BkButtonGroup {
|
|
|
802
803
|
onItemClick(itemValue: any): void;
|
|
803
804
|
isActive(itemValue: any): boolean;
|
|
804
805
|
get containerClass(): string;
|
|
805
|
-
static ɵfac:
|
|
806
|
-
static ɵcmp:
|
|
806
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkButtonGroup, never>;
|
|
807
|
+
static ɵcmp: _angular_core.ɵɵ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>;
|
|
807
808
|
}
|
|
808
809
|
|
|
809
810
|
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';
|
|
@@ -847,8 +848,8 @@ declare class BkTextarea implements ControlValueAccessor {
|
|
|
847
848
|
writeValue(value: any): void;
|
|
848
849
|
registerOnChange(fn: any): void;
|
|
849
850
|
registerOnTouched(fn: any): void;
|
|
850
|
-
static ɵfac:
|
|
851
|
-
static ɵcmp:
|
|
851
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkTextarea, [{ optional: true; self: true; }]>;
|
|
852
|
+
static ɵcmp: _angular_core.ɵɵ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>;
|
|
852
853
|
}
|
|
853
854
|
|
|
854
855
|
interface TableColumn<T = any> {
|
|
@@ -947,51 +948,108 @@ declare class BkGrid<T = any> {
|
|
|
947
948
|
dropList(event: CdkDragDrop<T[]>): void;
|
|
948
949
|
onDragMoved(event: CdkDragMove<any>): void;
|
|
949
950
|
onDragStart(event: CdkDragStart<any>): void;
|
|
950
|
-
static ɵfac:
|
|
951
|
-
static ɵcmp:
|
|
951
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkGrid<any>, never>;
|
|
952
|
+
static ɵcmp: _angular_core.ɵɵ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; }; "customClass": { "alias": "customClass"; "required": false; }; "actionIconClass": { "alias": "actionIconClass"; "required": false; }; "actionClass": { "alias": "actionClass"; "required": false; }; "showNoRecords": { "alias": "showNoRecords"; "required": false; }; "noRecordFoundHeight": { "alias": "noRecordFoundHeight"; "required": false; }; }, { "change": "change"; "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
|
|
952
953
|
}
|
|
953
954
|
|
|
955
|
+
/** How an accent colour is applied to a control. */
|
|
956
|
+
type ColorFill = 'subtle' | 'solid' | 'none';
|
|
957
|
+
/** Resolved colours for one accent. */
|
|
958
|
+
interface ColorAppearance {
|
|
959
|
+
backgroundColor: string | null;
|
|
960
|
+
color: string | null;
|
|
961
|
+
borderColor: string | null;
|
|
962
|
+
dotColor: string | null;
|
|
963
|
+
}
|
|
964
|
+
interface Rgb {
|
|
965
|
+
r: number;
|
|
966
|
+
g: number;
|
|
967
|
+
b: number;
|
|
968
|
+
}
|
|
969
|
+
/** The neutral look used when there is no colour (or an unparseable one). */
|
|
970
|
+
declare const NEUTRAL_APPEARANCE: ColorAppearance;
|
|
971
|
+
/**
|
|
972
|
+
* Parses hex and rgb()/rgba() colours. Named CSS colours ("red") are not
|
|
973
|
+
* supported — they'd need a live DOM to resolve — and return null, which makes
|
|
974
|
+
* the caller fall back to the neutral (uncoloured) appearance.
|
|
975
|
+
*/
|
|
976
|
+
declare function parseColor(input: string | null | undefined): Rgb | null;
|
|
977
|
+
/**
|
|
978
|
+
* Derives every colour the UI needs from a single accent colour.
|
|
979
|
+
*
|
|
980
|
+
* subtle → soft tint of the accent, accent-coloured (darkened if needed) text.
|
|
981
|
+
* solid → accent as the background, white or near-black text by contrast.
|
|
982
|
+
* none → no background; only the dot and text carry the accent.
|
|
983
|
+
*/
|
|
984
|
+
declare function deriveAppearance(color: string | null | undefined, fill?: ColorFill): ColorAppearance;
|
|
985
|
+
|
|
954
986
|
declare class BkSelect implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
955
|
-
items:
|
|
956
|
-
bindLabel:
|
|
957
|
-
bindValue:
|
|
958
|
-
bindIcon:
|
|
959
|
-
isResponsive:
|
|
960
|
-
placeholder:
|
|
961
|
-
notFoundText:
|
|
962
|
-
loadingText:
|
|
963
|
-
clearAllText:
|
|
964
|
-
groupBy:
|
|
965
|
-
colorKey:
|
|
987
|
+
items: _angular_core.InputSignal<any[]>;
|
|
988
|
+
bindLabel: _angular_core.InputSignal<string>;
|
|
989
|
+
bindValue: _angular_core.InputSignal<string>;
|
|
990
|
+
bindIcon: _angular_core.InputSignal<string>;
|
|
991
|
+
isResponsive: _angular_core.InputSignal<boolean>;
|
|
992
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
993
|
+
notFoundText: _angular_core.InputSignal<string>;
|
|
994
|
+
loadingText: _angular_core.InputSignal<string>;
|
|
995
|
+
clearAllText: _angular_core.InputSignal<string>;
|
|
996
|
+
groupBy: _angular_core.InputSignal<string>;
|
|
997
|
+
colorKey: _angular_core.InputSignal<string>;
|
|
998
|
+
/**
|
|
999
|
+
* Show an accent dot beside each option, driven by `colorKey`.
|
|
1000
|
+
*
|
|
1001
|
+
* In single-select mode the control is also tinted with the selected option's
|
|
1002
|
+
* colour (same treatment as bk-status-select), unless `hasError` is set — an
|
|
1003
|
+
* errored control drops the accent for a soft red tint instead. Multi-select
|
|
1004
|
+
* never tints the control: one background can't represent several colours, so
|
|
1005
|
+
* the accents are carried on the chips instead.
|
|
1006
|
+
*
|
|
1007
|
+
* Only one leading visual renders per row — precedence is avatar > icon > dot
|
|
1008
|
+
* — so the dot appears only when `showAvatar` is off and the item has no icon.
|
|
1009
|
+
*/
|
|
1010
|
+
showDots: _angular_core.InputSignal<boolean>;
|
|
1011
|
+
/**
|
|
1012
|
+
* Render an avatar before each option label: the `avatarKey` image when the
|
|
1013
|
+
* item has one, otherwise initials derived from the label ("mtayyab" → "MT").
|
|
1014
|
+
* Replaces the plain icon <img> in options and the single-select value.
|
|
1015
|
+
*/
|
|
1016
|
+
showAvatar: _angular_core.InputSignal<boolean>;
|
|
1017
|
+
/**
|
|
1018
|
+
* Key holding the avatar image URL, used only when `showAvatar` is on.
|
|
1019
|
+
* Falls back to `bindIcon` when unset. Kept separate from `bindIcon` so the
|
|
1020
|
+
* plain icon feature stays independent — an item's icon should not appear
|
|
1021
|
+
* as a bare <img> just because it also has an avatar.
|
|
1022
|
+
*/
|
|
1023
|
+
avatarKey: _angular_core.InputSignal<string>;
|
|
966
1024
|
iconAlt: string;
|
|
967
1025
|
label: string;
|
|
968
1026
|
required: Boolean;
|
|
969
1027
|
variation: 'default' | 'sm';
|
|
970
1028
|
iconSrc?: string;
|
|
971
|
-
multiple:
|
|
972
|
-
maxLabels:
|
|
973
|
-
searchable:
|
|
974
|
-
allSelect:
|
|
975
|
-
clearable:
|
|
976
|
-
readonly:
|
|
977
|
-
disabled:
|
|
978
|
-
loading:
|
|
979
|
-
closeOnSelect:
|
|
980
|
-
dropdownPosition:
|
|
1029
|
+
multiple: _angular_core.InputSignal<boolean>;
|
|
1030
|
+
maxLabels: _angular_core.InputSignal<number>;
|
|
1031
|
+
searchable: _angular_core.InputSignal<boolean>;
|
|
1032
|
+
allSelect: _angular_core.InputSignal<boolean>;
|
|
1033
|
+
clearable: _angular_core.InputSignal<boolean>;
|
|
1034
|
+
readonly: _angular_core.InputSignal<boolean>;
|
|
1035
|
+
disabled: _angular_core.ModelSignal<boolean>;
|
|
1036
|
+
loading: _angular_core.InputSignal<boolean>;
|
|
1037
|
+
closeOnSelect: _angular_core.InputSignal<boolean>;
|
|
1038
|
+
dropdownPosition: _angular_core.InputSignal<"bottom" | "top">;
|
|
981
1039
|
hasError: boolean;
|
|
982
1040
|
errorMessage: string;
|
|
983
|
-
appendToBody:
|
|
984
|
-
open:
|
|
985
|
-
close:
|
|
986
|
-
focus:
|
|
987
|
-
blur:
|
|
988
|
-
search:
|
|
1041
|
+
appendToBody: _angular_core.InputSignal<boolean>;
|
|
1042
|
+
open: _angular_core.OutputEmitterRef<void>;
|
|
1043
|
+
close: _angular_core.OutputEmitterRef<void>;
|
|
1044
|
+
focus: _angular_core.OutputEmitterRef<void>;
|
|
1045
|
+
blur: _angular_core.OutputEmitterRef<void>;
|
|
1046
|
+
search: _angular_core.OutputEmitterRef<{
|
|
989
1047
|
term: string;
|
|
990
1048
|
items: any[];
|
|
991
1049
|
}>;
|
|
992
|
-
clear:
|
|
993
|
-
change:
|
|
994
|
-
scrollToEnd:
|
|
1050
|
+
clear: _angular_core.OutputEmitterRef<any>;
|
|
1051
|
+
change: _angular_core.OutputEmitterRef<any>;
|
|
1052
|
+
scrollToEnd: _angular_core.OutputEmitterRef<void>;
|
|
995
1053
|
searchInput: ElementRef<HTMLInputElement>;
|
|
996
1054
|
optionsListContainer: ElementRef<HTMLDivElement>;
|
|
997
1055
|
optionsRef: QueryList<ElementRef>;
|
|
@@ -1002,24 +1060,29 @@ declare class BkSelect implements ControlValueAccessor, AfterViewInit, OnDestroy
|
|
|
1002
1060
|
measurePlus?: ElementRef<HTMLElement>;
|
|
1003
1061
|
private _value;
|
|
1004
1062
|
private static activeInstance;
|
|
1005
|
-
isOpen:
|
|
1006
|
-
selectedOptions:
|
|
1007
|
-
searchTerm:
|
|
1008
|
-
markedIndex:
|
|
1009
|
-
placement:
|
|
1063
|
+
isOpen: _angular_core.WritableSignal<boolean>;
|
|
1064
|
+
selectedOptions: _angular_core.WritableSignal<any[]>;
|
|
1065
|
+
searchTerm: _angular_core.WritableSignal<string>;
|
|
1066
|
+
markedIndex: _angular_core.WritableSignal<number>;
|
|
1067
|
+
placement: _angular_core.WritableSignal<"bottom" | "top">;
|
|
1010
1068
|
private originalPanelParent;
|
|
1011
1069
|
private originalPanelAnchor;
|
|
1012
1070
|
private panelInBody;
|
|
1013
|
-
visibleCount:
|
|
1071
|
+
visibleCount: _angular_core.WritableSignal<number>;
|
|
1014
1072
|
private resizeObserver?;
|
|
1015
|
-
dropdownStyle:
|
|
1073
|
+
dropdownStyle: _angular_core.WritableSignal<{
|
|
1016
1074
|
top?: string;
|
|
1017
1075
|
bottom?: string;
|
|
1018
1076
|
left: string;
|
|
1019
1077
|
width: string;
|
|
1020
1078
|
}>;
|
|
1021
|
-
filteredItems:
|
|
1022
|
-
|
|
1079
|
+
filteredItems: _angular_core.Signal<any[]>;
|
|
1080
|
+
/**
|
|
1081
|
+
* True when the user is allowed to change the selection. Both disabled and
|
|
1082
|
+
* readonly lock the control, so neither may offer a remove/clear affordance.
|
|
1083
|
+
*/
|
|
1084
|
+
isEditable: _angular_core.Signal<boolean>;
|
|
1085
|
+
isAllSelected: _angular_core.Signal<boolean>;
|
|
1023
1086
|
constructor();
|
|
1024
1087
|
ngAfterViewInit(): void;
|
|
1025
1088
|
ngOnDestroy(): void;
|
|
@@ -1054,7 +1117,7 @@ declare class BkSelect implements ControlValueAccessor, AfterViewInit, OnDestroy
|
|
|
1054
1117
|
resolveValue(item: any): any;
|
|
1055
1118
|
isItemSelected(item: any): boolean;
|
|
1056
1119
|
isItemDisabled(item: any): boolean;
|
|
1057
|
-
compareWith:
|
|
1120
|
+
compareWith: _angular_core.InputSignal<(a: any, b: any) => boolean>;
|
|
1058
1121
|
toggleDropdown(event: Event | null): void;
|
|
1059
1122
|
openDropdown(): void;
|
|
1060
1123
|
closeDropdown(): void;
|
|
@@ -1087,7 +1150,7 @@ declare class BkSelect implements ControlValueAccessor, AfterViewInit, OnDestroy
|
|
|
1087
1150
|
private el;
|
|
1088
1151
|
onClickOutside(e: Event): void;
|
|
1089
1152
|
openFromLabel(event: MouseEvent): void;
|
|
1090
|
-
groupedItems:
|
|
1153
|
+
groupedItems: _angular_core.Signal<{
|
|
1091
1154
|
group: string;
|
|
1092
1155
|
items: any[];
|
|
1093
1156
|
}[] | {
|
|
@@ -1095,12 +1158,45 @@ declare class BkSelect implements ControlValueAccessor, AfterViewInit, OnDestroy
|
|
|
1095
1158
|
items: any[];
|
|
1096
1159
|
}[]>;
|
|
1097
1160
|
resolveColor(item: any): string | null;
|
|
1161
|
+
/**
|
|
1162
|
+
* Colours for the control itself. Single-select only: with several chips
|
|
1163
|
+
* selected there is no single accent that could represent them, so multi
|
|
1164
|
+
* mode stays neutral and relies on per-chip dots.
|
|
1165
|
+
*/
|
|
1166
|
+
controlAppearance: _angular_core.Signal<ColorAppearance>;
|
|
1167
|
+
/**
|
|
1168
|
+
* Tint for an errored control, derived from the same red as the error border
|
|
1169
|
+
* so the control reads as one state rather than a red outline over a colour.
|
|
1170
|
+
*/
|
|
1171
|
+
private static readonly ERROR_APPEARANCE;
|
|
1172
|
+
/**
|
|
1173
|
+
* Colours actually applied to the control. An option's accent never survives
|
|
1174
|
+
* an error: the tint is swapped for a soft red one so the error can't be
|
|
1175
|
+
* mistaken for a status colour. Only tintable controls have anything to swap
|
|
1176
|
+
* — a multi-select is neutral either way, since one background can't stand in
|
|
1177
|
+
* for several chips.
|
|
1178
|
+
*/
|
|
1179
|
+
controlStyle(): ColorAppearance;
|
|
1180
|
+
/** Raw accent for an option's dot. Null when the item has no usable colour. */
|
|
1181
|
+
accentFor(item: any): string | null;
|
|
1182
|
+
/**
|
|
1183
|
+
* Label colour for an option/chip. With showDots on, the accent is darkened
|
|
1184
|
+
* until it stays legible (a pale accent as raw text is unreadable); otherwise
|
|
1185
|
+
* the raw colorKey value is used, preserving the previous behaviour.
|
|
1186
|
+
*/
|
|
1187
|
+
optionTextColor(item: any): string | null;
|
|
1188
|
+
/** Soft tint for an option's avatar, so it matches the option's accent. */
|
|
1189
|
+
avatarBgFor(item: any): string | null;
|
|
1190
|
+
/** Readable text colour paired with avatarBgFor. */
|
|
1191
|
+
avatarTextFor(item: any): string | null;
|
|
1098
1192
|
resolveIcon(item: any): string | null;
|
|
1193
|
+
/** Image for the avatar. Prefers `avatarKey`, falling back to `bindIcon`. */
|
|
1194
|
+
resolveAvatarSrc(item: any): string | null;
|
|
1099
1195
|
getRemainingItems(): string[];
|
|
1100
1196
|
getTooltipIfEllipsed(el: HTMLElement, text: string): string;
|
|
1101
1197
|
onOptionHover(index: number): void;
|
|
1102
|
-
static ɵfac:
|
|
1103
|
-
static ɵcmp:
|
|
1198
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkSelect, never>;
|
|
1199
|
+
static ɵcmp: _angular_core.ɵɵ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; }; "bindIcon": { "alias": "bindIcon"; "required": false; "isSignal": true; }; "isResponsive": { "alias": "isResponsive"; "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; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "colorKey": { "alias": "colorKey"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; "showAvatar": { "alias": "showAvatar"; "required": false; "isSignal": true; }; "avatarKey": { "alias": "avatarKey"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "variation": { "alias": "variation"; "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; }; "allSelect": { "alias": "allSelect"; "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; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "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>;
|
|
1104
1200
|
}
|
|
1105
1201
|
|
|
1106
1202
|
type BkInputType = 'text' | 'email' | 'password' | 'number' | 'url' | 'tel';
|
|
@@ -1193,8 +1289,8 @@ declare class BkInput implements OnInit, OnDestroy, AfterViewInit, ControlValueA
|
|
|
1193
1289
|
get inputState(): 'default' | 'focused' | 'filled' | 'error' | 'disabled';
|
|
1194
1290
|
get currentInputType(): string;
|
|
1195
1291
|
private writeMaskedViewValue;
|
|
1196
|
-
static ɵfac:
|
|
1197
|
-
static ɵcmp:
|
|
1292
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkInput, never>;
|
|
1293
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkInput, "bk-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "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>;
|
|
1198
1294
|
}
|
|
1199
1295
|
|
|
1200
1296
|
declare class BkInputChips implements ControlValueAccessor, AfterViewInit {
|
|
@@ -1239,8 +1335,8 @@ declare class BkInputChips implements ControlValueAccessor, AfterViewInit {
|
|
|
1239
1335
|
handleInput(event: Event): void;
|
|
1240
1336
|
handleFocus(event: Event): void;
|
|
1241
1337
|
handleBlur(event: Event): void;
|
|
1242
|
-
static ɵfac:
|
|
1243
|
-
static ɵcmp:
|
|
1338
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkInputChips, never>;
|
|
1339
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkInputChips, "bk-input-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>;
|
|
1244
1340
|
}
|
|
1245
1341
|
|
|
1246
1342
|
type TabIconDirection = 'left' | 'right';
|
|
@@ -1308,8 +1404,8 @@ declare class BkTabs {
|
|
|
1308
1404
|
setActiveTab(tab: TabItem): void;
|
|
1309
1405
|
isActive(tabId: string): boolean;
|
|
1310
1406
|
getTabIcon(tab: TabItem): string | undefined;
|
|
1311
|
-
static ɵfac:
|
|
1312
|
-
static ɵcmp:
|
|
1407
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkTabs, never>;
|
|
1408
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkTabs, "bk-tabs", never, { "list": { "alias": "list"; "required": false; }; "activeTabId": { "alias": "activeTabId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "lockNavigationOnError": { "alias": "lockNavigationOnError"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
1313
1409
|
}
|
|
1314
1410
|
|
|
1315
1411
|
/**
|
|
@@ -1379,8 +1475,8 @@ declare class BkDialogContainerComponent extends CdkDialogContainer implements O
|
|
|
1379
1475
|
* Walk up from our host → pane → wrapper, then query for the backdrop.
|
|
1380
1476
|
*/
|
|
1381
1477
|
private _getBackdropElement;
|
|
1382
|
-
static ɵfac:
|
|
1383
|
-
static ɵcmp:
|
|
1478
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDialogContainerComponent, never>;
|
|
1479
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkDialogContainerComponent, "bk-dialog-container", never, {}, {}, never, never, true, never>;
|
|
1384
1480
|
}
|
|
1385
1481
|
|
|
1386
1482
|
/**
|
|
@@ -1510,8 +1606,8 @@ declare abstract class BkDialogLayoutSection implements OnInit, OnDestroy {
|
|
|
1510
1606
|
ngOnDestroy(): void;
|
|
1511
1607
|
protected abstract _onAdd(): void;
|
|
1512
1608
|
protected abstract _onRemove(): void;
|
|
1513
|
-
static ɵfac:
|
|
1514
|
-
static ɵdir:
|
|
1609
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDialogLayoutSection, never>;
|
|
1610
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BkDialogLayoutSection, never, never, {}, {}, never, never, true, never>;
|
|
1515
1611
|
}
|
|
1516
1612
|
/**
|
|
1517
1613
|
* Marks an element as the dialog title.
|
|
@@ -1530,8 +1626,8 @@ declare class BkDialogTitle extends BkDialogLayoutSection {
|
|
|
1530
1626
|
id: string;
|
|
1531
1627
|
protected _onAdd(): void;
|
|
1532
1628
|
protected _onRemove(): void;
|
|
1533
|
-
static ɵfac:
|
|
1534
|
-
static ɵdir:
|
|
1629
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDialogTitle, never>;
|
|
1630
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BkDialogTitle, "[bk-dialog-title], [bkDialogTitle]", ["bkDialogTitle"], { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
|
|
1535
1631
|
}
|
|
1536
1632
|
/**
|
|
1537
1633
|
* Scrollable content area of a dialog.
|
|
@@ -1553,8 +1649,8 @@ declare class BkDialogTitle extends BkDialogLayoutSection {
|
|
|
1553
1649
|
* ```
|
|
1554
1650
|
*/
|
|
1555
1651
|
declare class BkDialogContent {
|
|
1556
|
-
static ɵfac:
|
|
1557
|
-
static ɵdir:
|
|
1652
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDialogContent, never>;
|
|
1653
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BkDialogContent, "[bk-dialog-content], bk-dialog-content, [bkDialogContent]", ["bkDialogContent"], {}, {}, never, never, true, [{ directive: typeof i1$1.CdkScrollable; inputs: {}; outputs: {}; }]>;
|
|
1558
1654
|
}
|
|
1559
1655
|
/**
|
|
1560
1656
|
* Container for action buttons at the bottom of a dialog.
|
|
@@ -1579,8 +1675,8 @@ declare class BkDialogActions extends BkDialogLayoutSection {
|
|
|
1579
1675
|
align?: 'start' | 'center' | 'end';
|
|
1580
1676
|
protected _onAdd(): void;
|
|
1581
1677
|
protected _onRemove(): void;
|
|
1582
|
-
static ɵfac:
|
|
1583
|
-
static ɵdir:
|
|
1678
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDialogActions, never>;
|
|
1679
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BkDialogActions, "[bk-dialog-actions], bk-dialog-actions, [bkDialogActions]", ["bkDialogActions"], { "align": { "alias": "align"; "required": false; }; }, {}, never, never, true, never>;
|
|
1584
1680
|
}
|
|
1585
1681
|
/**
|
|
1586
1682
|
* Closes the dialog when the host element is clicked.
|
|
@@ -1616,14 +1712,14 @@ declare class BkDialogClose implements OnInit, OnChanges {
|
|
|
1616
1712
|
ngOnInit(): void;
|
|
1617
1713
|
ngOnChanges(changes: SimpleChanges): void;
|
|
1618
1714
|
_onButtonClick(_event: MouseEvent): void;
|
|
1619
|
-
static ɵfac:
|
|
1620
|
-
static ɵdir:
|
|
1715
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDialogClose, never>;
|
|
1716
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BkDialogClose, "[bk-dialog-close], [bkDialogClose]", ["bkDialogClose"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dialogResult": { "alias": "bk-dialog-close"; "required": false; }; "_bkDialogClose": { "alias": "bkDialogClose"; "required": false; }; }, {}, never, never, true, never>;
|
|
1621
1717
|
}
|
|
1622
1718
|
|
|
1623
1719
|
declare class BkDialogModule {
|
|
1624
|
-
static ɵfac:
|
|
1625
|
-
static ɵmod:
|
|
1626
|
-
static ɵinj:
|
|
1720
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDialogModule, never>;
|
|
1721
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<BkDialogModule, never, [typeof i1$2.DialogModule, typeof i2.OverlayModule, typeof i3.PortalModule, typeof BkDialogContainerComponent, typeof BkDialogTitle, typeof BkDialogContent, typeof BkDialogActions, typeof BkDialogClose], [typeof BkDialogTitle, typeof BkDialogContent, typeof BkDialogActions, typeof BkDialogClose]>;
|
|
1722
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<BkDialogModule>;
|
|
1627
1723
|
}
|
|
1628
1724
|
|
|
1629
1725
|
/**
|
|
@@ -1869,8 +1965,8 @@ declare class BkDialogService {
|
|
|
1869
1965
|
* Falls back to centred (both axes) when no position is specified.
|
|
1870
1966
|
*/
|
|
1871
1967
|
private _buildPositionStrategy;
|
|
1872
|
-
static ɵfac:
|
|
1873
|
-
static ɵprov:
|
|
1968
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDialogService, never>;
|
|
1969
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<BkDialogService>;
|
|
1874
1970
|
}
|
|
1875
1971
|
|
|
1876
1972
|
/**
|
|
@@ -1993,8 +2089,8 @@ declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
1993
2089
|
private setTriangleStyles;
|
|
1994
2090
|
private removeTooltip;
|
|
1995
2091
|
private setStyle;
|
|
1996
|
-
static ɵfac:
|
|
1997
|
-
static ɵdir:
|
|
2092
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BKTooltipDirective, never>;
|
|
2093
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BKTooltipDirective, "[bkTooltip]", never, { "tooltipContent": { "alias": "bkTooltip"; "required": false; }; "tooltipPosition": { "alias": "bkTooltipPosition"; "required": false; }; "scrollable": { "alias": "bkTooltipScrollable"; "required": false; }; "maxHeight": { "alias": "bkTooltipMaxHeight"; "required": false; }; "tooltipSize": { "alias": "bkTooltipSize"; "required": false; }; "autoHeight": { "alias": "bkTooltipAutoHeight"; "required": false; }; }, {}, never, never, true, never>;
|
|
1998
2094
|
}
|
|
1999
2095
|
|
|
2000
2096
|
declare class BkValidator implements OnInit {
|
|
@@ -2004,8 +2100,8 @@ declare class BkValidator implements OnInit {
|
|
|
2004
2100
|
showError: boolean;
|
|
2005
2101
|
constructor();
|
|
2006
2102
|
ngOnInit(): void;
|
|
2007
|
-
static ɵfac:
|
|
2008
|
-
static ɵcmp:
|
|
2103
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkValidator, never>;
|
|
2104
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkValidator, "bk-validator", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "showError": { "alias": "showError"; "required": false; }; }, {}, never, never, true, never>;
|
|
2009
2105
|
}
|
|
2010
2106
|
|
|
2011
2107
|
type BkAvatarSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -2080,8 +2176,8 @@ declare class BkAvatarUploader implements OnDestroy, ControlValueAccessor, Valid
|
|
|
2080
2176
|
private isFileTypeValid;
|
|
2081
2177
|
private isHeicFile;
|
|
2082
2178
|
private getInitials;
|
|
2083
|
-
static ɵfac:
|
|
2084
|
-
static ɵcmp:
|
|
2179
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkAvatarUploader, never>;
|
|
2180
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkAvatarUploader, "bk-avatar-uploader", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fallback": { "alias": "fallback"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "maxFileSizeKB": { "alias": "maxFileSizeKB"; "required": false; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeableIconTooltip": { "alias": "removeableIconTooltip"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "fileSelected": "fileSelected"; "removed": "removed"; "fileError": "fileError"; }, never, never, true, never>;
|
|
2085
2181
|
}
|
|
2086
2182
|
|
|
2087
2183
|
/** Generic hierarchical node; works with note types and any similar tree. */
|
|
@@ -2093,57 +2189,68 @@ interface HierarchicalNode {
|
|
|
2093
2189
|
}
|
|
2094
2190
|
declare class BkHierarchicalSelect implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
2095
2191
|
/** Tree data (root-level array). */
|
|
2096
|
-
items:
|
|
2192
|
+
items: _angular_core.InputSignal<HierarchicalNode[]>;
|
|
2097
2193
|
/** Key for display label (e.g. 'noteType'). */
|
|
2098
|
-
labelKey:
|
|
2194
|
+
labelKey: _angular_core.InputSignal<string>;
|
|
2099
2195
|
/** Key for value (e.g. 'noteTypeKey'). */
|
|
2100
|
-
valueKey:
|
|
2196
|
+
valueKey: _angular_core.InputSignal<string>;
|
|
2101
2197
|
/** Key for children array (e.g. 'childs' or 'children'). */
|
|
2102
|
-
childrenKey:
|
|
2103
|
-
clearTooltip:
|
|
2198
|
+
childrenKey: _angular_core.InputSignal<string>;
|
|
2199
|
+
clearTooltip: _angular_core.InputSignal<string>;
|
|
2104
2200
|
/** Key to check if node is disabled (e.g. 'active', 'disabled'). */
|
|
2105
2201
|
/** Placeholder when nothing selected. */
|
|
2106
|
-
placeholder:
|
|
2202
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
2107
2203
|
/** Label above the control. */
|
|
2108
|
-
label:
|
|
2204
|
+
label: _angular_core.InputSignal<string>;
|
|
2109
2205
|
/** Required indicator. */
|
|
2110
|
-
required:
|
|
2206
|
+
required: _angular_core.InputSignal<boolean>;
|
|
2111
2207
|
/** Optional icon URL in the trigger. */
|
|
2112
|
-
iconSrc:
|
|
2113
|
-
iconAlt:
|
|
2208
|
+
iconSrc: _angular_core.InputSignal<string | undefined>;
|
|
2209
|
+
iconAlt: _angular_core.InputSignal<string>;
|
|
2114
2210
|
/** Disabled state (can also be set by form control via CVA). */
|
|
2115
|
-
disabled:
|
|
2211
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
2116
2212
|
private disabledByForm;
|
|
2117
|
-
isDisabled:
|
|
2213
|
+
isDisabled: _angular_core.Signal<boolean>;
|
|
2118
2214
|
/** Whether to allow selecting parent nodes that have children. Default: only leaf selection. */
|
|
2119
|
-
allowParentSelection:
|
|
2215
|
+
allowParentSelection: _angular_core.InputSignal<boolean>;
|
|
2120
2216
|
/** Text for "Back" link (e.g. "< Back to Main"). */
|
|
2121
|
-
backToMainText:
|
|
2217
|
+
backToMainText: _angular_core.InputSignal<string>;
|
|
2122
2218
|
/** Search placeholder. */
|
|
2123
|
-
searchPlaceholder:
|
|
2124
|
-
searchable:
|
|
2219
|
+
searchPlaceholder: _angular_core.InputSignal<string>;
|
|
2220
|
+
searchable: _angular_core.InputSignal<boolean>;
|
|
2125
2221
|
/** When true, dropdown is positioned fixed and sized to the trigger (use inside modals/popups). */
|
|
2126
|
-
appendToBody:
|
|
2222
|
+
appendToBody: _angular_core.InputSignal<boolean>;
|
|
2127
2223
|
/** Open above or below the trigger (also used when appendToBody is true for fixed coordinates). */
|
|
2128
|
-
dropdownPosition:
|
|
2224
|
+
dropdownPosition: _angular_core.InputSignal<"bottom" | "top">;
|
|
2129
2225
|
/** Key for option color (e.g. "color"). When set, option label and selected value use this color. */
|
|
2130
|
-
colorKey:
|
|
2226
|
+
colorKey: _angular_core.InputSignal<string>;
|
|
2131
2227
|
/** Whether to show clear button when a value is selected. */
|
|
2132
|
-
clearable:
|
|
2228
|
+
clearable: _angular_core.InputSignal<boolean>;
|
|
2229
|
+
/**
|
|
2230
|
+
* Show an accent dot beside each option, driven by `colorKey`, and tint the
|
|
2231
|
+
* control with the selected node's colour (same treatment as bk-status-select).
|
|
2232
|
+
*/
|
|
2233
|
+
showDots: _angular_core.InputSignal<boolean>;
|
|
2234
|
+
/**
|
|
2235
|
+
* When true, a child with no colour of its own borrows its nearest coloured
|
|
2236
|
+
* ancestor's, keeping a branch visually related. Off by default so existing
|
|
2237
|
+
* trees render exactly as before.
|
|
2238
|
+
*/
|
|
2239
|
+
inheritColor: _angular_core.InputSignal<boolean>;
|
|
2133
2240
|
/** Optional anchor key to scope dropdown to one subtree (e.g. module/category key). */
|
|
2134
|
-
restrictKey:
|
|
2135
|
-
hasError:
|
|
2241
|
+
restrictKey: _angular_core.InputSignal<any>;
|
|
2242
|
+
hasError: _angular_core.InputSignal<boolean>;
|
|
2136
2243
|
/** Emit full selected node. */
|
|
2137
|
-
selectionChange:
|
|
2244
|
+
selectionChange: _angular_core.OutputEmitterRef<HierarchicalNode | null>;
|
|
2138
2245
|
/** Emit value only (e.g. noteTypeKey). */
|
|
2139
|
-
valueChange:
|
|
2246
|
+
valueChange: _angular_core.OutputEmitterRef<any>;
|
|
2140
2247
|
/** Emit when clear button is clicked. */
|
|
2141
|
-
clear:
|
|
2248
|
+
clear: _angular_core.OutputEmitterRef<any>;
|
|
2142
2249
|
searchInput: ElementRef<HTMLInputElement>;
|
|
2143
2250
|
controlWrapper: ElementRef<HTMLDivElement>;
|
|
2144
2251
|
dropdownPanel?: ElementRef<HTMLDivElement>;
|
|
2145
2252
|
private el;
|
|
2146
|
-
placement:
|
|
2253
|
+
placement: _angular_core.WritableSignal<"bottom" | "top">;
|
|
2147
2254
|
private originalPanelParent;
|
|
2148
2255
|
private originalPanelAnchor;
|
|
2149
2256
|
private panelInBody;
|
|
@@ -2165,29 +2272,48 @@ declare class BkHierarchicalSelect implements ControlValueAccessor, AfterViewIni
|
|
|
2165
2272
|
private restorePanel;
|
|
2166
2273
|
/** Runs after the panel has rendered: relocate (append mode) + position + focus. */
|
|
2167
2274
|
private afterOpenInit;
|
|
2168
|
-
isOpen:
|
|
2169
|
-
dropdownStyle:
|
|
2275
|
+
isOpen: _angular_core.WritableSignal<boolean>;
|
|
2276
|
+
dropdownStyle: _angular_core.WritableSignal<{
|
|
2170
2277
|
top?: string;
|
|
2171
2278
|
bottom?: string;
|
|
2172
2279
|
left: string;
|
|
2173
2280
|
width: string;
|
|
2174
2281
|
}>;
|
|
2175
|
-
searchTerm:
|
|
2282
|
+
searchTerm: _angular_core.WritableSignal<string>;
|
|
2176
2283
|
/** Breadcrumb stack: each entry is the parent node we navigated into. */
|
|
2177
|
-
breadcrumb:
|
|
2284
|
+
breadcrumb: _angular_core.WritableSignal<HierarchicalNode[]>;
|
|
2178
2285
|
/** Currently selected node (leaf or parent if allowParentSelection). */
|
|
2179
|
-
selected:
|
|
2286
|
+
selected: _angular_core.WritableSignal<HierarchicalNode | null>;
|
|
2180
2287
|
/** Current level items: root or children of last breadcrumb. */
|
|
2181
|
-
currentLevelItems:
|
|
2288
|
+
currentLevelItems: _angular_core.Signal<HierarchicalNode[]>;
|
|
2182
2289
|
/** Filtered by search (matches label in current level and descendants). */
|
|
2183
|
-
filteredItems:
|
|
2290
|
+
filteredItems: _angular_core.Signal<HierarchicalNode[]>;
|
|
2184
2291
|
/** Display text in trigger: path "Parent > Child" or placeholder. */
|
|
2185
|
-
displayPath:
|
|
2292
|
+
displayPath: _angular_core.Signal<HierarchicalNode[]>;
|
|
2186
2293
|
/** Whether we're not at root (show Back). */
|
|
2187
|
-
showBack:
|
|
2294
|
+
showBack: _angular_core.Signal<boolean>;
|
|
2188
2295
|
getLabel(node: HierarchicalNode): string;
|
|
2189
2296
|
/** Returns the color for the node (e.g. node.color) when colorKey is set. */
|
|
2190
2297
|
resolveColor(node: HierarchicalNode | null): string | null;
|
|
2298
|
+
/**
|
|
2299
|
+
* Accent for the last node of a root→node path: its own colour, or — when
|
|
2300
|
+
* `inheritColor` is on — the nearest coloured ancestor's.
|
|
2301
|
+
*/
|
|
2302
|
+
private colorAlong;
|
|
2303
|
+
/** Accent for a row in the level on screen — its ancestors are the breadcrumb. */
|
|
2304
|
+
private optionAccentColor;
|
|
2305
|
+
/**
|
|
2306
|
+
* Colours for the control itself, from the selected node. Neutral unless
|
|
2307
|
+
* `showDots` is on, so existing usages are untouched.
|
|
2308
|
+
*/
|
|
2309
|
+
controlAppearance: _angular_core.Signal<ColorAppearance>;
|
|
2310
|
+
/** Raw accent for a node's dot. */
|
|
2311
|
+
accentFor(node: HierarchicalNode): string | null;
|
|
2312
|
+
/**
|
|
2313
|
+
* Label colour for an option. With showDots on, the accent is darkened until
|
|
2314
|
+
* legible; otherwise the raw colorKey value is used as before.
|
|
2315
|
+
*/
|
|
2316
|
+
optionTextColor(node: HierarchicalNode): string | null;
|
|
2191
2317
|
getValue(node: HierarchicalNode): any;
|
|
2192
2318
|
getChildren(node: HierarchicalNode): HierarchicalNode[] | undefined;
|
|
2193
2319
|
hasChildren(node: HierarchicalNode): boolean;
|
|
@@ -2222,8 +2348,8 @@ declare class BkHierarchicalSelect implements ControlValueAccessor, AfterViewIni
|
|
|
2222
2348
|
setDisabledState(isDisabled: boolean): void;
|
|
2223
2349
|
private findNodeByValue;
|
|
2224
2350
|
handleClear(event: Event): void;
|
|
2225
|
-
static ɵfac:
|
|
2226
|
-
static ɵcmp:
|
|
2351
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkHierarchicalSelect, never>;
|
|
2352
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkHierarchicalSelect, "bk-hierarchical-select", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "valueKey": { "alias": "valueKey"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "clearTooltip": { "alias": "clearTooltip"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowParentSelection": { "alias": "allowParentSelection"; "required": false; "isSignal": true; }; "backToMainText": { "alias": "backToMainText"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "colorKey": { "alias": "colorKey"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; "inheritColor": { "alias": "inheritColor"; "required": false; "isSignal": true; }; "restrictKey": { "alias": "restrictKey"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; "clear": "clear"; }, never, never, true, never>;
|
|
2227
2353
|
}
|
|
2228
2354
|
|
|
2229
2355
|
type ToastSeverity = 'success' | 'error' | 'warn' | 'info' | 'default';
|
|
@@ -2256,9 +2382,9 @@ declare class BkToastrService {
|
|
|
2256
2382
|
private readonly appRef;
|
|
2257
2383
|
private readonly injector;
|
|
2258
2384
|
private readonly _toasts;
|
|
2259
|
-
readonly toasts:
|
|
2385
|
+
readonly toasts: _angular_core.Signal<ToastMessage[]>;
|
|
2260
2386
|
private readonly _position;
|
|
2261
|
-
readonly position:
|
|
2387
|
+
readonly position: _angular_core.Signal<ToastPosition>;
|
|
2262
2388
|
private componentRef;
|
|
2263
2389
|
constructor(appRef: ApplicationRef, injector: EnvironmentInjector);
|
|
2264
2390
|
private initializeContainer;
|
|
@@ -2285,8 +2411,8 @@ declare class BkToastrService {
|
|
|
2285
2411
|
clear(): void;
|
|
2286
2412
|
/** Set the position for toast notifications */
|
|
2287
2413
|
setPosition(position: ToastPosition): void;
|
|
2288
|
-
static ɵfac:
|
|
2289
|
-
static ɵprov:
|
|
2414
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkToastrService, never>;
|
|
2415
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<BkToastrService>;
|
|
2290
2416
|
}
|
|
2291
2417
|
|
|
2292
2418
|
declare class BkToastr {
|
|
@@ -2296,11 +2422,13 @@ declare class BkToastr {
|
|
|
2296
2422
|
readonly position$: rxjs.Observable<ToastPosition>;
|
|
2297
2423
|
onClose(event: Event, id: string): void;
|
|
2298
2424
|
onAction(event: Event, t: ToastMessage): void;
|
|
2299
|
-
static ɵfac:
|
|
2300
|
-
static ɵcmp:
|
|
2425
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkToastr, never>;
|
|
2426
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkToastr, "bk-toastr", never, {}, {}, never, never, true, never>;
|
|
2301
2427
|
}
|
|
2302
2428
|
|
|
2303
|
-
|
|
2429
|
+
/** `xxsm` (16px) fits inside an 18px text line box and inside a bordered chip —
|
|
2430
|
+
* use it inline in form controls so adding an avatar can't change the height. */
|
|
2431
|
+
type AvatarSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
2304
2432
|
type AvatarVariant = 'gray' | 'colored';
|
|
2305
2433
|
type DotStatus = 'active' | 'inactive' | 'notification' | 'none';
|
|
2306
2434
|
type DotPosition = 'bottom-right' | 'top-left';
|
|
@@ -2344,8 +2472,8 @@ declare class BkAvatar implements OnChanges, ControlValueAccessor {
|
|
|
2344
2472
|
get resolvedTooltip(): string | string[];
|
|
2345
2473
|
get dotClasses(): string;
|
|
2346
2474
|
private getInitials;
|
|
2347
|
-
static ɵfac:
|
|
2348
|
-
static ɵcmp:
|
|
2475
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkAvatar, never>;
|
|
2476
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkAvatar, "bk-avatar", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "name": { "alias": "name"; "required": false; }; "initialsOverride": { "alias": "initialsOverride"; "required": false; }; "tooltipContent": { "alias": "tooltipContent"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fallback": { "alias": "fallback"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "dotPosition": { "alias": "dotPosition"; "required": false; }; }, { "imageLoadError": "imageLoadError"; }, never, never, true, never>;
|
|
2349
2477
|
}
|
|
2350
2478
|
|
|
2351
2479
|
declare class ColumnFilterOption {
|
|
@@ -2361,8 +2489,8 @@ declare class BkColumnFilterService {
|
|
|
2361
2489
|
private syncColumnsWithFields;
|
|
2362
2490
|
updateColumnFilterList(key: string, list: ColumnFilterOption[]): void;
|
|
2363
2491
|
showColumn(field: string, columnsFilterList: ColumnFilterOption[]): boolean;
|
|
2364
|
-
static ɵfac:
|
|
2365
|
-
static ɵprov:
|
|
2492
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkColumnFilterService, never>;
|
|
2493
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<BkColumnFilterService>;
|
|
2366
2494
|
}
|
|
2367
2495
|
|
|
2368
2496
|
declare class BkColumnSelect implements ControlValueAccessor, OnChanges {
|
|
@@ -2396,8 +2524,8 @@ declare class BkColumnSelect implements ControlValueAccessor, OnChanges {
|
|
|
2396
2524
|
private closeDropdown;
|
|
2397
2525
|
onClick(event: Event): void;
|
|
2398
2526
|
get list(): ColumnFilterOption[];
|
|
2399
|
-
static ɵfac:
|
|
2400
|
-
static ɵcmp:
|
|
2527
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkColumnSelect, never>;
|
|
2528
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkColumnSelect, "bk-column-select", never, { "searchable": { "alias": "searchable"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "cacheKey": { "alias": "cacheKey"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "isOpened": { "alias": "isOpened"; "required": false; }; "label": { "alias": "label"; "required": false; }; "lefticon": { "alias": "lefticon"; "required": false; }; }, { "isOpenedChange": "isOpenedChange"; }, never, never, true, never>;
|
|
2401
2529
|
}
|
|
2402
2530
|
|
|
2403
2531
|
declare class BkFilePicker implements ControlValueAccessor, Validator {
|
|
@@ -2433,8 +2561,8 @@ declare class BkFilePicker implements ControlValueAccessor, Validator {
|
|
|
2433
2561
|
onCancel(): void;
|
|
2434
2562
|
onDragOver(event: DragEvent): void;
|
|
2435
2563
|
onDrop(event: DragEvent): void;
|
|
2436
|
-
static ɵfac:
|
|
2437
|
-
static ɵcmp:
|
|
2564
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkFilePicker, never>;
|
|
2565
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkFilePicker, "bk-file-picker", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "description": { "alias": "description"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; "error": "error"; "cancel": "cancel"; }, never, never, true, never>;
|
|
2438
2566
|
}
|
|
2439
2567
|
|
|
2440
2568
|
type FileState = 'uploading' | 'uploaded' | 'failed';
|
|
@@ -2452,8 +2580,8 @@ declare class BkFileCard implements OnInit {
|
|
|
2452
2580
|
constructor();
|
|
2453
2581
|
ngOnInit(): void;
|
|
2454
2582
|
onRemove(): void;
|
|
2455
|
-
static ɵfac:
|
|
2456
|
-
static ɵcmp:
|
|
2583
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkFileCard, never>;
|
|
2584
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkFileCard, "bk-file-card", never, { "id": { "alias": "id"; "required": false; }; "state": { "alias": "state"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; "fileSize": { "alias": "fileSize"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
|
|
2457
2585
|
}
|
|
2458
2586
|
|
|
2459
2587
|
interface BkPageSize {
|
|
@@ -2487,8 +2615,8 @@ declare class BkPagination implements OnChanges {
|
|
|
2487
2615
|
get endIndex(): number;
|
|
2488
2616
|
get totalItems(): number;
|
|
2489
2617
|
getTotalPages(): number;
|
|
2490
|
-
static ɵfac:
|
|
2491
|
-
static ɵcmp:
|
|
2618
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkPagination, never>;
|
|
2619
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkPagination, "bk-pagination", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "activePage": { "alias": "activePage"; "required": false; }; }, { "changePageSize": "changePageSize"; "pageChanged": "pageChanged"; "activePageChange": "activePageChange"; }, never, never, true, never>;
|
|
2492
2620
|
}
|
|
2493
2621
|
|
|
2494
2622
|
type BkLoaderVariant = 'dots' | 'spinners';
|
|
@@ -2497,8 +2625,8 @@ declare class BkLoader {
|
|
|
2497
2625
|
variant: BkLoaderVariant;
|
|
2498
2626
|
frontAfter: boolean;
|
|
2499
2627
|
constructor();
|
|
2500
|
-
static ɵfac:
|
|
2501
|
-
static ɵcmp:
|
|
2628
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkLoader, never>;
|
|
2629
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkLoader, "bk-loader", never, { "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, never>;
|
|
2502
2630
|
}
|
|
2503
2631
|
|
|
2504
2632
|
type DropdownVariant = 'black' | 'white';
|
|
@@ -2568,8 +2696,8 @@ declare class BkDropdown {
|
|
|
2568
2696
|
get caretSizeClass(): string;
|
|
2569
2697
|
/** Position classes for the menu panel per placement. */
|
|
2570
2698
|
get menuPositionClass(): string;
|
|
2571
|
-
static ɵfac:
|
|
2572
|
-
static ɵcmp:
|
|
2699
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkDropdown, never>;
|
|
2700
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkDropdown, "bk-dropdown", never, { "label": { "alias": "label"; "required": false; }; "items": { "alias": "items"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "splitButton": { "alias": "splitButton"; "required": false; }; "selectedId": { "alias": "selectedId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "select": "select"; "openChange": "openChange"; "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
2573
2701
|
}
|
|
2574
2702
|
|
|
2575
2703
|
type MenuOrientation = 'horizontal' | 'vertical';
|
|
@@ -2614,13 +2742,27 @@ declare class BkMenu {
|
|
|
2614
2742
|
activeItemId: string;
|
|
2615
2743
|
/** Tint item icons: dark by default, white on the active (dark) row. */
|
|
2616
2744
|
tintIcons: boolean;
|
|
2745
|
+
/**
|
|
2746
|
+
* Optional max height for the menu (e.g. '320px', '60vh', or a number of px).
|
|
2747
|
+
* When set, the item list scrolls vertically once it exceeds this height.
|
|
2748
|
+
* Pop-up fly-outs are positioned `fixed`, so they still escape the scroll box.
|
|
2749
|
+
*/
|
|
2750
|
+
maxHeight: string | number | null;
|
|
2617
2751
|
activeItemIdChange: EventEmitter<string>;
|
|
2618
2752
|
itemClick: EventEmitter<MenuItem>;
|
|
2619
2753
|
/** Ids of currently expanded/opened parent nodes. */
|
|
2620
2754
|
private readonly openIds;
|
|
2755
|
+
/** Viewport coordinates for each open fixed-position fly-out, keyed by id. */
|
|
2756
|
+
readonly popupPos: Map<string, {
|
|
2757
|
+
top: number;
|
|
2758
|
+
left: number;
|
|
2759
|
+
}>;
|
|
2621
2760
|
constructor(host: ElementRef<HTMLElement>);
|
|
2622
2761
|
get isVertical(): boolean;
|
|
2623
2762
|
get isPopup(): boolean;
|
|
2763
|
+
get maxHeightStyle(): string | null;
|
|
2764
|
+
popupTop(item: MenuItem): number | null;
|
|
2765
|
+
popupLeft(item: MenuItem): number | null;
|
|
2624
2766
|
hasChildren(item: MenuItem): boolean;
|
|
2625
2767
|
isOpen(item: MenuItem): boolean;
|
|
2626
2768
|
isActive(item: MenuItem): boolean;
|
|
@@ -2628,14 +2770,227 @@ declare class BkMenu {
|
|
|
2628
2770
|
isHighlighted(item: MenuItem): boolean;
|
|
2629
2771
|
inlineIndent(level: number): number | null;
|
|
2630
2772
|
onItemClick(item: MenuItem, siblings: MenuItem[], event: Event): void;
|
|
2631
|
-
onItemEnter(item: MenuItem, siblings: MenuItem[]): void;
|
|
2773
|
+
onItemEnter(item: MenuItem, siblings: MenuItem[], event: MouseEvent, level: number): void;
|
|
2774
|
+
private computePopupPos;
|
|
2632
2775
|
onItemLeave(item: MenuItem): void;
|
|
2633
2776
|
private toggle;
|
|
2634
2777
|
private closeBranch;
|
|
2635
2778
|
onDocumentClick(event: MouseEvent): void;
|
|
2636
|
-
|
|
2637
|
-
static
|
|
2779
|
+
onViewportChange(): void;
|
|
2780
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkMenu, never>;
|
|
2781
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkMenu, "bk-menu", never, { "items": { "alias": "items"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "submenuMode": { "alias": "submenuMode"; "required": false; }; "singleOpen": { "alias": "singleOpen"; "required": false; }; "activeItemId": { "alias": "activeItemId"; "required": false; }; "tintIcons": { "alias": "tintIcons"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "activeItemIdChange": "activeItemIdChange"; "itemClick": "itemClick"; }, never, never, true, never>;
|
|
2782
|
+
}
|
|
2783
|
+
|
|
2784
|
+
/** Which edge of the anchor the panel sits against. */
|
|
2785
|
+
type PopoverSide = 'top' | 'bottom' | 'left' | 'right';
|
|
2786
|
+
/**
|
|
2787
|
+
* How the panel lines up along the side it sits on, in terms of that side's
|
|
2788
|
+
* cross axis. Internal: the public placements name the edge instead (see
|
|
2789
|
+
* PopoverPlacement), but every measurement below is axis-relative, so `start`
|
|
2790
|
+
* meaning "left on a horizontal axis, top on a vertical one" is what keeps the
|
|
2791
|
+
* maths from needing a switch on the side at every step.
|
|
2792
|
+
*/
|
|
2793
|
+
type PopoverAlign = 'start' | 'center' | 'end';
|
|
2794
|
+
/**
|
|
2795
|
+
* The 12 placements: four sides x three alignments. A bare side (`top`) centres
|
|
2796
|
+
* the panel on the trigger; the suffixed forms name the edge the panel lines up
|
|
2797
|
+
* against, so the axis is always concrete — `top-left` aligns left edges, while
|
|
2798
|
+
* `left-top` aligns top edges. There is no `left-left`: alignment on the left
|
|
2799
|
+
* and right sides runs vertically.
|
|
2800
|
+
*/
|
|
2801
|
+
type PopoverPlacement = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom';
|
|
2802
|
+
/** Every placement, in the order a placement picker should show them. */
|
|
2803
|
+
declare const POPOVER_PLACEMENTS: readonly PopoverPlacement[];
|
|
2804
|
+
interface Rect {
|
|
2805
|
+
top: number;
|
|
2806
|
+
left: number;
|
|
2807
|
+
width: number;
|
|
2808
|
+
height: number;
|
|
2809
|
+
}
|
|
2810
|
+
interface Size {
|
|
2811
|
+
width: number;
|
|
2812
|
+
height: number;
|
|
2813
|
+
}
|
|
2814
|
+
interface PopoverPositionOptions {
|
|
2815
|
+
/** Gap between the anchor and the panel, in px. */
|
|
2816
|
+
offset: number;
|
|
2817
|
+
/** Smallest gap to leave between the panel and the viewport edge, in px. */
|
|
2818
|
+
viewportPadding: number;
|
|
2819
|
+
/** Edge length of the (unrotated) arrow square, in px. */
|
|
2820
|
+
arrowSize: number;
|
|
2821
|
+
/** Whether a panel that doesn't fit may move to the opposite side. */
|
|
2822
|
+
flip: boolean;
|
|
2823
|
+
viewport: Size;
|
|
2824
|
+
}
|
|
2825
|
+
interface PopoverPosition {
|
|
2826
|
+
/** Viewport coordinates for the panel (it is positioned `fixed`). */
|
|
2827
|
+
top: number;
|
|
2828
|
+
left: number;
|
|
2829
|
+
/** Where the panel actually landed — not necessarily what was requested. */
|
|
2830
|
+
side: PopoverSide;
|
|
2831
|
+
align: PopoverAlign;
|
|
2832
|
+
placement: PopoverPlacement;
|
|
2833
|
+
/**
|
|
2834
|
+
* Distance from the panel's leading edge to the arrow's centre, along the
|
|
2835
|
+
* panel's cross axis (x for top/bottom, y for left/right).
|
|
2836
|
+
*/
|
|
2837
|
+
arrowOffset: number;
|
|
2838
|
+
}
|
|
2839
|
+
/** `top-left` → side `top`, align `start`. A bare side means centred. */
|
|
2840
|
+
declare function splitPlacement(placement: PopoverPlacement): {
|
|
2841
|
+
side: PopoverSide;
|
|
2842
|
+
align: PopoverAlign;
|
|
2843
|
+
};
|
|
2844
|
+
/**
|
|
2845
|
+
* Inverse of splitPlacement — centred placements lose the suffix. Safe to call
|
|
2846
|
+
* after a flip: flipping only ever swaps a side for its opposite, which shares
|
|
2847
|
+
* the same cross axis, so the alignment word stays meaningful.
|
|
2848
|
+
*/
|
|
2849
|
+
declare function joinPlacement(side: PopoverSide, align: PopoverAlign): PopoverPlacement;
|
|
2850
|
+
/**
|
|
2851
|
+
* Places the panel against the anchor, then keeps it on screen in two ways:
|
|
2852
|
+
*
|
|
2853
|
+
* - flip: a panel with no room on the requested side moves to the opposite one,
|
|
2854
|
+
* but only if it actually fits there — flipping into a second bad fit just
|
|
2855
|
+
* trades one clipped edge for another.
|
|
2856
|
+
* - shift: the panel slides along its cross axis to stay inside the viewport.
|
|
2857
|
+
* The arrow is measured against the *anchor*, not the panel, so it keeps
|
|
2858
|
+
* pointing at the trigger however far the panel had to slide.
|
|
2859
|
+
*/
|
|
2860
|
+
declare function computePopoverPosition(anchor: Rect, panel: Size, placement: PopoverPlacement, options: PopoverPositionOptions): PopoverPosition;
|
|
2861
|
+
|
|
2862
|
+
declare class BkPopover implements AfterViewInit, OnDestroy {
|
|
2863
|
+
/**
|
|
2864
|
+
* One of the 12 placements (`top-left`, `right`, `bottom-right`, …). It is a
|
|
2865
|
+
* preference, not a guarantee: a panel with no room moves to the opposite
|
|
2866
|
+
* side (unless `flip` is off) and slides along the edge to stay on screen.
|
|
2867
|
+
* Read `activePlacement()` for where it actually landed.
|
|
2868
|
+
*/
|
|
2869
|
+
placement: _angular_core.InputSignal<PopoverPlacement>;
|
|
2870
|
+
/**
|
|
2871
|
+
* `click` toggles and stays open until dismissed — the right choice for
|
|
2872
|
+
* anything interactive. `hover` opens on the way in and closes on the way
|
|
2873
|
+
* out, with a grace period so the pointer can travel into the panel.
|
|
2874
|
+
*/
|
|
2875
|
+
trigger: _angular_core.InputSignal<"click" | "hover">;
|
|
2876
|
+
/** Optional heading. Empty hides the header row entirely. */
|
|
2877
|
+
title: _angular_core.InputSignal<string>;
|
|
2878
|
+
/** Show the × in the header. Ignored without a `title` to put it in. */
|
|
2879
|
+
closable: _angular_core.InputSignal<boolean>;
|
|
2880
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
2881
|
+
showArrow: _angular_core.InputSignal<boolean>;
|
|
2882
|
+
/** Gap between the trigger and the panel, in px. The arrow spans most of it. */
|
|
2883
|
+
offset: _angular_core.InputSignal<number>;
|
|
2884
|
+
/** Allow moving to the opposite side when the requested one has no room. */
|
|
2885
|
+
flip: _angular_core.InputSignal<boolean>;
|
|
2886
|
+
closeOnClickOutside: _angular_core.InputSignal<boolean>;
|
|
2887
|
+
closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
2888
|
+
/** Hover only: ms before opening / before closing once the pointer leaves.
|
|
2889
|
+
* The close delay is what makes the panel reachable — drop it to 0 and the
|
|
2890
|
+
* panel disappears as the pointer crosses the gap. */
|
|
2891
|
+
openDelay: _angular_core.InputSignal<number>;
|
|
2892
|
+
closeDelay: _angular_core.InputSignal<number>;
|
|
2893
|
+
maxWidth: _angular_core.InputSignal<string>;
|
|
2894
|
+
panelClass: _angular_core.InputSignal<string>;
|
|
2895
|
+
/**
|
|
2896
|
+
* Relocate the panel to <body> while open. `position: fixed` alone resolves
|
|
2897
|
+
* against a transformed ancestor rather than the viewport, so a popover
|
|
2898
|
+
* inside an animated dialog or a transformed card needs this to escape.
|
|
2899
|
+
*/
|
|
2900
|
+
appendToBody: _angular_core.InputSignal<boolean>;
|
|
2901
|
+
opened: _angular_core.OutputEmitterRef<void>;
|
|
2902
|
+
closed: _angular_core.OutputEmitterRef<void>;
|
|
2903
|
+
openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
2904
|
+
anchorRef: ElementRef<HTMLElement>;
|
|
2905
|
+
panelRef?: ElementRef<HTMLElement>;
|
|
2906
|
+
private static activeInstance;
|
|
2907
|
+
private readonly host;
|
|
2908
|
+
isOpen: _angular_core.WritableSignal<boolean>;
|
|
2909
|
+
/**
|
|
2910
|
+
* Null until the panel has been measured. The template keeps the panel
|
|
2911
|
+
* hidden while it is null: the first frame exists only to measure, and
|
|
2912
|
+
* showing it at 0,0 first would flash it in the corner.
|
|
2913
|
+
*/
|
|
2914
|
+
position: _angular_core.WritableSignal<PopoverPosition | null>;
|
|
2915
|
+
/** Where the panel actually is, once positioned — may differ from `placement`. */
|
|
2916
|
+
activePlacement: _angular_core.Signal<PopoverPlacement>;
|
|
2917
|
+
/** Side the panel sits on. Drives which edge the arrow hangs off (see CSS). */
|
|
2918
|
+
side: _angular_core.Signal<_brickclay_org_ui.PopoverSide>;
|
|
2919
|
+
private openTimer;
|
|
2920
|
+
private closeTimer;
|
|
2921
|
+
private pointerInPanel;
|
|
2922
|
+
private resizeObserver?;
|
|
2923
|
+
private originalPanelParent;
|
|
2924
|
+
private originalPanelAnchor;
|
|
2925
|
+
private panelInBody;
|
|
2926
|
+
ngAfterViewInit(): void;
|
|
2927
|
+
ngOnDestroy(): void;
|
|
2928
|
+
open(): void;
|
|
2929
|
+
close(): void;
|
|
2930
|
+
toggle(): void;
|
|
2931
|
+
onAnchorClick(): void;
|
|
2932
|
+
onAnchorEnter(): void;
|
|
2933
|
+
onAnchorLeave(): void;
|
|
2934
|
+
onPanelEnter(): void;
|
|
2935
|
+
onPanelLeave(): void;
|
|
2936
|
+
/** Only attached while open — see open(). Arrow fn so it can be removed. */
|
|
2937
|
+
private onDocumentClick;
|
|
2938
|
+
onEscape(): void;
|
|
2939
|
+
private reposition;
|
|
2940
|
+
/** Measures the anchor and panel, then hands the maths to the utility. */
|
|
2941
|
+
private measure;
|
|
2942
|
+
/** Arrow offset along the panel's cross axis — x on top/bottom, y on left/right. */
|
|
2943
|
+
arrowLeft: _angular_core.Signal<number | null>;
|
|
2944
|
+
arrowTop: _angular_core.Signal<number | null>;
|
|
2945
|
+
private movePanelToBody;
|
|
2946
|
+
private restorePanel;
|
|
2947
|
+
private scheduleClose;
|
|
2948
|
+
private cancelOpen;
|
|
2949
|
+
private cancelClose;
|
|
2950
|
+
private clearTimers;
|
|
2951
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkPopover, never>;
|
|
2952
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkPopover, "bk-popover", ["bkPopover"], { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "openChange": "openChange"; }, never, ["[bkPopoverTrigger]", "*"], true, never>;
|
|
2953
|
+
}
|
|
2954
|
+
|
|
2955
|
+
/** One entry in a stacked avatar group. Mirrors the display inputs of bk-avatar. */
|
|
2956
|
+
interface AvatarGroupItem {
|
|
2957
|
+
src?: string | null;
|
|
2958
|
+
name?: string;
|
|
2959
|
+
initialsOverride?: string;
|
|
2960
|
+
alt?: string;
|
|
2961
|
+
tooltipContent?: string | string[] | null;
|
|
2962
|
+
bgColor?: string | null;
|
|
2963
|
+
textColor?: string | null;
|
|
2964
|
+
variant?: AvatarVariant;
|
|
2965
|
+
dot?: DotStatus;
|
|
2966
|
+
dotPosition?: DotPosition;
|
|
2967
|
+
}
|
|
2968
|
+
/**
|
|
2969
|
+
* A stacked ("avatar list") group. Renders a set of overlapping `bk-avatar`s and
|
|
2970
|
+
* collapses any beyond `max` into a `+N` bubble whose tooltip lists the hidden
|
|
2971
|
+
* names. Uses bk-avatar for every slot, so image/initials/icon fallback, sizing
|
|
2972
|
+
* and status dots all come for free.
|
|
2973
|
+
*/
|
|
2974
|
+
declare class BkAvatarGroup {
|
|
2975
|
+
/** The people to stack. */
|
|
2976
|
+
avatars: AvatarGroupItem[];
|
|
2977
|
+
/** Shared size for every avatar in the group. */
|
|
2978
|
+
size: AvatarSize;
|
|
2979
|
+
/** Max avatars shown before collapsing the rest into a +N bubble. */
|
|
2980
|
+
max: number;
|
|
2981
|
+
/** Default variant for items that don't set their own. */
|
|
2982
|
+
variant: AvatarVariant;
|
|
2983
|
+
/** Show the +N overflow bubble (otherwise extra avatars are just hidden). */
|
|
2984
|
+
showOverflow: boolean;
|
|
2985
|
+
get visibleAvatars(): AvatarGroupItem[];
|
|
2986
|
+
get overflowCount(): number;
|
|
2987
|
+
get overflowLabel(): string;
|
|
2988
|
+
/** Names of the hidden avatars, for the +N tooltip. */
|
|
2989
|
+
get overflowTooltip(): string;
|
|
2990
|
+
trackByIndex(index: number): number;
|
|
2991
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkAvatarGroup, never>;
|
|
2992
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkAvatarGroup, "bk-avatar-group", never, { "avatars": { "alias": "avatars"; "required": false; }; "size": { "alias": "size"; "required": false; }; "max": { "alias": "max"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "showOverflow": { "alias": "showOverflow"; "required": false; }; }, {}, never, never, true, never>;
|
|
2638
2993
|
}
|
|
2639
2994
|
|
|
2640
|
-
export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BkAvatar, BkAvatarUploader, BkBadge, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkDropdown, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkMenu, BkPagination, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkValidator, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, getDialogBackdropAnimation, getDialogPanelAnimation };
|
|
2641
|
-
export type { AvatarFallback, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkLoaderVariant, BkPageSize, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, CountryOption, CustomRangesConfig, DotPosition, DotStatus, DropdownItem, DropdownPlacement, DropdownSize, DropdownTrigger, DropdownVariant, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, MenuItem, MenuOrientation, MenuSubmenuMode, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TabIconDirection, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TabsColors, TabsOrientation, TabsVariant, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };
|
|
2995
|
+
export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BkAvatar, BkAvatarGroup, BkAvatarUploader, BkBadge, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkDropdown, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkMenu, BkPagination, BkPill, BkPopover, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkValidator, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, NEUTRAL_APPEARANCE, POPOVER_PLACEMENTS, computePopoverPosition, deriveAppearance, getDialogBackdropAnimation, getDialogPanelAnimation, joinPlacement, parseColor, splitPlacement };
|
|
2996
|
+
export type { AvatarFallback, AvatarGroupItem, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkLoaderVariant, BkPageSize, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, ColorAppearance, ColorFill, CountryOption, CustomRangesConfig, DotPosition, DotStatus, DropdownItem, DropdownPlacement, DropdownSize, DropdownTrigger, DropdownVariant, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, MenuItem, MenuOrientation, MenuSubmenuMode, PillColor, PillSize, PillVariant, PopoverAlign, PopoverPlacement, PopoverPosition, PopoverPositionOptions, PopoverSide, Rect, ScheduledDateSelection, Size, SortDirection, SpinnerSize, TabIconDirection, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TabsColors, TabsOrientation, TabsVariant, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };
|