@actabldesign/bellhop-angular 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/README.md +202 -0
- package/dist/lib/stencil-generated/components.d.ts +39 -69
- package/dist/lib/stencil-generated/components.d.ts.map +1 -1
- package/dist/lib/stencil-generated/components.js +90 -126
- package/dist/lib/stencil-generated/components.js.map +1 -1
- package/dist/lib/stencil-generated/index.d.ts +1 -1
- package/dist/lib/stencil-generated/index.d.ts.map +1 -1
- package/dist/lib/stencil-generated/index.js +1 -2
- package/dist/lib/stencil-generated/index.js.map +1 -1
- package/dist/package.json +3 -2
- package/package.json +1 -1
package/dist/README.md
ADDED
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
# @actabldesign/bellhop-angular
|
|
2
|
+
|
|
3
|
+
Angular wrapper components for the Bellhop design system. Provides Angular-friendly wrappers around the Stencil web components from `@actabldesign/bellhop-core`.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @actabldesign/bellhop-angular @actabldesign/bellhop-core @actabldesign/bellhop-styles
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Setup
|
|
12
|
+
|
|
13
|
+
### 1. Register Custom Elements
|
|
14
|
+
|
|
15
|
+
In your `main.ts`:
|
|
16
|
+
|
|
17
|
+
```typescript
|
|
18
|
+
import { defineCustomElements } from '@actabldesign/bellhop-core/loader';
|
|
19
|
+
|
|
20
|
+
defineCustomElements();
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### 2. Import Styles
|
|
24
|
+
|
|
25
|
+
In your `src/styles.css`:
|
|
26
|
+
|
|
27
|
+
```css
|
|
28
|
+
@import '@actabldesign/bellhop-styles';
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### 3. Add Schema to Module/Component
|
|
32
|
+
|
|
33
|
+
For standalone components:
|
|
34
|
+
|
|
35
|
+
```typescript
|
|
36
|
+
import { Component } from '@angular/core';
|
|
37
|
+
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
38
|
+
|
|
39
|
+
@Component({
|
|
40
|
+
selector: 'app-example',
|
|
41
|
+
standalone: true,
|
|
42
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
43
|
+
template: `<bh-button label="Click Me" hierarchy="primary"></bh-button>`,
|
|
44
|
+
})
|
|
45
|
+
export class ExampleComponent {}
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
For NgModule-based apps:
|
|
49
|
+
|
|
50
|
+
```typescript
|
|
51
|
+
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
52
|
+
|
|
53
|
+
@NgModule({
|
|
54
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
55
|
+
})
|
|
56
|
+
export class AppModule {}
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
## Usage
|
|
60
|
+
|
|
61
|
+
### Basic Example
|
|
62
|
+
|
|
63
|
+
```html
|
|
64
|
+
<bh-button
|
|
65
|
+
label="Primary Button"
|
|
66
|
+
hierarchy="primary"
|
|
67
|
+
(bhClick)="handleClick($event)"
|
|
68
|
+
></bh-button>
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
### Form Inputs
|
|
72
|
+
|
|
73
|
+
```html
|
|
74
|
+
<bh-input-text
|
|
75
|
+
label="Email"
|
|
76
|
+
placeholder="Enter your email"
|
|
77
|
+
[value]="email"
|
|
78
|
+
(bhInput)="onEmailChange($event)"
|
|
79
|
+
></bh-input-text>
|
|
80
|
+
|
|
81
|
+
<bh-dropdown
|
|
82
|
+
label="Select an option"
|
|
83
|
+
[options]="options"
|
|
84
|
+
(bhChange)="onOptionSelect($event)"
|
|
85
|
+
></bh-dropdown>
|
|
86
|
+
|
|
87
|
+
<bh-checkbox
|
|
88
|
+
label="Accept terms"
|
|
89
|
+
[checked]="accepted"
|
|
90
|
+
(bhChange)="onAcceptChange($event)"
|
|
91
|
+
></bh-checkbox>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
### Cards and Layout
|
|
95
|
+
|
|
96
|
+
```html
|
|
97
|
+
<bh-card>
|
|
98
|
+
<bh-card-header>
|
|
99
|
+
<span slot="title">Card Title</span>
|
|
100
|
+
<span slot="subtitle">Card subtitle</span>
|
|
101
|
+
</bh-card-header>
|
|
102
|
+
|
|
103
|
+
<p>Card content goes here</p>
|
|
104
|
+
|
|
105
|
+
<bh-card-footer>
|
|
106
|
+
<bh-button label="Cancel" hierarchy="tertiary"></bh-button>
|
|
107
|
+
<bh-button label="Save" hierarchy="primary"></bh-button>
|
|
108
|
+
</bh-card-footer>
|
|
109
|
+
</bh-card>
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
### Modal Dialog
|
|
113
|
+
|
|
114
|
+
```html
|
|
115
|
+
<bh-modal [open]="isModalOpen" (bhClose)="closeModal()">
|
|
116
|
+
<bh-modal-header>
|
|
117
|
+
<span slot="title">Confirm Action</span>
|
|
118
|
+
</bh-modal-header>
|
|
119
|
+
|
|
120
|
+
<p>Are you sure you want to proceed?</p>
|
|
121
|
+
|
|
122
|
+
<bh-modal-actions>
|
|
123
|
+
<bh-button
|
|
124
|
+
label="Cancel"
|
|
125
|
+
hierarchy="secondary"
|
|
126
|
+
(bhClick)="closeModal()"
|
|
127
|
+
></bh-button>
|
|
128
|
+
<bh-button
|
|
129
|
+
label="Confirm"
|
|
130
|
+
hierarchy="primary"
|
|
131
|
+
(bhClick)="confirm()"
|
|
132
|
+
></bh-button>
|
|
133
|
+
</bh-modal-actions>
|
|
134
|
+
</bh-modal>
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
### Data Display
|
|
138
|
+
|
|
139
|
+
```html
|
|
140
|
+
<bh-badge label="New" color="primary"></bh-badge>
|
|
141
|
+
|
|
142
|
+
<bh-tag label="Category" [removable]="true" (bhRemove)="removeTag()"></bh-tag>
|
|
143
|
+
|
|
144
|
+
<bh-avatar name="John Doe" size="md"></bh-avatar>
|
|
145
|
+
```
|
|
146
|
+
|
|
147
|
+
## Event Handling
|
|
148
|
+
|
|
149
|
+
All Bellhop events use the `bh` prefix. In Angular templates, bind to these using the standard event syntax:
|
|
150
|
+
|
|
151
|
+
```html
|
|
152
|
+
<!-- Button click -->
|
|
153
|
+
<bh-button (bhClick)="handleClick($event)"></bh-button>
|
|
154
|
+
|
|
155
|
+
<!-- Input change -->
|
|
156
|
+
<bh-input-text
|
|
157
|
+
(bhInput)="handleInput($event)"
|
|
158
|
+
(bhChange)="handleChange($event)"
|
|
159
|
+
></bh-input-text>
|
|
160
|
+
|
|
161
|
+
<!-- Dropdown selection -->
|
|
162
|
+
<bh-dropdown (bhChange)="handleSelect($event)"></bh-dropdown>
|
|
163
|
+
|
|
164
|
+
<!-- Modal close -->
|
|
165
|
+
<bh-modal (bhClose)="handleClose()"></bh-modal>
|
|
166
|
+
```
|
|
167
|
+
|
|
168
|
+
## Available Components
|
|
169
|
+
|
|
170
|
+
All components from `@actabldesign/bellhop-core` are available. Key components include:
|
|
171
|
+
|
|
172
|
+
**Layout**: `bh-appbar`, `bh-sidebar`, `bh-card`, `bh-modal`, `bh-accordion`, `bh-tabs`
|
|
173
|
+
|
|
174
|
+
**Forms**: `bh-button`, `bh-input-text`, `bh-input-password`, `bh-input-number`, `bh-textarea`, `bh-checkbox`, `bh-radio-button`, `bh-toggle`, `bh-dropdown`
|
|
175
|
+
|
|
176
|
+
**Date/Time**: `bh-date-picker`, `bh-date-range-picker`, `bh-month-picker`
|
|
177
|
+
|
|
178
|
+
**Data Display**: `bh-data-grid`, `bh-badge`, `bh-tag`, `bh-avatar`, `bh-tooltip`
|
|
179
|
+
|
|
180
|
+
**Feedback**: `bh-notification`, `bh-loader-spinner`, `bh-empty-state`, `bh-skeleton-loader`
|
|
181
|
+
|
|
182
|
+
**Navigation**: `bh-breadcrumbs`, `bh-page-navigation`, `bh-pagination`
|
|
183
|
+
|
|
184
|
+
**Charts**: `bh-bar-chart`, `bh-pie-chart`, `bh-trend-chart`
|
|
185
|
+
|
|
186
|
+
See the [bellhop-core README](../bellhop-core/README.md) for the complete component list.
|
|
187
|
+
|
|
188
|
+
## Compatibility
|
|
189
|
+
|
|
190
|
+
- Angular 19+
|
|
191
|
+
- Works with both standalone components and NgModule-based apps
|
|
192
|
+
|
|
193
|
+
## Related Packages
|
|
194
|
+
|
|
195
|
+
- `@actabldesign/bellhop-core` - Web Components (StencilJS)
|
|
196
|
+
- `@actabldesign/bellhop-react` - React component wrappers
|
|
197
|
+
- `@actabldesign/bellhop-styles` - CSS styles and design tokens
|
|
198
|
+
- `@actabldesign/bellhop-assets` - SVG icons, illustrations, logos
|
|
199
|
+
|
|
200
|
+
## License
|
|
201
|
+
|
|
202
|
+
MIT
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
|
|
2
2
|
import type { Components } from '@actabldesign/bellhop-core/components';
|
|
3
3
|
import type { BreadcrumbItem as IBhAppbarBreadcrumbItem } from '@actabldesign/bellhop-core/components';
|
|
4
|
+
import type { BreadcrumbDropdownSelectDetail as IBhAppbarBreadcrumbDropdownSelectDetail } from '@actabldesign/bellhop-core/components';
|
|
4
5
|
import type { AutocompleteMenuItem as IBhAutocompleteMenuAutocompleteMenuItem } from '@actabldesign/bellhop-core/components';
|
|
5
6
|
import type { BreadcrumbItem as IBhBreadcrumbsBreadcrumbItem } from '@actabldesign/bellhop-core/components';
|
|
7
|
+
import type { BreadcrumbDropdownSelectDetail as IBhBreadcrumbsBreadcrumbDropdownSelectDetail } from '@actabldesign/bellhop-core/components';
|
|
6
8
|
import type { DataGridSortChangeEvent as IBhDataGridDataGridSortChangeEvent } from '@actabldesign/bellhop-core/components';
|
|
7
9
|
import type { DataGridFilterChangeEvent as IBhDataGridDataGridFilterChangeEvent } from '@actabldesign/bellhop-core/components';
|
|
8
10
|
import type { DataGridSelectionChangeEvent as IBhDataGridDataGridSelectionChangeEvent } from '@actabldesign/bellhop-core/components';
|
|
@@ -28,7 +30,6 @@ import type { MonthYear as IBhMonthPickerMonthYear } from '@actabldesign/bellhop
|
|
|
28
30
|
import type { MonthYear as IBhMonthPickerContentMonthYear } from '@actabldesign/bellhop-core/components';
|
|
29
31
|
import type { PaginationChangeEvent as IBhPaginationPaginationChangeEvent } from '@actabldesign/bellhop-core/components';
|
|
30
32
|
import type { MonthYear as IBhPickerMenuMonthYear } from '@actabldesign/bellhop-core/components';
|
|
31
|
-
import type { PopoverItem as IBhPopoverPopoverItem } from '@actabldesign/bellhop-core/components';
|
|
32
33
|
import type { BhProduct as IBhProductSwitcherBhProduct } from '@actabldesign/bellhop-core/components';
|
|
33
34
|
import type { PropertyOption as IBhPropertySwitcherPropertyOption } from '@actabldesign/bellhop-core/components';
|
|
34
35
|
import type { DropdownMenuItem as IBhSidebarDropdownMenuItem } from '@actabldesign/bellhop-core/components';
|
|
@@ -80,9 +81,10 @@ export declare class BhAppbar {
|
|
|
80
81
|
bhNotificationClick: EventEmitter<CustomEvent<void>>;
|
|
81
82
|
bhCalendarClick: EventEmitter<CustomEvent<void>>;
|
|
82
83
|
bhSettingsClick: EventEmitter<CustomEvent<void>>;
|
|
84
|
+
bhBreadcrumbDropdownSelect: EventEmitter<CustomEvent<IBhAppbarBreadcrumbDropdownSelectDetail>>;
|
|
83
85
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
84
86
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhAppbar, never>;
|
|
85
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhAppbar, "bh-appbar", never, { "breadcrumbItems": { "alias": "breadcrumbItems"; "required": false; }; "isMenuOpen": { "alias": "isMenuOpen"; "required": false; }; "logoAlt": { "alias": "logoAlt"; "required": false; }; "logoSrc": { "alias": "logoSrc"; "required": false; }; "notificationCount": { "alias": "notificationCount"; "required": false; }; }, { "bhMenuToggle": "bhMenuToggle"; "bhBreadcrumbClick": "bhBreadcrumbClick"; "bhNotificationClick": "bhNotificationClick"; "bhCalendarClick": "bhCalendarClick"; "bhSettingsClick": "bhSettingsClick"; }, never, ["*"], true, never>;
|
|
87
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhAppbar, "bh-appbar", never, { "breadcrumbItems": { "alias": "breadcrumbItems"; "required": false; }; "isMenuOpen": { "alias": "isMenuOpen"; "required": false; }; "logoAlt": { "alias": "logoAlt"; "required": false; }; "logoImageSrc": { "alias": "logoImageSrc"; "required": false; }; "logoSrc": { "alias": "logoSrc"; "required": false; }; "notificationCount": { "alias": "notificationCount"; "required": false; }; "showBreadcrumbHome": { "alias": "showBreadcrumbHome"; "required": false; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; }; }, { "bhMenuToggle": "bhMenuToggle"; "bhBreadcrumbClick": "bhBreadcrumbClick"; "bhNotificationClick": "bhNotificationClick"; "bhCalendarClick": "bhCalendarClick"; "bhSettingsClick": "bhSettingsClick"; "bhBreadcrumbDropdownSelect": "bhBreadcrumbDropdownSelect"; }, never, ["*"], true, never>;
|
|
86
88
|
}
|
|
87
89
|
export declare interface BhAppbar extends Components.BhAppbar {
|
|
88
90
|
/**
|
|
@@ -105,6 +107,7 @@ export declare interface BhAppbar extends Components.BhAppbar {
|
|
|
105
107
|
* Event emitted when settings icon is clicked
|
|
106
108
|
*/
|
|
107
109
|
bhSettingsClick: EventEmitter<CustomEvent<void>>;
|
|
110
|
+
bhBreadcrumbDropdownSelect: EventEmitter<CustomEvent<IBhAppbarBreadcrumbDropdownSelectDetail>>;
|
|
108
111
|
}
|
|
109
112
|
export declare class BhAutocompleteMenu {
|
|
110
113
|
protected z: NgZone;
|
|
@@ -204,19 +207,15 @@ export declare class BhBreadcrumbs {
|
|
|
204
207
|
protected el: HTMLBhBreadcrumbsElement;
|
|
205
208
|
bhItemClick: EventEmitter<CustomEvent<IBhAppbarBreadcrumbItem>>;
|
|
206
209
|
bhNavigate: EventEmitter<CustomEvent<string>>;
|
|
210
|
+
bhDropdownSelect: EventEmitter<CustomEvent<IBhAppbarBreadcrumbDropdownSelectDetail>>;
|
|
207
211
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
208
212
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhBreadcrumbs, never>;
|
|
209
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhBreadcrumbs, "bh-breadcrumbs", never, { "items": { "alias": "items"; "required": false; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; }; "
|
|
213
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhBreadcrumbs, "bh-breadcrumbs", never, { "items": { "alias": "items"; "required": false; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; }; "showHome": { "alias": "showHome"; "required": false; }; }, { "bhItemClick": "bhItemClick"; "bhNavigate": "bhNavigate"; "bhDropdownSelect": "bhDropdownSelect"; }, never, ["*"], true, never>;
|
|
210
214
|
}
|
|
211
215
|
export declare interface BhBreadcrumbs extends Components.BhBreadcrumbs {
|
|
212
|
-
/**
|
|
213
|
-
* Event emitted when a breadcrumb item is clicked
|
|
214
|
-
*/
|
|
215
216
|
bhItemClick: EventEmitter<CustomEvent<IBhBreadcrumbsBreadcrumbItem>>;
|
|
216
|
-
/**
|
|
217
|
-
* Event emitted when navigating to a path
|
|
218
|
-
*/
|
|
219
217
|
bhNavigate: EventEmitter<CustomEvent<string>>;
|
|
218
|
+
bhDropdownSelect: EventEmitter<CustomEvent<IBhBreadcrumbsBreadcrumbDropdownSelectDetail>>;
|
|
220
219
|
}
|
|
221
220
|
export declare class BhButton {
|
|
222
221
|
protected z: NgZone;
|
|
@@ -260,7 +259,7 @@ export declare class BhCardFooter {
|
|
|
260
259
|
protected el: HTMLBhCardFooterElement;
|
|
261
260
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
262
261
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhCardFooter, never>;
|
|
263
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhCardFooter, "bh-card-footer", never, { "alignment": { "alias": "alignment"; "required": false; }; "showDivider": { "alias": "showDivider"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
262
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhCardFooter, "bh-card-footer", never, { "alignment": { "alias": "alignment"; "required": false; }; "maxButtons": { "alias": "maxButtons"; "required": false; }; "showDivider": { "alias": "showDivider"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
264
263
|
}
|
|
265
264
|
export declare interface BhCardFooter extends Components.BhCardFooter {
|
|
266
265
|
}
|
|
@@ -270,11 +269,11 @@ export declare class BhCardHeader {
|
|
|
270
269
|
bhDropdownClick: EventEmitter<CustomEvent<void>>;
|
|
271
270
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
272
271
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhCardHeader, never>;
|
|
273
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhCardHeader, "bh-card-header", never, { "badgeText": { "alias": "badgeText"; "required": false; }; "featuredIcon": { "alias": "featuredIcon"; "required": false; }; "featuredIconColor": { "alias": "featuredIconColor"; "required": false; }; "featuredIconStyle": { "alias": "featuredIconStyle"; "required": false; }; "headerTitle": { "alias": "headerTitle"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; }; "showDivider": { "alias": "showDivider"; "required": false; }; "showDropdown": { "alias": "showDropdown"; "required": false; }; "showFeaturedIcon": { "alias": "showFeaturedIcon"; "required": false; }; "showSupportingText": { "alias": "showSupportingText"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; }, { "bhDropdownClick": "bhDropdownClick"; }, never, ["*"], true, never>;
|
|
272
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhCardHeader, "bh-card-header", never, { "badgeText": { "alias": "badgeText"; "required": false; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; }; "featuredIcon": { "alias": "featuredIcon"; "required": false; }; "featuredIconColor": { "alias": "featuredIconColor"; "required": false; }; "featuredIconStyle": { "alias": "featuredIconStyle"; "required": false; }; "headerTitle": { "alias": "headerTitle"; "required": false; }; "showAction": { "alias": "showAction"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; }; "showDivider": { "alias": "showDivider"; "required": false; }; "showDropdown": { "alias": "showDropdown"; "required": false; }; "showFeaturedIcon": { "alias": "showFeaturedIcon"; "required": false; }; "showSupportingText": { "alias": "showSupportingText"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; }, { "bhDropdownClick": "bhDropdownClick"; }, never, ["*"], true, never>;
|
|
274
273
|
}
|
|
275
274
|
export declare interface BhCardHeader extends Components.BhCardHeader {
|
|
276
275
|
/**
|
|
277
|
-
* Emitted when the
|
|
276
|
+
* Emitted when the default action button is clicked
|
|
278
277
|
*/
|
|
279
278
|
bhDropdownClick: EventEmitter<CustomEvent<void>>;
|
|
280
279
|
}
|
|
@@ -335,29 +334,6 @@ export declare interface BhCheckboxGroupItem extends Components.BhCheckboxGroupI
|
|
|
335
334
|
checked: boolean;
|
|
336
335
|
}>>;
|
|
337
336
|
}
|
|
338
|
-
export declare class BhContainer {
|
|
339
|
-
protected z: NgZone;
|
|
340
|
-
protected el: HTMLBhContainerElement;
|
|
341
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
342
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BhContainer, never>;
|
|
343
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhContainer, "bh-container", never, { "withFooter": { "alias": "withFooter"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
344
|
-
}
|
|
345
|
-
export declare interface BhContainer extends Components.BhContainer {
|
|
346
|
-
}
|
|
347
|
-
export declare class BhContainerFooter {
|
|
348
|
-
protected z: NgZone;
|
|
349
|
-
protected el: HTMLBhContainerFooterElement;
|
|
350
|
-
bhButtonClick: EventEmitter<CustomEvent<void>>;
|
|
351
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
352
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BhContainerFooter, never>;
|
|
353
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhContainerFooter, "bh-container-footer", never, { "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "bhButtonClick": "bhButtonClick"; }, never, ["*"], true, never>;
|
|
354
|
-
}
|
|
355
|
-
export declare interface BhContainerFooter extends Components.BhContainerFooter {
|
|
356
|
-
/**
|
|
357
|
-
* Event emitted when the button is clicked
|
|
358
|
-
*/
|
|
359
|
-
bhButtonClick: EventEmitter<CustomEvent<void>>;
|
|
360
|
-
}
|
|
361
337
|
export declare class BhDataGrid {
|
|
362
338
|
protected z: NgZone;
|
|
363
339
|
protected el: HTMLBhDataGridElement;
|
|
@@ -497,7 +473,7 @@ export declare class BhDropdown {
|
|
|
497
473
|
bhItemClick: EventEmitter<CustomEvent<IBhDropdownDropdownMenuItem>>;
|
|
498
474
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
499
475
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhDropdown, never>;
|
|
500
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhDropdown, "bh-dropdown", never, { "avatarAlt": { "alias": "avatarAlt"; "required": false; }; "avatarEmail": { "alias": "avatarEmail"; "required": false; }; "avatarName": { "alias": "avatarName"; "required": false; }; "avatarSize": { "alias": "avatarSize"; "required": false; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "header": { "alias": "header"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "label": { "alias": "label"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "bhItemClick": "bhItemClick"; }, never, ["*"], true, never>;
|
|
476
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhDropdown, "bh-dropdown", never, { "avatarAlt": { "alias": "avatarAlt"; "required": false; }; "avatarEmail": { "alias": "avatarEmail"; "required": false; }; "avatarImageSrc": { "alias": "avatarImageSrc"; "required": false; }; "avatarName": { "alias": "avatarName"; "required": false; }; "avatarSize": { "alias": "avatarSize"; "required": false; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "header": { "alias": "header"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "label": { "alias": "label"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "bhItemClick": "bhItemClick"; }, never, ["*"], true, never>;
|
|
501
477
|
}
|
|
502
478
|
export declare interface BhDropdown extends Components.BhDropdown {
|
|
503
479
|
/**
|
|
@@ -526,7 +502,7 @@ export declare class BhEmptyState {
|
|
|
526
502
|
bhSecondaryAction: EventEmitter<CustomEvent<void>>;
|
|
527
503
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
528
504
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhEmptyState, never>;
|
|
529
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhEmptyState, "bh-empty-state", never, { "description": { "alias": "description"; "required": false; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; }; "illustrationPath": { "alias": "illustrationPath"; "required": false; }; "illustrationSize": { "alias": "illustrationSize"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "primaryActionIcon": { "alias": "primaryActionIcon"; "required": false; }; "primaryActionText": { "alias": "primaryActionText"; "required": false; }; "secondaryActionIcon": { "alias": "secondaryActionIcon"; "required": false; }; "secondaryActionText": { "alias": "secondaryActionText"; "required": false; }; }, { "bhPrimaryAction": "bhPrimaryAction"; "bhSecondaryAction": "bhSecondaryAction"; }, never, ["*"], true, never>;
|
|
505
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhEmptyState, "bh-empty-state", never, { "description": { "alias": "description"; "required": false; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; }; "illustrationPath": { "alias": "illustrationPath"; "required": false; }; "illustrationSize": { "alias": "illustrationSize"; "required": false; }; "illustrationSrc": { "alias": "illustrationSrc"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "primaryActionIcon": { "alias": "primaryActionIcon"; "required": false; }; "primaryActionText": { "alias": "primaryActionText"; "required": false; }; "secondaryActionIcon": { "alias": "secondaryActionIcon"; "required": false; }; "secondaryActionText": { "alias": "secondaryActionText"; "required": false; }; }, { "bhPrimaryAction": "bhPrimaryAction"; "bhSecondaryAction": "bhSecondaryAction"; }, never, ["*"], true, never>;
|
|
530
506
|
}
|
|
531
507
|
export declare interface BhEmptyState extends Components.BhEmptyState {
|
|
532
508
|
/**
|
|
@@ -543,7 +519,7 @@ export declare class BhFeaturedIcon {
|
|
|
543
519
|
protected el: HTMLBhFeaturedIconElement;
|
|
544
520
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
545
521
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhFeaturedIcon, never>;
|
|
546
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhFeaturedIcon, "bh-featured-icon", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconStyle": { "alias": "iconStyle"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
522
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhFeaturedIcon, "bh-featured-icon", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconStyle": { "alias": "iconStyle"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
547
523
|
}
|
|
548
524
|
export declare interface BhFeaturedIcon extends Components.BhFeaturedIcon {
|
|
549
525
|
}
|
|
@@ -552,7 +528,7 @@ export declare class BhIllustrations {
|
|
|
552
528
|
protected el: HTMLBhIllustrationsElement;
|
|
553
529
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
554
530
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhIllustrations, never>;
|
|
555
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhIllustrations, "bh-illustrations", never, { "alt": { "alias": "alt"; "required": false; }; "description": { "alias": "description"; "required": false; }; "illustrationTitle": { "alias": "illustrationTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "svgPath": { "alias": "svgPath"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
531
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhIllustrations, "bh-illustrations", never, { "alt": { "alias": "alt"; "required": false; }; "description": { "alias": "description"; "required": false; }; "illustrationSrc": { "alias": "illustrationSrc"; "required": false; }; "illustrationTitle": { "alias": "illustrationTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "svgPath": { "alias": "svgPath"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
556
532
|
}
|
|
557
533
|
export declare interface BhIllustrations extends Components.BhIllustrations {
|
|
558
534
|
}
|
|
@@ -735,7 +711,7 @@ export declare class BhLogoBox {
|
|
|
735
711
|
bhProductSelect: EventEmitter<CustomEvent<IBhLogoBoxBhProduct>>;
|
|
736
712
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
737
713
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhLogoBox, never>;
|
|
738
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhLogoBox, "bh-logo-box", never, { "assetBasePath": { "alias": "assetBasePath"; "required": false; }; "logoSrc": { "alias": "logoSrc"; "required": false; }; "logoType": { "alias": "logoType"; "required": false; }; "products": { "alias": "products"; "required": false; }; }, { "bhProductSelect": "bhProductSelect"; }, never, ["*"], true, never>;
|
|
714
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhLogoBox, "bh-logo-box", never, { "assetBasePath": { "alias": "assetBasePath"; "required": false; }; "logoColor": { "alias": "logoColor"; "required": false; }; "logoImageSrc": { "alias": "logoImageSrc"; "required": false; }; "logoSrc": { "alias": "logoSrc"; "required": false; }; "logoType": { "alias": "logoType"; "required": false; }; "products": { "alias": "products"; "required": false; }; }, { "bhProductSelect": "bhProductSelect"; }, never, ["*"], true, never>;
|
|
739
715
|
}
|
|
740
716
|
export declare interface BhLogoBox extends Components.BhLogoBox {
|
|
741
717
|
/**
|
|
@@ -749,7 +725,7 @@ export declare class BhModal {
|
|
|
749
725
|
bhClose: EventEmitter<CustomEvent<void>>;
|
|
750
726
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
751
727
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhModal, never>;
|
|
752
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhModal, "bh-modal", never, { "overlay": { "alias": "overlay"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "bhClose": "bhClose"; }, never, ["*"], true, never>;
|
|
728
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhModal, "bh-modal", never, { "overlay": { "alias": "overlay"; "required": false; }; "overlayBlur": { "alias": "overlayBlur"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "bhClose": "bhClose"; }, never, ["*"], true, never>;
|
|
753
729
|
}
|
|
754
730
|
export declare interface BhModal extends Components.BhModal {
|
|
755
731
|
/**
|
|
@@ -845,24 +821,24 @@ export declare interface BhNavItem extends Components.BhNavItem {
|
|
|
845
821
|
export declare class BhNotification {
|
|
846
822
|
protected z: NgZone;
|
|
847
823
|
protected el: HTMLBhNotificationElement;
|
|
848
|
-
|
|
849
|
-
|
|
824
|
+
bhPrimaryAction: EventEmitter<CustomEvent<void>>;
|
|
825
|
+
bhSecondaryAction: EventEmitter<CustomEvent<void>>;
|
|
850
826
|
bhClose: EventEmitter<CustomEvent<void>>;
|
|
851
827
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
852
828
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhNotification, never>;
|
|
853
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhNotification, "bh-notification", never, { "
|
|
829
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhNotification, "bh-notification", never, { "description": { "alias": "description"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "notificationTitle": { "alias": "notificationTitle"; "required": false; }; "primaryAction": { "alias": "primaryAction"; "required": false; }; "secondaryAction": { "alias": "secondaryAction"; "required": false; }; "type": { "alias": "type"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "bhPrimaryAction": "bhPrimaryAction"; "bhSecondaryAction": "bhSecondaryAction"; "bhClose": "bhClose"; }, never, ["*"], true, never>;
|
|
854
830
|
}
|
|
855
831
|
export declare interface BhNotification extends Components.BhNotification {
|
|
856
832
|
/**
|
|
857
|
-
* Emitted when action button is clicked
|
|
833
|
+
* Emitted when primary action button is clicked
|
|
858
834
|
*/
|
|
859
|
-
|
|
835
|
+
bhPrimaryAction: EventEmitter<CustomEvent<void>>;
|
|
860
836
|
/**
|
|
861
|
-
* Emitted when
|
|
837
|
+
* Emitted when secondary action button is clicked
|
|
862
838
|
*/
|
|
863
|
-
|
|
839
|
+
bhSecondaryAction: EventEmitter<CustomEvent<void>>;
|
|
864
840
|
/**
|
|
865
|
-
* Emitted when close button
|
|
841
|
+
* Emitted when the notification is closed (close button, auto-dismiss, or visible set to false)
|
|
866
842
|
*/
|
|
867
843
|
bhClose: EventEmitter<CustomEvent<void>>;
|
|
868
844
|
}
|
|
@@ -875,7 +851,7 @@ export declare class BhPageNavigation {
|
|
|
875
851
|
}>>;
|
|
876
852
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
877
853
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhPageNavigation, never>;
|
|
878
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhPageNavigation, "bh-page-navigation", never, { "navTitle": { "alias": "navTitle"; "required": false; }; "navigationItems": { "alias": "navigationItems"; "required": false; }; }, { "bhItemClick": "bhItemClick"; }, never, ["*"], true, never>;
|
|
854
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhPageNavigation, "bh-page-navigation", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "navTitle": { "alias": "navTitle"; "required": false; }; "navigationItems": { "alias": "navigationItems"; "required": false; }; }, { "bhItemClick": "bhItemClick"; }, never, ["*"], true, never>;
|
|
879
855
|
}
|
|
880
856
|
export declare interface BhPageNavigation extends Components.BhPageNavigation {
|
|
881
857
|
/**
|
|
@@ -945,7 +921,7 @@ export declare class BhPagination {
|
|
|
945
921
|
bhPageSizeChange: EventEmitter<CustomEvent<IBhPaginationPaginationChangeEvent>>;
|
|
946
922
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
947
923
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhPagination, never>;
|
|
948
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhPagination, "bh-pagination", never, { "
|
|
924
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhPagination, "bh-pagination", never, { "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxPageNumbers": { "alias": "maxPageNumbers"; "required": false; }; "page": { "alias": "page"; "required": false; }; "pageInfoLabel": { "alias": "pageInfoLabel"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "rowsPerPageLabel": { "alias": "rowsPerPageLabel"; "required": false; }; "showItemCount": { "alias": "showItemCount"; "required": false; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; }; "showingResultsLabel": { "alias": "showingResultsLabel"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; }, { "bhPageChange": "bhPageChange"; "bhPageSizeChange": "bhPageSizeChange"; }, never, ["*"], true, never>;
|
|
949
925
|
}
|
|
950
926
|
export declare interface BhPagination extends Components.BhPagination {
|
|
951
927
|
/**
|
|
@@ -1003,26 +979,11 @@ export declare interface BhPieChart extends Components.BhPieChart {
|
|
|
1003
979
|
export declare class BhPopover {
|
|
1004
980
|
protected z: NgZone;
|
|
1005
981
|
protected el: HTMLBhPopoverElement;
|
|
1006
|
-
bhItemSelect: EventEmitter<CustomEvent<IBhPopoverPopoverItem>>;
|
|
1007
|
-
bhPortfolioClick: EventEmitter<CustomEvent<void>>;
|
|
1008
|
-
bhSearchChange: EventEmitter<CustomEvent<string>>;
|
|
1009
982
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1010
983
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhPopover, never>;
|
|
1011
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhPopover, "bh-popover", never, { "
|
|
984
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhPopover, "bh-popover", never, { "content": { "alias": "content"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1012
985
|
}
|
|
1013
986
|
export declare interface BhPopover extends Components.BhPopover {
|
|
1014
|
-
/**
|
|
1015
|
-
* Event emitted when a menu item is selected
|
|
1016
|
-
*/
|
|
1017
|
-
bhItemSelect: EventEmitter<CustomEvent<IBhPopoverPopoverItem>>;
|
|
1018
|
-
/**
|
|
1019
|
-
* Event emitted when portfolio link is clicked
|
|
1020
|
-
*/
|
|
1021
|
-
bhPortfolioClick: EventEmitter<CustomEvent<void>>;
|
|
1022
|
-
/**
|
|
1023
|
-
* Event emitted when search input changes
|
|
1024
|
-
*/
|
|
1025
|
-
bhSearchChange: EventEmitter<CustomEvent<string>>;
|
|
1026
987
|
}
|
|
1027
988
|
export declare class BhProductSwitcher {
|
|
1028
989
|
protected z: NgZone;
|
|
@@ -1079,7 +1040,7 @@ export declare class BhSidebar {
|
|
|
1079
1040
|
bhAvatarMenuClick: EventEmitter<CustomEvent<IBhDropdownDropdownMenuItem>>;
|
|
1080
1041
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1081
1042
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhSidebar, never>;
|
|
1082
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhSidebar, "bh-sidebar", never, { "avatarEmail": { "alias": "avatarEmail"; "required": false; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; }; "avatarName": { "alias": "avatarName"; "required": false; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "footerItems": { "alias": "footerItems"; "required": false; }; "logoType": { "alias": "logoType"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; }, { "bhMenuItemClick": "bhMenuItemClick"; "bhSearchClick": "bhSearchClick"; "bhAvatarMenuClick": "bhAvatarMenuClick"; }, never, ["*"], true, never>;
|
|
1043
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhSidebar, "bh-sidebar", never, { "assetBasePath": { "alias": "assetBasePath"; "required": false; }; "avatarEmail": { "alias": "avatarEmail"; "required": false; }; "avatarImageSrc": { "alias": "avatarImageSrc"; "required": false; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; }; "avatarName": { "alias": "avatarName"; "required": false; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "footerItems": { "alias": "footerItems"; "required": false; }; "logoImageSrc": { "alias": "logoImageSrc"; "required": false; }; "logoSrc": { "alias": "logoSrc"; "required": false; }; "logoType": { "alias": "logoType"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; }, { "bhMenuItemClick": "bhMenuItemClick"; "bhSearchClick": "bhSearchClick"; "bhAvatarMenuClick": "bhAvatarMenuClick"; }, never, ["*"], true, never>;
|
|
1083
1044
|
}
|
|
1084
1045
|
export declare interface BhSidebar extends Components.BhSidebar {
|
|
1085
1046
|
/**
|
|
@@ -1110,7 +1071,7 @@ export declare class BhTabItem {
|
|
|
1110
1071
|
bhTabItemClick: EventEmitter<CustomEvent<string>>;
|
|
1111
1072
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1112
1073
|
static ɵfac: i0.ɵɵFactoryDeclaration<BhTabItem, never>;
|
|
1113
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BhTabItem, "bh-tab-item", never, { "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": true; }; "value": { "alias": "value"; "required": true; }; }, { "bhTabItemClick": "bhTabItemClick"; }, never, ["*"], true, never>;
|
|
1074
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhTabItem, "bh-tab-item", never, { "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "label": { "alias": "label"; "required": true; }; "value": { "alias": "value"; "required": true; }; }, { "bhTabItemClick": "bhTabItemClick"; }, never, ["*"], true, never>;
|
|
1114
1075
|
}
|
|
1115
1076
|
export declare interface BhTabItem extends Components.BhTabItem {
|
|
1116
1077
|
/**
|
|
@@ -1175,6 +1136,15 @@ export declare interface BhTextarea extends Components.BhTextarea {
|
|
|
1175
1136
|
*/
|
|
1176
1137
|
bhHelpClick: EventEmitter<CustomEvent<void>>;
|
|
1177
1138
|
}
|
|
1139
|
+
export declare class BhToastContainer {
|
|
1140
|
+
protected z: NgZone;
|
|
1141
|
+
protected el: HTMLBhToastContainerElement;
|
|
1142
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1143
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BhToastContainer, never>;
|
|
1144
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BhToastContainer, "bh-toast-container", never, { "gap": { "alias": "gap"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1145
|
+
}
|
|
1146
|
+
export declare interface BhToastContainer extends Components.BhToastContainer {
|
|
1147
|
+
}
|
|
1178
1148
|
export declare class BhToggle {
|
|
1179
1149
|
protected z: NgZone;
|
|
1180
1150
|
protected el: HTMLBhToggleElement;
|